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

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

スマイリードの建物診断

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

div#bg_h2{background:url(../inspection/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(../inspection/img/bg_h2_sp.png) no-repeat center 0;background-size: 100%;width: 100%;height:auto;}
div#bg_h2 img{width: 100%;}
}
/* feature
---------------------------------------------- */
ul#list_feature{overflow: hidden;width:100%;margin-bottom: 80px;}
ul#list_feature li{width:360px;margin-right:60px;float: left;}
ul#list_feature li:last-child{margin-right:0;}

div#wrap_feature{overflow: hidden;width:100%;}
div#wrap_feature div#txt_feature{width:600px;margin-right: 80px;float: left;}
div#wrap_feature div#txt_feature p{margin-bottom: 35px;}
div#wrap_feature div#txt_feature p:last-child{margin-bottom: 0;}
div#wrap_feature div#txt_feature p span{color: #009F47;font-weight: bold;}
div#wrap_feature p#img_feature{width:520px;float: left;} 
div#wrap_feature p#img_feature img{width:520px;}

/* trouble
---------------------------------------------- */
h3.ttl_style_dot_grn{font-weight: bold;font-size: 26px;color: #009F48; padding-bottom: 36px;background:url(../inspection/img/ico_dot_grn.png) no-repeat center bottom;background-size:38px 6px;margin-bottom:60px;line-height: 1.0;text-align: center;}

div#wrap_trouble{background: #F3F3F3;padding: 60px 30px 30px;}
ul#list_trouble_img{overflow: hidden;width:100%;margin-bottom: 30px;}
ul#list_trouble_img li{width:360px;margin-right:30px;float: left;}
ul#list_trouble_img li:last-child{margin-right:0;}
ul#list_trouble_img li img{width:360px;}

div#wrap_list_trouble{background: #FFFFFF;padding: 22px 47px;overflow: hidden;width:100%;box-sizing: border-box;}
div#wrap_list_trouble ul#list_trouble_detail01{float: left;width: 256px;}
div#wrap_list_trouble ul#list_trouble_detail02{float: left;width: 420px;}
div#wrap_list_trouble ul#list_trouble_detail03{float: left;width: 240px;}
div#wrap_list_trouble ul.ico_ccl_sky li{margin: 0 0 5px 0;}
div#wrap_list_trouble ul.ico_ccl_sky li:last-child{margin: 0 0 0 0;}

/* difference
---------------------------------------------- */
ul#list_difference{overflow: hidden;width:100%;}
ul#list_difference li{width:560px;margin:0 80px 75px 0;float: left;}
ul#list_difference li:nth-child(2n){margin-right:0;}
ul#list_difference li:nth-child(5),ul#list_difference li:last-child{margin-bottom:0;}
ul#list_difference li h4{color: #009F48;font-weight: bold;line-height: 1.0;font-size: 24px;margin: 30px 0 25px;padding-bottom: 30px;border-bottom: 2px dotted #CCCCCC;text-align: center;}

@media print, screen and (max-width: 767px){
/* feature
---------------------------------------------- */
ul#list_feature{overflow: hidden;width:100%;margin-bottom: 35px;}
ul#list_feature li{width:100%;;margin:0 0 30px 0;float: none;}
ul#list_feature li img{width:100%;}
ul#list_feature li:last-child{margin:0;}

div#wrap_feature{overflow: hidden;width:100%;}
div#wrap_feature div#txt_feature{width:100%;margin-right: 0;float: none;}
div#wrap_feature div#txt_feature p{margin-bottom: 20px;}
div#wrap_feature div#txt_feature p:last-child{margin-bottom: 35px;}
div#wrap_feature p#img_feature{width:100%;float: none;} 
div#wrap_feature p#img_feature img{width:100%;}

/* trouble
---------------------------------------------- */
h3.ttl_style_dot_grn{font-size: 15px;padding-bottom: 20px;background:url(../inspection/img/ico_dot_grn.png) no-repeat center bottom;background-size:32px 5px;margin-bottom:30px;}

div#wrap_trouble{background: #F3F3F3;padding: 30px 15px 15px;}
ul#list_trouble_img{overflow: hidden;width:100%;margin-bottom: 30px;}
ul#list_trouble_img li{width:100%;margin:0 0 30px 0;float: none;}
ul#list_trouble_img li:last-child{margin-bottom:0;}
ul#list_trouble_img li img{width:100%;}

div#wrap_list_trouble{padding: 10px 15px;}
div#wrap_list_trouble ul#list_trouble_detail01,div#wrap_list_trouble ul#list_trouble_detail02,div#wrap_list_trouble ul#list_trouble_detail03{float: none;width: 100%;}
div#wrap_list_trouble ul.ico_ccl_sky li{margin: 0 0 0 0;}

/* difference
---------------------------------------------- */
ul#list_difference{overflow: hidden;width:100%;}
ul#list_difference li{width:100%;margin:0 0 25px 0;float: none;}
ul#list_difference li:nth-child(5){margin-bottom:25px;}
ul#list_difference li img{width:100%;}
ul#list_difference li h4{color: #009F48;font-weight: bold;line-height: 1.0;font-size: 15px;margin: 20px 0 15px;padding-bottom: 20px;border-bottom: 1px dotted #CCCCCC;}
}