*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  min-height: 100%;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

ul,
ol {
  list-style: none;
}

button {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  cursor: pointer;
}

html,
body {
  background: #132840;
  color: #fff;
  overflow-x: clip;
}

html {
  scrollbar-gutter: stable;
}

body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  -webkit-font-smoothing: antialiased;
}

body.is-locked {
  overflow: hidden;
}

.ff-bodoni {
  font-family: "Libre Bodoni", serif;
}

.page {
  position: relative;
  z-index: 1;
  color: #132840;
}

.page-rest {
  background: #fafcff;
}

.inner {
  width: 100%;
  max-width: 1800px;
  margin-inline: auto;
  padding-inline: min(calc(80 / 1440 * 100vw), 100px);
}
@media (max-width: 767px) {
  .inner {
    padding-inline: min(calc(20 / 393 * 100vw), 21.8829516539px);
  }
}
.inner.-narrow {
  width: 100%;
  max-width: 1800px;
  margin-inline: auto;
  padding-inline: min(calc(152 / 1440 * 100vw), 190px);
}
@media (max-width: 767px) {
  .inner.-narrow {
    padding-inline: min(calc(20 / 393 * 100vw), 21.8829516539px);
  }
}

@media (max-width: 767px) {
  .u-pc {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .u-sp {
    display: none !important;
  }
}

.tl {
  display: block;
  overflow: hidden;
  padding: 0 0.6em;
  margin: 0 -0.6em;
}
.tl.-inline {
  display: inline-block;
}
.tl > .tl-in {
  display: block;
  transform: translate3d(0, 100%, 0);
}

.is-in .tl > .tl-in {
  transform: none;
  transition: transform 1.5s cubic-bezier(0.4, 0, 0, 1) var(--d, 0s);
}

@media (prefers-reduced-motion: reduce) {
  .tl > .tl-in {
    transform: none !important;
  }
}
.fx {
  opacity: 0;
}

.fx.is-inview {
  opacity: 1;
  transition: opacity 2.25s ease var(--fx-dl, 0s);
}

@media (prefers-reduced-motion: reduce) {
  .fx {
    opacity: 1;
  }
}
.lp-brand {
  display: flex;
  align-items: center;
  gap: min(calc(16 / 1440 * 100vw), 19.2px);
}
.lp-brand img {
  width: clamp(51.787px, calc(67.321 / 1440 * 100vw), 80.7852px);
  height: auto;
  display: block;
}
.lp-brand .txt {
  display: flex;
  flex-direction: column;
  gap: min(calc(8 / 1440 * 100vw), 9.6px);
}
.lp-brand strong {
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
  line-height: 0.78;
  letter-spacing: 0.05em;
  padding: min(calc(4 / 1440 * 100vw), 4.8px) 0;
  white-space: nowrap;
  font-size: clamp(13.85px, calc(18 / 1440 * 100vw), 21.6px);
}
@media (max-width: 767px) {
  .lp-brand strong {
    font-size: min(calc(13.85 / 393 * 100vw), 15.1539440204px);
  }
}
.lp-brand small {
  font-style: italic;
  font-weight: 400;
  font-family: "Libre Bodoni", serif;
  line-height: 1;
  letter-spacing: 0.1em;
  white-space: nowrap;
  font-size: clamp(7.69px, calc(10 / 1440 * 100vw), 12px);
}
@media (max-width: 767px) {
  .lp-brand small {
    font-size: min(calc(7.69 / 393 * 100vw), 8.4139949109px);
  }
}
@media (max-width: 767px) {
  .lp-brand {
    height: min(calc(40 / 393 * 100vw), 43.7659033079px);
    gap: min(calc(12.308 / 393 * 100vw), 13.4667684478px);
  }
  .lp-brand img {
    width: min(calc(51.787 / 393 * 100vw), 56.6626208651px);
  }
  .lp-brand .txt {
    gap: min(calc(9 / 393 * 100vw), 9.8473282443px);
  }
  .lp-brand strong {
    padding: min(calc(3.077 / 393 * 100vw), 3.366692112px) 0;
  }
}

#opening {
  position: fixed;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  background: #132840;
}
#opening.is-hide {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.18, 0.06, 0.23, 1);
}
#opening.is-done {
  display: none;
}

.op-mask {
  position: absolute;
  inset: 0;
  margin: auto;
  width: max-content;
  height: max-content;
  overflow: hidden;
  padding: 0 0.2em;
}

.op-year {
  display: flex;
  align-items: baseline;
  gap: min(calc(14 / 1440 * 100vw), 16.8px);
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
.op-year.is-show {
  opacity: 1;
  transform: none;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1);
}
.op-year.is-out {
  opacity: 1;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}
@media (max-width: 767px) {
  .op-year {
    gap: min(calc(10 / 393 * 100vw), 10.941475827px);
  }
}

.op-num {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.06em;
  font-variant-numeric: lining-nums tabular-nums;
  font-size: clamp(46px, calc(72 / 1440 * 100vw), 86.4px);
}
@media (max-width: 767px) {
  .op-num {
    font-size: min(calc(46 / 393 * 100vw), 50.3307888041px);
  }
}

.op-unit {
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  font-family: "Cormorant Garamond", serif;
  letter-spacing: 0.12em;
  color: #e7c88b;
  font-size: clamp(14px, calc(20 / 1440 * 100vw), 24px);
}
@media (max-width: 767px) {
  .op-unit {
    font-size: min(calc(14 / 393 * 100vw), 15.3180661578px);
  }
}

.op-logo {
  position: absolute;
  inset: 0;
  margin: auto;
  width: min(calc(160 / 1440 * 100vw), 192px);
  aspect-ratio: 240/181;
  opacity: 0;
  transform: translate3d(0, min(calc(30 / 1440 * 100vw), 36px), 0);
}
.op-logo img {
  width: 100%;
  height: 100%;
  display: block;
}
.op-logo.is-show {
  opacity: 1;
  transform: none;
  transition: opacity 1s cubic-bezier(0.18, 0.06, 0.23, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.op-logo.is-hide {
  opacity: 0;
  transform: none;
  transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1);
}
@media (max-width: 767px) {
  .op-logo {
    width: min(calc(100 / 393 * 100vw), 109.4147582697px);
    transform: translate3d(0, min(calc(20 / 393 * 100vw), 21.8829516539px), 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  #opening {
    display: none;
  }
}
.hero {
  position: sticky;
  top: 0;
  z-index: 0;
  height: 100vh;
  height: 100svh;
  min-height: min(calc(600 / 1440 * 100vw), 720px);
  overflow: hidden;
  background: #123a6b;
}
@media (max-width: 767px) {
  .hero {
    height: auto;
    min-height: max(100svh, min(calc(750 / 393 * 100vw), 820.6106870229px));
  }
}

.media {
  position: absolute;
  inset: 0;
  transform: scale(1.1);
  filter: blur(10px);
  will-change: transform, filter;
}
.media.is-land {
  transform: none;
  filter: none;
  transition: transform 4s cubic-bezier(0.22, 1, 0.36, 1), filter 4s cubic-bezier(0.33, 1, 0.68, 1);
}

.sky {
  position: absolute;
  inset: 0;
  background: url("/20th/assets/img/ph-sky.webp") center/cover no-repeat;
}

.grid {
  position: absolute;
  left: calc(729.28 / 1440 * 100vw);
  top: calc(-362.05 / 1440 * 100vw);
  width: calc(783.6 / 1440 * 100vw);
  height: calc(1793.15 / 1440 * 100vw);
  transform-origin: 0 0;
  transform: rotate(10deg);
  display: flex;
  align-items: center;
  gap: calc(16 / 1440 * 100vw);
}
@media (max-width: 767px) {
  .grid {
    display: none;
  }
}

.grid-rot {
  display: contents;
}

.col {
  width: calc(383.8 / 1440 * 100vw);
  height: calc(1793.15 / 1440 * 100vw);
  flex-shrink: 0;
  filter: drop-shadow(0 0 15px rgba(9, 18, 34, 0.08));
  transform: translate3d(0, calc(200 / 1440 * 100vw), 0);
}

.media.is-land .col {
  transform: none;
  transition: transform 2.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.track {
  display: flex;
  flex-direction: column;
  will-change: transform;
}
.track.is-run {
  animation: flow var(--dur, 40s) linear infinite;
}

.list {
  display: flex;
  flex-direction: column;
  gap: calc(16 / 1440 * 100vw);
  padding-bottom: calc(16 / 1440 * 100vw);
}

.cell {
  height: calc(278.86 / 1440 * 100vw);
  background-size: cover;
  background-position: center;
}
.cell.ph-marshal {
  background-image: url("/20th/assets/img/ph-marshal.webp");
}
.cell.ph-group {
  background-image: url("/20th/assets/img/ph-group.webp");
}
.cell.ph-tails2 {
  background-image: url("/20th/assets/img/ph-tails2.webp");
}
.cell.ph-lecture {
  background-image: url("/20th/assets/img/ph-lecture.webp");
}
.cell.ph-magazine2 {
  background-image: url("/20th/assets/img/ph-magazine2.webp");
}
.cell.ph-region {
  background-image: url("/20th/assets/img/ph-region.webp");
}
.cell.ph-airport {
  background-image: url("/20th/assets/img/ph-airport.webp");
}
.cell.ph-sunrise {
  background-image: url("/20th/assets/img/ph-sunrise.webp");
}
.cell.ph-crew {
  background-image: url("/20th/assets/img/ph-crew.webp");
}
.cell.ph-meeting2 {
  background-image: url("/20th/assets/img/ph-meeting2.webp");
}
.cell.ph-b787 {
  background-image: url("/20th/assets/img/ph-b787.webp");
}
.cell.ph-ground {
  background-image: url("/20th/assets/img/ph-ground.webp");
}

@keyframes flow {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -50%, 0);
  }
}
.sp-rows {
  display: none;
}
@media (max-width: 767px) {
  .sp-rows {
    display: flex;
    flex-direction: column;
    gap: min(calc(8 / 393 * 100vw), 8.7531806616px);
    position: absolute;
    left: 0;
    right: 0;
    top: min(calc(406 / 393 * 100vw), 444.2239185751px);
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .sp-row {
    filter: drop-shadow(0 min(calc(14.47 / 393 * 100vw), 15.8323155216px) min(calc(16.696 / 393 * 100vw), 18.2678880407px) rgba(82, 90, 99, 0.3));
  }
  .sp-row:nth-child(1) {
    margin-left: max(calc(-241.36 / 393 * 100vw), -264.0834605598px);
  }
  .sp-row:nth-child(2) {
    margin-left: max(calc(-117.18 / 393 * 100vw), -128.2122137405px);
  }
}

@media (max-width: 767px) {
  .track.-x {
    flex-direction: row;
    width: max-content;
  }
  .track.-x .list {
    flex-direction: row;
    gap: min(calc(8 / 393 * 100vw), 8.7531806616px);
    padding: 0 min(calc(8 / 393 * 100vw), 8.7531806616px) 0 0;
  }
  .track.-x .cell {
    width: min(calc(213.58 / 393 * 100vw), 233.6880407125px);
    height: min(calc(155.191 / 393 * 100vw), 169.8018575064px);
    flex-shrink: 0;
  }
  .track.-x.is-run {
    animation: flowx var(--dur, 40s) linear infinite;
  }
}

@keyframes flowx {
  from {
    transform: translate3d(-50%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.scrim {
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: multiply;
  background: linear-gradient(180deg, rgba(6, 91, 194, 0.8) 10%, rgba(66, 129, 206, 0.5) 70%, rgba(255, 255, 255, 0.3) 100%);
}

.hero .lp-brand {
  position: absolute;
  left: min(calc(32 / 1440 * 100vw), 38.4px);
  top: min(calc(32 / 1440 * 100vw), 38.4px);
  z-index: 2;
}
@media (max-width: 767px) {
  .hero .lp-brand {
    left: min(calc(16 / 393 * 100vw), 17.5063613232px);
    top: min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
}

.hero-inner {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 min(calc(80 / 1440 * 100vw), 96px);
}
@media (max-width: 767px) {
  .hero-inner {
    justify-content: flex-start;
    padding: min(calc(120 / 393 * 100vw), 131.2977099237px) min(calc(20 / 393 * 100vw), 21.8829516539px) 0;
  }
}

.reveal {
  display: flex;
  flex-direction: column;
  gap: min(calc(24 / 1440 * 100vw), 28.8px);
}
@media (max-width: 767px) {
  .reveal {
    gap: min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
}

.head {
  display: flex;
  flex-direction: column;
  gap: min(calc(18 / 1440 * 100vw), 21.6px);
}
@media (max-width: 767px) {
  .head {
    gap: min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
}

.kick {
  display: flex;
  gap: min(calc(16 / 1440 * 100vw), 19.2px);
  font-style: italic;
  font-weight: 400;
  font-family: "Libre Bodoni", serif;
  letter-spacing: 0.2em;
  color: #fbd497;
  white-space: nowrap;
  font-size: clamp(20px, calc(24 / 1440 * 100vw), 28.8px);
}
@media (max-width: 767px) {
  .kick {
    font-size: min(calc(20 / 393 * 100vw), 21.8829516539px);
  }
}
@media (max-width: 767px) {
  .kick {
    gap: min(calc(12 / 393 * 100vw), 13.1297709924px);
    line-height: 1.3;
  }
}

.hero h1 {
  font-weight: 600;
  line-height: 1.6;
  font-family: "Shippori Mincho", serif;
  letter-spacing: 0.05em;
  text-shadow: 0 0 30px rgba(9, 18, 34, 0.3);
  font-size: clamp(40px, calc(72 / 1440 * 100vw), 86.4px);
}
@media (max-width: 767px) {
  .hero h1 {
    font-size: min(calc(40 / 393 * 100vw), 43.7659033079px);
  }
}
.hero h1 em {
  position: relative;
  display: inline-block;
  font-style: normal;
  color: #fbd497;
}
.hero h1 em::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: inherit;
  letter-spacing: inherit;
  white-space: nowrap;
  pointer-events: none;
  text-shadow: none;
  background: linear-gradient(100deg, transparent 0%, transparent 40%, rgba(255, 248, 226, 0.95) 50%, transparent 60%, transparent 100%) 100% 0/250% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.is-in h1 em::after {
  animation: shine 2.4s cubic-bezier(0.76, 0, 0.24, 1) 1.1s both;
}

@keyframes shine {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: 0% 0;
  }
}
.sub {
  width: clamp(360px, calc(529 / 1440 * 100vw), 634.8px);
  max-width: 100%;
  padding-top: min(calc(8 / 1440 * 100vw), 9.6px);
  line-height: 2;
  letter-spacing: 0.05em;
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  opacity: 0;
  font-size: clamp(14px, calc(16 / 1440 * 100vw), 19.2px);
}
@media (max-width: 767px) {
  .sub {
    font-size: min(calc(14 / 393 * 100vw), 15.3180661578px);
  }
}
.sub.is-in {
  opacity: 1;
  transition: opacity 2.25s ease;
}
@media (max-width: 767px) {
  .sub {
    width: 100%;
    padding-top: 0;
  }
}

.cue {
  position: absolute;
  left: min(calc(82 / 1440 * 100vw), 98.4px);
  bottom: 0;
  z-index: 1;
  width: 1px;
  height: min(calc(110 / 1440 * 100vw), 132px);
}
.cue .bar {
  position: absolute;
  inset: 0;
  background: #fafcff;
  overflow: hidden;
  opacity: 0;
}
.cue .bar::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #1c63b4;
  transform: translateY(-100%);
  animation: cue 2.4s cubic-bezier(0.76, 0, 0.24, 1) infinite;
}
.cue.is-in .bar {
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.18, 0.06, 0.23, 1);
}
@media (max-width: 767px) {
  .cue {
    display: none;
  }
}

@keyframes cue {
  0% {
    transform: translateY(-100%);
  }
  55% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .media {
    transform: none;
    filter: none;
  }
  .track.is-run {
    animation: none;
  }
  .cue .bar {
    opacity: 1 !important;
  }
  .sub {
    opacity: 1 !important;
  }
}
.prologue {
  position: relative;
  z-index: 2;
  text-align: center;
  padding-block: min(calc(400 / 1440 * 100vw), 480px) min(calc(120 / 1440 * 100vw), 144px);
  background: linear-gradient(180deg, rgba(250, 252, 255, 0) 0%, #fafcff 28.85%, #fafcff 100%);
}
.prologue > .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  .prologue {
    padding-block: min(calc(200 / 393 * 100vw), 218.8295165394px) min(calc(80 / 393 * 100vw), 87.5318066158px);
    background: linear-gradient(180deg, rgba(250, 252, 255, 0) 0%, #fafcff 24%, #fafcff 100%);
  }
}

.prologue .eyebrow {
  color: #1c63b4;
  font-style: italic;
  font-family: "Libre Bodoni", serif;
  letter-spacing: 0.1em;
  font-size: clamp(16px, calc(24 / 1440 * 100vw), 28.8px);
}
@media (max-width: 767px) {
  .prologue .eyebrow {
    font-size: min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
}

.prologue .lead {
  margin-top: min(calc(32 / 1440 * 100vw), 38.4px);
  font-weight: 400;
  font-family: "Shippori Mincho", serif;
  line-height: 2;
  color: #132840;
  white-space: nowrap;
  letter-spacing: min(calc(4 / 1440 * 100vw), 4.8px);
  font-size: clamp(14px, calc(20 / 1440 * 100vw), 24px);
}
@media (max-width: 767px) {
  .prologue .lead {
    font-size: min(calc(14 / 393 * 100vw), 15.3180661578px);
  }
}
@media (max-width: 767px) {
  .prologue .lead {
    margin-top: min(calc(24 / 393 * 100vw), 26.2595419847px);
    letter-spacing: min(calc(1.4 / 393 * 100vw), 1.5318066158px);
    white-space: normal;
  }
}

.prologue .q {
  margin-top: min(calc(72 / 1440 * 100vw), 86.4px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(calc(40 / 1440 * 100vw), 48px);
}
@media (max-width: 767px) {
  .prologue .q {
    margin-top: min(calc(20 / 393 * 100vw), 21.8829516539px);
    gap: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}

.prologue .q span {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  gap: min(calc(24 / 1440 * 100vw), 28.8px);
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
  line-height: 1;
  color: #123a6b;
  letter-spacing: 0.1em;
  white-space: nowrap;
  font-size: clamp(24px, calc(32 / 1440 * 100vw), 38.4px);
}
@media (max-width: 767px) {
  .prologue .q span {
    font-size: min(calc(24 / 393 * 100vw), 26.2595419847px);
  }
}
@media (max-width: 767px) {
  .prologue .q span {
    gap: 0;
    line-height: 2;
  }
}

.prologue .q b {
  font-weight: inherit;
  text-box: trim-both cap alphabetic;
}
@media (max-width: 767px) {
  .prologue .q b {
    text-box: none;
  }
}

.prologue .q span::after {
  content: "";
  height: 1px;
  background: linear-gradient(90deg, rgba(195, 155, 92, 0) 0%, #c39b5c 10%, #c39b5c 83%, rgba(195, 155, 92, 0) 100%);
}

.prologue .body {
  margin-top: min(calc(72 / 1440 * 100vw), 86.4px);
  display: flex;
  flex-direction: column;
  gap: min(calc(40 / 1440 * 100vw), 48px);
  font-weight: 400;
  font-family: "Shippori Mincho", serif;
  line-height: 2;
  color: #132840;
  white-space: nowrap;
  letter-spacing: min(calc(4 / 1440 * 100vw), 4.8px);
  font-size: clamp(14px, calc(20 / 1440 * 100vw), 24px);
}
@media (max-width: 767px) {
  .prologue .body {
    font-size: min(calc(14 / 393 * 100vw), 15.3180661578px);
  }
}
@media (max-width: 767px) {
  .prologue .body {
    margin-top: min(calc(20 / 393 * 100vw), 21.8829516539px);
    gap: min(calc(24 / 393 * 100vw), 26.2595419847px);
    letter-spacing: min(calc(1.4 / 393 * 100vw), 1.5318066158px);
    white-space: normal;
  }
}

.band {
  position: sticky;
  top: 0;
  z-index: 0;
  height: 100vh;
  height: 100svh;
  min-height: min(calc(600 / 1440 * 100vw), 720px);
  background: #0a4aa6;
  overflow: hidden;
}
@media (max-width: 767px) {
  .band {
    min-height: min(calc(600 / 393 * 100vw), 656.4885496183px);
  }
}

.band-img {
  position: absolute;
  left: 0;
  right: 0;
  top: -10%;
  height: 120%;
  display: block;
  transform: translate3d(0, var(--py, 0px), 0);
  will-change: transform;
}
.band-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.bg-switch {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: #123a6b;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.bg-switch.is-active {
  opacity: 0.95;
  transition: opacity 0.8s ease;
}
.bg-switch.-light {
  background: #eaf1fa;
}
.bg-switch.-light.is-active {
  opacity: 0.95;
}
.bg-switch.is-active.is-covered {
  opacity: 0;
  transition: opacity 0.8s;
}
.bg-switch.is-active.is-uncover {
  transition: none;
}

.chronicle {
  --tl-fg: #fafcff;
  --tl-kick: #8fc9ec;
  --tl-line: white;
  --tl-dummy: #eaf1fa;
  --tl-shadow: rgba(19, 40, 64, 0.5);
  position: relative;
  z-index: 2;
  padding-block: min(calc(130 / 1440 * 100vw), 156px) min(calc(120 / 1440 * 100vw), 144px);
  color: var(--tl-fg);
}
@media (max-width: 767px) {
  .chronicle {
    padding-block: min(calc(80 / 393 * 100vw), 87.5318066158px);
  }
}
.chronicle.is-light {
  --tl-fg: #132840;
  --tl-kick: #1c63b4;
  --tl-line: #1c63b4;
  --tl-dummy: #bed2e9;
  --tl-shadow: rgba(19, 40, 64, 0.3);
}

.chronicle > .glow-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: min(calc(20 / 1440 * 100vw), 24px);
  bottom: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .chronicle > .glow-wrap {
    top: min(calc(60 / 393 * 100vw), 65.6488549618px);
  }
}

.chronicle .glow {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100svh;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: radial-gradient(ellipse 78% 69% at 18% 8%, rgba(130, 199, 239, 0.3) 0%, rgba(130, 199, 239, 0) 68%), radial-gradient(ellipse 69% 60% at 86% 92%, rgba(203, 178, 161, 0.22) 0%, rgba(203, 178, 161, 0) 70%), radial-gradient(ellipse 60% 70% at 50% 50%, rgba(26, 77, 135, 0.42) 0%, rgba(26, 77, 135, 0) 72%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 20%, #000 80%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, #000 20%, #000 80%, transparent 100%);
}

.chronicle.is-light .glow {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.chronicle > .inner {
  position: relative;
}

.chronicle .head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: min(calc(12 / 1440 * 100vw), 14.4px);
}
@media (max-width: 767px) {
  .chronicle .head {
    gap: min(calc(8 / 393 * 100vw), 8.7531806616px);
  }
}

.chronicle .head .eyebrow {
  color: var(--tl-kick);
  font-style: italic;
  font-weight: 400;
  font-family: "Libre Bodoni", serif;
  letter-spacing: 0.1em;
  transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: clamp(16px, calc(24 / 1440 * 100vw), 28.8px);
}
@media (max-width: 767px) {
  .chronicle .head .eyebrow {
    font-size: min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
}

.chronicle .head .h2 {
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-shadow: 0 0 30px var(--tl-shadow);
  transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: clamp(24px, calc(40 / 1440 * 100vw), 48px);
}
@media (max-width: 767px) {
  .chronicle .head .h2 {
    font-size: min(calc(24 / 393 * 100vw), 26.2595419847px);
  }
}

.chronicle.is-light .head .eyebrow,
.chronicle.is-light .head .h2 {
  transition: color 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.tl-list {
  margin-top: min(calc(120 / 1440 * 100vw), 144px);
}
@media (max-width: 767px) {
  .tl-list {
    margin-top: min(calc(64 / 393 * 100vw), 70.0254452926px);
  }
}

.tl-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(calc(24 / 1440 * 100vw), 28.8px);
}
@media (max-width: 767px) {
  .tl-item {
    position: relative;
    display: grid;
    grid-template-columns: min(calc(64 / 393 * 100vw), 70.0254452926px) minmax(0, 1fr);
    column-gap: min(calc(16 / 393 * 100vw), 17.5063613232px);
    align-items: start;
  }
}

.tl-item + .tl-item {
  margin-top: min(calc(24 / 1440 * 100vw), 28.8px);
}
@media (max-width: 767px) {
  .tl-item + .tl-item {
    margin-top: 0;
  }
}

.tl-item.-cont .tl-year {
  display: none;
}

@media (min-width: 768px) {
  .tl-item.-cont {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .tl-item.-cont .tl-node {
    top: min(calc(8 / 393 * 100vw), 8.7531806616px);
  }
  .tl-item.-cont .tl-row::before {
    top: min(calc(32 / 393 * 100vw), 35.0127226463px);
  }
}

.tl-year {
  font-weight: 500;
  font-family: "Libre Bodoni", serif;
  line-height: 1;
  letter-spacing: 0.05em;
  color: var(--tl-fg);
  opacity: 0;
  transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1);
  font-size: clamp(24px, calc(56 / 1440 * 100vw), 67.2px);
}
@media (max-width: 767px) {
  .tl-year {
    font-size: min(calc(24 / 393 * 100vw), 26.2595419847px);
  }
}
@media (max-width: 767px) {
  .tl-year {
    grid-column: 1;
    grid-row: 1;
    font-weight: 400;
    text-align: center;
  }
}

.tl-year.is-count {
  opacity: 1;
}

.chronicle.is-light .tl-year {
  transition: color 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1);
}

.chronicle.is-light .tl-text,
.chronicle.is-light .tl-kicker {
  transition: color 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 2.25s ease var(--fx-dl, 0s);
}

.odo {
  display: inline-flex;
  vertical-align: top;
}

.odo-d {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.odo-d .ghost {
  visibility: hidden;
}

.odo-strip {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translate3d(0, 0, 0);
}
.odo-strip > span {
  display: block;
  height: 1em;
  line-height: 1;
}

.is-count .odo-strip {
  transform: translate3d(0, calc(var(--n) * -1em), 0);
  transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1) var(--dl, 0s);
}

.tl-row {
  --p1: 0;
  --p2: 0;
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) min(calc(96 / 1440 * 100vw), 115.2px) minmax(0, 1fr);
  align-items: center;
  padding-block: min(calc(116 / 1440 * 100vw), 139.2px);
}
@media (max-width: 767px) {
  .tl-row {
    position: static;
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: min(calc(24 / 393 * 100vw), 26.2595419847px);
    padding: 0 0 min(calc(64 / 393 * 100vw), 70.0254452926px);
  }
}

.tl-row::before,
.tl-row::after {
  content: "";
  position: absolute;
  left: calc(50% - 0.5px);
  width: 1px;
  height: calc(50% - min(calc(12 / 1440 * 100vw), 14.4px));
  background: #a97f3d;
  transform-origin: 50% 0;
  will-change: transform;
}

.tl-row::before {
  top: 0;
  transform: scaleY(var(--p1));
}
@media (max-width: 767px) {
  .tl-row::before {
    left: min(calc(31.5 / 393 * 100vw), 34.465648855px);
    top: min(calc(56 / 393 * 100vw), 61.272264631px);
    bottom: 0;
    height: auto;
  }
}

.tl-row::after {
  top: calc(50% + min(calc(12 / 1440 * 100vw), 14.4px));
  transform: scaleY(var(--p2));
}
@media (max-width: 767px) {
  .tl-row::after {
    display: none;
  }
}

.tl-item.-last .tl-row::after {
  display: none;
}

.tl-item.-last .tl-row {
  margin-bottom: max(calc(-116 / 1440 * 100vw), -139.2px);
}
@media (max-width: 767px) {
  .tl-item.-last .tl-row {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .tl-item.-last .tl-row::before {
    display: none;
  }
}

.tl-node {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(calc(16 / 1440 * 100vw), 19.2px);
  height: min(calc(16 / 1440 * 100vw), 19.2px);
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  border: 2px solid #a97f3d;
  border-radius: 50%;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s cubic-bezier(0.18, 0.06, 0.23, 1);
}
.tl-node::after {
  content: "";
  position: absolute;
  inset: min(calc(3 / 1440 * 100vw), 3.6px);
  border-radius: 50%;
  background: #a97f3d;
}
@media (max-width: 767px) {
  .tl-node {
    left: min(calc(24 / 393 * 100vw), 26.2595419847px);
    top: min(calc(32 / 393 * 100vw), 35.0127226463px);
    width: min(calc(16 / 393 * 100vw), 17.5063613232px);
    height: min(calc(16 / 393 * 100vw), 17.5063613232px);
    transform: translate(0, 0) scale(0);
  }
  .tl-node::after {
    inset: min(calc(3 / 393 * 100vw), 3.2824427481px);
  }
}

.tl-row.is-reached .tl-node {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
@media (max-width: 767px) {
  .tl-row.is-reached .tl-node {
    transform: translate(0, 0) scale(1);
  }
}

.tl-photo {
  grid-row: 1;
  height: min(calc(430 / 1440 * 100vw), 516px);
  position: relative;
  background: var(--tl-dummy) center/cover no-repeat;
  box-shadow: 0 min(calc(26 / 1440 * 100vw), 31.2px) min(calc(60 / 1440 * 100vw), 72px) max(calc(-30 / 1440 * 100vw), -36px) var(--tl-shadow);
}
.tl-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.tl-photo[data-note]::after {
  content: attr(data-note);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  letter-spacing: 0;
  font-size: clamp(14px, calc(20 / 1440 * 100vw), 24px);
}
@media (max-width: 767px) {
  .tl-photo[data-note]::after {
    font-size: min(calc(14 / 393 * 100vw), 15.3180661578px);
  }
}
@media (max-width: 767px) {
  .tl-photo {
    width: 100%;
    height: auto;
  }
}

.tl-text {
  grid-row: 1;
  padding: 0 min(calc(8 / 1440 * 100vw), 9.6px);
  display: flex;
  flex-direction: column;
  gap: min(calc(16 / 1440 * 100vw), 19.2px);
}
@media (max-width: 767px) {
  .tl-text {
    padding: 0;
    gap: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}

.chronicle .tl-photo {
  transition: background-color 0.8s, box-shadow 0.8s, opacity 2.25s ease var(--fx-dl, 0s);
}

.tl-row.-pl .tl-photo {
  grid-column: 1;
}

.tl-row.-pl .tl-text {
  grid-column: 3;
}

.tl-row.-pr .tl-photo {
  grid-column: 3;
}

.tl-row.-pr .tl-text {
  grid-column: 1;
}

.tl-kicker {
  font-style: italic;
  font-weight: 400;
  font-family: "Libre Bodoni", serif;
  letter-spacing: 0.2em;
  color: var(--tl-kick);
  transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 2.25s ease var(--fx-dl, 0s);
  font-size: clamp(12px, calc(16 / 1440 * 100vw), 19.2px);
}
@media (max-width: 767px) {
  .tl-kicker {
    font-size: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}
@media (max-width: 767px) {
  .tl-kicker {
    line-height: 1.3;
  }
}

.tl-text h3 {
  font-weight: 600;
  font-family: "Shippori Mincho", serif;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-size: clamp(20px, calc(32 / 1440 * 100vw), 38.4px);
}
@media (max-width: 767px) {
  .tl-text h3 {
    font-size: min(calc(20 / 393 * 100vw), 21.8829516539px);
  }
}

.tl-text p {
  padding: min(calc(8 / 1440 * 100vw), 9.6px) 0 min(calc(12 / 1440 * 100vw), 14.4px);
  line-height: 2;
  letter-spacing: 0.05em;
  font-size: clamp(14px, calc(16 / 1440 * 100vw), 19.2px);
}
@media (max-width: 767px) {
  .tl-text p {
    font-size: min(calc(14 / 393 * 100vw), 15.3180661578px);
  }
}
@media (max-width: 767px) {
  .tl-text p {
    padding: 0;
  }
}

.tl-tag {
  align-self: flex-start;
  position: relative;
  padding-top: min(calc(16 / 1440 * 100vw), 19.2px);
  font-weight: 400;
  font-family: "Libre Bodoni", serif;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: clamp(12px, calc(12 / 1440 * 100vw), 14.4px);
}
@media (max-width: 767px) {
  .tl-tag {
    font-size: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}
.tl-tag::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--tl-line) 50%, transparent);
}
@media (max-width: 767px) {
  .tl-tag {
    padding-top: min(calc(17 / 393 * 100vw), 18.6005089059px);
    line-height: 1.6;
    text-transform: none;
  }
}

.legacy {
  margin-top: min(calc(120 / 1440 * 100vw), 144px);
  display: flex;
  flex-direction: column;
  gap: min(calc(40 / 1440 * 100vw), 48px);
}
@media (max-width: 767px) {
  .legacy {
    margin-top: min(calc(64 / 393 * 100vw), 70.0254452926px);
    gap: min(calc(24 / 393 * 100vw), 26.2595419847px);
  }
}

.legacy .since {
  text-align: center;
  font-weight: 500;
  font-family: "Libre Bodoni", serif;
  line-height: 1;
  letter-spacing: 0.05em;
  color: var(--tl-fg);
  transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 2.25s ease var(--fx-dl, 0s);
  font-size: clamp(24px, calc(56 / 1440 * 100vw), 67.2px);
}
@media (max-width: 767px) {
  .legacy .since {
    font-size: min(calc(24 / 393 * 100vw), 26.2595419847px);
  }
}

.legacy .card {
  position: relative;
  display: flex;
  align-items: center;
  gap: min(calc(40 / 1440 * 100vw), 48px);
  padding: min(calc(56 / 1440 * 100vw), 67.2px);
  background: #c9daee;
  box-shadow: 0 min(calc(26 / 1440 * 100vw), 31.2px) min(calc(60 / 1440 * 100vw), 72px) max(calc(-30 / 1440 * 100vw), -36px) rgba(82, 90, 99, 0.3);
}
.legacy .card::before, .legacy .card::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.legacy .card::before {
  inset: min(calc(16 / 1440 * 100vw), 19.2px);
  border: 1px solid #1c63b4;
}
.legacy .card::after {
  inset: min(calc(25.5 / 1440 * 100vw), 30.6px);
  border: 1px solid rgba(28, 99, 180, 0.5);
}
@media (max-width: 767px) {
  .legacy .card {
    flex-direction: column;
    align-items: stretch;
    gap: min(calc(24 / 393 * 100vw), 26.2595419847px);
    padding: min(calc(28 / 393 * 100vw), 30.6361323155px) min(calc(24 / 393 * 100vw), 26.2595419847px) min(calc(36 / 393 * 100vw), 39.3893129771px);
  }
  .legacy .card::before {
    inset: min(calc(8 / 393 * 100vw), 8.7531806616px);
  }
  .legacy .card::after {
    inset: min(calc(13 / 393 * 100vw), 14.2239185751px);
  }
}

.legacy .cover {
  width: min(calc(552 / 1440 * 100vw), 662.4px);
  height: min(calc(563 / 1440 * 100vw), 675.6px);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  position: relative;
  margin-right: min(calc(40 / 1440 * 100vw), 48px);
}
.legacy .cover img {
  height: 100%;
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}
.legacy .cover::after {
  content: "";
  position: absolute;
  right: max(calc(-40 / 1440 * 100vw), -48px);
  top: 50%;
  height: min(calc(558 / 1440 * 100vw), 669.6px);
  width: 1px;
  transform: translateY(-50%);
  background: #1c63b4;
}
@media (max-width: 767px) {
  .legacy .cover {
    width: 100%;
    height: min(calc(313 / 393 * 100vw), 342.4681933842px);
    margin-right: 0;
  }
  .legacy .cover::after {
    display: none;
  }
}

.legacy .tl-text {
  flex: 1;
  align-self: stretch;
  justify-content: center;
  padding: 0 min(calc(8 / 1440 * 100vw), 9.6px) 0 0;
  color: var(--tl-fg);
}
@media (max-width: 767px) {
  .legacy .tl-text {
    padding: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .band-img {
    transform: none;
  }
  .tl-row {
    --p1: 1;
    --p2: 1;
  }
  .tl-node {
    transform: translate(-50%, -50%) scale(1) !important;
    opacity: 1;
  }
}
.message {
  position: relative;
  z-index: 3;
  overflow: hidden;
  background: #123a6b;
  color: #fff;
  padding-block: min(calc(120 / 1440 * 100vw), 144px);
}
@media (max-width: 767px) {
  .message {
    padding-block: min(calc(80 / 393 * 100vw), 87.5318066158px);
  }
}

.message::before {
  content: "";
  position: absolute;
  inset: -10% -5%;
  pointer-events: none;
  background: radial-gradient(ellipse 69% 78% at 18% 8%, rgba(120, 182, 228, 0.3) 0%, rgba(120, 182, 228, 0) 68%), radial-gradient(ellipse 60% 69% at 86% 92%, rgba(199, 155, 92, 0.22) 0%, rgba(199, 155, 92, 0) 70%), radial-gradient(ellipse 70% 60% at 50% 50%, rgba(9, 24, 48, 0.42) 0%, rgba(9, 24, 48, 0) 72%);
}
@media (max-width: 767px) {
  .message::before {
    inset: 0;
  }
}

.message > .inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: min(calc(100 / 1440 * 100vw), 120px);
}
@media (max-width: 767px) {
  .message > .inner {
    gap: min(calc(40 / 393 * 100vw), 43.7659033079px);
  }
}

.message .ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(calc(16 / 1440 * 100vw), 19.2px);
  padding-top: min(calc(4 / 1440 * 100vw), 4.8px);
  text-align: center;
}
@media (max-width: 767px) {
  .message .ttl {
    align-items: stretch;
    gap: min(calc(8 / 393 * 100vw), 8.7531806616px);
    padding-top: 0;
  }
}

.message .eyebrow {
  color: #8fc9ec;
  font-style: italic;
  font-weight: 400;
  font-family: "Libre Bodoni", serif;
  letter-spacing: 0.1em;
  line-height: 1.3;
  font-size: clamp(16px, calc(24 / 1440 * 100vw), 28.8px);
}
@media (max-width: 767px) {
  .message .eyebrow {
    font-size: min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
}

.message .h2 {
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-size: clamp(24px, calc(40 / 1440 * 100vw), 48px);
}
@media (max-width: 767px) {
  .message .h2 {
    font-size: min(calc(24 / 393 * 100vw), 26.2595419847px);
  }
}

.message .mgrid {
  display: flex;
  align-items: flex-start;
  gap: min(calc(40 / 1440 * 100vw), 48px);
  padding-block: min(calc(4 / 1440 * 100vw), 4.8px);
}
@media (max-width: 767px) {
  .message .mgrid {
    flex-direction: column;
    gap: min(calc(24 / 393 * 100vw), 26.2595419847px);
    padding-block: 0;
  }
}

.message .photo {
  width: min(calc(400 / 1440 * 100vw), 480px);
  flex-shrink: 0;
  background: #123a6b;
  overflow: hidden;
}
.message .photo img {
  width: 100%;
  height: auto;
  display: block;
  box-shadow: 0 min(calc(26 / 1440 * 100vw), 31.2px) min(calc(60 / 1440 * 100vw), 72px) max(calc(-30 / 1440 * 100vw), -36px) rgba(82, 90, 99, 0.3);
}
@media (max-width: 767px) {
  .message .photo {
    width: 100%;
  }
  .message .photo img {
    box-shadow: 0 min(calc(21.238 / 393 * 100vw), 23.2375063613px) min(calc(49.011 / 393 * 100vw), 53.6252671756px) max(calc(-24.506 / 393 * 100vw), -26.8131806616px) rgba(82, 90, 99, 0.3);
  }
}

.message .body {
  flex: 1;
  min-width: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: min(calc(28 / 1440 * 100vw), 33.6px);
}
@media (max-width: 767px) {
  .message .body {
    align-self: auto;
    gap: min(calc(24 / 393 * 100vw), 26.2595419847px);
  }
}

.message .body p {
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-size: clamp(14px, calc(16 / 1440 * 100vw), 19.2px);
}
@media (max-width: 767px) {
  .message .body p {
    font-size: min(calc(14 / 393 * 100vw), 15.3180661578px);
  }
}

.message .close {
  display: flex;
  flex-direction: column;
  gap: min(calc(20 / 1440 * 100vw), 24px);
}
@media (max-width: 767px) {
  .message .close {
    gap: min(calc(24 / 393 * 100vw), 26.2595419847px);
  }
}

.message .sign {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: min(calc(4 / 1440 * 100vw), 4.8px);
  padding-top: min(calc(20 / 1440 * 100vw), 24px);
  white-space: nowrap;
}
@media (max-width: 767px) {
  .message .sign {
    gap: min(calc(4 / 393 * 100vw), 4.3765903308px);
    padding-top: min(calc(8 / 393 * 100vw), 8.7531806616px);
  }
}

.message .sign > span {
  line-height: 2;
  letter-spacing: 0.05em;
  font-size: clamp(12px, calc(12 / 1440 * 100vw), 14.4px);
}
@media (max-width: 767px) {
  .message .sign > span {
    font-size: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}

.message .sign > .name {
  font-weight: 600;
  font-family: "Shippori Mincho", serif;
  letter-spacing: 0.1em;
  font-size: clamp(20px, calc(20 / 1440 * 100vw), 24px);
}
@media (max-width: 767px) {
  .message .sign > .name {
    font-size: min(calc(20 / 393 * 100vw), 21.8829516539px);
  }
}

.pickup {
  position: relative;
  z-index: 3;
  background: #f2f2f2;
  padding: min(calc(80 / 1440 * 100vw), 96px) min(calc(100 / 1440 * 100vw), 120px);
}
@media (max-width: 767px) {
  .pickup {
    padding: min(calc(56 / 393 * 100vw), 61.272264631px) min(calc(20 / 393 * 100vw), 21.8829516539px);
  }
}

.pickup-card {
  position: relative;
  max-width: min(calc(1240 / 1440 * 100vw), 1488px);
  margin-inline: auto;
  padding: min(calc(60 / 1440 * 100vw), 72px) min(calc(40 / 1440 * 100vw), 48px);
  background: #fff;
  text-align: center;
}
.pickup-card::before, .pickup-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.pickup-card::before {
  inset: min(calc(16 / 1440 * 100vw), 19.2px);
  border: 1px solid #c39b5c;
}
.pickup-card::after {
  inset: min(calc(24 / 1440 * 100vw), 28.8px);
  border: 1px solid rgba(195, 155, 92, 0.5);
}
@media (max-width: 767px) {
  .pickup-card {
    padding: min(calc(40 / 393 * 100vw), 43.7659033079px) min(calc(20 / 393 * 100vw), 21.8829516539px);
  }
  .pickup-card::before {
    inset: min(calc(8 / 393 * 100vw), 8.7531806616px);
  }
  .pickup-card::after {
    inset: min(calc(13 / 393 * 100vw), 14.2239185751px);
  }
}

.pickup .eyebrow {
  padding-top: min(calc(4 / 1440 * 100vw), 4.8px);
  color: #c39b5c;
  font-style: italic;
  font-weight: 400;
  font-family: "Libre Bodoni", serif;
  line-height: 1.3;
  letter-spacing: 0.1em;
  font-size: clamp(16px, calc(24 / 1440 * 100vw), 28.8px);
}
@media (max-width: 767px) {
  .pickup .eyebrow {
    font-size: min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
}

.pickup .h2 {
  margin-top: min(calc(16 / 1440 * 100vw), 19.2px);
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #123a6b;
  font-size: clamp(24px, calc(40 / 1440 * 100vw), 48px);
}
@media (max-width: 767px) {
  .pickup .h2 {
    font-size: min(calc(24 / 393 * 100vw), 26.2595419847px);
  }
}
@media (max-width: 767px) {
  .pickup .h2 {
    margin-top: min(calc(8 / 393 * 100vw), 8.7531806616px);
  }
}

.pickup .pickup-btn {
  margin-top: min(calc(32 / 1440 * 100vw), 38.4px);
  display: inline-flex;
  align-items: center;
  gap: min(calc(12 / 1440 * 100vw), 14.4px);
  height: min(calc(50 / 1440 * 100vw), 60px);
  padding-inline: min(calc(32 / 1440 * 100vw), 38.4px);
  border-radius: 3px;
  background: #123a6b;
  color: #fff;
  font-weight: 400;
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: normal;
  letter-spacing: 0.1em;
  transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1), opacity 2.25s ease var(--fx-dl, 0s);
  font-size: clamp(16px, calc(16 / 1440 * 100vw), 19.2px);
  min-height: 42px;
}
@media (max-width: 767px) {
  .pickup .pickup-btn {
    font-size: min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
}
@media (max-width: 767px) {
  .pickup .pickup-btn {
    margin-top: min(calc(24 / 393 * 100vw), 26.2595419847px);
    gap: min(calc(12 / 393 * 100vw), 13.1297709924px);
    height: min(calc(50 / 393 * 100vw), 54.7073791349px);
    padding-inline: min(calc(32 / 393 * 100vw), 35.0127226463px);
    border-radius: 4px;
  }
}
.pickup .pickup-btn .ico {
  display: block;
  width: clamp(15px, calc(15 / 1440 * 100vw), 18px);
  height: clamp(15px, calc(15 / 1440 * 100vw), 18px);
  flex-shrink: 0;
  transition: transform 0.4s cubic-bezier(0.35, 0, 0, 1);
}
@media (max-width: 767px) {
  .pickup .pickup-btn .ico {
    width: min(calc(15 / 393 * 100vw), 16.4122137405px);
    height: min(calc(15 / 393 * 100vw), 16.4122137405px);
  }
}
.pickup .pickup-btn svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: currentColor;
}

@media (hover: hover) {
  .pickup .pickup-btn:hover,
.pickup .pickup-btn:focus-visible {
    background: #1c63b4;
  }
  .pickup .pickup-btn:hover .ico,
.pickup .pickup-btn:focus-visible .ico {
    transform: translateX(0.25em);
  }
}
@media (prefers-reduced-motion: reduce) {
  .pickup .pickup-btn,
.pickup .pickup-btn .ico {
    transition: none;
  }
}
.epilogue {
  position: relative;
  z-index: 3;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #123a6b;
  color: #fafcff;
  min-height: min(calc(800 / 1440 * 100vw), 960px);
  padding-block: min(calc(160 / 1440 * 100vw), 192px) min(calc(24 / 1440 * 100vw), 28.8px);
}
@media (max-width: 767px) {
  .epilogue {
    min-height: 0;
    padding-block: min(calc(80 / 393 * 100vw), 87.5318066158px) min(calc(24 / 393 * 100vw), 26.2595419847px);
  }
}

.epilogue .bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.epilogue .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.epilogue > .inner {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .epilogue > .inner {
    flex: none;
    gap: min(calc(80 / 393 * 100vw), 87.5318066158px);
  }
}

.epilogue .cols {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .epilogue .cols {
    flex-direction: column;
    gap: min(calc(32 / 393 * 100vw), 35.0127226463px);
  }
}

.epilogue .ttl {
  display: flex;
  flex-direction: column;
  gap: min(calc(16 / 1440 * 100vw), 19.2px);
  text-shadow: 0 0 30px rgba(9, 18, 34, 0.3);
}
@media (max-width: 767px) {
  .epilogue .ttl {
    gap: min(calc(16 / 393 * 100vw), 17.5063613232px);
    width: 100%;
  }
}

.epilogue .eyebrow {
  color: #fad497;
  font-style: italic;
  font-weight: 400;
  font-family: "Libre Bodoni", serif;
  letter-spacing: 0.1em;
  line-height: 1.3;
  font-size: clamp(16px, calc(24 / 1440 * 100vw), 28.8px);
}
@media (max-width: 767px) {
  .epilogue .eyebrow {
    font-size: min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
}

.epilogue h2 {
  font-weight: 600;
  font-family: "Shippori Mincho", serif;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-size: clamp(40px, calc(60 / 1440 * 100vw), 72px);
}
@media (max-width: 767px) {
  .epilogue h2 {
    font-size: min(calc(40 / 393 * 100vw), 43.7659033079px);
  }
}
.epilogue h2 em {
  font-style: normal;
  color: #fad497;
}

.epilogue .right {
  width: min(calc(456 / 1440 * 100vw), 547.2px);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: min(calc(32 / 1440 * 100vw), 38.4px);
}
@media (max-width: 767px) {
  .epilogue .right {
    gap: min(calc(32 / 393 * 100vw), 35.0127226463px);
    width: 100%;
  }
}

.epilogue .right p {
  line-height: 2;
  letter-spacing: 0.05em;
  text-shadow: 0 0 30px rgba(9, 18, 34, 0.3);
  font-size: clamp(14px, calc(16 / 1440 * 100vw), 19.2px);
}
@media (max-width: 767px) {
  .epilogue .right p {
    font-size: min(calc(14 / 393 * 100vw), 15.3180661578px);
  }
}
@media (max-width: 767px) {
  .epilogue .right p {
    width: 100%;
  }
}

.epilogue .btn {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: min(calc(12 / 1440 * 100vw), 14.4px);
  height: min(calc(50 / 1440 * 100vw), 60px);
  padding-inline: min(calc(32 / 1440 * 100vw), 38.4px);
  border-radius: 3px;
  background: #123a6b;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 0.1em;
  transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1), opacity 2.25s ease var(--fx-dl, 0s);
  font-size: clamp(16px, calc(16 / 1440 * 100vw), 19.2px);
  min-height: 42px;
}
@media (max-width: 767px) {
  .epilogue .btn {
    font-size: min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
}
.epilogue .btn svg {
  width: clamp(15px, calc(15 / 1440 * 100vw), 18px);
  height: clamp(15px, calc(15 / 1440 * 100vw), 18px);
  flex-shrink: 0;
  transition: transform 0.4s cubic-bezier(0.35, 0, 0, 1);
}
.epilogue .btn:hover, .epilogue .btn:focus-visible {
  background: #1c63b4;
}
.epilogue .btn:hover svg, .epilogue .btn:focus-visible svg {
  transform: translateX(0.25em);
}
@media (max-width: 767px) {
  .epilogue .btn {
    gap: min(calc(12 / 393 * 100vw), 13.1297709924px);
    height: min(calc(50 / 393 * 100vw), 54.7073791349px);
    padding-inline: min(calc(32 / 393 * 100vw), 35.0127226463px);
    border-radius: 4px;
  }
  .epilogue .btn svg {
    width: min(calc(15 / 393 * 100vw), 16.4122137405px);
    height: min(calc(15 / 393 * 100vw), 16.4122137405px);
  }
}

.epilogue .foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(calc(32 / 1440 * 100vw), 38.4px);
  padding-top: min(calc(8 / 1440 * 100vw), 9.6px);
}
@media (max-width: 767px) {
  .epilogue .foot {
    gap: min(calc(32 / 393 * 100vw), 35.0127226463px);
    padding-top: 0;
  }
}

.epilogue .brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(calc(16 / 1440 * 100vw), 19.2px);
}
.epilogue .brand img {
  width: min(calc(100 / 1440 * 100vw), 120px);
  height: auto;
  display: block;
}
@media (max-width: 767px) {
  .epilogue .brand {
    gap: min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
  .epilogue .brand img {
    width: min(calc(100 / 393 * 100vw), 109.4147582697px);
  }
}

.epilogue .foot small {
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-align: center;
  text-shadow: 0 0 30px rgba(9, 18, 34, 0.3);
  white-space: nowrap;
  font-size: clamp(12px, calc(12 / 1440 * 100vw), 14.4px);
}
@media (max-width: 767px) {
  .epilogue .foot small {
    font-size: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}

.epilogue .foot .copy {
  white-space: normal;
}
@media (max-width: 767px) {
  .epilogue .foot .copy {
    width: 100%;
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .epilogue .btn,
.epilogue .btn svg {
    transition: none;
  }
}
html.is-menu-open {
  overflow: hidden;
}

.menu-btn {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 40;
  display: grid;
  place-items: center;
  width: clamp(60px, calc(76 / 1440 * 100vw), 91.2px);
  height: clamp(60px, calc(76 / 1440 * 100vw), 91.2px);
  background: #132840;
  color: #fafcff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1.2s cubic-bezier(0.18, 0.06, 0.23, 1), background-color 0.4s cubic-bezier(0.18, 0.06, 0.23, 1);
}
.menu-btn.is-show {
  opacity: 1;
  pointer-events: auto;
}
.menu-btn:hover {
  background: #123a6b;
}
@media (max-width: 767px) {
  .menu-btn {
    width: min(calc(48 / 393 * 100vw), 52.5190839695px);
    height: min(calc(48 / 393 * 100vw), 52.5190839695px);
  }
}

.menu-btn-icon {
  position: relative;
  display: block;
  width: clamp(41px, calc(52 / 1440 * 100vw), 62.4px);
  height: clamp(41px, calc(52 / 1440 * 100vw), 62.4px);
}
.menu-btn-icon svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.4s cubic-bezier(0.18, 0.06, 0.23, 1), transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}
.menu-btn-icon .i-close {
  opacity: 0;
  transform: rotate(-90deg);
}
@media (max-width: 767px) {
  .menu-btn-icon {
    width: min(calc(32 / 393 * 100vw), 35.0127226463px);
    height: min(calc(32 / 393 * 100vw), 35.0127226463px);
  }
}

.menu-btn.is-open .menu-btn-icon .i-open {
  opacity: 0;
  transform: rotate(90deg);
}
.menu-btn.is-open .menu-btn-icon .i-close {
  opacity: 1;
  transform: none;
}

.menu {
  position: fixed;
  inset: 0;
  height: 100dvh;
  z-index: 30;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.18, 0.06, 0.23, 1), visibility 0s 0.5s;
}
.menu.is-open {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.18, 0.06, 0.23, 1);
}

.menu-defs {
  display: none;
}

.menu-scrim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.menu-panel {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: min(calc(40 / 1440 * 100vw), 48px);
  width: clamp(420px, calc(480 / 1440 * 100vw), 576px);
  height: 100%;
  padding: min(calc(120 / 1440 * 100vw), 144px) clamp(24px, calc(40 / 1440 * 100vw), 48px) min(calc(40 / 1440 * 100vw), 48px);
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #eaf1fa;
}
@media (max-width: 767px) {
  .menu-panel {
    width: 100%;
    gap: min(calc(40 / 393 * 100vw), 43.7659033079px);
    padding: min(calc(80 / 393 * 100vw), 87.5318066158px) min(calc(20 / 393 * 100vw), 21.8829516539px) min(calc(40 / 393 * 100vw), 43.7659033079px);
  }
}

.menu-list {
  display: flex;
  flex-direction: column;
  gap: min(calc(20 / 1440 * 100vw), 24px);
}
@media (max-width: 767px) {
  .menu-list {
    gap: min(calc(20 / 393 * 100vw), 21.8829516539px);
  }
}

.menu-group {
  position: relative;
}

.menu-line {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  pointer-events: none;
}
.menu-line::before, .menu-line::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #d6e2f0;
}
.menu-line::before {
  transform-origin: right center;
  transition: transform 0.3s cubic-bezier(0.35, 0, 0, 1) 0.01s;
}
.menu-line::after {
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition: none;
}

.menu-item,
.menu-sub {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menu-item {
  gap: min(calc(12 / 1440 * 100vw), 14.4px);
  padding-bottom: min(calc(12 / 1440 * 100vw), 14.4px);
}
@media (max-width: 767px) {
  .menu-item {
    gap: min(calc(20 / 393 * 100vw), 21.8829516539px);
    padding-bottom: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}

.menu-sub {
  gap: min(calc(16 / 1440 * 100vw), 19.2px);
  padding-bottom: min(calc(12 / 1440 * 100vw), 14.4px);
}
@media (max-width: 767px) {
  .menu-sub {
    gap: min(calc(16 / 393 * 100vw), 17.5063613232px);
    padding-block: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}

.menu-label {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.menu-eyebrow {
  font-family: "Libre Bodoni", serif;
  font-style: italic;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.2em;
  color: #1c63b4;
  transition: opacity 0.4s cubic-bezier(0.18, 0.06, 0.23, 1);
  font-size: clamp(12px, calc(12 / 1440 * 100vw), 14.4px);
}
@media (max-width: 767px) {
  .menu-eyebrow {
    font-size: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}

.menu-ttl {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
  color: #132840;
  font-size: clamp(20px, calc(24 / 1440 * 100vw), 28.8px);
}
@media (max-width: 767px) {
  .menu-ttl {
    font-size: min(calc(20 / 393 * 100vw), 21.8829516539px);
  }
}
@media (max-width: 767px) {
  .menu-ttl {
    line-height: 1.6;
  }
}

.menu-sub-ttl {
  flex: 1 1 auto;
  min-width: 0;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
  color: #1c63b4;
  font-size: clamp(16px, calc(20 / 1440 * 100vw), 24px);
}
@media (max-width: 767px) {
  .menu-sub-ttl {
    font-size: min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
}
@media (max-width: 767px) {
  .menu-sub-ttl {
    line-height: 1.6;
  }
}

.menu-bar {
  flex: 0 0 auto;
  width: min(calc(16 / 1440 * 100vw), 19.2px);
  height: 1px;
  background: #123a6b;
}
@media (max-width: 767px) {
  .menu-bar {
    width: min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
}

.menu-arrow {
  flex: 0 0 auto;
  width: clamp(16px, calc(20 / 1440 * 100vw), 24px);
  height: clamp(16px, calc(20 / 1440 * 100vw), 24px);
  color: #123a6b;
}
.menu-arrow svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .menu-arrow {
    width: min(calc(20 / 393 * 100vw), 21.8829516539px);
    height: min(calc(20 / 393 * 100vw), 21.8829516539px);
  }
}

.menu .tl {
  padding-inline: 0 0.3em;
  margin-inline: 0 -0.3em;
}

.roll {
  position: relative;
  display: block;
  overflow: hidden;
}
.roll > span {
  display: block;
}
.roll::after {
  content: attr(data-t);
  position: absolute;
  inset: 0;
  white-space: nowrap;
  transform: translate3d(0, 100%, 0);
}
.roll > span, .roll::after {
  transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}

@keyframes menu-arrow {
  40%, 50% {
    opacity: 0;
  }
  43% {
    transform: translateX(105%) scaleY(0.1);
  }
  44%, 50% {
    transform: translateX(-145%) scaleY(0.1);
  }
  100% {
    transform: translateX(0) scaleY(1);
  }
}
@media (hover: hover) {
  .menu-item:hover .menu-eyebrow,
.menu-sub:hover .menu-eyebrow {
    opacity: 0.55;
  }
  .menu-item:hover .roll > span,
.menu-sub:hover .roll > span {
    transform: translate3d(0, -100%, 0);
  }
  .menu-item:hover .roll::after,
.menu-sub:hover .roll::after {
    transform: translate3d(0, 0, 0);
  }
  .menu-item:hover .menu-arrow,
.menu-sub:hover .menu-arrow {
    animation: menu-arrow 0.65s cubic-bezier(0.35, 0, 0, 1);
  }
  .menu-item:hover ~ .menu-line::before,
.menu-sub:hover ~ .menu-line::before {
    transform: scaleX(0);
  }
  .menu-item:hover ~ .menu-line::after,
.menu-sub:hover ~ .menu-line::after {
    opacity: 1;
    transform: scaleX(1);
    transition: transform 0.3s cubic-bezier(0.35, 0, 0, 1) 0.35s, opacity 0.3s cubic-bezier(0.35, 0, 0, 1) 0.35s;
  }
}
.menu-item:focus-visible .menu-eyebrow,
.menu-sub:focus-visible .menu-eyebrow {
  opacity: 0.55;
}
.menu-item:focus-visible .roll > span,
.menu-sub:focus-visible .roll > span {
  transform: translate3d(0, -100%, 0);
}
.menu-item:focus-visible .roll::after,
.menu-sub:focus-visible .roll::after {
  transform: translate3d(0, 0, 0);
}
.menu-item:focus-visible .menu-arrow,
.menu-sub:focus-visible .menu-arrow {
  animation: menu-arrow 0.65s cubic-bezier(0.35, 0, 0, 1);
}

.menu-item:focus-visible ~ .menu-line::before,
.menu-sub:focus-visible ~ .menu-line::before {
  transform: scaleX(0);
}
.menu-item:focus-visible ~ .menu-line::after,
.menu-sub:focus-visible ~ .menu-line::after {
  opacity: 1;
  transform: scaleX(1);
  transition: transform 0.3s cubic-bezier(0.35, 0, 0, 1) 0.35s, opacity 0.3s cubic-bezier(0.35, 0, 0, 1) 0.35s;
}

.menu.is-in .tl > .tl-in {
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) var(--d, 0s);
}

.menu-foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(calc(16 / 1440 * 100vw), 19.2px);
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1) 0.35s;
}
@media (max-width: 767px) {
  .menu-foot {
    gap: min(calc(13 / 393 * 100vw), 14.2239185751px);
  }
}

.menu.is-in .menu-foot {
  opacity: 1;
}

.menu-logo {
  width: min(calc(100 / 1440 * 100vw), 120px);
}
@media (max-width: 767px) {
  .menu-logo {
    width: min(calc(80 / 393 * 100vw), 87.5318066158px);
  }
}

.menu-since {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #123a6b;
  text-align: center;
  font-size: clamp(12px, calc(12 / 1440 * 100vw), 14.4px);
}
@media (max-width: 767px) {
  .menu-since {
    font-size: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .menu,
.menu.is-open,
.menu-foot,
.menu-btn,
.menu-btn-icon svg,
.menu-eyebrow,
.roll > span,
.roll::after,
.menu-line::before,
.menu-line::after {
    transition: none !important;
  }
  .menu-arrow {
    animation: none !important;
  }
}