@charset "UTF-8";



.c-section-title.c-section-title--subject::before{

    background: var(--subject-color);

    border-radius: 50%;

}



.l-main{

    --subject-color: var(--brand-color);

    --subject-color-light: var(--gray-color-light);

    --subject-color-lighter: var(--gray-color-light);

}

.l-main--philosophy{

    --subject-color: var(--philosophy-color);

    --subject-color-light: var(--philosophy-color-light);

    --subject-color-lighter: var(--philosophy-color-lighter);

}

.l-main--science{

    --subject-color: var(--science-color);

    --subject-color-light: var(--science-color-light);

    --subject-color-lighter: var(--science-color-lighter);

}

.l-main--money{

    --subject-color: var(--money-color);

    --subject-color-light: var(--money-color-light);

    --subject-color-lighter: var(--money-color-lighter);

}

.l-main--english{

    --subject-color: var(--english-color);

    --subject-color-light: var(--english-color-light);

    --subject-color-lighter: var(--english-color-lighter);

}

.l-main--programming{

    --subject-color: var(--programming-color);

    --subject-color-light: var(--programming-color-light);

    --subject-color-lighter: var(--programming-color-lighter);

}



.c-page-title{

    background: var(--subject-color-lighter);

    border-top-color: var(--subject-color-light);

    border-bottom-color: var(--subject-color-light);

}



.p-subject{

    padding: var(--page-top-padding-top) 0 var(--section-margin-top);

}

.p-subject__intro{

    text-align: center;

    font-size: var(--fs-base);

    line-height: var(--lh-base);

}

.p-subject__list{

    margin-top: calc(40 * var(--px));

}

.p-subject__item{

    display: flex;

    align-items: center;

    background: var(--gray-color-light);

    padding: calc(50 * var(--px));

    border-radius: var(--radius-base);

    position: relative;

    overflow: hidden;

}

.p-subject__item:nth-child(n+2){

    margin-top: calc(50 * var(--px));

}

.p-subject__main{

    flex-grow: 1;

    padding-right: calc(60 * var(--px));

}

.p-subject__head{

    display: flex;

}

.p-subject__title01{

    display: block;

    font-size: var(--fs-base);

}

.p-subject__title02{

    display: block;

    font-size: var(--fs-large-title);

    font-weight: 600;

    margin-top: calc(10 * var(--px))

}

.p-subject__text{

    margin-top: calc(20 * var(--px));

    font-size: var(--fs-small-text);

    line-height: var(--lh-base);

}

.p-subject__image{

    width: calc(400 * var(--px));

    flex-shrink: 0;

    border-radius: var(--radius-base);

    overflow: hidden;

}

.p-subject__image img{

    width: 100%;

    height: auto;

}

.p-subject__item:nth-child(1){

    background: var(--philosophy-color-lighter);

}

.p-subject__item:nth-child(2){

    background: var(--science-color-lighter);

}

.p-subject__item:nth-child(3){

    background: var(--money-color-lighter);

}

.p-subject__item:nth-child(4){

    background: var(--english-color-lighter);

}

.p-subject__item:nth-child(5){

    background: var(--programming-color-lighter);

}

.p-subject__item:nth-child(1) .p-subject__head::before{

    background: var(--philosophy-color);

}

.p-subject__item:nth-child(2) .p-subject__head::before{

    background: var(--science-color);

}

.p-subject__item:nth-child(3) .p-subject__head::before{

    background: var(--money-color);

}

.p-subject__item:nth-child(4) .p-subject__head::before{

    background: var(--english-color);

}

.p-subject__item:nth-child(5) .p-subject__head::before{

    background: var(--programming-color);

}

.p-subject__item:nth-child(1) .c-button__link{

    background: var(--philosophy-color);

    border-color: var(--philosophy-color);

}

.p-subject__item:nth-child(1) .c-button__link:hover,

.p-subject__item:nth-child(1) .c-button__link:hover::after{

    color: var(--philosophy-color);

}

.p-subject__item:nth-child(2) .c-button__link{

    background: var(--science-color);

    border-color: var(--science-color);

}

.p-subject__item:nth-child(2) .c-button__link:hover,

.p-subject__item:nth-child(2) .c-button__link:hover::after{

    color: var(--science-color);

}

.p-subject__item:nth-child(3) .c-button__link{

    background: var(--money-color);

    border-color: var(--money-color);

}

.p-subject__item:nth-child(3) .c-button__link:hover,

.p-subject__item:nth-child(3) .c-button__link:hover::after{

    color: var(--money-color);

}

.p-subject__item:nth-child(4) .c-button__link{

    background: var(--english-color);

    border-color: var(--english-color);

}

.p-subject__item:nth-child(4) .c-button__link:hover,

.p-subject__item:nth-child(4) .c-button__link:hover::after{

    color: var(--english-color);

}

.p-subject__item:nth-child(5) .c-button__link{

    background: var(--programming-color);

    border-color: var(--programming-color);

}

.p-subject__item:nth-child(5) .c-button__link:hover,

.p-subject__item:nth-child(5) .c-button__link:hover::after{

    color: var(--programming-color);

}

.p-subject__item .c-button__link:hover{

    background: #fff;

}

@media screen and (max-width: 767px) {

    .p-subject__list{

        display: block;

        margin-top: calc(30 * var(--px));

    }

    .p-subject__item{

        width: 100%;

        display: block;

        padding: calc(30 * var(--px)) calc(20 * var(--px));

    }

    .p-subject__main{

        padding-right: 0;

    }

    .p-subject__title01{

        line-height: var(--lh-tight);

        font-size: var(--fs-small-text);

    }

    .p-subject__title02{

        line-height: var(--lh-tighter);

        margin: calc(3 * var(--px)) 0 0;

    }

    .p-subject__text{

        margin-top: calc(10 * var(--px));

    }

    .p-subject__item:nth-child(n+2){

        margin-top: calc(30 * var(--px));

    }

    .p-subject__image{

        width: 100%;

        margin-top: calc(20 * var(--px));

    }

}



.p-details-feature{

    padding: var(--page-top-padding-top) 0 var(--section-margin-top);

    position: relative;

}

.p-details-feature__hero{

    position: relative;

    z-index: 10;

    background: rgba(255, 255, 255, 0.9);

    padding: calc(75 * var(--px)) 0;

    border-radius: var(--radius-base);

    box-shadow: var(--shadow-base);

}

.p-details-feature__hero-text{

    margin-top: var(--text-margin-top);

    text-align: center;

    font-size: var(--fs-base);

    line-height: var(--lh-base);

}

.p-details-feature__list{

    margin-top: calc(50 * var(--px));

    display: flex;

    justify-content: space-between;

    position: relative;

    z-index: 1;

}

.p-details-feature__item{

    width: calc(33.333% - (33.333 * var(--px)));

    display: block;

    position: relative;

    z-index: 10;

    background: rgba(255, 255, 255, 0.925);

    padding: calc(30 * var(--px));

    border-radius: var(--radius-base);

    box-shadow: var(--shadow-base);

}

.p-details-feature__head{

    display: flex;

    align-items: center;

}

.p-details-feature__number{

    width: calc(52 * var(--px));

    height: calc(52 * var(--px));

    border-radius: 50%;

    font-weight: 600;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    margin-right: calc(15 * var(--px));

    background: var(--subject-color-light);

    flex-shrink: 0;

}

.p-details-feature__number01{

    font-size: calc(11 * var(--px));

    font-weight: 600;

}

.p-details-feature__number02{

    font-size: calc(24 * var(--px));

    font-family: var(--number-font-family);

    font-weight: 600;

    margin-top: calc(3 * var(--px));

    line-height: 1;

}

.p-details-feature__title{

    font-size: var(--fs-title);

    line-height: var(--lh-tighter);

    font-weight: 600;

}

.p-details-feature__text{

    font-size: var(--fs-small-text);

    line-height: var(--lh-tight);

    margin-top: calc(20 * var(--px));

}

.p-details-feature__background{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    pointer-events: none;

}

.p-details-feature__background::before{

    content: "";

    width: 100%;

    height: 100%;

    background: #fff;

    opacity: 0.8;

    position: fixed;

    top: 0;

    left: 0;

}

.p-details-feature__background-image{

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: fixed;

    top: 0;

    left: 0;

    z-index: -1;

}

.p-details-feature__image{

    margin-top: calc(20 * var(--px));

    border-radius: var(--radius-base);

    overflow: hidden;

}

.p-details-feature__image img{

    width: 100%;

    height: auto;

}

@media screen and (max-width: 767px) {

    .p-details-feature__hero{

        padding: calc(30 * var(--px)) calc(20 * var(--px));

    }

    .p-details-feature__hero-text{

        text-align: left;

    }

    .p-details-feature__list{

        display: block;

        margin: calc(25 * var(--px)) auto 0;

    }

    .p-details-feature__item:nth-child(n+2){

        margin: calc(25 * var(--px)) 0 0;

    }

    .p-details-feature__item{

        display: block;

        width: 100%;

        padding: calc(25 * var(--px));

    }

    .p-details-feature__title{

        font-size: var(--fs-large-title);

        line-height: var(--lh-tight);

        font-weight: 600;

    }

    .p-details-feature__text{

        font-size: var(--fs-base);

        line-height: var(--lh-base);

        margin-top: calc(20 * var(--px));

    }

    .p-details-feature__image{

        margin-top: calc(20 * var(--px));

    }

    .p-details-feature .c-section-title{

        justify-content: flex-start;

        align-items: flex-start;

        height: auto;

        white-space: wrap;

    }

    .p-details-feature .c-section-title::before{

        margin-top: calc(5 * var(--px));

    }

}



.p-details-bg-white{

    background: #fff;

    position: relative;

    z-index: 1;

}



.p-details-bg-english{

    background: color-mix(in srgb, var(--english-color) 15%, #fff);

    position: relative;

    z-index: 1;

}



.p-details-flow{

    padding: var(--section-margin-top) 0;

}

.p-details-flow__list{

    display: flex;

    justify-content: space-between;

    margin-top: calc(50 * var(--px));

}

.p-details-flow__item{

    width: calc(33.333% - (50 * var(--px)));

    box-shadow: var(--shadow-base);

    padding: calc(30 * var(--px));

    position: relative;

    border-radius: var(--radius-base);

}

.p-details-flow__item:not(:last-child)::after{

    content: "";

    width: calc(30 * var(--px));

    height: calc(60 * var(--px));

    display: block;

    position: absolute;

    top: calc(50% - calc(30 * var(--px)));

    right: calc(-53 * var(--px));

    background: var(--gray-color);

    clip-path: polygon(0 0,100% 50%, 0 100%);

}

.p-details-flow__head{

    display: flex;

    align-items: center;

}

.p-details-flow__number{

    width: calc(52 * var(--px));

    height: calc(52 * var(--px));

    border-radius: 50%;

    font-weight: 600;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    margin: calc(2 * var(--px)) calc(15 * var(--px)) 0 0;

    background: var(--subject-color-light);

}

.p-details-flow__number01{

    font-size: calc(24 * var(--px));

    font-family: var(--number-font-family);

    font-weight: 600;

    line-height: 1;

}

.p-details-flow__number02{

    font-size: calc(11 * var(--px));

    font-weight: 600;

}

.p-details-flow__title{

    font-size: var(--fs-title);

    line-height: var(--lh-tighter);

    font-weight: 600;

}

.p-details-flow__icon{

    font-size: var(--fs-small-text);

    line-height: var(--lh-tight);

    margin-top: calc(20 * var(--px));

    background: var(--gray-color-light);

    text-align: center;

    padding: calc(5 * var(--px));

    border-radius: var(--radius-base);

}

.p-details-flow__text{

    font-size: var(--fs-small-text);

    line-height: var(--lh-tight);

    margin-top: calc(15 * var(--px));

}

@media screen and (max-width: 767px) {

     .p-details-flow__list{

        display: block;

        margin: calc(25 * var(--px)) auto 0;

    }

    .p-details-flow__item:nth-child(n+2){

        margin: calc(50 * var(--px)) 0 0;

    }

    .p-details-flow__item{

        display: block;

        width: 100%;

        padding: calc(30 * var(--px)) calc(20 * var(--px));

    }

    .p-details-flow__item:not(:last-child)::after{

        width: calc(40 * var(--px));

        height: calc(20 * var(--px));

        top: calc(100% + (16 * var(--px)));

        left: calc(50% - 20px);

        clip-path: polygon(0 0, 100% 0, 50% 100%);

    }

    .p-details-flow__title{

        font-size: var(--fs-large-title);

        line-height: var(--lh-tight);

        font-weight: 600;

    }

    .p-details-flow__icon{

        margin-top: calc(15 * var(--px));

    }

    .p-details-flow__text{

        font-size: var(--fs-base);

        line-height: var(--lh-base);

        margin-top: calc(10 * var(--px));

    }

}



.p-details-movie{

    background: var(--section-yellow-color);

    padding: var(--section-margin-top) 0;

}

.p-details-movie__contents{

    display: flex;

    align-items: center;

    margin-top: calc(50 * var(--px));

}

.p-details-movie__movie{

    width: 50%;

    height: 0;

    padding-top: calc(50% * 0.5625);

    position: relative;

}

.p-details-movie__movie iframe{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.p-details-movie__main{

    width: 50%;

    padding-left: calc(50 * var(--px));

}

.p-details-movie__text{

    font-size: var(--fs-base);

    line-height: var(--lh-base);

}

.p-details-movie__button{

    margin-top: calc(20 * var(--px));

}

@media screen and (max-width: 767px) {

    .p-details-movie__contents{

        display: block;

        margin-top: calc(25 * var(--px));

    }

    .p-details-movie__main{

        width: 100%;

        padding: var(--text-margin-top) 0 0;

    }

    .p-details-movie__text{

        text-align: left;

    }

    .p-details-movie__movie{

        width: 100%;

        padding-top: 56.25%;

        margin-top: calc(25 * var(--px));

    }

    .p-details-movie__button{

        margin-top: calc(15 * var(--px));

    }

}



.p-details-schedule{

    padding-top: var(--section-margin-top);

}

.p-details-schedule__text{

    margin-top: var(--text-margin-top);

    font-size: var(--fs-base);

    line-height: var(--lh-base);

    text-align: center;

}

.p-details-schedule__note{

    margin-top: calc(15 * var(--px));

    font-size: var(--fs-base);

    line-height: var(--lh-base);

    text-align: right;

}

@media screen and (max-width: 767px) {

    .p-details-schedule__text{

        text-align: left;

    }

    .p-details-schedule__note{

        text-align: left;

        font-size: var(--fs-small-text);

    }

}



.p-details-curric{

    padding-top: var(--section-margin-top);

}

.p-details-curric__head-text{

    margin-top: var(--text-margin-top);

    font-size: var(--fs-base);

    line-height: var(--lh-base);

    text-align: center;

}

.p-details-curric__head-text + .p-details-curric__head-text{

    margin-top: calc(10 * var(--px));

    font-size: var(--fs-small-text);

}

.p-details-curric__tab{

    display: flex;

    justify-content: space-between;

    margin-top: calc(40 * var(--px));

}

.p-details-curric__tab-item{

    width: calc(25% - (15 * var(--px)));

    background: var(--gray-color-light);

    text-align: center;

    padding: calc(15 * var(--px));

    cursor: pointer;

    transition: var(--link-opacity-transition);

    border-radius: var(--radius-base);

    box-shadow: var(--shadow-light);

}

.p-details-curric__tab-text{

    font-size: var(--fs-small-text);

    line-height: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 600;

}

.p-details-curric__tab-text__number{

    font-family: var(--number-font-family);

    font-size: var(--fs-large-title);

    margin-left: calc(2 * var(--px));

}

.p-details-curric__tab-item:hover{

    opacity: var(--link-hover-opacity);

}

.p-details-curric__tab-item.is-active{

    background: var(--subject-color-light);

}

.p-details-curric__tab-grade{

    display: flex;

    font-size: var(--fs-tiny-text);

    justify-content: center;

    margin-top: calc(10 * var(--px));

}

.p-details-curric__tab-grade__title,

.p-details-curric__tab-grade__text{

    padding: calc(5 * var(--px)) calc(10 * var(--px));

}

.p-details-curric__tab-grade__title{

    background: var(--gray-color-midlight);

    color: var(--text-color);

    border-radius: var(--radius-light-left);

}

.p-details-curric__tab-grade__text{

    background: #fff;

    color: var(--text-color);

    border-radius: var(--radius-light-right);

}

.p-details-curric__contents-item:nth-child(n+2){

    display: none;

}

.p-details-curric__list{

    display: flex;

    flex-wrap: wrap;

    margin-top: calc(40 * var(--px));

}

.p-details-curric__list-item{

    width: calc(33.333% - (16 * var(--px)));

    margin: calc(24 * var(--px)) calc(24 * var(--px)) 0 0;

    position: relative;

    display: flex;

    flex-direction: column;

    background: #fff;

    box-shadow: var(--shadow-light);

    border-radius: var(--radius-base);

}

.p-details-curric__list-item:nth-child(3n){

    margin-right: 0;

}

.p-details-curric__list-item:nth-child(-n+3){

    margin-top: 0;

}

.p-details-curric__list-title{

    background: var(--gray-color-light);

    font-size: var(--fs-base);

    text-align: center;

    padding: calc(10 * var(--px));

    position: relative;

    border-bottom: none;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: var(--radius-base-top);

}

.p-details-curric__list-item,

.p-details-curric__list-title{

    transition: var(--link-transition);

}

.p-details-curric__list-text{

    font-size: var(--fs-base);

    line-height: var(--lh-tighter);

    padding: calc(15 * var(--px)) calc(54 * var(--px)) calc(15 * var(--px)) calc(20 * var(--px));

    font-weight: 600;

    display: flex;

    align-items: center;

    flex-grow: 1;

    position: relative;

    border-top: none;

}

.p-details-curric__list-text::before,

.p-details-curric__list-text::after{

    content: '\f054';

    color: var(--subject-color);

    font-family: var(--icon-font-family);

    font-size: var(--fs-base);

    font-weight: 600;

    position: absolute;

    right: calc(20 * var(--px));

    top: calc(50% - (7.5 * var(--px)));

    transition: var(--link-transition);

    line-height: 1;

    transform: rotate(90deg);

}

.p-details-curric__list-text::after{

    transform: rotate(-90deg);

    opacity: 0;

}

.p-details-curric__list-details__wrapper,

.p-details-curric__list-details__wrapper::before{

    background: var(--subject-color);

}

.p-details-curric__list-details{

    width: 100%;

    display: none;

    z-index: 10;

    position: absolute;

    top: 100%;

    left: 0;

    padding-top: calc(30 * var(--px));

}

.p-details-curric__list-details__wrapper::before{

    content: "";

    width: calc(60 * var(--px));

    height: calc(30 * var(--px));

    position: absolute;

    top: calc(-30 * var(--px));

    left: calc(50% - calc(30 * var(--px)));

    clip-path: polygon(50% 0, 100% 100%, 0 100%);

    box-shadow: var(--shadow-base);

}

.p-details-curric__list-details__wrapper{

    background: #fff;

    box-shadow: var(--shadow-base);

    border: calc(5 * var(--px)) solid var(--subject-color);

    font-size: var(--fs-base);

    line-height: var(--lh-base);

    position: relative;

    border-radius: var(--radius-base);

}

.p-details-curric__list-details__list{

    padding: calc(15 * var(--px));

}

.p-details-curric__list-details__item{

    display: flex;

    font-size: var(--fs-small-text);

    line-height: var(--lh-tighter);

    box-shadow: var(--shadow-light);

    border-radius: var(--radius-base);

    overflow: hidden;

}

.p-details-curric__list-details__item:nth-child(n+2){

    margin-top: calc(10 * var(--px));

}

.p-details-curric__list-details__item-week{

    padding: calc(7 * var(--px)) calc(14 * var(--px));

    border-right: none;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    background: var(--subject-color-light);

}

.p-details-curric__list-details__item-title{

    background: #fff;

    padding: calc(7 * var(--px)) calc(14 * var(--px));

    font-weight: 600;

    flex-grow: 1;

}

@media screen and (min-width: 768px) {

    .p-details-curric__list-item:hover{

        border-color: var(--subject-color);

    }

    .p-details-curric__list-item:hover .p-details-curric__list-title{

        background: var(--subject-color-light);

        border-bottom-color: var(--subject-color);

    }

    .p-details-curric__list-item:hover .p-details-curric__list-text::before{

        opacity: 0;

    }

    .p-details-curric__list-item:hover .p-details-curric__list-text::after{

        opacity: 1;

    }

}

@media screen and (max-width: 767px) {

    .p-details-curric__head-text{

        text-align: left;

    }

    .p-details-curric__head-text + .p-details-curric__head-text{

        margin-top: calc(20 * var(--px));

    }

    .p-details-curric__tab{

        margin-top: calc(20 * var(--px));

        flex-wrap: wrap;

    }

    .p-details-curric__tab-item{

        width: calc(25% - (5 * var(--px)));

        padding: calc(10 * var(--px)) calc(8 * var(--px));

    }

    .p-details-curric__tab-grade{

        font-size: calc(11 * var(--px));

    }

    .p-details-curric__tab-grade__title{

        padding: calc(3 * var(--px)) calc(5 * var(--px));

        border-radius: var(--radius-light-top);

    }

    .p-details-curric__tab-grade__text{

        padding: calc(7 * var(--px)) calc(5 * var(--px));

        border-radius: var(--radius-light-bottom);

    }

    .p-details-curric__tab-grade{

        display: block;

    }

    .p-details-curric__list{

        display: block;

        margin-top: calc(20 * var(--px));

    }

    .p-details-curric__list-item{

        width: 100%;

        margin: 0;

    }

    .p-details-curric__list-item:nth-child(n+2){

        margin-top: 15px;

    }

    .p-details-curric__list-title{

        padding: calc(6 * var(--px)) calc(10 * var(--px));

    }

    .p-details-curric__list-text{

        padding: calc(8 * var(--px)) calc(45 * var(--px)) calc(8 * var(--px)) calc(15 * var(--px));

        line-height: var(--lh-tight);

    }

    .p-details-curric__list-text::before,

    .p-details-curric__list-text::after{

        right: calc(15 * var(--px));

    }

    .p-details-curric__list-details{

        position: static;

        padding-top: 0;

    }

    .p-details-curric__list-details__wrapper::before{

        display: none;

    }

    .p-details-curric__list-details__wrapper{

        border: none;

        box-shadow: none;

    }

    .p-details-curric__list-details__list{

        padding-top: 0;

    }

    .p-details-curric__list-item.is-open{

        border-color: var(--subject-color);

    }

    .p-details-curric__list-item.is-open .p-details-curric__list-title{

        background: var(--subject-color-light);

        border-right-color: var(--subject-color);

    }

    .p-details-curric__list-item.is-open .p-details-curric__list-text::before{

        opacity: 0;

    }

    .p-details-curric__list-item.is-open .p-details-curric__list-text::after{

        opacity: 1;

    }

}



.p-details-teacher{

    padding-top: var(--section-margin-top);

}

.p-details-teacher__list{

    display: flex;

    flex-wrap: wrap;

    margin-top: calc(50 * var(--px));

}

.p-details-teacher__item{

    width: calc(50% - calc(25 * var(--px)));

    box-shadow: var(--shadow-base);

    padding: calc(40 * var(--px));

    display: flex;

    align-items: center;

    margin: calc(50 * var(--px)) calc(50 * var(--px)) 0 0;

    border-radius: var(--radius-base);

}

.p-details-teacher__item:only-child{

    width: 100%;

    margin: 0;

}

.p-details-teacher__item:nth-child(-n+2){

    margin-top: 0;

}

.p-details-teacher__item:nth-child(2n){

    margin-right: 0;

}

.p-details-teacher__img-pc{

    width: calc(200 * var(--px));

    flex-shrink: 0;

    border-radius: var(--radius-base);

    overflow: hidden;

}

.p-details-teacher__img-pc img{

    width: 100%;

    height: auto;

}

.p-details-teacher__details{

    padding-left: calc(40 * var(--px));

}

.p-details-teacher__ja{

    font-size: var(--fs-large-title);

    font-weight: 600;

}

.p-details-teacher__en{

    font-size: var(--fs-small-text);

    font-family: var(--number-font-family);

    margin-top: calc(10 * var(--px));

}

.p-details-teacher__img-sp{

    display: none;

}

.p-details-teacher__text{

    font-size: var(--fs-small-text);

    line-height: var(--lh-tight);

    margin-top: calc(10 * var(--px));

}

@media screen and (max-width: 767px) {

    .p-details-teacher__list,

    .p-details-teacher__item{

        display: block;

    }

    .p-details-teacher__list{

        margin-top: calc(25 * var(--px));

    }

    .p-details-teacher__item{

        width: 100%;

        padding: calc(25 * var(--px));

    }

    .p-details-teacher__item:nth-child(n+2){

        margin-top: calc(25 * var(--px));

    }

    .p-details-teacher__img-pc{

        display: none;

    }

    .p-details-teacher__details{

        padding-left: 0;

    }

    .p-details-teacher__img-sp{

        display: block;

        width: 70.176%;

        margin: calc(15 * var(--px)) auto 0;

        border-radius: var(--radius-base);

        overflow: hidden;

    }

    .p-details-teacher__img-sp img{

        width: 100%;

        height: auto;

    }

    .p-details-teacher__ja,

    .p-details-teacher__en{

        text-align: center;

    }

    .p-details-teacher__text{

        line-height: var(--lh-base);

        margin-top: calc(15 * var(--px));

    }

}



.p-details-subject{

    padding: var(--section-margin-top) 0;

    margin-top: var(--section-margin-top);

    background: var(--gray-color-lighter);

}

.p-details-subject-list{

    display: flex;

    flex-wrap: wrap;

    margin-top: calc(50 * var(--px));

}

.p-details-subject-item{

    width: calc(50% - calc(25 * var(--px)));

    margin: calc(50 * var(--px)) calc(50 * var(--px)) 0 0;

}

.p-details-subject-item:nth-child(-n+2){

    margin-top: 0;

}

.p-details-subject-item:nth-child(2n){

    margin-right: 0;

}

.p-details-subject-link{

    padding: calc(40 * var(--px));

    background: var(--gray-color-light);

    display: flex;

    align-items: center;

    border-radius: var(--radius-base);

    box-shadow: var(--shadow-light);

    position: relative;

    overflow: hidden;

}

.p-details-subject-link--philosophy{

    background: var(--philosophy-color-lighter);

}

.p-details-subject-link--science{

    background: var(--science-color-lighter);

}

.p-details-subject-link--money{

    background: var(--money-color-lighter);

}

.p-details-subject-link--english{

    background: var(--english-color-lighter);

}

.p-details-subject-link--programming{

    background: var(--programming-color-lighter);

}

.p-details-subject-details{

    padding-right: calc(30 * var(--px));

    flex-grow: 1;

}

.p-details-subject-title{

    font-size: var(--fs-large-title);

    line-height: var(--lh-tighter);

    font-weight: 600;

}

.p-details-subject-text{

    font-size: var(--fs-small-text);

    line-height: var(--lh-tight);

    margin-top: calc(10 * var(--px));

}

.p-details-subject-image{

    width: calc(200 * var(--px));

    flex-shrink: 0;

    border-radius: var(--radius-base);

    overflow: hidden;

}

.p-details-subject-image img{

    width: 100%;

    height: auto;

}

@media screen and (max-width: 767px) {

    .p-details-subject-list{

        display: block;

        margin-top: calc(25 * var(--px));

    }

    .p-details-subject-link{

        padding: calc(25 * var(--px)) calc(15 * var(--px));

        display: block;

    }

    .p-details-subject-item,

    .p-details-subject-item:nth-child(-n+2),

    .p-details-subject-item:nth-child(2n){

        width: 100%;

        margin: 0;

    }

    .p-details-subject-item:nth-child(n+2){

        margin-top: calc(30 * var(--px));

    }

    .p-details-subject-details{

        padding: 0;

    }

    .p-details-subject-title{

        font-size: var(--fs-title);

    }

    .p-details-subject-title,

    .p-details-subject-text{

        text-align: center;

    }

    .p-details-subject-image{

        width: 44.77%;

        margin: calc(15 * var(--px)) auto 0;

        position: relative;

    }

}



.p-details-preparing{

    background: var(--subject-color-lighter);

    border-top: 1px solid var(--subject-color-light);

    border-bottom: 1px solid var(--subject-color-light);

    position: relative;

    z-index: 1;

    font-weight: 600;

    font-size: var(--fs-small-title);

    line-height: var(--lh-tight);

    text-align: center;

    padding: calc(20 * var(--px)) 0;

}

@media screen and (max-width: 767px) {

    .p-details-preparing{

        font-size: var(--fs-base);

        line-height: var(--lh-tight);

        padding: calc(15 * var(--px)) 0;

    }

}



.p-details-english-course{

    padding-top: var(--section-margin-top);

}

.p-details-english-course__text{

    margin-top: var(--text-margin-top);

    text-align: center;

    font-size: var(--fs-base);

    line-height: var(--lh-base);

}

.p-details-english-course__text-bold{

    font-weight: 600;

}

.p-details-english-course__list{

    display: flex;

    justify-content: center;

    margin-top: var(--text-margin-top);

}

.p-details-english-course__item{

    width: calc(400 * var(--px));

    border-radius: var(--radius-base);

    overflow: hidden;

}

.p-details-english-course__item:last-child{

    margin-left: calc(37 * var(--px));

}

.p-details-english-course__item img{

    width: 100%;

    height: auto;

}

@media screen and (max-width: 767px) {

    .p-details-english-course__text{

        text-align: left;

    }

    .p-details-english-course__list{

        display: block;

    }

    .p-details-english-course__item{

        width: 100%;

    }

    .p-details-english-course__item:last-child{

        margin: calc(20 * var(--px)) 0 0;

    }

}



.p-details-english-schedule{

    padding: var(--section-margin-top) 0;

}

.p-details-english-schedule__text{

    margin-top: var(--text-margin-top);

    text-align: center;

    font-size: var(--fs-base);

    line-height: var(--lh-base);

}

.p-details-english-schedule__text-bold{

    font-weight: 600;

}

.p-details-english-schedule__table{

    width: 100%;

    margin-top: var(--text-margin-top);

    border-collapse: separate;

    border-spacing: 0;

}

.p-details-english-schedule__table tr:first-child th:first-child{

    border-radius: var(--radius-base) var(--radius-base) 0 0;

}

.p-details-english-schedule__table tr:last-child th:first-child{

    border-radius: 0 0 0 var(--radius-base);

}

.p-details-english-schedule__table tr:last-child td:last-child{

    border-radius: 0 0 var(--radius-base) 0;

}

.p-details-english-schedule__table th,

.p-details-english-schedule__table td{

    padding: calc(15 * var(--px)); 

    background: #fff;

    vertical-align: middle;

    border: 1px solid var(--gray-color-dark);

}

.p-details-english-schedule__table tr:not(:last-child) th,

.p-details-english-schedule__table tr:not(:last-child) td{

    border-bottom: none;

}

.p-details-english-schedule__table th{

    text-align: center;

}

.p-details-english-schedule__table td{

    font-size: var(--fs-base);

    line-height: var(--lh-tight);

    text-align: center;

}

.p-details-english-schedule__table th:nth-child(n+2),

.p-details-english-schedule__table td{

    border-left: none;

}

.p-details-english-schedule__table-head,

.p-details-english-schedule__table-level{

    font-size: var(--fs-small-title);

}

.p-details-english-schedule__table-level-suggest{

    display: flex;

    align-items: center;

    justify-content: center;

}

.p-details-english-schedule__table-note{

    font-size: var(--fs-tiny-text);

    font-weight: normal;

    color: #f35053;

    display: block;

    margin-top: calc(10 * var(--px)); 

}

.p-details-english-schedule__table-suggest{

    font-size: var(--fs-tiny-text);

    margin-left: calc(10 * var(--px)); 

    font-weight: normal;

}

.p-details-english-schedule__table-day{

    width: calc(40 * var(--px));

    background: var(--gray-color);

    color: #fff;

    display: block;

    margin: 0 auto;

    text-align: center;

    padding: calc(10 * var(--px));

    font-size: var(--fs-base);

    border-radius: var(--radius-base);

}

.p-details-english-schedule__table-day.is-active{

    background: var(--english-color);

}

.p-details-english-schedule__table-icon{

    display: inline-flex;

}

.p-details-english-schedule__table-icon:nth-child(n+2){

    margin-left: calc(15 * var(--px)); 

}

.p-details-english-schedule__table-icon__half{

    background: var(--english-color);

    color: #fff;

    padding: calc(4 * var(--px)) calc(10 * var(--px)); 

    font-weight: 600;

    border-radius: var(--radius-base-left);

}

.p-details-english-schedule__table-icon__time{

    padding: calc(4 * var(--px)) calc(10 * var(--px)); 

    border: 1px solid var(--english-color);

    font-weight: 600;

    border-radius: var(--radius-base-right);

}

@media screen and (max-width: 767px) {

    .p-details-english-schedule__text{

        text-align: left;

    }

    .p-details-english-schedule__table-note{

        margin-top: calc(5 * var(--px));

    }

    .p-details-english-schedule__table-level-suggest{

        display: block;

    }

    .p-details-english-schedule__table-suggest{

        display: block;

        margin: calc(3 * var(--px)) 0 0 ;

    }

    .p-details-english-schedule__table-day{

        width: calc(30 * var(--px));

        font-size: var(--fs-tiny-text);

        padding: calc(6 * var(--px)) calc(3 * var(--px));

    }

    .p-details-english-schedule__table-level{

        font-size: var(--fs-base);

        line-height: var(--lh-tighter);

    }

    .p-details-english-schedule__table-level__colon{

        display: none;

    }

    .p-details-english-schedule__table-icon{

        font-size: var(--fs-tiny-text);

        display: block;

    }

    .p-details-english-schedule__table-icon:nth-child(n+2){

        margin: calc(10 * var(--px)) 0 0 ;

    }

    .p-details-english-schedule__table-icon__half,

    .p-details-english-schedule__table-icon__time{

        display: block;

        width: 100%;

        padding: calc(3 * var(--px)) calc(10 * var(--px));

    }

    .p-details-english-schedule__table-icon__half{

        border-radius: 5px 5px 0 0;

    }

    .p-details-english-schedule__table-icon__time{

        border-radius: 0 0 5px 5px;

    }

}



.p-details-english-movie{

    padding-top: var(--section-margin-top);

}

.p-details-english-movie__text{

    margin-top: var(--text-margin-top);

    text-align: center;

    font-size: var(--fs-base);

    line-height: var(--lh-base);

}

.p-details-english-movie__image{

    margin-top: var(--text-margin-top);

    transition: var(--link-opacity-transition);

    cursor: pointer;

    position: relative;

    border-radius: var(--radius-base);

    overflow: hidden;

}

.p-details-english-movie__image::before{

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.2);

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}

.p-details-english-movie__image:hover{

    opacity: var(--link-hover-opacity);

}

.p-details-english-movie__image img{

    width: 100%;

    height: auto;

}

.p-details-english-movie__image-button{

    position: absolute;

    top: calc(50% - calc(69.5 * var(--px)));

    left: calc(50% - calc(69.5 * var(--px)));

    width: calc(139 * var(--px));

    height: calc(139 * var(--px));

    background: rgba(0, 0, 0, 0.7);

    border-radius: 50%;

}

.p-details-english-movie__image-button::before{

    content: "";

    width: calc(47 * var(--px));

    height: calc(54 * var(--px));

    background: #fff;

    position: absolute;

    top: calc(50% - calc(23.5 * var(--px)));

    left: calc(50% - calc(17 * var(--px)));

    z-index: 1;

    clip-path: polygon(0 0, 100% 50%, 0 100%);

}

@media screen and (max-width: 767px) {

    .p-details-english-movie__text{

        text-align: left;

    }

    .p-details-english-movie__image-button{

        top: calc(50% - calc(32 * var(--px)));

        left: calc(50% - calc(32 * var(--px)));

        width: calc(64 * var(--px));

        height: calc(64 * var(--px));

    }

    .p-details-english-movie__image-button::before{

        width: calc(22 * var(--px));

        height: calc(25 * var(--px));

        top: calc(50% - calc(12.5 * var(--px)));

        left: calc(50% - calc(8 * var(--px)));

    }

}



.p-details-english-modal{

    display: none;

    width: 100%;

    height: 100%;

    z-index: 10000;

    position: fixed;

    top: 0;

    left: 0;

}

.p-details-english__container,

.p-details-english-modal__bg{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.p-details-english-modal__bg{

    background: rgba(0, 0, 0, 0.7);

}

.p-details-english__container{

    display: flex;

    align-items: center;

    justify-content: center;

}

.p-details-english-modal__wrapper{

    width: calc(800 * var(--px));

    max-width: calc(100% - calc(40 * var(--px)));

    margin: 0 auto;

    overflow: hidden;

    padding-bottom: calc(40 * var(--px));

}

.p-details-english-modal__content{

    background: #000;

    position: relative;

    z-index: 1;

    border-radius: var(--radius-base);

    overflow: hidden;

}

.p-details-english-modal__content iframe{

    width: 100%;

    aspect-ratio: 16 / 9;

}

.p-details-english-modal__head{

    height: calc(40 * var(--px));

}

.p-details-english-modal__head-close{

    width: calc(24 * var(--px));

    position: relative;

    z-index: 1;

    margin: 0 0 0 auto;

    cursor: pointer;

    transition: var(--link-transition);

}

.p-details-english-modal__head-close img{

    width: 100%;

    height: auto;

}

.p-details-english-modal__head-close:hover{

    opacity: var(--link-hover-opacity);

}

@media screen and (max-width: 767px) {

    .p-details-english-modal__head{

        height: calc(30 * var(--px));

    }

    .p-details-english-modal__head-close{

        width: calc(18 * var(--px));

    }

    .p-details-english-modal__wrapper{

        width: calc(100% - calc(40 * var(--px)));

        max-width: calc(374 * var(--px));

        padding-bottom: calc(30 * var(--px));

    }

}



.p-details-english-year{

    padding-top: var(--section-margin-top);

}

.p-details-english-year__text{

    font-size: var(--fs-base);

    line-height: var(--lh-base);

    margin-top: var(--text-margin-top);

    text-align: center;

}

.p-details-english-year__main{

    display: flex;

    justify-content: space-between;

    margin-top: var(--text-margin-top);

}

.p-details-english-year .c-button__link{

    width: calc(380 * var(--px));

    margin: 0;

    background: var(--english-color);

    border-color: var(--english-color);

}

.p-details-english-year .c-button__link:hover{

    color: var(--english-color);

}

.p-details-english-year .c-button__link[target="_blank"]::after{

    content: "";

    background: url(../img/subject/english/pdf.png) center top / cover no-repeat;

    width: calc(18 * var(--px));

    height: calc(20 * var(--px));

    top: calc(50% - (10 * var(--px)));

}

@media screen and (max-width: 767px) {

    .p-details-english-year__text{

        text-align: left;

    }

    .p-details-english-year__main{

        display: block;

    }

    .p-details-english-year .c-button__link{

        width: 100%;

    }

    .p-details-english-year .c-button__link:nth-child(n+2){

        margin-top: calc(10 * var(--px));

    }

}



.p-details-english-voice{

    padding-top: var(--section-margin-top);

    text-align: center;

}

.p-details-english-voice__main{

    background: var(--section-yellow-color);

    padding: calc(40 * var(--px)) 0;

    margin-top: calc(40 * var(--px));

    border-radius: var(--radius-base);

}

.p-details-english-voice__image{

    width: calc(226 * var(--px));

    margin: 0 auto;

}

.p-details-english-voice__image img{

    width: 100%;

    height: auto;

}

.p-details-english-voice__name{

    font-size: var(--fs-base);

    line-height: var(--lh-base);

    color: var(--english-color);

    font-weight: 600;

    margin-top: calc(10 * var(--px));

}

.p-details-english-voice__title{

    font-size: var(--fs-large-title);

    margin-top: var(--text-margin-top);

    font-weight: 600;

}

.p-details-english-voice__text{

    font-size: var(--fs-base);

    line-height: var(--lh-base);

    margin-top: var(--text-margin-top);

}

.p-details-english-voice__text + .p-details-english-voice__text{

    margin-top: var(--text-margin-top);

}

@media screen and (max-width: 767px) {

    .p-details-english-voice{

        text-align: left;

    }

    .p-details-english-voice__main{

        padding: calc(25 * var(--px)) calc(20 * var(--px));

        margin-top: calc(25 * var(--px));

    }

    .p-details-english-voice__name{

        text-align: center;

    }

    .p-details-english-voice__title{

        text-align: center;

        line-height: var(--lh-tight);

    }

    .p-details-english-voice__text{

        font-size: var(--fs-base);

        line-height: var(--lh-base);

        margin-top: var(--text-margin-top);

    }

}



.p-details-english-faq{

    padding-top: var(--section-margin-top);

}

.p-details-english-faq .c-faq-list__question::before{

    color: var(--english-color);

}



.p-details-english-cv{

    padding-top: var(--section-margin-top);

}

.p-details-english-cv__link{

    display: flex;

    align-items: center;

    justify-content: center;

    width: calc(450 * var(--px));

    height: calc(100 * var(--px));

    border-radius: calc(50 * var(--px));

    margin: 0 auto;

    background: var(--important-button-color);

    box-shadow: var(--shadow-light);

    position: relative;

    border: 2px solid var(--important-button-color);

    color: #fff;

}

.p-details-english-cv__link::after {

    content: '\f08e';

    color: inherit;

    font-family: var(--icon-font-family);

    font-size: calc(18 * var(--px));

    font-weight: 600;

    position: absolute;

    right: calc(30 * var(--px));

    top: calc(50% - (9 * var(--px)));

    transition: var(--link-transition);

}

.p-details-english-cv__link:hover{

    opacity: 1;

    background: #fff;

    color: var(--important-button-color);

}

.p-details-english-cv__free{

    width: calc(200 * var(--px));

    height: calc(30 * var(--px));

    border-radius: calc(15 * var(--px));

    position: absolute;

    left: calc(50% - (100 * var(--px)));

    top: calc(-15 * var(--px));

    background: #fff;

    border: 1px solid var(--important-button-color);

    color: var(--important-button-color);

    font-size: var(--fs-tiny-text);

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}

.p-details-english-cv__icon{

    width: calc(50 * var(--px));

    height: calc(50 * var(--px));

    border-radius: calc(25 * var(--px));

    color: var(--important-button-color);

    font-size: var(--fs-tiny-text);

    line-height: var(--lh-tightest);

    background: #FFFEE8;

    display: flex;

    align-items: center;

    justify-content: center;

}

.p-details-english-cv__text{

    font-size: var(--fs-title);

    font-weight: 600;

    margin-left: calc(15 * var(--px));

    color: inherit;

}

@media screen and (max-width: 767px) {

    .p-details-english-cv__link{

        width: 100%;

        height: calc(90 * var(--px));

    }

    .p-details-english-cv__free{

        width: calc(180 * var(--px));

        height: calc(24 * var(--px));

        border-radius: calc(10 * var(--px));

        left: calc(50% - (90 * var(--px)));

        top: calc(-12 * var(--px));

    }

    .p-details-english-cv__icon{

        width: calc(42 * var(--px));

        height: calc(42 * var(--px));

    }

    .p-details-english-cv__text{

        font-size: var(--fs-small-title);

        margin-left: calc(10 * var(--px));

    }

    .p-details-english-cv__link::after{

        font-size: calc(16 * var(--px));

    }

}