@charset "utf-8";

/*=================================

sp_kyouiku

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

#container #main { margin-top:-50px; }

#second_main_visual  { position:relative; }
#second_main_visual img { object-position:center top; }
#second_main_visual:before { background-image:url(../img/loan/t_loan.png); background-size:210px 92px; background-position:top center; content:" "; height:92px; position:absolute; top:42%; margin-top:-46px; left:25%; width:210px; z-index:10; }

/*--- kyouiku ---*/
#kyouiku { background-color:#fff; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; padding:0; }
#kyouiku #kyouiku_cont { padding:0 10px 10px; }
#kyouiku #kyouiku_cont .lead { margin-bottom:15px; text-align:center; }
#kyouiku #kyouiku_cont .lead span { line-height:1.6; }
#kyouiku #kyouiku_cont .alert { flex:0 1 100%; margin:0 15px 20px; }

#kyouiku #kyouiku_cont h3 { flex:0 1 auto; padding:0 0 30px; text-align:left; }
#kyouiku #kyouiku_cont h3 span { font-size:200%; line-height:1.6; font-weight:600; }
#kyouiku #kyouiku_cont > ul { display:flex; flex:0 0 100%; flex-wrap:wrap; overflow:hidden; }
#kyouiku #kyouiku_cont > ul > li { display:flex; flex:0 1 100%; flex-wrap:wrap; justify-content:center; margin-top:15px; padding:15px; position:relative; }
#kyouiku #kyouiku_cont > ul > li:after { background-color:#d9e4f0; /*background:linear-gradient(90deg, rgba(107,239,213,0.1) 0%, rgba(39,127,175,0.1) 50%, rgba(4,69,155,0.1) 100%);*/ content:" "; top:0; right:0; height:50%; position:absolute; width:100%; z-index:1; }

#kyouiku #kyouiku_cont > ul > li .cont { flex:0 0 100%; flex-wrap:wrap; }
#kyouiku #kyouiku_cont > ul > li .cont .detail { flex:0 0 100%; order:2; padding:25px 10px; z-index:3; }
#kyouiku #kyouiku_cont > ul > li .cont .detail .caption { left:10px; top:-12px; z-index:3; }
#kyouiku #kyouiku_cont > ul > li .cont .detail .caption span { font-size:200%; }
#kyouiku #kyouiku_cont > ul > li .cont .detail h4 span:first-child { font-size:154%; }
#kyouiku #kyouiku_cont > ul > li .cont .detail p { margin-top:15px; }
#kyouiku #kyouiku_cont > ul > li .cont .detail p span { font-size:100%; }

#kyouiku #kyouiku_cont > ul > li .pic { flex:0 0 100%; margin-left:0; order:1; top:auto; z-index:2; }
#kyouiku #kyouiku_cont > ul > li .pic img { height:200px; position:relative; width:100%; }

#kyouiku #kyouiku_cont > ul > li .cont .detail .additional_price { margin-top:15px; }
#kyouiku #kyouiku_cont > ul > li .cont .detail .additional_price dl dt { padding:15px 10px; }
#kyouiku #kyouiku_cont > ul > li .cont .detail .additional_price dl dt span { font-size:100%; }
#kyouiku #kyouiku_cont > ul > li .cont .detail .additional_price dl dd { padding:15px 10px; }
#kyouiku #kyouiku_cont > ul > li .cont .detail .additional_price dl dd span { font-size:100%; }


}