@charset "UTF-8";

/* ------------------------------------
 service01・02共通
--------------------------------------- */
.ttl{
min-height:20px;
margin-bottom:5%;
padding:0 0 10px 32px;
border-bottom:#cecece solid 1px;
background:url(../img/service/logo.png) no-repeat 5px top;
font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

/* areaBlc ------------------------- */
#areaBlc{
padding:5%;
background:url(../img/common/grid.png) #fff;
box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
}

#areaBlc h1{
margin-bottom:3%;
font-weight:bold;
}

#areaBlc > div{
margin:3% 0;
padding:5%;
background:#b6c865;
border-radius:5px;
text-align:center;
}

/* contactBlc ------------------------- */
#contactBlc{
margin:5%;
padding:3%;
background:#fff;
border-radius:3px;
box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0, rgba(0, 0, 0, 0.3) 0 8px 8px -6px;
}

#contactBlc :nth-child(2){
display:block;
margin-bottom:2%;
}


/* ------------------------------------
 service01
--------------------------------------- */

/* catchBlc ------------------------- */
#catchBlc .ttl{
margin-bottom:0;
}

#catchBlc section{
background:url(../img/service/01/catch_bg.jpg) no-repeat right top;
background-size:100%;
}

#catchBlc section h1{
padding:10% 5% 5%;
font-size:115%;
font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

#catchBlc section .blcComm3{ /* blcComm3拡張 */
background:rgba(255, 255, 255, 0.7);
}

/* checkBlc ------------------------- */
#checkBlc{
margin-bottom:5%;
background:url(../img/service/01/check_bg.jpg);
box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
}

#checkBlc h1{
padding:3%;
background:#2b5807;
text-align:center;
font-size:115%;
font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
line-height:1;
color:#fff;
box-shadow:rgba(0, 0, 0, 0.5) 0 0 5px 0;
}

#checkBlc li{
width:70%;
margin:3% auto 0;
padding:8% 5% 5% 8%;
background:url(../img/service/01/check_check.png), url(../img/service/01/check_hole.png);
background-repeat:no-repeat, repeat-x;
background-position:left top, 10px 10px;
background-color:rgba(255, 255, 255, 0.7);
border-radius:3px;
box-shadow:rgba(0, 0, 0, 0.5) 0 0 5px 0;
}

#checkBlc > img{
display:block;
margin:0 auto;
}

/* promiseBlc ------------------------- */
#promiseBlc{
margin-top:-3%;
}

#promiseBlc > h1{
padding:3% 40% 0 5%;
background:url(../img/service/01/promise_bg.jpg) no-repeat right top;
background-size:40%;
}

#promiseBlc > h1 img{
display:block;
padding:5% 0;
}

#promiseBlc section h1{
margin-bottom:3%;
box-shadow:rgba(0, 0, 0, 0.3) 0 2px 5px 0;
}

#promiseBlc li{
width:60%;
max-width:338px;
margin:0 auto;
}

/* gainaBlc ------------------------- */
#gainaBlc{
margin:5% 0;
padding:5%;
background:url(../img/service/01/gaina_bg.jpg) no-repeat left top #fff;
background-size:100%;
box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
}

#gainaBlc h1{
padding:0 30% 5% 0;
font-weight:bold;
}

#gainaBlc .info{
margin-top:5%;
padding:5%;
border-radius:10px;
background:#b6c865;
}

#gainaBlc .info img{
float:left;
margin:0 3% 3% 0;
}


/* ------------------------------------
 service02
--------------------------------------- */

.serviceBlc .blcComm3 > img{
display:block;
width:80%;
max-width:300px;
margin:0 auto;
border:#fff solid 5px;
box-shadow:rgba(0, 0, 0, 0.2) 0 0 10px 0, rgba(0, 0, 0, 0.4) 0 22px 22px -20px;
}

.serviceBlc .blcComm3 h1{
font-weight:bold;
margin:5% 0;
}