@charset "utf-8";

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

sp_class

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

#container #main { /*margin-top:-125px;*/ }

#second_main_visual:after { background-size:105px 46px; height:46px; margin-top:-23px; left:5%; top:40%; width:105px; }

#class #class_cont { padding:0 10px 10px; }
#class #class_cont .lead { margin-bottom:20px; }

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

#class #class_cont  > ul > li#speed_plan ul.date { margin-top:15px; }

#class #class_cont  > ul > li .cont .detail ul.date > li dl dt span:first-child { margin-bottom:15px; }
#class #class_cont  > ul > li .cont .detail ul.date > li dl dt i:nth-child(2) { font-size:131%; }
#class #class_cont  > ul > li .cont .detail ul.date > li dl dd span:nth-child(2) { font-size:200%; }
#class #class_cont  > ul > li .cont .detail ul.date > li dl dt span:nth-child(3) { font-size:139%; }
#class #class_cont  > ul > li .cont .detail ul.date > li dl dd div span:first-child { font-size:100%; }

#class #class_cont > ul > li .cont .detail ul.btn_area { margin-top:15px; }
#class #class_cont > ul > li .cont .detail ul.btn_area li { flex:0 0 100%; }
#class #class_cont > ul > li .cont .detail ul.btn_area li a { display:flex; }

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

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

#class #class_cont  > ul > li:first-child .pic img { object-position:center 30%; }
#class #class_cont  > ul > li:nth-child(2) .pic img { object-position:center 30%; }
#class #class_cont  > ul > li:nth-child(3) .pic img { object-position:center 30%; }

}