@charset "UTF-8";
/*----------------------------------------

	leasehold CSS

-----------------------------------------*/
@media screen and (max-width: 768px) {
  .c-title--page--full__inner {
    gap: min(15.467vw, 69.6px);
  }
}
@media screen and (max-width: 768px) {
  .c-title--page--full__title--sub {
    letter-spacing: 0.23em;
  }
}

.content-box__wrap {
  max-width: min(85.591vw, 1425.6px);
  padding-inline: 0;
}
.content-box__text--large {
  font-size: min(1.801vw, 30px);
  letter-spacing: 0.15em;
  line-height: 2;
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
}
@media screen and (max-width: 768px) {
  .content-box__text--large {
    font-size: clamp(16px, 5.333vw, 24px);
  }
}
.content-box__text--medium {
  font-size: min(1.441vw, 24px);
  color: #9b8566;
  line-height: 1.75;
  letter-spacing: 0.06em;
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
}
@media screen and (max-width: 768px) {
  .content-box__text--medium {
    font-size: clamp(14.4px, 4.8vw, 21.6px);
  }
}
.content-box__text--medium span {
  font-size: min(1.009vw, 16.8px);
}
@media screen and (max-width: 768px) {
  .content-box__text--medium span {
    font-size: clamp(9.6px, 3.2vw, 14.4px);
  }
}
.content-box__text--small {
  margin-top: min(2.45vw, 40.8px);
  font-size: min(1.153vw, 19.2px);
  letter-spacing: 0.15em;
  line-height: 2.5;
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
}
@media screen and (max-width: 768px) {
  .content-box__text--small {
    margin-top: clamp(20.8px, 6.933vw, 31.2px);
    font-size: clamp(10.4px, 3.467vw, 15.6px);
    line-height: 2.15;
  }
}
.content-box__text--ss {
  font-size: min(1.009vw, 16.8px);
  color: #333;
  line-height: 1.79;
  letter-spacing: 0.06em;
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
}
@media screen and (max-width: 768px) {
  .content-box__text--ss {
    font-size: clamp(11.2px, 3.733vw, 16.8px);
  }
}
.content-box__img {
  position: relative;
  width: 100%;
  display: block !important;
}
.content-box__img img {
  width: 100%;
  object-fit: cover;
}
.content-box__img__caption {
  position: absolute;
  bottom: min(0.576vw, 9.6px);
  right: min(0.72vw, 12px);
  margin-top: 0;
  font-weight: 400;
  font-size: min(0.865vw, 14.4px);
  color: #000;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .content-box__img__caption {
    font-size: min(2.133vw, 9.6px);
    bottom: min(1.333vw, 6px);
    right: min(1.867vw, 8.4px);
  }
}

/*----------------------------------------
	structure
-----------------------------------------*/
.structure {
  position: relative;
}
.structure::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: min(23.199vw, 386.4px);
}
@media screen and (max-width: 768px) {
  .structure::before {
    height: 45vw;
  }
}
.structure h3 {
  margin-top: min(5.62vw, 93.6px);
  padding: min(0.72vw, 12px);
  background-color: #9E8E77;
  color: #fff;
  font-size: min(1.801vw, 30px);
  letter-spacing: 0.15em;
  line-height: 2;
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .structure h3 {
    margin-top: min(10.667vw, 48px);
    padding: min(4.8vw, 21.6px);
    font-size: clamp(16px, 5.333vw, 24px);
    line-height: 1.5;
  }
}
.structure .primary p {
  margin-top: min(5.62vw, 93.6px);
  color: #413f40;
  font-size: min(1.441vw, 24px);
  letter-spacing: 0.15em;
  line-height: 2;
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .structure .primary p {
    margin-top: min(7.205vw, 120px);
    font-size: clamp(12.8px, 4.267vw, 19.2px);
    line-height: 1.5;
  }
}
.structure .primary__img {
  margin-top: min(4.323vw, 72px);
  margin-inline: auto;
  width: min(57.637vw, 960px);
  padding: min(2.882vw, 48px);
}
@media screen and (max-width: 768px) {
  .structure .primary__img {
    margin-top: min(7.205vw, 120px);
    padding: min(2.882vw, 48px) 0 min(5.764vw, 96px);
    width: 100%;
  }
}
.structure .primary__img img {
  width: 100%;
}
.structure .primary__table {
  margin-top: min(7.205vw, 120px);
}
.structure .primary__table img {
  width: 100%;
}
.structure .primary.content-box {
  max-width: min(85.591vw, 1425.6px);
  margin-inline: auto;
}
.structure .secondary {
  max-width: min(85.591vw, 1425.6px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(1.729vw, 28.8px);
}
@media screen and (max-width: 768px) {
  .structure .secondary {
    display: block;
  }
}
.structure .secondary .content-box__box {
  margin-top: min(7.205vw, 120px);
  background-color: #d6cfc3;
  padding: min(2.882vw, 48px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .structure .secondary .content-box__box {
    margin-top: min(14.409vw, 240px);
    padding: min(5.333vw, 24px);
  }
}
.structure .secondary .content-box__box .number {
  margin-top: -18%;
  margin-inline: auto;
  width: min(4.323vw, 72px);
  height: min(4.323vw, 72px);
  border-radius: 50%;
  background-color: #9E8E77;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .structure .secondary .content-box__box .number {
    margin-top: min(-14.933vw, -67.2px);
    width: min(16vw, 72px);
    height: min(16vw, 72px);
    padding: auto;
  }
}
.structure .secondary .content-box__box .number p {
  color: #fff;
  font-size: min(2.161vw, 36px);
  line-height: 1.9;
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
  padding-left: min(0.288vw, 4.8px);
}
@media screen and (max-width: 768px) {
  .structure .secondary .content-box__box .number p {
    font-size: clamp(24px, 8vw, 36px);
  }
}
.structure .secondary .content-box__box p {
  margin-top: min(1.441vw, 24px);
  color: #413f40;
  font-size: min(1.441vw, 24px);
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
  line-height: 2;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .structure .secondary .content-box__box p {
    margin-block: min(3.733vw, 16.8px);
    font-size: clamp(16px, 5.333vw, 24px);
    line-height: 1.6;
    letter-spacing: 0.08em;
  }
}
.structure .secondary .content-box__box .note {
  margin-top: min(0.72vw, 12px);
  font-size: min(0.865vw, 14.4px);
  line-height: 1.6;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .structure .secondary .content-box__box .note {
    font-size: clamp(9.6px, 3.2vw, 14.4px);
    text-align: left;
  }
}

/*----------------------------------------
	merit
-----------------------------------------*/
.leasehold_merit {
  margin-top: min(9.15vw, 152.4px);
  background-color: #d6cfc3;
  position: relative;
}
.leasehold_merit::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: min(23.199vw, 386.4px);
}
@media screen and (max-width: 768px) {
  .leasehold_merit::before {
    height: 45vw;
  }
}
@media screen and (max-width: 768px) {
  .leasehold_merit {
    padding-top: min(12.968vw, 216px);
  }
}
.leasehold_merit .primary {
  padding-block: min(9.15vw, 152.4px);
  text-align: center;
}
.leasehold_merit .primary p {
  margin-top: min(5.62vw, 93.6px);
  color: #413f40;
  font-size: min(1.441vw, 24px);
  letter-spacing: 0.15em;
  line-height: 2;
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .leasehold_merit .primary p {
    margin-top: min(7.205vw, 120px);
    font-size: clamp(16px, 5.333vw, 24px);
    line-height: 1.5;
  }
}
.leasehold_merit .primary__img {
  margin-top: min(4.323vw, 72px);
  margin-inline: auto;
  width: min(57.637vw, 960px);
  padding: min(2.882vw, 48px);
}
.leasehold_merit .primary__img img {
  width: 100%;
}
.leasehold_merit .primary.content-box {
  max-width: min(85.591vw, 1425.6px);
  margin-inline: auto;
}
.leasehold_merit .secondary {
  margin-top: min(7.205vw, 120px);
  max-width: min(85.591vw, 1425.6px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(4.323vw, 72px);
}
@media screen and (max-width: 768px) {
  .leasehold_merit .secondary {
    display: block;
  }
}
.leasehold_merit .secondary .content-box__box {
  background-color: #d6cfc3;
}
.leasehold_merit .secondary .content-box__box__ttl {
  display: flex;
}
@media screen and (max-width: 768px) {
  .leasehold_merit .secondary .content-box__box__ttl {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.leasehold_merit .secondary .content-box__box__ttl p {
  margin: 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .leasehold_merit .secondary .content-box__box__ttl p {
    margin-block: min(5.333vw, 24px);
    text-align: center;
    line-height: 1.8;
  }
}
.leasehold_merit .secondary .content-box__box__lead {
  text-align: left;
}
.leasehold_merit .secondary .content-box__box__lead .note {
  margin-top: min(0.72vw, 12px);
  font-size: min(0.865vw, 14.4px);
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .leasehold_merit .secondary .content-box__box__lead .note {
    font-size: clamp(9.6px, 3.2vw, 14.4px);
  }
}
.leasehold_merit .secondary .content-box__box__lead .sub-ttl {
  margin: 0 0 min(0.72vw, 12px) 0;
  font-size: min(1.009vw, 16.8px);
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .leasehold_merit .secondary .content-box__box__lead .sub-ttl {
    font-size: clamp(9.6px, 3.2vw, 14.4px);
  }
}
.leasehold_merit .secondary .content-box__box__lead p {
  margin-top: min(2.161vw, 36px);
  font-size: min(1.009vw, 16.8px);
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
  line-height: 2.4;
  letter-spacing: 0.05em;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .leasehold_merit .secondary .content-box__box__lead p {
    margin-block: min(5.333vw, 24px);
    font-size: clamp(12.8px, 4.267vw, 19.2px);
    line-height: 1.8;
  }
}
.leasehold_merit .secondary .content-box__box__lead p span {
  font-size: min(0.576vw, 9.6px);
  vertical-align: top;
}
.leasehold_merit .secondary .content-box__box .number {
  margin-right: min(2.161vw, 36px);
  padding: 0;
  width: min(5.764vw, 96px);
  height: min(5.764vw, 96px);
  border-radius: 50%;
  background-color: #413F40;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .leasehold_merit .secondary .content-box__box .number {
    margin: min(13.333vw, 60px) auto 0;
    width: min(21.333vw, 96px);
    height: min(21.333vw, 96px);
  }
}
.leasehold_merit .secondary .content-box__box .number p {
  margin-top: min(1.441vw, 24px);
  text-align: center;
  color: #fff;
  font-size: min(0.793vw, 13.2px);
  line-height: 0.8;
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
  color: #CFB884;
}
.leasehold_merit .secondary .content-box__box .number p + p {
  color: #fff;
  font-size: min(2.017vw, 33.6px);
  line-height: 0;
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
  padding-left: min(0.36vw, 6px);
  color: #CFB884;
}
@media screen and (max-width: 768px) {
  .leasehold_merit .secondary .content-box__box .number p {
    margin: 0;
    padding-top: min(5.333vw, 24px);
    font-size: clamp(8px, 2.667vw, 12px);
  }
  .leasehold_merit .secondary .content-box__box .number p + p {
    padding-top: min(2.667vw, 12px);
    font-size: clamp(24px, 8vw, 36px);
  }
}

/*----------------------------------------
	Q & A
-----------------------------------------*/
.qanda {
  position: relative;
}
.qanda::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: min(23.199vw, 386.4px);
}
@media screen and (max-width: 768px) {
  .qanda::before {
    height: 45vw;
  }
}
.qanda .primary {
  padding-block: min(9.15vw, 152.4px);
  text-align: center;
}
.qanda .primary p {
  margin-top: min(5.62vw, 93.6px);
  color: #413f40;
  font-size: min(1.441vw, 24px);
  letter-spacing: 0.15em;
  line-height: 2;
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .qanda .primary p {
    margin-top: min(7.205vw, 120px);
    font-size: clamp(12.8px, 4.267vw, 19.2px);
    line-height: 1.5;
  }
}
.qanda .primary .content-box {
  max-width: min(85.591vw, 1425.6px);
  margin-inline: auto;
}
.qanda .primary .content-box__list {
  margin-top: min(5.62vw, 93.6px);
  padding: 0;
}
.qanda .primary .content-box__list .toggle {
  display: none;
}
.qanda .primary .content-box__list .Label {
  display: block;
  padding: min(2.161vw, 36px);
  border: 1px solid #9E8E77;
  background-color: #9E8E77;
  color: #fff;
  font-size: min(1.441vw, 24px);
  letter-spacing: 0.15em;
  line-height: 0;
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .qanda .primary .content-box__list .Label {
    margin-top: min(7.205vw, 120px);
    padding-bottom: min(14.409vw, 240px);
    font-size: clamp(14.4px, 4.8vw, 21.6px);
    line-height: 1.8;
    text-align: center;
  }
}
.qanda .primary .content-box__list .Label::before {
  content: "＋";
  width: min(2.45vw, 40.8px);
  height: min(2.45vw, 40.8px);
  padding-top: min(1.153vw, 19.2px);
  padding-left: min(0.504vw, 8.4px);
  border-radius: 50%;
  background-color: #fff;
  color: #9E8E77;
  position: absolute;
  top: min(1.009vw, 16.8px);
  right: min(1.441vw, 24px);
}
@media screen and (max-width: 768px) {
  .qanda .primary .content-box__list .Label::before {
    width: min(9.067vw, 40.8px);
    height: min(9.067vw, 40.8px);
    padding: 0;
    margin: 0;
    bottom: min(2.882vw, 48px);
    top: auto;
    right: auto;
  }
}
.qanda .primary .content-box__list .Label,
.qanda .primary .content-box__list .content {
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
.qanda .primary .content-box__list .content {
  height: 0;
  margin-bottom: min(0.72vw, 12px);
  padding: 0 min(2.161vw, 36px);
  overflow: hidden;
  border: 1px solid #9E8E77;
}
@media screen and (max-width: 768px) {
  .qanda .primary .content-box__list .content {
    padding: 0;
  }
}
.qanda .primary .content-box__list .toggle:checked + .Label + .content {
  height: auto;
  padding: min(2.161vw, 36px);
  transition: all 0.3s;
}
.qanda .primary .content-box__list .toggle:checked + .Label::before {
  content: "―";
  padding-top: min(1.153vw, 19.2px);
  padding-left: min(0.504vw, 8.4px);
}
@media screen and (max-width: 768px) {
  .qanda .primary .content-box__list .toggle:checked + .Label::before {
    padding: 0;
  }
}
.qanda .primary .content-box__list__ttl p {
  margin: 0;
  color: #fff;
  font-size: min(1.441vw, 24px);
  letter-spacing: 0.15em;
  line-height: 0;
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
  text-align: left;
}
.qanda .primary .content-box__list__answer {
  padding: min(2.161vw, 36px);
  background-color: #fff;
  text-align: left;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .qanda .primary .content-box__list__answer {
    text-align: center;
    vertical-align: top;
  }
}
.qanda .primary .content-box__list__answer__item {
  display: flex;
  padding: 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .qanda .primary .content-box__list__answer__item {
    display: block;
    text-align: center;
  }
}
.qanda .primary .content-box__list__answer__item .number {
  margin-top: 0;
  display: inline-block;
  width: min(2.45vw, 40.8px);
  height: min(2.45vw, 40.8px);
  padding-left: min(0.72vw, 12px);
  margin-right: min(1.441vw, 24px);
  border-radius: 50%;
  background-color: #413F40;
  color: #CFB884;
}
@media screen and (max-width: 768px) {
  .qanda .primary .content-box__list__answer__item .number {
    width: min(12.8vw, 57.6px);
    height: min(12.8vw, 57.6px);
    padding-top: min(1.333vw, 6px);
    padding-left: 0;
    margin-bottom: min(2.667vw, 12px);
    font-size: min(6.4vw, 28.8px);
  }
}
.qanda .primary .content-box__list__answer__item p {
  margin: 0;
  color: #9E8E77;
  font-size: min(1.441vw, 24px);
  letter-spacing: 0.1em;
  line-height: 1.6;
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .qanda .primary .content-box__list__answer__item p {
    margin-top: min(2.882vw, 48px);
    padding-bottom: min(1.441vw, 24px);
    font-size: clamp(14.4px, 4.8vw, 21.6px);
    line-height: 1.5;
    text-align: center;
  }
}
.qanda .primary .content-box__list__answer__text p {
  margin-top: min(1.297vw, 21.6px);
  margin-left: min(3.818vw, 63.6px);
  color: #413f40;
  font-size: min(1.009vw, 16.8px);
  letter-spacing: 0.15em;
  line-height: 2;
  font-weight: 400;
  font-family: "Noto+Serif+JP", serif;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .qanda .primary .content-box__list__answer__text p {
    margin-left: 0;
    padding: min(2.667vw, 12px);
    font-size: clamp(9.6px, 3.2vw, 14.4px);
    line-height: 1.5;
  }
}
/*# sourceMappingURL=leasehold.css.map */