.p-mv {
  position: relative;
}

.p-mv__text-area {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-mv__text-area {
    top: 60%;
  }
}

.p-mv__heading {
  font-size: clamp(32px, 2.882vw, 48px);
  color: #afa17a;
}
@media screen and (max-width: 768px) {
  .p-mv__heading {
    font-size: clamp(20px, 6.667vw, 30px);
  }
}

.p-mv__text {
  font-size: clamp(12.8px, 1.153vw, 19.2px);
  margin-top: 50px;
  line-height: 2;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-mv__text {
    font-size: clamp(9.6px, 3.2vw, 14.4px);
    margin-top: 10px;
    line-height: 2.5;
  }
}

.p-bg {
  background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#545454));
  background: linear-gradient(0, #000 0%, #545454 100%);
  padding-block: 100px;
}
@media screen and (max-width: 768px) {
  .p-bg {
    padding-block: 50px;
  }
}

.p-section + .p-section {
  margin-top: 80px;
}

.c-section-heading {
  text-align: center;
  color: #afa17a;
  font-size: clamp(24px, 2.161vw, 36px);
}
@media screen and (max-width: 768px) {
  .c-section-heading {
    font-size: clamp(16px, 5.333vw, 24px);
  }
}
.c-section-heading span {
  font-size: clamp(40px, 3.602vw, 60px);
}
@media screen and (max-width: 768px) {
  .c-section-heading span {
    font-size: clamp(24px, 8vw, 36px);
  }
}

.c-section-text {
  margin-top: 50px;
  color: #fff;
  font-size: clamp(12.8px, 1.153vw, 19.2px);
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-section-text {
    font-size: clamp(9.6px, 3.2vw, 14.4px);
    margin-top: 20px;
  }
}

.p-row {
  margin-top: 80px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  padding-bottom: 100px;
  border-bottom: 1px solid #afa17a;
}
@media screen and (max-width: 768px) {
  .p-row {
    margin-top: 50px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 40px;
    padding-bottom: 70px;
  }
}

.p-point__name {
  color: #fff;
  background-color: #7b6e5c;
  text-align: center;
  font-size: clamp(40px, 3.602vw, 60px);
  padding-block: 20px;
}
@media screen and (max-width: 768px) {
  .p-point__name {
    font-size: clamp(32px, 10.667vw, 48px);
    padding-block: 15px;
  }
}

.p-point__text {
  text-align: center;
  font-size: clamp(11.2px, 1.009vw, 16.8px);
  margin-top: 10px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-point__text {
    font-size: clamp(11.2px, 3.733vw, 16.8px);
  }
}

.p-option {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .p-option {
    margin-top: 70px;
  }
}

.p-option__copy {
  color: #afa17a;
  line-height: 2;
  font-size: clamp(24px, 2.161vw, 36px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-option__copy {
    font-size: clamp(16px, 5.333vw, 24px);
  }
}

.p-option__img {
  margin-top: 50px;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.p-result {
  margin-top: 100px;
}

.p-result__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  font-size: clamp(14.4px, 1.297vw, 21.6px);
  color: #afa17a;
}
@media screen and (max-width: 768px) {
  .p-result__heading {
    text-align: center;
    font-size: clamp(11.2px, 3.733vw, 16.8px);
  }
}
.p-result__heading::before, .p-result__heading::after {
  content: "";
  display: block;
  height: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-top: 1px solid #afa17a;
  border-bottom: 1px solid #afa17a;
}

.p-result__copy {
  text-align: center;
  font-size: clamp(14.4px, 1.297vw, 21.6px);
  margin-top: 30px;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-result__copy {
    font-size: clamp(10.4px, 3.467vw, 15.6px);
  }
}
.p-result__copy span {
  font-size: clamp(9.6px, 0.865vw, 14.4px);
  display: block;
}
@media screen and (max-width: 768px) {
  .p-result__copy span {
    font-size: clamp(8px, 2.667vw, 12px);
  }
}

.p-result__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin-top: 50px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-result__row {
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
.p-result__row .res-cap {
  font-size: 11px;
  position: absolute;
  bottom: 2px;
  right: 0;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .p-result__row .res-cap {
    bottom: -15px;
    font-size: 10px;
  }
}

.p-result__img figcaption {
  position: static;
  margin-top: 5px;
  color: #fff;
}
/*# sourceMappingURL=leasehold.css.map */