@charset "UTF-8";
@import url("/static/full/goldwin/js/plugin/swiper/swiper-bundle.min.css");
.c-breadcrumb {
  padding: clamp(1.5rem, 2.2222222222vw, 2rem) 0;
}
:not([class*=u-content-align]) > .c-breadcrumb .c-breadcrumb__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);
}
.c-breadcrumb__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5em 1em;
}
.c-breadcrumb__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-breadcrumb__item + .c-breadcrumb__item {
  gap: 1em;
}
.c-breadcrumb__item + .c-breadcrumb__item::before {
  content: "";
  --size: 5px;
  --bdw: 1px;
  --clr: currentColor;
  display: block;
  width: var(--size);
  height: var(--size);
  border-top: var(--bdw) solid var(--clr);
  border-right: var(--bdw) solid var(--clr);
  -webkit-transition-property: border-color;
  transition-property: border-color;
  -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;
  -webkit-transform: translateX(-25%) rotate(45deg);
          transform: translateX(-25%) rotate(45deg);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-breadcrumb__item:last-child {
  color: var(--clr--neutral-400);
}
.c-breadcrumb__item:last-child a {
  pointer-events: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
}
.c-breadcrumb__item a {
  font-size: 0.6875em;
}

.c-stroke-button {
  position: relative;
  width: var(--w, 100%);
  max-width: var(--maw, -webkit-fit-content);
  max-width: var(--maw, -moz-fit-content);
  max-width: var(--maw, fit-content);
  height: var(--h, 48px);
  border: 1px solid var(--clr, #000);
  border-radius: var(--h, 48px);
  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;
  padding: var(--py, 0) var(--px, 1.5em);
  margin: auto;
  background-color: var(--bgc, #fff);
  color: var(--clr, currentColor);
  -webkit-transition-property: opacity, background-color, color;
  transition-property: opacity, background-color, color;
  -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;
}
.c-stroke-button :is(a, span) {
  font-size: clamp(var(--fz13, 0.8125em), 0.9722222222vw, var(--fz14, 0.875em));
}
.c-stroke-button :is(a, span)::after {
  content: "";
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
@media (min-width: 48.0625em) {
  .c-stroke-button:hover {
    background-color: var(--clr, #000);
    color: var(--bgc, #fff);
  }
}

.c-page-header {
  padding: clamp(1.5rem, 3.8888888889vw, 3.5rem) 0 clamp(3rem, 5.5555555556vw, 5rem);
}
:not([class*=u-content-align]) > .c-page-header .c-page-header__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);
}
.c-page-header:not([class*=u-ff--ja]) .c-page-header__heading {
  font-size: clamp(1.5rem, 2.2222222222vw, 2rem);
}
.c-page-header:not([class*=u-ff--ja]) .c-page-header__heading.is-large {
  font-size: clamp(1.5rem, 2.7777777778vw, 2.5rem);
}
.c-page-header__heading {
  text-align: center;
  font-weight: 400;
  font-size: clamp(1.75rem, 2.2222222222vw, 2rem);
}
.c-page-header__leadtext {
  font-size: clamp(0.875rem, 1.25vw, 1.125rem);
  text-align: center;
  line-height: 2;
}
.c-page-header__leadtext:not(:first-child) {
  margin-top: 3.5rem;
}

.c-feature-banner {
  position: relative;
}
.c-feature-banner[data-color*=white] {
  --banner-text-clr: #fff;
  --banner-btn-clr: #000;
  --banner-btn-bgc: rgb(255 255 255 / 0.8);
}
@media (min-width: 48.0625em) {
  .c-feature-banner[data-color*=white]:hover .c-fill-button {
    --banner-btn-clr: #fff;
    --banner-btn-bgc: #000;
  }
}
.c-feature-banner[data-color*=black] {
  --banner-text-clr: #000;
  --banner-btn-clr: #fff;
  --banner-btn-bgc: rgb(0 0 0 / 0.8);
}
@media (min-width: 48.0625em) {
  .c-feature-banner[data-color*=black]:hover .c-fill-button {
    --banner-btn-clr: #000;
    --banner-btn-bgc: #fff;
  }
}
.c-feature-banner__img {
  position: relative;
  z-index: 1;
}
.c-feature-banner__img img {
  width: 100%;
}
.c-feature-banner__content {
  position: absolute;
  padding: 0 clamp(1.5rem, 2.7777777778vw, 2.5rem) clamp(1.5rem, 3.3333333333vw, 3rem);
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 3;
}
.c-feature-banner__title {
  color: var(--banner-text-clr, #fff);
  font-size: clamp(1.125rem, 1.5277777778vw, 1.375rem);
  line-height: 1.2;
}
.c-feature-banner__title a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.c-feature-banner__button {
  --h: 2.25em;
  --fz: 0.8125em;
  margin-top: 1em;
}
.c-feature-banner__button .c-fill-button {
  position: relative;
  background-color: var(--bgc, var(--banner-btn-bgc));
  border: 1px solid var(--bdc, transparent);
  border-radius: var(--bdr, var(--h));
  width: var(--w, -webkit-fit-content);
  width: var(--w, -moz-fit-content);
  width: var(--w, fit-content);
  height: var(--h, clamp(3rem, 3.8888888889vw, 3.5rem));
  max-width: var(--maw, 100%);
  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;
  -webkit-transition-property: background-color, border-color;
  transition-property: background-color, border-color;
  -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;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.c-feature-banner__button .c-fill-button :is(a, span, input) {
  display: block;
  padding: var(--py, 0.625em) var(--px, 1.125em);
  font-size: var(--fz, var(--fz15));
  color: var(--clr, var(--banner-btn-clr));
  text-decoration: none;
  -webkit-transition-property: color;
  transition-property: color;
  -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;
}
.c-feature-banner__button .c-fill-button :is(a, span, input)::after {
  content: "";
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.c-feature-banner__button .c-fill-button input {
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  display: block;
  width: 100%;
}
@media (min-width: 48.0625em) {
  .c-feature-banner__button .c-fill-button {
    max-width: var(--maw, 100%);
  }
  .c-feature-banner__button .c-fill-button :is(a, span) {
    font-size: var(--fz, var(--fz16));
  }
  .c-feature-banner__button .c-fill-button:not(:is(.is-disabled, .is-waiting, .is-white)):hover {
    cursor: pointer;
    background-color: var(--bgc-h, var(--banner-btn-clr));
    border-color: var(--bdc-h, #333);
  }
  .c-feature-banner__button .c-fill-button:not(:is(.is-disabled, .is-waiting, .is-white)):hover :is(a, label, input) {
    color: var(--clr-h, var(--banner-btn-bgc));
  }
}
.c-feature-banner__categories {
  position: absolute;
  top: 0;
  right: clamp(1rem, 1.6666666667vw, 1.5rem);
  bottom: 0;
  margin: auto;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  color: var(--banner-text-clr, #fff);
  padding: 1.25em 0;
  height: 100%;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 3;
}
.c-feature-banner__categories span {
  font-size: var(--fz10);
}
.c-feature-banner__categories span:not(:first-child)::before {
  content: "・";
}
@media (min-width: 48.0625em) {
  .c-feature-banner__categories {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.pg-introduction {
  padding-bottom: clamp(5rem, 11.1111111111vw, 10rem);
}
.pg-introduction__inner {
  max-width: 960px;
}
.pg-introduction__text {
  font-size: clamp(0.875rem, 1.3888888889vw, 1.25rem);
  line-height: 2.4;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.pg-anchor-links {
  padding: 40px 0;
  background-color: var(--clr--neutral-100);
}
.pg-anchor-links__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem clamp(1rem, 4.1666666667vw, 3.75rem);
}
@media (min-width: 48.0625em) {
  .pg-anchor-links__items {
    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;
  }
}
.pg-anchor-links__item {
  font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.pg-anchor-links__item::after {
  content: "";
  --size: 6px;
  --bdw: 1px;
  --clr: #000;
  display: block;
  width: var(--size);
  height: var(--size);
  border-top: var(--bdw) solid var(--clr);
  border-right: var(--bdw) solid var(--clr);
  -webkit-transition-property: border-color;
  transition-property: border-color;
  -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;
  -webkit-transform: translateY(-25%) rotate(135deg);
          transform: translateY(-25%) rotate(135deg);
}
@media (min-width: 48.0625em) {
  .pg-anchor-links__item:hover {
    opacity: 0.6;
  }
}

.pg-histories {
  margin-left: min(-0.75rem, -2.7777777778vw);
  padding-left: max(0.75rem, 2.7777777778vw);
  margin-right: min(-0.75rem, -2.7777777778vw);
  padding-right: max(0.75rem, 2.7777777778vw);
}
.pg-histories.is-animated .pg-histories__content::before {
  height: 100%;
}
.pg-histories.is-animated .pg-history__era::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.pg-histories__introduction p {
  font-size: clamp(0.875rem, 1.3888888889vw, 1.25rem);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.pg-histories__content {
  position: relative;
  display: grid;
  gap: 3rem;
  margin-top: 3.5rem;
}
.pg-histories__content::before {
  content: "";
  display: block;
  width: 1px;
  height: 0;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0.25rem;
  -webkit-transition: height 2s linear 0s;
  transition: height 2s linear 0s;
}

.pg-history {
  display: grid;
  gap: 1.5rem clamp(1.5rem, 3.3333333333vw, 3rem);
}
@media (max-width: 48em) {
  .pg-history {
    padding-left: 4rem;
  }
}
@media (min-width: 48.0625em) {
  .pg-history {
    padding-left: 2rem;
    grid-template-columns: minmax(0, 1fr) clamp(14.0625rem, 22.9166666667vw, 20.625rem);
  }
}
.pg-history:nth-child(1) {
  --delay: 0.1s;
}
.pg-history:nth-child(2) {
  --delay: 0.38s;
}
.pg-history:nth-child(3) {
  --delay: 0.66s;
}
.pg-history:nth-child(4) {
  --delay: 0.94s;
}
.pg-history:nth-child(5) {
  --delay: 1.22s;
}
.pg-history:nth-child(6) {
  --delay: 1.5s;
}
.pg-history:nth-child(7) {
  --delay: 1.78s;
}
.pg-history:nth-child(8) {
  --delay: 2.06s;
}
.pg-history:nth-child(9) {
  --delay: 2.34s;
}
.pg-history:nth-child(10) {
  --delay: 2.62s;
}
.pg-history__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.pg-history__era {
  font-size: clamp(1.5rem, 2.7777777778vw, 2.5rem);
  line-height: 1.1;
}
.pg-history__era::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) var(--delay, 0s);
  transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) var(--delay, 0s);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) var(--delay, 0s);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) var(--delay, 0s), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) var(--delay, 0s);
}
@media (max-width: 48em) {
  .pg-history__era {
    position: absolute;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    left: 0.75rem;
  }
  .pg-history__era::before {
    left: -0.75rem;
  }
}
@media (min-width: 48.0625em) {
  .pg-history__era {
    position: relative;
  }
  .pg-history__era::before {
    left: -2rem;
  }
}
.pg-history__text {
  font-size: clamp(0.75rem, 1.0416666667vw, 0.9375rem);
  line-height: 1.8;
}
@media (min-width: 48.0625em) {
  .pg-history__text:not(:first-child) {
    margin-top: 1.25rem;
  }
}
.pg-history__img {
  -webkit-box-flex: 0.55;
      -ms-flex: 0.55;
          flex: 0.55;
}

.c-section + .c-section {
  border-top: 1px solid var(--clr--neutral-200);
}/*# sourceMappingURL=index.css.map */