@charset "UTF-8";



.p-head{

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

    position: relative;

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

}

.p-head__text{

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

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

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

    text-align: center;

}

.p-head__wrapper{

    position: relative;

    z-index: 10;

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

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

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

}

.p-head__image{

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

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

    display: flex;

    justify-content: space-between;

}

.p-head__image-item{

    width: 32.143%;

    height: 0;

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

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

    overflow: hidden;

    position: relative;

}

.p-head__image-item img,

.p-head__image-item video{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

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

    .p-head__wrapper {

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

    }

    .p-head__text{

        text-align: left;

    }

    .p-head__image{

        display: block;

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

    }

    .p-head__image-item{

        width: 100%;

        padding-top: 56.25%;

    }

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

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

    }

}



.p-schedule{

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

}

.p-schedule__text{

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

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

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

    text-align: center;

}

.p-schedule__list{

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

    display: flex;

    justify-content: space-between;

}

.p-schedule__item{

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

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

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

    overflow: hidden;

}

.p-schedule__title{

    background: var(--brand-color);

    color: #fff;

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

    font-weight: 600;

    text-align: center;

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

}

.p-schedule__contents{

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

}

.p-schedule__table{

    width: 100%;

}

.p-schedule__table tr:first-child td:first-child{

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

}

.p-schedule__table tr:first-child td:last-child{

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

}

.p-schedule__table tr:last-child td:first-child{

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

}

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

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

}

.p-schedule__table td{

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

    text-align: center;

    vertical-align: middle;

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

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

    background: #fff;

    font-size: 0;

}

.p-schedule__table td:first-child{

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

}

.p-schedule__time{

    font-weight: 600;

    width: 100%;

    text-align: center;

}

.p-schedule__time,

.p-schedule__level{

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

}

.p-schedule__day.is-active{

    background: var(--brand-color);

}

.p-schedule__level{

    display: inline-block;

    text-align: center;

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

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

    position: relative;

    font-weight: bold;

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

}

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

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

}

.p-schedule__level--philosophy{

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

}

.p-schedule__level--science{

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

}

.p-schedule__level--money{

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

}

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

    .p-schedule__text{

        text-align: left;

    }

    .p-schedule__list{

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

        display: block;

    }

    .p-schedule__item{

        width: 100%;

    }

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

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

    }

    .p-schedule__title{

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

    }

    .p-schedule__table td{

        height: auto;

    }

    .p-schedule__table td:first-child{

        width: 25%;

    }

    .p-schedule__table td:last-child{

        width: 75%;

    }

    .p-schedule__time,

    .p-schedule__level{

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

    }

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

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

    }

    .p-schedule__level{

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

    }

}



.p-school{

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

}

.p-school__text{

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

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

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

    text-align: center;

}

.p-school__list{

    display: flex;

    justify-content: space-between;

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

}

.p-school__item{

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

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

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

    overflow: hidden;

}

.p-school__item-title{

    background: var(--brand-color);

    color: #fff;

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

    font-weight: 600;

    text-align: center;

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

}

.p-school__item-text{

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

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

    text-align: center;

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

}

.p-school__item-map{

    height: 0;

    padding-top: 75%;

    position: relative;

}

.p-school__item-map iframe{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

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

    .p-school__text{

        text-align: left;

    }

    .p-school__list{

        display: block;

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

    }

    .p-school__item{

        width: 100%;

    }

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

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

    }

    .p-school__item-title{

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

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

    }

    .p-school__item-text{

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

    }

}