@charset "utf-8";

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

sp_campaign

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

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

#second_main_visual  { position:relative; }
#second_main_visual img { object-position:right center; }
#second_main_visual:before { background-size:105px 46px; height:46px; top:30%; margin-top:0; left:10%; width:105px; z-index:10; }

/*--- campaign ---*/
#campaign { background-color:#fff; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; padding:0; }
#campaign #campaign_cont { padding:0 10px 10px; }
#campaign #campaign_cont .lead { margin-bottom:30px; text-align:center; }
#campaign #campaign_cont .lead span { line-height:1.6; }

#campaign #campaign_cont h3 { flex:0 1 auto; padding:0 0 30px; text-align:left; }
#campaign #campaign_cont h3 span { font-size:200%; line-height:1.6; font-weight:600; }
#campaign #campaign_cont > ul { display:flex; flex:0 0 100%; flex-wrap:wrap; overflow:hidden; }
#campaign #campaign_cont > ul > li { display:flex; flex:0 1 100%; flex-wrap:wrap; justify-content:center; margin-top:15px; padding:10px; position:relative; }
#campaign #campaign_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; }

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

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


}