@charset "UTF-8";
/*************************
 ▼ 20221128～追記
*************************/
@media screen and (max-width:1140px) {
    /* 新規開校説明会開催 */
    .open-school-briefing-bg{
        position: relative;
        width: 100%;
    }
    .open-school-briefing{
        width: 90%;
    }
    .open-school-briefing .open-school-briefing-box{
        padding: 2rem 1rem 5rem; 
    }
    .open-school-briefing .date-list{
        width: 100%;
        /* max-width: 700px; */
    }
    .open-school-briefing .date-box{
        text-align: center;
        padding: 1rem;
    }
    .open-school-briefing .date-box .flex{
        justify-content: center;
    }
    .open-school-briefing .date-box .date{
        font-size: 50px;
    }
    .open-school-briefing .date-box .time{
        font-size: smaller;
    }
    .open-school-briefing .venue{
        display: block;
        text-align: center;
        font-size: medium;
    }
    .open-school-briefing .venue p:first-child{
        padding-bottom: 0.8rem;
    }
    .open-school-briefing .join-btn a{
        width: 100%;
        max-width: 440px;
    }
    .container-customize>.full-width>.inner>.container-example>.container-case>.individual>.flex-container>.flex-item>.flex-container>.flex-item.box-txt>.tx--heading{
        font-size: 30px;
    }
}
@media screen and (max-width:991px) {
    /* キャンペーン */
    .campaign .item .item-inner{
        margin: 0 2rem;
    }
    .campaign h2{
        display: block;
        text-align: center;
    }
    .campaign h2 span.flex{
        padding-bottom: 0.5rem;
    }
    .campaign .item-box{
        display: block;
    }
    .campaign .item{
        max-width: 500px;
        margin: 0 auto;
        padding-bottom: 1rem;
    }
    .campaign .item .sp-flex{
        display: flex;
        justify-content: center;
        align-items: end;
    }
    .campaign .item .comme .square{
        padding: 0.1rem 0.8rem;
    }
    .container-customize>.full-width>.inner>.container-example>.container-case>.individual>.flex-container>.flex-item>.flex-container>.flex-item.box-txt>.tx--heading{
        font-size: 25px;
    }
    .campaign p.underline.d-line{
        display: block;
        background: none;
    }
    .campaign .d-line span{
        display: table;
        background: linear-gradient(transparent 70%, #FFFF00 30%);
        text-align: left;
    }
    .campaign .item p.big-font{
        min-width:140px;
    }
    .campaign .item .d-line-box{
        text-align: left;
    }
    .campaign .item .d-line-box p:first-child{
        margin-bottom: 0;
    }
    .campaign .item p.blue{
        margin: 0.5rem 0;
    }
}

@media screen and (max-width:860px) {
    .open-school-briefing .date-box{
        flex-basis: calc(100%/2);
        padding: 1rem;
    }
    .open-school-briefing .date-box:nth-child(even){
        border-right: 1px solid #fff;
    }
    .open-school-briefing .date-box:nth-child(3){
        border-right: 1px solid #CBCBCB;
    }
    .open-school-briefing .date-box:nth-child(4),
    .open-school-briefing .date-box:nth-child(5),
    .open-school-briefing .date-box:nth-child(6){
        border-bottom: 1px solid #CBCBCB;
    }
}
@media screen and (max-width:768px) {
    /* 新規開校説明会開催 */
    .open-school-briefing h2 p{
        font-size: 32px;
    }
    .open-school-briefing .open-school-briefing-box{
        padding: 2rem 2rem 5rem;
    }
    .open-school-briefing-box > p span{
        display: block;
    }
    #voice .container-voice.full-width>.box-voice__heading span{
        font-size: 0.6em;
    }
    #voice .container-voice .inner>.box-voice>.flex-item>dl>dt.flex-container>.flex-item.box-txt{
        padding-left: 1rem;
    }
    #voice .container-voice .inner>.box-voice>.flex-item .student{
        height: auto;
    }
    .open-school-briefing-bg{
        padding: 2rem 0;
    }
    .drawer-menu-item a{
        font-size: 4vw;
    }
    .container-lecturer>.full-width>.inner>.tx--sentence{
        padding: 1rem;
    }
}
@media screen and (max-width:575px) {
    /* 新規開校説明会開催 */
    .open-school-briefing .open-school-briefing-box{
        padding: 2rem 1rem;
    }
    .open-school-briefing h2 span{
        padding: 0.5rem;
        font-size: small;
    }
    .open-school-briefing h2 p{
        font-size: large;
    }
    .open-school-briefing-box > p{
        font-size: large;
    }
    .open-school-briefing .date-box{
        padding: 0.5rem;
    }
    .open-school-briefing .date-box .date{
        font-size: xx-large;
    }
    .open-school-briefing .date-box p{
        font-size: large;
    }
    .open-school-briefing .join-btn a{
        padding: 1rem;
        font-size: large;
    }
    /* キャンペーン */
    .campaign .item .item-inner{
        margin: 0 0.5rem;
    }
    .campaign .item .mini-font{
        font-size: small;
    }
    .campaign .item .comme .square{
        padding: 0.1rem 0.4rem;
    }
    .campaign .item p.blue{
        font-size: large;
    }
    .campaign .item p.big-font{
        font-size: 60px;
    }
    .campaign .item .d-line-box{
        max-width: 203px;
    }
}
@media screen and (max-width:475px) {
.container-customize>.full-width>.inner>.container-example>.container-case>.individual>.flex-container>.flex-item>.flex-container>.flex-item.box-txt>.tx--heading{
    font-size: 20px;
}
}