@charset "UTF-8";

#housingquality{padding-bottom: 60px;text-align: center;line-height: 2em;}
#housingquality .breadcrumb{ }
.pages_main_image{height: auto;}
.pages_main_image h2{font-size: 40px;line-height: 1.7em; margin: 40px 0}
.pages_main_image .flex{width: 80%;margin: auto;border-bottom: 1px solid #000;padding-bottom: 60px;margin-bottom: 60px}
.pages_main_image .col3_2{width: 100%; font-size: 18px;text-align: left}
.pages_main_image .col3{width: 26%}
.pages_main_image .col3_2 ul{margin-top: 30px;}
.pages_main_image .col3_2 li {
  margin: 0 0 0.5em;
  padding-left: 35px;
  background: url("../images/housingquality/icon_check.png") no-repeat 0 0;
  color: #c6856d;
}
.pages_main_image .col3 img{margin-bottom: 15px}
@media screen and (max-width: 767px) {
.pages_main_image .img{height: 200px;object-fit: cover}
.pages_main_image h2{font-size: 22px;}
.pages_main_image .flex{width: 90%;}
.pages_main_image .col3_2{width: 100%; font-size: 14px;margin-bottom: 20px; }
.pages_main_image .col3{width: 90%;margin: auto}
.pages_main_image .col3 img{width: 48%;margin: 1%}
}


/*住宅性能表示制度*/
#housingquality #seido .seido_inner{position: relative;max-width: 910px;font-size: 20px;line-height: 1.9em;margin: auto;text-align: left;}
#housingquality #seido .seido_title{background:#423f39;
display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;
justify-content: flex-start;-webkit-justify-content: flex-start;align-items: center;
}
#housingquality #seido .seido_title dd{margin: 0; -webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;text-align: left; width:281px }
#housingquality #seido .seido_title dd img{vertical-align: bottom}
#housingquality #seido .seido_title dt{margin: 0; -webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;text-align: center; color: #fff;font-size: 40px;width: 629px}
#housingquality #seido .seido_title dt p{font-size: 25px;margin: 0;letter-spacing: 0.1em;margin-top: 10px;}
#housingquality #seido .copy{padding: 30px 0 0;text-align: center}
#housingquality #seido h3{border-left: 1px solid #000;background:#423f39;margin-top: 80px;
display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;
justify-content: flex-start;-webkit-justify-content: flex-start;align-items: center;}
#housingquality #seido h3 span.num{background: #fff;color: #000000;font-size: 25px;text-align: center;padding: 12px 0;width: 10%}
#housingquality #seido h3 span.title{vertical-align: middle; letter-spacing: 0.15em; font-size: 25px;color: #fff;width: 90%;text-align: center}
#housingquality #seido h3 span.title span{font-size: 35px;}
#housingquality #seido .block{ width: 96%;padding: 30px 0; margin: auto; display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
#housingquality #seido .block p:first-child{width: 54%}
#housingquality #seido .block p:nth-child(2){width: 40%}
#housingquality #seido .block p:nth-child(2) img{width: 100%;height: auto}
#housingquality #seido .block2{background: #e6e6e6;padding: 30px; display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
#housingquality #seido .block2 p{width: 20%;background: #fff;display: flex;justify-content: center;align-items: center;text-align: center}
#housingquality #seido .block2 div{width: 74%;font-size: 15px;line-height: 1.6em;display: flex;    flex-direction: column;}
#housingquality #seido .block2 div ul{list-style: none;margin: 10px 0;padding: 0}
#housingquality #seido .block2 div ul li.red{color: #c1272d}
#housingquality #seido .block2 div ul li{margin-left: 4.5em;text-indent: -4.5em;}
#housingquality #seido .block p.st1:first-child{width: 33%}
#housingquality #seido .block p.st1:nth-child(2){width: 64%}
#housingquality #seido .coution{font-size: 12px;text-align: right;margin-top: 10px;}
#housingquality #seido .pc{display: block}
#housingquality #seido .sp{display: none}
/* for sp ---*/
@media screen and (max-width: 767px) {
#housingquality #seido .pc{display: none}
#housingquality #seido .sp{display: block}
#housingquality #seido .seido_inner{position: relative;
  width: 90%;font-size: 14px;line-height: 1.8em;  margin: auto;}
  #housingquality #seido .seido_title dd{width:100%}
#housingquality #seido .seido_title dd img{width: 100%;height: 180px;object-fit: cover}
#housingquality #seido .seido_title dt{font-size: 20px;padding: 20px 0; width:100%}
#housingquality #seido .seido_title dt p{font-size: 16px;}

#housingquality #seido h3{border-top: 1px solid #000;border-left: none;background:#423f39;margin-top: 80px;
display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;
justify-content: flex-start;-webkit-justify-content: flex-start;align-items: center;}
#housingquality #seido h3 span.num{width: 100%; font-size: 25px;padding: 12px 0;}
#housingquality #seido h3 span.title{font-size: 18px;width: 100%;padding: 12px 0;}
#housingquality #seido h3 span.title span{font-size: 22px;}

#housingquality #seido .block p:first-child,
#housingquality #seido .block p.st1:first-child{width: 100%;margin-bottom: 20px}
#housingquality #seido .block p:nth-child(2){width: 70%;margin: 0 auto 20px}
#housingquality #seido .block p.st1:nth-child(2){width: 90%;margin: 0 auto 20px}
#housingquality #seido .block2{padding: 20px; }
#housingquality #seido .block2 p{width: 100%;margin-bottom: 20px;padding: 12px 0;}
#housingquality #seido .block2 div{width: 100%;font-size: 14px;line-height: 1.6em;}
#housingquality #seido .block2 div ul{list-style: none;margin: 10px 0;padding: 0}
#housingquality #seido .block2 div ul li.red{color: #c1272d}
#housingquality #seido .block2 div ul li{margin-left: 4.5em;text-indent: -4.5em;}

}
