*,
*::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;
  }
}

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;
  }
}
.lp-body {
  background: #fafcff;
  color: #132840;
}

.lp-head {
  position: relative;
  overflow: hidden;
  background: #123a6b;
  color: #fff;
  padding-bottom: min(calc(78 / 1440 * 100vw), 93.6px);
}
@media (max-width: 767px) {
  .lp-head {
    padding-bottom: min(calc(40 / 393 * 100vw), 43.7659033079px);
  }
}

.lp-head::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(-450 / 1440 * 100vw);
  width: 100%;
  height: calc(1413.45 / 1440 * 100vw);
  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) {
  .lp-head::before {
    left: calc(-523 / 393 * 100vw);
    top: calc(-450 / 393 * 100vw);
    width: calc(1440 / 393 * 100vw);
    height: calc(1413.45 / 393 * 100vw);
  }
}

.lp-head > * {
  position: relative;
}

.lp-head-top {
  display: flex;
  align-items: flex-start;
  padding: min(calc(37 / 1440 * 100vw), 44.4px) min(calc(40 / 1440 * 100vw), 48px) 0;
}
@media (max-width: 767px) {
  .lp-head-top {
    height: min(calc(56 / 393 * 100vw), 61.272264631px);
    padding: min(calc(16 / 393 * 100vw), 17.5063613232px) min(calc(16 / 393 * 100vw), 17.5063613232px) 0;
  }
}

.lp-ttl {
  display: grid;
  grid-template-columns: 742fr 538fr;
  align-items: end;
  margin-top: min(calc(93 / 1440 * 100vw), 111.6px);
}
@media (max-width: 767px) {
  .lp-ttl {
    display: block;
    margin-top: min(calc(32 / 393 * 100vw), 35.0127226463px);
  }
}

.lp-eyebrow {
  font-weight: 400;
  font-style: italic;
  font-family: "Libre Bodoni", serif;
  line-height: normal;
  letter-spacing: 0.2em;
  color: #ebd9b4;
  font-size: clamp(12px, calc(16 / 1440 * 100vw), 19.2px);
}
@media (max-width: 767px) {
  .lp-eyebrow {
    font-size: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}
@media (max-width: 767px) {
  .lp-eyebrow {
    line-height: 1.6;
  }
}

.lp-title {
  margin-top: min(calc(13 / 1440 * 100vw), 15.6px);
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-size: clamp(28px, calc(40 / 1440 * 100vw), 48px);
}
@media (max-width: 767px) {
  .lp-title {
    font-size: min(calc(28 / 393 * 100vw), 30.6361323155px);
  }
}
@media (max-width: 767px) {
  .lp-title {
    margin-top: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}
.lp-title .accent {
  padding-inline: min(calc(4 / 1440 * 100vw), 4.8px);
  color: #e7c88b;
}
@media (max-width: 767px) {
  .lp-title .accent {
    padding-inline: min(calc(4 / 393 * 100vw), 4.3765903308px);
  }
}

.lp-lead {
  font-weight: 400;
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: 2;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(12px, calc(16 / 1440 * 100vw), 19.2px);
}
@media (max-width: 767px) {
  .lp-lead {
    font-size: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}
@media (max-width: 767px) {
  .lp-lead {
    max-width: none;
    margin-top: min(calc(12 / 393 * 100vw), 13.1297709924px);
    line-height: 1.6;
  }
}

.lp-visual {
  aspect-ratio: 1440/489;
  background: #eaf1fa;
}
@media (max-width: 767px) {
  .lp-visual {
    aspect-ratio: 393/240;
  }
}
.lp-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.lp-back {
  background: #fafcff;
  padding-block: min(calc(12 / 1440 * 100vw), 14.4px) min(calc(40 / 1440 * 100vw), 48px);
}
@media (max-width: 767px) {
  .lp-back {
    padding-block: 0 min(calc(40 / 393 * 100vw), 43.7659033079px);
  }
}

.lp-back a {
  display: inline-flex;
  align-items: center;
  gap: min(calc(8 / 1440 * 100vw), 9.6px);
  padding-bottom: min(calc(13 / 1440 * 100vw), 15.6px);
  border-bottom: 1px solid #123a6b;
  color: #123a6b;
  font-weight: 400;
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: normal;
  transition: opacity 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
  font-size: clamp(16px, calc(16 / 1440 * 100vw), 19.2px);
}
@media (max-width: 767px) {
  .lp-back a {
    font-size: min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
}
@media (max-width: 767px) {
  .lp-back a {
    gap: min(calc(8 / 393 * 100vw), 8.7531806616px);
    padding-bottom: min(calc(13 / 393 * 100vw), 14.2239185751px);
  }
}
.lp-back a svg {
  width: clamp(14px, calc(16 / 1440 * 100vw), 19.2px);
  height: clamp(14px, calc(16 / 1440 * 100vw), 19.2px);
  flex-shrink: 0;
  transition: transform 0.4s cubic-bezier(0.35, 0, 0, 1);
}
@media (max-width: 767px) {
  .lp-back a svg {
    width: min(calc(16 / 393 * 100vw), 17.5063613232px);
    height: min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
}

@media (hover: hover) {
  .lp-back a:hover {
    opacity: 0.7;
  }
  .lp-back a:hover svg {
    transform: translateX(-0.25em);
  }
}
.lp-foot {
  background: #eaf1fa;
  padding-block: min(calc(24 / 1440 * 100vw), 28.8px);
  text-align: center;
}
@media (max-width: 767px) {
  .lp-foot {
    padding-block: min(calc(20 / 393 * 100vw), 21.8829516539px);
  }
}
.lp-foot small {
  display: block;
  font-weight: 400;
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #5e6d80;
  font-size: clamp(12px, calc(12 / 1440 * 100vw), 14.4px);
}
@media (max-width: 767px) {
  .lp-foot small {
    font-size: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-back a,
.lp-back a svg {
    transition: none;
  }
}
.msg-letter {
  scroll-margin-top: min(calc(40 / 1440 * 100vw), 48px);
}
@media (max-width: 767px) {
  .msg-letter {
    scroll-margin-top: min(calc(24 / 393 * 100vw), 26.2595419847px);
  }
}

@media (prefers-reduced-motion: no-preference) {
  html:has(.lp-body) {
    scroll-behavior: smooth;
  }
}
.msg-anchors {
  display: none;
}
@media (max-width: 767px) {
  .msg-anchors {
    display: block;
    background: #fff;
    padding-block: min(calc(20 / 393 * 100vw), 21.8829516539px);
  }
}

.msg-anchor-list {
  display: flex;
  gap: min(calc(24 / 1440 * 100vw), 28.8px);
}
@media (max-width: 767px) {
  .msg-anchor-list {
    flex-direction: column;
    gap: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}

.msg-anchor-list > li {
  flex: 1 1 0;
  min-width: 0;
}

.msg-anchor {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: min(calc(12 / 1440 * 100vw), 14.4px);
  background: #eaf1fa;
  transition: background-color 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
}
@media (max-width: 767px) {
  .msg-anchor {
    gap: min(calc(12 / 393 * 100vw), 13.1297709924px);
    padding: min(calc(12 / 393 * 100vw), 13.1297709924px) min(calc(16 / 393 * 100vw), 17.5063613232px);
  }
}
.msg-anchor .msg-anchor-txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(calc(4 / 1440 * 100vw), 4.8px);
  text-align: center;
}
@media (max-width: 767px) {
  .msg-anchor .msg-anchor-txt {
    flex: 1 1 auto;
    min-width: 0;
    align-items: flex-start;
    gap: min(calc(4 / 393 * 100vw), 4.3765903308px);
    text-align: left;
  }
}
.msg-anchor .role {
  font-weight: 400;
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #46586e;
  font-size: clamp(12px, calc(12 / 1440 * 100vw), 14.4px);
}
@media (max-width: 767px) {
  .msg-anchor .role {
    font-size: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}
.msg-anchor .name {
  font-weight: 600;
  font-family: "Shippori Mincho", serif;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: #132840;
  font-size: clamp(20px, calc(20 / 1440 * 100vw), 24px);
}
@media (max-width: 767px) {
  .msg-anchor .name {
    font-size: min(calc(20 / 393 * 100vw), 21.8829516539px);
  }
}
.msg-anchor svg {
  position: absolute;
  right: min(calc(12 / 1440 * 100vw), 14.4px);
  top: 50%;
  width: clamp(16px, calc(20 / 1440 * 100vw), 24px);
  height: clamp(16px, calc(20 / 1440 * 100vw), 24px);
  transform: translateY(-50%);
  color: #123a6b;
  transition: transform 0.4s cubic-bezier(0.35, 0, 0, 1);
}
@media (max-width: 767px) {
  .msg-anchor svg {
    position: static;
    flex-shrink: 0;
    width: min(calc(20 / 393 * 100vw), 21.8829516539px);
    height: min(calc(20 / 393 * 100vw), 21.8829516539px);
    transform: none;
  }
}

@media (hover: hover) {
  .msg-anchor:hover {
    background: color-mix(in srgb, #eaf1fa 70%, #fff);
  }
  .msg-anchor:hover svg {
    transform: translateY(calc(-50% + 0.25em));
  }
}
@media (hover: hover) and (max-width: 767px) {
  .msg-anchor:hover svg {
    transform: translateY(0.25em);
  }
}
.msg-voices {
  padding-block: min(calc(120 / 1440 * 100vw), 144px);
}
@media (max-width: 767px) {
  .msg-voices {
    padding-block: min(calc(40 / 393 * 100vw), 43.7659033079px);
  }
}

.msg-letter + .msg-letter {
  margin-top: min(calc(152 / 1440 * 100vw), 182.4px);
}
@media (max-width: 767px) {
  .msg-letter + .msg-letter {
    margin-top: min(calc(80 / 393 * 100vw), 87.5318066158px);
  }
}

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

.msg-eyebrow {
  font-weight: 400;
  font-style: italic;
  font-family: "Libre Bodoni", serif;
  line-height: 1.6;
  letter-spacing: 0.2em;
  color: #1c63b4;
  font-size: clamp(12px, calc(16 / 1440 * 100vw), 19.2px);
}
@media (max-width: 767px) {
  .msg-eyebrow {
    font-size: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}

.msg-name {
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #123a6b;
  font-size: clamp(24px, calc(32 / 1440 * 100vw), 38.4px);
}
@media (max-width: 767px) {
  .msg-name {
    font-size: min(calc(24 / 393 * 100vw), 26.2595419847px);
  }
}

.msg-role {
  font-weight: 400;
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #46586e;
  font-size: clamp(12px, calc(16 / 1440 * 100vw), 19.2px);
}
@media (max-width: 767px) {
  .msg-role {
    font-size: min(calc(12 / 393 * 100vw), 13.1297709924px);
  }
}

.msg-body {
  position: relative;
  margin-top: min(calc(40 / 1440 * 100vw), 48px);
  padding-left: min(calc(25 / 1440 * 100vw), 30px);
}
@media (max-width: 767px) {
  .msg-body {
    margin-top: min(calc(24 / 393 * 100vw), 26.2595419847px);
    padding-left: min(calc(17 / 393 * 100vw), 18.6005089059px);
  }
}
.msg-body::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(195, 155, 92, 0.75);
}

.msg-body .g + .g {
  margin-top: min(calc(24 / 1440 * 100vw), 28.8px);
}
@media (max-width: 767px) {
  .msg-body .g + .g {
    margin-top: min(calc(24 / 393 * 100vw), 26.2595419847px);
  }
}

.msg-body p {
  font-weight: 400;
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: 2;
  letter-spacing: 0.05em;
  color: #132840;
  font-size: clamp(14px, calc(16 / 1440 * 100vw), 19.2px);
}
@media (max-width: 767px) {
  .msg-body p {
    font-size: min(calc(14 / 393 * 100vw), 15.3180661578px);
  }
}
@media (max-width: 767px) {
  .msg-body p {
    line-height: 1.6;
    color: #31465f;
  }
}

@media (prefers-reduced-motion: reduce) {
  .msg-anchor,
.msg-anchor svg {
    transition: none;
  }
}