@charset "utf-8";
/* Copyright 2022 design hack. */

/* ------------------------------------------------------------

サービス

------------------------------------------------------------ */
/* グローバルナビアクティブ
---------------------------------------------- */
nav ul#nav_main li:nth-child(3) a img {opacity: 0;}

div#bg_h2{background:url(../service/img/bg_h2_pc.png) no-repeat center 0;height:320px;text-align: center;}
@media print, screen and (max-width: 767px){
div#bg_h2{background:url(../service/img/bg_h2_sp.png) no-repeat center 0;background-size: 100%;width: 100%;height:auto;}
div#bg_h2 img{width: 100%;}
}

/* service
---------------------------------------------- */
ul#list_service{overflow: hidden;width:100%;}
ul#list_service li{width:560px;margin:0 80px 35px 0;float: left;}
ul#list_service li:nth-child(2n){margin-right: 0;}
ul#list_service li:nth-child(7),ul#list_service li:last-child{margin-bottom:0;}
ul#list_service li p{margin-bottom: 22px;}
ul#list_service li ul.ico_ccl_sky li{margin: 0 0 5px 0;width: 100%;box-sizing: border-box;}
ul#list_service li ul.ico_ccl_sky li:last-child{margin: 0 0 0 0;}

/* flow
---------------------------------------------- */
ul#list_flow{overflow: hidden;width:100%;}
ul#list_flow li{width:174px;float: left;}
ul#list_flow li:first-child{width:154px;}
ul#list_flow li:last-child{width:176px;}

@media print, screen and (max-width: 767px){
/* service
---------------------------------------------- */
ul#list_service{overflow: hidden;width:100%;}
ul#list_service li{width:100%;margin:0 0 25px 0;float: none;}
ul#list_service li:nth-child(2n){margin-right: 0;}
ul#list_service li:nth-child(7){margin-bottom:25px;}
ul#list_service li p{margin-bottom: 15px;}
ul#list_service li p img{width:100%;}
ul#list_service li ul.ico_ccl_sky li{margin: 0 0 0 0;}
    
/* flow
---------------------------------------------- */
ul#list_flow{overflow: hidden;width:345px;margin: 0 auto;}
ul#list_flow li{width:89px;float: left;margin-bottom: 15px;}
ul#list_flow li:first-child{width:78px;}
ul#list_flow li:nth-child(5){width:126px;margin-bottom: 0;}
ul#list_flow li:nth-child(6){width:89px;margin-bottom: 0;}
ul#list_flow li:last-child{width:129px;margin-bottom: 0;}
ul#list_flow li img{width:100%;}   
}