@media (max-width: 30em) {
  .u-d-n--sp {
    display: none;
  }
}
@media (min-width: 30.0625em) and (max-width: 48em) {
  .u-d-n--tb {
    display: none;
  }
}
@media (min-width: 48.0625em) {
  .u-d-n--pc {
    display: none;
  }
}
@media (max-width: 48em) {
  .u-d-n--not-pc {
    display: none;
  }
}
@media (min-width: 30.0625em) {
  .u-d-n--not-sp {
    display: none;
  }
}
.u-d-b--sp {
  display: none;
}
@media (max-width: 30em) {
  .u-d-b--sp {
    display: block;
  }
}
.u-d-b--tb {
  display: none;
}
@media (min-width: 30.0625em) and (max-width: 48em) {
  .u-d-b--tb {
    display: block;
  }
}
.u-d-b--pc {
  display: none;
}
@media (min-width: 48.0625em) {
  .u-d-b--pc {
    display: block;
  }
}
.u-d-b--not-pc {
  display: none;
}
@media (max-width: 48em) {
  .u-d-b--not-pc {
    display: block;
  }
}
.u-d-b--not-sp {
  display: none;
}
@media (min-width: 30.0625em) {
  .u-d-b--not-sp {
    display: block;
  }
}

.page-collection-2025fw {
  --content-min-margin: 16;
  position: relative;
  background-color: #fff;
  padding-top: clamp(4rem, 6.6666666667vw, 6rem);
  padding-bottom: clamp(4rem, 11.1111111111vw, 10rem);
}
@media (min-width: 48.0625em) {
  .page-collection-2025fw {
    --content-base-margin: 120;
  }
}

.header-wrap.fixed .header-inner-box {
  background-color: transparent;
}

.pg-screen {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
}

.pg-introduction__inner {
  --minmax: max(calc(var(--content-min-margin, 24) * 1px), calc(var(--content-base-margin, 40) / var(--content-base-width, 1440) * 100vw));
  max-width: var(--content-max-width, 800px);
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - var(--minmax) * 2);
  text-align: center;
}
.pg-introduction__title {
  font-size: clamp(2rem, 2.7777777778vw, 2.5rem);
}
.pg-introduction__lead {
  font-size: 0.75rem;
  margin-top: clamp(2rem, 3.3333333333vw, 3rem);
  line-height: 1.6;
}

.pg-tab-switcher {
  height: clamp(2rem, 2.7777777778vw, 2.5rem);
  margin-top: clamp(2rem, 3.3333333333vw, 3rem);
}
.pg-tab-switcher.is-fixed .pg-tab-switcher__items {
  position: fixed;
  top: calc(var(--fixed-header-height) + 20px);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
}
.pg-tab-switcher__items {
  position: relative;
  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;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(2rem, 2.7777777778vw, 2.5rem);
  overflow: hidden;
  border-radius: 40px;
  background-color: rgba(242, 242, 242, 0.8);
  backdrop-filter: blur(10px);
  margin-inline: auto;
}
.pg-tab-switcher__items::before {
  content: "";
  display: block;
  background-color: #000;
  border-radius: 40px;
  position: absolute;
  width: var(--tab-switcher-width, 100%);
  height: 100%;
  left: var(--tab-switcher-left, 0);
  -webkit-transition-property: width, left;
  transition-property: width, left;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.pg-tab-switcher__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(0.75rem, 1.1111111111vw, 1rem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 1.5rem;
  -webkit-transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.pg-tab-switcher__item button {
  background-color: transparent;
  border: none;
  color: currentColor;
}
.pg-tab-switcher__item.is-active {
  color: #fff;
}
.pg-tab-switcher__item:hover {
  cursor: pointer;
}
@media (min-width: 48.0625em) {
  .pg-tab-switcher__item:hover:not(.is-active) {
    color: color-mix(in srgb, #000 60%, transparent);
  }
}

.pg-contents {
  padding-top: clamp(4rem, 8.8888888889vw, 8rem);
  padding-bottom: clamp(8rem, 13.8888888889vw, 12.5rem);
}
.pg-contents__inner {
  --minmax: max(calc(var(--content-min-margin, 24) * 1px), calc(var(--content-base-margin, 40) / var(--content-base-width, 1440) * 100vw));
  max-width: var(--content-max-width, 100%);
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - var(--minmax) * 2);
}
.pg-contents__title {
  font-size: clamp(1rem, 1.6666666667vw, 1.5rem);
  text-align: center;
  margin-bottom: 3rem;
}

.pg-section + .pg-section {
  margin-top: clamp(8rem, 19.4444444444vw, 17.5rem);
}
@media (min-width: 48.0625em) {
  .pg-section__inner {
    padding-inline: 3.8888888889vw;
  }
}

.pg-grid-1 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(5, auto);
  grid-template-areas: "A A" "B C" "D D" "E F" "G G";
  gap: 3rem 0.625rem;
}
@media (min-width: 48.0625em) {
  .pg-grid-1 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(3, auto);
    grid-template-areas: "A B C" "D E F" "G H I";
    gap: 1.75rem max(var(--content-min-margin, 24) * 1px, var(--content-base-margin, 40) / var(--content-base-width, 1440) * 100vw);
  }
}

.pg-grid-1__cell[style*="--pc-position: A"], .pg-grid-1__cell[style*="--pc-position: C"], .pg-grid-1__cell[style*="--pc-position: D"], .pg-grid-1__cell[style*="--pc-position: F"], .pg-grid-1__cell[style*="--pc-position: G"], .pg-grid-1__cell[style*="--pc-position: I"] {
  --aspect-ratio: 9 / 16;
}
.pg-grid-1__cell[style*="--pc-position: B"], .pg-grid-1__cell[style*="--pc-position: E"], .pg-grid-1__cell[style*="--pc-position: H"] {
  --aspect-ratio: 4 / 5;
}
@media (max-width: 48em) {
  .pg-grid-1__cell {
    grid-area: var(--sp-position);
  }
  .pg-grid-1__cell[style*="--sp-position: A"], .pg-grid-1__cell[style*="--sp-position: G"] {
    width: 71.2820512821vw;
    margin-inline: auto;
  }
  .pg-grid-1__cell[style*="--sp-position: D"] {
    width: 61.5384615385vw;
    margin-inline: auto;
  }
  .pg-grid-1__cell[style*="--sp-position: X"] {
    display: none;
  }
}
@media (min-width: 48.0625em) {
  .pg-grid-1__cell {
    grid-area: var(--pc-position);
  }
  .pg-grid-1__cell[style*="--pc-position: B"] {
    -ms-flex-item-align: end;
        align-self: end;
  }
  .pg-grid-1__cell[style*="--pc-position: E"] {
    -ms-flex-item-align: center;
        align-self: center;
  }
}
@media (max-width: 48em) {
  .pg-grid-1__cell:has(> *:nth-child(2)) {
    display: grid;
    gap: clamp(0.625rem, 1.3888888889vw, 1.25rem);
  }
}
.pg-grid-1__cell :where(video, img) {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--aspect-ratio);
}

.pg-grid-2 {
  display: grid;
}
@media (max-width: 48em) {
  .pg-grid-2 {
    gap: 0 clamp(0.625rem, 1.3888888889vw, 1.25rem);
    grid-template-rows: repeat(4, auto);
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "PC3_4" "PC1_2" "PC5";
  }
}
@media (min-width: 48.0625em) {
  .pg-grid-2 {
    gap: clamp(3rem, 6.6666666667vw, 6rem) clamp(0.625rem, 1.3888888889vw, 1.25rem);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, auto);
    grid-template-areas: "PC1_2 PC1_2 PC1_2" "PC3_4 PC3_4 PC5";
  }
}

.pg-grid-2__cell:has(img) {
  --aspect-ratio: 4 / 5;
}
.pg-grid-2__cell:has(video) {
  --aspect-ratio: 9 / 16;
}
@media (max-width: 48em) {
  .pg-grid-2__cell {
    display: contents;
  }
  .pg-grid-2__cell [data-variant*=SP1],
  .pg-grid-2__cell [data-variant*=SP2],
  .pg-grid-2__cell [data-variant*=SP5] {
    width: 71.2820512821vw;
    margin-inline: auto;
  }
  .pg-grid-2__cell [data-variant*=SP1] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .pg-grid-2__cell [data-variant*=SP2] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0.625rem;
  }
  .pg-grid-2__cell[data-variant*=SP3_4] {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    display: grid;
    gap: clamp(0.625rem, 1.3888888889vw, 1.25rem);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 2.5rem;
  }
  .pg-grid-2__cell [data-variant*=SP5] {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    margin-top: 2.5rem;
  }
}
@media (min-width: 48.0625em) {
  .pg-grid-2__cell[data-variant*=PC1_2] {
    grid-area: PC1_2;
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(0.625rem, 1.3888888889vw, 1.25rem);
  }
  .pg-grid-2__cell[data-variant*=PC1_2]:has(video) {
    width: 60%;
  }
  .pg-grid-2__cell[data-variant*=PC1_2]:has(img) {
    width: 84.4%;
  }
  .pg-grid-2__cell[data-variant*=PC3_4] {
    grid-area: PC3_4;
    display: grid;
    grid-template-columns: subgrid;
  }
  .pg-grid-2__cell[data-variant=PC5] {
    grid-area: PC5;
  }
}
.pg-grid-2__cell video,
.pg-grid-2__cell img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--aspect-ratio);
}

.pg-credit-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: clamp(3rem, 3.8888888889vw, 3.5rem);
}
@media (max-width: 48em) {
  .pg-credit-items {
    gap: 0.5rem 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 48.0625em) {
  .pg-credit-items {
    gap: 0 1.25rem;
  }
}
@media (max-width: 48em) {
  .pg-credit-items + .pg-credit-items {
    margin-top: 1rem;
  }
}
@media (min-width: 48.0625em) {
  .pg-credit-items + .pg-credit-items {
    margin-top: 0.5rem;
  }
}

.pg-credit-item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.125rem 0.625rem;
}
@media (max-width: 48em) {
  .pg-credit-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 71.2820512821vw;
    margin-inline: auto;
  }
}
.pg-credit-item__title {
  font-size: 0.8125rem;
}
.pg-credit-item__title a[href] {
  text-decoration: underline;
}
.pg-credit-item__title a[href]:hover {
  text-decoration: none;
}
.pg-credit-item__data {
  font-size: 0.6875rem;
}
.pg-credit-item__data small {
  font-size: 0.625rem;
}
.pg-credit-item.is-coming-soon .pg-credit-item__title a {
  pointer-events: none;
  text-decoration: none;
}
.pg-credit-item.is-coming-soon .pg-credit-item__data::after {
  content: var(--label);
  font-size: 0.625rem;
  margin-left: 0.25rem;
}

.pg-footer {
  padding-top: clamp(5rem, 8.8888888889vw, 8rem);
  border-top: 1px solid #ebebeb;
}
.pg-footer__inner {
  --minmax: max(calc(var(--content-min-margin, 24) * 1px), calc(var(--content-base-margin, 40) / var(--content-base-width, 1440) * 100vw));
  max-width: var(--content-max-width, 100%);
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - var(--minmax) * 2);
}
.pg-footer__title {
  font-size: 1.25rem;
  text-align: center;
  line-height: 1.1;
}

.pg-footer-banners {
  display: grid;
  gap: clamp(1rem, 1.3888888889vw, 1.25rem);
  margin-top: clamp(2.5rem, 4.4444444444vw, 4rem);
}
@media (min-width: 48.0625em) {
  .pg-footer-banners {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.pg-footer-banner {
  padding: 3rem;
  background-color: #f7f7f7;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  text-align: center;
}
.pg-footer-banner:focus-visible {
  outline: 2px solid #000;
}
@media (min-width: 48.0625em) {
  .pg-footer-banner {
    padding: 2rem;
    aspect-ratio: 1/1;
    width: 100%;
    height: auto;
  }
}
.pg-footer-banner__img {
  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;
  height: auto;
  overflow: hidden;
}
.pg-footer-banner__img img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
@media (min-width: 48.0625em) {
  .pg-footer-banner__img {
    width: 51.330798%;
  }
  .pg-footer-banner__img:hover {
    cursor: pointer;
  }
  .pg-footer-banner__img:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.pg-footer-banner__text {
  font-size: 0.75rem;
}

.pg-footer-buttons {
  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;
  width: 100%;
  max-width: 480px;
  height: clamp(3.75rem, 5.5555555556vw, 5rem);
  margin-inline: auto;
  margin-top: clamp(3rem, 4.4444444444vw, 4rem);
  --button-w: 100%;
  --button-h: clamp(3.75rem, 5.5555555556vw, 5rem);
  --button-fz: clamp(0.8125rem, 1.0416666667vw, 0.9375rem);
  --button-fw: normal;
}

.pg-fixed-button {
  --button-maw: 150px;
  --button-fz: clamp(0.75rem, 1.1111111111vw, 1rem);
  --button-h: clamp(2rem, 2.7777777778vw, 2.5rem);
  --button-p-x: 1.5rem;
  --button-fw: normal;
  position: fixed;
  bottom: clamp(1.25rem, 2.7777777778vw, 2.5rem);
  z-index: 100;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
@media (max-width: 48em) {
  .pg-fixed-button {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (min-width: 48.0625em) {
  .pg-fixed-button {
    right: 40px;
  }
}
.page-collection-2025fw:not(:has(.pg-contents.is-entered)) .pg-fixed-button, .page-collection-2025fw:has(.pg-contents.is-leaving) .pg-fixed-button, .page-collection-2025fw:has(.pg-contents.is-leaved) .pg-fixed-button {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}/*# sourceMappingURL=index.css.map */