@charset "UTF-8";
.iedukuri-kodawari picture,
.iedukuri-kodawari img {
  display: block;
}
.iedukuri-kodawari p,
.iedukuri-kodawari h1,
.iedukuri-kodawari h2,
.iedukuri-kodawari h3,
.iedukuri-kodawari li,
.iedukuri-kodawari th,
.iedukuri-kodawari td,
.iedukuri-kodawari span,
.iedukuri-kodawari a {
  color: #313639;
}
.iedukuri-kodawari .iedukuri-bottom-menu {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari .iedukuri-bottom-menu {
    margin-top: 80px;
  }
}

.iedukuri-kodawari-mv__area {
  padding-top: 3.8vw;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-mv__area {
    padding-top: 1.3333333333vw;
  }
}

.iedukuri-kodawari-grade__area {
  margin-top: 174px;
  container-type: inline-size;
  container-name: grade-area;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-grade__area {
    margin-top: 70px;
  }
}

.iedukuri-kodawari-grade__title {
  margin-inline: auto;
  width: 100%;
  max-width: 309.3px;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-grade__title {
    max-width: 180px;
  }
}

.iedukuri-kodawari-grade__subtitle {
  margin-top: 19px;
  font-size: 1.395rem;
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-grade__subtitle {
    margin-top: 7px;
    font-size: 1.1538461538rem;
  }
}

.iedukuri-kodawari-grade__table-text {
  display: none;
  font-size: 0.8125rem;
  text-align: center;
  margin-top: 15px;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 20px;
  margin-inline: auto;
  background-color: var(--color-beige01);
}
@container grade-area (max-width: 1255px) {
  .iedukuri-kodawari-grade__table-text {
    display: block;
  }
}

.iedukuri-kodawari-grade__table-wrap {
  overflow-x: auto;
  margin-top: 65px;
}
.iedukuri-kodawari-grade__table-wrap::before {
  content: "";
  position: sticky;
  left: 0;
  top: 0;
  width: 250px; /* ← 1列目＋2列目の幅に合わせて調整 */
  height: 100%;
  background-color: var(--color-yellow04);
  z-index: 10;
  pointer-events: none;
}
@container grade-area (max-width: 1308px) {
  .iedukuri-kodawari-grade__table-wrap {
    padding-inline: 20px;
  }
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-grade__table-wrap {
    margin-top: 10px;
  }
}

.iedukuri-kodawari-grade__table {
  border-collapse: separate;
  border-spacing: 0 7px;
  margin-inline: auto;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-grade__table {
    border-spacing: 0 5px;
  }
}
.iedukuri-kodawari-grade__table thead .column-header {
  font-size: 1.395rem;
  font-weight: 500;
  text-align: center;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-grade__table thead .column-header {
    font-size: 1.1538461538rem;
    padding-bottom: 2px;
  }
}
.iedukuri-kodawari-grade__table tbody {
  position: relative;
}
.iedukuri-kodawari-grade__table tbody::before {
  content: "";
  width: 1px;
  height: calc(100% + 5px);
  background-color: var(--color-gray12);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.iedukuri-kodawari-grade__table tbody .row-header {
  background-color: var(--color-yellow04);
  border-radius: 30px 0 0 30px;
  color: var(--color-white01);
  font-size: 1.395rem;
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
  padding-inline: 10px;
  min-width: 242px;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-grade__table tbody .row-header {
    font-size: 1.0769230769rem;
    min-width: 125px;
  }
}
.iedukuri-kodawari-grade__table tbody .row-header-3 {
  min-width: 0;
  border-right: 3px solid var(--color-yellow04) !important;
}
.iedukuri-kodawari-grade__table tbody .row-header-sub {
  color: var(--color-white01);
  font-size: 1.395rem;
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
  padding-inline: 10px;
  background-color: var(--color-yellow04);
  border-right: 15px solid var(--color-white01);
  position: relative;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-grade__table tbody .row-header-sub {
    font-size: 1.0769230769rem;
    border-right: 10px solid var(--color-white01);
  }
}
.iedukuri-kodawari-grade__table tbody .row-header-sub--ceiling::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--color-yellow04);
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(99%);
}
.iedukuri-kodawari-grade__table tbody .row-header-sub--wall::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-yellow04);
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-99%);
}
.iedukuri-kodawari-grade__table tbody .row-header-sub--wall::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--color-yellow04);
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(99%);
}
.iedukuri-kodawari-grade__table tbody .row-header-sub--floor::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-yellow04);
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-99%);
}
.iedukuri-kodawari-grade__table tbody .detail {
  text-align: center;
  vertical-align: middle;
  height: 111px;
  position: relative;
  min-width: 331px;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-grade__table tbody .detail {
    min-width: 280px;
    height: 85px;
  }
}
.iedukuri-kodawari-grade__table tbody .detail::before {
  content: "";
  width: 80%;
  height: 1px;
  background-color: var(--color-gray12);
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translate(-50%, -2.5px);
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-grade__table tbody .detail::before {
    bottom: -6px;
  }
}
.iedukuri-kodawari-grade__table tbody .detail::after {
  content: "";
  width: 1px;
  height: calc(100% + 5px);
  background-color: var(--color-gray12);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.iedukuri-kodawari-grade__table tbody .detail p {
  text-align: center;
  font-size: 1.0714285714rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-grade__table tbody .detail p {
    font-size: 1.0769230769rem;
    line-height: 1.4;
  }
}
.iedukuri-kodawari-grade__table tbody .detail .box {
  display: inline-block;
  border: 1px solid #313639;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 90px;
  padding: 3px 10px 2px;
  margin-bottom: 5px;
  line-height: 1.45;
  font-size: 0.9285714286rem;
}
.iedukuri-kodawari-grade__table tbody .detail .box--g2::before {
  content: "※GX志向型住宅";
  font-size: 0.7142857143rem;
  font-weight: 500;
  color: #313639;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateX(108%);
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-grade__table tbody .detail .box--g2::before {
    font-size: 0.7692307692rem;
  }
}

/* 左側の固定列（断熱グレード・断熱・玄関ドア・サッシ・換気システム） */
.iedukuri-kodawari-grade__table tbody .row-header,
.iedukuri-kodawari-grade__table tbody .row-header-sub {
  position: sticky;
  left: 0;
  z-index: 20; /* 内容より前に出す */
  background-color: var(--color-yellow04);
  border-right: 2px solid var(--color-white01);
  overflow: hidden; /* ← これが重要。丸角外のはみ出しを隠す */
}

/* 2列目（天井・壁・床の小見出し）も固定 */
.iedukuri-kodawari-grade__table tbody .row-header-sub {
  left: 121px;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-grade__table tbody .row-header-sub {
    left: 63px;
    z-index: 6;
  }
}

/* sticky の見出しがスクロール内容を完全に隠すための背景レイヤー */
.iedukuri-kodawari-grade__table tbody .row-header::before,
.iedukuri-kodawari-grade__table tbody .row-header-sub::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-yellow04);
  z-index: -1; /* テキストより後ろ、スクロール内容より前 */
  border-radius: inherit;
}

.iedukuri-kodawari-grade__table tbody .row-header {
  z-index: 20;
}

.iedukuri-kodawari-grade__table tbody .row-header-sub {
  z-index: 21;
}

@media screen and (min-width: 1190px) {
  .iedukuri-kodawari-grade__mask {
    display: none;
  }
}
@media screen and (max-width: 1189px) {
  .iedukuri-kodawari-grade__mask {
    display: block;
    position: absolute;
    left: 0;
    top: 208px;
    width: 260px; /* ← 見出し2列分の幅に合わせる */
    height: 79%;
    background-color: #fff;
    z-index: 15; /* sticky 見出しより後ろ、内容より前 */
    pointer-events: none;
  }
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-grade__mask {
    top: 130px;
    width: 145px;
    height: 78%;
  }
}

.iedukuri-kodawari-grade-annotation__text {
  padding-inline: 20px;
  font-size: 1.1157142857rem;
  margin-inline: auto;
  width: 100%;
  max-width: 1275px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-grade-annotation__text {
    font-size: 0.9230769231rem;
  }
}

.iedukuri-kodawari-point__area {
  margin-top: 180px;
  padding-inline: 20px;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point__area {
    margin-top: 50px;
  }
}

.iedukuri-kodawari-point__title {
  font-size: 2.42rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point__title {
    font-size: 1.9230769231rem;
  }
}

.iedukuri-kodawari-point__link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
  justify-content: center;
  margin-inline: auto;
  width: 100%;
  max-width: 1044px;
  margin-top: 35px;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point__link-list {
    max-width: 450px;
    gap: 10px;
  }
}

.iedukuri-kodawari-point__link-item {
  width: 100%;
  max-width: 246px;
  height: 240px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point__link-item {
    max-width: 105px;
    height: 100px;
  }
}
.iedukuri-kodawari-point__link-item--snow {
  background-image: url("/img/iedukuri-kodawari-point-link-bg01.webp");
}
.iedukuri-kodawari-point__link-item--insulation {
  background-image: url("/img/iedukuri-kodawari-point-link-bg01.webp");
}
.iedukuri-kodawari-point__link-item--airtightness {
  background-image: url("/img/iedukuri-kodawari-point-link-bg01.webp");
}
.iedukuri-kodawari-point__link-item--earthquake-preparedness {
  background-image: url("/img/iedukuri-kodawari-point-link-bg01.webp");
}
.iedukuri-kodawari-point__link-item--foundation {
  background-image: url("/img/iedukuri-kodawari-point-link-bg01.webp");
}
.iedukuri-kodawari-point__link-item--ventilation {
  background-image: url("/img/iedukuri-kodawari-point-link-bg01.webp");
}
.iedukuri-kodawari-point__link-item--check {
  background-image: url("/img/iedukuri-kodawari-point-link-bg01.webp");
}

.iedukuri-kodawari-point__link {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.5635714286rem;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point__link {
    font-size: 1rem;
    gap: 0;
  }
}
.iedukuri-kodawari-point__link .arrow {
  width: 13px;
  aspect-ratio: 1/1;
  border-width: 0 2px 2px 0;
  border-color: #313639;
  border-style: solid;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point__link .arrow {
    width: 10px;
    border-width: 0 1px 1px 0;
  }
}

.iedukuri-kodawari-point-content__area {
  margin-top: 189px;
  display: flex;
  flex-direction: column;
  gap: 182px;
}
@media screen and (max-width: 991px) {
  .iedukuri-kodawari-point-content__area {
    margin-top: 130px;
  }
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__area {
    margin-top: 90px;
    gap: 70px;
  }
}

.iedukuri-kodawari-point-content__wrap {
  margin-inline: auto;
  width: 100%;
  max-width: 1375px;
  background-color: #f3f3f3;
  position: relative;
  padding: 69px 20px 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__wrap {
    padding: 45px 20px 0;
  }
}
.iedukuri-kodawari-point-content__wrap--snow .iedukuri-kodawari-point-content-icon__img-wrap {
  width: 100%;
  max-width: 67px;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__wrap--snow .iedukuri-kodawari-point-content-icon__img-wrap {
    max-width: 47px;
  }
}
.iedukuri-kodawari-point-content__wrap--insulation .iedukuri-kodawari-point-content-icon__img-wrap {
  width: 100%;
  max-width: 85.94px;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__wrap--insulation .iedukuri-kodawari-point-content-icon__img-wrap {
    max-width: 65.94px;
  }
}
.iedukuri-kodawari-point-content__wrap--airtightness .iedukuri-kodawari-point-content-icon__img-wrap {
  width: 100%;
  max-width: 91px;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__wrap--airtightness .iedukuri-kodawari-point-content-icon__img-wrap {
    max-width: 71px;
  }
}
.iedukuri-kodawari-point-content__wrap--earthquake-preparedness .iedukuri-kodawari-point-content-icon__img-wrap {
  width: 100%;
  max-width: 85px;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__wrap--earthquake-preparedness .iedukuri-kodawari-point-content-icon__img-wrap {
    max-width: 65px;
  }
}
.iedukuri-kodawari-point-content__wrap--foundation .iedukuri-kodawari-point-content-icon__img-wrap {
  width: 100%;
  max-width: 146.88px;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__wrap--foundation .iedukuri-kodawari-point-content-icon__img-wrap {
    max-width: 106.88px;
  }
}
.iedukuri-kodawari-point-content__wrap--ventilation .iedukuri-kodawari-point-content-icon__img-wrap {
  width: 100%;
  max-width: 74px;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__wrap--ventilation .iedukuri-kodawari-point-content-icon__img-wrap {
    max-width: 54px;
  }
}
.iedukuri-kodawari-point-content__wrap--check .iedukuri-kodawari-point-content-icon__img-wrap {
  width: 100%;
  max-width: 62px;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__wrap--check .iedukuri-kodawari-point-content-icon__img-wrap {
    max-width: 42px;
  }
}
.iedukuri-kodawari-point-content__wrap .page-anchor {
  position: absolute;
  top: -100px;
}

.iedukuri-kodawari-point-content-icon__img-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.iedukuri-kodawari-point-content__title {
  font-size: 4.0735714286rem;
  font-weight: 300;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__title {
    font-size: 2.3076923077rem;
  }
}

.iedukuri-kodawari-point-content__inner {
  margin-inline: auto;
  width: 100%;
  max-width: 1190px;
  display: flex;
  gap: 6.8669527897%;
  align-items: center;
  justify-content: center;
  margin-top: 65px;
  container-type: inline-size;
}
@media screen and (max-width: 991px) {
  .iedukuri-kodawari-point-content__inner {
    flex-direction: column;
    gap: 30px;
    align-items: center;
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__inner {
    margin-top: 20px;
  }
}

.iedukuri-kodawari-point-content__img-area {
  flex-shrink: 0;
  width: 42.5823529412%;
  padding-left: 2.6890756303cqw;
}
@media screen and (max-width: 991px) {
  .iedukuri-kodawari-point-content__img-area {
    width: 100%;
    padding-left: 0;
    max-width: 625.78px;
  }
}
.iedukuri-kodawari-point-content__img-area a {
  display: block;
  width: 100%;
  height: 100%;
}

.iedukuri-kodawari-point-content__img-wrap {
  width: 100%;
}
.iedukuri-kodawari-point-content__img-wrap > img {
  width: 100%;
  height: auto;
}

.iedukuri-kodawari-point-content__img-text {
  font-size: 0.8371428571rem;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__img-text {
    font-size: 0.8461538462rem;
  }
}

.iedukuri-kodawari-point-content__text-area {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 53.7150214592%;
}
@media screen and (max-width: 991px) {
  .iedukuri-kodawari-point-content__text-area {
    width: 100%;
    max-width: 625.78px;
  }
}

.iedukuri-kodawari-point-content__text {
  font-size: 1.0042857143rem;
  line-height: 1.6;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__text {
    font-size: 1.0769230769rem;
  }
}
.iedukuri-kodawari-point-content__text span {
  font-size: 1.0042857143rem;
  line-height: 1.6;
  text-align: justify;
}
.iedukuri-kodawari-point-content__text .bold {
  font-weight: 700;
  display: block;
}
.iedukuri-kodawari-point-content__text .left-space {
  padding-left: 16px;
  display: block;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__text .left-space {
    padding-left: 0;
  }
}
.iedukuri-kodawari-point-content__text .small {
  font-size: 0.8571428571rem;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__text .small {
    font-size: 0.9230769231rem;
  }
}

.iedukuri-kodawari-point-content__text--bg {
  background-color: var(--color-white01);
  border-radius: 11.72px;
  padding: 10px 20px;
  width: 104%;
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__text--bg {
    width: 100%;
    padding: 10px 15px;
  }
}

.iedukuri-kodawari-point-content__link-area {
  margin-inline: auto;
  width: 100%;
  max-width: 1250px;
  display: flex;
  gap: 33px;
  justify-content: flex-end;
  align-items: flex-end;
  height: 55.47px;
  margin-top: 5px;
}
@media screen and (max-width: 991px) {
  .iedukuri-kodawari-point-content__link-area {
    margin-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  .iedukuri-kodawari-point-content__link-area {
    height: 45px;
    margin-top: 25px;
    gap: 15px;
  }
}

.iedukuri-kodawari-point-content__link {
  height: 100%;
  width: auto;
}
.iedukuri-kodawari-point-content__link img {
  width: auto;
  height: 100%;
}

.iedukuri-kodawari-point-content__video {
  cursor: pointer;
}

.iedukuri-kodawari-point-content__video iframe {
  width: 100%;
  aspect-ratio: 7/5;
  display: block;
}

.iedukuri-bottom-menu-line-img {
  display: inline !important;
}/*# sourceMappingURL=contents2.css.map */