/*--------------------------------------------
  common
-------------------------------------------- */
.design {
  position: relative;
}

.txt--ttl {
  font-family: "futura-pt", sans-serif;
  font-weight: 300 !important;
  color: #745f49;
  font-size: clamp(30.4px, 2.738vw, 45.6px);
  letter-spacing: 0.05em;
  line-height: 1.26;
}
@media screen and (max-width: 768px) {
  .txt--ttl {
    font-size: clamp(24px, 8vw, 36px);
  }
}

.txt--main {
  font-family: "Zen Old Mincho", serif;
  color: #2b2b2b;
  font-size: clamp(20px, 1.801vw, 30px);
  font-weight: 400;
  letter-spacing: 0.15em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .txt--main {
    font-size: clamp(16px, 5.333vw, 24px);
  }
}

.txt--sub {
  font-family: "Zen Old Mincho", serif;
  color: #2b2b2b;
  font-size: clamp(12.8px, 1.153vw, 19.2px);
  font-weight: 400;
  letter-spacing: 0.15em;
  line-height: 2.5;
}
@media screen and (max-width: 768px) {
  .txt--sub {
    font-size: clamp(10.4px, 3.467vw, 15.6px);
    letter-spacing: 0.05em;
    line-height: 2.15;
  }
}

img {
  width: 100%;
}

/*--------------------------------------------
  FACADE
-------------------------------------------- */
.facade .box01 {
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 769px) {
  .facade .box01 {
    -ms-grid-columns: 1fr 55%;
    grid-template-columns: 1fr 55%;
    -ms-grid-rows: 1fr auto auto;
    grid-template-rows: 1fr auto auto;
    -webkit-margin-before: min(2.738vw, 45.6px);
            margin-block-start: min(2.738vw, 45.6px);
  }
  .facade .box01 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .facade .box01 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .facade .box01 > *:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .facade .box01 > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .facade .box01 > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .facade .box01 > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
}
.facade .box01::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #362e1d;
}
@media screen and (min-width: 769px) {
  .facade .box01::before {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2/4;
  }
}
@media screen and (max-width: 768px) {
  .facade .box01::before {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    grid-row: 3/5;
  }
}
@media screen and (min-width: 769px) {
  .facade .item01 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: min(115.274vw, 1920px);
    width: 100%;
    margin-inline: auto;
    margin-block: auto 0;
    padding-inline: min(7.205vw, 120px) 0;
    padding-block: 0 min(10.663vw, 177.6px);
  }
}
@media screen and (max-width: 768px) {
  .facade .item01 {
    -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;
    padding-inline: min(5.333vw, 24px);
    margin-block: min(11.467vw, 51.6px) min(15.733vw, 70.8px);
  }
}
@media screen and (min-width: 769px) {
  .facade .item01 .txt--ttl {
    font-size: min(2.738vw, 45.6px);
  }
}
@media screen and (max-width: 768px) {
  .facade .item01 .txt--ttl {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .facade .item01 .txt--main {
    -webkit-margin-before: min(3.242vw, 54px);
            margin-block-start: min(3.242vw, 54px);
    font-size: min(1.801vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .facade .item01 .txt--main {
    width: calc(100% + min(5.333vw, 24px));
    margin-inline: max(-2.667vw, -12px) 0;
    -webkit-margin-before: min(5.333vw, 24px);
            margin-block-start: min(5.333vw, 24px);
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .facade .item01 .txt--sub {
    -webkit-margin-before: min(3.098vw, 51.6px);
            margin-block-start: min(3.098vw, 51.6px);
    width: 50%;
    font-size: min(1.153vw, 19.2px);
  }
}
@media screen and (max-width: 768px) {
  .facade .item01 .txt--sub {
    -webkit-margin-before: min(4.8vw, 21.6px);
            margin-block-start: min(4.8vw, 21.6px);
    letter-spacing: 0;
  }
}
.facade .item02 {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}
@media screen and (min-width: 769px) {
  .facade .item02 {
    -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;
    max-width: min(54.827vw, 913.2px);
    margin-block: auto 0;
    margin-inline: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .facade .item02 {
    -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;
  }
}
.facade .item02 figcaption {
  padding-inline: 1em;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .facade .item02 figcaption {
    color: #2b2b2b;
  }
}
@media screen and (min-width: 769px) {
  .facade .item03 {
    -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;
    max-width: min(53.314vw, 888px);
    margin-inline: auto 0;
    -webkit-padding-before: min(11.816vw, 196.8px);
            padding-block-start: min(11.816vw, 196.8px);
  }
}
@media screen and (max-width: 768px) {
  .facade .item03 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    -webkit-padding-before: min(17.333vw, 78px);
            padding-block-start: min(17.333vw, 78px);
    padding-inline: min(5.333vw, 24px);
  }
}
.facade .item03 figure {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.facade .item03 figure figcaption {
  padding-inline: 1em;
  padding-block: 0.5em;
}
@media screen and (min-width: 769px) {
  .facade .item03 figure figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .facade .item03 figure figcaption {
    text-align: right;
  }
}
@media screen and (min-width: 769px) {
  .facade .item03 > div {
    padding-inline: min(7.205vw, 120px) 0;
    -webkit-margin-before: min(6.484vw, 108px);
            margin-block-start: min(6.484vw, 108px);
    -webkit-padding-after: min(2.305vw, 38.4px);
            padding-block-end: min(2.305vw, 38.4px);
  }
}
@media screen and (max-width: 768px) {
  .facade .item03 > div {
    -webkit-margin-before: min(11.2vw, 50.4px);
            margin-block-start: min(11.2vw, 50.4px);
  }
}
.facade .item03 > div .txt--main {
  color: #fff;
}
@media screen and (min-width: 769px) {
  .facade .item03 > div .txt--main {
    font-size: min(1.801vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .facade .item03 > div .txt--main {
    text-align: center;
    letter-spacing: 0.06em;
    line-height: 1.7;
  }
}
.facade .item03 > div .txt--sub {
  color: #fff;
}
@media screen and (min-width: 769px) {
  .facade .item03 > div .txt--sub {
    -webkit-margin-before: min(2.954vw, 49.2px);
            margin-block-start: min(2.954vw, 49.2px);
    font-size: min(1.153vw, 19.2px);
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 768px) {
  .facade .item03 > div .txt--sub {
    -webkit-margin-before: min(8.533vw, 38.4px);
            margin-block-start: min(8.533vw, 38.4px);
  }
}
.facade .item04 {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 769px) {
  .facade .item04 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    max-width: min(115.274vw, 1920px);
    margin-inline: auto;
    margin-block: min(2.161vw, 36px) min(6.124vw, 102px);
  }
}
@media screen and (max-width: 768px) {
  .facade .item04 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4/5;
    margin-block: min(3.2vw, 14.4px) min(9.867vw, 44.4px);
  }
}
.facade .item04 figcaption {
  text-align: right;
  padding-inline: 1em;
}

/*--------------------------------------------
  ENTRANCE HALL
-------------------------------------------- */
@media screen and (min-width: 769px) {
  .entrance {
    background: url(/asset/img/design/design_bg.webp) repeat top center;
    background-size: max(100%, 1388px) auto;
    padding-block: min(8.646vw, 144px) 0;
  }
}
@media screen and (max-width: 768px) {
  .entrance {
    background: url(/asset/img/design/design_bg.webp) no-repeat top center;
    background-size: cover;
    -webkit-padding-before: min(16.8vw, 75.6px);
            padding-block-start: min(16.8vw, 75.6px);
  }
}
.entrance .txt--ttl {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .entrance .item01 {
    -webkit-margin-before: min(3.386vw, 56.4px);
            margin-block-start: min(3.386vw, 56.4px);
  }
}
@media screen and (max-width: 768px) {
  .entrance .item01 {
    -webkit-margin-before: min(5.333vw, 24px);
            margin-block-start: min(5.333vw, 24px);
    padding-inline: min(5.333vw, 24px);
  }
}
.entrance .item01 .txt--main {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .entrance .item01 .txt--main {
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 769px) {
  .entrance .item01 .txt--sub {
    -webkit-margin-before: min(3.098vw, 51.6px);
            margin-block-start: min(3.098vw, 51.6px);
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .entrance .item01 .txt--sub {
    -webkit-margin-before: min(8.8vw, 39.6px);
            margin-block-start: min(8.8vw, 39.6px);
  }
}
.entrance .item02 {
  position: relative;
}
@media screen and (min-width: 769px) {
  .entrance .item02 {
    -webkit-margin-before: min(7.853vw, 130.8px);
            margin-block-start: min(7.853vw, 130.8px);
  }
}
@media screen and (max-width: 768px) {
  .entrance .item02 {
    -webkit-margin-before: min(13.333vw, 60px);
            margin-block-start: min(13.333vw, 60px);
  }
}
.entrance .item02 figcaption {
  padding-inline: 1em;
}
@media screen and (min-width: 769px) {
  .entrance .item02 figcaption {
    padding-block: 0.5em;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .entrance .item02 figcaption {
    position: absolute;
    top: 100%;
    right: 0;
    color: #2b2b2b;
  }
}

/*--------------------------------------------
  ART DIRECTOR
-------------------------------------------- */
@media screen and (min-width: 769px) {
  .art {
    background: url(/asset/img/design/design_bg.webp) repeat top center;
    background-size: max(100%, 1388px) auto;
    padding-block: min(6.052vw, 100.8px) min(3.963vw, 66px);
  }
}
@media screen and (max-width: 768px) {
  .art {
    background: url(/asset/img/design/design_bg.webp) no-repeat top center;
    background-size: cover;
    padding-block: min(15.2vw, 68.4px) min(13.867vw, 62.4px);
  }
}
@media screen and (min-width: 769px) {
  .art .txt--ttl {
    font-size: clamp(24px, 2.161vw, 36px);
  }
}
@media screen and (max-width: 768px) {
  .art .txt--ttl {
    font-size: clamp(20px, 6.667vw, 30px);
  }
}
.art .box01 {
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 769px) {
  .art .box01 {
    -ms-grid-columns: 1fr min(4.323vw, 72px) min(37.32vw, 621.6px);
    grid-template-columns: 1fr min(37.32vw, 621.6px);
    gap: min(4.323vw, 72px);
    -webkit-margin-before: 40px;
            margin-block-start: 40px;
  }
}
.art .box01 .item01 {
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 769px) {
  .art .box01 .item01 {
    -ms-grid-columns: min(13.112vw, 218.4px) min(2.45vw, 40.8px) 1fr;
    grid-template-columns: min(13.112vw, 218.4px) 1fr;
    gap: min(2.45vw, 40.8px);
  }
}
@media screen and (max-width: 768px) {
  .art .box01 .item01 {
    -ms-grid-columns: 1fr min(1.6vw, 7.2px) 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 min(1.6vw, 7.2px);
    -webkit-margin-before: min(6.133vw, 27.6px);
            margin-block-start: min(6.133vw, 27.6px);
  }
}
@media screen and (max-width: 768px) {
  .art .box01 .item01 > div {
    display: contents;
  }
}
@media screen and (max-width: 768px) {
  .art .box01 .item01 figure {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
  }
}
.art .box01 .item01 p:nth-child(1) {
  color: #2b2b2b;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  line-height: 1.41;
}
@media screen and (min-width: 769px) {
  .art .box01 .item01 p:nth-child(1) {
    font-size: clamp(9.6px, 0.865vw, 14.4px);
    letter-spacing: 0.15em;
  }
}
@media screen and (max-width: 768px) {
  .art .box01 .item01 p:nth-child(1) {
    -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;
    font-size: clamp(8px, 2.667vw, 12px);
    letter-spacing: 0.05em;
    margin-block: auto 0;
    width: 80%;
    margin-inline: auto;
  }
}
.art .box01 .item01 p:nth-child(2) {
  color: #2b2b2b;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
}
@media screen and (min-width: 769px) {
  .art .box01 .item01 p:nth-child(2) {
    -webkit-margin-before: min(0.576vw, 9.6px);
            margin-block-start: min(0.576vw, 9.6px);
  }
}
@media screen and (max-width: 768px) {
  .art .box01 .item01 p:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    margin-block: min(1.067vw, 4.8px) auto;
    width: 80%;
    margin-inline: auto;
  }
}
.art .box01 .item01 p:nth-child(2) span:nth-of-type(1) {
  line-height: 1.45;
}
@media screen and (min-width: 769px) {
  .art .box01 .item01 p:nth-child(2) span:nth-of-type(1) {
    letter-spacing: 0.15em;
    font-size: clamp(17.6px, 1.585vw, 26.4px);
    -webkit-padding-end: 0.7em;
            padding-inline-end: 0.7em;
  }
}
@media screen and (max-width: 768px) {
  .art .box01 .item01 p:nth-child(2) span:nth-of-type(1) {
    font-size: clamp(17.6px, 5.867vw, 26.4px);
    letter-spacing: 0.05em;
  }
}
.art .box01 .item01 p:nth-child(2) span:nth-of-type(2) {
  letter-spacing: 0.15em;
}
@media screen and (min-width: 769px) {
  .art .box01 .item01 p:nth-child(2) span:nth-of-type(2) {
    font-size: clamp(11.2px, 1.009vw, 16.8px);
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .art .box01 .item01 p:nth-child(2) span:nth-of-type(2) {
    display: block;
    font-size: clamp(8.8px, 2.933vw, 13.2px);
  }
}
.art .box01 .item01 p:nth-child(3) {
  color: #2b2b2b;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
  .art .box01 .item01 p:nth-child(3) {
    font-size: clamp(11.2px, 1.009vw, 16.8px);
    -webkit-margin-before: min(1.873vw, 31.2px);
            margin-block-start: min(1.873vw, 31.2px);
    line-height: 1.92;
  }
}
@media screen and (max-width: 768px) {
  .art .box01 .item01 p:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    font-size: clamp(8.8px, 2.933vw, 13.2px);
    letter-spacing: 0.05em;
    line-height: 2.25;
    -webkit-margin-before: min(6.133vw, 27.6px);
            margin-block-start: min(6.133vw, 27.6px);
  }
}
@media screen and (max-width: 768px) {
  .art .box01 .item02 {
    -webkit-margin-before: min(5.6vw, 25.2px);
            margin-block-start: min(5.6vw, 25.2px);
  }
}
@media screen and (min-width: 769px) {
  .art .box01 .item02 .txt--main {
    font-size: clamp(18.4px, 1.657vw, 27.6px);
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .art .box01 .item02 .txt--main {
    font-size: clamp(14.4px, 4.8vw, 21.6px);
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 769px) {
  .art .box01 .item02 .txt--sub {
    -webkit-margin-before: min(2.089vw, 34.8px);
            margin-block-start: min(2.089vw, 34.8px);
  }
}
@media screen and (max-width: 768px) {
  .art .box01 .item02 .txt--sub {
    -webkit-margin-before: min(5.067vw, 22.8px);
            margin-block-start: min(5.067vw, 22.8px);
  }
}
@media screen and (min-width: 769px) {
  .art .box01 .item03 {
    -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;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .art .box01 .item03 {
    -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(13.067vw, 58.8px);
            margin-block-start: min(13.067vw, 58.8px);
  }
}
.art .box01 .item03 figcaption {
  padding-block: 0.5em;
}
@media screen and (min-width: 769px) {
  .art .box01 .item03 figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-inline: 1em;
  }
}
@media screen and (max-width: 768px) {
  .art .box01 .item03 figcaption {
    color: #2b2b2b !important;
    text-align: right;
  }
}

/*--------------------------------------------
  LAND PLAN
-------------------------------------------- */
@media screen and (min-width: 769px) {
  .landplan {
    padding-block: min(3.602vw, 60px) min(5.115vw, 85.2px);
  }
}
@media screen and (max-width: 768px) {
  .landplan {
    padding-block: min(14.133vw, 63.6px) min(5.6vw, 25.2px);
  }
}
.landplan .box01 {
  display: -ms-grid;
  display: grid;
}
.landplan .box01 .item01 {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .landplan .box01 .item01 {
    -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;
    width: 50%;
  }
}
@media screen and (min-width: 769px) {
  .landplan .box01 .item01 .txt--ttl {
    -webkit-margin-before: min(6.988vw, 116.4px);
            margin-block-start: min(6.988vw, 116.4px);
  }
}
@media screen and (max-width: 768px) {
  .landplan .box01 .item01 .txt--ttl {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .landplan .box01 .item01 .txt--main {
    -webkit-margin-before: min(3.314vw, 55.2px);
            margin-block-start: min(3.314vw, 55.2px);
  }
}
@media screen and (max-width: 768px) {
  .landplan .box01 .item01 .txt--main {
    text-align: center;
    -webkit-margin-before: min(5.867vw, 26.4px);
            margin-block-start: min(5.867vw, 26.4px);
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 769px) {
  .landplan .box01 .item01 .txt--sub {
    -webkit-margin-before: min(3.098vw, 51.6px);
            margin-block-start: min(3.098vw, 51.6px);
  }
}
@media screen and (max-width: 768px) {
  .landplan .box01 .item01 .txt--sub {
    -webkit-margin-before: min(9.067vw, 40.8px);
            margin-block-start: min(9.067vw, 40.8px);
  }
}
.landplan .box01 .item02 {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .landplan .box01 .item02 {
    -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;
    width: 81.73%;
    margin-inline: auto -8.42%;
  }
}
@media screen and (max-width: 768px) {
  .landplan .box01 .item02 {
    margin-inline: max(-5.333vw, -24px) 0;
    -webkit-margin-before: max(-1.067vw, -4.8px);
            margin-block-start: max(-1.067vw, -4.8px);
    width: calc(100% + min(10.667vw, 48px));
  }
}
.landplan .box01 .item02 figcaption {
  position: absolute;
  right: 0;
  padding-block: 0.5em;
}
@media screen and (min-width: 769px) {
  .landplan .box01 .item02 figcaption {
    bottom: min(1.441vw, 24px);
    padding-inline: 2em;
  }
}
@media screen and (max-width: 768px) {
  .landplan .box01 .item02 figcaption {
    bottom: min(5.333vw, 24px);
    padding-inline: 1em;
  }
}
@media screen and (min-width: 769px) {
  .landplan .box02 {
    -webkit-margin-before: min(0.937vw, 15.6px);
            margin-block-start: min(0.937vw, 15.6px);
  }
}
@media screen and (max-width: 768px) {
  .landplan .box02 {
    -webkit-margin-before: min(10.667vw, 48px);
            margin-block-start: min(10.667vw, 48px);
    padding-inline: 0;
  }
}
.landplan .box02 > p {
  color: #745f49;
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.45;
}
@media screen and (min-width: 769px) {
  .landplan .box02 > p {
    font-size: clamp(16px, 1.441vw, 24px);
  }
}
@media screen and (max-width: 768px) {
  .landplan .box02 > p {
    font-size: clamp(14.4px, 4.8vw, 21.6px);
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .landplan .box02 .slider-box {
    -webkit-margin-before: min(2.45vw, 40.8px);
            margin-block-start: min(2.45vw, 40.8px);
  }
}
@media screen and (max-width: 768px) {
  .landplan .box02 .slider-box {
    -webkit-margin-before: min(11.2vw, 50.4px);
            margin-block-start: min(11.2vw, 50.4px);
  }
}
.landplan .box02 .slider-box figcaption {
  color: #2b2b2b;
}
@media screen and (min-width: 769px) {
  .landplan .box02 .slider-box figcaption {
    -webkit-margin-before: min(0.72vw, 12px);
            margin-block-start: min(0.72vw, 12px);
  }
}
@media screen and (max-width: 768px) {
  .landplan .box02 .slider-box figcaption {
    -webkit-margin-before: min(1.867vw, 8.4px);
            margin-block-start: min(1.867vw, 8.4px);
  }
}
@media screen and (min-width: 769px) {
  .landplan .box02 .c-list--notice {
    -webkit-margin-before: min(1.801vw, 30px);
            margin-block-start: min(1.801vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .landplan .box02 .c-list--notice {
    padding-inline: 1em;
    -webkit-margin-before: min(6.933vw, 31.2px);
            margin-block-start: min(6.933vw, 31.2px);
  }
}
.landplan .box02 .c-list--notice li {
  text-align: right;
}

@media screen and (min-width: 769px) {
  .l-content .swiper-wrapper {
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: 1fr min(1.657vw, 27.6px) 1fr min(1.657vw, 27.6px) 1fr min(1.657vw, 27.6px) 1fr min(1.657vw, 27.6px) 1fr !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: min(1.657vw, 27.6px);
  }
}
@media screen and (min-width: 769px) {
  .l-content .swiper-pagination {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .l-content .swiper-pagination {
    gap: 0 clamp(22.4px, 7.467vw, 33.6px);
    -webkit-margin-before: min(9.333vw, 42px);
            margin-block-start: min(9.333vw, 42px);
  }
}
.l-content .swiper-pagination-bullet {
  background-color: transparent;
  border: 1px solid #745f49;
}
@media screen and (max-width: 768px) {
  .l-content .swiper-pagination-bullet {
    width: clamp(11.2px, 3.733vw, 16.8px);
    height: clamp(11.2px, 3.733vw, 16.8px);
  }
}
.l-content .swiper-pagination-bullet-active {
  background-color: #745f49;
}
.l-content .swiper-slide img {
  width: 100%;
}
/*# sourceMappingURL=design.css.map */