.page-plus .page-title {
    background-image: url(../img/pagetitle/plus.jpg);
}

.width86{
    max-width: 860px;
    margin: 0 auto;
}

.orange_center{
    color: #DFA814;
    width: 56%;
    font-size:1.45em;
    padding-bottom: 0.25em;
    margin:0 auto 2.5em;
    display: block;
    text-align: center;
    border-bottom: 1px solid #DFA814;
    font-weight: bold;

}

@media screen and (max-width:768px) {
    .width86{
        width: 95%;
    }
}
@media screen and (min-width:769px) {
    .width86{
    width: 86%;
    }
}

.ttl-l2{
    align-items: center;
}

@media screen and (min-width:769px) {
.ttl-l2{
    width: 96.9%;

}
}

.ttl-l2 span{
    vertical-align: middle;
}

.ttl-l4{
    font-size: 1.45em;
    display: inline-block;
    padding-bottom: 0.25em;

}

@media screen and (max-width:768px) {
    .img_grid_reverse .ttl-l4,
    .img_grid .ttl-l4{
    margin-top: 2em;
    margin-bottom: 0.5em;
    }
}

@media screen and (min-width:769px) {
    .ttl-l4{
    margin-bottom: 1.75em;
    }
}

.course_btn_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media screen and (min-width:769px) {
.course_btn_flex li{
    width: 46.5%;
}
}

@media screen and (max-width:768px) {
    .cap_inner_img{
        width:19%;
        margin:0 81% 0.75em 0;
        display: inline-block;
    }
}
@media screen and (min-width:769px) {
.cap_inner_img{
    width:12%;
    margin:0 1.5% 0 3.5%;
    display: inline-block;
}
}

table.timetable{
    width: 86%;
    max-width: 860px;
    margin:0 auto;
    margin-bottom: 2em;
}

.timetable tr td,
.timetable tr th{
    font-size: 1.25em;
    background: #FFF;
    border: #161616 solid 1px;
    text-align: center;
    padding: 0.75em 0;
}

@media screen and (max-width:768px) {
.timetable_attention{
    display: block;
    width: 60%;
    margin: 0 auto 6em;
    font-weight: bold;
}
}

@media screen and (min-width:769px) {
.timetable_attention{
    display: block;
    width: 40%;
    margin: 0 auto 6em;
    font-weight: bold;
}
}
.orange{
    color: #DFA814;
}

.yellow{
    background:#DFA814;
}

.red{
    background: #B20001;
}

.green{
    background: #75B80C;
}

.action_box_single{
    width: 100%;
}

.action_box_single .plus_btn{
    margin: 0 auto;
    padding: 0.5em 0;
}

@media screen and (max-width:768px) {
.action_box{
    margin-top: 4em;
    margin-bottom: 6em;
}
.action_box_single{
    margin-top: 4em;
    margin-bottom: 6em;
}
}

@media screen and (min-width:769px) {
    .action_box{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 4em;
        padding-bottom: 12em;
    }
    .action_box_single{
        margin-top: 4em;
        padding-bottom: 12em;
    }
    

}

.btn_flex{
    display: flex;
    flex-wrap: wrap;
    width:100%;
    justify-content: space-between;
}



.course_btn_flex .jr_school:before{
    position: absolute;
    content: "";
    background: url(/common/img/plus/road_btn_caps.png)no-repeat;
    top: -40px;
    left: 0;
    width: 100%;
    aspect-ratio: 3/1;
    background-size: contain;
    z-index: -10;
}

.course_btn_flex .middle_school:before{
    position: absolute;
    content: "";
    background: url(/common/img/plus/team_btn_caps.png)no-repeat;
    top: -40px;
    left: 0;
    width: 100%;
    aspect-ratio: 3/1;
    background-size: contain;
    z-index: -10;
}



@media screen and (max-width:768px) {
.plus_btn{
width: 80%;
color: #FFF;
margin: 0 auto 3em;
display: block;
padding: 0.5em 0;
}
}

@media screen and (min-width:769px) {
    .plus_btn{
        width:46.5%;
        color: #FFF;
        display: block;
    }
    }

.course_btn_flex .jr_school,
.course_btn_flex .middle_school{
    position: relative;

}

.plus_btn div{
    width: 100%;
    text-align: center;
    font-size: 1.25em;
    margin: 1.75em 0;
    position: relative;
}

.plus_btn div:after{
    content: "▶";
    position: absolute;
    top: 0;
    right: 0.75em;
    width: 1em;
    height: 1em;
}

.rd_rect_box{
    background: #FFF;
    color: #DFA814;
    font-size: 0.9em;
    border-radius: 15px;
    display: inline-block;
    text-align: center;
}
@media screen and (max-width:768px) {
.rd_rect_box{
    font-size: 0.8em;
    width: 35.5%;
    margin-right: 2.5%;
}
}

@media screen and (min-width:769px) {
.rd_rect_box{
    width: 16.5%;
    margin-right: 1.5%;
}
}
.course_btn{
    margin-top: 8em;
}

.course_btn_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}


@media screen and (max-width:768px) {
.course_btn_flex{
    margin-bottom: 8em;
}
}

@media screen and (min-width:769px) {
    .course_btn_flex{
        margin-bottom: 11em;
    }
 }

@media screen and (max-width:768px) {
.course_btn_flex li {
    width: 85%;
    margin: 0 auto;
}

li.jr_school{
    margin-bottom: 6em;
}

}

@media screen and (min-width:769px) {
.course_btn_flex div{
    width:46%;
}

.img_grid{
    display: grid;
    width: 100%;
    grid-template-columns: 50% 46.5%;
    grid-template-areas:
    "a b";
    gap:3.5%;
    padding-top: 2em;
    padding-bottom: 6em;
}
@media screen and (max-width:768px) {
.img_grid{
    margin-top: 2em;
}
}

.img_grid .grid_1st{
    grid-area:a;
}

.img_grid .grid_2nd{
    grid-area:b;
}

.img_grid_reverse{
    display: grid;
    width: 100%;
    grid-template-columns: 46.5% 50%;
    grid-template-areas:
    "b a";
    gap:3.5%;
    padding-top: 2em;
    padding-bottom: 6em;
}
.img_grid_reverse .grid_1st{
    grid-area:a;
}

.img_grid_reverse  .grid_2nd{
    grid-area:b;
}
}

.img_grid .ttl-l4,
.img_grid_reverse .ttl-l4{
    font-size: 1.35em;
    display: block;
}

.img_grid .p{
    line-height: 2em;
}

@media screen and (max-width:768px) {
.subject_box{
    margin-bottom:4em ;
}
}
@media screen and (min-width:769px) {
.subject_box{
    margin-bottom:8em ;
}
}

@media screen and (max-width:768px) {
.ex2em{
        margin-top: 2em;
}

.ex4em{
    margin-top: 4em;
}
}

/*=== common CSS ===*/
@media screen and (max-width:768px) {
    .pc_only{
        display: none;
    }
}
@media screen and (min-width:769px) {
    .sp_only{
        display: none;
    }

}

@media screen and (max-width:768px) {
    .mt025em{
        margin-top: 0.25em;
    }
    
    .mt05em{
        margin-top: 0.5em;
    }
    
    .mt075em{
        margin-top: 0.75em;
    }
    
    .mt125em{
        margin-top:0.625em;
    }
    
    .mt15em{
        margin-top: 0.75em;
    }
    
    .mt175em{
        margin-top: 0.875em;
    }
    
    .mt2em{
        margin-top: 1em;
    }
    
    .mt225em{
        margin-top: 1.125em;
    }
    
    .mt25em{
        margin-top: 1.25em;
    }
    
    .mt275em{
        margin-top: 1.375em;
    }
    
    .mt3em{
        margin-top: 1.5em;
    }
    
    .mt325em{
        margin-top: 1.625em;
    }
    
    .mt35em{
        margin-top: 1.75em;
    }
    
    .mt375em{
        margin-top: 1.875em;
    }
    
    .mt4em{
        margin-top: 2em;
    }
    
    .mt425em{
        margin-top: 2.125em;
    }
    
    .mt45em{
        margin-top: 2.25em;
    }
    
    .mt475em{
        margin-top: 4.75em;
    }
    
    .mt5em{
        margin-top: 2.5em;
    }
    
    .mt525em{
        margin-top: 2.625em;
    }
    
    .mt55em{
        margin-top: 5.5em;
    }
    
    .mt575em{
        margin-top: 2.875em;
    }
    
    .mt6em{
        margin-top: 3em;
    }
    
    .mt625em{
        margin-top: 3.125em;
    }
    
    .mt65em{
        margin-top: 3.25em;
    }
    .mb025em{
        margin-bottom: 0.25em;
    }
    
    .mb05em{
        margin-bottom: 0.5em;
    }
    
    .mb075em{
        margin-bottom: 0.75em;
    }
    
    .mb125em{
        margin-bottom:0.625em;
    }
    
    .mb15em{
        margin-bottom: 0.75em;
    }
    
    .mb175em{
        margin-bottom: 0.875em;
    }
    
    .mb2em{
        margin-bottom: 1em;
    }
    
    .mb225em{
        margin-bottom: 1.125em;
    }
    
    .mb25em{
        margin-bottom: 1.25em;
    }
    
    .mb275em{
        margin-bottom: 1.375em;
    }
    
    .mb3em{
        margin-bottom: 1.5em;
    }
    
    .mb325em{
        margin-bottom: 1.625em;
    }
    
    .mb35em{
        margin-bottom: 1.75em;
    }
    
    .mb375em{
        margin-bottom: 1.875em;
    }
    
    .mb4em{
        margin-bottom: 2em;
    }
    
    .mb425em{
        margin-bottom: 2.125em;
    }
    
    .mb45em{
        margin-bottom: 2.25em;
    }
    
    .mb475em{
        margin-bottom: 4.75em;
    }
    
    .mb5em{
        margin-bottom: 2.5em;
    }
    
    .mb525em{
        margin-bottom: 2.625em;
    }
    
    .mb55em{
        margin-bottom: 5.5em;
    }
    
    .mb575em{
        margin-bottom: 2.875em;
    }
    
    .mb6em{
        margin-bottom: 3em;
    }
    
    .mb625em{
        margin-bottom: 3.125em;
    }
    
    .mb65em{
        margin-bottom: 3.25em;
    }
    
    .mb025em{
        margin-bottom: 0.25em;
    }
    
    .mb05em{
        margin-bottom: 0.5em;
    }
    
    .mb075em{
        margin-bottom: 0.75em;
    }
    
    .mb125em{
        margin-bottom:0.625em;
    }
    
    .mb15em{
        margin-bottom: 0.75em;
    }
    
    .mb175em{
        margin-bottom: 0.875em;
    }
    
    .mb2em{
        margin-bottom: 1em;
    }
    
    .mb225em{
        margin-bottom: 1.125em;
    }
    
    .mb25em{
        margin-bottom: 1.25em;
    }
    
    .mb275em{
        margin-bottom: 1.375em;
    }
    
    .mb3em{
        margin-bottom: 1.5em;
    }
    
    .mb325em{
        margin-bottom: 1.625em;
    }
    
    .mb35em{
        margin-bottom: 1.75em;
    }
    
    .mb375em{
        margin-bottom: 1.875em;
    }
    
    .mb4em{
        margin-bottom: 2em;
    }
    
    .mb425em{
        margin-bottom: 2.125em;
    }
    
    .mb45em{
        margin-bottom: 2.25em;
    }
    
    .mb475em{
        margin-bottom: 4.75em;
    }
    
    .mb5em{
        margin-bottom: 2.5em;
    }
    
    .mb525em{
        margin-bottom: 2.625em;
    }
    
    .mb55em{
        margin-bottom: 5.5em;
    }
    
    .mb575em{
        margin-bottom: 2.875em;
    }
    
    .mb6em{
        margin-bottom: 3em;
    }
    
    .mb625em{
        margin-bottom: 3.125em;
    }
    
    .mb65em{
        margin-bottom: 3.25em;
    }
    
}


@media screen and (min-width:769px) {
    
.mt025em{
    margin-top: 0.25em;
}

.mt05em{
    margin-top: 0.5em;
}

.mt075em{
    margin-top: 0.75em;
}

.mt125em{
    margin-top:1.25em;
}

.mt15em{
    margin-top: 1.5em;
}

.mt175em{
    margin-top: 1.75em;
}

.mt2em{
    margin-top: 2em;
}

.mt225em{
    margin-top: 2.25em;
}

.mt25em{
    margin-top: 2.5em;
}

.mt275em{
    margin-top: 2.75em;
}

.mt3em{
    margin-top: 3em;
}

.mt325em{
    margin-top: 3.25em;
}

.mt35em{
    margin-top: 3.5em;
}

.mt375em{
    margin-top: 3.75em;
}

.mt4em{
    margin-top: 4em;
}

.mt425em{
    margin-top: 4.25em;
}

.mt45em{
    margin-top: 4.5em;
}

.mt475em{
    margin-top: 4.75em;
}

.mt5em{
    margin-top: 5em;
}

.mt525em{
    margin-top: 5.25em;
}

.mt55em{
    margin-top: 5.5em;
}

.mt575em{
    margin-top: 5.75em;
}

.mt6em{
    margin-top: 6em;
}

.mt625em{
    margin-top: 6.25em;
}

.mt65em{
    margin-top: 6.5em;
}
.mb025em{
    margin-bottom: 0.25em;
}

.mb05em{
    margin-bottom: 0.5em;
}

.mb075em{
    margin-bottom: 0.75em;
}

.mb125em{
    margin-bottom:1.25em;
}

.mb15em{
    margin-bottom: 1.5em;
}

.mb175em{
    margin-bottom: 1.75em;
}

.mb2em{
    margin-bottom: 2em;
}

.mb225em{
    margin-bottom: 2.25em;
}

.mb25em{
    margin-bottom: 2.5em;
}

.mb275em{
    margin-bottom: 2.75em;
}

.mb3em{
    margin-bottom: 3em;
}

.mb325em{
    margin-bottom: 3.25em;
}

.mb35em{
    margin-bottom: 3.5em;
}

.mb375em{
    margin-bottom: 3.75em;
}

.mb4em{
    margin-bottom: 4em;
}

.mb425em{
    margin-bottom: 4.25em;
}

.mb45em{
    margin-bottom: 4.5em;
}

.mb475em{
    margin-bottom: 4.75em;
}

.mb5em{
    margin-bottom: 5em;
}

.mb525em{
    margin-bottom: 5.25em;
}

.mb55em{
    margin-bottom: 5.5em;
}

.mb575em{
    margin-bottom: 5.75em;
}

.mb6em{
    margin-bottom: 6em;
}

.mb625em{
    margin-bottom: 6.25em;
}

.mb65em{
    margin-bottom: 6.5em;
}

.mb025em{
    margin-bottom: 0.25em;
}

.mb05em{
    margin-bottom: 0.5em;
}

.mb075em{
    margin-bottom: 0.75em;
}

.mb125em{
    margin-bottom:1.25em;
}

.mb15em{
    margin-bottom: 1.5em;
}

.mb175em{
    margin-bottom: 1.75em;
}

.mb2em{
    margin-bottom: 2em;
}

.mb225em{
    margin-bottom: 2.25em;
}

.mb25em{
    margin-bottom: 2.5em;
}

.mb275em{
    margin-bottom: 2.75em;
}

.mb3em{
    margin-bottom: 3em;
}

.mb325em{
    margin-bottom: 3.25em;
}

.mb35em{
    margin-bottom: 3.5em;
}

.mb375em{
    margin-bottom: 3.75em;
}

.mb4em{
    margin-bottom: 4em;
}

.mb425em{
    margin-bottom: 4.25em;
}

.mb45em{
    margin-bottom: 4.5em;
}

.mb475em{
    margin-bottom: 4.75em;
}

.mb5em{
    margin-bottom: 5em;
}

.mb525em{
    margin-bottom: 5.25em;
}

.mb55em{
    margin-bottom: 5.5em;
}

.mb575em{
    margin-bottom: 5.75em;
}

.mb6em{
    margin-bottom: 6em;
}

.mb625em{
    margin-bottom: 6.25em;
}

.mb65em{
    margin-bottom: 6.5em;
}


}