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

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

FEATURE

------------------------------------------------------------ */
/* グローバルナビアクティブ
---------------------------------------------- */
nav ul#nav_main li:nth-child(1) a img {opacity: 0;}
div#bg_h2{background:url(/feature/img/h2_bg_pc.png) no-repeat center 0;height:400px;text-align: center;}

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

/* コンテンツ
---------------------------------------------- */
div#box_philo h2,div#box_method h2{font-weight: bold;font-size: 34px;margin-bottom: 45px;color: #333333;}

dl.list_feature{margin-bottom: 45px;}
dl.list_feature dt{font-weight: bold;font-size: 20px;background:url(/feature/img/ico_ccl.png) no-repeat left 0.5em;background-size:18px 18px; padding-left:27px;margin-bottom: 15px;}
dl.list_feature dd{background:url(/feature/img/ico_dot.png) no-repeat left 0.75em;background-size:6px 6px; padding-left:16px;margin-bottom: 7px;}
dl.list_feature dd:last-child{margin-bottom: 0;}
dl.list_feature dd span{font-weight: bold;color: #D01119;}

div.wrap_feature{overflow: hidden;margin-bottom: 140px;}

div#box_philo{float: left;width:480px;margin-right: 80px;}
div#box_philo p{margin-bottom: 26px;}
div#box_philo p:last-child{margin-bottom: 0;}

div#wrap_method{overflow: hidden;margin-bottom: 140px;}
p#img_method{float: left;width:400px;margin-right: 80px;}
div#box_method p{margin-bottom: 26px;}
div#box_method p:last-child{margin-bottom: 0;}
div#box_method p a{text-decoration: underline;}
div#box_method p a:hover{text-decoration: none;}

div#box_paint{float: left;width: 560px;margin-right: 80px;}
div#box_paint p{margin-bottom: 35px;}
div#box_paint p:last-child{margin-bottom: 0;}
div#box_paint span{font-weight: bold;}
p#img_paint{float: left;width: 560px;}

div#wrap_sealant{overflow: hidden;margin-bottom: 60px;}
p#img_sealant{float: left;width: 560px;margin-right: 80px;}
div#box_sealant{float: left;width: 560px;}
div#box_sealant p{margin-bottom: 35px;}
div#box_sealant p:last-child{margin-bottom: 0;}
div#box_sealant span{font-weight: bold;}

p#img_sealant02{margin-bottom: 140px;}

div#wrap_roof{overflow: hidden;}
div#box_roof{float: left;width: 660px;margin-right: 80px;}
div#box_roof p{margin-bottom: 35px;}
div#box_roof p:last-child{margin-bottom: 0;}
p#img_roof{float: left;width: 460px;}

@media print, screen and (max-width: 767px){
/* コンテンツ
---------------------------------------------- */
div#box_philo h2,div#box_method h2{font-size: 20px;margin-bottom: 25px;}

dl.list_feature{margin-bottom: 35px;}
dl.list_feature dt{font-size: 17px;background:url(/feature/img/ico_ccl.png) no-repeat left 0.5em;background-size:13px 13px; padding-left:18px;margin-bottom: 15px;}
dl.list_feature dd{background:url(/feature/img/ico_dot.png) no-repeat left 0.75em;background-size:6px 6px; padding-left:11px;margin-bottom: 7px;}
dl.list_feature dd:last-child{margin-bottom: 0;}
dl.list_feature dd span{font-weight: bold;color: #D01119;} 
    
div.wrap_feature{overflow: visible;margin-bottom: 70px;}
div.wrap_feature p img,div#wrap_method p img,div#wrap_sealant p img,p#img_sealant02 img,div#wrap_roof p img{width: 100%;}

div#box_philo{float: none;width:100%;margin:0 0 30px 0;}
div#box_philo p{margin-bottom: 26px;}
div#box_philo p:last-child{margin-bottom: 0;} 

div#wrap_method{overflow: visible;margin-bottom: 70px;display: flex;flex-direction: column;}
p#img_method{float: none;width:100%;margin-right: 0;order: 2;}
div#box_method{margin-bottom: 26px;order: 1;}
    
div#box_paint{float: none;width: 100%;margin:0 0 35px 0;}
p#img_paint{float: none;width: 100%;}
    
div#wrap_sealant{overflow: visible;margin-bottom: 30px;display: flex;flex-direction: column;}
p#img_sealant{float: none;width: 100%;margin-right: 0;order: 2;}
div#box_sealant{float: none;width: 100%;margin:0 0 30px 0;order: 1;}
div#box_sealant p{margin-bottom: 35px;}
div#box_sealant p:last-child{margin-bottom: 0;}
div#box_sealant span{font-weight: bold;}

p#img_sealant02{margin-bottom: 70px;}

div#wrap_roof{overflow: visible;}
div#box_roof{float: none;width: 100%;margin:0 0 30px 0;}
div#box_roof p{margin-bottom: 35px;}
div#box_roof p:last-child{margin-bottom: 0;}
p#img_roof{float: none;width: 100%;}  
    
    
    
    
    
    
    
    
    
    
    
    
    
}