@charset "utf-8";


/*  l-point
--------------------------------------------------*/
.l-point {
  padding-block: 12.5rem 12.0rem;
}
.point-inner {
  max-width: 1000px;
}
.point-ttl {
  font-size: 3.2rem;
  letter-spacing: .1em;
  color: #ffdc7c;
  text-align: center;
  margin-bottom: 8.0rem;
}
.point-container {
  width: 100%;
}
.point-contents {
  position: relative;
}
.point-contents + .point-contents {
  margin-top: 8.0rem;
}
.point-contents__box {
  position: relative;
}
.point-contents__detail {
  width: 100%;
}
.point-contents__detail__num {
  font-size: 5.2rem;
  letter-spacing: .05em;
  color: #ffdc7c;
  text-align: center;
  overflow: clip;
}
.point-contents__detail__num span {
  position: relative;
  display: block;
  width: fit-content;
  line-height: 1;
  letter-spacing: .05em;
  padding-right: 3.0rem;
}
.point-contents__detail__num span::after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  width: 100vw;
  height: 1px;
  background: #ffdc7c;
  opacity: .5;
}
.point-contents__detail__num i {
  display: block;
  font-size: 1.4rem;
  letter-spacing: .05em;
}
.point-contents__detail__heading {
  font-size: 2.4rem;
  line-height: 2;
  letter-spacing: .1em;
  color: var(--white);
  margin-top: 2.3rem;
}
.point-contents__detail__desc {
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: .1em;
  color: var(--white);
  margin-top: 2.0rem;
}
.point-contents__photo {
  width: 100%;
}
.point-contents__box1 {
  width: calc(520 / 1000 * 100%);
}
.point-contents__box2 {
  width: calc(420 / 1000 * 100%);
}

/*  --- .point-contents1 -----------------   */
.point-contents1 .point-contents__box1 {
  width: calc(460 / 1000 * 100%);
  gap: 5.0rem 0;
}
.point-contents1 .point-contents__photo {
  position: relative;
  z-index: 1;
}
.point-contents1 .point-contents__photo::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  translate: -100% 0;
  margin-top: calc(160 / 460 * 100%);
  width: calc(100 / 460 * 100%);
  aspect-ratio: 100 / 40;
  background: #e2d4af;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  z-index: -1;
}
.point-contents1 .point-contents__box2 {
  width: calc(480 / 1000 * 100%);
}
@media screen and (max-width: 768px){
  .l-point {
    padding-block: 6.5rem 6.0rem;
  }
  .point-inner {
    max-width: 560px;
  }
  .point-ttl {
    font-size: 2.4rem;
    margin-bottom: 2.5rem;
  }
  .point-contents + .point-contents {
    margin-top: 5.0rem;
  }
  .point-contents__detail__num {
    font-size: 3.8rem;
  }
  .point-contents__detail__num span {
    padding-right: 2.3rem;
  }
  .point-contents__detail__num i {
    font-size: 1.0rem;
  }
  .point-contents__detail__heading {
    font-size: 1.9rem;
    margin-top: 2.0rem;
  }
  .point-contents__detail__desc {
    font-size: 1.4rem;
  }
  .point-contents__box1 {
    width: 100%;
  }
  .point-contents__box2 {
    width: 100%;
    margin-top: calc(35 / 320 * 100%);
  }

  /*  --- .point-contents1 -----------------   */
  .point-contents1 .point-contents__box1 {
    width: 100%;
    gap: 3.5rem 0;
    flex-direction: row;
  }
  .point-contents1 .point-contents__photo::before {
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
    translate: 0 100%;
    margin-top: 0;
    margin-right: calc(40 / 320 * 100%);
    width: calc(20 / 320 * 100%);
    aspect-ratio: 20 / 50;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
  }
  .point-contents1 .point-contents__box2 {
    width: 100%;
  }
}





/*  l-plan
--------------------------------------------------*/
.l-plan {
  padding-block: 12.5rem 12.0rem;
}
.plan-ttl {
  font-size: 3.2rem;
  letter-spacing: .1em;
  text-align: center;
  margin-bottom: 8.0rem;
}
.plan-container {
  position: relative;
}
.plan-detail {
  width: 100%;
}
.plan-detail__info {
  width: calc(400 / 1200 * 100%);
}
.plan-detail__info__type {
  font-size: 8.2rem;
  letter-spacing: .05em;
  padding-bottom: 3.0rem;
  margin-bottom: 2.0rem;
  border-bottom: solid 1px rgba(75, 61, 27, .4);
}
.plan-detail__info__type i {
  font-size: .5em;
  letter-spacing: .05em;
}
.plan-detail__info__spec {
  margin-bottom: 4.0rem;
}
/* LDK */
.plan-detail__info__spec__arrangement {
  font-size: 4.8rem;
  letter-spacing: .05em;
  margin-bottom: 2.5rem;
}
.plan-detail__info__spec__arrangement i {
  font-size: .75em;
  letter-spacing: .05em;
}
/* 住戸専有面積 */
.plan-detail__info__spec__floor {
  margin-bottom: 1.5rem;
}
.plan-detail__info__spec__floor__heading {
  font-size: 1.5rem;
  letter-spacing: .1em;
}
.plan-detail__info__spec__floor__desc {
  font-size: 1.5rem;
  letter-spacing: .1em;
}
.plan-detail__info__spec__floor__desc span {
  font-size: 3.8rem;
  letter-spacing: 0 !important;
}
.plan-detail__info__spec__floor__desc i {
  font-size: .6em;
}
/* バルコニー面積など */
.plan-detail__info__spec__other {
  position: relative;
}
.plan-detail__info__spec__other__item {
  font-size: 1.4rem;
  line-height: 1.45;
  letter-spacing: .1em;
}
.plan-detail__info__spec__other__item + .plan-detail__info__spec__other__item {
  margin-top: .5rem;
}
.plan-detail__info__spec__other__item--light {
  font-size: 1.3rem;
  color: #5f5745;
  margin-top: -.8rem;
  padding-bottom: .8rem;
}
/* MERIT */
.plan-detail__info__merit {
  position: relative;
}
.plan-detail__info__merit__heading {
  font-size: 2.4rem;
  letter-spacing: .1em;
  margin-bottom: 2.0rem;
}
.plan-detail__info__merit__list {
  width: 100%;
}
.plan-detail__info__merit__list__item {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: .05em;
  border-left: solid 4px #e2d4af;
  padding-left: 1.6rem;
  padding-block: 1.4rem;
  background: #fcfbf9;
}
.plan-detail__info__merit__list__item + .plan-detail__info__merit__list__item {
  margin-top: 1.0rem;
}
.plan-detail__madori {
  width: calc(700 / 1200 * 100%);
  padding-block: 8.0rem;
  border: solid 1px #e2d4af;
  background: var(--white);
}
.plan-detail__madori__item {
  position: relative;
  width: calc(100% + 2px);
  margin-left: -1px;
  text-align: center;
}
@media screen and (max-width: 768px){
  .l-plan {
    padding-block: 6.5rem 6.0rem;
  }
  .plan-ttl {
    font-size: 2.4rem;
    margin-bottom: 2.5rem;
  }
  .plan-detail__info {
    width: 100%;
    margin-bottom: 3.0rem;
  }
  .plan-detail__info__type {
    font-size: 6.2rem;
    padding-bottom: 1.0rem;
    margin-bottom: 1.3rem;
  }
  .plan-detail__info__spec {
    margin-bottom: 3.0rem;
  }
  /* LDK */
  .plan-detail__info__spec__arrangement {
    font-size: 3.8rem;
    margin-bottom: 1.5rem;
  }
  /* 住戸専有面積 */
  .plan-detail__info__spec__floor {
    margin-bottom: 1.5rem;
  }
  .plan-detail__info__spec__floor__heading {
    font-size: 1.4rem;
  }
  .plan-detail__info__spec__floor__desc {
    font-size: 1.4rem;
  }
  .plan-detail__info__spec__floor__desc span {
    font-size: 3.2rem;
  }
  /* バルコニー面積など */
  .plan-detail__info__spec__other__item {
    font-size: 1.2rem;
  }
  .plan-detail__info__spec__other__item--light {
    font-size: 1.0rem;
    margin-top: -.8rem;
    padding-bottom: .8rem;
  }
  /* MERIT */
  .plan-detail__info__merit__heading {
    font-size: 2.0rem;
    margin-bottom: 2.0rem;
  }
  .plan-detail__info__merit__list__item {
    font-size: 1.2rem;
    line-height: 1.83333333;
    border-left: solid 2px #e2d4af;
    padding-left: 1.2rem;
    padding-block: 1.0rem;
  }
  .plan-detail__madori {
    width: 100%;
    padding-block: 2.0rem;
  }
}



/*  l-limitedPlan
--------------------------------------------------*/
.l-limitedPlan {
  padding-block: 12.5rem 12.0rem;
}
.limitedPlan-ttl {
  font-size: 3.2rem;
  letter-spacing: .1em;
  color: #ffdc7c;
  text-align: center;
  margin-bottom: 8.0rem;
}
.limitedPlan-container {
  position: relative;
}
.limitedPlan-list {
  max-width: 1040px;
  width: 100%;
  margin-inline: auto;
  gap: 4.0rem;
}
.limitedPlan-list__item {
  width: calc((1040 - 8.0rem) / 3);
}
@media screen and (max-width: 768px){
  .l-limitedPlan {
    padding-block: 6.5rem 6.0rem;
  }
  .limitedPlan-ttl {
    font-size: 2.4rem;
    margin-bottom: 4.0rem;
  }
  .limitedPlan-list {
    gap: 2.0rem;
  }
  .limitedPlan-list__item {
    width: 100%;
  }
}




/*  l-limitedInfo
--------------------------------------------------*/
.l-limitedInfo {
  position: relative;
  padding-block: 12.5rem 12.0rem;
  background : linear-gradient(90deg, rgba(38, 31, 15, 1) 0%, rgba(60, 53, 39, 1) 50%, rgba(38, 31, 15, 1) 100%);
}
.limitedInfo-head {
  position: relative;
  width: 100%;
}
.limitedInfo-head__ttl {
  font-size: 2.4rem;
  letter-spacing: .1em;
  color: #ffdc7c;
  text-align: center;
  margin-bottom: 2.5rem;
}
.limitedInfo-head__heading {
  font-size: 3.6rem;
  line-height: 1.75;
  letter-spacing: .1em;
  color: var(--white);
  text-align: center;
  margin-bottom: 2.3rem;
}
.limitedInfo-head__desc {
  font-size: 1.8rem;
  line-height: 2.5;
  letter-spacing: .1em;
  color: var(--white);
  text-align: center;
  margin-bottom: 2.5rem;
}
.limitedInfo-head__cv {
  gap: 2.0rem 4.0rem;
}
.limitedInfo-head__cv__box {
  width: min(100%,320px);
}
.limitedInfo-head__cv__box__heading {
  font-size: 1.5rem;
  line-height: 1.75;
  letter-spacing: .1em;
  color: var(--white);
  text-align: center;
  margin-bottom: 1.0rem;
}
@media screen and (max-width: 768px){
  .l-limitedInfo {
    padding-block: 6.5rem 6.0rem;
  }
  .limitedInfo-head__ttl {
    font-size: 1.4rem;
    margin-bottom: 2.2rem;
  }
  .limitedInfo-head__heading {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
  }
  .limitedInfo-head__desc {
    font-size: 1.5rem;
    line-height: 2;
    margin-bottom: 3.0rem;
  }
  .limitedInfo-head__cv__box {
    width: 100%;
  }
  .limitedInfo-head__cv__box__heading {
    font-size: 1.2rem;
    margin-bottom: .5rem;
  }
}