p {
    margin: 0;
    padding: 0;
}

.sp {
    display: none;
}

h2 {
    font-size: 34.58px;
}

.page_title {
    margin-top: 5.29249%;
    margin-bottom: 60px;
    font-size: 36px;
    letter-spacing: 0.22em;
}

.title_underline {
    background-color: #00ACBD;
}


.campaign-title {
    margin-top: 59.2px;

}

.gold_title img {
    width: 28.5544px;
}

.campaign-title img {
    width: 100%;
}

.blue_title {
    color: #00ACBD;
    font-size: 36px;
    height: 64.19px;
    border: 2px solid #00ACBD;
    border-radius: 32.095px;
    /* padding:8px 0; */
    text-align: center;
    max-width: 1056px;
    margin: 96px auto 0 auto;
    letter-spacing: 0.22rem;
}

.teacher_title,
#feature_title {
    width: 1012.8945px;
    margin: auto;
}

#feature_title {
    margin-top: calc(100vw * 88.7611 / 1920);
}

.teacher_title {
    margin-top: calc(100vw * 105.1099 / 1920);
}

.introduce {
    justify-content: space-between;
    flex-wrap: wrap;
}

.introduce>div {
    margin-top: 104.1448px;
    text-align: left;
}

.introduce>div:nth-child(2n+1) {
    width: 47.956351642572657%;
}

.introduce>div:nth-child(2n) {
    width: 46.480607330276872%;
}

.gold_title {
    text-align: left;
}

.introduce h3 {
    margin: 0;
    font-size: 24px;
    line-height: 36.8125px;
    letter-spacing: 0.34em;
    color: #00ACBD;
    margin-left: 3.437201520912548%;
    display: inline-block;
}

.introduce .letter-spacing {
    letter-spacing: 0;
}

.introduce p {
    margin: 0;
    margin-top: 30.4233px;
    font-size: 18px;
    line-height: 1.861111111111111;
    letter-spacing: 0.2em;
}

.introduce_text2 {
    line-height: 2.416666666666667 !important;
    letter-spacing: 0.05em !important;
}

.introduce_text5 {
    line-height: 1.527777777777778;
    margin-bottom: 0.8545% !important;
}

.introduce_text5,
.introduce_text3 {
    letter-spacing: 0.15em !important;
}

.introduce_text4 {
    line-height: 2.305555555555556 !important;
    letter-spacing: 0.13em !important;
}

.sp-only {
    display: none;
}

.divide_line {
    width: 1px;
    height: 60px;
    background-color: #C4C4C4;
    margin: auto;
}

/*
================================================================
講師紹介
================================================================
*/

.teacher-introduction p {
    margin: 0;
    padding: 0;
    font-size: 21.13px;
    line-height: 1.750118315191671;
    letter-spacing: 0.19em;
}

.flex-box {
    display: flex;
    margin-top: 100px;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    justify-content: center;
}

.flex-right {
    /* padding-left: 48.5205px; */
    /* width: calc(100% * 463.1795 / 1060.9003); */
    text-align: left;
    display: flex;
    flex-direction: column;
}

.flex-right ul {
    flex-direction: column;
}

.dl-flex {
    display: flex;
}

.teacher-name {
    font-size: 34.58px !important;
    font-weight: bold;
    line-height: 1.749855407750145 !important;
    letter-spacing: 0.26em !important;
}

.teacher-introduction dl {
    margin-top: auto;
    line-height: 2.5;
}

.teacher-introduction dl dt,
.teacher-introduction dl dd {
    margin: 10px 0;
}

.teacher-introduction .flex-left {
    width: calc(1105.1779px * 508.3091 / 1064.472);
}

.comment,
.pro {
    letter-spacing: 0.05em;
}

.alphabet {
    font-size: 19.21px;
    line-height: 1.750130140551796;
    letter-spacing: 0.11em;
}

.profile_col1 {
    display: inline-block;
    width: 126.0906px;
    text-align: right;
}

.profile_info1 {
    margin-top: 50px !important;
}

.comment,
.comment_title,
.profile_info3,
.profile_info2 {
    margin-top: 30px !important;
}

.comment {
    margin-top: 20px !important;
}

/*
================================================================
料金について
================================================================
*/
.tax-note {
    text-align: right;
    margin: auto;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.2em;
}

#admission_list {
    display: flex;
    margin-bottom: 19.7625px;
    /* height: 71.0256px; */
    flex-wrap: wrap;
    /* align-items: center; */
}

/* #admission_list tr {
    height: 71.0256px;
    border-bottom: none;
} */

/* table td {
    font-size: 16px !important;
    line-height: 2.05 !important;
    letter-spacing: 0.14em !important;
} */

#main_list {
    font-size: 24.97px !important;
    line-height: 1.21576923;
    letter-spacing: 0.36em;
}

#fee {
    /* height: 100%; */
    display: block;
    height: 71.0256px;
    width: 50%;
    border-top: #888888 1px solid;
    border-bottom: #888888 1px solid;
    font-size: 23.05px;
    line-height: 71.0256px;
    letter-spacing: 0.025em;
}

#fee .red-through {
    text-decoration: line-through;
    text-decoration-color: red;
}

#fee .red-color {
    color: red;
}

#admission {
    /* height: 100%; */
    height: 71.0256px;
    font-size: 24.97px;
    line-height: 71.0256px;
    letter-spacing: 0.36em;
    width: 50%;
    background-color: #00ACBD;
    color: #fff;
}

#t-sub_head td {
    background-color: #C7C7CB;
}

.scroll-table th {
    font-size: 24.97px !important;
    background-color: #00ACBD;
    color: #fff;
    line-height: 1.215859030837004;
    letter-spacing: 0.24em;
    background-color: #00ACBD;
    font-weight: 400;
}

.times {
    line-height: 1.21576923;
    letter-spacing: 0.24em;
}

.notion {
    text-align: left;
    /* width: 1105.1779px; */
    margin: auto;
    font-size: 17.29px;
    line-height: 1.750144592249855;
    letter-spacing: 0.075em;
}

.td-red {
    color: red;
    line-height: 1.21576923;
    letter-spacing: 0.14em;
}

.scroll-table .times {
    width: 50%;
}

.lesson-img {
    display: flex;
    justify-content: space-between;
    width: calc(100% * 1052.7538 / 1060.9003);
    margin: auto;
    gap: 0 33.2213px;
    margin-top: 45.5775px;
}

/* .lesson-img img {
    width: 48%;
} */

#main_list tr {

    border-bottom: #C4C4C4 1px solid;
}

#main_list tr:nth-child(n + 3) {
    font-size: 23.05px;
    line-height: 1;
    letter-spacing: 0.13em;
    height: 100px
}

#main_list tr:not(:nth-child(n + 2)) {
    border-bottom: none;
}

.members,
.member-class {
    width: 63.57648398853728%;
}

#t-sub_head td {
    border: none;
}

#t-sub_head {
    border: none;
    border-top: #fff 19.7625px solid;
}

.times,
.member-class {
    border-right: #fff 13.0779px solid !important;
}

#traial_lesson {
    margin-top: 79.9541px;
}


/*
================================================================
スケジュール
================================================================
*/

#schedule_list {
    border-spacing: 0;
    border-collapse: collapse;
}

.page_subtitle {
    margin: 0;
    font-size: 17.29px;
    line-height: 1.750144592249855;
    letter-spacing: 0.155em;
    margin-top: 43.8327px;
}

#schedule_list th {
    height: 79.282px;
}

#schedule-sub_head {
    font-size: 24.97px !important;
    color: #fff;
    line-height: 1.215859030837004;
    letter-spacing: 0.24em;
    font-weight: 400;
    border-top: #fff solid 13.4481px;
    height: 74.4391px;
}


.schedule .page_title {
    margin-bottom: 34px;
}

#schedule_list {
    width: 100%;
}

.schedule-yellow {
    background-color: #CFBE95 !important;
}

.schedule-gray {
    background-color: #B1B1B1 !important;
}

.schedule-blue {
    background-color: #789AD2 !important;
}

.schedule-red {
    background-color: #C86C6C !important;
}


.scroll-table .schedule-times {
    width: auto;
    /* width: calc(40% - 8px);
    display: inline-block;
    font-weight: bold;
    line-height: 3.46181818;
    letter-spacing: 0.6em; */
}

#schedule-sub_head .schedule-wednesday,
#schedule-sub_head .schedule-saturday,
#schedule-sub_head .schedule-sunday {
    width: calc(100% * 222.4259 / 1060.9003);
    border-left: #fff solid 11.0455px;
}

.schedule-tr .schedule-times {
    font-size: 21.13px;
    letter-spacing: 0.06em;
    font-feature-settings: "palt";
}



/* .scroll-table .schedule-wednesday {
    width: calc(40% - 8px);
    display: inline-block;
}

.scroll-table .schedule-saturday {
    width: calc(10% - 8px);
    display: inline-block;
}

.scroll-table .schedule-sunday {
    width: calc(10% - 8px);
    ;
    text-align: center;
    display: inline-block;
} */

.schedule-tr {
    height: 62.3907px;
    border-bottom: 1px solid #B6B6B6;
    padding: 10px 0;
}

/* .schedule-tr:last-child {
    display: block;
} */

#school #t-head {
    background-color: rgba(135, 97, 0, 1);
    height: 79.1654px;
}

#school #t-sub_head td {
    background-color: #C7C7CB;
    height: 79.1654px;
}

.schedule_times_left {
    display: inline-block;
    text-align: left;
    width: 152.594px;
}


@media screen and (min-width: 1921px) {
    #feature_title {
        margin-top: 88.7611px;
    }

    .teacher_title {
        margin-top: 105.1099px;
    }
}

@media screen and (max-width: 1106px) {
    .contents {
        width: 90%;
    }

    .flex-box {
        justify-content: center;
    }

    #fee,
    #admission,
    .flex-left,
    .notion,
    .teacher_title,
    #feature_title {
        width: 100% !important;
    }

    .flex-right {
        width: 70% !important;
    }

    .scroll-table {
        margin: 0;
    }

    element.style {
        width: 26px;
    }

    .gold_title img {
        width: 26px;
    }

    .introduce h3 {
        font-size: 18px;
        line-height: 29.66px;
    }

    #schedule-sub_head {
        font-size: 20px !important;
    }
}


/* @media screen and (max-width: 950px) {
    .flex-box {
        flex-direction: column;
    }
} */

@media screen and (max-width: 750px) {
    .contents {
        width: 94%;
    }

    .sp {
        display: block;
        max-width: 100%;
    }

    .pc {
        display: none;
    }

    .introduce h3 {
        /* font-size: 36.83px; */
        font-size: calc(100VW * 33 / 750);
        /* line-height: 38.2182px; */
        line-height: calc(100VW * 33 / 750);
        letter-spacing: 0.2em;
        color: #00ACBD;
        margin-left: calc(100VW * 22.6696 / 750);
        display: inline-block;
    }

    /* .introduce {
        margin-bottom: 10%;
    } */

    .introduce>div {
        width: 100% !important;
        margin: auto;
        /* margin-top: 3%; */
    }

    .introduce>div:nth-child(2n) {
        margin-top: calc(100vw * 51.0873 / 750);
    }

    .gold_title img {
        width: 29.6359px;
    }

    .introduce>div:nth-child(2n + 1) {
        margin-top: calc(100vw * 64.2819 / 750);
    }

    .flex-box {
        margin-top: calc(100VW * 68.45 / 750);
    }

    .flex-left img {
        width: calc(100vw * 527.5591 / 750);
    }

    .flex-right {
        margin-top: calc(100VW * 81.6594 / 750);
        width: calc(100vw * 622.9521 / 750) !important;
    }

    .teacher-introduction p {
        font-size: 28.38px;
        line-height: 1.749823819591261;
        letter-spacing: 0.19em;
    }

    .pro {
        letter-spacing: 0.05em !important;
    }

    .teacher-name {
        font-size: 46.44px !important;
    }

    .alphabet {
        font-size: 25.8px !important;
        line-height: 1.75 !important;
        letter-spacing: 0.11em !important;
    }

    .profile_col1 {
        width: 169px;
    }

    .sp-only {
        display: block;
    }

    .page_title {
        margin-top: 9%;
    }

    #admission {
        width: 100%;
        background-color: #00ACBD;
        color: #fff;
    }

    #fee {
        margin-top: calc(100VW * 42.4132 / 750);
        width: 100%;
    }

    /* .grid-layout {
        display: grid;
    } */

    .tax-note {
        text-align: right;
        font-size: 12px;
        line-height: 1.5;
        /* display: none; */
        margin-left: 5%;
    }

    .tax-note-hidden {
        text-align: right;
        font-size: 12px;
        line-height: 1.5;
        display: block;
        margin-bottom: 10px;
    }

    .lesson-img {
        width: 100%;
        flex-direction: column;
    }

    .lesson-img>div {
        width: calc(100vw * 529.0714 / 750);
        margin: auto;
    }

    .lesson-img>div:last-child {
        margin-top: calc(100vw * 46.7231 / 750);
    }



    /* .lesson-img img {
        width: 100%;
        margin-top: 10px;
    } */


    /* .introduce h3 {
        font-size: 18px;
    } */

    .introduce p {
        margin-top: calc(100vw * 36.6816 / 750);
        font-size: 27.87px;
        line-height: 1.607104413347686;
        letter-spacing: 0.18em;
        font-weight: 300;
    }

    footer {
        margin-top: 20%;
    }

    .notion,
    .teacher_title,
    #feature_title {
        width: 100%;
    }

    #feature_title {
        margin-top: calc(100vw * 64.2819 / 750);
    }

    .teacher_title {
        margin-top: calc(100vw * 112.1319 / 750);
    }

    #schedule-sub_head {
        font-size: 16px !important;
    }
}


@media screen and (max-width: 550px) {
    .introduce h3 {
        font-size: calc(100VW * 30 / 550);
        line-height: 32.23px;
        margin-left: calc(100VW * 22.6696 / 550);
    }

    .gold_title img {
        width: 25px;
    }

    .introduce p {
        font-size: 18px;
    }

    .teacher-introduction p {
        font-size: 14px;
    }

    .teacher-name {
        font-size: 32px !important;
    }

    .alphabet {
        font-size: 17px !important;
        line-height: 1 !important;
    }

    .profile_col1 {
        width: 84px;
    }

    .comment,
    .comment_title,
    .profile_info3,
    .profile_info2 {
        margin-top: 16px !important;
    }

    .about-fee .page_title {
        margin-top: calc(100vw * 150 / 550);
    }

    #main_list,
    #admission,
    .scroll-table th,
    #fee {
        font-size: 18px !important;
    }

    #main_list tr:nth-child(n + 3) {
        font-size: 16px !important;
    }

    .members,
    .member-class {
        width: 50%;
    }

    .notion {
        font-size: 11px;
    }

    h2 {
        font-size: 24px;
    }

    .page_subtitle {
        font-size: 13px;
    }

    .schedule-tr .schedule-times {
        font-size: 15px;
    }

    #schedule-sub_head .schedule-wednesday,
    #schedule-sub_head .schedule-saturday,
    #schedule-sub_head .schedule-sunday {
        border-left: #fff solid 4px;
    }

    #schedule_list {
        width: 517px;
        /* width: 100%; */
        table-layout: fixed;
    }
}