@charset "utf-8";

/* ------------------------------
   CssTemplate: common.css 
   ------------------------------
   ServicePage Style
------------------------------ */

/*==================================================================
   Service Page Style
==================================================================*/
ul.list_service > li{margin-bottom: 10rem;padding-bottom: 5rem;border-bottom: 0.2rem solid #edecec;}
ul.list_service > li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
ul.list_service > li > .service_img{margin-bottom:10rem;}
ul.list_service > li > .service_body{margin-bottom:6rem;}
ul.list_service > li > .service_body > h2{font-size:6.6rem;line-height: 1.2;font-weight:bold;margin-bottom:4.5rem;}
ul.list_service > li > .service_body > h2 > .f_S{font-size:0.6em !important;display:inline-block;vertical-align: middle;padding: 0 0 0.4em 0.5em;}
ul.list_service > li > .service_body > p.catch{font-size:4rem;font-weight:bold;margin-bottom:2rem;}
ul.list_service > li > .service_body > p.txt{line-height:2;}
ul.list_service > li > p.btn01 > a > span{margin-right:0.5em;}

/*----- 問合せ導線 -----*/
.aside_contact{padding:9rem 4rem;color:#FFF;
 background:#151515 url(../img/top_bg_contact_sp.jpg) center top / cover no-repeat;}


/*==================================================================
   Responsive Style 
==================================================================*/
/*========== 750px以上 ==========*/
@media screen and (min-width:750px) { /* 750px以上 */

ul.list_service > li > .service_img{margin-bottom:5rem;}
ul.list_service > li > .service_body > h2{font-size:3rem;}
ul.list_service > li > .service_body > h2 > .f_S{font-size:1em !important;display: inline;vertical-align: baseline;padding-bottom:0;}
ul.list_service > li > .service_body > p.catch{font-size:2.4rem;}
ul.list_service > li > p.btn01 > a > span{margin-right:1em;}

.aside_contact{padding:15rem max(4rem, (100% - 920px) / 2);
 background-image:url(../img/top_bg_contact_pc.jpg);}

/**/} /* 750px以上 End */