@charset "utf-8";

/* new css */
/*===================
高断熱 insulation
===================*/
/* 断熱性能↓===================================== */
.insulation__pic01 {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 952px;
  margin: 0 auto;
}
.insulation__notes {
  margin-top: 20px;
  font-size: clamp(10px, 0.8125vw, 13px);
  line-height: 1.8461;
}
/* 断熱性能↑===================================== */

/* 3つの高断熱↓===================================== */
.insulation__point {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.insulation__pointContainer {
  width: 60%;
}

.insulation__pointPic02 {
  width: 36%;
  margin-top: -14%;
}
.insulation__pointPic01 {
  width: 100%;
  margin-top: 15px;
}
.insulation__pointBox {
  margin-bottom: clamp(20px, 2.5vw, 40px);
}
.insulation__pointHeadingBox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1vw;
}
.insulation__pointNum {
  max-width: 61px;
  /* width: 9vw; */
}
.insulation__pointHeading {
  font-size: clamp(22px, 1.625vw, 26px);
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #00469b;
}
.insulation__pointTxtBox {
  padding-left: 78px;
}
.insulation__pointSubHeading {
  margin-bottom: 10px;
  font-size: clamp(14px, 1.0625vw, 17px);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.59;
}

/* 3つの高断熱↑===================================== */

/* 高性能サッシ↓===================================== */
.insulation__sashHeading {
  font-size: clamp(18px, 1.3125vw, 21px);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.765;
}
.insulation__sash01 {
  margin: clamp(15px, 1.3125vw, 21px) 0 clamp(40px, 4.375vw, 70px);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.insulation__sash02 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.insulation__sashPic01 {
  width: 43%;
}
.insulation__sashPic02 {
  width: 54%;
}
.insulation__sashLeft {
  width: 45%;
}
.insulation__sashRight {
  width: 51%;
}
/* 高性能サッシ↑===================================== */

/* 室温と体感温度の違い↓===================================== */
.insulation__differenceHeading01 {
  font-size: clamp(18px, 1.3125vw, 21px);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.765;
}
.insulation__differenceHeading02 {
  margin-bottom: 10px;
  font-size: clamp(14px, 1.0625vw, 17px);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.59;
}
.insulation__differencePic01 {
  max-width: 259px;
  margin: 0 auto clamp(18px, 1.3125vw, 21px);
}
.insulation__difference01 {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.insulation__difference02 {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.insulation__differencePic02 {
  width: 45%;
  max-width: 385px;
}
.insulation__differencePic03 {
  width: 47%;
  max-width: 408px;
}
.insulation__differencePic04 {
  width: 50%;
  max-width: 450px;
}
.insulation__differencePic05 {
  width: 50%;
  max-width: 450px;
}
.insulation__differenceNotes {
  margin-bottom: clamp(40px, 4.375vw, 70px);
  font-size: 10px;
  line-height: 1.8;
}
.insulation .aboutDesign__catchBig::after {
  width: 14%;
  padding-top: 15%;
  top: -53%;
  right: -28%;
}
.insulation .aboutDesign__catchBig::before {
  width: 14%;
  padding-top: 15%;
  top: -23%;
  left: -28%;
}
/* 室温と体感温度の違い↑===================================== */

@media screen and (max-width: 1100px) {
  /* 3つの高断熱↓===================================== */
  .insulation__point {
    flex-direction: column;
  }
  .insulation__pointContainer {
    width: 100%;
  }
  .insulation__pointPic02 {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
  /* 3つの高断熱↑===================================== */

  /* 室温と体感温度の違い↓===================================== */

  .insulation__differencePic01 {
    margin-top: 15px;
  }

  /* 室温と体感温度の違い↑===================================== */
}
@media screen and (max-width: 750px) {
  /* 3つの高断熱↓===================================== */
  .insulation__pointHeadingBox {
    margin-bottom: 10px;
  }
  .insulation__pointNum {
    width: 44px;
  }
  .insulation__pointTxtBox {
    padding-left: 0;
  }
  /* 3つの高断熱↑===================================== */

  /* 高性能サッシ↓===================================== */

  .insulation__sash01 {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 6vw;
  }
  .insulation__sash02 {
    flex-direction: column;
    row-gap: 6vw;
  }
  .insulation__sashPic01 {
    width: 100%;
    max-width: 300px;
  }
  .insulation__sashPic02 {
    width: 100%;
    max-width: 340px;
  }
  .insulation__sashLeft {
    width: 100%;
  }
  .insulation__sashRight {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
  /* 高性能サッシ↑===================================== */

  /* 室温と体感温度の違い↓===================================== */
  .insulation__difference01 {
    flex-direction: column;
    align-items: center;
    row-gap: 5vw;
  }
  .insulation__difference02 {
    flex-direction: column;
    align-items: center;
    row-gap: 5vw;
  }
  .insulation__differencePic02 {
    width: 100%;
  }
  .insulation__differencePic03 {
    width: 100%;
  }
  .insulation__differencePic04 {
    width: 100%;
  }
  .insulation__differencePic05 {
    width: 100%;
  }
  /* 室温と体感温度の違い↑===================================== */
}

/*===================
  高気密 highAirtightness
  ===================*/
.highAirtightness sup {
  top: -1.5em;
  font-size: 35%;
}
.highAirtightness__pic01 {
  max-width: 895px;
  margin-left: auto;
  overflow-x: auto;
}
.highAirtightness__pic01 .img {
  min-width: 560px;
  overflow-x: auto;
}
.highAirtightness__pic02 {
  width: 49%;
}
/* .highAirtightness__pic04 {
    width: 100%;
    overflow-x: auto;
  }
  .highAirtightness__pic04 .img {
    min-width: 680px;
    overflow-x: auto;
  } */
.highAirtightness__leftBox {
  width: 49%;
}
.highAirtightness__rightBox {
  width: 36.5%;
}

/* 全棟気密測定↓===================================== */
.highAirtightness__measure {
  max-width: 577px;
  margin: 0 auto;
}
.highAirtightness__measurePic01 {
  width: 100%;
  margin-bottom: 32px;
}
.highAirtightness__measureHeading {
  margin-bottom: 10px;
  font-size: clamp(18px, 1.3125vw, 21px);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.765;
}
.highAirtightness__measureTxt {
  margin-top: 20px;
  font-size: 12px;
  line-height: 2;
}

/* 全棟気密測定↑===================================== */

@media screen and (max-width: 1100px) {
  .highAirtightness__pic02 {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  .highAirtightness__leftBox {
    width: 100%;
  }
  .highAirtightness__rightBox {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
}

/*===================
  換気システム ventilation
  ===================*/
.ventilation__leftBox {
  width: 49%;
}
.ventilation__rightBox {
  width: 49%;
}
.ventilation__pic01 {
  width: 80%;
}
/* 断熱性能↓===================================== */
.ventilation__perf {
  padding-bottom: 44px;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.ventilation__perfPic01 {
  width: 49%;
}
.ventilation__perfPic01 .img {
  max-width: 540px;
}
.ventilation__perfPic02 {
  width: 49%;
}
.ventilation__perfPic02 .img {
  max-width: 538px;
}
.ventilation__point {
  max-width: 97%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.ventilation__pointBox {
  width: 47%;
  padding: 30px 0;
}
.ventilation__pointBox.bb {
  border-bottom: 1px dashed #231815;
}
.ventilation__pointHeading {
  max-width: 435px;
  margin-bottom: 15px;
}
.ventilation__pointTxt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.857;
}
/* 断熱性能↑===================================== */
@media screen and (max-width: 1100px) {
  .ventilation__leftBox {
    width: 100%;
  }
  .ventilation__rightBox {
    width: 100%;
  }
  .ventilation__pic01 {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  /* 断熱性能↓===================================== */
  .ventilation__perf {
    flex-direction: column;
    row-gap: 4vw;
  }
  .ventilation__perfPic01 {
    width: 100%;
    max-width: 430px;
  }
  .ventilation__perfPic01 .img {
    max-width: none;
  }
  .ventilation__perfPic02 {
    width: 100%;
    max-width: 430px;
  }
  .ventilation__perfPic02 .img {
    max-width: none;
  }
  .ventilation__point {
    max-width: 100%;
    flex-direction: column;
  }
  .ventilation__pointBox {
    width: 100%;
    border-bottom: 1px dashed #231815;
  }
  .ventilation__pointBox:last-of-type {
    border-bottom: none;
  }

  .ventilation__pointHeading {
    max-width: 300px;
  }

  /* 断熱性能↑===================================== */
}

/*===================
  太陽光発電 plus
  ===================*/
.plus__txt01 {
  margin-bottom: 10px;
  font-size: clamp(16px, 1.5625vw, 25px);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.plus__txt02 {
  max-width: 1102px;
  margin: 0 auto 20px;
  padding: 3px 15px;
  background: #58a3ba;
  font-size: clamp(18px, 2.0625vw, 33px);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  color: #fff;
}
.plus__txt03 {
  font-size: clamp(15px, 1.5vw, 24px);
  font-weight: 700;
  line-height: 1.885;
  text-align: center;
}
.plus__txt04 {
  font-size: clamp(25px, 4.0625vw, 65px);
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}
.plus__txt04 .num {
  font-family: "Poppins", sans-serif;
  font-size: clamp(35px, 8.3125vw, 133px);
  font-weight: 600;
  color: #58a3ba;
}
.zeh__pic {
  padding-top: clamp(35px, 8.3125vw, 133px);
  max-width: 1101px;
  width: 92%;
  margin: 0 auto clamp(35px, 8.3125vw, 133px);
}
@media screen and (max-width: 750px) {
  .zeh__pic .img {
    min-width: 560px;
    overflow-x: auto;
  }
}