@charset "utf-8";

#wrap {
  background: none;
}

.page-heading span:nth-of-type(n+2):nth-of-type(-n+7) {
  color: #888754;
}
.page-heading span:nth-of-type(3) {
  font-family: "Cinzel", "Shippori Mincho", serif;
  font-size: 1.3em;
}
.page-heading.active::after {
  content: none;
}


._2ldk {
  padding-top: 125px;
}

._2ldk .colored {
  color: #888754;
}

._2ldk hr {
  color: #231815;
  max-width: 900px;
  border-left: 0;
  border-bottom: 0;
  border-top: 1px solid;
  margin-block: 60px;
}


._2ldk__nav {
  align-items: stretch;
  padding-block: 125px;
}

._2ldk__nav__item {
  width: 336px;
  text-align: center;
  background-color: #f1f1ea;
  box-shadow: 15px 15px #dbdbcc;
}

._2ldk__nav__pointNum {
  font-size: clamp(18px, calc(41 / 1920 * 100vw), 52px);
  line-height: 1;
  margin-top: -.4em;
  color: #888754;
  transform: skewX(-10deg);
}

._2ldk__nav__pointNum .num {
  font-size: 200%;
}

._2ldk__nav__text {
  padding-block: 20px;
  font-size: clamp(14px, calc(30 / 1920 * 100vw), 40px);
  line-height: 1.9;
}

._2ldk__nav__text.line2 {
  padding-top: calc(20px + 0.8em);
}




/* Point common */

._2ldk__point__common__pointNum {
  font-size: clamp(24px, calc(42 / 1920 * 100vw), 52px);
  line-height: 1;
  margin-top: -.4em;
  color: #888754;
  transform: skewX(-10deg);
}

._2ldk__point__common__pointNum .num {
  font-size: 200%;
}

._2ldk__point__common__title {
  font-size: clamp(24px, calc(40 / 1920 * 100vw), 40px);
  line-height: 2;
  margin-top: 80px;
}

._2ldk__point__common__text {
  text-align: center;
  font-size: clamp(14px, calc(22 / 1920 * 100vw), 22px);
  line-height: 2;
}




/* Point 01 */

._2ldk__point01 {
  background-color: #f1f1ea;
  padding-top: 180px;
}

._2ldk__point01__body__title {
  font-size: clamp(16px, calc(30 / 1920 * 100vw), 34px);
    line-height: 1.9;
    margin-top: 80px;
}

._2ldk__point01__body__image {
    margin-top: 40px;
}

._2ldk__point01__body__graph__title {
  font-size: clamp(16px, calc(28 / 1920 * 100vw), 30px);
    line-height: 1.9;
    margin-top: 80px;
}

._2ldk__point01__body__graph__image {
    margin-top: 40px;
}

._2ldk__point01 .conclude {
  border: 1px solid #888754;
  font-size: clamp(16px, calc(33 / 1920 * 100vw), 33px);
    line-height: 1.9;
    max-width: 1100px;
    margin: 80px auto 0;
    padding: 1em 0;
}




/* Point 02 */

._2ldk__point02 {
  background-color: #f1f1ea;
  padding-top: 180px;
}
._2ldk__point02__body {
  background-color: #ffffff;
  box-shadow: 20px 20px #dbdbcc;
  padding: 80px;
  margin-top: 80px;
}

._2ldk__point02__body__title {
  font-size: clamp(18px, calc(28 / 1920 * 100vw), 32px);
    line-height: 1.9;
}
._2ldk__point02__body__image {
    margin-top: 40px;
}

._2ldk__point02__body__title2 {
  margin-top: 80px;
}
._2ldk__point02__body__desc {
  margin-top: 45px;
}

._2ldk__point02 .conclude {
  font-size: clamp(18px, calc(27 / 1920 * 100vw), 30px);
  line-height: 1.9;
  margin-top: 80px;

}





/* Point 03 */

._2ldk__point03 {
  background-color: #f1f1ea;
  padding-top: 180px;
  padding-bottom: 180px;
}

._2ldk__point03__body {
  background-color: #ffffff;
  box-shadow: 20px 20px #dbdbcc;
  padding: 70px;
  margin-top: 100px;
  position: relative;
}

._2ldk__point03__body::after {
  content: 'Image Photo';
  position: absolute;
  top: 15%;
  right: 0;
  font-size: clamp(8px, calc(15 / 2120 * 100vw), 15px);
  line-height: 1;
  padding: calc(15 / 15 * 1em);
}

._2ldk__point03__body.style1 {
  background-image: url(../img/bg_style1.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 50%;
}

._2ldk__point03__body.style2 {
  background-image: url(../img/bg_style2.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 50%;
}

.style__head__title {
  font-size: clamp(22px, calc(38 / 1920 * 100vw), 42px);
}
.style__head__text {
  font-size: clamp(12px, calc(21 / 1920 * 100vw), 24px);
  line-height: 2;
  margin-top: 1em;
}

.style__body {
  margin-top: 80px;
}

.detail__content__desc {
  justify-content: flex-start;
  align-items: stretch;
  gap: 35px;
}

.detail__content__data {
  align-content: space-between;
}

.detail__content__type {
  border: 1px solid;
  font-size: clamp(24px, calc(67 / 1920 * 100vw), 80px);
  padding: 25px;
  padding-top: 15px;
}

.detail__content__type small {
  font-size: 50%;
}

.detail__content__data1 {
  margin-top: -.6em;
  align-items: baseline;
  justify-content: flex-start;
}
.detail__content__data1__value {
  font-size: clamp(28px, calc(52 / 1920 * 100vw), 58px);
  letter-spacing: .1em;
  margin-right: 35px;
}
.detail__content__data1__value small {
  font-size: 70%;
  margin-left: .08em;
}
.detail__content__data2__heading {
  font-size: clamp(12px, calc(18 / 1920 * 100vw), 20px);
}
.detail__content__data2__value {
  font-size: clamp(33px, calc(60 / 1920 * 100vw), 80px);
  margin-left: .1em;
}
.detail__content__data2__value small {
  font-size: 70%;
}
.detail__content__data2__value small small {
  font-size: clamp(14px, calc(18 / 1920 * 100vw), 20px);
}

.detail__content__data3 {
  justify-content: flex-start;
  gap: 1em;
  font-size: clamp(14px, calc(18 / 1920 * 100vw), 18px);
  line-height: 1.4;
  margin-top: 1.6em;
  margin-bottom: calc((1.4 - 1) / 2 * -1em);
  border-top: 1px solid;
  padding: 1.2em 2em 0 0;
}
.detail__content__data3__item {
  box-sizing: border-box;
  padding-left: 1.25em;
  text-indent: -1.25em;
}

.detail__content__madori {
  width: 53.571%;
  margin: 80px auto;
}

.detail__content__madori__figure {
    position: relative;
}

.detail__content__madori__figure::after {
  content: '';
  display: block;
  width: 12.808%;
  height: 60px;
  background-image: url(../img/img_directionmark.svg);
  background-position: left top;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate( calc(100% + 10px), 0);
}

.style__pointlist__item {
  width: 29.821%;
}

.style__pointlist__item__pointNum {
  font-size: clamp(24px, calc(28 / 1920 * 100vw), 28px);
  margin-top: 0;
  color: #888754;
  transform: skewX(-10deg);
}

.style__pointlist__item__img {
  margin-top: 15px;
}
.style__pointlist__item__title {
  font-size: clamp(18px, calc(22 / 1920 * 100vw), 24px);
  line-height: 1.9;
  margin-top: 15px;
}
.style__pointlist__item__desc {
  font-size: clamp(14px, calc(14 / 1920 * 100vw), 18px);
  line-height: 1.9;
  margin-top: 15px;
  border-top: 1px solid;
  padding-top: 15px;
}


/* conclude */

._2ldk__conclude__copy {
  width: 572px;
  margin: 150px auto 0;
}

._2ldk__conclude__link {
  width: 398px;
  margin: 60px auto 0;
}


@media screen and (max-width: 480px){
  ._2ldk {
    padding-top: 30px;
  }

  ._2ldk__nav {
    width: calc(313 / 380 * 100%);
    justify-content: center;
    gap: 8vw 4vw;
    padding-block: 15vw;
  }
  ._2ldk__nav__item {
    width: 38.947vw;
    box-shadow: 2vw 2vw #dbdbcc;
  }
  ._2ldk__nav__text {
    padding-block: 1em;
  }
  ._2ldk__nav__text.line2 {
    padding-top: calc(1em + 0.8em);
    padding-bottom: calc(1em + 0.8em);
  }


  ._2ldk__point__common__title {
    margin-top: 5vw;
    letter-spacing: .02em;
  }
  ._2ldk hr {
    margin-block: 5vw;
  }
  ._2ldk__point__common__text {
    text-align: initial;
  }


  ._2ldk__point01__body__title {
    margin-top: 10vw;
    letter-spacing: 0;
  }


  ._2ldk__point01 {
    padding-top: 15vw;
  }

  ._2ldk__point01__body__image {
    margin-top: 35px;
    margin-inline: calc(50% - var(--window-half-width));
  }
  ._2ldk__point01__body__image .photo {
    width: 200vw;
    display: grid;
    grid-template-columns: calc((100vw - (296 / 380 * 100vw)) / 2) auto calc((100vw - (296 / 380 * 100vw)) / 2);
  }
  ._2ldk__point01__body__image .photo img {
    grid-column: 2;
  }

  ._2ldk__point01__body__graph__title {
    margin-top: 15vw;
  }
  ._2ldk__point01 .conclude {
    margin: 10vw auto 0;
  }

  ._2ldk__point02 {
      padding-top: 20vw;
  }
  ._2ldk__point02__body {
      box-shadow: 2.5vw 2.5vw #dbdbcc;
      padding: 10vw 0vw;
      margin-top: 10vw;
  }
  ._2ldk__point02__body__title1 {
      letter-spacing: 0;
  }
  ._2ldk__point02__body__image {
      margin-top: 5vw;
  }
  ._2ldk__point02__body__title2 {
      margin-top: 10vw;
      letter-spacing: 0;
  }
  ._2ldk__point02__body__desc {
      margin-top: 5vw;
      padding-inline: 5vw;
      padding-bottom: 2.5vw;
  }
  ._2ldk__point02 .conclude {
      margin-top: 5vw;
  }

  ._2ldk__point03 {
    background-color: #f1f1ea;
    padding-top: 20vw;
    padding-bottom: 20vw;
  }

  ._2ldk__point03__body {
    box-shadow: 2.5vw 2.5vw #dbdbcc;
    padding: 34vw 5vw 5vw;
    margin-top: 10vw;
  }
  ._2ldk__point03__body::after {
    top: 0;
  }

  ._2ldk__point03__body.style1 {
    background-size: 100%;
  }

  ._2ldk__point03__body.style2 {
    background-size: 100%;
  }
  .style__body {
    margin-top: 5vw;
  }

  .detail__content__desc {
    gap: 5vw;
  }
  .detail__content__type {
    padding: .35em;
    padding-top: .25em;
    width: 100%;
    text-align: center;
  }
  .detail__content__data1 {
    justify-content: space-between;
  }
  .detail__content__data1__value {
    letter-spacing: .05em;
    margin-right: auto;
  }

  .detail__content__data2__value small small {
    display: block;
    text-align: right;
  }

  .detail__content__data3 {
    justify-content: center;
    gap: .5em;
    margin-top: 1.6em;
    margin-bottom: calc((1.4 - 1) / 2 * -1em);
    padding: 1.2em 0 0 0;
    width: 100%;
  }
  .detail__content__madori {
    width: 100%;
    margin: 10vw auto;
  }
  .detail__content__madori__figure::after {
    position: relative;
    bottom: -2.5vw;
    right: 0;
    transform: none;
    width: 100%;
    height: 7.811vw;
    background-position: top right;
  }

  ul.style__pointlist.flex {
    display: block;
  }

  .style__pointlist__item {
    width: 100%;
    margin-bottom: 7.5vw;
  }

  .style__pointlist__item__pointNum {
    text-align: center;
  }





  ._2ldk__conclude__copy {
    width: 100%;
    margin: 15vw auto 0;
  }

  ._2ldk__conclude__link {
    width: 100%;
    margin: 7.5vw auto 0;
  }
}