@charset "UTF-8";

/* 2023.1.17 OAL　小野　追記*/

html {
    font-size: 62.5%;
}

.work__flex {
    display: flex;
    justify-content: center;
}

.work__img {
    width: 20rem;
}

.work__box {
    margin-left: 2rem;
}

.work__title {
    font-size: 3.2rem;
    line-height: calc(42 / 32);
    font-weight: 700;
    color: #000000;
    display: block;
}

.work__sub-title {
    font-size: 2.2rem;
    line-height: calc(33 / 22);
    font-weight: 400;
    color: #000000;
    display: block;
}

.work__sub-title--small {
    font-size: 1.8rem;
    line-height: calc(26 / 18);
    font-weight: 400;
    color: #000000;
    display: block;
}

.work__raning {
    display: flex;
    justify-content: left;
    margin-top: 2.0rem;
}

.work__icon {
    width: 3.4rem;
    height: 5.1rem;
}

.work__rank-title {
    font-size: 2.2rem;
    line-height: calc(33 / 22);
    font-weight: 400;
    color: #000000;
    margin-left: 1.0rem;
}

.work__rank-title--red {
    font-size: 2.6rem;
    line-height: calc(33 / 26);
    font-weight: 700;
    color: #990006;
}

.work__items {
    margin-top: -1.2rem;
}

.work__item {
    list-style: none;
    font-size: 1.8rem;
    line-height: calc(26 / 18);
    font-weight: 700;
    color: #990006;
    margin-bottom: 0.6rem;
}

.work__item--box {
    font-size: 1.5rem;
    line-height: calc(22 / 15);
    font-weight: 700;
    color: white;
    background: #990006;
    padding: 0 0.8rem;
    padding-bottom: 0.2rem;
    margin-left: 1.0rem;
}

.work__unit {
    display: flex;
    justify-content: center;
    margin-top: 2.0rem;
}

.work__book {
    width: 37rem;
}

.work__book+.work__book {
    margin-left: 3.5rem;
}





/* 2023.1.16追記　アンケート部分 */

.result {
    background: #F4F0E2;
}

.result__inner {
    padding: 6.6rem 0 5.4rem 0;
}

.result__content {
    background: white;
    width: 88rem;
    margin: 0 auto;
    padding: 1.6rem 0;
}

.result__border {
    width: 100%;
    border-top: 0.1rem solid #796A56;
    border-bottom: 0.1rem solid #796A56;
}

.result__title {
    font-family: "Noto Serif JP";
    text-align: center;
    font-size: 5rem;
    line-height: calc(60 / 50);
    font-weight: 900;
    color: #000000;
    margin-top: 5rem;
    margin-bottom: 1.7rem;
}

sup {
    font-size: 2.6rem;
}

.result__kome {
    text-align: center;
    font-size: 1.6rem;
    line-height: calc(24 / 16);
    font-weight: 400;
    color: #000000;
    margin: 0 auto;
}

.result__text {
    font-size: 1.4rem;
    line-height: calc(22 / 14);
    font-weight: 400;
    color: #000000;
    padding-top: 5.8rem;
    padding-bottom: 4.5rem;
    width: 76rem;
    margin: 0 auto;
}

.question__items {
    width: 76rem;
    margin: 0 auto;
    padding-left: 0;
}

.question__item {
    margin-bottom: 5rem;
    list-style: none;
}

.question__flex {
    display: flex;
    justify-content: left;
    align-items: flex-start;
}

.question__number {
    font-family: "Noto Serif JP";
    font-size: 2.2rem;
    line-height: calc(31 / 22);
    font-weight: 900;
    color: white;
    background: #796A56;
    padding: 0 0.6rem;
    padding-bottom: 0.2rem;
    margin-right: 1rem;
}

.question__title {
    font-family: "Noto Serif JP";
    font-size: 2.2rem;
    line-height: calc(31 / 22);
    font-weight: 900;
    color: #796A56;
}

.question__people {
    font-size: 1.6rem;
    line-height: calc(24 / 16);
    font-weight: 400;
    color: #000000;
    margin: 0.5rem 0 3rem 0;
}

.question__answer p {
    font-size: 1.8rem;
    line-height: calc(26 / 18);
    font-weight: 400;
    color: #000000;
    margin: 0 auto;
}

.answer {
    display: flex;
    justify-content: left;
}

.answer__items {
    margin-right: 9.2rem;
    padding-left: 0;
}

.answer__item {
    display: flex;
    justify-content: left;
    align-items: center;
}

.answer__icon {
    width: 1.9rem;
    margin-right: 0.5rem;
}

.answer__text {
    font-size: 1.8rem;
    line-height: calc(30 / 18);
    font-weight: 400;
    color: #000000;
}

.question__answer--red {
    font-size: 2.2rem;
    line-height: calc(33 / 22);
    font-weight: 700;
    color: white;
    background: #990006;
    padding-left: 0.6rem;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 1.6rem;
}

.question__answer--bottom {
    padding-bottom: 1.6rem;
}

.box {
    border: 0.5rem solid #C8BB9B;
    width: 76rem;
    margin: 0 auto;
    margin-top: 3.5rem;
}

.box__inner {
    padding: 4rem 0;
}

.before__title,
.after__title {
    font-size: 2.8rem;
    line-height: calc(42 / 28);
    font-weight: 700;
    color: black;
    text-align: center;
}

.before__title--red,
.after__title--red {
    color: #990006;
}

.content {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

.content__items {
    margin-right: 2.8rem;
    padding-left: 0;
}

.content__item {
    list-style: none;
    font-size: 1.8rem;
    line-height: calc(30 / 18);
    font-weight: 400;
    color: #000000;
}

.box__triangle {
    width: 20.4rem;
    margin: 0 auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.answer__items--right {
    margin-right: 3.6rem;
}

.answer__item--red {
    font-size: 2.2rem;
    line-height: calc(33 / 22);
    font-weight: 700;
    color: #990006;
    width: 46.3rem;
    margin-top: 2.5rem;
    display: inline-block;
}

.answer__result--left {
    margin-left: -4.5rem;
}

/* 2023.5.13 OAL田上　追記*/

.line_tokuten {
    margin: 40px 30px 0px;
}

/* 2023.5.13 OAL田上　追記終了*/

@media screen and (max-width: 767px) {
    html {
        font-size: calc(10 / 375 * 100vw);
    }

    .work__inner {
        max-width: 50rem;
        width: 100%;
        margin: 0 auto;
    }

    .work__flex {
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }

    .work__img {
        width: 13rem;
        margin: 0 auto;
    }

    .work__box {
        margin-left: 1.4rem;
        margin-top: 1.0rem;
    }

    .work__title {
        font-size: 2.4rem;
        line-height: calc(42 / 24);
    }

    .work__sub-title {
        font-size: 1.8rem;
        line-height: calc(26 / 18);
    }

    .work__sub-title--small {
        margin-top: 0.7rem;
    }

    .work__raning {
        display: flex;
        justify-content: left;
    }

    .work__icon {
        width: 2.6rem;
        height: 4.0rem;
    }

    .work__rank-title {
        line-height: calc(30 / 22);
        text-align: left;
    }

    .work__rank-title--red {
        font-size: 2.4rem;
        line-height: calc(30 / 24);
    }

    .work__items {
        margin-top: 1.2rem;
        padding-left: 0;
        text-align: left;
    }

    .work__item {
        font-size: 1.6rem;
        line-height: calc(26 / 16);
    }

    .work__item--box {
        font-size: 1.4rem;
        line-height: calc(26 / 14);
    }

    .work__unit {
        justify-content: center;
        margin-top: 1.3rem;
    }

    .work__book {
        width: 14.6rem;
    }

    .work__book+.work__book {
        margin-left: 2rem;
    }





    .result__inner {
        padding: 3rem 0;
    }

    .result__content {
        width: 35.6rem;
        padding: 0.8rem 0;
    }

    .result__title {
        font-size: 2.6rem;
        line-height: calc(33 / 26);
        margin-top: 3rem;
        margin-bottom: 1.2rem;
    }

    .result__kome {
        font-size: 1.2rem;
        line-height: calc(20 / 12);
    }

    .result__text {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        width: 33.6rem;
    }

    .question__items {
        width: 33.6rem;
    }

    .question__item {
        margin-bottom: 3.5rem;
    }

    .question__number {
        font-size: 2rem;
        line-height: calc(30 / 20);
        margin-right: 1rem;
        padding-left: 1rem;
        padding-right: 0;
        width: 15%;
    }

    .question__people {
        margin: 0.5rem 0 1.6rem 0;
    }

    .question__title {
        font-size: 2rem;
        line-height: calc(26 / 20);
        width: 85%;
    }

    .question__answer p {
        font-size: 1.8rem;
        line-height: calc(24 / 18);
    }

    .answer {
        flex-direction: column-reverse;
    }

    .answer__items {
        margin-right: 0;
    }

    .answer__result {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .answer__item {
        margin-left: 2.4rem;
    }

    .question__answer--red {
        padding-left: 0;
    }

    .box {
        width: 33.5rem;
        margin-top: 3rem;
    }

    .box__inner {
        padding: 2rem 0;
    }

    .before__title,
    .after__title {
        font-size: 2.6rem;
        line-height: calc(40 / 26);
    }

    .content {
        flex-direction: column-reverse;
        margin-top: 3rem;
    }

    .content__img {
        width: 90%;
        margin: 0 auto;
    }

    .content__items {
        margin-right: 0;
        padding-left: 1.6rem;
        padding-top: 2rem;
    }

    .answer__items--right {
        margin-right: 0;
        margin-left: 1rem;
    }

    .answer__items--right .answer__item {
        margin-left: 0;
    }

    .answer__item--red {
        width: 97%;
        margin-top: 2rem;
    }

    .answer__result--left {
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .answer__icon {
        width: 6%;
        margin-top: 0.6rem;
    }

    .answer__text {
        width: 94%;
    }

    .answer__icon img {
        width: 100%;
    }

    .answer__item {
        align-items: flex-start;
    }

    .answer__text--small {
        font-size: 1.6rem;
        line-height: calc(28 / 16);
    }

    sup {
        font-size: 1.6rem;
    }

    /* 2023.5.13 OAL田上　追記*/

.line_tokuten {
    margin: 30px 0px 0px;
}

/* 2023.5.13 OAL田上　追記終了*/
}

@media screen and (max-width: 375px) {
    html {
        font-size: calc(10 / 375 * 100vw);
    }
}

/* 2023.5.17 OAL高田　追記*/
#lecturer-profile .profile-tittel small{
    color:#fff;
    display: block;
    margin-bottom: 0.4rem;
    font-family: "Noto Sans JP",sans-serif;
    font-size: 12px;
}

@media screen and (max-width: 767px) {
    #lecturer-profile .profile-tittel small{
        margin-top: 0.6rem;
    }
}


/* 2023.7.23 OAL二岡　追記*/
.form-p{
    text-align: center;
    font-size: 12px;
}