@charset "UTF-8";

/* ------------------------------------
 service01・02共通
--------------------------------------- */

/* areaBlc ------------------------- */
#areaBlc{
background:url(../img/common/grid.gif) #fff;
box-shadow:rgba(0, 0, 0, 0.5) 0 18px 18px -20px;
}

#areaBlc .blcComm2{
height:240px;
background:url(../img/service/area_bg.png) no-repeat right top;
overflow:hidden;
}

#areaBlc h1{
padding:40px 0 15px;
font-size:18px;
line-height:1;
}

#areaBlc .blcComm2 > div{
display:block;
width:320px;
margin:15px 0;
padding:15px;
background:#b6c865;
border-radius:5px;
text-align:center;
font-size:18px;
}

/* contactBlc ------------------------- */
#contactBlc{
position:relative;
height:280px;
margin-top:20px;
background:url(../img/service/contact_bg.jpg) no-repeat left top;
overflow:hidden;
font-size:14px;
}

#contactBlc h1{
position:absolute;
top:20px;
left:0;
font-size:33px;
}

#contactBlc a{
position:absolute;
display:block;
width:380px;
top:70px;
left:0;
padding:15px;
border-radius:5px;
background:#eb6100;
font-size:16px;
font-weight:bold;
color:#fff;
text-decoration:none;
text-align:center;
}

#contactBlc a img{
padding-right:25px;
vertical-align:middle;
}

#contactBlc .info{
position:absolute;
top:137px;
left:0;
}

#contactBlc > img{
display:block;
position:absolute;
top:190px;
left:30px;
}

#contactBlc .time{
position:absolute;
top:195px;
left:320px;
color:#fff;
}

/* underBnrBlc ------------------------- */
#underBnrBlc .blcComm{ /* 汎用underBnrBlc拡張 */
margin-top:0;
}



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

/* catchBlc ------------------------- */
#catchBlc{
border-top:#cecece solid 1px;
background:url(../img/service/01/catch_bg.jpg) no-repeat center bottom;
}

#catchBlc > h1{
margin-top:-12px;
}

#catchBlc > h1 img{
padding:0 15px 0 0;
background:#f3f3f3;
}

#catchBlc section{
padding:100px 0 80px;
font-size:14px;
}

#catchBlc section h1{
margin-bottom:40px;
}

#catchBlc section > div{
padding-right:600px;
}

/* checkBlc ------------------------- */
#checkBlc{
background:url(../img/service/01/check_bg.jpg) repeat-x;
text-align:center;
overflow:hidden;
}

#checkBlc h1{
padding:17px 0 35px;
background:url(../img/service/01/check_arrow.png) no-repeat center bottom;
}

#checkBlc ul{
width:969px;
margin:6px auto 0;
}

#checkBlc li{
float:left;
width:263px;
height:136px;
padding:50px 0 0 60px;
background:url(../img/service/01/check_memo.png);
font-size:14px;
text-align:left;
}

#checkBlc > img{
margin-top:-75px;
}

/* promiseBlc ------------------------- */
#promiseBlc{
background:url(../img/service/01/promise_bg.gif) repeat-x left top;
text-align:center;
}

#promiseBlc > h1{
display:block;
width:520px;
margin:0 auto;
padding-top:40px;
font-size:18px;
letter-spacing:0;
}

#promiseBlc > h1 img{
margin-top:20px;
}

#promiseBlc > img{
margin:-278px 0 0 -117px;
}

#promiseBlc section{
position:relative;
}

#promiseBlc section .blcComm{ /* 汎用blcComm拡張 */
width:970px;
margin-top:-40px;
}

#promiseBlc section ul{
height:390px;
background:url(../img/common/frm.png), url(../img/service/01/promise_frm_bg.png);
background-repeat:no-repeat, repeat-y;
background-position:bottom left, top left;
}

#promiseBlc section li:nth-child(1){
position:absolute;
top:25px;
left:69px;
}

#promiseBlc section li:nth-child(2){
position:absolute;
top:108px;
left:333px;
z-index:10;
}

#promiseBlc section li:nth-child(3){
position:absolute;
top:25px;
left:596px;
}

/* gainaBlc ------------------------- */
#gainaBlc{
height:370px;
background:url(../img/service/01/gaina_bg.jpg), url(../img/service/01/gaina_bg.gif);
background-repeat:no-repeat, repeat-x;
background-position:center top, left top;
overflow:hidden;
}

#gainaBlc .blcComm2{
position:relative;
}

#gainaBlc h1{
width:620px;
padding:70px 0 25px;
font-size:18px;
}

#gainaBlc .txt{
width:650px;
font-size:14px;
}

#gainaBlc .info{
position:absolute;
top:16px;
right:198px;
}

#gainaBlc .info > div{
display:table-cell;
width:150px;
height:140px;
padding:25px 15px 15px;
background:#b6c865;
border-radius:90px;
text-align:center;
vertical-align:middle;
font-size:12px;
letter-spacing:0;
}

#gainaBlc .blcComm2 > img{
position:absolute;
display:block;
top:70px;
right:55px;
}

/* gainaBnr ------------------------- */
#gainaBnr{
margin-top:-80px;
padding:3px 0;
text-align:center;
}




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

.serviceBlc{
border-top:#cecece solid 1px;
}

.serviceBlc > h1{
margin-top:-12px;
}

.serviceBlc > h1 img{
padding:0 15px 0 0;
background:#f3f3f3;
}

.serviceBlc .blcComm3{
margin-top:40px;
}

.serviceBlc .blcComm3 > img{
float:right;
margin:0 0 20px 30px;
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-size:18px;
margin-bottom:20px;
}