@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);
  }
}
/*=====================================================================
	activityLatest（Activity最新記事スライダー）
=====================================================================*/
.activityLatest {
  padding: 0 0 clamp(76.8px, 15.9996vw, 192px);
}
.activityLatest .activityLatestSlider {
  position: relative;
  visibility: visible;
}
.activityLatest .activityLatestHeader {
  margin-bottom: clamp(36px, 7.5vw, 90px);
}
.activityLatest .activityLatestHeading {
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.01em;
}
.activityLatest .activityLatestViewport {
  overflow: visible;
}
.activityLatest .activityLatestInner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(44.8px, 9.3336vw, 112px);
  row-gap: clamp(31.2px, 6.5004vw, 78px);
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
.activityLatest .activityLatestNav {
  display: none;
}
.activityLatest .activityLatestCard {
  min-width: 0;
}
.activityLatest .activityLatestLink {
  display: block;
  color: #121212;
  text-decoration: none;
}
.activityLatest .activityLatestLink:hover .activityLatestFigure img, .activityLatest .activityLatestLink:focus-visible .activityLatestFigure img {
  transform: scale(1.045);
}
.activityLatest .activityLatestFigure {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: #e8e6e2;
  aspect-ratio: 384/255.924;
}
.activityLatest .activityLatestFigure img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-inline-size: none;
  object-fit: cover;
  transition: transform 1.15s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.activityLatest .activityLatestCardMedia .activityLatestFigure img {
  object-fit: cover;
  object-position: center;
}
.activityLatest .activityLatestBody {
  margin: 16px 0 0;
}
.activityLatest .activityLatestMeta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: flex-start;
  gap: clamp(12px, 1.9446vw, 20px);
}
.activityLatest .activityLatestDate {
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.01em;
}
.activityLatest .activityLatestTag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 122px;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid #888888;
  font-size: 1.4rem;
  font-weight: 300;
  font-feature-settings: "palt";
  line-height: 1.35;
  letter-spacing: 0;
  box-sizing: border-box;
}
.activityLatest .activityLatestTitle {
  font-size: clamp(17px, 2vw, 24px);
  font-weight: 300;
  line-height: 1.3333333333;
  letter-spacing: 0;
  font-feature-settings: "palt";
  transition: letter-spacing 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
@media (max-width: 1024px) {
  .activityLatest .activityLatestInner {
    gap: clamp(33.6px, 5.4446vw, 56px);
  }
  .activityLatest .activityLatestTitle {
    margin-top: 5px;
  }
}
@media (max-width: 768px) {
  .activityLatest .activityLatestInner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .activityLatest {
    padding: 0 0 105px;
  }
  .activityLatest .activityLatestSlider {
    width: 100%;
  }
  .activityLatest .activityLatestViewport {
    width: 76.5%;
    margin: 0 auto;
    overflow: hidden;
  }
  .activityLatest .activityLatestHeader {
    margin-bottom: 3rem;
  }
  .activityLatest .activityLatestHeading {
    font-size: 4.2rem;
  }
  .activityLatest .activityLatestInner {
    display: flex;
    grid-template-columns: none;
    gap: 0;
    will-change: transform;
  }
  .activityLatest .activityLatestCard {
    flex: 0 0 100%;
    width: 100%;
  }
  .activityLatest .activityLatestNav {
    position: absolute;
    top: 26.65875vw;
    z-index: 2;
    display: block;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    transform: translateY(-50%);
  }
  .activityLatest .activityLatestNav::before {
    display: block;
    width: 7px;
    height: 14px;
    margin: auto;
    background: #121212;
    content: "";
    mask: url("../img/common/icon_arrow.svg") no-repeat center/contain;
    -webkit-mask: url("../img/common/icon_arrow.svg") no-repeat center/contain;
    transition: transform 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
  }
  .activityLatest .activityLatestNav:hover::before, .activityLatest .activityLatestNav:focus-visible::before {
    transform: translateX(4px);
  }
  .activityLatest .activityLatestHeader ~ .activityLatestNav {
    top: calc(7.2rem + 26.65875vw);
  }
  .activityLatest .activityLatestNavPrev {
    left: 3%;
  }
  .activityLatest .activityLatestNavPrev::before {
    transform: rotate(180deg);
  }
  .activityLatest .activityLatestNavPrev:hover::before, .activityLatest .activityLatestNavPrev:focus-visible::before {
    transform: rotate(180deg) translateX(4px);
  }
  .activityLatest .activityLatestNavNext {
    right: 3%;
  }
  .activityLatest .activityLatestBody {
    display: flex;
    flex-direction: column;
    margin-top: 14px;
  }
  .activityLatest .activityLatestMeta {
    display: contents;
  }
  .activityLatest .activityLatestDate {
    order: 1;
    font-size: 1.4rem;
  }
  .activityLatest .activityLatestTag {
    order: 3;
    align-self: flex-start;
    margin-top: 18px;
    min-width: 122px;
    min-height: 27px;
    padding: 0 10px;
    font-size: 1.4rem;
  }
  .activityLatest .activityLatestTitle {
    order: 2;
    margin-top: 6px;
    font-size: 1.8rem;
  }
}

html:has(.messageDna) {
  scroll-behavior: smooth;
}

@media (max-width: 480px) {
  .messagePage section {
    padding: 40px 0 110px;
  }
}
.messagePage .messageIndex {
  padding: clamp(32px, 6.6672vw, 80px) 0 clamp(76.8px, 15.9996vw, 192px);
}
.messagePage .messageIndex .messageIndexCard {
  position: relative;
  width: 100%;
  max-width: 598px;
  padding-right: 6px;
}
.messagePage .messageIndex .messageIndexCardCeo {
  margin-left: 0;
}
.messagePage .messageIndex .messageIndexCardDna {
  margin: max(-360px,-50vw) 0 0 auto;
}
.messagePage .messageIndex .messageIndexCardDna .messageIndexHead {
  color: #ee6b7e;
}
.messagePage .messageIndex .messageIndexLink {
  display: block;
  color: inherit;
  text-decoration: none;
  width: 100%;
}
.messagePage .messageIndex .messageIndexLink:hover .messageIndexFigure img, .messagePage .messageIndex .messageIndexLink:focus-visible .messageIndexFigure img {
  transform: scale(1.045);
}
.messagePage .messageIndex .messageIndexLink:hover .messageIndexDetail, .messagePage .messageIndex .messageIndexLink:focus-visible .messageIndexDetail {
  letter-spacing: 0.035em;
}
.messagePage .messageIndex .messageIndexLink:hover .messageIndexDetail::after, .messagePage .messageIndex .messageIndexLink:focus-visible .messageIndexDetail::after {
  animation: arrowLineLink-arrow-return 0.62s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.messagePage .messageIndex .messageIndexHead {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: clamp(18px, 2.9162vw, 30px);
  color: #7da7df;
}
.messagePage .messageIndex .messageIndexHead .messageIndexNumber {
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(104px, 12vw, 148px);
  line-height: 0.95;
  letter-spacing: 0.01em;
}
.messagePage .messageIndex .messageIndexHead .messageIndexTitle {
  margin: 0;
  padding-bottom: clamp(6px, 0.9716vw, 10px);
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1;
  letter-spacing: 0.01em;
  font-feature-settings: "palt";
}
.messagePage .messageIndex .messageIndexFigure {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: #f3f1ec;
  aspect-ratio: 592/416;
}
.messagePage .messageIndex .messageIndexFigure picture,
.messagePage .messageIndex .messageIndexFigure img {
  display: block;
  width: 100%;
  height: 100%;
}
.messagePage .messageIndex .messageIndexFigure img {
  object-fit: cover;
  transition: transform 1s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.messagePage .messageIndex .messageIndexBody {
  margin: clamp(10.8px, 1.75vw, 18px) 0 0;
}
.messagePage .messageIndex .messageIndexCopy {
  margin: 0;
  font-size: clamp(27px, 3vw, 38px);
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: 0em;
}
.messagePage .messageIndex .messageIndexDetail {
  --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);
}
.messagePage .messageIndex .messageIndexDetail::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);
}
.messagePage .messageIndex .messageIndexDetail:hover, .messagePage .messageIndex .messageIndexDetail:focus-visible {
  opacity: 1;
  letter-spacing: 0.035em;
}
.messagePage .messageIndex .messageIndexDetail:hover::after, .messagePage .messageIndex .messageIndexDetail:focus-visible::after {
  animation: arrowLineLink-arrow-return 0.62s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@media (max-width: 480px) {
  .messagePage .messageIndex .messageIndexDetail {
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0;
    width: 120px;
  }
  .messagePage .messageIndex .messageIndexDetail::after {
    width: 5px;
    height: 10px;
  }
}
.messagePage .messageIndex .messageIndexDetail {
  margin: 24px 0 0 auto;
  border-bottom-color: rgba(18, 18, 18, 0.78);
}
@media (max-width: 480px) {
  .messagePage .messageIndex .messageIndexCard {
    padding-right: 0;
  }
  .messagePage .messageIndex .messageIndexHead {
    align-items: flex-end;
    gap: clamp(12px, 1.9446vw, 20px);
    margin-bottom: 10px;
  }
  .messagePage .messageIndex .messageIndexNumber {
    font-size: 8.2rem;
    font-feature-settings: "palt";
  }
  .messagePage .messageIndex .messageIndexTitle {
    font-size: 2.2rem;
    font-feature-settings: "palt";
  }
  .messagePage .messageIndex .messageIndexCopy {
    font-size: 2.2rem;
    font-feature-settings: "palt";
  }
}
.messagePage .messageDna {
  --message-dna-sticky-offset: clamp(52px, 10.8336vw, 130px);
  padding: clamp(96px, 20.0004vw, 240px) 0 clamp(76.8px, 15.9996vw, 192px);
}
.messagePage .messageDna > .container {
  position: relative;
}
.messagePage .messageDna .messageDnaHero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin: 0;
  padding: 0;
  min-height: clamp(228px, 47.4996vw, 570px);
}
.messagePage .messageDna .messageDnaHeroFigure {
  margin: 0;
  background: #e7ecec;
  overflow: hidden;
}
.messagePage .messageDna .messageDnaHeroFigure picture,
.messagePage .messageDna .messageDnaHeroFigure img {
  display: block;
  width: 100%;
  height: 100%;
}
.messagePage .messageDna .messageDnaHeroFigure img {
  object-fit: cover;
  object-position: 50% 50%;
}
.messagePage .messageDna .messageDnaHeroBody {
  display: grid;
  align-content: start;
  min-height: clamp(228px, 47.4996vw, 570px);
  padding: clamp(22.8px, 3.6946vw, 38px) clamp(16.8px, 2.7216vw, 28px) clamp(25.2px, 4.0838vw, 42px);
  background: #121212;
  color: #fff;
}
.messagePage .messageDna .messageDnaHeroHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: clamp(19.2px, 3.1108vw, 32px);
  color: #ee6b7e;
}
.messagePage .messageDna .messageDnaHeroNumber {
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(104px, 12vw, 148px);
  font-weight: 400;
  line-height: 0.7;
  letter-spacing: 0;
}
.messagePage .messageDna .messageDnaHeroLabel {
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1;
  letter-spacing: 0.01em;
  font-feature-settings: "palt";
}
.messagePage .messageDna .messageDnaHeroTitle {
  margin: clamp(35.2px, 7.3332vw, 88px) 0 0;
  font-size: clamp(38px, 5vw, 54px);
  font-weight: 300;
  line-height: 1.4074074074;
  letter-spacing: 0;
}
.messagePage .messageDna .messageDnaHeroLead {
  margin: clamp(36.8px, 7.6668vw, 92px) 0 0;
  font-size: clamp(15px, 2vw, 18px);
  font-weight: 300;
  line-height: 1.8888888889;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.messagePage .messageDna .messageDnaNavSentinel {
  position: absolute;
  top: clamp(68px, 14.1672vw, 170px);
  left: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.messagePage .messageDna .messageDnaNavEnd {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.messagePage .messageDna .messageDnaNav {
  position: sticky;
  top: 0;
  z-index: 120;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(43.2px, 9vw, 108px);
  margin: clamp(56px, 11.6664vw, 140px) auto 0;
  padding: clamp(19.2px, 3.1108vw, 32px) 0 clamp(9.6px, 1.5554vw, 16px);
}
.messagePage .messageDna .messageDnaNav.is-stuck {
  background: #f6f6f6;
}
.messagePage .messageDna .messageDnaNavItem {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  color: rgba(18, 18, 18, 0.27);
  text-decoration: none;
  transition: color 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.messagePage .messageDna .messageDnaNavArrow {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex-shrink: 0;
  width: 14px;
  height: 7px;
  margin-bottom: clamp(8.4px, 1.3608vw, 14px);
  overflow: visible;
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.messagePage .messageDna .messageDnaNavArrow img {
  display: block;
  flex-shrink: 0;
  width: 7px;
  height: 14px;
  block-size: 14px;
  max-width: none;
  max-inline-size: none;
  object-fit: fill;
  transform: rotate(90deg);
  transform-origin: center center;
  transition: transform 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.messagePage .messageDna .messageDnaNavLine {
  flex-shrink: 0;
  width: 100%;
  margin-bottom: clamp(12px, 1.9446vw, 20px);
  position: relative;
  display: block;
  overflow: hidden;
  height: 1px;
  background: rgba(18, 18, 18, 0.26);
}
.messagePage .messageDna .messageDnaNavLine::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background: #121212;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.9s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.messagePage .messageDna .messageDnaNavText {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: clamp(10.8px, 1.75vw, 18px);
  width: 100%;
  transition: transform 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.messagePage .messageDna .messageDnaNavText .messageDnaNavEn {
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(18px, 2vw, 22px);
  font-feature-settings: "palt";
  line-height: 1;
  letter-spacing: 0.01em;
  transition: opacity 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.messagePage .messageDna .messageDnaNavText .messageDnaNavJa {
  font-size: clamp(42px, 5vw, 60px);
  font-feature-settings: "palt";
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
  transition: transform 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.messagePage .messageDna .messageDnaSection {
  position: relative;
  width: 100%;
  scroll-margin-top: var(--message-dna-sticky-offset);
  margin-top: clamp(76.8px, 15.9996vw, 192px);
  padding: clamp(70.4px, 14.6664vw, 176px) 0 0;
  position: relative;
}
.messagePage .messageDna .messageDnaSection::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #121212;
  transform: scaleX(0);
  transform-origin: left center;
}
.messagePage .messageDna .messageDnaSection.is-visible::after {
  animation: commonLineXIn 1.05s cubic-bezier(0.18, 0.72, 0.18, 1) 0.18s both;
}
@media (prefers-reduced-motion: reduce) {
  .messagePage .messageDna .messageDnaSection::after {
    animation: none;
    transform: scaleX(1);
  }
}
.messagePage .messageDna .messageDnaSection:nth-of-type(1) {
  margin-top: 0;
  padding-top: clamp(68px, 14.1672vw, 170px);
}
.messagePage .messageDna .messageDnaSection:nth-of-type(1) .messageDnaSectionInner .messageDnaSectionFigure {
  max-width: 506px;
  aspect-ratio: 506/400;
}
.messagePage .messageDna:not(.is-nav-ready):not(:has(.messageDnaSection:target)) .messageDnaNavItem[href="#clear-water"] {
  color: #121212;
}
.messagePage .messageDna:not(.is-nav-ready):not(:has(.messageDnaSection:target)) .messageDnaNavItem[href="#clear-water"] .messageDnaNavArrow {
  opacity: 1;
}
.messagePage .messageDna:not(.is-nav-ready):not(:has(.messageDnaSection:target)) .messageDnaNavItem[href="#clear-water"] .messageDnaNavLine::after {
  transform: scaleX(1);
}
.messagePage .messageDna:not(.is-nav-ready):has(.messageDnaSectionClear:target) .messageDnaNavItem[href="#clear-water"], .messagePage .messageDna:not(.is-nav-ready):has(.messageDnaSectionSpace:target) .messageDnaNavItem[href="#breathing-space"], .messagePage .messageDna:not(.is-nav-ready):has(.messageDnaSectionDiscipline:target) .messageDnaNavItem[href="#self-discipline"],
.messagePage .messageDna .messageDnaNavItem.is-active {
  color: #121212;
}
.messagePage .messageDna:not(.is-nav-ready):has(.messageDnaSectionClear:target) .messageDnaNavItem[href="#clear-water"] .messageDnaNavArrow, .messagePage .messageDna:not(.is-nav-ready):has(.messageDnaSectionSpace:target) .messageDnaNavItem[href="#breathing-space"] .messageDnaNavArrow, .messagePage .messageDna:not(.is-nav-ready):has(.messageDnaSectionDiscipline:target) .messageDnaNavItem[href="#self-discipline"] .messageDnaNavArrow,
.messagePage .messageDna .messageDnaNavItem.is-active .messageDnaNavArrow {
  opacity: 1;
}
.messagePage .messageDna:not(.is-nav-ready):has(.messageDnaSectionClear:target) .messageDnaNavItem[href="#clear-water"] .messageDnaNavLine::after, .messagePage .messageDna:not(.is-nav-ready):has(.messageDnaSectionSpace:target) .messageDnaNavItem[href="#breathing-space"] .messageDnaNavLine::after, .messagePage .messageDna:not(.is-nav-ready):has(.messageDnaSectionDiscipline:target) .messageDnaNavItem[href="#self-discipline"] .messageDnaNavLine::after,
.messagePage .messageDna .messageDnaNavItem.is-active .messageDnaNavLine::after {
  transform: scaleX(1);
}
.messagePage .messageDna .messageDnaNavItem:focus-visible {
  color: #121212;
}
.messagePage .messageDna .messageDnaNavItem:focus-visible .messageDnaNavArrow {
  opacity: 1;
}
.messagePage .messageDna .messageDnaNavItem:focus-visible .messageDnaNavArrow img {
  transform: translate3d(0, clamp(2.4px, 0.3892vw, 4px), 0) rotate(90deg);
}
.messagePage .messageDna .messageDnaNavItem:focus-visible .messageDnaNavLine::after {
  transform: scaleX(1);
}
@media (hover: hover) and (pointer: fine) {
  .messagePage .messageDna .messageDnaNavItem:hover {
    color: #121212;
  }
  .messagePage .messageDna .messageDnaNavItem:hover .messageDnaNavArrow {
    opacity: 1;
  }
  .messagePage .messageDna .messageDnaNavItem:hover .messageDnaNavArrow img {
    transform: translate3d(0, clamp(2.4px, 0.3892vw, 4px), 0) rotate(90deg);
  }
  .messagePage .messageDna .messageDnaNavItem:hover .messageDnaNavLine::after {
    transform: scaleX(1);
  }
}
.messagePage .messageDna .messageDnaSectionInner {
  display: grid;
  grid-template-columns: minmax(0, clamp(224px, 46.6668vw, 560px)) minmax(0, clamp(198.4px, 41.3328vw, 496px));
  justify-content: space-between;
  column-gap: clamp(48px, 9.9996vw, 120px);
  row-gap: clamp(36.8px, 7.6668vw, 92px);
  width: 100%;
  margin: 0 auto;
}
.messagePage .messageDna .messageDnaSectionHead {
  grid-column: 1/-1;
}
.messagePage .messageDna .messageDnaSectionTitle {
  margin: 0;
  font-size: clamp(25px, 3vw, 35px);
  font-weight: 300;
  line-height: 1.4285714286;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.messagePage .messageDna .messageDnaSectionFigure {
  margin: 0;
  max-width: 560px;
  background: #ebe8e1;
  aspect-ratio: 560/400;
  overflow: hidden;
}
.messagePage .messageDna .messageDnaSectionFigure picture,
.messagePage .messageDna .messageDnaSectionFigure img {
  display: block;
  width: 100%;
  height: 100%;
}
.messagePage .messageDna .messageDnaSectionFigure img {
  object-fit: cover;
}
.messagePage .messageDna .messageDnaSectionClear .messageDnaSectionFigure {
  grid-column: 1;
  grid-row: 2;
}
.messagePage .messageDna .messageDnaSectionClear .messageDnaSectionText {
  grid-column: 2;
  grid-row: 2;
}
.messagePage .messageDna .messageDnaSectionSpace .messageDnaSectionFigure {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
}
.messagePage .messageDna .messageDnaSectionSpace .messageDnaSectionText {
  grid-column: 1;
  grid-row: 2;
}
.messagePage .messageDna .messageDnaSectionDiscipline .messageDnaSectionFigure {
  grid-column: 1;
  grid-row: 2;
}
.messagePage .messageDna .messageDnaSectionDiscipline .messageDnaSectionText {
  grid-column: 2;
  grid-row: 2;
}
.messagePage .messageDna .messageDnaSectionText {
  max-width: clamp(198.4px, 41.3328vw, 496px);
}
.messagePage .messageDna .messageDnaSectionText p {
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: 0;
  font-feature-settings: "palt";
  margin: 0;
}
.messagePage .messageDna .messageDnaSectionText p + p {
  margin-top: 2em;
}
@media (max-width: 1024px) {
  .messagePage .messageDna .messageDnaHero .messageDnaHeroBody {
    min-height: auto;
    padding: clamp(20.4px, 3.3054vw, 34px) clamp(16.8px, 2.7216vw, 28px) clamp(31.2px, 5.0554vw, 52px);
  }
  .messagePage .messageDna .messageDnaHero .messageDnaHeroTitle {
    margin-top: clamp(25.6px, 5.3328vw, 64px);
  }
  .messagePage .messageDna .messageDnaHero .messageDnaHeroLead {
    margin-top: clamp(28px, 5.8332vw, 70px);
  }
  .messagePage .messageDna .messageDnaNav {
    gap: clamp(27.6px, 4.4716vw, 46px);
  }
  .messagePage .messageDna .messageDnaSectionInner {
    gap: clamp(40px, 8.3328vw, 100px);
  }
}
@media (max-width: 768px) {
  .messagePage .messageDna .messageDnaHero {
    grid-template-columns: 1fr;
  }
  .messagePage .messageDna .messageDnaHero .messageDnaHeroFigure {
    order: 2;
  }
  .messagePage .messageDna .messageDnaHero .messageDnaHeroBody {
    order: 1;
  }
  .messagePage .messageDna .messageDnaNavSentinel {
    top: clamp(24.8px, 5.1672vw, 62px);
  }
  .messagePage .messageDna .messageDnaNav {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(10.8px, 1.75vw, 18px);
    margin-top: clamp(24.8px, 5.1672vw, 62px);
  }
  .messagePage .messageDna .messageDnaNavArrow {
    margin-bottom: clamp(6px, 0.9716vw, 10px);
  }
  .messagePage .messageDna .messageDnaNavLine {
    margin-bottom: clamp(8.4px, 1.3608vw, 14px);
  }
  .messagePage .messageDna .messageDnaNavEn {
    font-size: 1.2rem;
  }
  .messagePage .messageDna .messageDnaNavJa {
    font-size: 2.9rem;
  }
  .messagePage .messageDna .messageDnaSection {
    width: 100%;
    margin-top: clamp(76.8px, 15.9996vw, 192px);
    padding: clamp(70.4px, 14.6664vw, 176px) 0 0;
  }
  .messagePage .messageDna .messageDnaSectionInner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    row-gap: clamp(25.2px, 4.0838vw, 42px);
  }
  .messagePage .messageDna .messageDnaSectionHead {
    order: 1;
  }
  .messagePage .messageDna .messageDnaSectionText {
    order: 2;
    max-width: none;
  }
  .messagePage .messageDna .messageDnaSectionFigure {
    order: 3;
    width: 100%;
  }
  .messagePage .messageDna .messageDnaSectionTitle {
    max-width: none;
    font-size: clamp(21px, 3vw, 30px);
    line-height: 1.58;
  }
  .messagePage .messageDna .messageDnaSectionSpace .messageDnaSectionFigure {
    justify-self: auto;
  }
}
@media (max-width: 480px) {
  .messagePage .messageDna {
    --message-dna-sticky-offset: 130px;
    padding-top: 154px;
    padding-bottom: 104px;
  }
  .messagePage .messageDna .messageDnaHero .messageDnaHeroNumber {
    font-size: 8.2rem;
  }
  .messagePage .messageDna .messageDnaHero .messageDnaHeroLabel {
    font-size: 2.2rem;
  }
  .messagePage .messageDna .messageDnaHero .messageDnaHeroTitle {
    font-size: 3rem;
  }
  .messagePage .messageDna .messageDnaHero .messageDnaHeroLead {
    font-size: 1.5rem;
  }
  .messagePage .messageDna .messageDnaNavSentinel {
    top: 0;
  }
  .messagePage .messageDna .messageDnaNav {
    padding: 24px 0 16px;
    margin-top: 0;
  }
  .messagePage .messageDna .messageDnaNav a.messageDnaNavItem span.messageDnaNavArrow {
    margin-bottom: 10px;
  }
  .messagePage .messageDna .messageDnaNav a.messageDnaNavItem span.messageDnaNavText {
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .messagePage .messageDna .messageDnaNav a.messageDnaNavItem span.messageDnaNavText span.messageDnaNavEn {
    font-size: 1.3rem;
  }
  .messagePage .messageDna .messageDnaNav a.messageDnaNavItem span.messageDnaNavText span.messageDnaNavJa {
    font-size: 3rem;
    line-height: 0.9;
  }
  .messagePage .messageDna .messageDnaSection {
    margin-top: 70px;
    padding-top: 56px;
  }
  .messagePage .messageDna .messageDnaSection .messageDnaSectionInner {
    row-gap: 36px;
  }
  .messagePage .messageDna .messageDnaSection .messageDnaSectionInner .messageDnaSectionHead h2.messageDnaSectionTitle {
    font-size: 2.1rem;
  }
  .messagePage .messageDna .messageDnaSection .messageDnaSectionInner .messageDnaSectionText p {
    font-size: 1.5rem;
    line-height: 1.7333333333;
  }
  .messagePage .messageDna .messageDnaSection .messageDnaSectionInner .messageDnaSectionFigure {
    margin-top: 8px;
  }
}
.messagePage .messageCeoPage {
  padding-top: clamp(96px, 20.0004vw, 240px);
}
.messagePage .messageCeoPage .messageCeoHero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  min-height: clamp(228px, 47.4996vw, 570px);
  padding: 0;
}
.messagePage .messageCeoPage .messageCeoHeroFigure {
  margin: 0;
  background: #e7ecec;
  overflow: hidden;
}
.messagePage .messageCeoPage .messageCeoHeroFigure picture,
.messagePage .messageCeoPage .messageCeoHeroFigure img {
  display: block;
  width: 100%;
  height: 100%;
}
.messagePage .messageCeoPage .messageCeoHeroFigure img {
  object-fit: cover;
  object-position: 50% 50%;
}
.messagePage .messageCeoPage .messageCeoHeroBody {
  display: grid;
  align-content: start;
  min-height: clamp(228px, 47.4996vw, 570px);
  padding: clamp(22.8px, 3.6946vw, 38px) clamp(16.8px, 2.7216vw, 28px) clamp(25.2px, 4.0838vw, 42px);
  background: #121212;
  color: #fff;
}
.messagePage .messageCeoPage .messageCeoHeroHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: clamp(19.2px, 3.1108vw, 32px);
  color: #7da7df;
}
.messagePage .messageCeoPage .messageCeoHeroNumber {
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(104px, 12vw, 148px);
  font-weight: 400;
  line-height: 0.7;
  letter-spacing: 0;
}
.messagePage .messageCeoPage .messageCeoHeroLabel {
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1;
  letter-spacing: 0.01em;
  font-feature-settings: "palt";
}
.messagePage .messageCeoPage .messageCeoHeroTitle {
  margin: clamp(35.2px, 7.3332vw, 88px) 0 0;
  font-size: clamp(38px, 5vw, 54px);
  font-weight: 300;
  line-height: 1.4074074074;
  letter-spacing: 0;
}
.messagePage .messageCeoPage .messageCeoHeroProfile {
  margin: clamp(36.8px, 7.6668vw, 92px) 0 0;
}
.messagePage .messageCeoPage .messageCeoHeroName {
  margin: 0;
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 300;
  line-height: 1.4;
  font-feature-settings: "palt";
  letter-spacing: 0;
}
.messagePage .messageCeoPage .messageCeoHeroRole {
  margin: clamp(3.6px, 0.5838vw, 6px) 0 0;
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
.messagePage .messageCeoPage .messageCeoStatement {
  padding: clamp(79.2px, 16.5vw, 198px) 0 clamp(76.8px, 15.9996vw, 192px);
  position: relative;
}
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock {
  position: relative;
}
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #121212;
  transform: scaleX(0);
  transform-origin: left center;
}
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock.is-visible::after {
  animation: commonLineXIn 1.05s cubic-bezier(0.18, 0.72, 0.18, 1) 0.18s both;
}
@media (prefers-reduced-motion: reduce) {
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock::after {
    animation: none;
    transform: scaleX(1);
  }
}
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock + .messageCeoStatementBlock {
  margin-top: clamp(80px, 16.6668vw, 200px);
}
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(33.6px, 5.4446vw, 56px);
  padding-top: clamp(15.6px, 2.5284vw, 26px);
}
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementHeader .messageCeoStatementLabel {
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.4;
  letter-spacing: 0.01em;
  font-feature-settings: "palt";
}
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementHeader .messageCeoStatementTitle {
  margin: 0;
  font-size: clamp(25px, 3vw, 35px);
  font-weight: 300;
  line-height: 1.4285714286;
  letter-spacing: 0;
  font-feature-settings: "palt";
  text-align: right;
}
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementContent {
  display: grid;
  grid-template-columns: minmax(0, clamp(198.4px, 41.3328vw, 496px)) minmax(0, 1fr);
  align-items: start;
  gap: clamp(128px, 26.6664vw, 320px);
  margin-top: clamp(64px, 13.3332vw, 160px);
}
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementContent .messageCeoStatementText p {
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: 0;
  font-feature-settings: "palt";
  margin: 0;
}
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementContent .messageCeoStatementText p + p {
  margin-top: 2em;
}
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementContent .messageCeoStatementFigure {
  position: relative;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 560/400;
}
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementContent .messageCeoStatementFigure picture,
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementContent .messageCeoStatementFigure img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-inline-size: none;
}
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementContent .messageCeoStatementFigure img {
  object-fit: cover;
}
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoQuote {
  margin: clamp(44px, 9.1668vw, 110px) 0 0 auto;
  color: #7da7df;
  width: 79.22%;
  max-width: 1090px;
}
.messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock.block02 .messageCeoQuote {
  margin: clamp(32px, 6.6672vw, 80px) 0 0 auto;
  max-width: 1164px;
  width: 84.59%;
}
@media (max-width: 1024px) {
  .messagePage .messageCeoPage .messageCeoHero .messageCeoHeroBody {
    min-height: auto;
    padding: clamp(20.4px, 3.3054vw, 34px) clamp(16.8px, 2.7216vw, 28px) clamp(31.2px, 5.0554vw, 52px);
  }
  .messagePage .messageCeoPage .messageCeoHero .messageCeoHeroTitle {
    margin-top: clamp(25.6px, 5.3328vw, 64px);
  }
  .messagePage .messageCeoPage .messageCeoHero .messageCeoHeroProfile {
    margin-top: clamp(28px, 5.8332vw, 70px);
  }
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementHeader .messageCeoStatementTitle {
    text-align: left;
  }
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementContent {
    grid-template-columns: 1fr;
    gap: clamp(40px, 8.3328vw, 100px);
  }
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoQuote {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .messagePage .messageCeoPage .messageCeoHero {
    grid-template-columns: 1fr;
  }
  .messagePage .messageCeoPage .messageCeoHero .messageCeoHeroFigure {
    order: 2;
  }
  .messagePage .messageCeoPage .messageCeoHero .messageCeoHeroBody {
    order: 1;
  }
}
@media (max-width: 480px) {
  .messagePage .messageCeoPage {
    padding-top: 154px;
    padding-bottom: 104px;
  }
  .messagePage .messageCeoPage .messageCeoHero .messageCeoHeroNumber {
    font-size: 8.2rem;
  }
  .messagePage .messageCeoPage .messageCeoHero .messageCeoHeroLabel {
    font-size: 2.2rem;
  }
  .messagePage .messageCeoPage .messageCeoHero .messageCeoHeroTitle {
    font-size: 3rem;
  }
  .messagePage .messageCeoPage .messageCeoHero .messageCeoHeroProfile p.messageCeoHeroName {
    font-size: 1.8rem;
  }
  .messagePage .messageCeoPage .messageCeoHero .messageCeoHeroProfile p.messageCeoHeroRole {
    font-size: 1.3rem;
  }
  .messagePage .messageCeoPage .messageCeoStatement {
    padding-top: 65px;
    padding-bottom: 0;
  }
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock + .messageCeoStatementBlock {
    margin-top: 80px;
  }
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageDnaSectionInner {
    gap: 36px;
  }
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementHeader {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
  }
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementHeader .messageCeoStatementLabel {
    font-size: 1.6rem;
  }
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementHeader .messageCeoStatementTitle {
    font-size: 2.1rem;
  }
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementContent {
    margin-top: 30px;
  }
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementContent .messageCeoStatementText p {
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 1.7333333333;
  }
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementContent .messageCeoStatementText p + p {
    margin-top: 1.5em;
  }
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoStatementContent .messageCeoStatementFigure {
    aspect-ratio: 330/236;
    margin-top: 6px;
  }
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoQuote {
    width: 100%;
    margin-top: 50px;
  }
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoQuote picture,
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock .messageCeoQuote img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .messagePage .messageCeoPage .messageCeoStatement .messageCeoStatementBlock.block02 .messageCeoQuote {
    margin-top: 50px;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .messagePage .messageIndex .messageIndexCard,
  .messagePage .messageIndex .messageIndexCardDna {
    margin-right: auto;
    margin-left: auto;
  }
  .messagePage .messageIndex .messageIndexCardDna {
    margin-top: 80px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .messagePage {
    scroll-behavior: auto;
  }
  .messagePage .messageIndex .messageIndexFigure img,
  .messagePage .messageIndex .messageIndexDetail::after {
    transition: none;
  }
  .messagePage .messageDna .messageDnaNavItem,
  .messagePage .messageDna .messageDnaNavArrow,
  .messagePage .messageDna .messageDnaNavArrow img,
  .messagePage .messageDna .messageDnaNavLine,
  .messagePage .messageDna .messageDnaNavLine::after,
  .messagePage .messageDna .messageDnaNavText,
  .messagePage .messageDna .messageDnaNavJa {
    transition: none;
  }
}

body.is-message-dna-nav-stuck .siteHeader {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  html:has(.messageDna) {
    scroll-behavior: auto;
  }
}
.projectsPage {
  background: #f6f6f6;
  color: #121212;
}
.projectsPage .projectsArchive {
  border-top: 1px solid #aeaeae;
}
.projectsPage .projectsArchiveInner {
  display: grid;
  grid-template-columns: clamp(108.8px, 22.6668vw, 272px) 1fr;
  align-items: start;
  margin: 0 auto;
}
.projectsPage .projectsCategory {
  position: -webkit-sticky;
  position: sticky;
  top: clamp(48px, 9.9996vw, 120px);
  align-self: start;
  height: fit-content;
  min-width: 0;
  padding: clamp(30.4px, 6.3336vw, 76px) clamp(16.8px, 2.7216vw, 28px) 0;
  overflow: visible;
  padding-bottom: clamp(76.8px, 15.9996vw, 192px);
}
.projectsPage .projectsCategoryList {
  display: grid;
  gap: clamp(10.8px, 1.75vw, 18px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.projectsPage .projectsCategoryList a,
.projectsPage .projectsCategoryList button {
  --arrow-line-link-shift: 6px;
  position: relative;
}
.projectsPage .projectsCategoryList a::before,
.projectsPage .projectsCategoryList button::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 100%;
  height: 1px;
  background: #121212;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.9s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.projectsPage .projectsCategoryList a,
.projectsPage .projectsCategoryList button {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 clamp(13.2px, 2.1392vw, 22px) clamp(5.4px, 0.875vw, 9px) 0;
  border: 0;
  border-bottom: 1px solid #aeaeae;
  background: transparent;
  color: rgba(18, 18, 18, 0.28);
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  appearance: none;
}
.projectsPage .projectsCategoryList a::after,
.projectsPage .projectsCategoryList button::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: clamp(3px, 0.4858vw, 5px);
  height: clamp(6px, 0.9716vw, 10px);
  margin-block: auto;
  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);
}
.projectsPage .projectsCategoryList a:hover, .projectsPage .projectsCategoryList a:focus-visible,
.projectsPage .projectsCategoryList button:hover,
.projectsPage .projectsCategoryList button:focus-visible {
  color: #121212;
}
.projectsPage .projectsCategoryList a:hover::before, .projectsPage .projectsCategoryList a:focus-visible::before,
.projectsPage .projectsCategoryList button:hover::before,
.projectsPage .projectsCategoryList button:focus-visible::before {
  transform: scaleX(1);
}
.projectsPage .projectsCategoryList a:hover::after, .projectsPage .projectsCategoryList a:focus-visible::after,
.projectsPage .projectsCategoryList button:hover::after,
.projectsPage .projectsCategoryList button:focus-visible::after {
  animation: arrowLineLink-arrow-return 0.62s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.projectsPage .projectsCategoryList a.is-current,
.projectsPage .projectsCategoryList button.is-current {
  border-bottom-color: #121212;
  color: #121212;
}
.projectsPage .projectsCategoryList a.is-current::before,
.projectsPage .projectsCategoryList button.is-current::before {
  transform: scaleX(1);
}
.projectsPage .projectsGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: #aeaeae;
  border-left: 1px solid #aeaeae;
}
.projectsPage .projectsGrid.is-filtering {
  pointer-events: none;
}
.projectsPage .projectsGrid.is-sparse .projectsCard:not([hidden]) {
  padding-bottom: clamp(76.8px, 15.9996vw, 192px);
}
.projectsPage .projectsCard {
  min-width: 0;
  padding: clamp(16.8px, 2.7216vw, 28px);
  padding-bottom: clamp(16.8px, 2.7216vw, 28px);
  background: #f6f6f6;
}
.projectsPage .projectsCard.is-archive-tail {
  padding-bottom: clamp(76.8px, 15.9996vw, 192px);
}
.projectsPage .projectsCardLink {
  display: block;
  color: inherit;
  text-decoration: none;
  position: relative;
}
.projectsPage .projectsCardLink:hover .projectsCardFigure img, .projectsPage .projectsCardLink:focus-visible .projectsCardFigure img {
  transform: scale(1.045);
}
.projectsPage .projectsCardLink:hover .projectsCardTitle,
.projectsPage .projectsCardLink:hover .projectsCardPlace, .projectsPage .projectsCardLink:focus-visible .projectsCardTitle,
.projectsPage .projectsCardLink:focus-visible .projectsCardPlace {
  letter-spacing: 0.035em;
}
.projectsPage .projectsCardFigure {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: #e8e8e8;
  aspect-ratio: 1/1;
}
.projectsPage .projectsCardFigure.maskBlock::after {
  width: 100%;
  margin: 0;
  left: 0;
  background: #f6f6f6;
  transform: translateX(-101%);
  transition: none;
}
.projectsPage .projectsCardFigure.maskBlock:not(.isActive)::after {
  transform: translateX(0);
}
.projectsPage .projectsCardFigure.maskBlock.is-revealing::after {
  transition: transform 0.5s cubic-bezier(0.39, 0.57, 0.56, 1) 0.1s;
}
.projectsPage .projectsCardFigure.maskBlock.isActive::after {
  transform: translateX(101%);
}
.projectsPage .projectsCardFigure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.projectsPage .projectsCardBody {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: fit-content;
  min-width: 309px;
  padding: clamp(9px, 1.4588vw, 15px) clamp(7.2px, 1.1662vw, 12px) 0 0;
  background: #f6f6f6;
}
.projectsPage .projectsCardTitle {
  margin: 0;
  font-size: clamp(17px, 2vw, 24px);
  font-weight: 300;
  line-height: 1.15;
  letter-spacing: 0;
  font-feature-settings: "palt";
  transition: letter-spacing 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.projectsPage .projectsCardPlace {
  margin: 12px 0 0;
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: normal;
  font-size: clamp(11px, 1vw, 15px);
  font-feature-settings: "palt";
  line-height: 1;
  letter-spacing: 0;
  transition: letter-spacing 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
@media (max-width: 1024px) {
  .projectsPage .projectsArchiveInner {
    grid-template-columns: clamp(84px, 17.4996vw, 210px) 1fr;
  }
  .projectsPage .projectsCard {
    padding-right: clamp(16.8px, 2.7216vw, 28px);
    padding-left: clamp(16.8px, 2.7216vw, 28px);
  }
}
@media (max-width: 768px) {
  .projectsPage .projectsArchiveInner {
    display: block;
    border-right: 0;
    border-left: 0;
  }
  .projectsPage .projectsCategory {
    position: static;
    padding: 36px 0 44px;
    border-right: 0;
    border-bottom: 1px solid #aeaeae;
  }
  .projectsPage .projectsCategoryList {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(16.2px, 2.625vw, 27px);
    row-gap: 22px;
    width: 90%;
    margin: 0 auto;
  }
  .projectsPage .projectsCategoryList li {
    min-width: 0;
  }
  .projectsPage .projectsCategoryList li:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .projectsPage .projectsCategoryList li:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .projectsPage .projectsCategoryList li:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
  }
  .projectsPage .projectsCategoryList li:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
  }
  .projectsPage .projectsCategoryList li:nth-child(5) {
    grid-column: 2;
    grid-row: 3;
  }
  .projectsPage .projectsCategoryList a,
  .projectsPage .projectsCategoryList button {
    padding-right: clamp(36px, 5.8338vw, 60px);
    padding-bottom: clamp(6px, 0.9716vw, 10px);
    font-size: clamp(18px, 2vw, 22px);
  }
  .projectsPage .projectsCategoryList a::after,
  .projectsPage .projectsCategoryList button::after {
    width: 3.75px;
    height: 7px;
  }
  .projectsPage .projectsGrid {
    display: block;
    gap: 0;
    background: none;
    border-left: 0;
  }
  .projectsPage .projectsGrid.is-sparse .projectsCard:not([hidden]) {
    padding-bottom: 103px;
  }
  .projectsPage .projectsCard {
    padding: 37.5px 0;
    border-bottom: 1px solid #aeaeae;
  }
  .projectsPage .projectsCard.is-archive-tail-last {
    padding-bottom: 103px;
  }
  .projectsPage .projectsCard .projectsCardLink {
    width: 90%;
    margin: 0 auto;
  }
  .projectsPage .projectsCardBody {
    min-width: 270px;
    padding: 10px 15px 0 0;
  }
  .projectsPage .projectsCardTitle {
    font-size: 2rem;
  }
  .projectsPage .projectsCardPlace {
    font-size: 1.6rem;
    margin-top: 6px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .projectsPage .projectsCategoryList a::before,
  .projectsPage .projectsCategoryList a::after,
  .projectsPage .projectsCategoryList button::before,
  .projectsPage .projectsCategoryList button::after,
  .projectsPage .projectsCardFigure img {
    transition: none;
    animation: none;
  }
}

.projectsDetailPage {
  background: #f6f6f6;
  color: #121212;
}
.projectsDetailPage .projectsDetailHero {
  position: relative;
  min-height: 100svh;
  background: #121212;
  color: #fff;
  overflow: hidden;
}
.projectsDetailPage .projectsDetailHeroFigure {
  position: absolute;
  inset: 0;
  margin: 0;
  overflow: hidden;
  background: #121212;
}
.projectsDetailPage .projectsDetailHeroFigure::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: #808080;
  mix-blend-mode: multiply;
  opacity: 0.74;
  pointer-events: none;
}
.projectsDetailPage .projectsDetailHeroFigure img {
  display: block;
  width: 100%;
  height: 100%;
  max-inline-size: none;
  object-fit: cover;
}
.projectsDetailPage .projectsDetailHeroBody {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  min-height: 100svh;
  padding: clamp(64px, 13.3332vw, 160px) clamp(20.4px, 3.3054vw, 34px) clamp(25.6px, 5.3328vw, 64px);
}
.projectsDetailPage .projectsDetailTitle {
  margin: 0;
  font-size: clamp(52px, 6vw, 74px);
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: 0;
  font-feature-settings: "palt";
  opacity: 0;
  transform: translate3d(0, clamp(18px, 2.9162vw, 30px), 0);
  animation: projectsDetailHeroTitleIn 1.1s cubic-bezier(0.18, 0.72, 0.18, 1) 1.1s both;
}
.projectsDetailPage .projectsDetailName {
  margin: 24px 0 0;
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
  font-feature-settings: "palt";
  opacity: 0;
  transform: translate3d(0, clamp(14.4px, 2.3338vw, 24px), 0);
  animation: projectsDetailHeroTitleIn 1.05s cubic-bezier(0.18, 0.72, 0.18, 1) 1.32s both;
}
.projectsDetailPage .projectsDetailMeta {
  background: #121212;
  color: #fff;
}
.projectsDetailPage .projectsDetailMetaList {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  min-height: 170px;
  margin: 0;
  padding: clamp(13.2px, 2.1392vw, 22px) 0 clamp(9.6px, 1.5554vw, 16px);
}
.projectsDetailPage .projectsDetailMetaList:has(> :nth-child(2):last-child) {
  grid-auto-columns: minmax(0, 50%);
}
.projectsDetailPage .projectsDetailMetaList:has(> :nth-child(3):last-child) {
  grid-auto-columns: minmax(0, 33.3333333333%);
}
.projectsDetailPage .projectsDetailMetaList:has(> :nth-child(4):last-child) {
  grid-auto-columns: minmax(0, 25%);
}
.projectsDetailPage .projectsDetailMetaList:has(> :nth-child(5):last-child) {
  grid-auto-columns: minmax(0, 20%);
}
.projectsDetailPage .projectsDetailMetaList:has(> :nth-child(6):last-child) {
  grid-auto-columns: minmax(0, 16.6666666667%);
}
.projectsDetailPage .projectsDetailMetaItem {
  display: block grid;
  place-items: center;
  min-width: 0;
  padding: 0 clamp(19.2px, 3.1108vw, 32px);
  border-left: 1px solid #4d4d4d;
  position: relative;
}
.projectsDetailPage .projectsDetailMetaItem:first-child {
  border-left: 0;
}
.projectsDetailPage .projectsDetailMetaItem dt,
.projectsDetailPage .projectsDetailMetaItem dd {
  margin: 0;
}
.projectsDetailPage .projectsDetailMetaItem dt {
  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";
  position: absolute;
  top: 0;
  left: 20px;
}
.projectsDetailPage .projectsDetailMetaItem dd {
  margin: auto;
  text-align: center;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.projectsDetailPage .projectsDetailStory {
  padding: clamp(76.8px, 15.9996vw, 192px) 0 0;
  background: #f6f6f6;
  overflow: visible;
}
.projectsDetailPage .projectsDetailStoryInner {
  display: grid;
  grid-template-columns: minmax(0, clamp(434.8px, 90.5832vw, 1087px)) clamp(108.8px, 22.6668vw, 272px);
  align-items: start;
  overflow: visible;
}
.projectsDetailPage .projectsDetailStoryMain {
  min-width: 0;
  max-width: 880;
  padding-right: clamp(82.8px, 17.25vw, 207px);
  border-right: 1px solid #121212;
}
.projectsDetailPage .projectsDetailStorySection {
  padding: clamp(20.4px, 3.3054vw, 34px) 0 clamp(66px, 13.7496vw, 165px);
  scroll-margin-top: clamp(48px, 9.9996vw, 120px);
  position: relative;
}
.projectsDetailPage .projectsDetailStorySection::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #121212;
  transform: scaleX(0);
  transform-origin: left center;
}
.projectsDetailPage .projectsDetailStorySection.is-visible::after {
  animation: commonLineXIn 1.05s cubic-bezier(0.18, 0.72, 0.18, 1) 0.18s both;
}
@media (prefers-reduced-motion: reduce) {
  .projectsDetailPage .projectsDetailStorySection::after {
    animation: none;
    transform: scaleX(1);
  }
}
.projectsDetailPage .projectsDetailStoryHeader {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.projectsDetailPage .projectsDetailStoryNumber {
  margin: 0;
  font-size: clamp(18px, 2vw, 22px);
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: 0;
}
.projectsDetailPage .projectsDetailStoryLabel {
  margin: 0;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 300;
  line-height: 1.35;
  letter-spacing: 0;
}
.projectsDetailPage .projectsDetailStoryLabel {
  text-align: center;
}
.projectsDetailPage .projectsDetailStoryBody {
  margin-top: clamp(36px, 7.5vw, 90px);
}
.projectsDetailPage .projectsDetailStoryTitle {
  margin: 0;
  font-size: clamp(25px, 3vw, 35px);
  font-weight: 300;
  line-height: 1.4285714286;
  letter-spacing: 0;
}
.projectsDetailPage .projectsDetailStoryText {
  margin-top: clamp(27px, 4.375vw, 45px);
}
.projectsDetailPage .projectsDetailStoryText p {
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: 0;
  margin: 0;
}
.projectsDetailPage .projectsDetailStoryText p + p {
  margin-top: clamp(21.6px, 3.5vw, 36px);
}
.projectsDetailPage .projectsDetailStoryGallerySection {
  padding-bottom: 0;
}
.projectsDetailPage .projectsDetailPhotoGallery {
  margin-top: clamp(40.8px, 8.4996vw, 102px);
}
.projectsDetailPage .projectsDetailPhotoFigure {
  margin: 0;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 880/586.494;
}
.projectsDetailPage .projectsDetailPhotoFigure .projectsDetailPhotoLink {
  display: block;
  width: 100%;
  height: 100%;
  cursor: zoom-in;
}
.projectsDetailPage .projectsDetailPhotoFigure img {
  display: block;
  width: 100%;
  height: 100%;
  max-inline-size: none;
  object-fit: cover;
}
.projectsDetailPage .projectsDetailPhotoFigure + .projectsDetailPhotoFigure {
  padding-top: clamp(28.8px, 4.6662vw, 48px);
}
.projectsDetailPage .projectsDetailStoryDataSection {
  margin-top: clamp(84px, 17.4996vw, 210px);
  padding-bottom: 0;
}
.projectsDetailPage .projectsDetailDataBody {
  margin-top: clamp(36px, 7.5vw, 90px);
}
.projectsDetailPage .projectsDetailDataList {
  display: grid;
  gap: clamp(32.4px, 5.25vw, 54px);
  margin: 0;
}
.projectsDetailPage .projectsDetailDataItem {
  display: grid;
  grid-template-columns: clamp(64px, 13.3332vw, 160px) minmax(0, 1fr);
  gap: clamp(24px, 3.8892vw, 40px);
  align-items: baseline;
}
.projectsDetailPage .projectsDetailDataItem dt,
.projectsDetailPage .projectsDetailDataItem dd {
  margin: 0;
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0;
}
.projectsDetailPage .projectsDetailDataContact {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 480px;
  width: 100%;
  min-height: 80px;
  margin-top: clamp(32px, 6.6672vw, 80px);
  padding: 0 clamp(28.8px, 4.6662vw, 48px);
  border: 1px solid #121212;
  background: #121212;
  color: #fff;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0;
  text-decoration: none;
  transition: background-color 0.35s ease, color 0.35s ease;
}
.projectsDetailPage .projectsDetailDataContact img {
  position: absolute;
  top: 50%;
  right: clamp(12px, 1.9446vw, 20px);
  width: clamp(4.2px, 0.6804vw, 7px);
  height: clamp(8.4px, 1.3608vw, 14px);
  max-width: none;
  max-inline-size: none;
  filter: invert(1);
  transform: translate3d(0, -50%, 0);
  transition: filter 0.35s ease, transform 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.projectsDetailPage .projectsDetailDataContact:hover, .projectsDetailPage .projectsDetailDataContact:focus-visible {
  background: transparent;
  color: #121212;
}
.projectsDetailPage .projectsDetailDataContact:hover img, .projectsDetailPage .projectsDetailDataContact:focus-visible img {
  filter: none;
  transform: translate3d(clamp(2.4px, 0.3892vw, 4px), -50%, 0);
}
.projectsDetailPage .projectsDetailStorySide {
  position: -webkit-sticky;
  position: sticky;
  top: clamp(48px, 9.9996vw, 120px);
  align-self: start;
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - clamp(48px, 9.9996vw, 120px) - clamp(20.4px, 3.3054vw, 34px));
  min-width: 0;
  min-height: 0;
  padding: clamp(20.4px, 3.3054vw, 34px) 0 clamp(20.4px, 3.3054vw, 34px) clamp(28.8px, 4.6662vw, 48px);
  overflow: hidden;
}
.projectsDetailPage .projectsDetailStoryNav {
  flex-shrink: 0;
}
.projectsDetailPage .projectsDetailStoryNavList {
  display: grid;
  gap: clamp(13.2px, 2.1392vw, 22px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.projectsDetailPage .projectsDetailStoryNavList a {
  color: #121212;
  font-weight: 300;
  font-feature-settings: "palt";
  line-height: 1.5;
  letter-spacing: 0;
  text-decoration: none;
  transition: color 0.35s ease;
}
.projectsDetailPage .projectsDetailStoryNavList a:hover, .projectsDetailPage .projectsDetailStoryNavList a:focus-visible {
  color: rgba(18, 18, 18, 0.55);
}
.projectsDetailPage .projectsDetailStoryDataNav {
  flex-shrink: 0;
  display: block;
  margin-top: clamp(20.4px, 3.3054vw, 34px);
  color: #121212;
  font-weight: 300;
  font-feature-settings: "palt";
  line-height: 1.5;
  letter-spacing: 0;
  text-decoration: none;
  transition: color 0.35s ease;
}
.projectsDetailPage .projectsDetailStoryDataNav:hover, .projectsDetailPage .projectsDetailStoryDataNav:focus-visible {
  color: rgba(18, 18, 18, 0.55);
}
.projectsDetailPage .projectsDetailStoryThumbs {
  flex: 1 1 auto;
  min-height: 0;
  margin-top: clamp(13.2px, 2.1392vw, 22px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.projectsDetailPage .projectsDetailStoryThumbsInner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(9.6px, 1.5554vw, 16px);
}
.projectsDetailPage .projectsDetailStoryThumbsInner a {
  display: block;
  overflow: hidden;
  background: #e8e8e8;
  aspect-ratio: 1/1;
}
.projectsDetailPage .projectsDetailStoryThumbsInner a:hover img, .projectsDetailPage .projectsDetailStoryThumbsInner a:focus-visible img {
  transform: scale(1.06);
}
.projectsDetailPage .projectsDetailStoryThumbsInner img {
  display: block;
  width: 100%;
  height: 100%;
  max-inline-size: none;
  object-fit: cover;
  transition: transform 1s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.projectsDetailPage .projectsDetailRelated {
  padding: clamp(78px, 16.2504vw, 195px) 0 clamp(76px, 15.8328vw, 190px);
  background: #f6f6f6;
}
.projectsDetailPage .projectsDetailRelatedSlider {
  position: relative;
  visibility: visible;
}
.projectsDetailPage .projectsDetailRelatedHeader {
  margin-bottom: clamp(36px, 7.5vw, 90px);
}
.projectsDetailPage .projectsDetailRelatedTitle {
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  font-size: clamp(36px, 5vw, 64px);
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
}
.projectsDetailPage .projectsDetailRelatedViewport {
  overflow: visible;
}
.projectsDetailPage .projectsDetailRelatedInner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(44.8px, 9.3336vw, 112px);
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
.projectsDetailPage .projectsDetailRelatedNav {
  display: none;
}
.projectsDetailPage .projectsDetailRelatedCard {
  min-width: 0;
}
.projectsDetailPage .projectsDetailRelatedLink {
  display: block;
  color: #121212;
  text-decoration: none;
}
.projectsDetailPage .projectsDetailRelatedLink:hover .projectsDetailRelatedFigure img, .projectsDetailPage .projectsDetailRelatedLink:focus-visible .projectsDetailRelatedFigure img {
  transform: scale(1.045);
}
.projectsDetailPage .projectsDetailRelatedFigure {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: #e8e6e2;
  aspect-ratio: 384/255.924;
}
.projectsDetailPage .projectsDetailRelatedFigure img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-inline-size: none;
  object-fit: cover;
  transition: transform 1.15s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.projectsDetailPage .projectsDetailRelatedBody {
  margin-top: 17px;
}
.projectsDetailPage .projectsDetailRelatedName {
  margin: 0;
  font-size: clamp(17px, 2vw, 24px);
  font-weight: 300;
  line-height: 1.3333333333;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.projectsDetailPage .projectsDetailRelatedArea {
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  margin: 8px 0 0;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.01em;
}
@media (max-width: 1024px) {
  .projectsDetailPage .projectsDetailHero {
    height: 66.8325svh;
    min-height: 0;
  }
  .projectsDetailPage .projectsDetailHeroBody {
    min-height: 100%;
    padding: 0 40px 55px;
  }
  .projectsDetailPage .projectsDetailMetaList {
    grid-auto-flow: row;
    grid-auto-columns: initial;
    grid-auto-rows: auto;
    justify-content: initial;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    height: auto;
    min-height: 33.1675svh;
    padding: 20px 0 20px;
    width: 95.56%;
    margin: 0 auto;
  }
  .projectsDetailPage .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(3)::before, .projectsDetailPage .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(4)::before {
    position: absolute;
    right: 18px;
    bottom: 0;
    left: 0;
    display: block;
    height: 1px;
    background: #4d4d4d;
    content: "";
  }
  .projectsDetailPage .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(4)::before {
    right: 0;
    left: 18px;
  }
  .projectsDetailPage .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(5) {
    padding-top: 20px;
  }
  .projectsDetailPage .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(5) dt {
    top: 20px;
  }
  .projectsDetailPage .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(5)::after {
    top: 10px;
    right: 0;
    bottom: 0;
    width: 1px;
  }
  .projectsDetailPage .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(6) {
    padding-top: 20px;
  }
  .projectsDetailPage .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(6) dt {
    top: 20px;
    left: 20px;
  }
  .projectsDetailPage .projectsDetailMetaItem {
    min-height: 0;
    padding: 0;
    border-top: 0;
    border-left: 0;
  }
  .projectsDetailPage .projectsDetailMetaItem::before, .projectsDetailPage .projectsDetailMetaItem::after {
    position: absolute;
    display: block;
    background: #4d4d4d;
    content: "";
  }
  .projectsDetailPage .projectsDetailMetaItem:nth-child(1)::before, .projectsDetailPage .projectsDetailMetaItem:nth-child(2)::before {
    right: 18px;
    bottom: 0;
    left: 0;
    height: 1px;
  }
  .projectsDetailPage .projectsDetailMetaItem:nth-child(2) dt {
    left: 20px;
  }
  .projectsDetailPage .projectsDetailMetaItem:nth-child(2)::before {
    right: 0;
    left: 18px;
  }
  .projectsDetailPage .projectsDetailMetaItem:nth-child(1)::after, .projectsDetailPage .projectsDetailMetaItem:nth-child(3)::after {
    top: 0;
    right: 0;
    bottom: 18px;
    width: 1px;
  }
  .projectsDetailPage .projectsDetailMetaItem:nth-child(3) {
    padding-top: 20px;
  }
  .projectsDetailPage .projectsDetailMetaItem:nth-child(3) dt {
    top: 20px;
  }
  .projectsDetailPage .projectsDetailMetaItem:nth-child(3)::after {
    top: 10px;
    bottom: 0;
  }
  .projectsDetailPage .projectsDetailMetaItem:nth-child(4) {
    padding-top: 20px;
  }
  .projectsDetailPage .projectsDetailMetaItem:nth-child(4) dt {
    top: 20px;
    left: 20px;
  }
  .projectsDetailPage .projectsDetailMetaItem dt {
    top: 0;
    left: 0;
  }
  .projectsDetailPage .projectsDetailStoryInner {
    grid-template-columns: minmax(0, 1fr) clamp(104px, 21.6672vw, 260px);
    gap: 0;
  }
  .projectsDetailPage .projectsDetailStoryInner .projectsDetailStoryMain {
    padding-right: 60px;
  }
  .projectsDetailPage .projectsDetailStoryHeader {
    grid-template-columns: minmax(0, 1fr) minmax(220px, clamp(136px, 28.3332vw, 340px));
  }
  .projectsDetailPage .projectsDetailRelatedInner {
    gap: clamp(33.6px, 5.4446vw, 56px);
  }
}
@media (max-width: 820px) {
  .projectsDetailPage .projectsDetailHero {
    height: 63.490875svh;
  }
  .projectsDetailPage .projectsDetailMetaList {
    min-height: 31.509125svh;
  }
  .projectsDetailPage .projectsDetailStory {
    padding: 84px 0 112px;
  }
  .projectsDetailPage .projectsDetailStoryInner {
    display: flex;
    flex-direction: column;
    gap: 76px;
  }
  .projectsDetailPage .projectsDetailStoryInner .projectsDetailStoryMain {
    padding-right: 0;
    border-right: 0;
  }
  .projectsDetailPage .projectsDetailStoryMain {
    order: 2;
  }
  .projectsDetailPage .projectsDetailStorySide {
    position: static;
    display: block;
    max-height: none;
    order: 1;
    padding: 0;
    border-left: 0;
    overflow: visible;
  }
  .projectsDetailPage .projectsDetailStoryNavList {
    gap: 21px;
  }
  .projectsDetailPage .projectsDetailStoryNavList a {
    font-size: 2rem;
    line-height: 1.5;
  }
  .projectsDetailPage .projectsDetailStoryNavList li:not(:first-child) a {
    color: rgba(18, 18, 18, 0.3);
  }
  .projectsDetailPage .projectsDetailStoryThumbs {
    flex: none;
    min-height: auto;
    overflow: visible;
    margin-top: 29px;
  }
  .projectsDetailPage .projectsDetailStoryDataNav {
    margin-top: 29px;
    color: rgba(18, 18, 18, 0.3);
    font-size: 2rem;
    line-height: 1.5;
  }
  .projectsDetailPage .projectsDetailStoryThumbsInner {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
  }
  .projectsDetailPage .projectsDetailStorySection {
    padding: 25px 0 92px;
    scroll-margin-top: 84px;
  }
  .projectsDetailPage .projectsDetailStorySection:not(:first-child) {
    padding-top: 25px;
  }
  .projectsDetailPage .projectsDetailStoryGallerySection {
    padding-bottom: 0;
  }
  .projectsDetailPage .projectsDetailStoryDataSection {
    margin-top: 112px;
    padding-bottom: 0;
  }
  .projectsDetailPage .projectsDetailDataBody {
    margin-top: 56px;
  }
  .projectsDetailPage .projectsDetailDataList {
    gap: 40px;
  }
  .projectsDetailPage .projectsDetailDataContact {
    margin-top: 72px;
  }
  .projectsDetailPage .projectsDetailStoryHeader {
    display: block;
  }
  .projectsDetailPage .projectsDetailStoryNumber,
  .projectsDetailPage .projectsDetailStoryLabel {
    font-size: 2.4rem;
    line-height: 1.45;
  }
  .projectsDetailPage .projectsDetailStoryLabel {
    margin-top: 19px;
    text-align: left;
  }
  .projectsDetailPage .projectsDetailStoryBody {
    margin-top: 56px;
  }
  .projectsDetailPage .projectsDetailStoryTitle {
    font-size: 3.6rem;
    line-height: 1.55;
  }
  .projectsDetailPage .projectsDetailStoryText {
    gap: 31px;
    margin-top: 50px;
    font-size: 2.4rem;
    line-height: 1.85;
  }
  .projectsDetailPage .projectsDetailPhotoGrid {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 42px;
  }
  .projectsDetailPage .projectsDetailRelated {
    padding-top: 0;
    padding-bottom: 105px;
  }
  .projectsDetailPage .projectsDetailRelatedHeader {
    margin-bottom: 56px;
  }
  .projectsDetailPage .projectsDetailRelatedTitle {
    font-size: 7.2rem;
  }
  .projectsDetailPage .projectsDetailRelatedInner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .projectsDetailPage .projectsDetailHero .projectsDetailHeroBody {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 30px;
  }
  .projectsDetailPage .projectsDetailHero .projectsDetailHeroBody .projectsDetailTitleBlock h1.projectsDetailTitle {
    font-size: 4rem;
    line-height: 1.2;
  }
  .projectsDetailPage .projectsDetailHero .projectsDetailHeroBody .projectsDetailTitleBlock p.projectsDetailName {
    margin-top: 18px;
    font-size: 2rem;
    line-height: 1.8;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList {
    padding: 13px 0;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList .projectsDetailMetaItem dt {
    font-size: 1.3rem;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList .projectsDetailMetaItem dd {
    font-size: 1.6rem;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList .projectsDetailMetaItem:nth-child(1)::before, .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList .projectsDetailMetaItem:nth-child(2)::before {
    right: 10px;
    height: 1px;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList .projectsDetailMetaItem:nth-child(2) dt {
    left: 20px;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList .projectsDetailMetaItem:nth-child(2)::before {
    right: 0;
    left: 10px;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList .projectsDetailMetaItem:nth-child(1)::after, .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList .projectsDetailMetaItem:nth-child(3)::after {
    top: 0;
    right: 0;
    bottom: 10px;
    width: 1px;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList .projectsDetailMetaItem:nth-child(3) {
    padding-top: 13px;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList .projectsDetailMetaItem:nth-child(3) dt {
    top: 13px;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList .projectsDetailMetaItem:nth-child(3)::after {
    top: 10px;
    bottom: 0;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList .projectsDetailMetaItem:nth-child(4) {
    padding-top: 13px;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList .projectsDetailMetaItem:nth-child(4) dt {
    top: 13px;
    left: 20px;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(3)::before, .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(4)::before {
    right: 10px;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(4)::before {
    left: 10px;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(5) {
    padding-top: 13px;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(5) dt {
    top: 13px;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(5)::after {
    top: 10px;
    bottom: 0;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(6) {
    padding-top: 13px;
  }
  .projectsDetailPage .projectsDetailMeta .projectsDetailMetaList:has(> :nth-child(5)) .projectsDetailMetaItem:nth-child(6) dt {
    top: 13px;
    left: 20px;
  }
  .projectsDetailPage .projectsDetailStory {
    padding: 63px 0 0;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailStoryInner {
    gap: 66px;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailStoryMain .projectsDetailStorySection {
    padding-bottom: 60px;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailStoryMain .projectsDetailStorySection .projectsDetailStoryHeader p.projectsDetailStoryNumber {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailStoryMain .projectsDetailStorySection .projectsDetailStoryHeader h2.projectsDetailStoryLabel {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 4px;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailStoryMain .projectsDetailStorySection .projectsDetailStoryBody {
    margin-top: 40px;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailStoryMain .projectsDetailStorySection .projectsDetailStoryBody .projectsDetailStoryTitle {
    font-size: 2.2rem;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailStoryMain .projectsDetailStorySection .projectsDetailStoryBody .projectsDetailStoryText {
    margin-top: 28px;
    font-size: 1.5rem;
    line-height: 1.7333333333;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailStoryMain .projectsDetailStorySection.projectsDetailStoryGallerySection {
    padding-bottom: 0;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailStoryMain .projectsDetailStorySection.projectsDetailStoryGallerySection .projectsDetailPhotoGallery .projectsDetailPhotoFigure + .projectsDetailPhotoFigure {
    padding-top: 18px;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailStoryMain .projectsDetailStorySection.projectsDetailStoryDataSection {
    margin-top: 72px;
    padding-bottom: 96px;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailDataBody {
    margin-top: 40px;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailDataList {
    gap: 22px;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailDataItem {
    grid-template-columns: 9rem minmax(0, 1fr);
    gap: 16px;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailDataItem dt,
  .projectsDetailPage .projectsDetailStory .projectsDetailDataItem dd {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailDataContact {
    width: 100%;
    min-height: 60px;
    margin-top: 40px;
    padding: 0 32px;
    font-size: 1.6rem;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailDataContact img {
    right: 20px;
    width: 7px;
    height: 14px;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailStorySide .projectsDetailStoryNav ul.projectsDetailStoryNavList {
    gap: 8px;
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailStorySide .projectsDetailStoryNav ul.projectsDetailStoryNavList a {
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0;
    font-feature-settings: "palt";
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailStorySide .projectsDetailStoryDataNav {
    margin-top: 16px;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0;
    font-feature-settings: "palt";
  }
  .projectsDetailPage .projectsDetailStory .projectsDetailStorySide .projectsDetailStoryThumbs {
    margin-top: 16px;
  }
  .projectsDetailPage .projectsDetailRelated {
    padding-right: 0;
    padding-left: 0;
  }
  .projectsDetailPage .projectsDetailRelatedSlider {
    width: 100%;
  }
  .projectsDetailPage .projectsDetailRelatedHeader {
    width: 100%;
    margin: 0 auto 30px;
    padding: 0 20px;
  }
  .projectsDetailPage .projectsDetailRelatedTitle {
    font-size: 4.2rem;
  }
  .projectsDetailPage .projectsDetailRelatedViewport {
    width: 76.5%;
    margin: 0 auto;
    overflow: hidden;
  }
  .projectsDetailPage .projectsDetailRelatedInner {
    display: flex;
    grid-template-columns: none;
    gap: 0;
    will-change: transform;
  }
  .projectsDetailPage .projectsDetailRelatedCard {
    flex: 0 0 100%;
    width: 100%;
  }
  .projectsDetailPage .projectsDetailRelatedNav {
    position: absolute;
    top: calc(4.2rem + 30px + 25.4924296875vw);
    z-index: 2;
    display: block;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    transform: translateY(-50%);
  }
  .projectsDetailPage .projectsDetailRelatedNav::before {
    display: block;
    width: 7px;
    height: 14px;
    margin: auto;
    background: #121212;
    content: "";
    mask: url("../img/common/icon_arrow.svg") no-repeat center/contain;
    -webkit-mask: url("../img/common/icon_arrow.svg") no-repeat center/contain;
    transition: transform 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
  }
  .projectsDetailPage .projectsDetailRelatedNav:hover::before, .projectsDetailPage .projectsDetailRelatedNav:focus-visible::before {
    transform: translateX(4px);
  }
  .projectsDetailPage .projectsDetailRelatedNavPrev {
    left: 3%;
  }
  .projectsDetailPage .projectsDetailRelatedNavPrev::before {
    transform: rotate(180deg);
  }
  .projectsDetailPage .projectsDetailRelatedNavPrev:hover::before, .projectsDetailPage .projectsDetailRelatedNavPrev:focus-visible::before {
    transform: rotate(180deg) translateX(4px);
  }
  .projectsDetailPage .projectsDetailRelatedNavNext {
    right: 3%;
  }
  .projectsDetailPage .projectsDetailRelatedBody {
    margin-top: 12px;
  }
  .projectsDetailPage .projectsDetailRelatedName {
    font-size: 1.8rem;
  }
  .projectsDetailPage .projectsDetailRelatedArea {
    margin-top: 8px;
    font-size: 1.4rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .projectsDetailPage .projectsDetailTitle,
  .projectsDetailPage .projectsDetailName {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

@keyframes projectsDetailHeroTitleIn {
  from {
    opacity: 0;
    transform: translate3d(0, clamp(18px, 2.9162vw, 30px), 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
html:has(body.projectsDetailBody) {
  overflow-x: visible;
  scroll-behavior: smooth;
}

body.projectsDetailBody {
  overflow-x: visible;
}
body.projectsDetailBody .fancybox__container {
  z-index: 10050;
}
body.projectsDetailBody.is-projects-detail-header-white .siteHeader {
  color: #fff;
}
body.projectsDetailBody.is-projects-detail-header-white .siteHeader__navLink,
body.projectsDetailBody.is-projects-detail-header-white .siteHeader__menuBtn {
  color: #fff;
}
body.projectsDetailBody.is-projects-detail-header-white .siteHeader__menuBtn span {
  background: #fff;
}
body.projectsDetailBody.is-projects-detail-header-white .siteHeader__logo img {
  filter: brightness(0) invert(1);
}

.activityPage {
  background: #fff;
}
.activityPage .activityIndex {
  padding: clamp(32px, 6.6672vw, 80px) 0 clamp(76.8px, 15.9996vw, 192px);
}
.activityPage .activityIndex .activityIndexInner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(67.2px, 14.0004vw, 168px);
}
.activityPage .activityIndex .activityIndexCard {
  min-width: 0;
}
.activityPage .activityIndex .activityIndexLink {
  display: block;
  color: #121212;
  text-decoration: none;
}
.activityPage .activityIndex .activityIndexLink:hover .activityIndexFigure img, .activityPage .activityIndex .activityIndexLink:focus-visible .activityIndexFigure img {
  transform: scale(1.045);
}
.activityPage .activityIndex .activityIndexLink:hover .activityIndexTitle, .activityPage .activityIndex .activityIndexLink:focus-visible .activityIndexTitle {
  letter-spacing: 0.02em;
}
.activityPage .activityIndex .activityIndexLink:hover .activityIndexBody::after, .activityPage .activityIndex .activityIndexLink:focus-visible .activityIndexBody::after {
  transform: scaleX(1);
  transform-origin: left center;
}
.activityPage .activityIndex .activityIndexLink:hover .activityIndexArrow::after, .activityPage .activityIndex .activityIndexLink:focus-visible .activityIndexArrow::after {
  animation: arrowLineLink-arrow-return 0.62s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.activityPage .activityIndex .activityIndexFigure {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: #f3f1ec;
  aspect-ratio: 592/416;
}
.activityPage .activityIndex .activityIndexFigure picture,
.activityPage .activityIndex .activityIndexFigure img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-inline-size: none;
}
.activityPage .activityIndex .activityIndexFigure img {
  object-fit: cover;
  transition: transform 1.15s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.activityPage .activityIndex .activityIndexBody {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(14.4px, 2.3338vw, 24px);
  padding: clamp(18px, 2.9162vw, 30px) 0 clamp(16.8px, 2.7216vw, 28px);
}
.activityPage .activityIndex .activityIndexBody::before, .activityPage .activityIndex .activityIndexBody::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  content: "";
}
.activityPage .activityIndex .activityIndexBody::before {
  background: rgba(18, 18, 18, 0.7);
}
.activityPage .activityIndex .activityIndexBody::after {
  background: #121212;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.72s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.activityPage .activityIndex .activityIndexTitle {
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.01em;
  transition: letter-spacing 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.activityPage .activityIndex .activityIndexArrow {
  --arrow-line-link-shift: 6px;
  position: relative;
  display: block;
  width: clamp(5.4px, 0.875vw, 9px);
  height: clamp(9.6px, 1.5554vw, 16px);
}
.activityPage .activityIndex .activityIndexArrow::after {
  display: block;
  width: clamp(5.4px, 0.875vw, 9px);
  height: clamp(9.6px, 1.5554vw, 16px);
  background: #121212;
  content: "";
  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);
}
@media (max-width: 1024px) {
  .activityPage .activityIndex .activityIndexInner {
    gap: clamp(38.4px, 8.0004vw, 96px);
  }
}
@media (max-width: 768px) {
  .activityPage .activityIndex .activityIndexInner {
    gap: clamp(33.6px, 5.4446vw, 56px);
  }
}
@media (max-width: 480px) {
  .activityPage .activityIndex {
    padding: 0 0 110px;
  }
  .activityPage .activityIndex .activityIndexInner {
    grid-template-columns: 1fr;
    gap: 78px;
  }
  .activityPage .activityIndex .activityIndexBody {
    gap: 18px;
    padding: 22px 0 18px;
  }
  .activityPage .activityIndex .activityIndexTitle {
    font-size: 3.6rem;
  }
  .activityPage .activityIndex .activityIndexArrow {
    width: 7px;
    height: 14px;
  }
  .activityPage .activityIndex .activityIndexArrow::after {
    width: 7px;
    height: 14px;
  }
}

.activityEventPage {
  background: #fff;
}
.activityEventPage .activityEventHero {
  padding: clamp(116.8px, 24.3336vw, 292px) 0 clamp(32px, 6.6672vw, 80px);
  background: #e9e6e2;
}
.activityEventPage .activityEventHero .activityEventHeroTitle {
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(63px, 8vw, 90px);
  font-feature-settings: "palt";
  line-height: 1;
  letter-spacing: 0.01em;
}
.activityEventPage .activityEventList {
  padding: clamp(44.8px, 9.3336vw, 112px) 0 clamp(76.8px, 15.9996vw, 192px);
}
.activityEventPage .activityEventList .activityEventArticle {
  display: grid;
  grid-template-columns: clamp(249.6px, 51.9996vw, 624px) minmax(0, 1fr);
  gap: clamp(32px, 6.6672vw, 80px);
}
.activityEventPage .activityEventList .activityEventArticleFigure {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: #e8e6e2;
  aspect-ratio: 624/445;
}
.activityEventPage .activityEventList .activityEventArticleFigure img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-inline-size: none;
  object-fit: cover;
}
.activityEventPage .activityEventList .activityEventArticleBody {
  min-width: 0;
}
.activityEventPage .activityEventList .activityEventArticleDate {
  display: flex;
  align-items: baseline;
  gap: clamp(7.2px, 1.1662vw, 12px);
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(17px, 2vw, 24px);
  line-height: 1;
  letter-spacing: 0.01em;
}
.activityEventPage .activityEventList .activityEventArticleDate span {
  font-size: clamp(15px, 2vw, 18px);
}
.activityEventPage .activityEventList .activityEventArticleDate span.activityEventArticleDateSeparator {
  font-size: clamp(17px, 2vw, 24px);
}
.activityEventPage .activityEventList .activityEventArticleTitle {
  margin: clamp(27px, 4.375vw, 45px) 0 0;
  font-size: clamp(25px, 3vw, 35px);
  font-weight: 300;
  line-height: 1.4285714286;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.activityEventPage .activityEventList .activityEventArticleText {
  margin: clamp(19.2px, 3.1108vw, 32px) 0 0;
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.activityEventPage .activityEventList .activityEventArticleTags {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(9.6px, 1.5554vw, 16px);
  margin: clamp(16.2px, 2.625vw, 27px) 0 0;
  padding: 0;
  list-style: none;
}
.activityEventPage .activityEventList .activityEventArticleTags li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 27px;
  min-width: 122px;
  padding: 0 10px;
  border: 1px solid #888888;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.35;
  letter-spacing: 0;
  font-feature-settings: "palt";
  box-sizing: border-box;
}
.activityEventPage .activityEventList .activityEventArticleDetail {
  --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(18px, 2vw, 22px);
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
  transition: letter-spacing 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.activityEventPage .activityEventList .activityEventArticleDetail::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);
}
.activityEventPage .activityEventList .activityEventArticleDetail:hover, .activityEventPage .activityEventList .activityEventArticleDetail:focus-visible {
  opacity: 1;
  letter-spacing: 0.035em;
}
.activityEventPage .activityEventList .activityEventArticleDetail:hover::after, .activityEventPage .activityEventList .activityEventArticleDetail:focus-visible::after {
  animation: arrowLineLink-arrow-return 0.62s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@media (max-width: 480px) {
  .activityEventPage .activityEventList .activityEventArticleDetail {
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0;
    width: 120px;
  }
  .activityEventPage .activityEventList .activityEventArticleDetail::after {
    width: 5px;
    height: 10px;
  }
}
.activityEventPage .activityEventList .activityEventArticleDetail {
  margin: clamp(38px, 7.9164vw, 95px) 0 0;
  color: #121212;
}
@media (max-width: 1024px) {
  .activityEventPage .activityEventHero .activityEventHeroTitle {
    font-size: clamp(57px, 7vw, 82px);
  }
  .activityEventPage .activityEventList .activityEventArticle {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(33.6px, 5.4446vw, 56px);
  }
}
@media (max-width: 768px) {
  .activityEventPage .activityEventHero {
    padding: clamp(94.4px, 19.6668vw, 236px) 0 clamp(28.8px, 6vw, 72px);
  }
  .activityEventPage .activityEventList .activityEventArticle {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .activityEventPage .activityEventList .activityEventArticleBody {
    padding-top: 0;
  }
}
@media (max-width: 480px) {
  .activityEventPage .activityEventHero {
    padding: 176px 0 40px;
  }
  .activityEventPage .activityEventHero .activityEventHeroTitle {
    font-size: 5rem;
  }
  .activityEventPage .activityEventList {
    padding: 66px 0 88px;
  }
  .activityEventPage .activityEventList .activityEventArticle {
    gap: 0;
  }
  .activityEventPage .activityEventList .activityEventArticleFigure {
    aspect-ratio: 330/220;
  }
  .activityEventPage .activityEventList .activityEventArticleDate {
    gap: 10px;
    font-size: 1.8rem;
    margin-top: 20px;
  }
  .activityEventPage .activityEventList .activityEventArticleDate span {
    font-size: 1.4rem;
  }
  .activityEventPage .activityEventList .activityEventArticleDate span.activityEventArticleDateSeparator {
    font-size: 1.8rem;
  }
  .activityEventPage .activityEventList .activityEventArticleTitle {
    margin-top: 24px;
    font-size: 2.6rem;
    line-height: 1.4423076923;
  }
  .activityEventPage .activityEventList .activityEventArticleText {
    margin-top: 14px;
    font-size: 1.5rem;
    line-height: 1.7333333333;
  }
  .activityEventPage .activityEventList .activityEventArticleTags {
    gap: 16px;
    margin-top: 20px;
  }
  .activityEventPage .activityEventList .activityEventArticleTags li {
    min-height: 30px;
    padding: 0 6px;
    min-width: 122px;
    min-height: 27px;
  }
  .activityEventPage .activityEventList .activityEventArticleDetail {
    margin-top: 34px;
  }
}

.activityEventDetailPage {
  padding: clamp(96px, 20.0004vw, 240px) 0 clamp(76.8px, 15.9996vw, 192px);
}
.activityEventDetailPage .activityEventDetailHeader {
  padding-top: clamp(18px, 2.9162vw, 30px);
  border-top: 1px solid #121212;
}
.activityEventDetailPage .activityEventDetailMeta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(24px, 3.8892vw, 40px);
}
.activityEventDetailPage .activityEventDetailDate {
  display: flex;
  align-items: baseline;
  gap: clamp(7.2px, 1.1662vw, 12px);
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1;
  letter-spacing: 0.01em;
}
.activityEventDetailPage .activityEventDetailDate span {
  font-size: clamp(14px, 2vw, 20px);
}
.activityEventDetailPage .activityEventDetailDateSeparator {
  font-size: clamp(22px, 3vw, 32px) !important;
}
.activityEventDetailPage .activityEventDetailTags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: clamp(9.6px, 1.5554vw, 16px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.activityEventDetailPage .activityEventDetailTags li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 122px;
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid #888888;
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.35;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.activityEventDetailPage .activityEventDetailTitle {
  margin: clamp(28px, 5.8332vw, 70px) 0 clamp(19.2px, 3.1108vw, 32px);
  font-size: clamp(42px, 5vw, 60px);
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.activityEventDetailPage .activityEventDetailGallery {
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: clamp(22.8px, 3.6946vw, 38px) clamp(32px, 6.6672vw, 80px);
  aspect-ratio: 1376/628;
}
.activityEventDetailPage .activityEventDetailFigure {
  margin: 0;
  overflow: hidden;
  background: #e8e6e2;
  aspect-ratio: 1.355/1;
}
.activityEventDetailPage .activityEventDetailFigure img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-inline-size: none;
  object-fit: cover;
}
.activityEventDetailPage .activityEventDetailFigureMain {
  grid-row: span 2;
}
.activityEventDetailPage .activityEventDetailFigureEntrance img {
  object-position: 71% center;
}
.activityEventDetailPage .activityEventDetailContentPoster {
  display: grid;
  grid-template-columns: minmax(0, 880px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(32px, 6.6672vw, 80px);
}
.activityEventDetailPage .activityEventDetailContentPoster .activityEventDetailGallery {
  display: block;
  grid-column: 2;
  grid-row: 1;
  aspect-ratio: auto;
}
.activityEventDetailPage .activityEventDetailContentPoster .activityEventDetailFigure {
  aspect-ratio: auto;
}
.activityEventDetailPage .activityEventDetailContentPoster .activityEventDetailFigure img {
  height: auto;
  object-fit: contain;
}
.activityEventDetailPage .activityEventDetailContentPoster .activityEventDetailBody {
  grid-column: 1;
  grid-row: 1;
  max-width: 880px;
  margin-top: 0;
}
.activityEventDetailPage .activityEventDetailBody {
  max-width: 880px;
  margin: clamp(36px, 5.8338vw, 60px) 0 0;
}
.activityEventDetailPage .activityEventDetailText {
  margin: 0;
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.activityEventDetailPage .activityEventDetailText + .activityEventDetailText {
  margin-top: 1.5em;
}
.activityEventDetailPage .activityEventDetailBodyTags {
  display: none;
}
.activityEventDetailPage .activityEventDetailInfo {
  margin-top: clamp(24.8px, 5.1672vw, 62px);
  padding: clamp(15.6px, 2.5284vw, 26px) 0 clamp(36px, 5.8338vw, 60px);
  border-top: 1px solid #121212;
  border-bottom: 1px solid #121212;
}
.activityEventDetailPage .activityEventDetailInfoTitle {
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
.activityEventDetailPage .activityEventDetailInfoList {
  display: grid;
  gap: clamp(16.8px, 2.7216vw, 28px);
  margin: clamp(25.6px, 5.3328vw, 64px) 0 0;
}
.activityEventDetailPage .activityEventDetailInfoItem {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: clamp(18px, 2.9162vw, 30px);
}
.activityEventDetailPage .activityEventDetailInfoTerm,
.activityEventDetailPage .activityEventDetailInfoDescription {
  margin: 0;
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.activityEventDetailPage .activityEventOther {
  background: #f6f6f6;
}
@media (max-width: 1024px) {
  .activityEventDetailPage .activityEventDetailContentPoster {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .activityEventDetailPage .activityEventDetailContentPoster .activityEventDetailGallery {
    grid-column: 1;
    grid-row: 1;
  }
  .activityEventDetailPage .activityEventDetailContentPoster .activityEventDetailBody {
    grid-column: 1;
    grid-row: 2;
    margin-top: clamp(36px, 5.8338vw, 60px);
  }
}
@media (max-width: 768px) {
  .activityEventDetailPage .activityEventDetailGallery {
    grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
    column-gap: clamp(28.8px, 4.6662vw, 48px);
  }
}
@media (max-width: 480px) {
  .activityEventDetailPage {
    padding: 154px 0 88px;
  }
  .activityEventDetailPage .activityEventDetailHeader {
    padding-top: 20px;
  }
  .activityEventDetailPage .activityEventDetailMeta {
    display: block;
  }
  .activityEventDetailPage .activityEventDetailDate {
    gap: 0.9rem;
    font-size: 2.2rem;
  }
  .activityEventDetailPage .activityEventDetailDate span {
    font-size: 1.6rem;
  }
  .activityEventDetailPage .activityEventDetailDateSeparator {
    font-size: 2.2rem !important;
  }
  .activityEventDetailPage .activityEventDetailTags {
    display: none;
  }
  .activityEventDetailPage .activityEventDetailTitle {
    margin: 36px 0 15px;
    font-size: 2.6rem;
    line-height: 1.3;
  }
  .activityEventDetailPage .activityEventDetailGallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    gap: 2.5rem;
    aspect-ratio: auto;
  }
  .activityEventDetailPage .activityEventDetailFigure {
    aspect-ratio: 1.4/1;
  }
  .activityEventDetailPage .activityEventDetailFigureMain {
    grid-column: span 2;
    grid-row: auto;
    aspect-ratio: 3/2;
  }
  .activityEventDetailPage .activityEventDetailBody {
    margin-top: 3.5rem;
  }
  .activityEventDetailPage .activityEventDetailText {
    font-size: 1.5rem;
    line-height: 1.7333333333;
  }
  .activityEventDetailPage .activityEventDetailBodyTags {
    display: flex;
    flex-wrap: wrap;
    gap: 1.8rem;
    margin: 2.6rem 0 0;
    padding: 0;
    list-style: none;
  }
  .activityEventDetailPage .activityEventDetailBodyTags li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14.3rem;
    min-height: 3.3rem;
    padding: 0 1rem;
    border: 1px solid #888888;
    box-sizing: border-box;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: 0;
    font-feature-settings: "palt";
  }
  .activityEventDetailPage .activityEventDetailInfo {
    margin-top: 60px;
    padding: 20px 0 60px;
    border-bottom: 0;
  }
  .activityEventDetailPage .activityEventDetailInfoTitle {
    font-size: 1.6rem;
  }
  .activityEventDetailPage .activityEventDetailInfoList {
    gap: 22px;
    margin-top: 46px;
  }
  .activityEventDetailPage .activityEventDetailInfoItem {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 1rem;
  }
  .activityEventDetailPage .activityEventDetailInfoTerm,
  .activityEventDetailPage .activityEventDetailInfoDescription {
    font-size: 1.5rem;
    line-height: 1.7333333333;
  }
  .activityEventDetailPage .activityEventDetailContentPoster {
    margin-top: 40px;
  }
  .activityEventDetailPage .activityEventDetailContentPoster .activityEventDetailGallery {
    display: block;
  }
  .activityEventDetailPage .activityEventDetailContentPoster .activityEventDetailFigure,
  .activityEventDetailPage .activityEventDetailContentPoster .activityEventDetailFigureMain {
    grid-column: auto;
    aspect-ratio: auto;
  }
}

.companyPage {
  background: #fff;
}
.companyPage .cHeader {
  padding-bottom: clamp(38.4px, 8.0004vw, 96px);
}
.companyPage .companyProfile {
  padding: 0 0 clamp(76.8px, 15.9996vw, 192px);
}
.companyPage .companyProfile .companyProfileInner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 960px);
  gap: clamp(32px, 6.6672vw, 80px);
}
.companyPage .companyProfile .companyProfileTitle {
  margin: 0;
  font-size: clamp(25px, 3vw, 35px);
  font-weight: 300;
  line-height: 1.4285714286;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.companyPage .companyProfile .companyProfileList {
  margin: 0;
  border-bottom: 1px solid #aeaeae;
}
.companyPage .companyProfile .companyProfileContent {
  min-width: 0;
}
.companyPage .companyProfile .companyProfileItem {
  display: grid;
  grid-template-columns: clamp(72px, 15vw, 180px) minmax(0, 1fr);
  gap: clamp(12px, 1.9446vw, 20px);
  padding: clamp(14.4px, 2.3338vw, 24px) 0;
  border-top: 1px solid #aeaeae;
}
.companyPage .companyProfile .companyProfileItem:first-child {
  border-top: 0;
}
.companyPage .companyProfile .companyProfileTerm,
.companyPage .companyProfile .companyProfileDescription {
  margin: 0;
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.companyPage .companyProfile .companyProfileDescription a {
  color: inherit;
  text-decoration: none;
}
.companyPage .companyProfile .companyProfileMap {
  margin-top: clamp(44px, 9.1668vw, 110px);
  aspect-ratio: 3/2;
  overflow: hidden;
}
.companyPage .companyProfile .companyProfileMap iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  filter: grayscale(1);
}
.companyPage .companyParallax {
  position: relative;
  margin: 0;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #f3f1ec;
}
.companyPage .companyParallax .companyParallaxImage {
  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(--company-parallax-y, 0), 0);
  will-change: transform;
}
@media (max-width: 480px) {
  .companyPage .cHeader {
    padding-bottom: 42px;
  }
  .companyPage .companyProfile {
    padding: 0 0 100px;
  }
  .companyPage .companyProfile .companyProfileInner {
    display: block;
  }
  .companyPage .companyProfile .companyProfileTitle {
    margin-bottom: 28px;
    font-size: 2.6rem;
  }
  .companyPage .companyProfile .companyProfileItem {
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 8px;
    padding: 18px 0;
  }
  .companyPage .companyProfile .companyProfileMap {
    width: 100%;
    margin: 43px auto 0;
  }
  .companyPage .companyProfile .companyProfileTerm,
  .companyPage .companyProfile .companyProfileDescription {
    font-size: 1.5rem;
    line-height: 2;
  }
  .companyPage .companyParallax {
    aspect-ratio: 375/454;
  }
  .companyPage .companyParallax .companyParallaxImage {
    object-position: 57% center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .companyPage .companyParallax .companyParallaxImage {
    transform: none;
    will-change: auto;
  }
}

.recruitPage {
  background: #fff;
}
.recruitPage .cHeader {
  padding-bottom: clamp(38.4px, 8.0004vw, 96px);
}
.recruitPage .recruitRequirements {
  padding: 0 0 clamp(76.8px, 15.9996vw, 192px);
}
.recruitPage .recruitRequirements .recruitRequirementsInner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 960px);
  gap: clamp(32px, 6.6672vw, 80px);
}
.recruitPage .recruitRequirements .recruitRequirementsTitle {
  margin: 0;
  font-size: clamp(25px, 3vw, 35px);
  font-weight: 300;
  line-height: 1.4285714286;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.recruitPage .recruitRequirements .recruitRequirementsList {
  margin: 0;
  border-bottom: 1px solid #aeaeae;
}
.recruitPage .recruitRequirements .recruitRequirementsItem {
  display: grid;
  grid-template-columns: clamp(72px, 15vw, 180px) minmax(0, 1fr);
  gap: clamp(12px, 1.9446vw, 20px);
  padding: clamp(14.4px, 2.3338vw, 24px) 0;
  border-top: 1px solid #aeaeae;
}
.recruitPage .recruitRequirements .recruitRequirementsItem:first-child {
  border-top: 0;
}
.recruitPage .recruitRequirements .recruitRequirementsTerm,
.recruitPage .recruitRequirements .recruitRequirementsDescription {
  margin: 0;
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.recruitPage .recruitRequirements .recruitRequirementsTextList {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 480px) {
  .recruitPage .cHeader {
    padding-bottom: 42px;
  }
  .recruitPage .recruitRequirements {
    padding: 0 0 100px;
  }
  .recruitPage .recruitRequirements .recruitRequirementsInner {
    display: block;
  }
  .recruitPage .recruitRequirements .recruitRequirementsTitle {
    margin-bottom: 28px;
    font-size: 2.6rem;
  }
  .recruitPage .recruitRequirements .recruitRequirementsItem {
    grid-template-columns: 102px minmax(0, 1fr);
    gap: 20px;
    padding: 24px 0 22px;
  }
  .recruitPage .recruitRequirements .recruitRequirementsTerm,
  .recruitPage .recruitRequirements .recruitRequirementsDescription {
    font-size: 1.5rem;
    line-height: 2;
  }
}

body.is-history-header-white .siteHeader {
  color: rgba(255, 255, 255, 0.9);
}
body.is-history-header-white .siteHeader .siteHeader__logo img {
  filter: brightness(0) invert(1);
}
body.is-history-header-white .siteHeader .siteHeader__navLink,
body.is-history-header-white .siteHeader .siteHeader__menuBtn {
  color: rgba(255, 255, 255, 0.9);
}
body.is-history-header-white .siteHeader .siteHeader__menuBtn span {
  background: rgba(255, 255, 255, 0.9);
}

.historyPage {
  background: #121212;
  color: #fff;
}
.historyPage.is-history-header-white .siteHeader {
  color: rgba(255, 255, 255, 0.9);
}
.historyPage.is-history-header-white .siteHeader .siteHeader__logo img {
  filter: brightness(0) invert(1);
}
.historyPage.is-history-header-white .siteHeader .siteHeader__navLink,
.historyPage.is-history-header-white .siteHeader .siteHeader__menuBtn {
  color: rgba(255, 255, 255, 0.9);
}
.historyPage.is-history-header-white .siteHeader .siteHeader__menuBtn span {
  background: rgba(255, 255, 255, 0.9);
}
.historyPage .historyHeader {
  padding-bottom: clamp(53.6px, 11.1672vw, 134px);
}
.historyPage .historyHeader .cHeaderTitle {
  color: #fff;
}
.historyPage .historyHeader .cHeaderTitle::after {
  background: rgba(255, 255, 255, 0.9);
}
.historyPage .historyHeader .historyHeaderLead {
  margin: clamp(36px, 7.5vw, 90px) 0 0;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 300;
  line-height: 1.7272727273;
  letter-spacing: 0.02em;
  text-align: center;
}
.historyPage .cHeader--whiteSurface {
  padding-bottom: clamp(53.6px, 11.1672vw, 134px);
  color: #121212;
}
.historyPage .cHeader--whiteSurface .cHeaderTitle {
  color: #121212;
}
.historyPage .cHeader--whiteSurface .cHeaderTitle::after {
  background: #121212;
}
.historyPage .cHeader--whiteSurface .historyHeaderLead {
  margin: clamp(36px, 7.5vw, 90px) 0 0;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 300;
  line-height: 1.7272727273;
  letter-spacing: 0.02em;
  text-align: center;
  color: #121212;
}
.historyPage .historyTimeline {
  --history-timeline-progress: 0;
  --history-timeline-clip: 100%;
  position: relative;
  padding: clamp(37.6px, 7.8336vw, 94px) 0 clamp(88px, 18.3336vw, 220px);
}
.historyPage .historyTimeline .historyTimelineInner {
  position: relative;
}
.historyPage .historyTimeline .historyTimelineLine {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 21.7%;
  width: 1px;
  background: linear-gradient(to bottom, #9c8f91 0%, #ee6b7e 25%, #d590b4 50%, #b4b0dd 75%, #7da7df 100%);
  clip-path: inset(0 0 var(--history-timeline-clip) 0);
  will-change: clip-path;
}
.historyPage .historyTimeline .historyTimelineList {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.historyPage .historyTimeline .historyTimelineItem {
  --history-color: #9c8f91;
  --history-next-color: #ee6b7e;
  position: relative;
  display: grid;
  grid-template-columns: 30.52% minmax(0, 1fr);
  min-height: clamp(176px, 36.6672vw, 440px);
  gap: clamp(68px, 14.1672vw, 170px);
}
.historyPage .historyTimeline .historyTimelineItemFoundation {
  --history-color: #ee6b7e;
  --history-next-color: #d590b4;
  margin-top: clamp(76.8px, 15.9996vw, 192px);
}
.historyPage .historyTimeline .historyTimelineItemNineties {
  --history-color: #d590b4;
  --history-next-color: #b4b0dd;
  margin-top: clamp(76.8px, 15.9996vw, 192px);
}
.historyPage .historyTimeline .historyTimelineItemTwoThousands {
  --history-color: #b4b0dd;
  --history-next-color: #7da7df;
  margin-top: clamp(76.8px, 15.9996vw, 192px);
}
.historyPage .historyTimeline .historyTimelineItemTwenties {
  --history-color: #7da7df;
  --history-next-color: #7da7df;
  margin-top: clamp(76.8px, 15.9996vw, 192px);
}
.historyPage .historyTimeline .historyTimelineMeta {
  position: relative;
  min-height: 100%;
  color: var(--history-color);
}
.historyPage .historyTimeline .historyTimelineYear {
  position: absolute;
  top: clamp(3px, 0.4858vw, 5px);
  left: 0;
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(36px, 5vw, 64px);
  line-height: 1;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
@media (max-width: 1320px) {
  .historyPage .historyTimeline .historyTimelineYear {
    font-size: clamp(36px, 4vw, 52px);
  }
}
.historyPage .historyTimeline .historyTimelineEra {
  position: absolute;
  top: 0;
  left: 73%;
  margin: 0;
  font-size: clamp(50px, 6vw, 72px);
  font-weight: 300;
  line-height: 1.24;
  letter-spacing: 0;
  font-feature-settings: "palt";
  writing-mode: vertical-rl;
  opacity: 0.55;
  background: linear-gradient(to bottom, var(--history-color), var(--history-next-color));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  padding-left: 10px;
}
.historyPage .historyTimeline .historyTimelineDot {
  position: absolute;
  top: clamp(19.2px, 3.1108vw, 32px);
  left: calc(71.1% + 0.5px);
  width: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--history-color);
  translate: -50% 0;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.36);
  opacity: 0;
  transform: scale(0);
}
.historyPage .historyTimeline .historyTimelineContent {
  min-width: 0;
  padding-right: clamp(1.2px, 0.1946vw, 2px);
}
.historyPage .historyTimeline .historyTimelineTitle,
.historyPage .historyTimeline .historyTimelineText {
  opacity: 0;
  transform: translate3d(0, clamp(16.8px, 2.7216vw, 28px), 0);
  transition: opacity 0.85s cubic-bezier(0.18, 0.72, 0.18, 1), transform 0.85s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.historyPage .historyTimeline .historyTimelineYear {
  opacity: 0;
  transform: translate3d(calc(0px - clamp(33.6px, 5.4446vw, 56px)), 0, 0);
  transition: opacity 1.05s cubic-bezier(0.18, 0.72, 0.18, 1), transform 1.05s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.historyPage .historyTimeline .historyTimelineEra {
  opacity: 0;
  transition: opacity 1.1s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.historyPage .historyTimeline .historyTimelineItem.is-visible .historyTimelineTitle,
.historyPage .historyTimeline .historyTimelineItem.is-visible .historyTimelineText,
.historyPage .historyTimeline .historyTimelineItem.is-visible .historyTimelineYear {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.historyPage .historyTimeline .historyTimelineItem.is-visible .historyTimelineYear {
  transition-delay: 0.02s;
}
.historyPage .historyTimeline .historyTimelineItem.is-visible .historyTimelineEra {
  opacity: 0.55;
  transition-delay: 0.24s;
}
.historyPage .historyTimeline .historyTimelineItem.is-visible .historyTimelineTitle {
  transition-delay: 0.4s;
}
.historyPage .historyTimeline .historyTimelineItem.is-visible .historyTimelineText {
  transition-delay: 0.55s;
}
.historyPage .historyTimeline .historyTimelineItem.is-line-reached .historyTimelineDot {
  opacity: 1;
  animation: historyTimelineDotIn 0.8s cubic-bezier(0.18, 0.72, 0.18, 1) 0.16s both;
}
.historyPage .historyTimeline .historyTimelineTitle {
  margin: 0;
  font-size: clamp(25px, 3vw, 35px);
  font-weight: 300;
  line-height: 1.4285714286;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.historyPage .historyTimeline .historyTimelineText {
  margin: clamp(24px, 3.8892vw, 40px) 0 0;
}
.historyPage .historyTimeline .historyTimelineText p {
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: 0;
  font-feature-settings: "palt";
  margin: 0;
}
.historyPage .historyTimeline .historyTimelineText p + p {
  margin-top: 1.5em;
}
.historyPage .historyTimeline .historyTimelineFigure {
  position: relative;
  margin: clamp(28.8px, 6vw, 72px) 0 0;
  aspect-ratio: 1568/1046;
  overflow: hidden;
  background: #292929;
}
.historyPage .historyTimeline .historyTimelineFigure picture,
.historyPage .historyTimeline .historyTimelineFigure img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-inline-size: none;
}
.historyPage .historyTimeline .historyTimelineFigure img {
  object-fit: cover;
}
.historyPage .historyTimeline .historyTimelineFigure + .historyTimelineTitle {
  margin-top: clamp(28.8px, 6vw, 72px);
}
.historyPage .historyTimeline .historyTimelineFigureLogo {
  aspect-ratio: 784/522;
  background: #fff;
}
.historyPage .historyTimeline .historyTimelineFigureLogo + .historyTimelineTitle {
  margin-top: clamp(28.8px, 6vw, 72px);
}
.historyPage .historyRelated {
  padding: clamp(76.8px, 15.9996vw, 192px) 0;
  background: #f6f6f6;
  color: #121212;
}
.historyPage .historyRelated .historyRelatedInner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(67.2px, 14.0004vw, 168px);
}
.historyPage .historyRelated .historyRelatedCard {
  min-width: 0;
}
.historyPage .historyRelated .historyRelatedLink {
  display: block;
  color: inherit;
  text-decoration: none;
}
.historyPage .historyRelated .historyRelatedLink:hover .historyRelatedFigure img, .historyPage .historyRelated .historyRelatedLink:focus-visible .historyRelatedFigure img {
  transform: scale(1.045);
}
.historyPage .historyRelated .historyRelatedLink:hover .historyRelatedTitle, .historyPage .historyRelated .historyRelatedLink:focus-visible .historyRelatedTitle {
  letter-spacing: 0.02em;
}
.historyPage .historyRelated .historyRelatedLink:hover .historyRelatedBody::after, .historyPage .historyRelated .historyRelatedLink:focus-visible .historyRelatedBody::after {
  transform: scaleX(1);
  transform-origin: left center;
}
.historyPage .historyRelated .historyRelatedLink:hover .historyRelatedArrow::after, .historyPage .historyRelated .historyRelatedLink:focus-visible .historyRelatedArrow::after {
  animation: arrowLineLink-arrow-return 0.62s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.historyPage .historyRelated .historyRelatedCopy {
  margin: 0 0 clamp(9.6px, 1.5554vw, 16px);
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.historyPage .historyRelated .historyRelatedFigure {
  position: relative;
  margin: 0;
  aspect-ratio: 592/416;
  overflow: hidden;
  background: #f3f1ec;
}
.historyPage .historyRelated .historyRelatedFigure picture,
.historyPage .historyRelated .historyRelatedFigure img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-inline-size: none;
}
.historyPage .historyRelated .historyRelatedFigure img {
  object-fit: cover;
  transition: transform 1.15s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.historyPage .historyRelated .historyRelatedBody {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(14.4px, 2.3338vw, 24px);
  padding: clamp(18px, 2.9162vw, 30px) 0 clamp(16.8px, 2.7216vw, 28px);
}
.historyPage .historyRelated .historyRelatedBody::before, .historyPage .historyRelated .historyRelatedBody::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
}
.historyPage .historyRelated .historyRelatedBody::before {
  background: rgba(18, 18, 18, 0.7);
}
.historyPage .historyRelated .historyRelatedBody::after {
  background: #121212;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.72s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.historyPage .historyRelated .historyRelatedTitle {
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.01em;
  transition: letter-spacing 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.historyPage .historyRelated .historyRelatedArrow {
  --arrow-line-link-shift: 6px;
  position: relative;
  display: block;
  width: clamp(5.4px, 0.875vw, 9px);
  height: clamp(9.6px, 1.5554vw, 16px);
}
.historyPage .historyRelated .historyRelatedArrow::after {
  display: block;
  width: clamp(5.4px, 0.875vw, 9px);
  height: clamp(9.6px, 1.5554vw, 16px);
  background: #121212;
  content: "";
  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);
}
@media (max-width: 1024px) {
  .historyPage .historyRelated .historyRelatedInner {
    gap: clamp(38.4px, 8.0004vw, 96px);
  }
}
@media (max-width: 820px) {
  .historyPage .historyTimeline .historyTimelineLine {
    left: 68px;
  }
  .historyPage .historyTimeline .historyTimelineItem {
    grid-template-columns: 128px minmax(0, 1fr);
    gap: 53px;
  }
  .historyPage .historyTimeline .historyTimelineYear {
    top: 0;
    left: 18px;
    font-size: 2.8rem;
    writing-mode: vertical-rl;
  }
  .historyPage .historyTimeline .historyTimelineEra {
    left: 86px;
    font-size: 3.8rem;
    padding-left: 0;
  }
  .historyPage .historyTimeline .historyTimelineDot {
    left: 68px;
    top: 12px;
  }
}
@media (max-width: 768px) {
  .historyPage .historyRelated .historyRelatedInner {
    gap: clamp(33.6px, 5.4446vw, 56px);
  }
}
@media (max-width: 480px) {
  .historyPage .historyHeader {
    padding-bottom: 90px;
  }
  .historyPage .historyHeader .historyHeaderLead {
    margin-top: 45px;
    font-size: 1.65rem;
    line-height: 1.7575757576;
  }
  .historyPage .cHeader--whiteSurface {
    padding-bottom: 90px;
  }
  .historyPage .cHeader--whiteSurface .historyHeaderLead {
    margin-top: 45px;
    font-size: 1.65rem;
    line-height: 1.7575757576;
  }
  .historyPage .historyTimeline {
    padding: 0 0 110px;
  }
  .historyPage .historyTimeline .historyTimelineLine {
    left: 29px;
  }
  .historyPage .historyTimeline .historyTimelineItem {
    grid-template-columns: 22.25% minmax(0, 1fr);
    gap: 20px;
  }
  .historyPage .historyTimeline .historyTimelineItemFoundation,
  .historyPage .historyTimeline .historyTimelineItemNineties,
  .historyPage .historyTimeline .historyTimelineItemTwoThousands,
  .historyPage .historyTimeline .historyTimelineItemTwenties {
    margin-top: 100px;
  }
  .historyPage .historyTimeline .historyTimelineMeta {
    min-height: 118px;
  }
  .historyPage .historyTimeline .historyTimelineYear {
    top: 0;
    left: -2px;
    font-size: 2.147rem;
  }
  .historyPage .historyTimeline .historyTimelineEra {
    top: 0;
    left: 38px;
    font-size: 2.415rem;
  }
  .historyPage .historyTimeline .historyTimelineDot {
    top: 10px;
    left: 29.5px;
    width: 4px;
  }
  .historyPage .historyTimeline .historyTimelineTitle {
    font-size: 2.1rem;
    line-height: 1.4545454545;
  }
  .historyPage .historyTimeline .historyTimelineText {
    margin-top: 32px;
  }
  .historyPage .historyTimeline .historyTimelineText p {
    font-size: 1.5rem;
    line-height: 1.7333333333;
  }
  .historyPage .historyTimeline .historyTimelineFigure {
    margin-top: 42px;
  }
  .historyPage .historyTimeline .historyTimelineFigure + .historyTimelineTitle {
    margin-top: 42px;
  }
  .historyPage .historyRelated {
    padding: 110px 0 110px;
  }
  .historyPage .historyRelated .historyRelatedInner {
    grid-template-columns: 1fr;
    gap: 78px;
  }
  .historyPage .historyRelated .historyRelatedCopy {
    margin-bottom: 14px;
    font-size: 2.2rem;
  }
  .historyPage .historyRelated .historyRelatedBody {
    gap: 18px;
    padding: 22px 0 18px;
  }
  .historyPage .historyRelated .historyRelatedTitle {
    font-size: 3.6rem;
  }
  .historyPage .historyRelated .historyRelatedArrow {
    width: 7px;
    height: 14px;
  }
  .historyPage .historyRelated .historyRelatedArrow::after {
    width: 7px;
    height: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .historyPage .historyTimeline .historyTimelineLine {
    --history-timeline-progress: 1;
    --history-timeline-clip: 0%;
    will-change: auto;
  }
  .historyPage .historyTimeline .historyTimelineTitle,
  .historyPage .historyTimeline .historyTimelineText,
  .historyPage .historyTimeline .historyTimelineYear {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .historyPage .historyTimeline .historyTimelineEra {
    opacity: 0.55;
    transform: none;
    transition: none;
  }
  .historyPage .historyTimeline .historyTimelineDot {
    animation: none;
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes historyTimelineDotIn {
  0% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.36);
    transform: scale(0);
  }
  55% {
    box-shadow: 0 0 0 clamp(7.2px, 1.1662vw, 12px) rgba(255, 255, 255, 0);
  }
  100% {
    opacity: 1;
    box-shadow: 0 0 0 clamp(10.8px, 1.75vw, 18px) rgba(255, 255, 255, 0);
    transform: scale(1);
  }
}
.newsPage {
  background: #fff;
}
.newsPage .newsIndexHero {
  padding: clamp(116.8px, 24.3336vw, 292px) 0 clamp(32px, 6.6672vw, 80px);
  background: #e9e6e2;
}
.newsPage .newsIndexHero .newsIndexHeroTitle {
  margin: 0;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(63px, 8vw, 90px);
  line-height: 1;
  letter-spacing: 0.01em;
}
.newsPage .newsIndex {
  padding: clamp(44.8px, 9.3336vw, 112px) 0 clamp(76px, 15.8328vw, 190px);
}
.newsPage .newsIndex .newsIndexInner {
  max-width: 990px;
  margin: 0 auto;
}
.newsPage .newsIndex .newsIndexItem {
  border-bottom: 1px solid #aeaeae;
}
.newsPage .newsIndex .newsIndexItem + .newsIndexItem {
  margin-top: clamp(19.2px, 3.1108vw, 32px);
}
.newsPage .newsIndex .newsIndexLink {
  position: relative;
  display: grid;
  grid-template-columns: minmax(105px, 0.18fr) minmax(0, 1fr);
  gap: clamp(28.8px, 4.6662vw, 48px);
  align-items: center;
  padding: clamp(10.8px, 1.75vw, 18px) 0;
  color: inherit;
  text-decoration: none;
}
.newsPage .newsIndex .newsIndexLink::after {
  content: "";
  position: absolute;
  inset: auto 0 -1px;
  height: 1px;
  background: #121212;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.newsPage .newsIndex .newsIndexLink:hover::after, .newsPage .newsIndex .newsIndexLink:focus-visible::after {
  transform: scaleX(1);
}
.newsPage .newsIndex .newsIndexLink:hover .newsIndexDate,
.newsPage .newsIndex .newsIndexLink:hover .newsIndexTitle, .newsPage .newsIndex .newsIndexLink:focus-visible .newsIndexDate,
.newsPage .newsIndex .newsIndexLink:focus-visible .newsIndexTitle {
  opacity: 0.58;
}
.newsPage .newsIndex .newsIndexDate {
  grid-column: 1;
  grid-row: 1;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(15px, 2vw, 18px);
  line-height: 1.4;
  letter-spacing: 0.01em;
  transition: opacity 0.35s ease;
}
.newsPage .newsIndex .newsIndexTitle {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  font-size: clamp(15px, 2vw, 18px);
  font-weight: 300;
  line-height: 1.65;
  transition: opacity 0.35s ease;
}
.newsPage .newsIndex .newsIndexArrow {
  display: none;
  width: clamp(6px, 0.9716vw, 10px);
  height: clamp(9.6px, 1.5554vw, 16px);
  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;
}
.newsPage .newsIndex .newsPagination {
  margin-top: clamp(28.8px, 6vw, 72px);
}
.newsPage .newsIndex .newsPaginationList {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(13.2px, 2.1392vw, 22px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.newsPage .newsIndex .newsPaginationLink,
.newsPage .newsIndex .newsPaginationNext {
  display: grid;
  place-items: center;
  width: clamp(21.6px, 3.5vw, 36px);
  height: clamp(21.6px, 3.5vw, 36px);
  color: inherit;
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(14px, 2vw, 20px);
  line-height: 1;
  text-decoration: none;
}
.newsPage .newsIndex .newsPaginationLink {
  border-bottom: 1px solid transparent;
}
.newsPage .newsIndex .newsPaginationLink:hover, .newsPage .newsIndex .newsPaginationLink:focus-visible, .newsPage .newsIndex .newsPaginationLink.is-current {
  border-bottom-color: currentColor;
}
.newsPage .newsIndex .newsPaginationNext {
  margin-left: clamp(7.2px, 1.1662vw, 12px);
}
.newsPage .newsIndex .newsPaginationNext::after {
  content: "";
  width: clamp(4.2px, 0.6804vw, 7px);
  height: clamp(7.2px, 1.1662vw, 12px);
  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;
}
.newsPage .newsArticle {
  padding: clamp(96px, 20.0004vw, 240px) 0 clamp(48px, 9.9996vw, 120px);
}
.newsPage .newsArticle .newsArticleInner {
  max-width: 990px;
}
.newsPage .newsArticle .newsArticleHeader {
  padding-top: clamp(18px, 2.9162vw, 30px);
  border-top: 1px solid #121212;
}
.newsPage .newsArticle .newsArticleMeta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(24px, 3.8892vw, 40px);
}
.newsPage .newsArticle .newsArticleDate {
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(17px, 2vw, 24px);
  line-height: 1;
  letter-spacing: 0.01em;
}
.newsPage .newsArticle .newsArticleType {
  margin: 0;
  font-size: clamp(14px, 1vw, 16px);
  font-weight: 300;
  line-height: 1;
}
.newsPage .newsArticle .newsArticleTitle {
  margin: clamp(32.4px, 5.25vw, 54px) 0 clamp(16.8px, 2.7216vw, 28px);
  font-size: clamp(31px, 4vw, 44px);
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0;
}
.newsPage .newsArticle .newsArticleBody {
  margin: clamp(38.4px, 8.0004vw, 96px) auto 0;
  font-size: clamp(15px, 2vw, 18px);
  font-weight: 300;
  line-height: 1.8888888889;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.newsPage .newsArticle .newsArticleBody > * {
  margin: 0;
}
.newsPage .newsArticle .newsArticleBody > * + * {
  margin-top: clamp(28.8px, 4.6662vw, 48px);
}
.newsPage .newsArticle .newsArticleBody p + p {
  margin-top: 1.5em;
}
.newsPage .newsArticle .newsArticleBody h2,
.newsPage .newsArticle .newsArticleBody h3,
.newsPage .newsArticle .newsArticleBody h4 {
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0;
}
.newsPage .newsArticle .newsArticleBody h2 {
  font-size: clamp(20px, 2vw, 28px);
}
.newsPage .newsArticle .newsArticleBody h3 {
  font-size: clamp(17px, 2vw, 24px);
}
.newsPage .newsArticle .newsArticleBody h4 {
  font-size: clamp(14px, 2vw, 20px);
}
.newsPage .newsArticle .newsArticleBody ul,
.newsPage .newsArticle .newsArticleBody ol {
  padding-left: 1.5em;
}
.newsPage .newsArticle .newsArticleBody li + li {
  margin-top: 0.5em;
}
.newsPage .newsArticle .newsArticleBody a {
  position: relative;
  color: inherit;
  text-decoration: none;
  transition: opacity 0.35s ease;
}
.newsPage .newsArticle .newsArticleBody a::before, .newsPage .newsArticle .newsArticleBody a::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
}
.newsPage .newsArticle .newsArticleBody a::before {
  background: #aeaeae;
}
.newsPage .newsArticle .newsArticleBody a::after {
  z-index: 1;
  background: #121212;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.45s cubic-bezier(0.18, 0.72, 0.18, 1);
}
.newsPage .newsArticle .newsArticleBody a:hover, .newsPage .newsArticle .newsArticleBody a:focus-visible {
  opacity: 0.58;
}
.newsPage .newsArticle .newsArticleBody a:hover::after, .newsPage .newsArticle .newsArticleBody a:focus-visible::after {
  transform: scaleX(1);
}
.newsPage .newsArticle .newsArticleBody figure {
  margin: 0;
}
.newsPage .newsArticle .newsArticleBody figure picture,
.newsPage .newsArticle .newsArticleBody figure img {
  display: block;
  width: 100%;
  max-width: none;
  max-inline-size: none;
}
.newsPage .newsArticle .newsArticleBody figure img {
  height: auto;
}
.newsPage .newsArticle .newsArticleBody figcaption {
  margin-top: clamp(7.2px, 1.1662vw, 12px);
  font-size: clamp(10px, 1vw, 14px);
  line-height: 1.6;
}
.newsPage .newsArticle .newsArticleBody .wp-block-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28.8px, 4.6662vw, 48px);
  align-items: center;
}
.newsPage .newsArticle .newsArticleBody .wp-block-column {
  min-width: 0;
}
.newsPage .newsArticle .newsArticleBody .wp-block-column > * + * {
  margin-top: clamp(14.4px, 2.3338vw, 24px);
}
.newsPage .newsArticle .newsArticleBody .wp-block-column p + p {
  margin-top: 1.5em;
}
.newsPage .newsArticle .newsArticleBody .wp-block-media-text {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(28.8px, 4.6662vw, 48px);
  align-items: center;
}
.newsPage .newsArticle .newsArticleBody .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
  order: 2;
}
.newsPage .newsArticle .newsArticleBody .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  order: 1;
}
.newsPage .newsArticle .newsArticleBody .wp-block-media-text__media {
  margin: 0;
}
.newsPage .newsArticle .newsArticleBody .wp-block-media-text__media img {
  display: block;
  width: 100%;
  max-width: none;
  max-inline-size: none;
  height: auto;
}
.newsPage .newsArticle .newsArticleBody .wp-block-media-text__content > * + * {
  margin-top: clamp(14.4px, 2.3338vw, 24px);
}
.newsPage .newsArticle .newsArticleBody .wp-block-media-text__content p + p {
  margin-top: 1.5em;
}
.newsPage .newsArticle .newsArticlePager {
  max-width: 990px;
  margin: clamp(40px, 8.3328vw, 100px) auto 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: clamp(19.2px, 3.1108vw, 32px);
  align-items: center;
}
.newsPage .newsArticle .newsArticlePagerLink {
  color: inherit;
  text-decoration: none;
}
.newsPage .newsArticle .newsArticlePagerBack {
  --arrow-line-link-shift: 6px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: clamp(80px, 16.6668vw, 200px);
  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);
}
.newsPage .newsArticle .newsArticlePagerBack::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);
}
.newsPage .newsArticle .newsArticlePagerBack:hover, .newsPage .newsArticle .newsArticlePagerBack:focus-visible {
  opacity: 1;
  letter-spacing: 0.035em;
}
.newsPage .newsArticle .newsArticlePagerBack:hover::after, .newsPage .newsArticle .newsArticlePagerBack:focus-visible::after {
  animation: arrowLineLink-arrow-return 0.62s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@media (max-width: 480px) {
  .newsPage .newsArticle .newsArticlePagerBack {
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0;
    width: 120px;
  }
  .newsPage .newsArticle .newsArticlePagerBack::after {
    width: 5px;
    height: 10px;
  }
}
.newsPage .newsArticle .newsArticlePagerBack {
  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;
}
.newsPage .newsArticle .newsArticlePagerLink {
  display: flex;
  align-items: center;
  gap: clamp(8.4px, 1.3608vw, 14px);
  padding: clamp(16.8px, 2.7216vw, 28px) 0;
}
.newsPage .newsArticle .newsArticlePagerPrevious {
  text-align: left;
}
.newsPage .newsArticle .newsArticlePagerNext {
  flex-direction: row-reverse;
  text-align: right;
}
.newsPage .newsArticle .newsArticlePagerLabel {
  font-family: "Libre Caslon Display", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(15px, 2vw, 18px);
  line-height: 1.2;
}
.newsPage .newsArticle .newsArticlePagerLink::before {
  content: "";
  flex: 0 0 auto;
  width: clamp(4.2px, 0.6804vw, 7px);
  height: clamp(7.2px, 1.1662vw, 12px);
  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: rotate(180deg);
}
.newsPage .newsArticle .newsArticlePagerNext::before {
  transform: none;
}
.newsPage .newsArticle .newsArticlePagerLink {
  transition: opacity 0.35s ease;
}
.newsPage .newsArticle .newsArticlePagerLink:hover, .newsPage .newsArticle .newsArticlePagerLink:focus-visible {
  opacity: 0.58;
}
.newsPage .newsArticle .newsArticlePagerLink:hover::before, .newsPage .newsArticle .newsArticlePagerLink:focus-visible::before {
  animation: newsArticlePagerArrowPrevious 0.55s cubic-bezier(0.33, 1, 0.68, 1) both;
}
.newsPage .newsArticle .newsArticlePagerNext:hover::before, .newsPage .newsArticle .newsArticlePagerNext:focus-visible::before {
  animation-name: newsArticlePagerArrowNext;
}
@media (max-width: 480px) {
  .newsPage .newsIndexHero {
    padding: 176px 0 40px;
  }
  .newsPage .newsIndexHero .newsIndexHeroTitle {
    font-size: 5rem;
  }
  .newsPage .newsIndex {
    padding: 66px 0 110px;
  }
  .newsPage .newsIndex .newsIndexInner {
    width: 90%;
  }
  .newsPage .newsIndex .newsIndexLink {
    grid-template-columns: 1fr auto;
    gap: 8px 20px;
    padding: 28px 0;
  }
  .newsPage .newsIndex .newsIndexDate {
    font-size: 1.4rem;
  }
  .newsPage .newsIndex .newsIndexDate {
    grid-column: 1;
    grid-row: 1;
  }
  .newsPage .newsIndex .newsIndexTitle {
    grid-column: 1;
    grid-row: 2;
    font-size: 1.9rem;
    line-height: 1.5789473684;
  }
  .newsPage .newsIndex .newsIndexArrow {
    grid-column: 2;
    grid-row: 1/span 2;
    width: 6px;
    height: 10px;
  }
  .newsPage .newsIndex .newsPagination {
    margin-top: 44px;
  }
  .newsPage .newsIndex .newsPaginationList {
    justify-content: center;
    gap: 14px;
  }
  .newsPage .newsIndex .newsPaginationLink,
  .newsPage .newsIndex .newsPaginationNext {
    width: 30px;
    height: 30px;
    font-size: 1.8rem;
  }
  .newsPage .newsArticle {
    padding: 154px 0 88px;
  }
  .newsPage .newsArticle .newsArticleInner {
    width: 90%;
  }
  .newsPage .newsArticle .newsArticleHeader {
    padding-top: 20px;
  }
  .newsPage .newsArticle .newsArticleMeta {
    display: block;
  }
  .newsPage .newsArticle .newsArticleDate {
    font-size: 2.2rem;
  }
  .newsPage .newsArticle .newsArticleType {
    margin-top: 12px;
    font-size: 1.6rem;
  }
  .newsPage .newsArticle .newsArticleTitle {
    margin: 32px 0 15px;
    font-size: 2.4rem;
    line-height: 1.3;
  }
  .newsPage .newsArticle .newsArticleBody {
    margin-top: 3rem;
    font-size: 1.5rem;
    line-height: 1.7333333333;
  }
  .newsPage .newsArticle .newsArticleBody > * + * {
    margin-top: 32px;
  }
  .newsPage .newsArticle .newsArticleBody p + p {
    margin-top: 30px;
  }
  .newsPage .newsArticle .newsArticleBody h2 {
    font-size: 2.2rem;
  }
  .newsPage .newsArticle .newsArticleBody h3 {
    font-size: 2rem;
  }
  .newsPage .newsArticle .newsArticleBody h4 {
    font-size: 1.7rem;
  }
  .newsPage .newsArticle .newsArticleBody figcaption {
    margin-top: 10px;
    font-size: 1.3rem;
  }
  .newsPage .newsArticle .newsArticleBody .wp-block-columns,
  .newsPage .newsArticle .newsArticleBody .wp-block-media-text {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .newsPage .newsArticle .newsArticleBody .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media,
  .newsPage .newsArticle .newsArticleBody .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    order: initial;
  }
  .newsPage .newsArticle .newsArticleBody .wp-block-column > * + *,
  .newsPage .newsArticle .newsArticleBody .wp-block-media-text__content > * + * {
    margin-top: 20px;
  }
  .newsPage .newsArticle .newsArticleBody .wp-block-column p + p,
  .newsPage .newsArticle .newsArticleBody .wp-block-media-text__content p + p {
    margin-top: 30px;
  }
  .newsPage .newsArticle .newsArticlePager {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 24px;
  }
  .newsPage .newsArticle .newsArticlePagerLink {
    padding: 30px 0;
  }
  .newsPage .newsArticle .newsArticlePagerPrevious {
    grid-column: 1;
    grid-row: 1;
  }
  .newsPage .newsArticle .newsArticlePagerNext {
    grid-column: 2;
    grid-row: 1;
  }
  .newsPage .newsArticle .newsArticlePagerLabel {
    font-size: 1.7rem;
  }
  .newsPage .newsArticle .newsArticlePagerBack {
    grid-column: 1/-1;
    grid-row: 2;
    justify-self: center;
    width: 168px;
  }
}

@keyframes newsArticlePagerArrowPrevious {
  0% {
    transform: rotate(180deg) translateX(0);
  }
  42% {
    transform: rotate(180deg) translateX(6px);
  }
  100% {
    transform: rotate(180deg) translateX(0);
  }
}
@keyframes newsArticlePagerArrowNext {
  0% {
    transform: translateX(0);
  }
  42% {
    transform: translateX(6px);
  }
  100% {
    transform: translateX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .newsPage .newsArticle .newsArticlePagerLink:hover::before,
  .newsPage .newsArticle .newsArticlePagerLink:focus-visible::before,
  .newsPage .newsArticle .newsArticlePagerBack:hover::after,
  .newsPage .newsArticle .newsArticlePagerBack:focus-visible::after {
    animation: none;
  }
}
.privacyPage {
  background: #f6f6f6;
}
.privacyPage .cHeader {
  padding-bottom: clamp(38.4px, 8.0004vw, 96px);
}
.privacyPage .privacyContent {
  padding: 0 0 clamp(72px, 15vw, 180px);
}
.privacyPage .privacySection {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 960px);
  justify-content: space-between;
}
.privacyPage .privacySection:first-child .privacySectionTitle {
  padding-top: 0;
}
.privacyPage .privacySection:first-child .privacySectionBody {
  padding-top: 0;
  border-top: none;
}
.privacyPage .privacySection:last-child .privacySectionBody {
  padding-bottom: 0;
  border-bottom: none;
}
.privacyPage .privacySectionTitle {
  margin: 0;
  font-size: clamp(25px, 3vw, 35px);
  font-weight: 300;
  line-height: 1.5;
  padding-top: clamp(36px, 5.8338vw, 60px);
}
.privacyPage .privacySectionBody {
  padding: clamp(36px, 5.8338vw, 60px) 0 clamp(30px, 4.8608vw, 50px);
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0;
  border-top: 1px solid #aeaeae;
}
.privacyPage .privacySectionBody h3 {
  margin: 0;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
}
.privacyPage .privacySectionBody p,
.privacyPage .privacySectionBody ul,
.privacyPage .privacySectionBody ol {
  margin: 0;
}
.privacyPage .privacySectionBody p + h3,
.privacyPage .privacySectionBody ul + h3 {
  margin-top: clamp(12px, 1.9446vw, 20px);
}
.privacyPage .privacySectionBody ul {
  padding: 0;
  list-style: none;
}
@media (max-width: 480px) {
  .privacyPage .cHeader {
    padding-bottom: 42px;
  }
  .privacyPage .cHeaderTitle {
    font-size: 6rem;
    font-feature-settings: "palt";
  }
  .privacyPage .privacyContent {
    padding: 0 0 88px;
  }
  .privacyPage .privacySectionBody {
    border-top: none;
    border-bottom: none;
    padding: 0;
  }
  .privacyPage .privacySection {
    display: block;
    padding: 45px 0 36px;
    border-top: 1px solid #aeaeae;
  }
  .privacyPage .privacySection:first-child {
    padding-top: 0;
    border-top: none;
  }
  .privacyPage .privacySection:last-child {
    padding-bottom: 0;
  }
  .privacyPage .privacySectionTitle {
    margin-bottom: 24px;
    font-size: 2.6rem;
    padding-top: 0;
  }
  .privacyPage .privacySectionBody {
    font-size: 1.5rem;
    line-height: 2;
  }
  .privacyPage .privacySectionBody p + h3,
  .privacyPage .privacySectionBody ul + h3 {
    margin-top: 2rem;
  }
}

.notFoundPage .notFoundPageBody {
  padding: 0 0 clamp(76.8px, 15.9996vw, 192px);
}
.notFoundPage .notFoundPageCode {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: clamp(84px, 10vw, 120px);
  line-height: 1;
  text-align: center;
  color: rgba(18, 18, 18, 0.08);
}
.notFoundPage .notFoundPageAction {
  display: flex;
  justify-content: center;
}
.notFoundPage .notFoundPageAction .topProjectGalleryDetail {
  color: #121212;
  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;
  --arrow-line-link-shift: 6px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: clamp(80px, 16.6668vw, 200px);
  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);
}
.notFoundPage .notFoundPageAction .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);
}
.notFoundPage .notFoundPageAction .topProjectGalleryDetail:hover, .notFoundPage .notFoundPageAction .topProjectGalleryDetail:focus-visible {
  opacity: 1;
  letter-spacing: 0.035em;
}
.notFoundPage .notFoundPageAction .topProjectGalleryDetail:hover::after, .notFoundPage .notFoundPageAction .topProjectGalleryDetail:focus-visible::after {
  animation: arrowLineLink-arrow-return 0.62s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@media (max-width: 480px) {
  .notFoundPage .notFoundPageAction .topProjectGalleryDetail {
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0;
    width: 120px;
  }
  .notFoundPage .notFoundPageAction .topProjectGalleryDetail::after {
    width: 5px;
    height: 10px;
  }
}
@media (max-width: 480px) {
  .notFoundPage .notFoundPageBody {
    padding: 0 0 105px;
  }
  .notFoundPage .notFoundPageCode {
    font-size: 8rem;
  }
}