body {
  overflow-x: auto;
}

.l-content {
  overflow: auto;
}

.development-content {
  background: #fcfaf7;
}

.project {
  padding-top: min(12.8vw, 57.6px);
}
@media screen and (min-width: 1025px) {
  .project {
    padding-top: min(6.25vw, 144px);
  }
}
.project__copy {
  margin-top: min(5.333vw, 24px);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .project__copy {
    margin-top: min(2.5vw, 57.6px);
  }
}
.project__img {
  margin-top: min(10.667vw, 48px);
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .project__img {
    margin-top: min(5vw, 115.2px);
    max-width: clamp(982.4px, 63.958vw, 1473.6px);
  }
}
.project__img figcaption {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .project__img figcaption {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

.masterplan {
  margin-top: min(12.8vw, 57.6px);
}
@media screen and (min-width: 769px) {
  .masterplan {
    margin-top: min(8.333vw, 192px);
  }
}
.masterplan__box {
  display: -ms-grid;
  display: grid;
  gap: min(6.4vw, 28.8px);
  max-width: clamp(1254.4px, 81.667vw, 1881.6px);
}
@media screen and (min-width: 769px) {
  .masterplan__box {
    -ms-grid-columns: 502fr min(5vw, 115.2px) 660fr;
    grid-template-columns: 502fr 660fr;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    gap: min(5vw, 115.2px);
  }
}
@media screen and (min-width: 769px) {
  .masterplan__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.masterplan__img .u-text--caption--out {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .masterplan__info {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-bottom: clamp(142.4px, 9.271vw, 213.6px);
  }
}
.masterplan__info__hd {
  text-align: left;
}
.masterplan__info__copy {
  margin-top: min(6.4vw, 28.8px);
}
@media screen and (min-width: 769px) {
  .masterplan__info__copy {
    margin-top: min(2.5vw, 57.6px);
  }
}
.masterplan__info__list {
  display: -ms-grid;
  display: grid;
  gap: min(3.2vw, 14.4px);
  margin-top: min(8.533vw, 38.4px);
}
@media screen and (min-width: 769px) {
  .masterplan__info__list {
    margin-top: min(6.25vw, 144px);
  }
}
.masterplan__info__list__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto min(4.267vw, 19.2px) 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(4.267vw, 19.2px);
  position: relative;
  padding-bottom: min(3.2vw, 14.4px);
}
@media screen and (min-width: 769px) {
  .masterplan__info__list__item {
    gap: min(1.25vw, 28.8px);
    padding-bottom: min(1.042vw, 24px);
  }
}
.masterplan__info__list__item::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(51, 51, 51, 0)), color-stop(10%, #333333), color-stop(90%, #333333), to(rgba(51, 51, 51, 0)));
  background: linear-gradient(90deg, rgba(51, 51, 51, 0) 0%, #333333 10%, #333333 90%, rgba(51, 51, 51, 0) 100%);
}
.masterplan__info__list__item .icn {
  width: min(12.8vw, 57.6px);
}
@media screen and (min-width: 769px) {
  .masterplan__info__list__item .icn {
    width: min(4.271vw, 98.4px);
  }
}
.masterplan__info__list__item .txt {
  line-height: 1.75;
}

.feature {
  display: -ms-grid;
  display: grid;
  gap: min(10.667vw, 48px);
  margin-top: min(17.067vw, 76.8px);
}
@media screen and (min-width: 769px) {
  .feature {
    margin-top: min(8.333vw, 192px);
    gap: min(8.333vw, 192px);
  }
}
.feature__box {
  display: -ms-grid;
  display: grid;
  gap: min(6.4vw, 28.8px);
}
@media screen and (min-width: 769px) {
  .feature__box {
    -ms-grid-columns: 55fr min(3.75vw, 86.4px) 45fr;
    grid-template-columns: 55fr 45fr;
    gap: min(3.75vw, 86.4px);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.feature__box__info {
  padding-inline: min(5.333vw, 24px);
}
@media screen and (min-width: 769px) {
  .feature__box__info {
    padding-inline: 0 min(3.333vw, 76.8px);
  }
}
.feature__box__info__hd {
  text-align: left;
}
.feature__box__info__txt {
  margin-top: min(4.267vw, 19.2px);
}
@media screen and (min-width: 769px) {
  .feature__box__info__txt {
    margin-top: min(2.5vw, 57.6px);
  }
}
.feature__box__info__logo {
  width: min(50.133vw, 225.6px);
  margin-top: min(4.267vw, 19.2px);
}
@media screen and (min-width: 769px) {
  .feature__box__info__logo {
    width: min(19.583vw, 451.2px);
    margin-top: min(2.5vw, 57.6px);
  }
}
@media screen and (min-width: 769px) {
  .feature__box:nth-child(even) {
    -ms-grid-columns: 45fr 55fr;
    grid-template-columns: 45fr 55fr;
  }
  .feature__box:nth-child(even) .feature__box__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .feature__box:nth-child(even) .feature__box__info {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-inline: min(3.333vw, 76.8px) 0;
  }
}
@media screen and (min-width: 1281px) {
  .feature__box:nth-child(even) .feature__box__info {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-inline: min(10.417vw, 240px) 0;
  }
}

.story {
  margin-top: min(21.333vw, 96px);
  padding-bottom: min(10.667vw, 48px);
}
@media screen and (min-width: 769px) {
  .story {
    margin-top: min(8.333vw, 192px);
    padding-bottom: min(6.25vw, 144px);
  }
}
.story__ttl .ttl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto min(2.133vw, 9.6px) auto;
  grid-template-columns: auto auto;
  -ms-grid-rows: auto 0 auto 0 auto;
  grid-template-rows: repeat(3, auto);
  gap: 0 min(2.133vw, 9.6px);
  width: min(69.867vw, 314.4px);
  margin-inline: auto;
}
.story__ttl .ttl > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.story__ttl .ttl > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.story__ttl .ttl > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.story__ttl .ttl > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.story__ttl .ttl > *:nth-child(5) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.story__ttl .ttl > *:nth-child(6) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
@media screen and (min-width: 769px) {
  .story__ttl .ttl {
    gap: 0 min(0.833vw, 19.2px);
    width: min(27.292vw, 628.8px);
  }
}
.story__ttl .ttl > span {
  display: inline-block;
  margin: 0;
  line-height: 0.9;
  text-align: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.story__ttl .ttl .ttl-story {
  font-size: min(13.333vw, 60px);
  font-family: "Cormorant Garamond", serif;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
}
@media screen and (min-width: 769px) {
  .story__ttl .ttl .ttl-story {
    font-size: min(5.208vw, 120px);
  }
}
.story__ttl .ttl .ttl-of {
  font-size: min(6.667vw, 30px);
  font-family: "Cormorant Garamond", serif;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2/1/3/2;
}
@media screen and (min-width: 769px) {
  .story__ttl .ttl .ttl-of {
    font-size: min(2.604vw, 60px);
  }
}
.story__ttl .ttl .ttl-takasaki {
  font-size: min(13.6vw, 61.2px);
  font-family: "Cormorant Garamond", serif;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 3/1/4/3;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 769px) {
  .story__ttl .ttl .ttl-takasaki {
    font-size: min(5.313vw, 122.4px);
  }
}
.story__ttl .ttl .ttl-ja {
  font-size: min(4vw, 18px);
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
  padding-top: 1em;
}
@media screen and (min-width: 769px) {
  .story__ttl .ttl .ttl-ja {
    font-size: min(1.563vw, 36px);
  }
}
.story__timeline {
  margin-top: min(7.467vw, 33.6px);
}
@media screen and (min-width: 1025px) {
  .story__timeline {
    margin-top: min(3.75vw, 86.4px);
  }
}
.story__timeline__wrap .mCSB_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: min(566.4vw, 2548.8px);
  max-width: none;
}
@media screen and (min-width: 1025px) {
  .story__timeline__wrap .mCSB_container {
    width: min(221.25vw, 5097.6px);
  }
}
.story__timeline__wrap .mCSB_1_scrollbar {
  scale: 0.5 1;
}
.story__timeline__item .year img {
  height: min(5.6vw, 25.2px);
}
@media screen and (min-width: 1025px) {
  .story__timeline__item .year img {
    height: min(2.188vw, 50.4px);
  }
}
.story__timeline__item .txt {
  line-height: 1.5;
  font-size: clamp(9.6px, 3.2vw, 14.4px);
}
@media screen and (min-width: 1025px) {
  .story__timeline__item .txt {
    font-size: clamp(14.4px, 0.938vw, 21.6px);
  }
}
.story__timeline .item__in {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto min(3.2vw, 14.4px) 1fr;
  grid-template-columns: auto 1fr;
  gap: min(3.2vw, 14.4px);
}
.story__timeline .item1598 {
  width: min(41.333vw, 186px);
  margin-left: min(6.4vw, 28.8px);
  margin-top: min(2.133vw, 9.6px);
}
.story__timeline .item1598 .img {
  margin: min(1.067vw, 4.8px) 0 min(2.133vw, 9.6px);
}
@media screen and (min-width: 1025px) {
  .story__timeline .item1598 {
    width: min(16.146vw, 372px);
    margin-left: min(2.5vw, 57.6px);
  }
}
.story__timeline .item1900 {
  width: min(61.067vw, 274.8px);
  margin-left: min(3.2vw, 14.4px);
  margin-top: min(12vw, 54px);
}
.story__timeline .item1900 .item__in {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.story__timeline .item1900 .img {
  margin-top: min(2.133vw, 9.6px);
}
@media screen and (min-width: 1025px) {
  .story__timeline .item1900 {
    width: min(23.854vw, 549.6px);
    margin-left: min(1.25vw, 28.8px);
    margin-top: min(4.688vw, 108px);
  }
}
.story__timeline .item1961 {
  width: min(61.067vw, 274.8px);
  margin-left: min(3.2vw, 14.4px);
}
.story__timeline .item1961 .item__in {
  margin-top: min(2.133vw, 9.6px);
  padding-right: 16.5%;
}
.story__timeline .item1961 .img figcaption {
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .story__timeline .item1961 {
    width: min(23.854vw, 549.6px);
    margin-left: min(1.25vw, 28.8px);
  }
}
.story__timeline .item1968 {
  width: min(61.067vw, 274.8px);
  margin-left: -1.5%;
  margin-top: min(24vw, 108px);
}
.story__timeline .item1968 .item__in {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  padding-left: min(11.733vw, 52.8px);
}
.story__timeline .item1968 .img {
  margin-top: min(2.133vw, 9.6px);
}
@media screen and (min-width: 1025px) {
  .story__timeline .item1968 {
    width: min(23.854vw, 549.6px);
  }
  .story__timeline .item1968 .item__in {
    padding-left: min(4.688vw, 108px);
  }
}
.story__timeline .item1982 {
  width: min(61.067vw, 274.8px);
  margin-top: min(11.2vw, 50.4px);
  margin-left: min(3.2vw, 14.4px);
}
.story__timeline .item1982 .item__in {
  margin-top: min(2.133vw, 9.6px);
}
@media screen and (min-width: 1025px) {
  .story__timeline .item1982 {
    width: min(23.854vw, 549.6px);
    margin-left: min(1.25vw, 28.8px);
  }
}
.story__timeline .item1999 {
  width: min(61.067vw, 274.8px);
  margin-top: min(28vw, 126px);
  margin-left: min(3.2vw, 14.4px);
}
.story__timeline .item1999 .item__in {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.story__timeline .item1999 .img {
  margin-top: min(2.133vw, 9.6px);
}
@media screen and (min-width: 1025px) {
  .story__timeline .item1999 {
    width: min(23.854vw, 549.6px);
    margin-left: min(1.25vw, 28.8px);
  }
}
.story__timeline .item2011 {
  width: min(48.533vw, 218.4px);
  margin-left: min(3.2vw, 14.4px);
}
.story__timeline .item2011 .item__in {
  margin-top: min(2.133vw, 9.6px);
}
@media screen and (min-width: 1025px) {
  .story__timeline .item2011 {
    width: min(18.958vw, 436.8px);
    margin-left: min(1.25vw, 28.8px);
  }
}
.story__timeline .item2024 {
  width: min(61.067vw, 274.8px);
  margin-top: min(20vw, 90px);
  margin-left: min(3.2vw, 14.4px);
}
.story__timeline .item2024 .item__in {
  margin-top: min(2.133vw, 9.6px);
}
@media screen and (min-width: 1025px) {
  .story__timeline .item2024 {
    width: min(23.854vw, 549.6px);
    margin-left: min(1.25vw, 28.8px);
  }
}
.story__timeline .item2028 {
  width: min(98.667vw, 444px);
  margin-left: min(3.2vw, 14.4px);
  margin-right: min(6.4vw, 28.8px);
}
.story__timeline .item2028 .item__in {
  margin-top: min(2.133vw, 9.6px);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
@media screen and (min-width: 1025px) {
  .story__timeline .item2028 {
    width: min(38.49vw, 886.8px);
    margin-left: min(1.25vw, 28.8px);
    margin-right: min(2.5vw, 57.6px);
  }
}
.story__notes {
  margin-top: min(6.4vw, 28.8px);
  padding-inline: min(6.4vw, 28.8px);
}
@media screen and (min-width: 1025px) {
  .story__notes {
    padding-inline: min(2.5vw, 57.6px);
    margin-top: min(2.5vw, 57.6px);
  }
}
/*# sourceMappingURL=development.css.map */