@charset "utf-8";

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

sp_course

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

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

#second_main_visual:before { background-size:105px 46px; height:46px; margin-top:0; left:5%; top:30%; width:105px; }

#course #course_cont { padding:25px 10px 10px; }
#course #course_cont .lead { margin-bottom:20px; }

#course #course_cont > ul > li { background-color:#fff; border-top:1px solid #ddd; margin-top:20px; padding:20px 0 0; }
#course #course_cont > ul > li:after { content:none; }
#course #course_cont > ul > li:first-child { border-top:none; padding:0; }

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

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

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

#course #course_cont > ul > li .cont .detail:after { content:none; }
#course #course_cont > ul > li .cont .detail p { margin-top:10px; }
#course #course_cont > ul > li .cont .detail ul.btn_area li { flex:0 0 100%; }
#course #course_cont > ul > li .cont .detail ul.btn_area li a { display:flex; }

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

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

#course #course_cont > ul > li .price { margin-top:0; }
#course #course_cont > ul > li .price p { padding:15px; }
#course #course_cont > ul > li .price p span { font-size:108%; }

#course #course_cont > ul > li .price ul li dl dt span { padding:20px; }
#course #course_cont > ul > li .price ul li dl dd span { padding:20px; }

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

#course #course_cont > ul > li .notice { background-color:#fff; padding:0 10px 10px; z-index:10; }
#course #course_cont > ul > li .notice span { font-size:85%; }

}