p {
  margin: 0;
}

/* style_base部分 */
#equipment .main_wrap section {
  opacity: 0;
  display: none;
  padding-bottom: 50px;
  color: #fff;
}
#equipment .main_wrap section.active {
  opacity: 1;
  display: block;
}
main .flbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#equipment .tub_wrap {
  padding-bottom: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#equipment .tub_wrap>div {
  width: calc(100% / 4 - 20px);
  margin-bottom: 25px;
  background: #8cdeea;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
#equipment .tub_wrap>div p {
  text-align: center;
  font-weight: 200;
  font-size: 14px;
  letter-spacing: .05em;
  line-height: 1.2em;
  margin: 5px 0;
}
#equipment .tub_wrap>div p small {
  font-family: "Hi_w4",sans-serif;
  font-size: clamp(10px,1vw,12px);
}
#equipment .tub_wrap>div.active {
  background: #2aa7b8;
}
#equipment .tub_wrap>div.active p {
  color: #fff;
}



main {
  background: #131a28;
}

.quality_area {
  margin: 0 auto;
  max-width: 1000px;
}

.sec_title {
  text-align: center;
  font-size: 28px;
  color: yellow;
  margin: 0;
  margin-bottom: 50px;
  display: none;
}

.main_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 70px;
}
.main_txt {
  display: block;
  width: 510px;
}
.main_txt_all {
  width: 100%;
}
.main_title_txt {
  color: #2aa7b8;
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 20px;
  font-weight: bold;
}
.main_subtitle_txt {
  color: #8cdeea;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.main_txt {
}

.main_img {
  display: block;
  height: 470px;
  width: 470px;
}

.sec_block {
  display: block;
}

.sec_p {
  background: #2aa7b8;
  color: #fff;
  font-size: 18px;
  padding: 5px 7px;
  font-weight: bold;
  margin-bottom: 15px;
}
.sec_p_sub {
  font-size: 18px;
  margin-bottom: 30px;
}
.span_select {
  background: #8cdeea;
  text-align: center;
  margin: 7px 0;
  color: #000;
  font-size: 12px;
  padding: 3px 3px;
  margin-left: 5px;
}
b {
  color: yellow;
  font-size: 16px;
  margin-bottom: 10px;
}
.bottom_txt {
  font-size: 12px;
  padding-bottom: 100px;
  color: #fff;
}


/* //////////////////////// */
/* ①　エントランス(30-31p) */
/* //////////////////////// */
.main_img1 {
  background-image: url(../image/quality/topimg1.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.sec_1 .main_txt {
  width: 660px;
}
.sec1_flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  text-align: center;
}
.sec1_flex_block {
  display: block;
  width: calc(50% - 30px);
}
.sec1_img1 {
  display: block;
  background-size: contain;
  background-position: center center;
  height: 500px;
  width: 100%;
  background-repeat: no-repeat;
  background-image: url(../image/quality/img1_1.jpg);
  margin-bottom: 10px;
}
.sec1_img2 {
  display: block;
  background-size: contain;
  background-position: center center;
  height: 500px;
  width: 100%;
  background-repeat: no-repeat;
  background-image: url(../image/quality/img1_2.jpg);
  margin-bottom: 10px;
}
.sec1_flex_block2 {
  display: block;
  width: calc(100% / 6 - 0px);
  font-size: 12px;
  text-align: center;
  margin-top: 15px;
}
.sec1_flex_block2 img {
  display: block;
  margin: 0 auto 10px;
  height: 240px;
  border: solid 1px #fff;
}


/* //////////////////////// */
/* ②　キッチン(32-35p) */
/* //////////////////////// */
.main_img2 {
  background-image: url(../image/quality/topimg2.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.sec_2 .main_txt {
  width: 492px;
}
.sec2_flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
  flex-wrap: wrap;
}
.sec2_flex_block_left {
  display: block;
  width: 35%;
}
.sec2_flex_block_right {
  display: block;
  width: calc(65% - 30px);
}

.main_img2_2 {
  background-image: url(../image/quality/topimg2_2.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.sec_2 .main_txt2 {
  width: 500px;
}
.sec2_flex_block1 {
  display: block;
  width: calc(50% - 8px);
}
.sec2_img1_1 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 300px;
  width: 100%;
  background-image: url(../image/quality/img2_2_1.jpg);
  margin-bottom: 10px;
}
.sec2_img1_2 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 300px;
  width: 100%;
  background-image: url(../image/quality/img2_2_2.jpg);
  margin-bottom: 10px;
}

.sec2_flex_block2 {
  display: block;
  width: calc(100% / 3 - 10px);
  margin-bottom: 30px;
}
.sec2_img2_1 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img2_2_3.jpg);
  margin-bottom: 10px;
}
.sec2_img2_2 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img2_2_4.jpg);
  margin-bottom: 10px;
}
.sec2_img2_3 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img2_2_5.jpg);
  margin-bottom: 10px;
}
.sec2_img2_4 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img2_2_6.jpg);
  margin-bottom: 10px;
}
.sec2_img2_5 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img2_2_7.jpg);
  margin-bottom: 10px;
}
.sec2_img2_6 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img2_2_8.jpg);
  margin-bottom: 10px;
}
.sec2_img2_7 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img2_2_9.jpg);
  margin-bottom: 10px;
}
.sec2_img2_8 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img2_2_10.jpg);
  margin-bottom: 10px;
}
.sec2_img2_9 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img2_2_11.jpg);
  margin-bottom: 10px;
}

.bottom_20 {
  margin-bottom: 40px;
}
.bottom_0 {
  margin-bottom: 0px;
}


/* //////////////////////// */
/* ③　バス(36-37p) */
/* //////////////////////// */
.main_img3 {
  background-image: url(../image/quality/topimg3.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.sec_3 .main_txt {
  width: 525px;
}

.sec3_topimg {
  width: 55%;
  margin: 30px auto 70px;
  display: block;
}

.sec3_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec3_flex_block {
  display: block;
  width: calc(100% / 3 - 10px);
  margin-bottom: 30px;
}
.sec3_img1 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img3_2.png);
  margin-bottom: 10px;
}
.sec3_img2 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img3_3.png);
  margin-bottom: 10px;
}
.sec3_img3 {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img3_4.png);
  margin-bottom: 10px;
}
.sec3_img4 {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img3_5.png);
  margin-bottom: 10px;
}
.sec3_img5 {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img3_6.png);
  margin-bottom: 10px;
}
.sec3_img6 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img3_7.png);
  margin-bottom: 10px;
}
.sec3_img7 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 230px;
  width: 100%;
  background-image: url(../image/quality/img3_8.png);
  margin-bottom: 10px;
}
.sec3_img8 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 230px;
  width: 100%;
  background-image: url(../image/quality/img3_10.png);
  margin-bottom: 10px;
}

.sec3_img_sub {
  width: 280px;
  display: block;
  margin: 15px auto 0;
}


/* //////////////////////// */
/* ④　洗面所(38-39p) */
/* //////////////////////// */
.main_img4 {
  background-image: url(../image/quality/topimg4.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.sec_4 .main_txt {
  width: 625px;
}

.sec4_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec4_flex_block {
  display: block;
  width: calc(100% / 3 - 10px);
  margin-bottom: 30px;
}
.sec4_img1 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img4_1.jpg);
  margin-bottom: 10px;
}
.sec4_img2 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img4_2.jpg);
  margin-bottom: 10px;
}
.sec4_img3 {
  display: block;
  background-size: cover;
  background-position: center 40%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img4_3.jpg);
  margin-bottom: 10px;
}
.sec4_img4 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img4_4.jpg);
  margin-bottom: 10px;
}
.sec4_img5 {
  display: block;
  background-size: cover;
  background-position: left 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img4_5.png);
  margin-bottom: 10px;
}
.sec4_img6 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img4_6.jpg);
  margin-bottom: 10px;
}
.sec4_img7 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img4_7.jpg);
  margin-bottom: 10px;
}
.sec4_img8 {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img4_8.jpg);
  margin-bottom: 10px;
}
.sec4_img9 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img4_9.jpg);
  margin-bottom: 10px;
}
.sec4_img10 {
  display: block;
  background-size: cover;
  background-position: center 100%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img4_10.jpg);
  margin-bottom: 10px;
}
.sec4_img11 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 200px;
  width: 100%;
  background-image: url(../image/quality/img4_11.jpg);
  margin-bottom: 10px;
}


/* //////////////////////// */
/* ⑤　トイレット(40-41p) */
/* //////////////////////// */
.main_img5 {
  background-image: url(../image/quality/topimg5.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.sec_5 .main_txt {
  width: 585px;
}

.sec5_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec5_flex_block {
  display: block;
  width: calc(100% / 3 - 10px);
  margin-bottom: 30px;
}
.sec5_img1 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 230px;
  width: 100%;
  background-image: url(../image/quality/img5_1.png);
  margin-bottom: 10px;
}
.sec5_img2 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 230px;
  width: 100%;
  background-image: url(../image/quality/img5_2.png);
  margin-bottom: 10px;
}
.sec5_img3 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 230px;
  width: 100%;
  background-image: url(../image/quality/img5_3.png);
  margin-bottom: 10px;
}
.sec5_img4 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 230px;
  width: 100%;
  background-image: url(../image/quality/img5_4.png);
  margin-bottom: 10px;
}
.sec5_img5 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 230px;
  width: 100%;
  background-image: url(../image/quality/img5_5.png);
  margin-bottom: 10px;
}
.sec5_img6 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 230px;
  width: 100%;
  background-image: url(../image/quality/img5_6.png);
  margin-bottom: 10px;
}
.sec5_img7 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 230px;
  width: 100%;
  background-image: url(../image/quality/img5_7.png);
  margin-bottom: 10px;
}
.sec5_img8 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 230px;
  width: 100%;
  background-image: url(../image/quality/img5_8.png);
  margin-bottom: 10px;
}
.sec5_img9 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 230px;
  width: 100%;
  background-image: url(../image/quality/img5_9.png);
  margin-bottom: 10px;
}
.sec5_img10 {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center 70%;
  height: 230px;
  width: 100%;
  background-image: url(../image/quality/img5_10.png);
  margin-bottom: 10px;
}
.sec5_img11 {
  display: block;
  background-size: cover;
  background-position: center 70%;
  height: 230px;
  width: 100%;
  background-image: url(../image/quality/img5_11.png);
  margin-bottom: 10px;
}


/* //////////////////////// */
/* ⑥　セキュリティ&構造(50p) */
/* //////////////////////// */
.sec6_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec6_flex_block_all {
  display: block;
  width: 100%;
  margin-bottom: 40px;
}
.sec6_flex_block {
  display: block;
  width: calc(100% / 3 - 10px);
  margin-bottom: 30px;
}
.sec6_flex_block_title {
  background: #2aa7b8;
  padding: 3px 7px;
  color: #fff;
  display: block;
  font-size: 16px;
}
.sec6_flex_block_txt {
  padding: 7px;
  background: #fff;
  color: #000;
}
.sec6_flex_block_all .sec6_flex_block_txt {
  padding: 15px;
}
.sec6_flex_block .sec6_flex_block_txt img {
  max-width: 100%;
  height: 190px;
  display: block;
  margin: 0 auto;
}
.sec6_flex_block .sec6_flex_block_txt p {
  height: 100px;
}
.p_150 {
  height: 150px!important;
}
.sec6_sub_flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.img6_15_1 {
  width: 30%;
}
.img6_15_2 {
  width: 70%;
}

/* //////////////////////// */
/* ⑦　設備・仕様(51-53p) */
/* //////////////////////// */
.sec7_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec7_flex_block_all {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}
.sec7_flex_block_half {
  display: block;
  width: calc(50% - 7px);
  margin-bottom: 20px;
}
.sec7_flex_block {
  display: block;
  width: calc(100% / 4 - 10px);
  margin-bottom: 30px;
}
.sec7_flex_block_title {
  background: #2aa7b8;
  padding: 3px 7px;
  color: #fff;
  display: block;
  font-size: 16px;
}
.sec7_flex_block_txt {
  padding: 7px;
  background: #fff;
  color: #000;
}
.sec7_flex_block_all .sec7_flex_block_txt {
  padding: 15px;
}

.sec7_flex_block_txt b {
  color: #2aa7b8;
}
.sec7_flex_block .sec7_flex_block_txt p {
  height: 150px;
}
.sec7_flex_block .sec7_flex_block_txt img {
  max-width: 100%;
  height: 190px;
  display: block;
  margin: 0 auto;
}
.under1050_dummy {
  display: none!important;
}


/* //////////////////////// */
/* ⑧　エコ・クオリティ(46-49p) */
/* //////////////////////// */
.main_img8 {
  background-image: url(../image/quality/topimg8.jpg);
  background-size: 180%;
  background-position: center 70%;
  height: 350px;
}

/* ZEH-M */
.main_txt .font_small {
  font-size: 42px;
}
.zeh_title_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.zeh_title_flex img {
  width: 150px;
}
.zeh_title_flex p {
  font-size: 36px;
  color: #539f55;
}
.zeh_title_flex p span {
  display: block;
  font-size: 18px;
  margin-left: 20px;
}
.zeh_subtxt {
  text-align: center;
}

.zeh_title_flex2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 50px 0;
}
.zeh_kouka_block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: #295b31;
  width: calc(100% / 3 - 50px);
  padding: 20px;
}
.zeh_kouka_block p {
  display: block;
  text-align: center;
  width: 100%;
  font-weight: bold;
}
.zeh_kouka_block .yellow {
  color: yellow;
}
.zeh_kouka_block .p1_1 {
  margin-bottom: 20px;
}
.zeh_kouka_block .p1_2 {
  font-size: 20px;
}
.zeh_kouka_block .p1_3 {
  font-size: 60px;
  line-height: 1.2;
}
.zeh_kouka_block .p1_3 span {
  font-size: 30px;
}
.zeh_kouka_block .p1_4 {
  font-size: 12px;
}
.zeh_kouka_block .p2_1 {
  font-size: 32px;
  line-height: 1;
}
.zeh_kouka_block .p2_2 {
  line-height: 0;
}
.zeh_kouka_block .p2_3 {
  font-size: 64px;
  line-height: 1;
}
.zeh_kouka_block .p2_4 {
  font-size: 24px;
  line-height: 0;
}
.zeh_kouka_block .p2_5 {
  font-size: 24px;
}
.zeh_kouka_block .p2_6 {
  font-size: 12px;
}
.zeh_kouka_block .p3_1 {
  font-size: 22px;
  line-height: 1;
}
.zeh_kouka_block .p3_2 {
  font-size: 12px;
  line-height: 0;
}
.zeh_kouka_block .p3_3 {
  font-size: 60px;
  line-height: 1;
}
.zeh_kouka_block .p3_4 {
  font-size: 28px;
  line-height: 1;
}
.zeh_kouka_block .p3_5 {
  font-size: 16px;
}
.zeh_kouka_block .p3_6 {
  font-size: 12px;
}

.zeh_txt_flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}
.zeh_txt_flex_block {
  display: block;
  width: calc(50% - 10px);
}
.zeh_txt_flex_block .title {
  background: #539f55;
  color: #fff;
  font-size: 16px;
  padding: 5px 3px;
  height: 65px;
}
.zeh_txt_flex_block .title span {
  font-size: 12px;
}
.zeh_txt_flex_block .txt {
  background: #fff;
  color: #000;
  padding: 10px;
  height: 220px;
}
.zeh_txt_flex_block img {
  width: 260px;
  display: block;
  margin: 10px 0;
}

.back_white {
  background: #fff;
  padding: 30px;
  color: #000;
  /*margin-bottom: 80px;*/
}
.back_white .main_subtitle_txt {
  color: #2aa7b8;
}
.back_white .main_flex {
  margin-bottom: 30px;
}
.zeh_white_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.zeh_white_flex_block {
  display: block;
  width: calc(100% / 3 - 20px);
  padding: 20px;
  color: #fff;
  height: 240px;
}
.zeh_white_flex .block1 {
  background: #4c95b9;
}
.zeh_white_flex .block2 {
  background: #ba955e;
}
.zeh_white_flex .block3 {
  background: #6d9684;
}
.zeh_white_flex_block .title {
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  padding-bottom: 10px;
  border-bottom: solid 1px #fff;
}
.zeh_white_flex_block .title span {
  display: block;
  font-size: 18px;
}
.zeh_white_flex_block .txt {
  padding-top: 15px;
}
.zeh_img {
  margin-bottom: 30px;
}
.bottom_80 {
  padding-bottom: 80px;
}


/* それ以外 */
.sec8_subtitle {
  color: #8cdeea;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.sec8_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec8_flex_block_all {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}
.sec8_flex_block_half {
  display: block;
  width: calc(50% - 7px);
  margin-bottom: 30px;
}
.sec8_flex_block_title {
  background: #2aa7b8;
  padding: 3px 7px;
  color: #fff;
  display: block;
  font-size: 16px;
}
.sec8_flex_block_txt {
  padding: 20px;
  background-color: #fff;
}
.flex_8_5 {
  display: flex;
  /*justify-content: space-between;*/
  align-items: flex-start;
}
.flex_8_5 img {
  width: 30%;
}
.flex_8_5_img_left {

}


/* //////////////////////// */
/* ⑨　カスタムオーダー */
/* //////////////////////// */
.main_img9 {
  background-image: url(../image/quality/topimg9.png);
  background-size: 100%;
  background-position: center center;
}
.sec9_top {
  background: #294245;
  padding: 30px;
  color: #fff;
}
.sec9_top .title {
  font-size: 32px;
  margin-bottom: 10px;
}
.sec9_top .txt {
  margin-bottom: 20px;
}
.sec9_top_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec9_top_flex_block {
  display: block;
  width: calc(100% / 3 - 14px);
  margin-bottom: 30px;
}
.sec9_top_flex_block .head_txt {
  background: #fff;
  color: #565353;
  padding: 5px 10px;
  font-size: 20px;
}
.sec9_top_flex_block .body_txt {
    background: #565353;
    color: #fff;
    padding: 5px 10px;
    height: 190px;
}
.sec9_top_flex_block .body_txt .body_txt_title {
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
}
.sec9_top_flex_block .body_txt .body_txt2 {
  margin-bottom: 10px;
}
.color_img {
  margin-bottom: 30px;
}
.bottom_70 {
  margin-bottom: 70px;
}

.sec9_color_block {
  display: block;
  margin-top: 80px;
}
.color_link_flex {
  display: flex;
  margin: 0;
  flex-wrap: wrap;
}
.color_link_flex li {
  opacity: 0.7;
  width: calc(100% / 4);
  background: #fff;
  border: solid 1px #131a28;
  padding: 10px 5px;
  text-align: center;
}
.color_link_flex .parts {
  width: calc(100% / 2);
}
.color_link_flex .li_here {
  opacity: 1!important;
}
.color_header {
  display: block;
  width: 100%;
  padding: 25px;
  color: #fff;
}
.color_header1 {
  background: #a7a08c;
}
.color_header2 {
  background: #7a6f5f;
}
.color_header3 {
  background: #dfd6c3;
  color: #4b4948;
}
.color_header4 {
  background: #b0aaa0;
  color: #231815;
}
.color_header5 {
  background: #9f978c;
}
.color_header6 {
  background: #6c6866;
}
.color_header7 {
  background: #294245;
}
.color_header .title {
  font-size: 36px;
  margin-bottom: 10px;
}
.color_header .title span {
  margin-left: 10px;
  font-size: 20px;
}
.color_header .txt {

}
.sec9_color_body {
  padding: 30px;
  background: #294245;
}


/* /////////////////////// */
/* サイズの小さいPC */
/* /////////////////////// */
@media screen and (max-width:1050px){
  .quality_area {
    max-width: 750px;
  }
  #equipment .tub_wrap>div {
    width: calc(100% / 2 - 20px);
  }
  .main_title_txt {
    font-size: 40px;
  }
  .main_subtitle_txt {
    font-size: 16px;
  }
  .main_txt {
    width: 450px;
  }
  .main_img {
    height: 280px;
    width: 280px;
  }
  .sec_p_sub {
    font-size: 16px;
  }

  .sec1_flex {
    flex-wrap: wrap;
  }
  .sec1_flex_block2 {
    width: calc(100% / 3 - 0px);
  }
  .span_select {
    display: block;
    width: 120px;
    margin-left: 0;
  }
  .br_over1050 {
    display: none;
  }
  .sec5_img1, .sec5_img2, .sec5_img3,
  .sec5_img4, .sec5_img5, .sec5_img6,
  .sec5_img7, .sec5_img8, .sec5_img9,
  .sec5_img10, .sec5_img11
 {
    height: 180px;
  }
  .sec_6 .main_txt,
  .sec_7 .main_txt,
  .sec_8 .main_txt {
    width: unset;
  }
  .p_150 {
    height: 200px!important;
  }
  .sec6_flex_block .sec6_flex_block_txt p {
    height: 130px;
  }
  .sec7_flex_block {
    width: calc(100% / 3 - 10px);
  }
  .under1050_dummy {
    display: block!important;
  }
  .zeh_maintxt {
    width: 100%;
  }
  .main_img8 {
    display: none;
  }
  .zeh_subtxt {
    font-size: 13px;
  }
  .zeh_kouka_block {
    width: calc(100% / 3 - 20px);
  }
  .zeh_kouka_block .p1_3 {
    font-size: 50px;
  }
  .zeh_kouka_block .p1_3 span {
    font-size: 26px;
  }
  .zeh_kouka_block .p2_1 {
    font-size: 28px;
  }
  .zeh_kouka_block .p2_3 {
    font-size: 56px;
  }
  .zeh_kouka_block .p3_1 {
    font-size: 16px;
  }
  .zeh_kouka_block .p3_2 {
    font-size: 11px;
  }
  .zeh_kouka_block .p3_3 {
    font-size: 56px;
  }
  .zeh_kouka_block .p3_4 {
    font-size: 24px;
  }
  .back_white {
    padding: 20px;
  }
  .zeh_txt_flex_block img {
    width: 200px;
  }
  .zeh_white_flex_block {
    width: calc(100% / 3 - 10px);
    height: 260px;
  }

  .sec9_top_flex_block .body_txt {
    height: 230px;
  }

  .sec_1 .main_txt {
    width: 444px;
  }
  .sec_2 .main_txt {
    width: 437px;
  }
  .sec_2 .main_txt2 {
    width: 413px;
  }
  .sec_3 .main_txt {
    width: 429px;
  }
  .sec_4 .main_txt {
    width: 415px;
  }
  .sec_5 .main_txt {
    width: 480px;
  }
}


/* /////////////////////// */
/* レスポンシブ対応 */
/* /////////////////////// */
@media screen and (max-width:768px){
  .quality_area {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
  #equipment .tub_wrap>div {
    width: calc(100% / 2 - 10px);
    margin-bottom: 15px;
  }
  #equipment .tub_wrap>div p {
    font-size: 11px;
  }
  #equipment .tub_wrap {
    padding-bottom: 50px;
  }
  .main_flex {
    flex-wrap: wrap;
  }
  .main_txt {
    width: 100%;
    margin-bottom: 20px;
  }
  .sec_1 .main_txt {
    width: 100%;
  }
  .sec_2 .main_txt {
    width: 100%;
  }
  .sec_2 .main_txt2 {
    width: 100%;
  }
  .sec_3 .main_txt {
    width: 100%;
  }
  .sec_4 .main_txt {
    width: 100%;
  }
  .sec_5 .main_txt {
    width: 100%;
  }
  .main_img {
    height: calc(100vw / 3 * 2);
    width: 100%;
  }
  .bottom_txt {
    padding-bottom: 50px;
  }
  .block_dummy {
    display: none;
  }

  /* ①　エントランス */
  .sec1_flex_block {
    width: 100%;
    margin-bottom: 30px;
  }
  .sec1_img1 {
    height: 400px;
    width: 100%;
  }
  .sec1_flex_block2 {
    width: calc(100% / 2 - 0px);
  }
  .sec1_flex_block2 img {
    height: 200px;
  }

  /* ②　キッチン */
  .sec2_flex_block_left {
    width: 100%;
    margin-bottom: 20px;
  }
  .sec2_flex_block_right {
    width: 100%;
  }
  .sec2_flex_block1 {
    width: 100%;
  }
  .sec2_flex_block2 {
    width: 100%;
  }
  .sec2_img1_1,
  .sec2_img1_2,
  .sec2_img2_1,
  .sec2_img2_2,
  .sec2_img2_3,
  .sec2_img2_4,
  .sec2_img2_5,
  .sec2_img2_6,
  .sec2_img2_7,
  .sec2_img2_8,
  .sec2_img2_9 {
    height: calc(100vw / 3 * 2);
    width: 100%;
  }

  /* ③　バス */
  .sec3_topimg {
    width: 100%;
  }
  .sec3_flex_block {
    width: 100%;
  }
  .sec3_img1,
  .sec3_img2,
  .sec3_img3,
  .sec3_img4,
  .sec3_img5,
  .sec3_img6,
  .sec3_img7,
  .sec3_img8 {
    height: calc(100vw / 3 * 2);
    width: 100%;
  }

  /* ④　洗面所 */
  .sec4_flex_block {
    width: 100%;
  }
  .sec4_img1,
  .sec4_img2,
  .sec4_img3,
  .sec4_img4,
  .sec4_img5,
  .sec4_img6,
  .sec4_img7,
  .sec4_img8,
  .sec4_img9,
  .sec4_img10,
  .sec4_img11 {
    height: calc(100vw / 3 * 2);
    width: 100%;
  }

  /* ⑤　トイレット */
  .sec5_flex_block {
    width: 100%;
  }
  .sec5_img1,
  .sec5_img2,
  .sec5_img3,
  .sec5_img4,
  .sec5_img5,
  .sec5_img6,
  .sec5_img7,
  .sec5_img8,
  .sec5_img9,
  .sec5_img10,
  .sec5_img11 {
    height: calc(100vw / 3 * 2);
    width: 100%;
  }

  /* ⑥　セキュリティ&構造 */
  .sec6_flex_block {
    width: 100%;
  }
  .p_150 {
    height: unset!important;
  }
  .sec6_flex_block .sec6_flex_block_txt p {
    height: unset!important;
  }

  /* ⑦　設備・仕様 */
  .sec7_flex_block {
    width: 100%;
  }
  .sec7_flex_block .sec7_flex_block_txt p {
    height: unset!important;
  }

  /* ⑧　エコ・クオリティ */
  .zeh_title_flex {
    flex-wrap: wrap;
  }
  .zeh_title_flex img {
    margin-bottom: 10px;
  }
  .zeh_title_flex p {
    font-size: 24px;
  }
  .zeh_title_flex p span {
    font-size: 16px;
    margin-left: 10px;
  }
  .zeh_subtxt {
    font-size: 14px;
    text-align: left;
  }
  .zeh_kouka_block {
    width: 100%;
    margin-bottom: 30px;
  }
  .zeh_kouka_block .p2_2 {
    line-height: 1.5;
  }
  .zeh_kouka_block .p2_4 {
    line-height: 1;
  }
  .zeh_kouka_block .p3_1 {
    font-size: 20px;
  }
  .zeh_kouka_block .p3_2 {
    font-size: 12px;
    line-height: 1.2;
  }
  .zeh_title_flex2 {
    margin-bottom: 30px;
  }
  .zeh_txt_flex {
    flex-wrap: wrap;
  }
  .zeh_txt_flex_block {
    margin-bottom: 30px;
    width: 100%;
  }
  .zeh_txt_flex_block .txt {
    height: unset;
  }
  .zeh_white_flex {
    margin-bottom: 0;
  }
  .zeh_white_flex_block {
    width: 100%;
    height: unset;
    margin-bottom: 30px;
  }

  /* ⑨ */
  .sec9_top {
    padding: 20px;
  }
  .sec9_top_flex_block {
    width: 100%;
  }
  .sec9_top_flex_block .body_txt {
    height: unset;
  }
  .color_link_flex li {
    width: calc(100% / 2);
  }
  .color_link_flex .parts {
    width: 100%;
  }
  .color_header {
    padding: 15px;
  }
  .color_header .title {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .color_header .title span {
    font-size: 18px;
    display: block;
    margin-left: 0;
  }
  .sec9_color_body {
    padding: 0;
  }
}