.is-parallax-target {
  will-change: transform;
}

.c-main-visual__title-section {
  padding-inline: var(--space-inline-gutter);
  z-index: calc(var(--z-index-sm) + 2);
  justify-content: space-between;
  padding-block: 3.5rem .875rem;
  display: flex;
  position: relative;
}

@media (width >= 60.0625rem) {
  .c-main-visual__title-section {
    padding-inline: calc(64 * var(--vw-scale-1440));
    padding-block: calc(79 * var(--vw-scale-1440))
      calc(27 * var(--vw-scale-1440));
  }
}

.c-main-visual__background {
  width: 100%;
  height: 100dvh;
  z-index: var(--z-index-sm);
  --main-visual-window-inset: 1rem;
  --main-visual-image-shift-max: 0px;
  --main-visual-image-shift-overscan: 0px;
  position: sticky;
  top: 0;
  left: 0;
  overflow: hidden;
}

@media (width >= 60.0625rem) {
  .c-main-visual__background {
    --main-visual-window-inset: calc(45 * var(--vw-scale-1440));
    --main-visual-image-shift-max: calc(335 * var(--vw-scale-1440));
    --main-visual-image-shift-overscan: calc(670 * var(--vw-scale-1440));
  }
}

.c-main-visual__image-wrapper {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.c-main-visual__picture {
  max-width: none;
  height: 100%;
  display: block;
}

.c-main-visual__image {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.c-main-visual__mask {
  position: absolute;
  inset: 0;
}

@media (width < 60.0625rem) {
  .c-main-visual__background {
    top: var(--mv-title-height-px, 0px);
    height: calc(100dvh - var(--mv-title-height-px, 0px));
  }

  .c-main-visual__image-wrapper {
    clip-path: inset(0 var(--main-visual-window-inset) round .5rem .5rem 0px 0px);
  }

  .c-main-visual__picture {
    width: calc(100% + var(--main-visual-image-shift-overscan) + 2px);
    will-change: transform;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .c-main-visual__image {
    object-fit: cover;
    object-position: 50% var(--mv-mobile-image-object-y, 100%);
    transition: transform .1s linear;
    transform: scale(1);
  }

  .c-main-visual__mask {
    clip-path: polygon(0% 0%,
      100% 0%,
      100% 100%,
      0% 100%,
      0% 0%,
      var(--main-visual-window-inset) 0%,
      var(--main-visual-window-inset) 100%,
      calc(100% - var(--main-visual-window-inset)) 100%,
      calc(100% - var(--main-visual-window-inset)) 0%,
      var(--main-visual-window-inset) 0%);
    transition: clip-path .1s linear;
  }

  .c-main-visual__mask[data-reveal="complete"] {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 0%, 0% 0%);
  }
}

@media (width >= 60.0625rem) {
  .c-main-visual__background {
    top: var(--mv-title-height-px, 0px);
    height: calc(100dvh - var(--mv-title-height-px, 0px));
  }

  .c-main-visual__image-wrapper {
    clip-path: none;
    justify-content: center;
    align-items: stretch;
    display: flex;
    overflow: visible;
  }

  .c-main-visual__picture {
    will-change: auto;
    height: 100%;
    width: calc(100% - (var(--mv-window-inset-px, 0px) * 2));
    border-radius: var(--mv-window-radius-px, 8px)
      var(--mv-window-radius-px, 8px) 0 0;
    justify-content: center;
    align-items: flex-start;
    margin-inline: auto;
    display: flex;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    overflow: hidden;
    transform: none;
  }

  .c-main-visual__image {
    width: var(--mv-image-width-px, 100%);
    height: auto;
    margin-top: var(--mv-image-offset-y-px, 0px);
    left: var(--mv-image-offset-x-px, 0px);
    position: relative;
  }

  .c-main-visual__mask {
    display: none;
  }
}

.c-main-visual__title {
  font-family: var(--font-family-heading);
  font-size: 2rem;
  font-weight: var(--font-weight-normal);
  letter-spacing: .06em;
  color: var(--text-text);
  line-height: 1.35;
}

@media (width >= 60.0625rem) {
  .c-main-visual__title {
    font-size: calc(80 * var(--vw-scale-1440));
    line-height: 1;
  }
}

.c-main-visual__scroll-indicator {
  padding-bottom: var(--space-2);
  flex-shrink: 0;
  align-self: flex-end;
  align-items: center;
  gap: .5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-main-visual__scroll-indicator {
    padding-bottom: calc(8 * var(--vw-scale-1440));
  }
}

.c-main-visual__scroll-text {
  font-family: var(--font-family-heading-en);
  font-size: var(--font-size-xxs);
  font-weight: var(--font-weight-semibold);
  color: var(--text-text);
  line-height: 1;
}

@media (width >= 60.0625rem) {
  .c-main-visual__scroll-text {
    font-size: calc(14 * var(--vw-scale-1440));
  }
}

.c-main-visual__scroll-icon {
  width: .75rem;
  height: .75rem;
  color: var(--text-text);
}

@media (width >= 60.0625rem) {
  .c-main-visual__scroll-icon {
    width: calc(12 * var(--vw-scale-1440));
    height: calc(12 * var(--vw-scale-1440));
  }
}

.c-main-visual__mission {
  min-height: 100dvh;
  padding-block: 15rem 22.5rem;
  padding-inline: var(--space-inline-gutter);
  z-index: calc(var(--z-index-sm) + 1);
  position: relative;
}

@media (width >= 60.0625rem) {
  .c-main-visual__mission {
    padding-block: calc(296 * var(--vw-scale-1440))
      calc(445 * var(--vw-scale-1440));
    padding-inline: calc(165 * var(--vw-scale-1440));
  }
}

.c-main-visual__mission:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(0deg, #e5ebf1 0%, rgba(229, 235, 241, 0) 100%);
  width: 100%;
  height: 18.9375rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (width >= 60.0625rem) {
  .c-main-visual__mission:before {
    height: calc(332 * var(--vw-scale-1440));
    background: linear-gradient(0deg, #eeeff0 0%, rgba(229, 235, 241, 0) 100%);
  }
}

.c-main-visual__mission-overlay {
  -webkit-backdrop-filter: blur(38px);
  backdrop-filter: blur(38px);
  z-index: 0;
  opacity: 0;
  background: linear-gradient(271deg, rgba(17, 23, 51, 0) 1%, rgba(17, 23, 51, .6) 82.22%);
  position: absolute;
  inset: 0;
}

@media (width >= 60.0625rem) {
  .c-main-visual__mission-overlay {
    background: linear-gradient(268deg, rgba(17, 23, 51, 0) 1.85%, rgba(17, 23, 51, .9) 31.02%);
    width: 76.6%;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .35) 72%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .35) 72%, rgba(0, 0, 0, 0) 100%);
  }
}

.c-main-visual__mission-content {
  z-index: 1;
  flex-direction: column;
  gap: 2.5rem;
  display: flex;
  position: relative;
}

@media (width >= 60.0625rem) {
  .c-main-visual__mission-content {
    gap: calc(64 * var(--vw-scale-1440));
  }
}

.c-main-visual__mission-header {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-main-visual__mission-header {
    gap: calc(36 * var(--vw-scale-1440));
  }
}

.c-main-visual__mission-label {
  font-family: var(--font-family-heading);
  font-size: 1rem;
  font-weight: var(--font-weight-normal);
  letter-spacing: .06em;
  color: var(--color-white);
  line-height: 1.25;
}

@media (width >= 60.0625rem) {
  .c-main-visual__mission-label {
    font-size: calc(28 * var(--vw-scale-1440));
  }
}

.c-main-visual__mission-heading {
  font-family: var(--font-family-heading);
  font-size: 1.75rem;
  font-weight: var(--font-weight-normal);
  letter-spacing: .08em;
  color: var(--color-white);
  line-height: 1.5;
}

@media (width >= 60.0625rem) {
  .c-main-visual__mission-heading {
    font-size: calc(56 * var(--vw-scale-1440));
  }
}

.c-main-visual__mission-body {
  flex-direction: column;
  gap: 3em;
  display: flex;
}

.c-main-visual__mission-text {
  font-family: var(--font-family-mincho);
  font-size: 1rem;
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  line-height: 2.15;
}

@media (width >= 60.0625rem) {
  .c-main-visual__mission-text {
    line-height: 2.85;
    font-size: calc(26 * var(--vw-scale-1440));
  }
}

.c-main-visual__mission-emphasis {
  font-style: normal;
  font-weight: var(--font-weight-semibold);
}

.c-main-visual__mission-note {
  font-family: var(--font-family-mincho);
  font-size: .875rem;
  font-weight: var(--font-weight-normal);
  color: var(--color-white);
  line-height: 2;
}

@media (width >= 60.0625rem) {
  body:has(.c-main-visual) .c-header__sub {
    background-color: var(--bg-header-sub-nav);
  }
}

.c-news {
  z-index: 2;
  padding-inline: var(--space-inline-base-narrow);
  position: relative;
}

.c-news__container {
  padding: var(--space-12) var(--space-4) var(--space-10);
  background: linear-gradient(#eeeff0 65.58%, rgba(238, 239, 240, 0) 100%);
  border-radius: .5rem;
  flex-direction: column;
  gap: 2.5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-news__container {
    justify-content: space-between;
    gap: calc(120 * var(--vw-scale-1440));
    padding: calc(88 * var(--vw-scale-1440)) calc(60 * var(--vw-scale-1440))
      calc(80 * var(--vw-scale-1440));
    flex-direction: row;
  }
}

.c-news__header {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-news__header {
    gap: calc(20 * var(--vw-scale-1440));
    flex: 270;
  }
}

.c-news__body {
  flex-direction: column;
  gap: 2.5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-news__body {
    gap: calc(80 * var(--vw-scale-1440));
    padding-top: calc(96 * var(--vw-scale-1440));
    flex: 840;
  }
}

.c-news__list {
  flex-direction: column;
  display: flex;
}

.c-news__item {
  border-block-start: 1px solid #b5bbc3;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.c-news__item:last-child {
  border-block-end: 1px solid #b5bbc3;
}

.c-news__item-link {
  padding-block: var(--space-4);
  flex-direction: column;
  flex: 1;
  gap: .5rem;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.c-news__item-link:not([target="_blank"]):focus-visible .c-news__arrow:after {
  opacity: 0;
  transform: translateX(var(--c-news-arrow-shift));
}

.c-news__item-link:not([target="_blank"]):focus-visible .c-news__arrow:before {
  opacity: 1;
  transform: translate(-50%, -50%);
}

@media (any-hover: hover) {
  .c-news__item-link:hover {
    opacity: var(--opacity-base);
  }

  .c-news__item-link:not([target="_blank"]):hover .c-news__arrow:after {
    opacity: 0;
    transform: translateX(var(--c-news-arrow-shift));
  }

  .c-news__item-link:not([target="_blank"]):hover .c-news__arrow:before {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@media (width >= 60.0625rem) {
  .c-news__item-link {
    padding-block: var(--space-5);
    gap: var(--space-2);
    position: relative;
  }
}

.c-news__item-link.is-disabled {
  cursor: default;
}

@media (any-hover: hover) {
  .c-news__item-link.is-disabled:hover {
    opacity: 1;
  }
}

.c-news__meta {
  align-items: center;
  display: flex;
}

.c-news__date {
  font-family: var(--font-family-mincho);
  font-size: .75rem;
  font-weight: var(--font-weight-normal);
  color: var(--text-text);
  flex-shrink: 0;
  align-items: center;
  line-height: 1;
  display: inline-flex;
}

@media (width >= 60.0625rem) {
  .c-news__date {
    font-size: .9375rem;
  }
}

.c-news__date:after {
  content: "";
  width: 0;
  height: 1.5em;
  margin-inline: var(--space-3);
  vertical-align: middle;
  border-inline-start: 1px solid #cdd0d7;
  flex-shrink: 0;
  display: inline-block;
}

@media (width >= 60.0625rem) {
  .c-news__date:after {
    margin-inline: var(--space-8);
  }
}

.c-news__tags {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-news__tags {
    gap: var(--space-2);
  }
}

.c-news__tag {
  font-family: var(--font-family-base);
  font-size: .625rem;
  font-weight: var(--font-weight-normal);
  color: var(--text-text);
  background-color: #f8f9fb;
  border-radius: .25rem;
  padding: .25rem .5rem;
  line-height: 1.25;
  display: inline-flex;
}

@media (width >= 60.0625rem) {
  .c-news__tag {
    padding: calc(4 * var(--vw-scale-1440)) calc(8 * var(--vw-scale-1440));
    font-size: .75rem;
  }
}

.c-news__content {
  align-items: flex-start;
  gap: var(--space-2);
  grid-template-columns: minmax(0, 1fr) auto;
  display: grid;
}

@media (width >= 60.0625rem) {
  .c-news__content {
    align-items: center;
    gap: 0;
    padding-right: 5.25rem;
  }
}

.c-news__title {
  font-family: var(--font-family-base);
  font-size: .875rem;
  font-weight: var(--font-weight-normal);
  letter-spacing: .04em;
  color: var(--text-text);
  line-height: 1.5;
}

@media (width >= 60.0625rem) {
  .c-news__title {
    font-size: 1rem;
  }
}

.c-news__button {
  border: 1px solid var(--line-navy_gray);
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 1.75rem;
  display: inline-flex;
}

@media (width >= 60.0625rem) {
  .c-news__button {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin-block: auto;
    display: flex;
    position: absolute;
    inset: 0 0 0 auto;
  }
}

.c-news__arrow {
  --c-news-arrow-shift: calc(var(--icon-size, 1.25rem) + var(--space-1));
  position: relative;
  overflow: hidden;
}

.c-news__arrow:after {
  transition: transform var(--duration-hover-roll-icon) var(--easing-base),
      opacity var(--duration-hover-roll-icon) var(--easing-base);
  will-change: transform, opacity;
}

.c-news__arrow:before {
  content: "";
  width: var(--icon-size, 1.25rem);
  height: var(--icon-size, 1.25rem);
  background-color: var(--icon-color, currentColor);
  opacity: 0;
  transform: translate(calc(-50% - var(--c-news-arrow-shift)), -50%);
  transition: transform var(--duration-hover-roll-icon) var(--easing-base),
      opacity var(--duration-hover-roll-icon) var(--easing-base);
  will-change: transform, opacity;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-mask-image: url("../images/icon-arrow-right-mask.svg");
  mask-image: url("../images/icon-arrow-right-mask.svg");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

@media (prefers-reduced-motion: reduce) {
  .c-news__arrow:after {
    opacity: 1;
    transition: none;
    transform: none;
  }

  .c-news__arrow:before {
    opacity: 0;
    transition: none;
    transform: translate(-50%, -50%);
  }
}

.c-concept-movie {
  padding: 2.5rem var(--space-inline-gutter) 3.5rem;
}

@media (width >= 60.0625rem) {
  .c-concept-movie {
    padding: calc(72 * var(--vw-scale-1440)) calc(105 * var(--vw-scale-1440))
      calc(96 * var(--vw-scale-1440));
  }
}

.c-concept-movie__container {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-concept-movie__container {
    gap: calc(24 * var(--vw-scale-1440));
    width: calc(870 * var(--vw-scale-1440));
    margin-inline: auto;
  }
}

.c-concept-movie__heading {
  align-items: center;
  display: flex;
}

.c-concept-movie__title {
  font-family: var(--font-family-heading);
  font-size: 1.75rem;
  font-weight: var(--font-weight-normal);
  letter-spacing: .06em;
  color: var(--text-text);
  align-items: flex-start;
  gap: .75rem;
  line-height: 1.5;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-concept-movie__title {
    gap: calc(12 * var(--vw-scale-1440));
    font-size: 1.75rem;
  }
}

.c-concept-movie__title:before {
  content: "";
  background-color: #2969bb;
  border-radius: 50%;
  flex-shrink: 0;
  width: .375rem;
  height: .375rem;
  translate: 0 calc(.5lh - 50%);
}

@media (width >= 60.0625rem) {
  .c-concept-movie__title:before {
    width: .5rem;
    height: .5rem;
  }
}

.c-concept-movie__player {
  background-color: var(--color-black);
  aspect-ratio: 870 / 488;
  border-radius: .5rem;
  width: 100%;
  overflow: hidden;
}

@media (width >= 60.0625rem) {
  .c-concept-movie__player {
    border-radius: calc(8 * var(--vw-scale-1440));
  }
}

.c-concept-movie__iframe {
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.c-catchphrase {
  background: linear-gradient(rgba(229, 235, 241, 0) 0%, #e5ebf1 100%);
  padding-block: 3.5rem;
  overflow: hidden;
}

@media (width >= 60.0625rem) {
  .c-catchphrase {
    padding-block: calc(60 * var(--vw-scale-1440))
      calc(120 * var(--vw-scale-1440));
  }
}

.c-catchphrase__container {
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-catchphrase__container {
    gap: calc(48 * var(--vw-scale-1440));
  }
}

.c-catchphrase__text {
  padding-inline: var(--space-inline-gutter);
  font-family: var(--font-family-heading);
  font-size: 1.625rem;
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-tight);
  letter-spacing: .06em;
  color: var(--text-text);
  align-self: flex-start;
}

@media (width >= 60.0625rem) {
  .c-catchphrase__text {
    padding-inline: calc(136 * var(--vw-scale-1440));
    font-size: calc(52 * var(--vw-scale-1440));
  }
}

.c-catchphrase__images {
  gap: var(--space-5) var(--space-6);
  padding-right: var(--space-6);
  flex-shrink: 0;
  grid-template-rows: 11.0625rem 11.0625rem;
  grid-template-columns: 18.625rem 13.0625rem 9.5rem 17.25rem 9.5rem 17rem 17.25rem 13.0625rem 9.5rem 17.25rem 9.5rem 17rem;
  display: grid;
}

@media (width >= 60.0625rem) {
  .c-catchphrase__images {
    grid-template-columns: calc(420 * var(--vw-scale-1440)) calc(348 *
        var(--vw-scale-1440)) calc(220 * var(--vw-scale-1440)) calc(389 * var(--vw-scale-1440)) calc(170 *
        var(--vw-scale-1440)) calc(390 * var(--vw-scale-1440)) calc(389 * var(--vw-scale-1440)) calc(348 *
        var(--vw-scale-1440)) calc(220 * var(--vw-scale-1440)) calc(389 * var(--vw-scale-1440)) calc(170 *
        var(--vw-scale-1440)) calc(390 * var(--vw-scale-1440));
    grid-template-rows: calc(253 * var(--vw-scale-1440)) calc(254 *
        var(--vw-scale-1440));
  }
}

.c-catchphrase__image {
  position: relative;
  overflow: hidden;
}

.c-catchphrase__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.c-catchphrase__img--a {
  position: absolute;
  inset: 0;
}

.c-catchphrase__img--b {
  z-index: 1;
  position: relative;
}

.c-catchphrase__image--1 {
  grid-area: 1 / 1 / 3;
}

.c-catchphrase__image--2 {
  grid-area: 1 / 2 / auto / 4;
}

.c-catchphrase__image--3 {
  grid-area: 2 / 3;
}

.c-catchphrase__image--4 {
  grid-area: 2 / 2;
}

.c-catchphrase__image--5 {
  grid-area: 1 / 4 / 3;
}

.c-catchphrase__image--6 {
  grid-area: 1 / 5 / auto / 7;
}

.c-catchphrase__image--7 {
  grid-area: 2 / 5 / auto / 7;
}

.c-catchphrase__image--8 {
  grid-area: 1 / 7 / 3;
}

.c-catchphrase__image--9 {
  grid-area: 1 / 8 / auto / 10;
}

.c-catchphrase__image--10 {
  grid-area: 2 / 9;
}

.c-catchphrase__image--11 {
  grid-area: 2 / 8;
}

.c-catchphrase__image--12 {
  grid-area: 1 / 10 / 3;
}

.c-catchphrase__image--13 {
  grid-area: 1 / 11 / auto / 13;
}

.c-catchphrase__image--14 {
  grid-area: 2 / 11 / auto / 13;
}

.c-catchphrase__track {
  width: max-content;
  display: flex;
}

.c-catchphrase__img--b {
  animation: 10s linear infinite diagonal-wipe-b;
  animation-delay: var(--switch-delay);
}

@keyframes diagonal-wipe-b {
  0%, 48% {
    clip-path: polygon(100% 0%, 140% 0%, 240% 100%, 200% 100%);
    opacity: 1;
  }

  49% {
    clip-path: polygon(100% 0%, 140% 0%, 240% 100%, 200% 100%);
    opacity: 0;
  }

  50% {
    clip-path: polygon(-160% 0%, -120% 0%, -20% 100%, -60% 100%);
    opacity: 0;
  }

  51% {
    clip-path: polygon(-160% 0%, -120% 0%, -20% 100%, -60% 100%);
    opacity: 1;
  }

  56%, 94% {
    clip-path: polygon(-100% 0%, 100% 0%, 200% 100%, 0% 100%);
    opacity: 1;
  }

  100% {
    clip-path: polygon(100% 0%, 140% 0%, 240% 100%, 200% 100%);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .c-catchphrase__track {
    animation: none;
  }

  .c-catchphrase__img--b {
    clip-path: none;
    animation: none;
  }
}

.c-learn-policy {
  padding: 3.5rem 2.5rem 0;
  padding-inline: var(--space-inline-gutter);
  background-color: var(--bg-right_sky);
}

@media (width >= 60.0625rem) {
  .c-learn-policy {
    padding-top: calc(120 * var(--vw-scale-1440));
    padding-inline: calc(105 * var(--vw-scale-1440));
  }
}

.c-learn-policy__divider {
  margin-bottom: var(--space-10);
}

@media (width >= 60.0625rem) {
  .c-learn-policy__divider {
    margin-bottom: calc(56 * var(--vw-scale-1440));
  }
}

.c-learn-policy__container {
  gap: var(--space-20);
  flex-direction: column;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__container {
    gap: calc(80 * var(--vw-scale-1440));
  }
}

.c-learn-policy__header {
  flex-direction: column;
  gap: 2.5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__header {
    grid-template: "heading intro" auto /
      calc(360 * var(--vw-scale-1440)) 1fr;
    gap: calc(72 * var(--vw-scale-1440)) calc(30 * var(--vw-scale-1440));
    display: grid;
  }
}

.c-learn-policy__heading {
  max-width: 13.1875rem;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__heading {
    grid-area: heading;
    max-width: none;
  }
}

.c-learn-policy__intro {
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__intro {
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(30 * var(--vw-scale-1440));
    flex-direction: row;
    flex: 1;
    grid-area: intro;
  }
}

.c-learn-policy__description {
  font-family: var(--font-family-mincho);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  color: var(--text-text);
  line-height: 2.25;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__description {
    line-height: 1.9;
    font-size: var(--font-size-lg);
    flex: 389;
  }
}

.c-learn-policy__br--pc {
  display: none;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__br--pc {
    display: block;
  }
}

.c-learn-policy__image {
  border-radius: .25rem;
  width: 100%;
  overflow: hidden;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__image {
    flex: 421;
  }
}

.c-learn-policy__image img {
  aspect-ratio: 421 / 358;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.c-learn-policy__body {
  flex-direction: column;
  gap: 5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__body {
    gap: calc(88 * var(--vw-scale-1440));
  }
}

.c-learn-policy__main {
  grid-template-areas: "heading"
                       "nav"
                       "cards"
                       "image";
  gap: 1rem;
  display: grid;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__main {
    grid-template-columns: calc(268 * var(--vw-scale-1440)) 1fr;
    gap: calc(122 * var(--vw-scale-1440));
    grid-template-areas: "nav panels";
  }
}

.c-learn-policy__nav {
  grid-area: nav;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__nav {
    z-index: var(--z-index-sm);
    position: relative;
  }
}

.c-learn-policy__panels {
  display: contents;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__panels {
    flex-direction: column;
    flex: 1;
    grid-area: panels;
    display: flex;
  }
}

.c-learn-policy__panel {
  display: contents;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__panel {
    min-height: calc(1112 * var(--vw-scale-1440));
    gap: calc(40 * var(--vw-scale-1440));
    padding-bottom: calc(360 * var(--vw-scale-1440));
    flex-direction: column;
    display: flex;
    position: relative;
  }
}

.c-learn-policy__panel[hidden] {
  display: none;
}

.c-learn-policy__panel-header {
  grid-area: heading;
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__panel-header {
    z-index: var(--z-index-sm);
    gap: calc(12 * var(--vw-scale-1440));
    position: relative;
  }
}

.c-learn-policy__panel-heading {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-normal);
  letter-spacing: .06em;
  color: var(--text-text);
  align-items: flex-start;
  gap: .5rem;
  line-height: 1.5;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__panel-heading {
    gap: calc(12 * var(--vw-scale-1440));
    font-size: 1.75rem;
  }
}

.c-learn-policy__panel-heading:before {
  content: "";
  background-color: #2969bb;
  border-radius: 50%;
  flex-shrink: 0;
  width: .375rem;
  height: .375rem;
  translate: 0 calc(.5lh - 50%);
}

@media (width >= 60.0625rem) {
  .c-learn-policy__panel-heading:before {
    width: .5rem;
    height: .5rem;
  }
}

.c-learn-policy__cards {
  margin-top: var(--space-6);
  flex-direction: column;
  grid-area: cards;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__cards {
    z-index: var(--z-index-sm);
    margin-top: 0;
    position: relative;
  }
}

.c-learn-policy__cards-track {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__cards-track {
    gap: calc(16 * var(--vw-scale-1440));
  }
}

@media (width < 60.0625rem) {
  .c-learn-policy__cards.is-carousel .c-learn-policy__cards-track {
    gap: var(--space-4);
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-inline: calc(var(--space-inline-gutter) * -1);
    padding-inline: var(--space-inline-gutter);
    scroll-padding-inline: var(--space-inline-gutter);
    scrollbar-width: none;
    flex-direction: row;
    display: flex;
    overflow-x: auto;
  }

  .c-learn-policy__cards.is-carousel .c-learn-policy__cards-track::-webkit-scrollbar {
    display: none;
  }
}

@media (width < 60.0625rem) {
  .c-learn-policy__cards.is-carousel .c-learn-policy__card {
    scroll-snap-align: start;
    flex: 0 0 calc(100% - var(--learn-policy-carousel-peek, var(--space-4)));
  }
}

@media (prefers-reduced-motion: reduce) {
  .c-learn-policy__cards.is-carousel .c-learn-policy__cards-track {
    scroll-behavior: auto;
  }
}

.c-learn-policy__cards-controls {
  width: 100%;
  max-width: 21.4375rem;
  height: 3rem;
  margin-top: var(--space-10);
  justify-content: space-between;
  align-items: center;
  gap: 1.875rem;
  margin-inline: auto;
  display: flex;
}

.c-learn-policy__cards-arrow {
  --icon-size: 1.25rem;
  border: 1px solid var(--line-sky_gray);
  width: 3rem;
  height: 3rem;
  color: var(--text-text);
  cursor: pointer;
  transition: opacity var(--duration-fast);
  background: none;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: .875rem;
  display: flex;
}

@media (any-hover: hover) {
  .c-learn-policy__cards-arrow:hover {
    opacity: var(--opacity-base);
  }
}

.c-learn-policy__cards-arrow:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.c-learn-policy__cards-arrow:focus-visible {
  outline: 2px solid var(--line-sky);
  outline-offset: 2px;
}

.c-learn-policy__cards-indicator {
  align-items: center;
  gap: .375rem;
  width: 11.6875rem;
  height: 3rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.c-learn-policy__cards-indicator li {
  flex: 1;
  height: 100%;
}

.c-learn-policy__cards-indicator button {
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: .25rem;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}

.c-learn-policy__cards-indicator button:before {
  content: "";
  inset-inline: 0;
  background: var(--color-white);
  border-radius: .25rem;
  height: .375rem;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}

.c-learn-policy__cards-indicator button[aria-current="true"]:before {
  background: var(--color-black);
}

.c-learn-policy__cards-indicator button:focus-visible {
  outline: 2px solid var(--line-sky);
  outline-offset: 2px;
}

.c-learn-policy__card {
  gap: var(--space-4);
  padding: var(--space-8) var(--space-4);
  border: 1px solid var(--color-gray-light);
  background: rgba(237, 241, 246, .3);
  border-radius: .5rem;
  flex-direction: column;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__card {
    gap: calc(18 * var(--vw-scale-1440));
    padding: calc(28 * var(--vw-scale-1440)) calc(32 * var(--vw-scale-1440));
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }
}

.c-learn-policy__card-title {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-1_5xl);
  font-weight: var(--font-weight-normal);
  letter-spacing: .06em;
  color: var(--text-text);
  line-height: 1.5;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__card-title {
    font-size: 1.5rem;
  }
}

.c-learn-policy__card-caption {
  font-size: var(--font-size-base);
}

.c-learn-policy__card-text {
  font-family: var(--font-family-mincho);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  color: var(--text-text);
  line-height: 1.75;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__card-text {
    font-size: var(--font-size-lg);
  }
}

.c-learn-policy__card-sublabels {
  flex-wrap: wrap;
  gap: .25rem .5rem;
  margin: 0;
  padding: 0 0 0 1.5rem;
  list-style: none;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__card-sublabels {
    gap: calc(4 * var(--vw-scale-1440)) calc(8 * var(--vw-scale-1440));
    padding: 0 0 0 calc(24 * var(--vw-scale-1440));
  }
}

.c-learn-policy__card-sublabel {
  font-family: var(--font-family-mincho);
  font-size: .75rem;
  font-weight: var(--font-weight-normal);
  color: var(--text-text);
  line-height: 1.75;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__card-sublabel {
    font-size: .875rem;
  }
}

.c-learn-policy__panel-image {
  margin-inline: calc(var(--space-inline-gutter) * -1);
  grid-area: image;
  position: relative;
  overflow: hidden;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__panel-image {
    --_bleed-left: calc((268 + 122 + 105) * var(--vw-scale-1440));
    --_bleed-right: calc(105 * var(--vw-scale-1440));
    z-index: 0;
    bottom: 0;
    left: calc(var(--_bleed-left) * -1);
    right: calc(var(--_bleed-right) * -1);
    width: calc(100% + var(--_bleed-left) + var(--_bleed-right));
    margin: 0;
    position: absolute;
    overflow: visible;
  }
}

.c-learn-policy__panel-picture {
  width: 100%;
  display: block;
}

.c-learn-policy__panel-picture img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 20.5rem;
  display: block;
}

@media (width >= 60.0625rem) {
  .c-learn-policy__panel-picture img {
    height: calc(808 * var(--vw-scale-1440));
  }
}

.c-learn-members {
  padding: 7.5rem var(--space-inline-gutter) var(--space-16);
  background-color: #dce7f1;
  border-radius: 0 0 1rem 1rem;
}

@media (width >= 60.0625rem) {
  .c-learn-members {
    padding: calc(140 * var(--vw-scale-1440)) calc(105 * var(--vw-scale-1440));
  }
}

.c-learn-members__divider {
  margin-bottom: var(--space-10);
}

@media (width >= 60.0625rem) {
  .c-learn-members__divider {
    margin-bottom: calc(56 * var(--vw-scale-1440));
  }
}

.c-learn-members__container {
  gap: var(--space-20);
  flex-direction: column;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-members__container {
    gap: calc(80 * var(--vw-scale-1440));
  }
}

.c-learn-members__header {
  flex-direction: column;
  gap: 2.5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-members__header {
    grid-template: "heading intro" auto /
      calc(360 * var(--vw-scale-1440)) 1fr;
    gap: calc(72 * var(--vw-scale-1440)) calc(30 * var(--vw-scale-1440));
    display: grid;
  }
}

.c-learn-members__heading {
  max-width: 13.1875rem;
}

@media (width >= 60.0625rem) {
  .c-learn-members__heading {
    grid-area: heading;
    max-width: none;
  }
}

.c-learn-members__intro {
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-members__intro {
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(30 * var(--vw-scale-1440));
    flex-direction: row;
    flex: 1;
    grid-area: intro;
  }
}

.c-learn-members__description {
  font-family: var(--font-family-mincho);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  color: var(--text-text);
  line-height: 2.25;
}

@media (width >= 60.0625rem) {
  .c-learn-members__description {
    line-height: 1.9;
    font-size: var(--font-size-lg);
    flex: 389;
  }
}

.c-learn-members__image {
  border-radius: .25rem;
  width: 100%;
  overflow: hidden;
}

@media (width >= 60.0625rem) {
  .c-learn-members__image {
    flex: 421;
  }
}

.c-learn-members__image img {
  aspect-ratio: 420 / 358;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.c-learn-members__body {
  flex-direction: column;
  gap: 2rem;
  display: flex;
}

.c-learn-members__main {
  grid-template-areas: "heading"
                       "nav";
  gap: 1rem;
  display: grid;
}

@media (width >= 60.0625rem) {
  .c-learn-members__main {
    grid-template-columns: calc(268 * var(--vw-scale-1440)) 1fr;
    gap: calc(122 * var(--vw-scale-1440));
    grid-template-areas: "nav panels";
  }
}

.c-learn-members__nav {
  grid-area: nav;
}

.c-learn-members__panels {
  display: contents;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panels {
    flex-direction: column;
    flex: 1;
    grid-area: panels;
    display: flex;
  }
}

.c-learn-members__panel {
  display: contents;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel {
    gap: calc(24 * var(--vw-scale-1440));
    flex-direction: column;
    display: flex;
  }
}

.c-learn-members__panel[hidden] {
  display: none;
}

.c-learn-members__panel-header {
  grid-area: heading;
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-header {
    gap: calc(12 * var(--vw-scale-1440));
  }
}

.c-learn-members__panel-heading {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-normal);
  letter-spacing: .06em;
  color: var(--text-text);
  align-items: flex-start;
  gap: .5rem;
  line-height: 1.5;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-heading {
    gap: calc(12 * var(--vw-scale-1440));
    font-size: var(--font-size-4xl);
  }
}

.c-learn-members__panel-heading:before {
  content: "";
  background-color: #2969bb;
  border-radius: 50%;
  flex-shrink: 0;
  width: .375rem;
  height: .375rem;
  translate: 0 calc(.5lh - 50%);
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-heading:before {
    width: .5rem;
    height: .5rem;
  }
}

.c-learn-members__panel-body {
  gap: var(--space-6);
  padding: var(--space-3) var(--space-3) var(--space-12) var(--space-3);
  background: var(--color-right-sky-light);
  margin-top: var(--space-2);
  border-radius: .5rem;
  flex-direction: column;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-body {
    padding: calc(12 * var(--vw-scale-1440)) calc(12 * var(--vw-scale-1440))
      calc(60 * var(--vw-scale-1440));
    gap: calc(30 * var(--vw-scale-1440));
  }
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-body:has(.c-learn-members__panel-related:last-child) {
    padding-bottom: calc(12 * var(--vw-scale-1440));
  }
}

.c-learn-members__panel-body:has(.c-learn-members__panel-nav:last-child) {
  padding-bottom: var(--space-6);
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-body:has(.c-learn-members__panel-nav:last-child) {
    padding-bottom: calc(12 * var(--vw-scale-1440));
  }
}

.c-learn-members__panel-hero {
  border-radius: .25rem;
  overflow: hidden;
}

.c-learn-members__panel-hero img {
  aspect-ratio: 319 / 212;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-hero img {
    aspect-ratio: 816 / 459;
  }
}

.c-learn-members__panel-hero-grid {
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.c-learn-members__panel-hero-grid-item {
  aspect-ratio: 204 / 115;
  overflow: hidden;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-hero-grid-item {
    aspect-ratio: 408 / 229;
  }
}

.c-learn-members__panel-hero-grid-item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.c-learn-members__panel-intro {
  gap: var(--space-3);
  flex-direction: column;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-intro {
    gap: calc(16 * var(--vw-scale-1440));
    padding-inline: calc(24 * var(--vw-scale-1440));
  }
}

.c-learn-members__panel-title {
  font-family: var(--font-family-heading);
  font-size: 1.25rem;
  font-weight: var(--font-weight-normal);
  letter-spacing: .06em;
  color: var(--text-text);
  line-height: 1.4;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-title {
    font-size: 1.75rem;
  }
}

.c-learn-members__panel-lead-area {
  flex-direction: column;
  display: flex;
}

.c-learn-members__panel-lead {
  font-family: var(--font-family-mincho);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  color: var(--text-text);
  line-height: 1.875;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-lead {
    font-size: var(--font-size-lg);
    line-height: 2;
  }
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-lead--caption {
    font-size: var(--font-size-sm);
  }
}

.c-learn-members__panel-lead--caption a {
  color: currentColor;
  word-break: break-all;
}

@media (any-hover: hover) {
  .c-learn-members__panel-lead--caption a:hover {
    text-decoration: underline;
  }
}

.c-learn-members__panel-rule {
  border: none;
  border-block-start: 1px solid #cdd0d7;
  width: 100%;
  height: 0;
  margin: 0;
}

.c-learn-members__panel-msg-area {
  gap: var(--space-6);
  margin-top: var(--space-6);
  padding-top: var(--space-6);
  border-block-start: 1px solid var(--color-gray-light);
  flex-direction: column;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-msg-area {
    gap: calc(32 * var(--vw-scale-1440));
    padding: calc(30 * var(--vw-scale-1440)) calc(24 * var(--vw-scale-1440)) 0;
    margin-top: calc(24 * var(--vw-scale-1440));
  }
}

.c-learn-members__panel-msg-heading {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-1_5xl);
  font-weight: var(--font-weight-normal);
  letter-spacing: .06em;
  color: var(--text-text);
  line-height: 1.4;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-msg-heading {
    font-size: var(--font-size-2xl);
  }
}

.c-learn-members__panel-entries {
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.c-learn-members__panel-entry {
  gap: var(--space-4);
  flex-direction: column;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-entry {
    align-items: flex-start;
    gap: calc(30 * var(--vw-scale-1440));
    flex-direction: row;
  }
}

.c-learn-members__panel-entry + .c-learn-members__panel-entry {
  padding-top: var(--space-10);
  margin-top: var(--space-10);
  border-block-start: 1px solid var(--color-gray-light);
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-entry + .c-learn-members__panel-entry {
    padding-top: calc(64 * var(--vw-scale-1440));
    margin-top: calc(64 * var(--vw-scale-1440));
  }
}

.c-learn-members__panel-entry-photo {
  border-radius: .25rem;
  overflow: hidden;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-entry-photo {
    width: calc(240 * var(--vw-scale-1440));
    flex-shrink: 0;
  }
}

.c-learn-members__panel-entry-photo img {
  aspect-ratio: 303 / 168;
  object-fit: cover;
  object-position: center 30%;
  width: 100%;
  height: auto;
  display: block;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-entry-photo img {
    aspect-ratio: 260 / 236;
  }
}

.c-learn-members__panel-entry-meta {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-entry-meta {
    gap: calc(8 * var(--vw-scale-1440));
    flex: 1;
  }
}

.c-learn-members__panel-entry-year {
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-family-heading);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  letter-spacing: .06em;
  color: var(--text-text);
  line-height: 1.5;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-entry-year {
    gap: calc(8 * var(--vw-scale-1440));
    font-size: var(--font-size-base);
  }
}

.c-learn-members__panel-entry-year--bar-green:before, .c-learn-members__panel-entry-year--bar-blue:before {
  content: "";
  background-color: var(--bar-color);
  border-radius: 1.5rem;
  flex-shrink: 0;
  width: .625rem;
  height: .25rem;
  display: inline-block;
}

.c-learn-members__panel-entry-year--bar-green {
  --bar-color: var(--color-accent-green);
}

.c-learn-members__panel-entry-year--bar-blue {
  --bar-color: var(--color-accent-blue);
}

.c-learn-members__panel-entry-dept {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-normal);
  letter-spacing: .06em;
  color: var(--text-text);
  line-height: 1.5;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-entry-dept {
    font-size: var(--font-size-2xl);
  }
}

.c-learn-members__panel-entry-dept span {
  font-size: var(--font-size-sm);
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-entry-dept span {
    font-size: var(--font-size-base);
  }
}

.c-learn-members__panel-entry-caption {
  font-size: var(--font-size-sm);
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-entry-caption {
    font-size: var(--font-size-base);
  }
}

.c-learn-members__panel-entry-text-area {
  margin-top: var(--space-3);
  flex-direction: column;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-entry-text-area {
    margin-top: calc(24 * var(--vw-scale-1440));
  }
}

.c-learn-members__panel-entry-text {
  font-family: var(--font-family-mincho);
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-normal);
  color: var(--text-text);
  line-height: 1.75;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-entry-text {
    font-size: var(--font-size-sm);
    line-height: 2;
  }
}

.c-learn-members__panel-related {
  margin-top: var(--space-6);
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-related {
    margin-top: calc(68 * var(--vw-scale-1440));
  }
}

.c-learn-members__panel-related-card {
  border-radius: .5rem;
  flex-direction: column;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-related-card {
    flex-direction: row;
    align-items: stretch;
  }
}

.c-learn-members__panel-related-image {
  width: 100%;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-related-image {
    width: calc(251 * var(--vw-scale-1440));
    flex-shrink: 0;
  }
}

.c-learn-members__panel-related-image img {
  aspect-ratio: 303 / 168;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.c-learn-members__panel-related-body {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4);
  background: var(--bg-white);
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-related-body {
    padding: calc(24 * var(--vw-scale-1440));
    min-height: calc(141 * var(--vw-scale-1440));
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.c-learn-members__panel-related-title {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-normal);
  letter-spacing: .06em;
  color: var(--text-text);
  line-height: 1.5;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-related-title {
    font-size: var(--font-size-1_5xl);
  }
}

.c-learn-members__panel-related-icon {
  border: 1px solid var(--color-gray-light);
  color: var(--text-text);
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: .25rem .625rem;
  display: inline-flex;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-related-icon {
    padding: calc(4 * var(--vw-scale-1440)) calc(10 * var(--vw-scale-1440));
    align-self: flex-end;
  }
}

.c-learn-members__panel-related-icon .c-icon {
  --icon-size: 1rem;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-related-icon .c-icon {
    --icon-size: calc(16 * var(--vw-scale-1440));
  }
}

.c-learn-members__panel-nav {
  gap: var(--space-6);
  margin-top: var(--space-6);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-nav {
    gap: calc(24 * var(--vw-scale-1440)) calc(30 * var(--vw-scale-1440));
    margin-top: calc(64 * var(--vw-scale-1440));
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.c-learn-members__panel-nav-link {
  color: var(--color-text);
  flex-direction: column;
  display: flex;
}

.c-learn-members__panel-nav-figure {
  aspect-ratio: 101 / 56;
  border-radius: .5rem .5rem 0 0;
  overflow: hidden;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-nav-figure {
    aspect-ratio: 16 / 9;
  }
}

.c-learn-members__panel-nav-figure img {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.c-learn-members__panel-nav-body {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-4);
  background: var(--parts-white);
  border-radius: 0 0 .5rem .5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-nav-body {
    gap: calc(8 * var(--vw-scale-1440));
    padding: calc(24 * var(--vw-scale-1440));
  }
}

.c-learn-members__panel-nav-text {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-normal);
  line-height: 1.5;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-nav-text {
    font-size: 1.375rem;
  }
}

.c-learn-members__panel-nav-button {
  border: 1px solid var(--line-sky_gray);
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: .25rem .625rem;
  display: flex;
}

.c-learn-members__panel-nav-icon {
  --icon-size: 1rem;
}

@media (width >= 60.0625rem) {
  .c-learn-members__panel-nav-icon {
    --icon-size: calc(16 * var(--vw-scale-1440));
  }
}

.c-job-listings {
  padding-block: 7.5rem 4rem;
  padding-inline: var(--space-inline-gutter);
  background-color: var(--bg-navy);
  position: relative;
  overflow: hidden;
}

@media (width >= 60.0625rem) {
  .c-job-listings {
    padding-block: calc(180 * var(--vw-scale-1440))
      calc(104 * var(--vw-scale-1440));
    padding-inline: calc(105 * var(--vw-scale-1440));
  }
}

.c-job-listings__container {
  z-index: 1;
  gap: var(--space-12);
  flex-direction: column;
  display: flex;
  position: relative;
}

@media (width >= 60.0625rem) {
  .c-job-listings__container {
    gap: calc(112 * var(--vw-scale-1440));
  }
}

.c-job-listings__header {
  gap: var(--space-5);
  flex-direction: column;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-job-listings__header {
    gap: calc(32 * var(--vw-scale-1440));
  }
}

@media (width >= 60.0625rem) {
  .c-job-listings__header .c-heading {
    gap: calc(16 * var(--vw-scale-1440));
  }
}

@media (width >= 60.0625rem) {
  .c-job-listings__header .c-heading__sub {
    font-size: var(--font-size-base);
  }
}

.c-job-listings__header .c-divider {
  background: linear-gradient(to right, #2969bb 0% 10.57%, #454d58 10.57% 100%);
}

.c-job-listings__cards-area {
  gap: var(--space-4);
  flex-direction: column;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-job-listings__cards-area {
    gap: calc(32 * var(--vw-scale-1440));
  }
}

.c-job-listings__cards {
  gap: var(--space-4);
  flex-direction: column;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-job-listings__cards {
    gap: calc(16 * var(--vw-scale-1440));
  }
}

.c-job-listings__card {
  background-color: var(--bg-right_navy);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .5rem;
  position: relative;
  overflow: hidden;
}

@media (width >= 60.0625rem) {
  .c-job-listings__card {
    background-position: bottom;
    background-size: cover;
  }
}

.c-job-listings__card--general {
  background-image: url("../images/img-job-general-sp.avif");
}

@media (width >= 60.0625rem) {
  .c-job-listings__card--general {
    background-image: url("../images/img-job-general-pc.avif");
  }
}

.c-job-listings__card--regular {
  background-image: url("../images/img-job-regular-sp.avif");
}

@media (width >= 60.0625rem) {
  .c-job-listings__card--regular {
    background-image: url("../images/img-job-regular-pc.avif");
  }
}

.c-job-listings__card--specialist {
  background-image: url("../images/img-job-specialist-sp.avif");
}

@media (width >= 60.0625rem) {
  .c-job-listings__card--specialist {
    background-image: url("../images/img-job-specialist-pc.avif");
  }
}

.c-job-listings__card-inner {
  flex-direction: column;
  justify-content: flex-end;
  min-height: 38.9375rem;
  padding: 2rem .75rem;
  display: flex;
  position: relative;
}

@media (width >= 60.0625rem) {
  .c-job-listings__card-inner {
    aspect-ratio: 1231 / 559;
    min-height: 0;
    padding: calc(48 * var(--vw-scale-1440)) calc(30 * var(--vw-scale-1440))
      calc(124 * var(--vw-scale-1440));
    display: block;
  }
}

.c-job-listings__card-number {
  max-width: 12.25rem;
  bottom: 8.4375rem;
  right: var(--space-4);
  position: absolute;
}

@media (width >= 60.0625rem) {
  .c-job-listings__card-number {
    max-width: calc(312 * var(--vw-scale-1440));
    top: calc(80 * var(--vw-scale-1440));
    left: calc(30 * var(--vw-scale-1440));
    bottom: auto;
  }
}

.c-job-listings__card-number-image {
  width: 100%;
  max-width: none;
  height: auto;
}

.c-job-listings__card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  gap: 2rem;
  height: auto;
  padding-inline: .25rem;
  display: flex;
  position: relative;
}

@media (width >= 60.0625rem) {
  .c-job-listings__card-content {
    gap: calc(28 * var(--vw-scale-1440));
    height: 100%;
    padding-inline: calc(90 * var(--vw-scale-1440)) 0;
    justify-content: space-between;
  }
}

.c-job-listings__card-info {
  padding-top: var(--space-12);
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-job-listings__card-info {
    padding-top: calc(108 * var(--vw-scale-1440));
    gap: calc(24 * var(--vw-scale-1440));
  }
}

.c-job-listings__card-title-wrapper {
  align-items: center;
  gap: 1rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-job-listings__card-title-wrapper {
    gap: calc(12 * var(--vw-scale-1440));
  }
}

.c-job-listings__card-indicator {
  background-color: var(--text-accent);
  border-radius: 50%;
  flex-shrink: 0;
  width: .375rem;
  height: .375rem;
}

@media (width >= 60.0625rem) {
  .c-job-listings__card-indicator {
    width: calc(6 * var(--vw-scale-1440));
    height: calc(6 * var(--vw-scale-1440));
  }
}

.c-job-listings__card-title {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-1_5xl);
  font-weight: var(--font-weight-normal);
  letter-spacing: .06em;
  color: var(--text-white);
  line-height: 1.5;
}

@media (width >= 60.0625rem) {
  .c-job-listings__card-title {
    font-size: 2.5rem;
  }
}

.c-job-listings__card-description {
  font-family: var(--font-family-mincho);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  color: var(--text-white);
  line-height: 1.75;
}

@media (width >= 60.0625rem) {
  .c-job-listings__card-description {
    font-size: var(--font-size-base);
  }
}

.c-job-listings__categories {
  gap: var(--space-4);
  display: grid;
}

@media (width >= 60.0625rem) {
  .c-job-listings__categories {
    gap: calc(32 * var(--vw-scale-1440));
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.c-job-listings__category {
  padding: var(--space-3);
  background-color: var(--bg-right_navy);
  transition: opacity var(--duration-base) var(--easing-base);
  border-radius: .25rem;
  text-decoration: none;
  display: block;
}

@media (any-hover: hover) {
  .c-job-listings__category:hover .c-job-listings__category-icon {
    border-color: rgba(175, 188, 203, .2);
  }
}

@media (width >= 60.0625rem) {
  .c-job-listings__category {
    padding: calc(24 * var(--vw-scale-1440));
  }
}

.c-job-listings__category-content {
  justify-content: space-between;
  gap: var(--space-8);
  flex-direction: column;
  height: 100%;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-job-listings__category-content {
    gap: calc(12 * var(--vw-scale-1440));
  }
}

.c-job-listings__category-label {
  background-color: var(--parts-white_navy);
  min-height: 1.125rem;
  font-size: var(--font-size-xs);
  color: var(--text-white);
  border-radius: .1875rem;
  justify-content: center;
  align-items: center;
  padding: .375rem .75rem;
  display: inline-flex;
}

@media (width >= 60.0625rem) {
  .c-job-listings__category-label {
    min-height: calc(27 * var(--vw-scale-1440));
    padding-inline: calc(12 * var(--vw-scale-1440));
    border-radius: calc(4 * var(--vw-scale-1440));
    font-size: var(--font-size-xs);
    line-height: 1.25;
  }
}

.c-job-listings__category-footer {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-job-listings__category-footer {
    align-items: flex-end;
    gap: calc(8 * var(--vw-scale-1440));
  }
}

.c-job-listings__category-title {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-normal);
  letter-spacing: 0;
  color: var(--text-white);
  line-height: 1.5;
}

@media (width >= 60.0625rem) {
  .c-job-listings__category-title {
    letter-spacing: .06em;
    font-size: 1.375rem;
    line-height: 1.5;
  }
}

.c-job-listings__category-icon {
  --icon-size: 1rem;
  --c-job-listings-category-icon-shift: calc(var(--icon-size) + var(--space-1));
  --motion-icon-shift: var(--c-job-listings-category-icon-shift);
  border: 1px solid var(--line-sky_gray);
  width: 2.25rem;
  height: 1.5rem;
  color: var(--text-white);
  transition: border-color var(--duration-base) var(--easing-base);
  border-radius: .25rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (width >= 60.0625rem) {
  .c-job-listings__category-icon {
    width: calc(38 * var(--vw-scale-1440));
    height: calc(26 * var(--vw-scale-1440));
    border-radius: calc(4 * var(--vw-scale-1440));
    --icon-size: calc(16 * var(--vw-scale-1440));
  }
}

.c-job-listings__category-icon:after {
  content: "";
  width: var(--icon-size);
  height: var(--icon-size);
  opacity: 0;
  transform: translate(calc(-50% - var(--c-job-listings-category-icon-shift)),
      -50%);
  background-color: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-mask-image: url("../images/icon-arrow-right-mask.svg");
  mask-image: url("../images/icon-arrow-right-mask.svg");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.c-job-listings__category-icon .c-icon:after {
  width: 1rem;
  height: 1rem;
}

@media (width >= 60.0625rem) {
  .c-job-listings__category-icon .c-icon:after {
    width: calc(16 * var(--vw-scale-1440));
    height: calc(16 * var(--vw-scale-1440));
  }
}

.c-heading--white {
  border-top: none;
  padding-top: 0;
}

.c-heading--white .c-heading__sub {
  background: none;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  color: var(--text-white);
}

.c-heading--white .c-heading__main {
  color: var(--text-white);
}

.c-learn-work-env {
  padding-block: 12rem 6.5rem;
  padding-inline: var(--space-inline-gutter);
  overflow: hidden;
}

@media (width >= 60.0625rem) {
  .c-learn-work-env {
    padding-block: calc(164 * var(--vw-scale-1440))
      calc(80 * var(--vw-scale-1440));
    padding-inline: calc(284 * var(--vw-scale-1440));
  }
}

.c-learn-work-env__container {
  width: 100%;
}

@media (width >= 60.0625rem) {
  .c-learn-work-env__container {
    max-width: 54.375rem;
    margin-inline: auto;
  }
}

.c-learn-work-env__header {
  flex-direction: column;
  gap: 2.5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-work-env__header {
    gap: calc(76 * var(--vw-scale-1440));
  }
}

.c-learn-work-env__content {
  flex-direction: column;
  gap: 0;
  width: 100%;
  display: flex;
}

.c-learn-work-env .c-heading__main {
  color: var(--text-text);
  letter-spacing: .06em;
  font-size: 1.625rem;
  line-height: 1.25;
}

@media (width >= 60.0625rem) {
  .c-learn-work-env .c-heading__main {
    font-size: 3.25rem;
  }
}

.c-learn-work-env__lead {
  color: var(--text-text);
  font-family: var(--font-family-heading);
  font-size: 1.125rem;
  font-weight: var(--font-weight-normal);
  letter-spacing: .06em;
  margin: 0;
  line-height: 1.5;
}

@media (width >= 60.0625rem) {
  .c-learn-work-env__lead {
    letter-spacing: .06em;
    font-size: 1.75rem;
    line-height: 1.75;
  }
}

.c-learn-work-env__descriptions {
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2.5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-learn-work-env__descriptions {
    gap: calc(24 * var(--vw-scale-1440));
    margin-top: calc(36 * var(--vw-scale-1440));
  }
}

.c-learn-work-env__description {
  color: var(--text-text);
  font-family: var(--font-family-mincho);
  font-size: .875rem;
  font-weight: var(--font-weight-normal);
  margin: 0;
  line-height: 2.05;
}

@media (width >= 60.0625rem) {
  .c-learn-work-env__description {
    font-size: 1rem;
    line-height: 2.25;
  }
}

.c-learn-work-env__images {
  display: grid;
  position: relative;
}

@media (width < 60.0625rem) {
  .c-learn-work-env__images {
    column-gap: var(--space-4);
    row-gap: var(--space-4);
    margin-top: var(--space-11);
    flex-wrap: wrap;
    display: flex;
  }
}

@media (width >= 60.0625rem) {
  .c-learn-work-env__images {
    align-items: flex-start;
    gap: calc(30 * var(--vw-scale-1440));
    margin-top: calc(120 * var(--vw-scale-1440));
    width: 100vw;
    max-width: calc(1585 * var(--vw-scale-1440));
    grid-template-columns: 450fr 300fr 360fr 385fr;
    margin-inline: calc(50% - 50vw);
  }
}

.c-learn-work-env__image {
  border-radius: .25rem;
  overflow: hidden;
}

.c-learn-work-env__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

@media (width < 60.0625rem) {
  .c-learn-work-env__image--1 {
    order: 2;
    flex: 0 0 calc((125 / 326) * (100% - var(--space-4)));
    aspect-ratio: 125 / 196;
  }
}

@media (width >= 60.0625rem) {
  .c-learn-work-env__image--1 {
    aspect-ratio: 450 / 441;
  }
}

@media (width < 60.0625rem) {
  .c-learn-work-env__image--2 {
    order: 4;
    flex: 0 0 calc((201 / 326) * (100% - var(--space-4)));
    aspect-ratio: 201 / 138;
  }
}

@media (width >= 60.0625rem) {
  .c-learn-work-env__image--2 {
    aspect-ratio: 300 / 259;
  }
}

@media (width < 60.0625rem) {
  .c-learn-work-env__image--3 {
    order: 3;
    flex: 0 0 calc((125 / 326) * (100% - var(--space-4)));
    aspect-ratio: 125 / 138;
  }
}

@media (width >= 60.0625rem) {
  .c-learn-work-env__image--3 {
    aspect-ratio: 360 / 310;
  }
}

@media (width < 60.0625rem) {
  .c-learn-work-env__image--4 {
    order: 1;
    flex: 0 0 calc((201 / 326) * (100% - var(--space-4)));
    aspect-ratio: 201 / 196;
  }
}

@media (width >= 60.0625rem) {
  .c-learn-work-env__image--4 {
    aspect-ratio: 385 / 441;
  }
}

@media (width >= 60.0625rem) {
  .c-section-nav {
    top: calc(var(--height-header) + calc(16 * var(--vw-scale-1440)));
    width: calc(268 * var(--vw-scale-1440));
    flex-shrink: 0;
    align-self: flex-start;
    position: sticky;
  }
}

.c-section-nav__list {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

@media (width >= 60.0625rem) {
  .c-section-nav__list {
    gap: calc(8 * var(--vw-scale-1440));
  }
}

.c-section-nav__item {
  font-family: var(--font-family-base);
  font-size: .875rem;
  font-weight: var(--font-weight-normal);
  color: var(--text-text);
  transition: background-color var(--duration-fast);
  background-color: rgba(0, 0, 0, 0);
  border-radius: .25rem;
  padding: .5rem .75rem;
  line-height: 1.25;
  text-decoration: none;
  display: inline-flex;
}

.c-section-nav__item.is-active {
  color: var(--text-text);
  background-color: #bfcfe0;
}

@media (any-hover: hover) {
  .c-section-nav__item:hover {
    opacity: var(--opacity-base);
    background-color: #bfcfe0;
  }
}

@media (width >= 60.0625rem) {
  .c-section-nav__item {
    padding: calc(8 * var(--vw-scale-1440)) calc(12 * var(--vw-scale-1440));
  }
}

@layer components {
  body.is-tab-nav-popup-open {
    overflow: hidden;
  }

  .c-tab-nav {
    --tab-nav-item-bg: transparent;
    --tab-nav-item-bg-active: #bfcfe0;
    --tab-nav-item-color: var(--text-text);
    --tab-nav-item-color-inactive: var(--text-text);
  }

  .c-tab-nav__popup-wrapper {
    display: block;
    position: relative;
  }

  @media (width >= 60.0625rem) {
    .c-tab-nav__popup-wrapper {
      display: none;
    }
  }

  .c-tab-nav__popup-trigger {
    background-color: var(--tab-nav-item-bg-active);
    width: 100%;
    font-family: var(--font-family-sans);
    color: var(--tab-nav-item-color);
    cursor: pointer;
    text-align: left;
    border: none;
    border-radius: .25rem;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    padding: .75rem;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.25;
    display: flex;
  }

  .c-tab-nav__popup-arrow {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: .5rem;
    height: .3125rem;
    display: flex;
  }

  .c-tab-nav__popup-arrow:before {
    content: "";
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background-color: currentColor;
    width: .5rem;
    height: .3125rem;
    display: block;
  }

  .c-tab-nav__popup-trigger[aria-expanded="true"] .c-tab-nav__popup-arrow:before {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  }

  .c-tab-nav__popup-dialog {
    z-index: var(--z-index-exl);
    background: none;
    border: 0;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    position: fixed;
    inset: 0;
  }

  @media (width >= 60.0625rem) {
    .c-tab-nav__popup-dialog {
      display: none;
    }
  }

  .c-tab-nav__popup-dialog::backdrop {
    -webkit-backdrop-filter: blur(.8125rem);
    backdrop-filter: blur(.8125rem);
    background-color: rgba(9, 13, 29, .7);
  }

  .c-tab-nav__popup {
    z-index: var(--z-index-exl);
    background-color: #e5ebf1;
    border-radius: .75rem;
    margin: 0;
    padding: .5rem;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .c-tab-nav__popup-dialog .c-tab-nav__popup {
    overscroll-behavior: contain;
    width: calc(100vw - 2.5rem);
    height: fit-content;
    max-height: calc(100dvh - 2.5rem);
    margin: auto;
    position: fixed;
    inset: 0;
    overflow: auto;
  }

  .c-tab-nav__popup-group {
    list-style: none;
  }

  .c-tab-nav__popup-group + .c-tab-nav__popup-group {
    margin-top: .25rem;
  }

  .c-tab-nav__popup-group-trigger {
    width: 100%;
    font-family: var(--font-family-sans);
    color: var(--tab-nav-item-color);
    cursor: pointer;
    text-align: left;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: .25rem;
    justify-content: space-between;
    align-items: center;
    padding: .75rem;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.25;
    display: flex;
  }

  .c-tab-nav__popup-group-icon {
    flex-shrink: 0;
    width: .75rem;
    height: .75rem;
    position: relative;
  }

  .c-tab-nav__popup-group-icon:before {
    content: "";
    width: .75rem;
    height: .09375rem;
    transition: opacity var(--duration-fast);
    background-color: currentColor;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
  }

  .c-tab-nav__popup-group-icon:after {
    content: "";
    width: .75rem;
    height: .09375rem;
    transition: opacity var(--duration-fast);
    background-color: currentColor;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
  }

  .c-tab-nav__popup-group-icon:after {
    rotate: 90deg;
  }

  .c-tab-nav__popup-group.is-open .c-tab-nav__popup-group-icon:after {
    opacity: 0;
  }

  .c-tab-nav__popup-group-panel {
    transition: grid-template-rows var(--duration-fast);
    grid-template-rows: 0fr;
    margin: 0;
    padding: 0;
    display: grid;
  }

  .c-tab-nav__popup-group.is-open > .c-tab-nav__popup-group-panel {
    grid-template-rows: 1fr;
  }

  .c-tab-nav__popup-group-panel-inner {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
  }

  .c-tab-nav__popup-item, .c-tab-nav__popup-link-item {
    cursor: pointer;
    font-family: var(--font-family-sans);
    color: var(--tab-nav-item-color);
    border-radius: .25rem;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    padding: .75rem .75rem .75rem 1.75rem;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.25;
    list-style: none;
    display: flex;
  }

  :is(.c-tab-nav__popup-item, .c-tab-nav__popup-link-item).is-selected {
    background-color: var(--tab-nav-item-bg-active);
  }

  @media (any-hover: hover) {
    :is(.c-tab-nav__popup-item, .c-tab-nav__popup-link-item):hover:not(.is-selected) {
      background-color: color-mix(in srgb,
          var(--tab-nav-item-bg-active) 50%,
          transparent);
    }
  }

  :is(.c-tab-nav__popup-item, .c-tab-nav__popup-link-item):focus-visible {
    outline-offset: -2px;
  }

  .c-tab-nav__popup-link-item {
    list-style: none;
  }

  .c-tab-nav__popup-link {
    --icon-size: .875rem;
    width: 100%;
    color: inherit;
    align-items: center;
    gap: .5rem;
    text-decoration: none;
    display: flex;
  }

  .c-tab-nav__popup-item:not(.is-selected) .c-tab-nav__popup-arrow {
    display: none;
  }

  .c-tab-nav__popup-item.is-selected .c-tab-nav__popup-arrow:before {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  }

  .c-tab-nav__buttons {
    display: none;
  }

  @media (width >= 60.0625rem) {
    .c-tab-nav__buttons {
      width: calc(268 * var(--vw-scale-1440));
      flex-direction: column;
      flex-shrink: 0;
      gap: .5rem;
      display: flex;
    }
  }

  .c-tab-nav__list {
    flex-direction: column;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .c-tab-nav__item {
    background-color: var(--tab-nav-item-bg);
    width: 100%;
    color: var(--tab-nav-item-color-inactive);
    font-family: var(--font-family-sans);
    text-align: left;
    cursor: pointer;
    border: none;
    border-radius: .25rem;
    justify-content: flex-start;
    align-items: center;
    padding: .5rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25;
    transition: background-color .2s, color .2s;
    display: flex;
  }

  @media (any-hover: hover) {
    .c-tab-nav__item:hover {
      background-color: var(--tab-nav-item-bg-active);
      color: var(--tab-nav-item-color);
    }
  }

  .c-tab-nav__item.is-active {
    background-color: var(--tab-nav-item-bg-active);
    color: var(--tab-nav-item-color);
  }

  .c-accordion-nav {
    display: none;
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav {
      flex-direction: column;
      gap: 0;
      width: 100%;
      display: flex;
    }
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav__group {
      transition: background-color var(--duration-fast);
      border-radius: .5rem;
      overflow: hidden;
    }
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav__group.is-open {
      background-color: #bfcfe0;
    }
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav__trigger {
      width: 100%;
      padding-block: calc(14 * var(--vw-scale-1440));
      padding-inline: calc(20 * var(--vw-scale-1440));
      font-family: var(--font-family-base);
      font-size: var(--font-size-base);
      font-weight: var(--font-weight-normal);
      letter-spacing: .06em;
      color: var(--text-text);
      cursor: pointer;
      text-align: left;
      transition: background-color var(--duration-fast);
      background-color: rgba(0, 0, 0, 0);
      border: none;
      border-radius: .5rem;
      justify-content: space-between;
      align-items: center;
      line-height: 1.5;
      display: flex;
    }
  }

  @media (any-hover: hover) {
    @media (width >= 60.0625rem) {
      .c-accordion-nav__trigger:hover {
        background-color: #bfcfe0;
      }
    }
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav__trigger:focus-visible {
      outline-offset: -2px;
    }
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav__group.is-open > .c-accordion-nav__trigger {
      border-radius: .5rem .5rem 0 0;
    }
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav__trigger-label {
      flex: 1;
    }
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav__arrow {
      width: calc(20 * var(--vw-scale-1440));
      height: calc(20 * var(--vw-scale-1440));
      transition: transform var(--duration-fast);
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      display: flex;
    }

    .c-accordion-nav__arrow:before {
      content: "";
      width: calc(10 * var(--vw-scale-1440));
      height: calc(5 * var(--vw-scale-1440));
      clip-path: polygon(50% 100%, 0 0, 100% 0);
      background-color: currentColor;
      display: block;
    }
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav__group.is-open > .c-accordion-nav__trigger .c-accordion-nav__arrow {
      transform: rotate(180deg);
    }
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav__sub-list {
      transition: grid-template-rows var(--duration-fast);
      padding-block: calc(4 * var(--vw-scale-1440))
        calc(8 * var(--vw-scale-1440));
      padding-inline: calc(8 * var(--vw-scale-1440));
      grid-template-rows: 0fr;
      margin: 0;
      display: grid;
    }
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav__group.is-open > .c-accordion-nav__sub-list {
      grid-template-rows: 1fr;
    }
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav__sub-list-inner {
      flex-direction: column;
      gap: 0;
      margin: 0;
      list-style: none;
      display: flex;
      overflow: hidden;
    }
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav__sub-item, .c-accordion-nav__sub-link {
      --icon-size: .875rem;
      align-items: center;
      gap: calc(18 * var(--vw-scale-1440));
      width: 100%;
      padding: calc(10 * var(--vw-scale-1440)) calc(12 * var(--vw-scale-1440))
        calc(10 * var(--vw-scale-1440)) calc(32 * var(--vw-scale-1440));
      font-family: var(--font-family-base);
      font-size: var(--font-size-base);
      font-weight: var(--font-weight-normal);
      letter-spacing: .04em;
      color: var(--text-text);
      cursor: pointer;
      text-align: left;
      transition: background-color var(--duration-fast);
      background-color: rgba(0, 0, 0, 0);
      border: none;
      border-radius: .375rem;
      line-height: 1.5;
      text-decoration: none;
      display: flex;
    }
  }

  @media (any-hover: hover) {
    @media (width >= 60.0625rem) {
      :is(.c-accordion-nav__sub-item, .c-accordion-nav__sub-link):hover {
        background-color: #c8d8e8;
      }
    }
  }

  @media (width >= 60.0625rem) {
    :is(.c-accordion-nav__sub-item, .c-accordion-nav__sub-link):focus-visible {
      outline-offset: -2px;
    }
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav__sub-item.is-active {
      font-weight: var(--font-weight-medium);
      background-color: #d4e2f0;
    }
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav__leaf {
      width: 100%;
      padding-block: calc(14 * var(--vw-scale-1440));
      padding-inline: calc(20 * var(--vw-scale-1440));
      font-family: var(--font-family-base);
      font-size: var(--font-size-base);
      font-weight: var(--font-weight-normal);
      letter-spacing: .06em;
      color: var(--text-text);
      cursor: pointer;
      text-align: left;
      transition: background-color var(--duration-fast);
      background-color: rgba(0, 0, 0, 0);
      border: none;
      border-radius: .5rem;
      line-height: 1.5;
      display: flex;
    }
  }

  @media (any-hover: hover) {
    @media (width >= 60.0625rem) {
      .c-accordion-nav__leaf:hover {
        background-color: #bfcfe0;
      }
    }
  }

  @media (width >= 60.0625rem) {
    .c-accordion-nav__leaf.is-active {
      font-weight: var(--font-weight-medium);
      background-color: #d4e2f0;
    }
  }
}