.design {
  position: relative;
}
.design .l-container {
  overflow: hidden;
}
.design h2 {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
  color: #aa9b6c;
  font-size: clamp(24px, 2.161vw, 36px);
  line-height: 1.47;
}
@media screen and (max-width: 768px) {
  .design h2 {
    font-size: clamp(20px, 6.667vw, 30px);
    line-height: 1.76;
  }
}
.design .content-box {
  width: min(85.591vw, 1425.6px);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .design .content-box {
    width: 100%;
  }
}
.design .txt-wrap p:nth-of-type(1) {
  font-weight: 500;
  font-size: clamp(16px, 1.441vw, 24px);
  line-height: 1.75;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .design .txt-wrap p:nth-of-type(1) {
    font-size: clamp(12.8px, 4.267vw, 19.2px);
    line-height: 2.19;
    letter-spacing: 0;
  }
}
.design .txt-wrap p:nth-of-type(2) {
  font-weight: 400;
  font-size: clamp(12px, 1.081vw, 18px);
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .design .txt-wrap p:nth-of-type(2) {
    font-weight: 500;
    font-size: clamp(11.2px, 3.733vw, 16.8px);
    line-height: 2.14;
  }
}

.facade {
  background-color: #5C6469;
  padding-block: min(4.323vw, 72px) min(8.718vw, 145.2px);
}
@media screen and (max-width: 768px) {
  .facade {
    padding-block: min(8vw, 36px) 0;
  }
}
.facade h2 {
  text-align: center;
  color: #DDCA8C;
}
.facade h2 + .txt-wrap {
  -webkit-margin-before: min(1.945vw, 32.4px);
          margin-block-start: min(1.945vw, 32.4px);
}
@media screen and (max-width: 768px) {
  .facade h2 + .txt-wrap {
    -webkit-margin-before: min(2.933vw, 13.2px);
            margin-block-start: min(2.933vw, 13.2px);
    padding-inline: min(7.467vw, 33.6px);
  }
}
.facade h2 + .txt-wrap p {
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .facade h2 + .txt-wrap p:nth-of-type(1) {
    width: calc(100% + min(2.667vw, 12px));
    -webkit-margin-start: max(-1.333vw, -6px);
            margin-inline-start: max(-1.333vw, -6px);
  }
}
.facade h2 + .txt-wrap p:nth-of-type(2) {
  -webkit-margin-before: min(1.513vw, 25.2px);
          margin-block-start: min(1.513vw, 25.2px);
}
@media screen and (max-width: 768px) {
  .facade h2 + .txt-wrap p:nth-of-type(2) {
    text-align: left;
    -webkit-margin-before: min(6.4vw, 28.8px);
            margin-block-start: min(6.4vw, 28.8px);
  }
}
.facade h2 + .txt-wrap + figure {
  width: min(58.357vw, 972px);
  margin-inline: auto;
  -webkit-margin-before: min(3.963vw, 66px);
          margin-block-start: min(3.963vw, 66px);
}
@media screen and (max-width: 768px) {
  .facade h2 + .txt-wrap + figure {
    position: relative;
    -webkit-margin-before: min(7.467vw, 33.6px);
            margin-block-start: min(7.467vw, 33.6px);
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .facade h2 + .txt-wrap + figure img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.facade h2 + .txt-wrap + figure figcaption {
  color: #fff;
  text-align: right;
  -webkit-margin-before: min(0.865vw, 14.4px);
          margin-block-start: min(0.865vw, 14.4px);
  padding-inline: 0 min(0.72vw, 12px);
}
@media screen and (max-width: 768px) {
  .facade h2 + .txt-wrap + figure figcaption {
    -webkit-margin-before: min(2.133vw, 9.6px);
            margin-block-start: min(2.133vw, 9.6px);
    padding-inline: 0 min(4vw, 18px);
    color: #fff;
  }
}
.facade .box01 {
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 769px) {
  .facade .box01 {
    width: min(70.533vw, 1174.8px);
    -webkit-margin-before: min(5.692vw, 94.8px);
            margin-block-start: min(5.692vw, 94.8px);
    margin-inline: auto;
    -ms-grid-columns: 1fr min(2.738vw, 45.6px) min(43.228vw, 720px);
    grid-template-columns: 1fr min(43.228vw, 720px);
    gap: min(1.297vw, 21.6px) min(2.738vw, 45.6px);
  }
}
@media screen and (max-width: 768px) {
  .facade .box01 {
    -webkit-margin-before: min(11.733vw, 52.8px);
            margin-block-start: min(11.733vw, 52.8px);
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .facade .box01 .txt-wrap {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
}
@media screen and (max-width: 768px) {
  .facade .box01 .txt-wrap {
    padding-inline: min(7.467vw, 33.6px);
  }
}
.facade .box01 .txt-wrap p:nth-of-type(1) {
  color: #fff;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 768px) {
  .facade .box01 .txt-wrap p:nth-of-type(1) {
    text-align: center;
  }
}
.facade .box01 .txt-wrap p:nth-of-type(2) {
  color: #fff;
}
@media screen and (min-width: 769px) {
  .facade .box01 .txt-wrap p:nth-of-type(2) {
    -webkit-margin-before: min(1.369vw, 22.8px);
            margin-block-start: min(1.369vw, 22.8px);
  }
}
@media screen and (max-width: 768px) {
  .facade .box01 .txt-wrap p:nth-of-type(2) {
    text-align: left;
    -webkit-margin-before: min(6.4vw, 28.8px);
            margin-block-start: min(6.4vw, 28.8px);
  }
}
.facade .box01 .item-list {
  display: -ms-grid;
  display: grid;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-block: auto;
}
@media screen and (min-width: 769px) {
  .facade .box01 .item-list {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-columns: 1fr min(1.441vw, 24px) auto min(1.441vw, 24px) 1fr;
    grid-template-columns: 1fr auto 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 min(1.441vw, 24px);
    padding-inline: 0 min(0.432vw, 7.2px);
    -webkit-margin-before: min(0.288vw, 4.8px);
            margin-block-start: min(0.288vw, 4.8px);
  }
}
@media screen and (max-width: 768px) {
  .facade .box01 .item-list {
    width: min(61.333vw, 276px);
    margin-inline: auto;
    -webkit-margin-before: min(9.333vw, 42px);
            margin-block-start: min(9.333vw, 42px);
  }
}
.facade .box01 .item-list::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}
@media screen and (min-width: 769px) {
  .facade .box01 .item-list::before {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    border-color: transparent transparent transparent #BFBDBD;
    border-width: min(0.865vw, 14.4px) 0 min(0.865vw, 14.4px) min(0.865vw, 14.4px);
  }
}
@media screen and (max-width: 768px) {
  .facade .box01 .item-list::before {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    border-color: #BFBDBD transparent transparent transparent;
    border-width: min(4.267vw, 19.2px) min(4.267vw, 19.2px) 0 min(4.267vw, 19.2px);
    margin-block: min(3.733vw, 16.8px) min(5.867vw, 26.4px);
    margin-inline: auto;
  }
}
@media screen and (min-width: 769px) {
  .facade .box01 .item-list li {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
}
.facade .box01 .item-list figure {
  position: relative;
}
.facade .box01 .item-list figcaption {
  color: #fff;
  position: absolute;
  top: calc(100% + min(0.216vw, 3.6px));
  right: 0;
}
@media screen and (max-width: 768px) {
  .facade .box01 .item-list figcaption {
    position: static;
    text-align: right;
    font-size: clamp(9.6px, 3.2vw, 14.4px);
  }
}
.facade .box02 {
  position: relative;
  background-color: #fff;
  display: -ms-grid;
  display: grid;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .facade .box02 {
    -ms-grid-columns: 1fr min(4.539vw, 75.6px) min(28.026vw, 466.8px);
    grid-template-columns: 1fr min(28.026vw, 466.8px);
    -ms-grid-rows: auto 0 auto 0 auto 0 1fr;
    grid-template-rows: auto auto auto 1fr;
    gap: 0 min(4.539vw, 75.6px);
    width: min(70.533vw, 1174.8px);
    margin-inline: auto;
    -webkit-margin-before: min(7.709vw, 128.4px);
            margin-block-start: min(7.709vw, 128.4px);
    padding: min(2.81vw, 46.8px) min(3.458vw, 57.6px) min(4.323vw, 72px) min(2.954vw, 49.2px);
  }
  .facade .box02 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .facade .box02 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .facade .box02 > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .facade .box02 > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .facade .box02 > *:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .facade .box02 > *:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .facade .box02 > *:nth-child(7) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  .facade .box02 > *:nth-child(8) {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
  }
}
@media screen and (max-width: 768px) {
  .facade .box02 {
    gap: 0 min(5.067vw, 22.8px);
    -webkit-margin-before: min(14.667vw, 66px);
            margin-block-start: min(14.667vw, 66px);
    padding-inline: min(7.467vw, 33.6px);
    padding-block: min(13.333vw, 60px) min(7.733vw, 34.8px);
  }
}
@media screen and (max-width: 768px) {
  .facade .box02 p {
    grid-column: 1/-1;
  }
}
.facade .box02 .ttl {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
  font-size: clamp(16px, 1.441vw, 24px);
  letter-spacing: 0.06em;
  line-height: 1.6;
  -webkit-margin-before: min(0.288vw, 4.8px);
          margin-block-start: min(0.288vw, 4.8px);
}
@media screen and (max-width: 768px) {
  .facade .box02 .ttl {
    font-size: clamp(20px, 6.667vw, 30px);
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
}
@media screen and (min-width: 769px) {
  .facade .box02 .logo {
    width: 96%;
    -webkit-margin-before: min(1.513vw, 25.2px);
            margin-block-start: min(1.513vw, 25.2px);
  }
}
@media screen and (max-width: 768px) {
  .facade .box02 .logo {
    width: 93.8%;
    -webkit-margin-before: min(6.133vw, 27.6px);
            margin-block-start: min(6.133vw, 27.6px);
  }
}
.facade .box02 .logo img {
  width: 100%;
}
.facade .box02 .name {
  font-size: clamp(12.8px, 1.153vw, 19.2px);
  letter-spacing: 0.06em;
  line-height: 1.5;
  -webkit-margin-before: min(1.657vw, 27.6px);
          margin-block-start: min(1.657vw, 27.6px);
}
@media screen and (max-width: 768px) {
  .facade .box02 .name {
    font-size: clamp(12px, 4vw, 18px);
    line-height: 1.53;
    -webkit-margin-before: min(9.867vw, 44.4px);
            margin-block-start: min(9.867vw, 44.4px);
  }
}
.facade .box02 .txt {
  font-weight: 400;
  font-size: clamp(12px, 1.081vw, 18px);
  -webkit-margin-before: min(1.225vw, 20.4px);
          margin-block-start: min(1.225vw, 20.4px);
  line-height: 2.04;
}
@media screen and (min-width: 769px) {
  .facade .box02 .txt {
    width: calc(100% + min(2.882vw, 48px));
  }
}
@media screen and (max-width: 768px) {
  .facade .box02 .txt {
    font-size: clamp(11.2px, 3.733vw, 16.8px);
    line-height: 2.14;
    margin-block: min(6.667vw, 30px) 0;
  }
}
.facade .box02 .item-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-block: auto 0;
}
@media screen and (min-width: 769px) {
  .facade .box02 .item-list {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    grid-row: 1/5;
    gap: min(3.098vw, 51.6px);
  }
}
@media screen and (max-width: 768px) {
  .facade .box02 .item-list {
    -webkit-margin-before: min(6.667vw, 30px);
            margin-block-start: min(6.667vw, 30px);
    gap: min(4vw, 18px);
  }
}
.facade .box02 .item-list figcaption {
  text-align: right;
  -webkit-margin-before: min(0.576vw, 9.6px);
          margin-block-start: min(0.576vw, 9.6px);
}
@media screen and (max-width: 768px) {
  .facade .box02 .item-list figcaption {
    text-align: left;
    -webkit-margin-before: min(1.333vw, 6px);
            margin-block-start: min(1.333vw, 6px);
  }
}
.facade .box02 .note {
  position: absolute;
  bottom: min(0.36vw, 6px);
  right: min(0.72vw, 12px);
  font-weight: 400;
  font-size: clamp(8px, 0.72vw, 12px);
  letter-spacing: 0.06em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .facade .box02 .note {
    position: static;
    font-size: clamp(8px, 2.667vw, 12px);
    text-align: right;
    -webkit-margin-before: min(4vw, 18px);
            margin-block-start: min(4vw, 18px);
  }
}

.entrance {
  width: 100%;
  background-color: #EFF0F0;
  padding-block: min(4.611vw, 76.8px) min(5.259vw, 87.6px);
}
@media screen and (max-width: 768px) {
  .entrance {
    padding-block: min(10.133vw, 45.6px) min(11.467vw, 51.6px);
  }
}
.entrance h2 {
  text-align: center;
}
.entrance h2 + .txt-wrap {
  text-align: center;
  -webkit-margin-before: min(1.945vw, 32.4px);
          margin-block-start: min(1.945vw, 32.4px);
}
@media screen and (max-width: 768px) {
  .entrance h2 + .txt-wrap {
    -webkit-margin-before: min(2.933vw, 13.2px);
            margin-block-start: min(2.933vw, 13.2px);
    padding-inline: min(7.467vw, 33.6px);
  }
}
.entrance h2 + .txt-wrap p:nth-of-type(2) {
  -webkit-margin-before: min(1.873vw, 31.2px);
          margin-block-start: min(1.873vw, 31.2px);
}
@media screen and (max-width: 768px) {
  .entrance h2 + .txt-wrap p:nth-of-type(2) {
    text-align: left;
    -webkit-margin-before: min(6.667vw, 30px);
            margin-block-start: min(6.667vw, 30px);
  }
}
.entrance .img {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  -webkit-margin-before: min(2.45vw, 40.8px);
          margin-block-start: min(2.45vw, 40.8px);
}
@media screen and (max-width: 768px) {
  .entrance .img {
    -webkit-margin-before: min(7.467vw, 33.6px);
            margin-block-start: min(7.467vw, 33.6px);
  }
}
.entrance .img img {
  width: 100%;
}
.entrance .img figcaption {
  position: absolute;
  bottom: clamp(5.6px, 0.504vw, 8.4px);
  right: clamp(16px, 1.441vw, 24px);
}
@media screen and (max-width: 768px) {
  .entrance .img figcaption {
    bottom: clamp(5.6px, 1.867vw, 8.4px);
    right: clamp(16px, 5.333vw, 24px);
  }
}
.entrance .box01 {
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 769px) {
  .entrance .box01 {
    width: min(52.81vw, 879.6px);
    -webkit-margin-before: min(4.683vw, 78px);
            margin-block-start: min(4.683vw, 78px);
    margin-inline: auto;
    -ms-grid-columns: 1fr min(2.954vw, 49.2px) min(15.562vw, 259.2px);
    grid-template-columns: 1fr min(15.562vw, 259.2px);
    -ms-grid-rows: auto min(1.945vw, 32.4px) 1fr;
    grid-template-rows: auto 1fr;
    gap: min(1.945vw, 32.4px) min(2.954vw, 49.2px);
  }
  .entrance .box01 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .entrance .box01 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .entrance .box01 > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .entrance .box01 > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
.entrance .box01 .txt-wrap {
  -webkit-margin-before: min(1.585vw, 26.4px);
          margin-block-start: min(1.585vw, 26.4px);
}
@media screen and (max-width: 768px) {
  .entrance .box01 .txt-wrap {
    -webkit-margin-before: min(10.4vw, 46.8px);
            margin-block-start: min(10.4vw, 46.8px);
    padding-inline: min(7.467vw, 33.6px);
  }
}
.entrance .box01 .txt-wrap p:nth-of-type(1) {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 769px) {
  .entrance .box01 .txt-wrap p:nth-of-type(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
}
@media screen and (max-width: 768px) {
  .entrance .box01 .txt-wrap p:nth-of-type(1) {
    text-align: center;
    width: calc(100% + min(2.667vw, 12px));
    -webkit-margin-start: max(-0.8vw, -3.6px);
            margin-inline-start: max(-0.8vw, -3.6px);
  }
}
@media screen and (min-width: 769px) {
  .entrance .box01 .txt-wrap p:nth-of-type(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -webkit-margin-before: min(1.729vw, 28.8px);
            margin-block-start: min(1.729vw, 28.8px);
  }
}
@media screen and (max-width: 768px) {
  .entrance .box01 .txt-wrap p:nth-of-type(2) {
    -webkit-margin-before: min(4.267vw, 19.2px);
            margin-block-start: min(4.267vw, 19.2px);
  }
}
.entrance .box01 figure {
  position: static;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 769px) {
  .entrance .box01 figure {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    margin-block: auto 0;
  }
}
@media screen and (max-width: 768px) {
  .entrance .box01 figure {
    width: min(57.6vw, 259.2px);
    margin-inline: auto;
    -webkit-margin-before: min(6.933vw, 31.2px);
            margin-block-start: min(6.933vw, 31.2px);
  }
}
.entrance .box01 figure figcaption {
  text-align: right;
}

.landplan {
  width: 100%;
  padding-block: min(5.043vw, 84px) min(5.259vw, 87.6px);
}
@media screen and (max-width: 768px) {
  .landplan {
    background-color: transparent;
    padding-block: min(11.733vw, 52.8px) min(10.667vw, 48px);
  }
}
.landplan .box01 {
  margin-inline: auto;
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 769px) {
  .landplan .box01 {
    width: min(65.562vw, 1092px);
    -ms-grid-columns: 1fr min(38.977vw, 649.2px);
    grid-template-columns: 1fr min(38.977vw, 649.2px);
  }
}
@media screen and (max-width: 768px) {
  .landplan .box01 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    width: 100%;
  }
}
.landplan .box01 .txt {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .landplan .box01 .txt {
    width: clamp(240px, 21.614vw, 360px);
    margin-inline: auto 0;
    -webkit-margin-before: min(0.36vw, 6px);
            margin-block-start: min(0.36vw, 6px);
  }
}
@media screen and (max-width: 768px) {
  .landplan .box01 .txt {
    padding-inline: min(7.467vw, 33.6px);
  }
}
@media screen and (max-width: 768px) {
  .landplan .box01 h2 {
    text-align: center;
  }
}
.landplan .box01 .txt-wrap {
  -webkit-margin-before: min(1.945vw, 32.4px);
          margin-block-start: min(1.945vw, 32.4px);
}
@media screen and (max-width: 768px) {
  .landplan .box01 .txt-wrap {
    -webkit-margin-before: min(2.933vw, 13.2px);
            margin-block-start: min(2.933vw, 13.2px);
  }
}
@media screen and (max-width: 768px) {
  .landplan .box01 .txt-wrap p:nth-of-type(1) {
    text-align: center;
  }
}
.landplan .box01 .txt-wrap p:nth-of-type(2) {
  -webkit-margin-before: min(2.522vw, 42px);
          margin-block-start: min(2.522vw, 42px);
}
@media screen and (max-width: 768px) {
  .landplan .box01 .txt-wrap p:nth-of-type(2) {
    -webkit-margin-before: min(5.867vw, 26.4px);
            margin-block-start: min(5.867vw, 26.4px);
  }
}
.landplan .box01 .c-list--notice {
  -webkit-margin-before: min(0.576vw, 9.6px);
          margin-block-start: min(0.576vw, 9.6px);
}
@media screen and (max-width: 768px) {
  .landplan .box01 .c-list--notice {
    -webkit-margin-before: min(1.333vw, 6px);
            margin-block-start: min(1.333vw, 6px);
  }
}
.landplan .box01 .c-list--notice__item {
  font-weight: 400;
  font-size: clamp(8px, 0.72vw, 12px);
}
@media screen and (max-width: 768px) {
  .landplan .box01 .c-list--notice__item {
    font-size: clamp(8px, 2.667vw, 12px);
    text-align: right;
  }
}
.landplan .box01 > figure {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}
@media screen and (min-width: 769px) {
  .landplan .box01 > figure {
    margin-inline: max(-1.441vw, -24px) auto;
  }
}
@media screen and (max-width: 768px) {
  .landplan .box01 > figure {
    overflow: hidden;
    -webkit-margin-before: min(6.933vw, 31.2px);
            margin-block-start: min(6.933vw, 31.2px);
    -webkit-padding-after: min(4.8vw, 21.6px);
            padding-block-end: min(4.8vw, 21.6px);
  }
}
.landplan .box01 > figure img {
  display: block;
}
@media screen and (min-width: 769px) {
  .landplan .box01 > figure img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .landplan .box01 > figure img {
    height: min(108.267vw, 487.2px);
    width: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.landplan .box01 > figure figcaption {
  position: absolute;
  bottom: min(3.314vw, 55.2px);
  right: min(2.954vw, 49.2px);
}
@media screen and (max-width: 768px) {
  .landplan .box01 > figure figcaption {
    text-align: right;
    bottom: 0;
    right: min(5.867vw, 26.4px);
  }
}
.landplan .box01 > figure figcaption::before {
  content: "";
  display: block;
  margin-inline: auto 0;
  -webkit-margin-after: min(0.576vw, 9.6px);
          margin-block-end: min(0.576vw, 9.6px);
  width: min(2.378vw, 39.6px);
  height: min(2.882vw, 48px);
  background-image: url(/asset/img/common/icon_compass.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .landplan .box01 > figure figcaption::before {
    margin-inline: auto;
    -webkit-margin-after: min(2.133vw, 9.6px);
            margin-block-end: min(2.133vw, 9.6px);
    width: min(8.8vw, 39.6px);
    height: min(10.667vw, 48px);
  }
}
.landplan .box02 {
  margin-inline: auto;
  width: min(70.533vw, 1174.8px);
}
@media screen and (max-width: 768px) {
  .landplan .box02 {
    width: 100%;
    padding-inline: min(7.467vw, 33.6px);
    -webkit-margin-before: min(3.733vw, 16.8px);
            margin-block-start: min(3.733vw, 16.8px);
  }
}
.landplan .box02 > p {
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.75;
  font-size: clamp(16px, 1.441vw, 24px);
}
@media screen and (max-width: 768px) {
  .landplan .box02 > p {
    font-size: clamp(16px, 5.333vw, 24px);
  }
}
.landplan .box02 .item-list {
  display: -ms-grid;
  display: grid;
  -webkit-margin-before: min(0.793vw, 13.2px);
          margin-block-start: min(0.793vw, 13.2px);
}
@media screen and (min-width: 769px) {
  .landplan .box02 .item-list {
    -ms-grid-columns: 1fr min(2.089vw, 34.8px) 1fr min(2.089vw, 34.8px) 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: min(2.089vw, 34.8px);
  }
}
@media screen and (max-width: 768px) {
  .landplan .box02 .item-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-margin-before: min(2.933vw, 13.2px);
            margin-block-start: min(2.933vw, 13.2px);
    gap: min(8vw, 36px);
  }
}
.landplan .box02 .item-list > li figure {
  width: 100%;
  position: relative;
}
.landplan .box02 .item-list > li img {
  width: 100%;
}
.landplan .box02 .item-list > li figcaption {
  position: absolute;
  bottom: clamp(3.2px, 0.288vw, 4.8px);
  right: clamp(8px, 0.72vw, 12px);
}
@media screen and (max-width: 768px) {
  .landplan .box02 .item-list > li figcaption {
    bottom: clamp(1.6px, 0.533vw, 2.4px);
    right: clamp(8px, 2.667vw, 12px);
  }
}
.landplan .box02 .item-list > li p {
  font-weight: 400;
  font-size: clamp(12.8px, 1.153vw, 19.2px);
  letter-spacing: 0.06em;
  line-height: 1.56;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(12px, 1.081vw, 18px);
  -webkit-margin-before: min(1.225vw, 20.4px);
          margin-block-start: min(1.225vw, 20.4px);
}
@media screen and (max-width: 768px) {
  .landplan .box02 .item-list > li p {
    font-size: clamp(12.8px, 4.267vw, 19.2px);
    gap: clamp(12px, 4vw, 18px);
    -webkit-margin-before: min(3.733vw, 16.8px);
            margin-block-start: min(3.733vw, 16.8px);
  }
}
.landplan .box02 .item-list > li .c-list--notice {
  -webkit-margin-before: min(0.865vw, 14.4px);
          margin-block-start: min(0.865vw, 14.4px);
}
@media screen and (max-width: 768px) {
  .landplan .box02 .item-list > li .c-list--notice {
    -webkit-margin-before: min(4.267vw, 19.2px);
            margin-block-start: min(4.267vw, 19.2px);
  }
}
.landplan .box02 .item-list > li .c-list--notice__item {
  font-weight: 400;
  font-size: clamp(8px, 0.72vw, 12px);
  line-height: 2;
  text-indent: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .landplan .box02 .item-list > li .c-list--notice__item {
    padding: 0;
    width: calc(100% + 0.5em);
  }
}
@media screen and (max-width: 768px) {
  .landplan .box02 .item-list > li .c-list--notice__item {
    font-size: clamp(8px, 2.667vw, 12px);
  }
}
.landplan .box02 > .c-list--notice li {
  -webkit-margin-before: min(2.666vw, 44.4px);
          margin-block-start: min(2.666vw, 44.4px);
  font-weight: 400;
  font-size: clamp(8px, 0.72vw, 12px);
  letter-spacing: 0.06em;
  line-height: 2;
  text-indent: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
@media screen and (max-width: 768px) {
  .landplan .box02 > .c-list--notice li {
    -webkit-margin-before: min(9.067vw, 40.8px);
            margin-block-start: min(9.067vw, 40.8px);
    font-size: clamp(8px, 2.667vw, 12px);
    letter-spacing: 0;
  }
}
/*# sourceMappingURL=design.css.map */