@charset "UTF-8";
@property --zoom-factor {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
.zoom-wrapper {
  --_min-viewport-width: 768px; /* viewportの最小値を下回ったら縮小をやめる */
  --_max-viewport-width: 1400px; /* viewportの最大値を上回ったら拡大をやめる */
  --_zoom-value: clamp(
    tan(atan2(var(--_min-viewport-width), var(--_max-viewport-width))),
    tan(atan2(var(--zoom-factor), var(--_max-viewport-width))),
    1
  );
  --zoom-factor: clamp(
    var(--_min-viewport-width),
    100dvi,
    var(--_max-viewport-width)
  );
  zoom: var(--_zoom-value);
  -webkit-text-size-adjust: initial; /* iOS Safariのバグを修正 */
  /* 768px以下では100%のズーム値を適用 */
}
@media (max-width: 768px) {
  .zoom-wrapper {
    zoom: 1;
  }
}

.js_up {
  transform: translate(0, 50px);
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.js_up.isActive {
  transform: translate(0, 0);
  opacity: 1;
}

@keyframes commonFadeUpIn {
  from {
    opacity: 0;
    transform: translate3d(0, var(--common-fade-y, 28px), 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes commonLineYIn {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
@keyframes commonLineXIn {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
/*================================
	汎用スクロールリビール
	HTML: data-scroll-reveal
	JS: initScrollReveal（is-visible を付与）
================================*/
[data-scroll-reveal] {
  --scroll-reveal-y: clamp(16.8px, 2.7216vw, 28px);
  --scroll-reveal-duration: .95s;
  --scroll-reveal-delay: 0s;
  opacity: 0;
  transform: translate3d(0, var(--scroll-reveal-y), 0);
  transition: opacity var(--scroll-reveal-duration) cubic-bezier(0.18, 0.72, 0.18, 1) var(--scroll-reveal-delay), transform var(--scroll-reveal-duration) cubic-bezier(0.18, 0.72, 0.18, 1) var(--scroll-reveal-delay);
  will-change: opacity, transform;
}
[data-scroll-reveal].is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  will-change: auto;
}

[data-scroll-reveal=fade] {
  --scroll-reveal-y: 0px;
}

[data-scroll-reveal=image] {
  overflow: hidden;
}
[data-scroll-reveal=image] img {
  transform: scale(1.045);
  transition: transform 1.35s cubic-bezier(0.18, 0.72, 0.18, 1) var(--scroll-reveal-delay);
  will-change: transform;
}
[data-scroll-reveal=image].is-visible img {
  transform: scale(1);
  will-change: auto;
}

[data-scroll-reveal-delay="1"] {
  --scroll-reveal-delay: .1s;
}

[data-scroll-reveal-delay="2"] {
  --scroll-reveal-delay: .2s;
}

[data-scroll-reveal-delay="3"] {
  --scroll-reveal-delay: .3s;
}

[data-scroll-reveal-delay="4"] {
  --scroll-reveal-delay: .4s;
}

[data-scroll-reveal-delay="5"] {
  --scroll-reveal-delay: .5s;
}

/*================================
	横線リビール（スクロール発火）
	HTML: data-flow-line-reveal
	JS: initFlowLineReveal（is-visible を付与）
	SCSS: @include commonFlowLineInScroll(...)
================================*/
@media (prefers-reduced-motion: reduce) {
  [data-scroll-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  [data-scroll-reveal=image] img {
    transform: none;
    transition: none;
  }
  [data-flow-line-reveal]::after {
    animation: none !important;
    transform: scaleX(1);
  }
}
.js_fadein {
  opacity: 0;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.js_fadein.isActive {
  opacity: 1;
}

.js_fadein_slow {
  opacity: 0;
  -webkit-transition: all 1.4s cubic-bezier(0.39, 0.57, 0.56, 1) 0.2s;
  transition: all 1.4s cubic-bezier(0.39, 0.57, 0.56, 1) 0.2s;
}
.js_fadein_slow.isActive {
  opacity: 1;
}

.slipin {
  overflow: hidden;
  position: relative;
}
.slipin span, .slipin em {
  transform: translate(0, 100px);
  transform-origin: top;
}
.slipin.isActive span, .slipin.isActive em {
  animation: slip 0.4s ease-out 0.2s forwards;
}

@keyframes slip {
  0% {
    transform: translate(0, 35px);
  }
  100% {
    transform: translate(0);
  }
}
.maskttl span {
  overflow: hidden;
  position: relative;
}
.maskttl span::after {
  content: "";
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(left, #7da7df, #ee6b7e);
  background: -webkit-linear-gradient(left, #7da7df, #ee6b7e);
  background: linear-gradient(to right, #7da7df, #ee6b7e);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 1;
  transform: translateX(101%);
}
.maskttl.isActive span::after {
  opacity: 0;
  transform: translateX(-50%);
}

.maskText {
  overflow: hidden;
  position: relative;
}
.maskText::after {
  content: "";
  width: 150%;
  height: 100%;
  background: #7da7df;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: translateX(-25%);
  -ms-transform: translateX(-25%);
  transform: translateX(-25%);
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 0s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 0s;
}
.maskText.isActive::after {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.maskBlock {
  overflow: hidden;
  position: relative;
}
.maskBlock::after {
  content: "";
  margin: auto;
  width: 150%;
  height: 100%;
  background: -moz-linear-gradient(right, #7da7df 0%, #7da7df 75%, transparent 100%);
  background: -webkit-linear-gradient(right, #7da7df 0%, #7da7df 75%, transparent 100%);
  background: linear-gradient(to left, #7da7df 0%, #7da7df 75%, transparent 100%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-25%);
  -ms-transform: translateX(-25%);
  transform: translateX(-25%);
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 0.2s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 0.2s;
  z-index: 10;
}
.maskBlock.secondary::after {
  background: -moz-linear-gradient(right, #ee6b7e 0%, #ee6b7e 75%, transparent 100%);
  background: -webkit-linear-gradient(right, #ee6b7e 0%, #ee6b7e 75%, transparent 100%);
  background: linear-gradient(to left, #ee6b7e 0%, #ee6b7e 75%, transparent 100%);
}
.maskBlock.isActive::after {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.js_listfade02 > * {
  transform: translateY(50px);
  opacity: 0;
}
.js_listfade02 > *:nth-of-type(1) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 0.2s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 0.2s;
}
.js_listfade02 > *:nth-of-type(2) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 0.4s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 0.4s;
}
.js_listfade02 > *:nth-of-type(3) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 0.6s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 0.6s;
}
.js_listfade02 > *:nth-of-type(4) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 0.8s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 0.8s;
}
.js_listfade02 > *:nth-of-type(5) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 1s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 1s;
}
.js_listfade02 > *:nth-of-type(6) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 1.2s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 1.2s;
}
.js_listfade02 > *:nth-of-type(7) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 1.4s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 1.4s;
}
.js_listfade02 > *:nth-of-type(8) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 1.6s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 1.6s;
}
.js_listfade02 > *:nth-of-type(9) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 1.8s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 1.8s;
}
.js_listfade02 > *:nth-of-type(10) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 2s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 2s;
}
.js_listfade02 > *:nth-of-type(11) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 2.2s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 2.2s;
}
.js_listfade02 > *:nth-of-type(12) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 2.4s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 2.4s;
}
.js_listfade02 > *:nth-of-type(13) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 2.6s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 2.6s;
}
.js_listfade02 > *:nth-of-type(14) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 2.8s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 2.8s;
}
.js_listfade02 > *:nth-of-type(15) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 3s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 3s;
}
.js_listfade02 > *:nth-of-type(16) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 3.2s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 3.2s;
}
.js_listfade02 > *:nth-of-type(17) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 3.4s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 3.4s;
}
.js_listfade02 > *:nth-of-type(18) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 3.6s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 3.6s;
}
.js_listfade02 > *:nth-of-type(19) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 3.8s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 3.8s;
}
.js_listfade02 > *:nth-of-type(20) {
  -webkit-transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 4s;
  transition: all 0.8s cubic-bezier(0.39, 0.57, 0.56, 1) 4s;
}
.js_listfade02.isActive > * {
  transform: translateY(0);
  opacity: 1;
}

/*================================
	scアニメ
================================*/
.fadein, .fadein02, .fadein03 {
  opacity: 0;
  transition: all 2.5s;
}

.fadein.show, .fadein02.show, .fadein03.show {
  opacity: 1;
}

.upfade {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1s;
}

.upfade.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.ani-delay-01 {
  transition-delay: 0.12s !important;
}

.ani-delay-02 {
  transition-delay: 0.24s !important;
}

.ani-delay-03 {
  transition-delay: 0.36s !important;
}

.ani-delay-04 {
  transition-delay: 0.48s !important;
}

.ani-delay-05 {
  transition-delay: 0.6s !important;
}

.ani-title-reveal {
  opacity: 0;
  transform: translateY(42px);
  clip-path: inset(0 0 100% 0);
  transition: opacity 0.72s ease, transform 0.72s cubic-bezier(0.3, 0.64, 0.34, 0.97), clip-path 0.72s cubic-bezier(0.3, 0.64, 0.34, 0.97);
  will-change: opacity, transform, clip-path;
}
.ani-title-reveal.is-show {
  opacity: 1;
  transform: translateY(0);
  clip-path: inset(0);
}

.ani-common-ttl .en,
.ani-common-ttl h1,
.ani-common-ttl h2,
.ani-common-ttl h3,
.ani-common-ttl .txt,
.ani-common-ttl > p {
  opacity: 0;
  transform: translateY(42px);
  clip-path: inset(0 0 100% 0);
  transition: opacity 0.72s ease, transform 0.72s cubic-bezier(0.3, 0.64, 0.34, 0.97), clip-path 0.72s cubic-bezier(0.3, 0.64, 0.34, 0.97);
  will-change: opacity, transform, clip-path;
}
.ani-common-ttl h1,
.ani-common-ttl h2,
.ani-common-ttl h3,
.ani-common-ttl .txt {
  transition-delay: 0.12s;
}
.ani-common-ttl > p {
  transition-delay: 0.24s;
}
.ani-common-ttl.is-show .en,
.ani-common-ttl.is-show h1,
.ani-common-ttl.is-show h2,
.ani-common-ttl.is-show h3,
.ani-common-ttl.is-show .txt,
.ani-common-ttl.is-show > p {
  opacity: 1;
  transform: translateY(0);
  clip-path: inset(0);
}

@media (prefers-reduced-motion: reduce) {
  .ani-title-reveal,
  .ani-common-ttl .en,
  .ani-common-ttl h1,
  .ani-common-ttl h2,
  .ani-common-ttl h3,
  .ani-common-ttl .txt,
  .ani-common-ttl > p {
    opacity: 1;
    transform: none;
    clip-path: none;
    transition: none;
  }
}
.fvupfade1, .fvupfade2 {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1s;
}

.fvupfade1.display, .fvupfade2.display {
  opacity: 1;
  transform: translate(0, 0);
}

.downfade {
  opacity: 0;
  transform: translate(0, -50px);
  transition: all 1s;
}

.downfade.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.fade {
  opacity: 0;
  transform: translate3d(0, 0, 0);
  transition: opacity 1.2s ease;
}

.fade.active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.scalbig {
  transform: scale(0.9);
}

.scalbig.scrollin {
  transform: scale(1);
}

.sclinWrap {
  height: auto;
  overflow: hidden;
}

.sclin_right {
  opacity: 0;
  transform: translate(50px, 0);
  transition: all 1s;
}

.sclin_right.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.sclin_left {
  opacity: 0;
  transform: translate(-50px, 0);
  transition: all 1s;
}

.sclin_left.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Transform（移動）はSVGの属性と競合するため削除し、opacityのみにします */
@keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* solution 円グラフィック：各円の出現（はみ出し防止のためオーバーシュートなし） */
@keyframes solution-circle-pop {
  0% {
    opacity: 0;
    transform: scale(0.88);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes solution-circle-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes solution-circle-piece-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes solution-circle-fade-dots {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.1;
  }
}
@keyframes solution-circle-ring-in {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.82);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
/* solution 円グラフィック：中央テキストリング */
@keyframes solution-circle-txt-spin {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
/* intro 地図：右上から左下へ矩形が広がるリビール */
@keyframes intro-map-reveal {
  0% {
    opacity: 0;
    clip-path: polygon(100% 0, 100% 0, 100% 0.01%, 100% 0.01%);
  }
  100% {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
/* 同一内容を2列並べたラッパーを -50% 移動してシームレスにループ */
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.scrollInfinity {
  overflow: hidden;
}
.scrollInfinity .scrollInfinityWrap {
  display: flex;
  width: max-content;
  column-gap: 0;
  animation: infinity-scroll-left 90s linear infinite 0.5s;
}
@media (prefers-reduced-motion: reduce) {
  .scrollInfinity .scrollInfinityWrap {
    animation: none;
  }
}
.scrollInfinity .scrollInfinityWrap .scrollInfinityList {
  display: flex;
  list-style: none;
  align-items: center;
  margin: 0;
  padding: 0;
  column-gap: 100px;
  flex-shrink: 0;
}
.scrollInfinity .scrollInfinityWrap .scrollInfinityItem {
  flex: 0 0 auto;
}
.scrollInfinity .scrollInfinityWrap .scrollInfinityItem img {
  width: fit-content;
  display: block;
}
.scrollInfinity .scrollInfinityWrap .scroll-txt {
  margin: 0;
  white-space: nowrap;
  font-size: clamp(147px, 18vw, 210px);
  font-weight: 700;
  font-family: "Cormorant Garamond", serif;
  line-height: 1.4;
  letter-spacing: -0.05em;
}
@media (max-width: 480px) {
  .scrollInfinity .scrollInfinityWrap .scroll-txt {
    font-size: 6rem;
  }
}

/* arrow */
.arrow_ani .arrow {
  margin: auto;
  z-index: 10;
}
.arrow_ani .arrow i {
  width: 20px;
  height: 14px;
  overflow: hidden;
  display: block;
  position: relative;
}
.arrow_ani .arrow i::before, .arrow_ani .arrow i::after {
  content: "";
  margin: auto;
  width: 9px;
  height: 14px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.7s;
  transform: translateX(0);
  opacity: 1;
}
.arrow_ani .arrow i::before {
  background: url("../img/common/arrow.svg") no-repeat center center/contain;
}
.arrow_ani .arrow i::after {
  background: url("../img/common/arrow.svg") no-repeat center center/contain;
  transform: translateX(-100%);
  opacity: 0;
}
.arrow_ani:hover .arrow i::before {
  transform: translateX(100%);
  opacity: 0;
}
.arrow_ani:hover .arrow i::after {
  transform: translateX(0);
  opacity: 1;
}

@keyframes arrowLineLink-arrow-return {
  0% {
    transform: translateX(0);
  }
  42% {
    transform: translateX(calc(-1 * var(--arrow-line-link-shift)));
  }
  100% {
    transform: translateX(0);
  }
}
.commonBtn {
  --commonBtn-padding-x: 15px;
  margin-top: 1em;
}
.commonBtn a,
.commonBtn button.commonBtn__trigger, .commonBtn__visual, .commonBtn.noLink {
  --commonBtn-gap: 0px;
  position: relative;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  width: 288px;
  max-width: 100%;
  background: transparent;
  border: none;
  border-bottom: solid 2px #121212;
  padding: 0 var(--commonBtn-padding-x) 0.5em;
  margin: 0;
  justify-content: space-between;
  cursor: pointer;
  text-align: inherit;
  overflow: visible;
  transition: color 0.35s ease, border-color 0.35s ease;
}
.commonBtn a span.txt,
.commonBtn button.commonBtn__trigger span.txt, .commonBtn__visual span.txt, .commonBtn.noLink span.txt {
  display: block;
  flex-shrink: 0;
  font: inherit;
  font-size: clamp(17px, 2vw, 24px);
  letter-spacing: 0.05em;
  color: inherit;
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-style: normal;
}
.commonBtn a .light,
.commonBtn button.commonBtn__trigger .light, .commonBtn__visual .light, .commonBtn.noLink .light {
  position: relative;
  flex-shrink: 0;
  width: 51px;
  height: 17px;
  overflow: visible;
  transform: translateX(0);
  will-change: transform;
  pointer-events: none;
}
.commonBtn a .light span,
.commonBtn button.commonBtn__trigger .light span, .commonBtn__visual .light span, .commonBtn.noLink .light span {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 51px;
  height: 17px;
  margin: 0;
  background-color: currentColor;
  mask: url("../img/common/btn_arrow.svg") no-repeat right center/contain;
  -webkit-mask: url("../img/common/btn_arrow.svg") no-repeat right center/contain;
  transform: translateX(0);
}
.commonBtn a:hover,
.commonBtn button.commonBtn__trigger:hover, .commonBtn__visual:hover, .commonBtn.noLink:hover {
  opacity: 1;
}
.commonBtn a:hover .light,
.commonBtn button.commonBtn__trigger:hover .light, .commonBtn__visual:hover .light, .commonBtn.noLink:hover .light {
  animation: commonBtn-arrow-bounce 0.65s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.commonBtn button.commonBtn__trigger {
  appearance: none;
}
.commonBtn.noLink {
  cursor: default;
  list-style: none;
}
.commonBtn.noLink:hover .light {
  animation: none;
}
@media (prefers-reduced-motion: reduce) {
  .commonBtn a:hover .light,
  .commonBtn button.commonBtn__trigger:hover .light, .commonBtn__visual:hover .light, .commonBtn.noLink:hover .light {
    animation: none;
    transform: translateX(calc(-1 * var(--commonBtn-gap, 0px)));
  }
}
.commonBtn.wh a,
.commonBtn.wh button.commonBtn__trigger,
.commonBtn.wh .commonBtn__visual, .commonBtn.wh.noLink {
  color: #fff;
  border-bottom-color: #fff;
}
.commonBtn.wh a .light span,
.commonBtn.wh button.commonBtn__trigger .light span,
.commonBtn.wh .commonBtn__visual .light span, .commonBtn.wh.noLink .light span {
  transition: background-color 0.35s ease;
}
.commonBtn.wh a:hover,
.commonBtn.wh button.commonBtn__trigger:hover,
.commonBtn.wh .commonBtn__visual:hover, .commonBtn.wh.noLink:hover {
  color: rgb(128, 221, 255);
  border-bottom-color: rgb(128, 221, 255);
}
.commonBtn.wh a:hover .light span,
.commonBtn.wh button.commonBtn__trigger:hover .light span,
.commonBtn.wh .commonBtn__visual:hover .light span, .commonBtn.wh.noLink:hover .light span {
  background-color: rgb(128, 221, 255);
}
.commonBtn.primary a,
.commonBtn.primary button.commonBtn__trigger,
.commonBtn.primary .commonBtn__visual, .commonBtn.primary.noLink {
  color: #7da7df;
  border-bottom-color: #7da7df;
}
.commonBtn.primary a .light span,
.commonBtn.primary button.commonBtn__trigger .light span,
.commonBtn.primary .commonBtn__visual .light span, .commonBtn.primary.noLink .light span {
  transition: background-color 0.35s ease;
}
.commonBtn.primary a:hover,
.commonBtn.primary button.commonBtn__trigger:hover,
.commonBtn.primary .commonBtn__visual:hover, .commonBtn.primary.noLink:hover {
  color: rgb(128, 221, 255);
  border-bottom-color: rgb(128, 221, 255);
}
.commonBtn.primary a:hover .light span,
.commonBtn.primary button.commonBtn__trigger:hover .light span,
.commonBtn.primary .commonBtn__visual:hover .light span, .commonBtn.primary.noLink:hover .light span {
  background-color: rgb(128, 221, 255);
}
.commonBtn.active .commonBtn__visual, .commonBtn.active.noLink {
  color: rgb(128, 221, 255);
  border-bottom-color: rgb(128, 221, 255);
}
.commonBtn.w327 a,
.commonBtn.w327 button.commonBtn__trigger,
.commonBtn.w327 .commonBtn__visual, .commonBtn.w327.noLink {
  width: 327px;
}
.commonBtn.fit a,
.commonBtn.fit button.commonBtn__trigger,
.commonBtn.fit .commonBtn__visual, .commonBtn.fit.noLink {
  width: fit-content;
  min-width: 0;
}
.commonBtn.sm a span.txt,
.commonBtn.sm button.commonBtn__trigger span.txt,
.commonBtn.sm .commonBtn__visual span.txt, .commonBtn.sm.noLink span.txt {
  font-size: 1.6rem;
}
@media (max-width: 480px) {
  .commonBtn.sm a span.txt,
  .commonBtn.sm button.commonBtn__trigger span.txt,
  .commonBtn.sm .commonBtn__visual span.txt, .commonBtn.sm.noLink span.txt {
    font-size: 1.4rem;
  }
}
.commonBtn.sm a .light,
.commonBtn.sm button.commonBtn__trigger .light,
.commonBtn.sm .commonBtn__visual .light, .commonBtn.sm.noLink .light {
  width: 28px;
  height: 9px;
}
.commonBtn.sm a .light span,
.commonBtn.sm button.commonBtn__trigger .light span,
.commonBtn.sm .commonBtn__visual .light span, .commonBtn.sm.noLink .light span {
  width: 28px;
  height: 9px;
}
.commonBtn.jp a span.txt,
.commonBtn.jp button.commonBtn__trigger span.txt,
.commonBtn.jp .commonBtn__visual span.txt, .commonBtn.jp.noLink span.txt {
  font-family: inherit;
  font-weight: 700;
}
.commonBtn.en a span.txt,
.commonBtn.en button.commonBtn__trigger span.txt,
.commonBtn.en .commonBtn__visual span.txt, .commonBtn.en.noLink span.txt {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.05em;
}

@keyframes hover-in {
  0% {
    transform-origin: left top;
    transform: scale(0, 1);
  }
  100% {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}
@keyframes hover-out {
  0% {
    transform-origin: right top;
    transform: scale(1, 1);
  }
  100% {
    transform-origin: right top;
    transform: scale(0, 1);
  }
}
.commonTtl01 hgroup span.en {
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 700;
  font-family: "Cormorant Garamond", serif;
  letter-spacing: 0.05em;
}
.commonTtl01 hgroup span.en.wh {
  color: #fff;
}
.commonTtl01 hgroup span.en.primary {
  color: #7da7df;
}
.commonTtl01 hgroup h2 {
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.375;
  margin-bottom: 20px;
}
.commonTtl01 hgroup h2.wh {
  color: #fff;
}
.commonTtl01 hgroup h2.yl {
  color: #ee6b7e;
}
.commonTtl01 p {
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.5625;
}
.commonTtl01 p.wh {
  color: #fff;
}
.commonTtl01 p.primary {
  color: #7da7df;
}
@media (max-width: 480px) {
  .commonTtl01 hgroup span.en {
    font-size: 2rem;
  }
  .commonTtl01 hgroup h2 {
    font-size: 2.8rem;
    line-height: 1.5;
  }
  .commonTtl01 p {
    font-size: 1.4rem;
    line-height: 1.5714285714;
  }
}
.commonTtl01.js-common-ttl hgroup span.en,
.commonTtl01.js-common-ttl hgroup h2,
.commonTtl01.js-common-ttl > p {
  opacity: 0;
  transform: translateY(42px);
  clip-path: inset(0 0 100% 0);
  transition: opacity 0.72s ease, transform 0.72s cubic-bezier(0.3, 0.64, 0.34, 0.97), clip-path 0.72s cubic-bezier(0.3, 0.64, 0.34, 0.97);
  will-change: opacity, transform, clip-path;
}
.commonTtl01.js-common-ttl hgroup h2 {
  transition-delay: 0.12s;
}
.commonTtl01.js-common-ttl > p {
  transition-delay: 0.24s;
}
.commonTtl01.js-common-ttl.is-show hgroup span.en,
.commonTtl01.js-common-ttl.is-show hgroup h2,
.commonTtl01.js-common-ttl.is-show > p {
  opacity: 1;
  transform: translateY(0);
  clip-path: inset(0);
}
@media (prefers-reduced-motion: reduce) {
  .commonTtl01.js-common-ttl hgroup span.en,
  .commonTtl01.js-common-ttl hgroup h2,
  .commonTtl01.js-common-ttl > p {
    opacity: 1;
    transform: none;
    clip-path: none;
    transition: none;
  }
}

.commonTtl02 {
  font-weight: 700;
  font-size: clamp(36px, 4vw, 52px);
  line-height: 1.7115384615;
  letter-spacing: 0.03em;
  font-feature-settings: "palt";
}
@media (max-width: 767px) {
  .commonTtl02 {
    font-size: 3.2rem;
    line-height: 1.5;
  }
}

.commonSectionTitleEn {
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(86px, 10vw, 123px);
  line-height: 1.3;
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
}

.commonSectionTitleEnLarge {
  font-size: clamp(125px, 15vw, 178px);
}

@media (max-width: 900px) {
  .commonSectionTitleEn {
    font-size: 10rem;
  }
  .commonSectionTitleEnLarge {
    font-size: 12rem;
  }
}
@media (max-width: 480px) {
  .commonSectionTitleEn {
    font-size: 8rem;
  }
  .commonSectionTitleEnLarge {
    font-size: 10rem;
  }
}
.js-section-title {
  opacity: 0;
  transform: translateY(42px);
  clip-path: inset(0 0 100% 0);
  transition: opacity 0.72s ease, transform 0.72s cubic-bezier(0.3, 0.64, 0.34, 0.97), clip-path 0.72s cubic-bezier(0.3, 0.64, 0.34, 0.97);
  will-change: opacity, transform, clip-path;
}
.js-section-title.is-show {
  opacity: 1;
  transform: translateY(0);
  clip-path: inset(0);
}

:root {
  --white: #fffaf8;
  --ink: #141414;
  --pink: #e94776;
  --blue: #1b8bd5;
  --cyan: #65d6e0;
  --photo-w: clamp(230.4px, 48vw, 576px);
  --photo-ratio: 16 / 9;
}

.site-shell {
  min-height: 100vh;
}

.fv {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  background: #121212;
  color: var(--white);
  font-family: "Cormorant Garamond", "Noto Serif JP", serif;
  isolation: isolate;
}
.fv .memory-orb {
  position: absolute;
  inset: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
  opacity: 0;
  perspective: 900px;
  perspective-origin: 50% 50%;
  pointer-events: none;
  transition: opacity 1s ease-out;
  transform-style: preserve-3d;
}
.fv .memory-orb .memory-orb__inner {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
}
.fv .memory-orb .memory-orb__card {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(48.8px, 10.1664vw, 122px);
  aspect-ratio: var(--photo-ratio);
  overflow: hidden;
  background: #121212;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.32);
  opacity: 0;
  transform-style: preserve-3d;
  will-change: transform, opacity;
}
.fv .memory-orb .memory-orb__card img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-inline-size: none;
  object-fit: cover;
}
.fv .memory-orb .memory-orb__card.is-selected {
  width: var(--photo-w);
  box-shadow: none;
}
.fv.is-orb-active .memory-orb {
  opacity: 1;
}
.fv.is-final .memory-orb {
  opacity: 0;
  visibility: hidden;
  transition: none;
}
.fv .intro-anniversary {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 14;
  width: clamp(81.6px, 17.0004vw, 204px);
  visibility: hidden;
  opacity: 0;
  filter: blur(22px) drop-shadow(0 0 34px rgba(255, 255, 255, 0.22));
  transform: translate3d(-50%, -50%, 0) scale(0.9);
  transition: opacity 1.55s ease-out, transform 1.55s cubic-bezier(0.16, 0.72, 0.18, 1), filter 1.55s ease-out;
}
.fv .intro-anniversary img {
  display: block;
  width: 100%;
  height: auto;
}
.fv.is-logo-visible .intro-anniversary {
  visibility: visible;
  opacity: 1;
  filter: blur(0) drop-shadow(0 0 22px rgba(255, 255, 255, 0.2));
  transform: translate3d(-50%, -50%, 0) scale(0.84);
  animation: intro-logo-focus 1.55s cubic-bezier(0.16, 0.72, 0.18, 1) both;
}
.fv.is-orb-active .intro-anniversary {
  filter: blur(0) drop-shadow(0 0 18px rgba(255, 255, 255, 0.18));
}
.fv.is-final .intro-anniversary {
  visibility: hidden;
  opacity: 0;
  filter: blur(12px) drop-shadow(0 0 18px rgba(255, 255, 255, 0.12));
  transform: translate3d(-50%, -50%, 0) scale(1.16);
  animation: none;
}
.fv.is-zooming .intro-anniversary {
  opacity: 0;
  filter: blur(0) drop-shadow(0 0 22px rgba(255, 255, 255, 0.2));
  transform: translate3d(-50%, -50%, 0) scale(0.84);
  animation: none;
  transition: opacity 0.45s ease-out;
}
.fv .fv__gradient,
.fv .fv__water {
  display: none;
}
.fv .fv__header {
  position: relative;
  z-index: 24;
  display: grid;
  grid-template-columns: clamp(76px, 15.8328vw, 190px) 1fr clamp(27.2px, 5.6664vw, 68px);
  align-items: start;
  padding: clamp(22.8px, 3.6946vw, 38px) clamp(18px, 2.9162vw, 30px);
  opacity: 0;
  transform: translateY(-12px);
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}
.fv .fv__header .fv__crest {
  display: block;
  width: clamp(51.2px, 10.6668vw, 128px);
  height: auto;
  filter: brightness(0) invert(1);
}
.fv .fv__header .fv__nav {
  display: flex;
  justify-content: center;
  gap: clamp(35.2px, 7.3332vw, 88px);
  padding-top: clamp(5.4px, 0.875vw, 9px);
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(17px, 2vw, 24px);
}
.fv .fv__header .fv__nav a {
  color: rgba(255, 255, 255, 0.9);
}
.fv .fv__header .fv__menu {
  justify-self: end;
  display: grid;
  gap: clamp(3.6px, 0.5838vw, 6px);
  width: clamp(30.6px, 4.9588vw, 51px);
  padding: clamp(3px, 0.4858vw, 5px) 0;
}
.fv .fv__header .fv__menu span {
  display: block;
  height: 2px;
  background: rgba(255, 255, 255, 0.9);
}
.fv .fv__header .fv__num {
  grid-row: 1/3;
  font-size: clamp(104px, 12vw, 148px);
  line-height: 0.72;
  letter-spacing: -0.08em;
}
.fv .fv__header .fv__th {
  margin-left: clamp(4.8px, 0.7784vw, 8px);
  font-size: clamp(14px, 2vw, 20px);
  line-height: 1;
}
.fv .fv__header .fv__anniv {
  grid-column: 1/3;
  margin-top: clamp(3.6px, 0.5838vw, 6px);
  font-size: clamp(36px, 4vw, 52px);
  line-height: 0.9;
}
.fv .fv__header .fv__brand {
  grid-column: 1/3;
  margin-top: clamp(6.6px, 1.0696vw, 11px);
  font-size: clamp(8px, 1vw, 12px);
  font-weight: 700;
  letter-spacing: 0.32em;
  text-align: center;
}
.fv.is-loaded .fv__header, .fv.is-content-visible .fv__header {
  opacity: 1;
  transform: translateY(0);
}
.fv .fv__side {
  position: absolute;
  left: clamp(27px, 4.375vw, 45px);
  top: 52%;
  z-index: 18;
  display: block;
  width: clamp(55.2px, 11.4996vw, 138px);
  height: auto;
  visibility: hidden;
  opacity: 0;
  filter: brightness(0) invert(1);
  transition: opacity 1.1s ease-out 0.25s, transform 1.1s ease-out 0.25s;
  transform: translate(-50%, -50%) rotate(90deg) translateY(10px);
}
.fv.is-loaded .fv__side, .fv.is-content-visible .fv__side {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -50%) rotate(90deg) translateY(0);
}
.fv .fv__stage {
  position: absolute;
  inset: 0;
  z-index: 12;
}
.fv .fv__stage .flow-card,
.fv .fv__stage .main-photo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--photo-w);
  aspect-ratio: var(--photo-ratio);
  overflow: hidden;
  box-shadow: none;
}
.fv .fv__stage .flow-card {
  z-index: 8;
  opacity: 0;
  transform: translate3d(-50%, -50%, 0) scale(0.86);
  backface-visibility: hidden;
  will-change: transform, opacity, filter;
}
.fv .fv__stage .flow-card img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-inline-size: none;
  object-fit: cover;
  image-rendering: auto;
  transform: scale(1.01);
}
.fv .fv__stage .main-photo {
  z-index: 12;
  opacity: 0;
  transform: translate(-50%, -50%);
}
@media (min-width: 1600px) {
  .fv .fv__stage .main-photo {
    width: 50%;
  }
}
.fv .fv__stage .main-photo img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-inline-size: none;
  object-fit: cover;
}
.fv .fv__stage .main-photo .main-photoTrack,
.fv .fv__stage .main-photo .main-photoList,
.fv .fv__stage .main-photo .main-photoSlide {
  height: 100%;
}
.fv .fv__stage .main-photo .main-photoSlide {
  position: relative;
}
.fv .fv__stage .main-photo .main-photo__img {
  position: absolute;
  inset: 0;
  opacity: 1;
  filter: none;
  transform: none;
  image-rendering: auto;
}
.fv.is-loaded .main-photo, .fv.is-final .main-photo {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.fv.is-departing .main-photo {
  animation-play-state: paused;
  transition: none;
}
.fv .fv__aperture {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 34;
  width: var(--fv-viewport-w, 100vw);
  height: var(--fv-viewport-h, 100dvh);
  opacity: var(--fv-photo-swap, 0);
  pointer-events: none;
  -webkit-clip-path: inset(var(--fv-ap-t, 0px) var(--fv-ap-r, 0px) var(--fv-ap-b, 0px) var(--fv-ap-l, 0px));
  clip-path: inset(var(--fv-ap-t, 0px) var(--fv-ap-r, 0px) var(--fv-ap-b, 0px) var(--fv-ap-l, 0px));
}
.fv .fv__aperture img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  max-inline-size: none;
  object-fit: cover;
  object-position: center;
  width: max(var(--fv-viewport-w, 100vw), var(--fv-viewport-h, 100dvh) * 16 / 9);
  height: max(var(--fv-viewport-h, 100dvh), var(--fv-viewport-w, 100vw) * 9 / 16);
  transform: translate3d(calc(-50% + var(--fv-ap-dx, 0px)), calc(-50% + var(--fv-ap-dy, 0px)), 0) scale(var(--fv-ap-scale, 1));
  transform-origin: center;
}
.fv .fv__aperture .fv__apertureShade {
  position: absolute;
  inset: 0;
  background: rgb(128, 128, 128, var(--fv-shade-alpha, 0));
  mix-blend-mode: multiply;
  pointer-events: none;
}
.fv .fv__anniversary {
  position: absolute;
  top: 50%;
  right: 7.1vw;
  z-index: 20;
  width: clamp(81.6px, 17.0004vw, 204px);
  opacity: 0;
  transform: translate3d(24px, -50%, 0);
  transition: opacity 1.2s ease-out 0.35s, transform 1.2s ease-out 0.35s;
}
.fv .fv__anniversary img {
  display: block;
  width: 100%;
  height: auto;
}
.fv.is-loaded .fv__anniversary, .fv.is-content-visible .fv__anniversary {
  opacity: 1;
  transform: translate3d(0, -50%, 0);
}
.fv .fv__copy {
  position: absolute;
  left: clamp(18.6px, 3.0142vw, 31px);
  bottom: clamp(12.6px, 2.0412vw, 21px);
  z-index: 20;
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-family: "Noto Serif JP", serif;
  font-size: clamp(78px, 9vw, 111px);
  font-weight: 300;
  line-height: 1.09;
  letter-spacing: 0.02em;
}
.fv .fv__copy span {
  display: block;
  opacity: 0;
  filter: blur(10px);
  transform: translateY(24px);
  transition: opacity 1.5s ease-out, filter 1.5s ease-out, transform 1.5s ease-out;
}
.fv.is-loaded .fv__copy span, .fv.is-content-visible .fv__copy span {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}
.fv.is-loaded .fv__copy span:first-child, .fv.is-content-visible .fv__copy span:first-child {
  transition-delay: 0.65s;
}
.fv.is-loaded .fv__copy span:last-child, .fv.is-content-visible .fv__copy span:last-child {
  transition-delay: 0.9s;
}
.fv.is-departing .fv__copy,
.fv.is-departing .fv__anniversary,
.fv.is-departing .fv__side {
  opacity: calc(1 - var(--fv-depart-fade, 0));
  transition: none;
}
@media (max-width: 1200px) {
  .fv .fv__anniversary {
    right: 3vw;
  }
}
@media (max-width: 1024px) {
  .fv {
    --photo-w: min(calc(100% - 36px), 720px, calc(46svh * 16 / 9));
  }
  .fv .fv__header {
    grid-template-columns: clamp(28px, 5.8332vw, 70px) 1fr clamp(26.4px, 4.2784vw, 44px);
    padding: clamp(12px, 1.9446vw, 20px);
  }
  .fv .fv__header .fv__nav {
    display: none;
  }
  .fv .fv__header .fv__crest {
    width: clamp(34.8px, 5.6392vw, 58px);
  }
  .fv .fv__side {
    display: none;
  }
  .fv .memory-orb .memory-orb__card {
    width: clamp(56px, 11.6664vw, 140px);
  }
  .fv .memory-orb .memory-orb__card.is-selected {
    width: 90%;
  }
  .fv .fv__anniversary {
    top: auto;
    right: auto;
    bottom: 8svh;
    left: 50%;
    width: 240px;
    transform: translate3d(-50%, 24px, 0);
  }
  .fv.is-loaded .fv__anniversary, .fv.is-content-visible .fv__anniversary {
    transform: translate3d(-50%, 0, 0);
  }
  .fv .intro-anniversary {
    width: 240px;
  }
  .fv .fv__stage .flow-card,
  .fv .fv__stage .main-photo {
    top: 50%;
    width: 90%;
  }
  .fv .fv__copy {
    top: var(--fv-copy-anchor-y, 13svh);
    bottom: auto;
    left: 36px;
    line-height: 1.13;
    transform: translateY(-100%);
  }
}
@media (max-width: 768px) {
  .fv {
    --photo-w: calc(100% - 36px);
  }
  .fv .fv__anniversary {
    top: var(--fv-anniversary-anchor-y);
    bottom: auto;
    width: 168px;
  }
  .fv .intro-anniversary {
    width: 168px;
  }
  .fv .fv__stage .flow-card,
  .fv .fv__stage .main-photo {
    top: 52%;
  }
  .fv .fv__copy {
    left: 18px;
    font-size: 4.6rem;
  }
}

@keyframes gradient-drift {
  from {
    transform: translate3d(-1.5%, -1%, 0) scale(1.04);
  }
  to {
    transform: translate3d(1.8%, 1.2%, 0) scale(1.08);
  }
}
@keyframes intro-logo-focus {
  0% {
    opacity: 0;
    filter: blur(28px) drop-shadow(0 0 36px rgba(255, 255, 255, 0.2));
    transform: translate3d(-50%, -50%, 0) scale(0.9);
  }
  100% {
    opacity: 1;
    filter: blur(0) drop-shadow(0 0 22px rgba(255, 255, 255, 0.2));
    transform: translate3d(-50%, -50%, 0) scale(0.84);
  }
}
@keyframes water-flow {
  to {
    transform: translate3d(8%, 0, 0);
  }
}
@keyframes flow-gather {
  0% {
    opacity: 0;
    transform: translate3d(calc(-50% + var(--sx)), calc(-50% + var(--sy)), -120px) rotate(var(--rot)) scale(0.66);
    filter: blur(8px);
  }
  36% {
    opacity: 0.88;
    filter: blur(0);
  }
  72% {
    transform: translate3d(calc(-50% + var(--sx) * 0.13), calc(-50% + var(--sy) * 0.2), 0) rotate(calc(var(--rot) * 0.22)) scale(0.88);
  }
  100% {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
    filter: blur(0);
  }
}
@keyframes flow-fade {
  to {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1.02);
    filter: blur(5px);
  }
}
@keyframes main-arrive {
  0% {
    opacity: 0;
    transform: translate3d(-50%, calc(-50% + 10px), 80px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translate3d(-50%, -50%, 80px) scale(1);
  }
}
@keyframes photo-breathe {
  to {
    transform: translate3d(calc(-50% + 8px), calc(-50% - 5px), 80px) scale(1.012);
  }
}
@keyframes reveal-soft {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes reveal-right {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes copy-reveal {
  to {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .fv,
  .fv * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}
html,
body {
  overflow-x: clip;
}

html.is-fv-scroll-locked,
body.is-fv-scroll-locked {
  overflow: hidden;
  overscroll-behavior: none;
}

body.is-fv-scroll-locked {
  position: fixed;
  top: calc(var(--fv-lock-scroll-y, 0px) * -1);
  right: 0;
  left: 0;
  width: 100%;
}

.topPage {
  --top-intro-shade: #808080;
  position: relative;
  color: #fff;
  background: #121212;
  font-family: "Noto Serif JP", "Yu Mincho", "YuMincho", serif;
  overflow: visible;
}
.topPage > .fvVideoPoster {
  position: fixed;
  inset: 0;
  z-index: 0;
  background: url("../img/top/fv/fv-bg-poster.jpg") center/cover no-repeat;
  opacity: 0;
  pointer-events: none;
}
.topPage > .fv__video {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  filter: saturate(1.05) contrast(0.96) brightness(1.05);
  pointer-events: none;
  transition: opacity 1.1s ease-out;
}
.topPage:has(.fv.is-ready) > .fv__video {
  opacity: 1;
}
.topPage:has(.fv.is-session-skipped) > .fv__video {
  transition: none;
}
.topPage .fv {
  position: sticky;
  top: 0;
  z-index: 0;
  background: transparent;
}
.topPage .fvTransitionSpace {
  height: 80lvh;
  pointer-events: none;
  background: transparent;
}
.topPage .topVhProbe {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 100lvh;
  visibility: hidden;
  pointer-events: none;
}
.topPage .topIntro {
  position: relative;
  z-index: 2;
  min-height: var(--intro-min-height, calc(100lvh + 130px));
  --intro-reveal-offset: clamp(48px, 9.9996vw, 120px);
  --intro-exit-offset: clamp(72px, 15vw, 180px);
  --intro-text-scroll-y: 0px;
  --intro-text-hold: 0px;
  --intro-text-scroll-limit: 0px;
  --intro-after-scroll-top: 0px;
  --intro-viewport-height: 100lvh;
  background: transparent;
  isolation: isolate;
}
.topPage .topIntro .topIntroSticky {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  height: 100lvh;
  overflow: hidden;
  background: #161616;
  opacity: 0;
}
.topPage .topIntro.is-pinned.is-handover-done .topIntroSticky {
  position: fixed;
  inset: 0;
  height: 100lvh;
  opacity: 1;
}
.topPage .topIntro.is-pinned .topIntroScroll {
  position: fixed;
  inset: 0;
  transform: translate3d(0, calc(var(--intro-text-scroll-y) * -1), 0);
}
.topPage .topIntro.is-after .topIntroSticky {
  position: absolute;
  top: auto;
  bottom: 0;
  opacity: 1;
}
.topPage .topIntro.is-after .topIntroScroll {
  position: absolute;
  top: var(--intro-after-scroll-top);
  bottom: auto;
  transform: translate3d(0, calc(var(--intro-text-scroll-y) * -1), 0);
}
.topPage .topIntro .topIntroBg,
.topPage .topIntro .topIntroBg img,
.topPage .topIntro .topIntroOverlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.topPage .topIntro .topIntroBg img {
  max-width: none;
  max-inline-size: none;
  object-fit: cover;
  object-position: center;
  filter: saturate(0.82) brightness(0.82);
  transform: scale(1.04);
}
.topPage .topIntro.is-handover-ready .topIntroBg img {
  filter: none;
  transform: none;
  animation: none;
}
.topPage .topIntro .topIntroOverlay {
  background: var(--top-intro-shade);
  mix-blend-mode: multiply;
}
.topPage .topIntro .topIntroInner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(380px, 520px);
  align-items: center;
  column-gap: clamp(60px, 12.5004vw, 150px);
  width: min(100% - 80px, 1320px);
  height: 100%;
  margin-inline: auto;
}
.topPage .topIntro .topIntroBrand {
  align-self: center;
  width: clamp(158px, 32.9172vw, 395px);
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition: opacity 1s ease 0.18s, transform 1.1s cubic-bezier(0.18, 0.72, 0.18, 1) 0.18s;
}
.topPage .topIntro .topIntroBrand img {
  display: block;
  width: 100%;
  height: auto;
}
.topPage .topIntro .topIntroScroll {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(380px, 540px);
  column-gap: clamp(60px, 12.5004vw, 150px);
  width: min(100% - 80px, 1320px);
  margin: 0 auto;
  box-sizing: border-box;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}
.topPage .topIntro .topIntroText {
  grid-column: 2;
  align-self: start;
  padding: 60px 0 0;
  width: fit-content;
  margin-left: auto;
  pointer-events: auto;
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition: opacity 1s ease 0.18s, transform 1.1s cubic-bezier(0.18, 0.72, 0.18, 1) 0.18s;
}
.topPage .topIntro .topIntroText p {
  color: #fff;
  font-size: clamp(21px, 3vw, 30px);
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: 0.01em;
}
.topPage .topIntro .topIntroText p + p {
  margin-top: 1.55em;
}
.topPage .topIntro.is-intro-ready .topIntroBrand,
.topPage .topIntro.is-intro-ready .topIntroText {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
@media (max-width: 1024px) {
  .topPage .topIntro {
    min-height: var(--intro-pin-height, 200lvh);
  }
  .topPage .topIntro .topIntroSticky {
    position: absolute;
    height: var(--intro-viewport-height, 100dvh);
  }
  .topPage .topIntro.is-pinned.is-handover-done .topIntroSticky, .topPage .topIntro.is-after .topIntroSticky {
    opacity: 0;
  }
  .topPage .topIntro .topIntroInner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 44px;
    width: min(100% - 48px, 520px);
    height: 100%;
    padding-block: 96px;
  }
  .topPage .topIntro .topIntroBrand {
    display: none;
  }
  .topPage .topIntro .topIntroScroll {
    display: block;
    width: min(100% - 48px, 880px);
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 0;
  }
  .topPage .topIntro .topIntroText {
    max-height: none;
    padding-block: 0;
    font-size: 2.8rem;
    line-height: 1.65;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .topPage .topIntro {
    --intro-reveal-offset: 60px;
    --intro-exit-offset: 120px;
  }
  .topPage .topIntro .topIntroScroll {
    width: min(100% - 32px, 520px);
    padding-top: 60px;
  }
  .topPage .topIntro .topIntroText {
    width: 100%;
    line-height: 1.6;
    letter-spacing: 0;
    padding-bottom: 50px;
  }
  .topPage .topIntro .topIntroText p {
    font-size: 2rem;
  }
  .topPage .topIntro .topIntroBg img {
    object-position: center;
  }
}
@keyframes topFadeUp {
  from {
    opacity: 0;
    transform: translateY(26px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.topPage .topBusiness {
  background: #f6f6f6;
  color: #121212;
  position: relative;
  z-index: 2;
  padding: clamp(130px, 15vw, 185px) 0 0;
  overflow: hidden;
}
.topPage .topBusiness .topBusinessContainer {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  column-gap: clamp(44.8px, 9.3336vw, 112px);
  margin-inline: auto;
}
.topPage .topBusiness .topBusinessContainer .topBusinessItem {
  display: grid;
  opacity: 0;
  transform: translate3d(0, 42px, 0);
  transition: opacity 0.9s ease, transform 1s cubic-bezier(0.18, 0.72, 0.18, 1);
  transition-delay: var(--business-delay, 0s);
}
.topPage .topBusiness .topBusinessContainer .topBusinessItem .topBusinessHeader .topBusinessTitle {
  margin: 0;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
}
.topPage .topBusiness .topBusinessContainer .topBusinessItem .topBusinessHeader .topBusinessSubtitle {
  margin: 8px 0 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.75;
  letter-spacing: 0.01em;
  font-feature-settings: "palt";
}
.topPage .topBusiness .topBusinessContainer .topBusinessItem .topBusinessImage {
  margin-top: 20px;
  display: block;
  width: 100%;
  aspect-ratio: 384/432;
  overflow: hidden;
  background: #e7e7e7;
}
.topPage .topBusiness .topBusinessContainer .topBusinessItem .topBusinessImage img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-inline-size: none;
  object-fit: cover;
  transform: scale(1.055);
  transition: transform 1.4s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.topPage .topBusiness .topBusinessContainer .topBusinessItem .topBusinessText {
  margin: 1em 0 0;
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: 0;
}
.topPage .topBusiness .topBusinessContainer .topBusinessItem .topBusinessText + .topBusinessText {
  margin-top: 0.5em;
}
.topPage .topBusiness .topBusinessItemSpace {
  margin-top: clamp(84px, 10vw, 120px);
  --business-delay: .16s;
}
.topPage .topBusiness .topBusinessItemDevelopment {
  --business-delay: .32s;
}
.topPage .topBusiness .topBusinessItem.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.topPage .topBusiness .topBusinessItem.is-visible .topBusinessImage img {
  transform: scale(1);
}
@media (max-width: 1024px) {
  .topPage .topBusiness {
    padding: 80px 0 0;
  }
}
@media (max-width: 768px) {
  .topPage .topBusiness .topBusinessContainer {
    gap: 55px;
    grid-template-columns: 1fr;
  }
  .topPage .topBusiness .topBusinessContainer .topBusinessItem {
    margin-top: 0;
  }
  .topPage .topBusiness .topBusinessContainer .topBusinessItem .topBusinessHeader {
    gap: 12px;
  }
  .topPage .topBusiness .topBusinessContainer .topBusinessItem .topBusinessHeader .topBusinessTitle {
    font-size: 3rem;
  }
  .topPage .topBusiness .topBusinessContainer .topBusinessItem .topBusinessHeader .topBusinessSubtitle {
    font-size: 1.6rem;
    margin-top: 12px;
  }
  .topPage .topBusiness .topBusinessContainer .topBusinessItem .topBusinessImage {
    margin-top: 16px;
  }
  .topPage .topBusiness .topBusinessContainer .topBusinessItem .topBusinessText {
    font-size: 1.5rem;
    line-height: 1.7333333333;
  }
  .topPage .topBusiness .topBusinessItemLease {
    order: 1;
  }
  .topPage .topBusiness .topBusinessItemSpace {
    margin-top: 0;
    order: 2;
  }
  .topPage .topBusiness .topBusinessItemDevelopment {
    order: 3;
  }
}
@media (max-width: 480px) {
  .topPage .topBusiness {
    padding: 80px 0 0;
  }
}
.topPage .topProjects {
  position: relative;
  overflow: hidden;
  z-index: 2;
  background: #f6f6f6;
  color: #121212;
  padding: clamp(115px, 14vw, 165px) 0 0;
}
.topPage .topProjects .topProjectsCopy {
  position: relative;
  z-index: 2;
  align-items: start;
  display: grid;
  justify-content: space-between;
  margin-top: clamp(36px, 7.5vw, 90px);
  grid-template-columns: minmax(365px, 1fr) minmax(520px, 1fr);
  pointer-events: none;
}
.topPage .topProjects .topProjectsCopy .topProjectsLead {
  margin: 0;
  font-size: clamp(25px, 3vw, 35px);
  font-weight: 300;
  line-height: 1.4285714286;
  letter-spacing: 0;
}
.topPage .topProjects .topProjectsCopy .topProjectsText {
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: 0;
}
.topPage .topProjects .topProjectsMap {
  position: relative;
  z-index: 1;
  margin: max(-170px,-23.612vw) auto 0;
  aspect-ratio: 1440/1010.27;
}
.topPage .topProjects .topProjectsMapImage {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 18px, 0);
  transition: opacity 1.2s ease, transform 1.4s cubic-bezier(0.18, 0.72, 0.18, 1), filter 1.2s ease;
  filter: saturate(0.96) brightness(1.03);
}
.topPage .topProjects .topProjectsMap.is-visible.is-map-ready .topProjectsMapImage {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: saturate(1) brightness(1);
}
.topPage .topProjects .topProjectsBeams {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.topPage .topProjects .topProjectsBeam {
  position: absolute;
  left: var(--x);
  top: var(--y);
  display: block;
  width: var(--w, 6px);
  height: var(--h, 116px);
  opacity: 0;
  mix-blend-mode: multiply;
  transform: translate3d(-50%, 12px, 0) scaleY(0.08);
  transform-origin: 50% 100%;
}
.topPage .topProjects .topProjectsBeam::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/top/red_line.png") center bottom/100% 100% no-repeat;
}
.topPage .topProjects .topProjectsMap.is-visible .topProjectsBeam {
  animation: topProjectsCssBeam 0.78s cubic-bezier(0.18, 0.72, 0.18, 1) var(--delay, 0s) both;
}
.topPage .topProjects .topProjectsBeamJapan1 {
  --x: 34.28%;
  --y: 39.25%;
  --h: 11.1%;
  --delay: .32s;
}
.topPage .topProjects .topProjectsBeamJapan2 {
  --x: 33.22%;
  --y: 39.97%;
  --h: 11.1%;
  --delay: .64s;
}
.topPage .topProjects .topProjectsBeamJapan3 {
  --x: 32.56%;
  --y: 40.55%;
  --h: 11%;
  --delay: .96s;
}
.topPage .topProjects .topProjectsBeamCalifornia {
  --x: 69.55%;
  --y: 39.12%;
  --h: 11.05%;
  --delay: 1.28s;
}
@media (max-width: 1024px) {
  .topPage .topProjects {
    padding: 100px 0 0;
  }
  .topPage .topProjects .topProjectsCopy {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "lead" "text";
    row-gap: 34px;
    width: 100%;
  }
  .topPage .topProjects .topProjectsCopy .topProjectsText {
    max-width: none;
    margin: 0;
    line-height: 1.82;
  }
  .topPage .topProjects .topProjectsMap {
    width: 160%;
    margin: -220px 0 0 -29%;
  }
  .topPage .topProjects .topProjectsBeam {
    --w: 4px;
  }
}
@media (max-width: 768px) {
  .topPage .topProjects .topProjectsMap {
    width: 165%;
    margin: -140px 0 0 -30%;
  }
}
@media (max-width: 480px) {
  .topPage .topProjects {
    padding-top: 100px;
  }
  .topPage .topProjects .topProjectsCopy {
    row-gap: 12px;
    margin-top: 35px;
  }
  .topPage .topProjects .topProjectsCopy .topProjectsLead {
    font-size: 2.6rem;
  }
  .topPage .topProjects .topProjectsCopy .topProjectsText {
    font-size: 1.5rem;
    margin: 16px 0 0;
  }
  .topPage .topProjects .topProjectsMap {
    margin-top: -82px;
    width: 170%;
    margin-left: -32%;
  }
  .topPage .topProjects .topProjectsBeam {
    --w: 3px;
  }
}
@keyframes topProjectsCssBeam {
  0% {
    opacity: 0;
    transform: translate3d(-50%, 12px, 0) scaleY(0.08);
  }
  46% {
    opacity: 0.72;
  }
  100% {
    opacity: 0.72;
    transform: translate3d(-50%, 0, 0) scaleY(1);
  }
}
.topPage .topProjectGallery {
  position: relative;
  overflow: visible;
  background: #f6f6f6;
  color: #121212;
}
.topPage .topProjectGallery .topProjectGalleryPanel {
  position: sticky;
  top: 0;
  z-index: 1;
  height: 100lvh;
  min-height: 620px;
}
.topPage .topProjectGallery .topProjectGalleryPanel + .topProjectGalleryPanel {
  margin-top: 65svh;
}
.topPage .topProjectGallery .topProjectGalleryPanel02 {
  z-index: 2;
}
.topPage .topProjectGallery .topProjectGalleryPanel03 {
  z-index: 3;
}
.topPage .topProjectGallery .topHistory {
  z-index: 4;
  margin-top: 65svh;
}
.topPage .topProjectGallery .topProjectGallerySticky {
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: inherit;
  isolation: isolate;
}
.topPage .topProjectGallery .topProjectGalleryImage {
  position: absolute;
  inset: 0;
  z-index: -2;
}
.topPage .topProjectGallery .topProjectGalleryImage img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-inline-size: none;
  object-fit: cover;
  transform: scale(1.04);
}
.topPage .topProjectGallery .topProjectGalleryShade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.42);
}
.topPage .topProjectGallery .topProjectGalleryContent {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(280px, 1fr) auto;
  align-items: center;
  gap: clamp(40px, 8.3328vw, 100px);
  width: min(100% - 96px, 1216px);
  height: 100%;
  margin-inline: auto;
  color: #fff;
}
.topPage .topProjectGallery .topProjectGalleryContent .topProjectGalleryNumber {
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(112px, 13vw, 160px);
  line-height: 1;
  letter-spacing: 0.01em;
  font-feature-settings: "palt";
}
.topPage .topProjectGallery .topProjectGalleryContent .topProjectGalleryBody {
  min-width: 0;
}
.topPage .topProjectGallery .topProjectGalleryContent .topProjectGalleryBody .topProjectGalleryTitle {
  margin: 0;
  font-size: clamp(31px, 4vw, 44px);
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: 0.015em;
}
.topPage .topProjectGallery .topProjectGalleryContent .topProjectGalleryBody .topProjectGalleryTitle:not(:lang(ja)) {
  text-transform: uppercase;
}
.topPage .topProjectGallery .topProjectGalleryContent .topProjectGalleryBody .topProjectGalleryPlace {
  margin: 16px 0 0;
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1;
}
.topPage .topProjectGallery.is-gallery-reveal-ready .topProjectGalleryContent {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
}
.topPage .topProjectGallery.is-gallery-reveal-ready .topProjectGalleryPanel.is-content-visible .topProjectGalleryContent {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.9s ease-out, transform 1.05s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.topPage .topProjectGallery .topProjectGalleryDetail,
.topPage .topProjectGallery .topProjectGalleryAll {
  color: #fff;
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1;
  text-decoration: none;
  transition: color 0.35s ease, opacity 0.35s ease;
}
.topPage .topProjectGallery .topProjectGalleryDetail {
  --arrow-line-link-shift: 6px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: clamp(60px, 12.5004vw, 150px);
  padding: 0 0 8px;
  border-bottom: 1px solid currentColor;
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: normal;
  font-size: clamp(14px, 2vw, 20px);
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
  transition: letter-spacing 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.topPage .topProjectGallery .topProjectGalleryDetail::after {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: clamp(3px, 0.4858vw, 5px);
  height: clamp(6px, 0.9716vw, 10px);
  background: currentColor;
  mask: url("../img/common/icon_arrow.svg") no-repeat center/contain;
  -webkit-mask: url("../img/common/icon_arrow.svg") no-repeat center/contain;
  transform: translateX(0);
}
.topPage .topProjectGallery .topProjectGalleryDetail:hover, .topPage .topProjectGallery .topProjectGalleryDetail:focus-visible {
  opacity: 1;
  letter-spacing: 0.035em;
}
.topPage .topProjectGallery .topProjectGalleryDetail:hover::after, .topPage .topProjectGallery .topProjectGalleryDetail:focus-visible::after {
  animation: arrowLineLink-arrow-return 0.62s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@media (max-width: 480px) {
  .topPage .topProjectGallery .topProjectGalleryDetail {
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0;
    width: 120px;
  }
  .topPage .topProjectGallery .topProjectGalleryDetail::after {
    width: 5px;
    height: 10px;
  }
}
.topPage .topProjectGallery .topProjectGalleryAll {
  position: absolute;
  right: 32px;
  bottom: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  min-width: 192px;
  border: 1px solid currentColor;
  height: 42px;
  padding: 0 16px;
  overflow: hidden;
  isolation: isolate;
  transition: border-color 0.35s ease, color 0.35s ease;
}
.topPage .topProjectGallery .topProjectGalleryAll::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(255, 255, 255, 0.16);
  transform: translateX(-101%);
  transition: transform 0.5s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.topPage .topProjectGallery .topProjectGalleryAll:hover::before, .topPage .topProjectGallery .topProjectGalleryAll:focus-visible::before {
  transform: translateX(0);
}
.topPage .topProjectGallery .topProjectGalleryAll::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.42s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.topPage .topProjectGallery .topProjectGalleryAll:hover::after, .topPage .topProjectGallery .topProjectGalleryAll:focus-visible::after {
  transform: translateX(5px) rotate(45deg);
}
@media (max-width: 1024px) {
  .topPage .topProjectGallery .topProjectGalleryPanel {
    height: 100lvh;
  }
  .topPage .topProjectGallery .topProjectGallerySticky {
    min-height: 560px;
  }
  .topPage .topProjectGallery .topProjectGalleryImage img {
    transform: none;
  }
  .topPage .topProjectGallery .topProjectGalleryContent {
    display: block;
    width: calc(100% - 10.6666666667vw);
    padding-top: 4.4svh;
  }
  .topPage .topProjectGallery .topProjectGalleryContent .topProjectGalleryNumber {
    position: absolute;
    top: 42px;
    left: 0;
  }
  .topPage .topProjectGallery .topProjectGalleryContent .topProjectGalleryBody {
    position: absolute;
    top: 42svh;
    left: 0;
  }
  .topPage .topProjectGallery .topProjectGalleryContent .topProjectGalleryBody .topProjectGalleryTitle {
    max-width: 460px;
    line-height: 1.08;
  }
  .topPage .topProjectGallery .topProjectGalleryContent .topProjectGalleryBody .topProjectGalleryPlace {
    margin-top: 18px;
  }
  .topPage .topProjectGallery .topProjectGalleryContent .topProjectGalleryDetail {
    position: absolute;
    top: 61.8svh;
    left: 0;
    width: 32.2666666667vw;
    padding-right: 0;
  }
  .topPage .topProjectGallery .topProjectGalleryContent .topProjectGalleryDetail::after {
    width: 5px;
  }
  .topPage .topProjectGallery .topProjectGalleryAll {
    right: 5.3333333333vw;
    bottom: calc(100lvh - 100dvh + 3.8svh + env(safe-area-inset-bottom));
    width: 38.6666666667vw;
    min-width: 0;
    height: min(58px, 5svh);
    padding: 0 clamp(9.6px, 1.5554vw, 16px);
    font-size: 2.2rem;
  }
}
@media (max-width: 480px) {
  .topPage .topProjectGallery .topProjectGalleryContent .topProjectGalleryNumber {
    font-size: 12rem;
  }
  .topPage .topProjectGallery .topProjectGalleryContent .topProjectGalleryBody .topProjectGalleryTitle {
    font-size: 3.3rem;
  }
  .topPage .topProjectGallery .topProjectGalleryContent .topProjectGalleryBody .topProjectGalleryPlace {
    font-size: 1.6rem;
  }
  .topPage .topProjectGallery .topProjectGalleryContent .topProjectGalleryDetail {
    font-size: 1.6rem;
  }
  .topPage .topProjectGallery .topProjectGalleryAll {
    height: 34px;
    font-size: 1.6rem;
  }
}
.topPage .topHistory {
  position: relative;
  overflow: hidden;
  background: #f6f6f6;
  color: #121212;
  isolation: isolate;
  view-timeline-name: --top-history;
  view-timeline-axis: block;
  transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}
.topPage .topHistory.is-color-inverted {
  background-color: #121212;
  color: #f6f6f6;
}
.topPage .topHistory .topHistoryInner {
  position: relative;
  margin-inline: auto;
  padding: clamp(64px, 13.3332vw, 160px) 0 clamp(76.8px, 15.9996vw, 192px);
}
.topPage .topHistory .topHistoryInner .topHistoryHeader {
  max-width: 560px;
}
.topPage .topHistory .topHistoryInner .topHistoryHeader .topHistoryLead {
  margin: clamp(49px, 6vw, 70px) 0 0;
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: 0;
}
.topPage .topHistory .topHistoryInner .topHistoryHeader .topHistoryLead .topHistoryLeadBreakResponsive {
  display: none;
}
.topPage .topHistory .topHistoryTimeline {
  display: grid;
  gap: clamp(27.2px, 5.6664vw, 68px);
  margin-top: clamp(112px, 13vw, 160px);
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem {
  --history-color: #f36d8b;
  --history-next-color: #8bb8f2;
  --history-delay: 0s;
  display: flex;
  flex-direction: column;
  row-gap: clamp(6px, 0.9716vw, 10px);
  width: min(100%, var(--history-wave-width, 560px));
  max-width: 100%;
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem .topHistoryItemHead {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: clamp(19.2px, 3.1108vw, 32px);
  width: 100%;
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem .topHistoryLabel,
.topPage .topHistory .topHistoryTimeline .topHistoryItem .topHistoryYear {
  margin: 0;
  font-size: clamp(25px, 3vw, 35px);
  font-weight: 300;
  line-height: 1.2;
  white-space: nowrap;
  opacity: 0;
  transform: translate3d(0, 18px, 0);
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem .topHistoryYear {
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1;
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem .topHistoryLabel {
  min-width: 0;
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem .topHistoryWave {
  position: relative;
  display: block;
  height: 21px;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  color: var(--history-color);
  opacity: 0;
  transform: translate3d(0, 10px, 0);
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem .topHistoryWave::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--history-color);
  opacity: 0.18;
  -webkit-mask: var(--history-wave-image) center/100% 100% no-repeat;
  mask: var(--history-wave-image) center/100% 100% no-repeat;
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem.is-visible .topHistoryLabel {
  animation: topHistoryItemIn 1.05s cubic-bezier(0.18, 0.72, 0.18, 1) var(--history-delay) both;
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem.is-visible .topHistoryWave {
  animation: topHistoryWaveIn 1.2s ease calc(var(--history-delay) + 0.16s) both;
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem.is-visible .topHistoryWave::before {
  animation: topHistoryWaveTone 1.6s ease calc(var(--history-delay) + 0.2s) both;
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem.is-visible .topHistoryYear {
  animation: topHistoryItemIn 1.05s cubic-bezier(0.18, 0.72, 0.18, 1) calc(var(--history-delay) + 0.32s) both;
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem01 {
  --history-color: #ee6b7e;
  --history-delay: .32s;
  --history-wave-width: 767px;
  --history-wave-image: url("../img/top/historyLine01.svg");
  margin-left: clamp(88px, 18.3336vw, 220px);
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem02 {
  --history-color: #e987a7;
  --history-delay: .64s;
  --history-wave-width: 733px;
  --history-wave-image: url("../img/top/historyLine02.svg");
  margin-left: clamp(172px, 35.8332vw, 430px);
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem03 {
  --history-color: #dba0ca;
  --history-delay: .96s;
  --history-wave-width: 842px;
  --history-wave-image: url("../img/top/historyLine03.svg");
  margin-left: clamp(28.8px, 6vw, 72px);
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem04 {
  --history-color: #a8baf1;
  --history-delay: 1.28s;
  --history-wave-width: 738px;
  --history-wave-image: url("../img/top/historyLine04.svg");
  margin-left: clamp(152px, 31.6668vw, 380px);
}
.topPage .topHistory .topHistoryTimeline .topHistoryItem05 {
  --history-color: #7da7df;
  --history-delay: 1.6s;
  --history-wave-width: 681px;
  --history-wave-image: url("../img/top/historyLine05.svg");
  margin-left: clamp(84px, 17.4996vw, 210px);
}
.topPage .topHistory .topHistoryRange {
  --top-history-line-progress: 0;
  position: absolute;
  top: clamp(64px, 13.3332vw, 160px);
  right: 0;
  bottom: auto;
  display: grid;
  grid-template-rows: auto 1fr auto;
  justify-items: center;
  gap: 34px;
  opacity: 1;
}
.topPage .topHistory .topHistoryRange .topHistoryRangeYear {
  writing-mode: vertical-rl;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(112px, 13vw, 160px);
  line-height: 1;
  letter-spacing: 0.01em;
  font-feature-settings: "palt";
  opacity: 0;
}
.topPage .topHistory .topHistoryRange .topHistoryRangeYearStart {
  color: #ee6b7e;
}
.topPage .topHistory .topHistoryRange .topHistoryRangeYearEnd {
  color: #7da7df;
  transform: translate3d(0, 18px, 0);
}
.topPage .topHistory .topHistoryRange .topHistoryRangeLine {
  display: block;
  width: 3px;
  min-height: clamp(168px, 35.0004vw, 420px);
  background: linear-gradient(180deg, #ee6b7e, #7da7df);
  transform: scaleY(var(--top-history-line-progress));
  transform-origin: top center;
}
.topPage .topHistory .topHistoryRange.is-visible .topHistoryRangeYearStart {
  animation: topHistorySideYearIn 1.2s cubic-bezier(0.18, 0.72, 0.18, 1) 0.14s both;
}
.topPage .topHistory .topHistoryRange.is-visible .topHistoryRangeYearEnd {
  animation: topHistoryEndYearIn 1.1s cubic-bezier(0.18, 0.72, 0.18, 1) 1.35s both;
}
.topPage .topHistory .topHistoryLink {
  --arrow-line-link-shift: 6px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: clamp(60px, 12.5004vw, 150px);
  padding: 0 0 8px;
  border-bottom: 1px solid currentColor;
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: normal;
  font-size: clamp(14px, 2vw, 20px);
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
  transition: letter-spacing 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.topPage .topHistory .topHistoryLink::after {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: clamp(3px, 0.4858vw, 5px);
  height: clamp(6px, 0.9716vw, 10px);
  background: currentColor;
  mask: url("../img/common/icon_arrow.svg") no-repeat center/contain;
  -webkit-mask: url("../img/common/icon_arrow.svg") no-repeat center/contain;
  transform: translateX(0);
}
.topPage .topHistory .topHistoryLink:hover, .topPage .topHistory .topHistoryLink:focus-visible {
  opacity: 1;
  letter-spacing: 0.035em;
}
.topPage .topHistory .topHistoryLink:hover::after, .topPage .topHistory .topHistoryLink:focus-visible::after {
  animation: arrowLineLink-arrow-return 0.62s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@media (max-width: 480px) {
  .topPage .topHistory .topHistoryLink {
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0;
    width: 120px;
  }
  .topPage .topHistory .topHistoryLink::after {
    width: 5px;
    height: 10px;
  }
}
.topPage .topHistory .topHistoryLink {
  margin: clamp(72px, 15vw, 180px) auto 0;
  color: inherit;
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1;
  text-decoration: none;
  opacity: 0;
  transform: translate3d(0, 18px, 0);
}
.topPage .topHistory .topHistoryLink.is-visible {
  animation: topHistoryItemIn 1.05s cubic-bezier(0.18, 0.72, 0.18, 1) 0.48s both;
}
.topPage .topHistory .topHistoryHeader.is-visible {
  animation: topHistoryItemIn 1.35s cubic-bezier(0.18, 0.72, 0.18, 1) 0.18s both;
}
@media (max-width: 1300px) {
  .topPage .topHistory .topHistoryTimeline .topHistoryItem01 {
    margin-left: clamp(64px, 13.3332vw, 160px);
  }
  .topPage .topHistory .topHistoryTimeline .topHistoryItem02 {
    margin-left: clamp(120px, 24.9996vw, 300px);
  }
  .topPage .topHistory .topHistoryTimeline .topHistoryItem04 {
    margin-left: clamp(104px, 21.6672vw, 260px);
  }
}
@media (max-width: 1024px) {
  .topPage .topHistory .topHistoryInner {
    padding: 88px 0 110px;
  }
  .topPage .topHistory .topHistoryInner .topHistoryHeader .topHistoryLead {
    margin-top: 36px;
  }
  .topPage .topHistory .topHistoryInner .topHistoryHeader .topHistoryLead .topHistoryLeadBreakResponsive {
    display: inline;
  }
  .topPage .topHistory .topHistoryTimeline {
    gap: 28px;
    margin-top: 64px;
    padding-right: 0;
  }
  .topPage .topHistory .topHistoryTimeline .topHistoryItem {
    row-gap: 12px;
    width: 100%;
    margin-left: 0;
  }
  .topPage .topHistory .topHistoryTimeline .topHistoryItem .topHistoryItemHead {
    gap: 20px;
  }
  .topPage .topHistory .topHistoryTimeline .topHistoryItem .topHistoryLabel,
  .topPage .topHistory .topHistoryTimeline .topHistoryItem .topHistoryYear {
    font-size: 2.5rem;
  }
  .topPage .topHistory .topHistoryTimeline .topHistoryItem .topHistoryYear {
    flex: 0 0 auto;
  }
  .topPage .topHistory .topHistoryTimeline .topHistoryItem .topHistoryWave {
    width: 100%;
    min-width: 0;
  }
  .topPage .topHistory .topHistoryTimeline .topHistoryItem01 {
    width: 69%;
    margin-left: 3%;
  }
  .topPage .topHistory .topHistoryTimeline .topHistoryItem02 {
    width: 66%;
    margin-left: 22%;
  }
  .topPage .topHistory .topHistoryTimeline .topHistoryItem03 {
    width: 76%;
    margin-left: 0;
  }
  .topPage .topHistory .topHistoryTimeline .topHistoryItem04 {
    width: 68%;
    margin-left: 14%;
  }
  .topPage .topHistory .topHistoryTimeline .topHistoryItem05 {
    width: 72%;
    margin-left: 8%;
  }
  .topPage .topHistory .topHistoryRange {
    position: absolute;
    top: 236px;
    right: -8px;
    bottom: 80px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    justify-items: center;
    gap: 38px;
    margin-top: 0;
    transform: none;
  }
  .topPage .topHistory .topHistoryRange .topHistoryRangeYear {
    writing-mode: vertical-rl;
    font-size: 6.8rem;
  }
  .topPage .topHistory .topHistoryRange .topHistoryRangeLine {
    flex: none;
    width: 2px;
    height: 100%;
    min-height: 0;
    background: linear-gradient(180deg, #ee6b7e, #7da7df);
    transform: scaleY(var(--top-history-line-progress));
    transform-origin: top center;
  }
  .topPage .topHistory .topHistoryLink {
    position: relative;
    left: auto;
    bottom: auto;
    margin: 64px auto 0;
    opacity: 0;
    transform: translate3d(0, 18px, 0);
  }
  .topPage .topHistory .topHistoryLink.is-visible {
    animation: topHistoryItemIn 1.05s cubic-bezier(0.18, 0.72, 0.18, 1) 0.48s both;
  }
}
@media (max-width: 480px) {
  .topPage .topHistory .topHistoryTimeline .topHistoryItem .topHistoryLabel,
  .topPage .topHistory .topHistoryTimeline .topHistoryItem .topHistoryYear {
    font-size: 1.6rem;
  }
}
@keyframes topHistoryItemIn {
  from {
    opacity: 0;
    transform: translate3d(0, 34px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes topHistoryWaveIn {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes topHistoryWaveTone {
  from {
    opacity: 0.18;
  }
  to {
    opacity: 0.95;
  }
}
@keyframes topHistorySideYearIn {
  from {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes topHistoryLineIn {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
@keyframes topHistoryEndYearIn {
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes topHistoryLineXIn {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes topHistoryLinkIn {
  from {
    opacity: 0;
    transform: translate3d(-50%, 18px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
  }
}
.topPage .topNews {
  overflow: hidden;
  background: #fff;
  position: relative;
  z-index: 2;
  color: #121212;
}
.topPage .topNews .topNewsInner {
  position: relative;
  margin-inline: auto;
  padding: clamp(72px, 15vw, 180px) 0 clamp(76.8px, 15.9996vw, 192px);
}
.topPage .topNews .topNewsTitle {
  margin: 0;
}
.topPage .topNews .topNewsBody {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(800px, 1fr);
  margin-top: clamp(36px, 7.5vw, 90px);
  align-items: flex-start;
}
.topPage .topNews .topNewsCategories {
  position: relative;
  display: grid;
  align-content: start;
  --common-fade-y: 24px;
  opacity: 0;
  transform: translate3d(0, var(--common-fade-y), 0);
}
.topPage .topNews .topNewsCategories::before, .topPage .topNews .topNewsCategories::after {
  content: "";
  position: absolute;
  top: 0;
  transform-origin: top center;
}
.topPage .topNews .topNewsCategories::before {
  left: 0;
  width: 2px;
  height: 144px;
  background: #121212;
  opacity: 0.86;
  transform: scaleY(0);
}
.topPage .topNews .topNewsCategories::after {
  left: 2px;
  width: 4px;
  height: var(--top-news-current-height, clamp(44px, 9.1668vw, 110px));
  background: #ee6b7e;
  translate: 0 var(--top-news-current-y, 0);
  transform: scaleY(0);
  transition: translate 0.45s cubic-bezier(0.18, 0.72, 0.18, 1), height 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.topPage .topNews .topNewsCategory {
  width: fit-content;
  color: inherit;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(20px, 2vw, 28px);
  padding: 9px 0 9px 34px;
  line-height: 1.05;
  text-decoration: none;
  transition: color 0.35s ease, opacity 0.35s ease;
}
.topPage .topNews .topNewsCategory:hover, .topPage .topNews .topNewsCategory:focus-visible {
  color: #ee6b7e;
}
.topPage .topNews .topNewsCategory.is-active {
  color: #ee6b7e;
}
.topPage .topNews .topNewsList {
  display: grid;
}
.topPage .topNews .topNewsMeta {
  display: contents;
}
.topPage .topNews .topNewsItem {
  position: relative;
  display: grid;
  grid-template-columns: minmax(95px, 0.16fr) minmax(84px, 0.14fr) minmax(0, 1fr);
  gap: clamp(29.6px, 6.1668vw, 74px);
  align-items: center;
  padding: clamp(10.8px, 1.75vw, 18px) 0;
  color: inherit;
  text-decoration: none;
  --common-fade-y: 28px;
  opacity: 0;
  transform: translate3d(0, var(--common-fade-y), 0);
}
.topPage .topNews .topNewsItem::before, .topPage .topNews .topNewsItem::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #888888;
  transform: scaleX(0);
  transform-origin: left center;
  transition: background 0.35s ease;
}
.topPage .topNews .topNewsItem::before {
  z-index: 1;
  height: 1px;
  background: #121212;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.48s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.topPage .topNews .topNewsItem:hover::before, .topPage .topNews .topNewsItem:focus-visible::before {
  transform: scaleX(1);
}
.topPage .topNews .topNewsItem:hover::after, .topPage .topNews .topNewsItem:focus-visible::after {
  background: rgba(18, 18, 18, 0.32);
}
.topPage .topNews .topNewsItem:hover .topNewsDate,
.topPage .topNews .topNewsItem:hover .topNewsType,
.topPage .topNews .topNewsItem:hover .topNewsText, .topPage .topNews .topNewsItem:focus-visible .topNewsDate,
.topPage .topNews .topNewsItem:focus-visible .topNewsType,
.topPage .topNews .topNewsItem:focus-visible .topNewsText {
  opacity: 0.58;
}
.topPage .topNews .topNewsItem + .topNewsItem {
  margin-top: clamp(19.2px, 3.1108vw, 32px);
}
.topPage .topNews .topNewsDate {
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(15px, 2vw, 18px);
  line-height: 1;
  letter-spacing: 0.01em;
  font-feature-settings: "palt";
  transition: opacity 0.35s ease;
}
.topPage .topNews .topNewsType {
  font-size: clamp(11px, 1vw, 15px);
  letter-spacing: 0;
  font-feature-settings: "palt";
  font-weight: 300;
  line-height: 1.4;
  transition: opacity 0.35s ease;
}
.topPage .topNews .topNewsText {
  font-size: clamp(15px, 2vw, 18px);
  line-height: 1.65;
  transition: opacity 0.35s ease;
  font-weight: 300;
  font-feature-settings: "palt";
  letter-spacing: 0;
}
.topPage .topNews .topNewsMore {
  --arrow-line-link-shift: 6px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: clamp(64px, 13.3332vw, 160px);
  padding: 0 0 8px;
  border-bottom: 1px solid currentColor;
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: normal;
  font-size: clamp(14px, 2vw, 20px);
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
  transition: letter-spacing 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.topPage .topNews .topNewsMore::after {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: clamp(5.4px, 0.875vw, 9px);
  height: clamp(5.4px, 0.875vw, 9px);
  background: currentColor;
  mask: url("../img/common/icon_arrow.svg") no-repeat center/contain;
  -webkit-mask: url("../img/common/icon_arrow.svg") no-repeat center/contain;
  transform: translateX(0);
}
.topPage .topNews .topNewsMore:hover, .topPage .topNews .topNewsMore:focus-visible {
  opacity: 1;
  letter-spacing: 0.035em;
}
.topPage .topNews .topNewsMore:hover::after, .topPage .topNews .topNewsMore:focus-visible::after {
  animation: arrowLineLink-arrow-return 0.62s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@media (max-width: 480px) {
  .topPage .topNews .topNewsMore {
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0;
    width: 120px;
  }
  .topPage .topNews .topNewsMore::after {
    width: 5px;
    height: 10px;
  }
}
.topPage .topNews .topNewsMore {
  position: relative;
  margin: clamp(36px, 7.5vw, 90px) 0 0 auto;
  gap: clamp(31.2px, 5.0554vw, 52px);
  color: inherit;
  --common-fade-y: 22px;
  opacity: 0;
  transform: translate3d(0, var(--common-fade-y), 0);
}
.topPage .topNews .topNewsTitle.is-visible,
.topPage .topNews .topNewsCategories.is-visible,
.topPage .topNews .topNewsItem.is-visible,
.topPage .topNews .topNewsMore.is-visible {
  animation: commonFadeUpIn 1s cubic-bezier(0.18, 0.72, 0.18, 1) both;
}
.topPage .topNews .topNewsCategories.is-visible::before {
  animation: commonLineYIn 0.9s cubic-bezier(0.18, 0.72, 0.18, 1) 0.16s both;
}
.topPage .topNews .topNewsCategories.is-visible::after {
  animation: commonLineYIn 0.7s cubic-bezier(0.18, 0.72, 0.18, 1) 0.34s both;
}
.topPage .topNews .topNewsItem.is-visible::after {
  animation: commonLineXIn 1s cubic-bezier(0.18, 0.72, 0.18, 1) 0.2s both;
}
@media (max-width: 1024px) {
  .topPage .topNews {
    padding: 90px 0 0;
  }
  .topPage .topNews .topNewsInner {
    min-height: auto;
    padding: 10px 0 110px;
  }
  .topPage .topNews .topNewsInner .topNewsTitle {
    line-height: 0.82;
  }
  .topPage .topNews .topNewsInner .topNewsBody {
    grid-template-columns: 1fr;
    gap: 42px;
    margin-top: 80px;
  }
  .topPage .topNews .topNewsInner .topNewsBody .topNewsCategories {
    grid-template-columns: repeat(3, auto);
    align-items: start;
    justify-content: space-between;
    width: 100%;
    padding-top: 14px;
    gap: 22px;
    width: fit-content;
  }
  .topPage .topNews .topNewsInner .topNewsBody .topNewsCategories::before, .topPage .topNews .topNewsInner .topNewsBody .topNewsCategories::after {
    top: 0;
    transform-origin: left center;
  }
  .topPage .topNews .topNewsInner .topNewsBody .topNewsCategories::before {
    left: 0;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
  }
  .topPage .topNews .topNewsInner .topNewsBody .topNewsCategories::after {
    left: 0;
    width: var(--top-news-current-width, 48px);
    height: 3px;
    translate: var(--top-news-current-x, 0) 0;
    transform: scaleX(0);
    transition: translate 0.45s cubic-bezier(0.18, 0.72, 0.18, 1), width 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
  }
  .topPage .topNews .topNewsInner .topNewsBody .topNewsCategories .topNewsCategory {
    padding: 0;
    line-height: 1.1;
    font-size: 1.8rem;
  }
  .topPage .topNews .topNewsInner .topNewsBody .topNewsItem {
    grid-template-columns: 1fr;
    gap: 7px;
    min-height: 0;
    padding: 14px 0 19px;
  }
  .topPage .topNews .topNewsInner .topNewsBody .topNewsItem .topNewsMeta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
  }
  .topPage .topNews .topNewsInner .topNewsBody .topNewsItem + .topNewsItem {
    margin-top: 28px;
  }
  .topPage .topNews .topNewsInner .topNewsMore {
    position: relative;
    right: auto;
    bottom: auto;
    margin: 49px auto 0;
  }
  .topPage .topNews .topNewsCategories.is-visible::before,
  .topPage .topNews .topNewsCategories.is-visible::after {
    animation: commonLineXIn 0.9s cubic-bezier(0.18, 0.72, 0.18, 1) 0.16s both;
  }
  .topPage .topNews .topNewsCategories.is-visible::after {
    animation-duration: 0.7s;
    animation-delay: 0.34s;
  }
}
.topPage .topAboutParallax {
  position: relative;
  margin: 0;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #f6f6f6;
}
.topPage .topAboutParallax .topAboutParallaxImage {
  position: absolute;
  inset: -7% 0;
  display: block;
  width: 100%;
  height: 114%;
  max-width: none;
  max-inline-size: none;
  object-fit: cover;
  object-position: center center;
  transform: translate3d(0, var(--top-about-parallax-y, 0), 0);
  will-change: transform;
}
@media (max-width: 480px) {
  .topPage .topAboutParallax {
    aspect-ratio: 375/454;
  }
  .topPage .topAboutParallax .topAboutParallaxImage {
    object-position: 57% center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .topPage .topAboutParallax .topAboutParallaxImage {
    transform: none;
    will-change: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .topPage .topIntroBrand,
  .topPage .topIntroText,
  .topPage .topIntroBg img {
    animation: none;
  }
  .topPage .topIntroText {
    animation: none;
  }
  .topPage .topBusinessItem,
  .topPage .topBusinessImage img,
  .topPage .topProjectsMapImage {
    opacity: 1;
    transform: none;
    animation: none;
    transition: none;
  }
  .topPage .topProjectsBeam {
    opacity: 0.72;
    transform: translate3d(-50%, 0, 0);
    animation: none;
  }
  .topPage .topProjectGalleryDetail,
  .topPage .topProjectGalleryDetail::after,
  .topPage .topProjectGalleryAll,
  .topPage .topProjectGalleryAll::before,
  .topPage .topProjectGalleryAll::after {
    transition: none;
  }
  .topPage .topProjectGallery.is-gallery-reveal-ready .topProjectGalleryContent {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .topPage .topHistoryHeader,
  .topPage .topHistoryItem,
  .topPage .topHistoryLabel,
  .topPage .topHistoryYear,
  .topPage .topHistoryRange,
  .topPage .topHistoryRangeYear,
  .topPage .topHistoryLink,
  .topPage .topHistoryWave,
  .topPage .topHistoryWave::before,
  .topPage .topHistoryRangeLine {
    opacity: 1;
    transform: none;
    animation: none;
    transition: none;
  }
  .topPage .topNewsTitle,
  .topPage .topNewsCategories,
  .topPage .topNewsCategories::before,
  .topPage .topNewsCategories::after,
  .topPage .topNewsItem,
  .topPage .topNewsItem::after,
  .topPage .topNewsText,
  .topPage .topNewsType,
  .topPage .topNewsMore {
    opacity: 1;
    transform: none;
    animation: none;
    transition: none;
  }
}

html.is-fv-session-returning .topPage > .fvVideoPoster {
  opacity: 1;
}

body.top.fvFadeVariant .fv .fv__aperture {
  display: none;
}
body.top.fvFadeVariant .fv .main-photo {
  backface-visibility: hidden;
  transform: translate3d(-50%, -50%, 0);
  transition: none;
  will-change: transform, opacity;
}
body.top.fvFadeVariant .fv.is-main-photo-primed .main-photo, body.top.fvFadeVariant .fv.is-final .main-photo {
  opacity: 1;
  transform: translate3d(-50%, -50%, 0);
}
body.top.fvFadeVariant .fv.is-departing .main-photo {
  opacity: calc(1 - var(--fv-depart-fade, 0));
  transform: translate3d(-50%, -50%, 0) scale(calc(1 - var(--fv-photo-recede, 0) * 0.03));
  transition: none;
  will-change: transform, opacity;
}
body.top.fvFadeVariant .topPage .topIntro .topIntroBg img {
  filter: none;
}
body.top.fvFadeVariant .topPage .topIntro .topIntroOverlay {
  display: none;
}
body.top.fvFadeVariant .topPage .topIntro .topIntroSticky {
  transition: opacity 0.8s ease;
}
body.top.fvFadeVariant .topPage .topIntro.is-intro-fading .topIntroSticky, body.top.fvFadeVariant .topPage .topIntro.is-intro-revealed:not(.is-after):not(.is-past) .topIntroSticky {
  position: fixed;
  inset: 0;
  height: 100lvh;
}
body.top.fvFadeVariant .topPage .topIntro.is-intro-fading .topIntroSticky {
  opacity: 0;
}
body.top.fvFadeVariant .topPage .topIntro.is-intro-revealed:not(.is-past) .topIntroSticky {
  opacity: 1;
  transition-duration: 1.1s;
}
body.top.fvFadeVariant .topPage .topIntro .topIntroBrand, body.top.fvFadeVariant .topPage .topIntro.is-intro-text-locked .topIntroBrand {
  opacity: var(--fv-intro-content-opacity, 1);
  transform: translate3d(0, 0, 0);
  transition: none;
}
body.top.fvFadeVariant .topPage .topIntro .topIntroText, body.top.fvFadeVariant .topPage .topIntro.is-intro-text-locked .topIntroText {
  opacity: var(--fv-intro-content-opacity, 1);
  translate: none;
  transform: translate3d(0, 0, 0);
  transition: none;
}
body.top.fvFadeVariant .topPage .topIntro .topIntroScroll, body.top.fvFadeVariant .topPage .topIntro.is-pinned .topIntroScroll, body.top.fvFadeVariant .topPage .topIntro.is-after .topIntroScroll, body.top.fvFadeVariant .topPage .topIntro.is-intro-text-locked .topIntroScroll {
  position: absolute;
  top: var(--intro-text-start-offset, 100lvh);
  right: 0;
  bottom: auto;
  left: 0;
  transform: none;
}
body.top.fvFadeVariant .topPage .topIntro.is-past .topIntroSticky {
  display: none;
}

@media (max-width: 1024px) {
  body.top.fvFadeVariant .fv .memory-orb .memory-orb__card.is-selected {
    width: 90%;
  }
  body.top.fvFadeVariant .topPage .topIntro .topIntroBrand {
    display: block;
    align-self: center;
    width: 26rem;
    max-width: 80%;
    opacity: 1;
    transition: opacity 0.45s ease;
  }
  body.top.fvFadeVariant .topPage .topIntro.is-intro-brand-away .topIntroBrand {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.top.fvFadeVariant .topPage .topIntro .topIntroSticky,
  body.top.fvFadeVariant .topPage .topIntro .topIntroBrand {
    transition: none;
  }
}