@charset "UTF-8";
.ce-wrapper {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 460;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
}
@media (max-width: 767px) {
  .ce-wrapper {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}
@media (min-width: 1400px) {
  .ce-wrapper {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .ce-wrapper {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}
@media (max-width: 767px) {
  .ce-wrapper {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

.ce-wrapper {
  --font-benton:"benton-modern-display", serif;
  --font-source:"source-han-serif-japanese", serif;
  --animation-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --animation-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --animation-ease-modern: cubic-bezier(0.16, 1, 0.3, 1);
  --animation-ease-smooth: cubic-bezier(0.2, 1, 0.3, 1);
  --animation-speed-default: 0.6s;
  --animation-speed-fast: 0.6s;
  --animation-speed-medium: 1s;
  --animation-speed-slow: 1.5s;
  --animation-delay-none: 0s;
  --animation-delay-default: 0.2s;
  --animation-delay-short: 0.1s;
  --animation-delay-medium: 0.45s;
  --animation-delay-long: 1s;
  --fade-up-distance: 40;
}

.ce-wrapper {
  overflow: clip;
}
.ce-wrapper * {
  font-feature-settings: "palt";
  box-sizing: border-box;
}
.ce-wrapper img {
  width: 100%;
  height: auto;
  object-fit: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  transition: unset;
  display: block;
}
.ce-wrapper picture {
  display: block;
}
.ce-wrapper button {
  padding: 0;
  cursor: pointer;
  appearance: none;
}

* > .main-area {
  font-feature-settings: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: unset;
  min-width: auto;
}

body:has(.ce-wrapper) #Contents {
  overflow: unset;
}

@media (min-width: 768px) {
  .ce-main__layout {
    display: grid;
  }
}
@media (min-width: 768px) {
  .ce-main__layout--col2 {
    grid-template-columns: 1fr 1fr;
  }
}
.ce-main__layout--col3 {
  grid-template-columns: 1fr calc(var(--sp-artboard-width) * var(--formula)) 1fr;
}
@media (min-width: 768px) {
  .ce-main__layout--col3 {
    grid-template-columns: 1fr calc(var(--pc-artboard-width) * var(--formula_pc)) 1fr;
  }
}
@media (min-width: 768px) {
  .ce-main__layout--col3 .ce-main__col--sticky {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100dvh;
    overflow: hidden;
    position: sticky;
    left: 0;
    top: 0;
  }
}
.ce-main__col--center {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  overflow-x: clip !important;
}
@media (min-width: 768px) {
  .ce-main__col--left, .ce-main__col--right {
    background-color: var(--color-bg-primary);
  }
}
.ce-main__col--right {
  display: none;
}
.ce-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
}
@media (min-width: 768px) {
  .ce-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
  }
}

.ce-sticky {
  position: sticky;
  top: 0;
  z-index: 1;
}

@media (min-width: 768px) {
  .ce-main__col--left {
    display: grid;
    place-items: center;
    height: calc(100dvh - var(--header-height));
    position: sticky;
    top: var(--header-height, 0);
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .ce-main__col--left .ce-main-image {
    width: 100%;
    height: calc(100dvh - var(--header-height));
  }
}
@media (min-width: 768px) {
  .ce-main__col--left .ce-main-image__image {
    width: 100%;
    height: calc(100dvh - var(--header-height));
  }
}
@media (min-width: 768px) {
  .ce-main__col--left .ce-main-image__image img {
    height: calc(100dvh - var(--header-height));
    object-fit: cover;
    object-position: top center;
  }
}

.ce-main__col--center {
  padding-bottom: calc(37 * var(--formula));
}
@media (min-width: 768px) {
  .ce-main__col--center {
    padding-bottom: calc(110 * var(--formula_pc));
  }
}
.ce-main__col--center .ce-button {
  font-family: var(--font-benton);
  margin-top: calc(182 * var(--formula));
  font-size: calc(30 * var(--formula));
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-align: center;
  display: grid;
  place-items: center;
  width: calc(550 * var(--formula));
  min-height: calc(100 * var(--formula));
  border: max(2 * var(--formula), 1px) solid #111;
  margin-inline: auto;
  left: calc(-2 * var(--formula));
}
.ce-main__col--center .ce-button__text {
  text-transform: uppercase;
}

.ce-main__col-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
}
@media (min-width: 768px) {
  .ce-main__col-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
  }
}

.ce-main-image {
  position: relative;
}
.ce-main-image__image {
  position: relative;
  overflow: hidden;
}
.ce-main-image__image::before {
  content: "";
  display: block;
  width: calc(100% - 18 * var(--formula) * 2);
  height: calc(100% - 18 * var(--formula) * 2);
  background: unset;
  border: max(2 * var(--formula), 2px) solid #111;
  z-index: 1;
  left: calc(19 * var(--formula));
  position: absolute;
  top: calc(18 * var(--formula));
  border-radius: 0 19% 0 18%;
  box-sizing: border-box;
  pointer-events: none;
}
@media (min-width: 768px) {
  .ce-main-image__image::before {
    width: calc(100% - 19 * var(--formula_pc) * 2);
    height: calc(100% - 14 * var(--formula_pc) * 2);
    background: unset;
    border: max(2 * var(--formula_pc), 2px) solid #111;
    z-index: 1;
    left: calc(19 * var(--formula_pc));
    position: absolute;
    top: calc(14 * var(--formula_pc));
    border-radius: 0 20% 0 20%;
  }
}
.ce-main-image__image:has(img.is-active)::before {
  opacity: 1;
  filter: blur(0px);
}
@media (min-width: 768px) {
  .ce-main-image__image picture {
    width: 100%;
    height: 100%;
    display: block;
  }
}
@media (min-width: 768px) {
  .ce-main-image__image img {
    height: calc(100dvh - var(--header-height));
    object-fit: cover;
  }
}
.ce-main-image__image-main {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}
@media (min-width: 768px) {
  .ce-main-image__image-main img {
    height: calc(100dvh - var(--header-height));
    object-fit: cover;
  }
}
.ce-main-image__on-title {
  position: absolute;
  left: 0;
  bottom: calc(124 * var(--formula));
  width: 100%;
  pointer-events: none;
  z-index: 5;
  transition-delay: 0.4s !important;
}
@media (min-width: 768px) {
  .ce-main-image__on-title {
    bottom: calc(106 * var(--formula_pc));
  }
}
.ce-main-image__on-title img {
  width: calc(521 * var(--formula));
  margin-inline: auto;
}
@media (min-width: 768px) {
  .ce-main-image__on-title img {
    width: calc(449 * var(--formula_pc));
  }
}
.ce-main-image__on-text {
  position: absolute;
  left: 0;
  padding-inline: calc(5 * var(--formula)) calc(0 * var(--formula));
  bottom: calc(53 * var(--formula));
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  font-size: calc(26 * var(--formula));
  line-height: 1.7307692308;
  letter-spacing: 0.1em;
  font-weight: 500;
  color: #fff;
  text-align: center;
  width: 100%;
  pointer-events: none;
  z-index: 1;
  transition-delay: 0.8s !important;
  z-index: 5;
}
@media (min-width: 768px) {
  .ce-main-image__on-text {
    font-size: calc(18 * var(--formula_pc));
    line-height: 2.1111111111;
    letter-spacing: 0.1em;
    font-weight: 500;
    bottom: calc(48 * var(--formula_pc));
  }
}

.ce-image {
  position: relative;
}
.ce-image__main {
  position: relative;
  overflow: hidden;
  transition: background-color linear 1.6s;
}
.ce-image__main:has(.js-inview.is-active) {
  background-color: #fff;
}
.ce-image__main a,
.ce-image__main span {
  display: block;
  position: relative;
  z-index: 1;
}
.ce-image__decoration {
  position: absolute;
  pointer-events: none;
  z-index: 0;
}
.ce-image__heading {
  font-size: calc(29 * var(--formula));
  line-height: 2.1724137931;
  letter-spacing: 0.1em;
  text-align: center;
  font-family: var(--font-source);
  width: fit-content;
  margin-inline: auto;
  position: relative;
  padding-inline: calc(55 * var(--formula)) calc(55 * var(--formula));
  margin-top: calc(83 * var(--formula));
}
.ce-image__heading-mark {
  position: absolute;
  z-index: 1;
}
.ce-image__heading-mark svg {
  width: calc(25 * var(--formula));
  height: calc(20 * var(--formula));
  fill: var(--lp-section-color, #111);
}
.ce-image__heading-mark--start {
  top: calc(-4 * var(--formula));
  left: calc(0 * var(--formula));
}
.ce-image__heading-mark--end {
  bottom: calc(-4 * var(--formula));
  right: calc(0 * var(--formula));
}
.ce-image__text {
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}
.ce-image .ce-item-credit {
  font-size: calc(24 * var(--formula));
  line-height: 0.9166666667;
  color: #111;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-align: center;
  margin-top: calc(50 * var(--formula));
  position: relative;
  z-index: 1;
  font-family: var(--font-benton);
  font-style: normal;
}
.ce-image .ce-item-credit__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(31 * var(--formula)) calc(21 * var(--formula));
}
.ce-image .ce-item-credit__item:nth-of-type(1) {
  flex: 1 1 100%;
}
.ce-image .ce-item-credit__item a,
.ce-image .ce-item-credit__item span {
  width: fit-content;
  margin-inline: auto;
}
.ce-image .ce-item-credit__item a {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: calc(5 * var(--formula));
  text-decoration-color: #b2b2b2;
}
.ce-image .is-active .ce-image__main, .ce-image.is-active .ce-image__main {
  background-color: #fff;
}

.ce-section {
  position: relative;
  z-index: 1;
  color: var(--lp-section-color, #111);
}

.ce-section--intro {
  padding-block: calc(106 * var(--formula)) calc(146 * var(--formula));
}
.ce-section--intro .ce-text {
  font-size: calc(24 * var(--formula));
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}

.ce-section--01 {
  --lp-section-color: #71aeb4;
}
.ce-section--01 .ce-image--01 .ce-image__main {
  width: calc(690 * var(--formula));
  margin-inline: 0 auto;
}
.ce-section--01 .ce-image--02 {
  margin-top: calc(166 * var(--formula));
}
.ce-section--01 .ce-image--02 .ce-image__main {
  width: calc(620 * var(--formula));
  margin-inline: auto 0;
}
.ce-section--01 .ce-image--02 .ce-image__decoration {
  width: calc(280 * var(--formula));
  position: absolute;
  top: calc(-80 * var(--formula));
  left: calc(50 * var(--formula));
}
.ce-section--01 .ce-image--02 .ce-item-credit {
  padding-right: calc(40 * var(--formula));
}
.ce-section--01 .ce-image--02 .ce-item-credit__list {
  justify-content: flex-end;
  gap: calc(31 * var(--formula)) calc(25 * var(--formula));
}
.ce-section--01 .ce-image--02 .ce-item-credit__item:nth-of-type(1) a,
.ce-section--01 .ce-image--02 .ce-item-credit__item:nth-of-type(1) span {
  margin-right: 0;
}

.ce-section--02 {
  margin-top: calc(225 * var(--formula));
}
.ce-section--02 .ce-image--01 .ce-image__main {
  width: calc(750 * var(--formula));
  margin-inline: auto;
}
.ce-section--02 .ce-image--02 {
  margin-top: calc(83 * var(--formula));
}
.ce-section--02 .ce-image--02 .ce-image__main {
  width: calc(620 * var(--formula));
  margin-inline: auto;
}
.ce-section--02 .ce-image--02 .ce-item-credit {
  margin-top: calc(55 * var(--formula));
  position: relative;
  left: calc(1 * var(--formula));
}
.ce-section--02 .ce-image--02 .ce-item-credit__list {
  gap: calc(31 * var(--formula)) calc(27 * var(--formula));
}

.ce-section--03 {
  --lp-section-color: #0d325e;
  margin-top: calc(293 * var(--formula));
}
.ce-section--03 .ce-image--01 .ce-image__main {
  width: calc(640 * var(--formula));
  margin-inline: auto 0;
}
.ce-section--03 .ce-image--01 .ce-image__decoration {
  width: calc(352 * var(--formula));
  top: calc(-70 * var(--formula));
  left: calc(38 * var(--formula));
}
.ce-section--03 .ce-image--02 {
  margin-top: calc(86 * var(--formula));
}
.ce-section--03 .ce-image--02 .ce-image__main {
  width: calc(680 * var(--formula));
  margin-inline: 0 auto;
}
.ce-section--03 .ce-image--02 .ce-image__decoration {
  width: calc(55 * var(--formula));
  position: absolute;
  top: calc(0 * var(--formula));
  right: calc(0 * var(--formula));
}
.ce-section--03 .ce-image--02 .ce-item-credit {
  padding-left: calc(41 * var(--formula));
  margin-top: calc(52 * var(--formula));
}
.ce-section--03 .ce-image--02 .ce-item-credit__list {
  justify-content: flex-start;
  gap: calc(31 * var(--formula)) calc(27 * var(--formula));
}
.ce-section--03 .ce-image--02 .ce-item-credit__item:nth-of-type(1) a,
.ce-section--03 .ce-image--02 .ce-item-credit__item:nth-of-type(1) span {
  margin-left: 0;
}

.ce-section--04 {
  --lp-section-color: #7d7a99;
  margin-top: calc(224 * var(--formula));
}
.ce-section--04 .ce-image--01 .ce-image__main {
  width: calc(750 * var(--formula));
  margin-inline: auto 0;
}
.ce-section--04 .ce-image--01 .ce-image__heading {
  margin-top: calc(82 * var(--formula));
  position: relative;
  left: calc(1 * var(--formula));
  padding-inline: calc(55 * var(--formula)) calc(50 * var(--formula));
}
.ce-section--04 .ce-image--02 {
  margin-top: calc(87 * var(--formula));
}
.ce-section--04 .ce-image--02 .ce-image__main {
  width: calc(580 * var(--formula));
  margin-inline: auto calc(40 * var(--formula));
}
.ce-section--04 .ce-image--02 .ce-image__decoration {
  width: calc(55 * var(--formula));
  position: absolute;
  top: calc(0 * var(--formula));
  right: calc(0 * var(--formula));
}
.ce-section--04 .ce-image--02 .ce-item-credit {
  padding-right: calc(40 * var(--formula));
  margin-top: calc(52 * var(--formula));
}
.ce-section--04 .ce-image--02 .ce-item-credit__list {
  justify-content: flex-end;
  gap: calc(31 * var(--formula)) calc(27 * var(--formula));
}
.ce-section--04 .ce-image--02 .ce-item-credit__item:nth-of-type(1) a,
.ce-section--04 .ce-image--02 .ce-item-credit__item:nth-of-type(1) span {
  margin-right: 0;
}

.ce-section--05 {
  margin-top: calc(226 * var(--formula));
}
.ce-section--05 .ce-image--01 .ce-image__main {
  width: calc(670 * var(--formula));
  margin-inline: auto;
}
.ce-section--05 .ce-image--01 .ce-image__decoration {
  width: calc(280 * var(--formula));
  top: calc(465 * var(--formula));
  left: calc(0 * var(--formula));
}
.ce-section--05 .ce-image--01 .ce-image__heading {
  margin-top: calc(163 * var(--formula));
}
.ce-section--05 .ce-image--02 {
  margin-top: calc(85 * var(--formula));
}
.ce-section--05 .ce-image--02 .ce-image__main {
  width: calc(570 * var(--formula));
  margin-inline: auto;
}
.ce-section--05 .ce-image--02 .ce-item-credit {
  margin-top: calc(52 * var(--formula));
}
.ce-section--05 .ce-image--02 .ce-item-credit__list {
  gap: calc(31 * var(--formula)) calc(25 * var(--formula));
}

.ce .ce-ani-fade {
  opacity: 0;
  transform: translate(0, 0);
  filter: blur(calc(5 * var(--formula)));
  transition: opacity 1.6s ease, transform 1.6s ease, filter 1.6s ease;
}
.ce .ce-ani-fade.is-active {
  opacity: 1;
  filter: blur(0px);
  transform: translate(0, 0);
}
.ce .ce-ani-zoom-out {
  opacity: 0;
  scale: 1.1;
  transition: opacity 1.6s ease, scale 1.6s ease, filter 1.6s ease;
  filter: blur(calc(5 * var(--formula)));
}
.ce .ce-ani-zoom-out.is-active {
  opacity: 1;
  scale: 1;
  filter: blur(0px);
}/*# sourceMappingURL=style.css.map */