@charset "utf-8";


#mainvis{
background-image: url("../../img/school/top/tbg.jpg") ;
}
#cfooter{
margin: 0;
}


#mf1{
margin: 0 0 50px 0;
}
#mf1 .ctext{
display: table;
margin: 0 auto;
padding: 20px 30px;
border-radius: 10px;
position: relative
}
#mf1 .ctext:before{
content: "";
display: block;
max-width: 97px;
max-height: 114px;
width: 12.93vw;
height: 15.2vw;
background: url("../../img/school/bus/ic1.png") center center /cover no-repeat;
position: absolute;
left: -80px;
top: 0;
}
#mf1 .ctext:after{
content: "";
display: block;
max-width: 44px;
max-height: 44px;
width: 5.87vw;
height: 5.87vw;
background: url("../../img/school/bus/ic2.png") center center /cover no-repeat;
position: absolute;
right: -60px;
bottom: 0;
}

#mf1 .ctext h2{
font-size: 1.75em;
font-weight: bold;
margin: 0 0 10px 0;
}

#mf2{
margin: 0 0 100px 0;
}
#mf2 .cbox{
margin: 0 0 30px 0;
}
#mf2 .clist{
justify-content: space-between;
}
#mf2 .ctext{
width: 710px;
}
#mf2 h2{
font-size: 1.75em;
font-weight: bold;
line-height: 1.5em;
margin: 0 0 10px 0;
}


#mf3{
margin: 0 0 100px 0;
}
#mf3 #cbox31{
margin: 0 0 50px 0;
}
#mf3 #cbox31 .clist{
justify-content: space-between;
}
#mf3 #cbox31 .ctext {
width: 435px;
}
#mf3 #cbox31 h2{
font-size: 1.5em;
font-weight: bold;
margin: 0 0 10px 0;
position: relative;
}
#mf3 #cbox31 h2:after{
content: "";
display: block;
max-width: 245px;
max-height: 72px;
width: 32.67vw;
height: 9.6vw;
background: url("../../img/school/bus/i4.jpg") center center /cover no-repeat;
position: absolute;
bottom: 0;
right: 0;
}
#mf3 #cbox31 table{
width: 100%;
}
#mf3 #cbox31 table th,
#mf3 #cbox31 table td{
border: #ccc solid 2px;
text-align: center;
}
#mf3 #cbox31 table th{
font-size: 1.25em;
font-weight: bold;
color: #fff;
}


#mf3 #cbox32 .clist{
justify-content: space-between;
}
#mf3 #cbox32 .cboxs{
width: 260px;
}
#mf3 #cbox32 dl{
width: 100%;
border: #ccc solid 2px;
border-radius: 10px;
margin: 0 0 20px 0;
overflow: hidden;
}
#mf3 #cbox32 dt{
font-size: 1.25em;
font-weight: bold;
text-align: center;
color: #fff;
padding: 10px;
}
#mf3 #cbox32 dd{
line-height: 2em;
display: table;
margin: 0 auto;
padding: 10px 0;
}


#mf4 .mf-inner{
padding: 50px 0;
text-align: center;
}








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

#mf1{
margin: 0 5vw 10vw 5vw;
}
#mf1 .ctext{
padding: 4vw;
}
#mf1 .ctext:before{
left: auto;
top: auto;
right: -3vw;
bottom: -4vw;
}
#mf1 .ctext:after{
right: auto;
bottom: auto;
left: -2vw;
top: -2vw;
}

#mf1 .ctext h2{
font-size: 1.25em;
margin: 0 0 2vw 0;
}

#mf2{
margin: 0 5vw 10vw 5vw;
}
#mf2 .cbox{
margin: 0 0 10vw 0;
}
#mf2 .clist{
justify-content:  center;
}
#mf2 .ctext{
width: auto;
margin: 0 0 5vw 0;
}
#mf2 h2{
font-size: 1.25em;
margin: 0 0 2vw 0;
}


#mf3{
margin: 0 5vw 10vw 5vw;
}
#mf3 #cbox31{
margin: 0 0 10vw 0;
}
#mf3 #cbox31 .clist{
justify-content:  center;
}
#mf3 #cbox31 .ctext {
width: 100%;
margin: 5vw 0;
}
#mf3 #cbox31 h2{
font-size: 1.25em;
margin: 0 0 2vw 0;
}
#mf3 #cbox31 table th{
font-size: 1em;
}


#mf3 #cbox32 .clist{
}
#mf3 #cbox32 .cboxs{
width: 48%;
}
#mf3 #cbox32 dl{
margin: 0 0 3vw 0;
}
#mf3 #cbox32 dt{
font-size: 1em;
padding: 2vw;
}
#mf3 #cbox32 dd{
padding: 2vw;
}


#mf4 .mf-inner{
padding: 10vw 5vw;
}

}









@media screen and (max-width: 850px) {
#mf3 #cbox32 dd{
font-size: 0.8em;
}








}