@charset "utf-8";



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

   キービジュアル

=========================================================== */
article div.kv{
width:960px;
margin:0 0 40px -60px;
padding:30px 0 70px 0;
background:url(/bestengine/feature/vol01/img/bg_feature02.jpg) no-repeat 40% 30%;
}
article div.kv p.label{
margin:0 50px 10px 50px;
}
article div.kv p.label:before,
article div.kv p.label:after{
content:"｜";
}
article div.kv h2{
margin:0 0 0 70px;
}
article div.kv h2 + p{
display:inline-block;
margin:0 0 0 70px;
padding:12px 10px 10px 10px;
font-size:87%;
color:#fff;
line-height:1.3;
background:rgba(0,92,202,0.8);
}

/* Vol2*/
article div.kv_vol2{
}
article div.kv_vol2 p:first-child{
width:55px;
margin:0;
padding:2px;
color:#fff;
font-size:0.8rem;
text-align:center;
background:#005cca;
float:left;
}
article div.kv_vol2 p + p{
width:745px;
margin:0;
padding:2px 26px 2px 10px;
font-size:0.8rem;
background:#dae4ea;
float:left;
}

article div.kv_vol2 h2{
margin:20px 0;
padding:30px 0 0 40px;
background:#fff;
clear:both;
}
article div.kv_vol2 h2 img{
width:50%;
}
article div.kv_vol2 h2 + p{
margin:0 0 50px 0;
padding:12px 40px 10px 40px;
font-size:1rem;
line-height:1.5;
border:1px #005cca solid;
border-width:1px 0;
background:#fff;
}



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

   特殊BOX

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

/* 01
------------------------------------------------------------*/
article section div.box01{
width:400px;
margin:0 0 15px 30px;
float:right;
}
article section div.box01 h4{
margin:0 0 10px 0;
padding:5px 20px 2px 20px;
color:#fff;
background:#00a0e9;
}
article section div.box01 h4:before{
content:normal;
}
article section div.box01 h5{
margin:0;
padding:5px 20px;
color:#00a0e9;
border:1px #00a0e9 solid;
border-width:1px 1px 0 1px;
background:#d3edfb;
}
article section div.box01 p{
margin:0 0 10px 0;
padding:5px 20px;
font-size:87%;
border:1px #00a0e9 solid;
border-width:0 1px 1px 1px;
}
article section div.box01 img{
width:100%;
}

/* 02
------------------------------------------------------------*/
article section ul.box02{
margin:0;
padding:0;
font-size:87%;
background:#eee;
list-style:none;
overflow:hidden;
}
article section ul.box02 li{
width:410px;
height:75px;
padding:10px 0 0 10px;
line-height:1.5;
border-top:3px #fff solid;
float:left;
}
article section ul.box02 li:nth-of-type(even){
width:407px;
border-left:3px #fff solid;
}
article section ul.box02 li strong{
font-size:108%;
}


article#more01a h2 + h3{
padding:30px 10px 20px 10px;
}
article#more01a h2 + h3 img{
width:70%;
}
article#more01a h2 + h3 + p{
padding:0 10px;
}
article#more01a h2 + h3 + p ~ section h3 + p{
text-align:left;
}
article section div.image_center img{
margin:0 auto;
}
article section div.image_center img.w70{
width:70%;
}
article section div.image_center p{
text-align:center;
}


@media screen and (max-width: 480px){
article div.kv{
width:auto;
margin:0 0 40px 0;
padding:20px 0 0 0;
background:url(/bestengine/feature/vol01/img/bg_feature02-sp.jpg) no-repeat 50% 120px;
background-size:contain;
}
article div.kv p.label{
margin:0 0 10px 0;
}
article div.kv h2{
margin:0 10px 10px 10px;
}
article div.kv h2 + p{
margin:103px 0 0 0;
font-size:87%;
}
article section div.box01{
width:auto;
margin:0;
float:none;
}
article section ul.box02 li{
width:auto;
height:auto;
padding:10px;
border-top:3px #fff solid;
float:none;
}
article section ul.box02 li:nth-of-type(even){
width:auto;
border-left:none;
}

/* Vol2*/
article div.kv_vol2 p:first-child{
width:auto;
height:auto;
padding:5px 10px;
text-align:left;
float:none;
}
article div.kv_vol2 p + p{
width:auto;
margin:0;
padding:5px 10px;
font-size:0.9rem;
background:#dae4ea;
float:none;
}
article div.kv_vol2 h2{
margin:10px;
padding:20px 0 5px 0;
text-align:center;
background:#fff;
}
article div.kv_vol2 h2 img{
width:100%;
}
article div.kv_vol2 h2 + p{
margin:0 0 50px 0;
padding:7px 5px 5px 5px;
}
article#more01a h2 + h3{
margin:40px 10px 30px 10px;
padding:0;
}
article#more01a h2 + h3 img{
width:100%;
}

article section div.image_center img.w70{
width:100%;
}

}