@charset "utf-8";

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

sp_plan

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

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

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

#plan #plan_cont { padding:0 10px 10px; }
#plan #plan_cont .lead { margin-bottom:20px; }

#plan #plan_cont > ul > li { margin-top:20px; padding:10px; }
#plan #plan_cont > ul > li .cont { flex:0 0 100%; flex-wrap:wrap; }
#plan #plan_cont > ul > li .cont .detail { flex:0 0 100%; order:2; padding:25px 15px; z-index:3; }
#plan #plan_cont > ul > li .cont .detail:after { right:0; bottom:-10px; }

#plan #plan_cont > ul > li .cont .detail .caption { left:10px; top:-12px; z-index:3; }
#plan #plan_cont > ul > li .cont .detail .caption span { font-size:200%; }
#plan #plan_cont > ul > li .cont .detail h4 { flex-wrap:wrap; }
#plan #plan_cont > ul > li .cont .detail h4 span:first-child { flex:0 0 100%; font-size:139%; }
#plan #plan_cont > ul > li .cont .detail h4 span:nth-child(2) { font-size:79%; margin-top:10px; }
#plan #plan_cont > ul > li .cont .detail p { margin-top:10px; }
#plan #plan_cont > ul > li .cont .detail p span { font-size:100%; }

#plan #plan_cont > ul > li .cont .detail ul.date { margin-top:10px; }
#plan #plan_cont > ul > li .cont .detail ul.date > li dl { flex-wrap:wrap; }
#plan #plan_cont > ul > li .cont .detail ul.date > li dl dt { flex:0 0 100%; }
#plan #plan_cont > ul > li .cont .detail ul.date > li dl dt span:first-child { margin-bottom:10px; padding:10px; }
#plan #plan_cont > ul > li .cont .detail ul.date > li dl dt i:nth-child(2) { font-size:131%; }
#plan #plan_cont > ul > li .cont .detail ul.date > li dl dd { flex:0 0 100%; margin-top:15px; }
#plan #plan_cont > ul > li .cont .detail ul.date > li dl dd span:nth-child(2) { font-size:200%; }
#plan #plan_cont > ul > li .cont .detail ul.date > li dl dt span:nth-child(3) { font-size:139%; }

#plan #plan_cont > ul > li .cont .detail ul.date > li dl dd div:first-child { flex:0 0 50%; text-align:left; }
#plan #plan_cont > ul > li .cont .detail ul.date > li dl dd div:first-child span:first-child { font-size:85%; }
#plan #plan_cont > ul > li .cont .detail ul.date > li dl dd div:nth-child(2) { margin-left:0; }
#plan #plan_cont > ul > li .cont .detail ul.date > li dl dd div:nth-child(2) > span:first-child { font-size:200%; }
#plan #plan_cont > ul > li .cont .detail ul.date > li dl dd div:nth-child(2) > span:nth-child(2) { font-size:85%; }

#plan #plan_cont > ul > li .cont .detail ul.date > li dl dd div span:first-child { font-size:100%; }

#plan #plan_cont > ul > li .cont .detail .notice span { font-size:85%; }

#plan #plan_cont > ul > li .cont .detail .additional_price { margin-top:15px; }
#plan #plan_cont > ul > li .cont .detail .additional_price dl { flex-wrap:wrap; }
#plan #plan_cont > ul > li .cont .detail .additional_price dl dt {  flex:0 0 100%; padding:10px; }
#plan #plan_cont > ul > li .cont .detail .additional_price dl dt span { font-size:100%; }
#plan #plan_cont > ul > li .cont .detail .additional_price dl dd { border-top:1px solid #eee; border-left:none; flex:0 0 100%; padding:15px 10px; }
#plan #plan_cont > ul > li .cont .detail .additional_price dl dd span { font-size:100%; }



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

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


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


#plan #plan_cont > ul > li .cont .detail .target_lisence { margin-top:15px; }

}