:root {
  --color-white: #fff;
  --color-black: #020e32;
  --color-white-gray: #eeeff0;
  --color-white-sky: #e8f0f8;
  --color-white-light: #f5f5f5;
  --color-white-extra-light: #f7f7f7;
  --color-event-hero-bg: #dee2e6;
  --color-navy: #111733;
  --color-navy-dark: #242a3a;
  --color-navy-light: #3d455a;
  --color-navy-gray: #71798f;
  --color-sky: #2969bb;
  --color-sky-light: #dce7f1;
  --color-sky-gray: #bfcfe0;
  --color-header-sub-nav: #d4dce3;
  --color-right-sky: #e5ebf1;
  --color-right-sky-light: #edf1f6;
  --color-gray: #b5bbc3;
  --color-gray-light: #cdd0d7;
  --color-gray-filter-empty: #cbced3;
  --color-gray-lighter: #ebebeb;
  --color-gray-lightest: #eceef0;
  --color-gray-dark: #69717a;
  --color-gray-icon: #6b6e71;
  --color-gray-line: #454d58;
  --color-primary: #264383;
  --color-primary-dark: #1a2f5c;
  --color-secondary: #0068b7;
  --color-footer-bg: #0e54ab;
  --color-label-format: #d4ebf5;
  --color-label-block: #d2f3de;
  --color-prop-border: #9da8af;
  --color-accent-green: #6add72;
  --color-accent-blue: #5375ef;
  --text-text: var(--color-black);
  --text-white: var(--color-white);
  --text-accent: var(--color-sky);
  --bg-white: var(--color-white);
  --bg-white_gray: var(--color-white-gray);
  --bg-white_sky: var(--color-white-sky);
  --bg-white_extra-light: var(--color-white-extra-light);
  --bg-sky: var(--color-sky-light);
  --bg-header-sub-nav: var(--color-header-sub-nav);
  --bg-right_sky: var(--color-right-sky);
  --bg-navy: var(--color-navy-dark);
  --bg-right_navy: var(--color-navy-light);
  --bg-event-hero: var(--color-event-hero-bg);
  --bg-filter-empty: var(--color-gray-filter-empty);
  --line-sky: var(--color-sky);
  --line-sky_gray: #afbccb;
  --line-right_gray: var(--color-gray-light);
  --line-gray: var(--color-gray);
  --line-navy_gray: var(--color-gray-dark);
  --parts-navy: var(--color-navy);
  --parts-white: #f8f9fb;
  --parts-white_navy: var(--color-navy-gray);
  --parts-sky_gray: var(--color-sky-gray);
  --parts-right_sky: var(--color-right-sky-light);
  --font-family-sans: "Noto Sans JP Subset Latin", "Noto Sans JP Subset Kana",
    "Noto Sans JP Subset Kanji", system-ui, sans-serif;
  --font-family-heading: "BIZ UDPMincho", system-ui, serif;
  --font-family-heading-en: "Baskervville", system-ui, serif;
  --font-family-mincho: "Zen Old Mincho", system-ui, serif;
  --font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  --font-family-base: var(--font-family-sans);
  --font-size-xxs: .625rem;
  --font-size-xs: .75rem;
  --font-size-s: .8125rem;
  --font-size-sm: .875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-1_5xl: 1.375rem;
  --font-size-2xl: 1.5rem;
  --font-size-2_5xl: 1.625rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-heading: 1.75rem;
  --font-weight-thin: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.2;
  --line-height-base: 1.5;
  --line-height-relaxed: 1.75;
  --line-height-loose: 2;
  --line-height-extra-loose: 2.25;
}

@media (width >= 60.0625rem) {
  :root {
    --font-size-heading: 2.5rem;
  }
}

:root {
  --vw-scale-1440: calc(100vw / 1440);
  --width-contents-base: 84.375rem;
  --width-container: 75rem;
  --width-button-base: 20rem;
  --width-logo: 11.25rem;
  --width-sns-icon: 2.375rem;
}

@media (width >= 60.0625rem) {
  :root {
    --width-logo: 7.625rem;
    --width-sns-icon: 2rem;
  }
}

:root {
  --height-header: 3.25rem;
  --height-button-base: 3.5rem;
}

@media (width >= 60.0625rem) {
  :root {
    --height-header: 7.125rem;
    --height-header-sub: 3rem;
  }
}

:root {
  --space-0: 0;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-9: 2.25rem;
  --space-10: 2.5rem;
  --space-11: 2.75rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-15: 3.75rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-22: 5.5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --space-contents-base: calc((100vw - var(--width-contents-base)) / 2);
  --space-inline-gutter: var(--space-4);
  --space-inline-base: max(var(--space-contents-base),
    var(--space-inline-gutter));
  --space-inline-base-narrow: max(var(--space-contents-base),
    var(--space-inline-gutter));
}

@media (width >= 60.0625rem) {
  :root {
    --space-inline-gutter: 2.8125rem;
    --space-inline-base: calc(105 * var(--vw-scale-1440));
    --space-inline-base-narrow: calc(45 * var(--vw-scale-1440));
  }
}

:root {
  --border-width: 1px;
  --border-width-2: 2px;
  --border-width-4: 4px;
  --border-radius-none: 0;
  --border-radius-sm: .25rem;
  --border-radius-base: .375rem;
  --border-radius-md: .5rem;
  --border-radius-lg: .75rem;
  --border-radius-xl: 1rem;
  --border-radius-full: 9999px;
  --opacity-base: .8;
  --duration-fast: .15s;
  --duration-base: .3s;
  --duration-slow: .5s;
  --duration-hover-roll-icon: .8s;
  --easing-base: ease;
  --menu-transition-duration: var(--duration-base);
  --z-index-sm: 1;
  --z-index-md: 10;
  --z-index-lg: 100;
  --z-index-xl: 1000;
  --z-index-exl: 10000;
  --z-header: 1000;
}

@layer fonts {
  @font-face {
    font-family: Noto Sans JP Subset Latin;
    src: url("../fonts/NotoSansJP-VF-subset-latin.woff2") format("woff2-variations");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+??, U+2000-206F;
  }

  @font-face {
    font-family: Noto Sans JP Subset Kana;
    src: url("../fonts/NotoSansJP-VF-subset-kana.woff2") format("woff2-variations");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F?, U+FF00-FFEF;
  }

  @font-face {
    font-family: Noto Sans JP Subset Kanji;
    src: url("../fonts/NotoSansJP-VF-subset-kanji.woff2") format("woff2-variations");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF;
  }

  @font-face {
    font-family: BIZ UDPMincho;
    src: url("../fonts/BIZUDPMincho-Regular-subset-latin.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+??, U+2000-206F;
  }

  @font-face {
    font-family: BIZ UDPMincho;
    src: url("../fonts/BIZUDPMincho-Regular-subset-kana.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F?, U+FF00-FFEF;
  }

  @font-face {
    font-family: BIZ UDPMincho;
    src: url("../fonts/BIZUDPMincho-Regular-subset-kanji.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF;
  }

  @font-face {
    font-family: BIZ UDPMincho;
    src: url("../fonts/BIZUDPMincho-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: Baskervville;
    src: url("../fonts/Baskervville-VariableFont_wght.woff2") format("woff2-variations");
    font-weight: 400 600;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: Zen Old Mincho;
    src: url("../fonts/ZenOldMincho-Regular-subset-latin.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+??, U+2000-206F;
  }

  @font-face {
    font-family: Zen Old Mincho;
    src: url("../fonts/ZenOldMincho-Regular-subset-kana.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F?, U+FF00-FFEF;
  }

  @font-face {
    font-family: Zen Old Mincho;
    src: url("../fonts/ZenOldMincho-Regular-subset-kanji.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF;
  }

  @font-face {
    font-family: Zen Old Mincho;
    src: url("../fonts/ZenOldMincho-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: Zen Old Mincho;
    src: url("../fonts/ZenOldMincho-Medium-subset-latin.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+??, U+2000-206F;
  }

  @font-face {
    font-family: Zen Old Mincho;
    src: url("../fonts/ZenOldMincho-Medium-subset-kana.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F?, U+FF00-FFEF;
  }

  @font-face {
    font-family: Zen Old Mincho;
    src: url("../fonts/ZenOldMincho-Medium-subset-kanji.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF;
  }

  @font-face {
    font-family: Zen Old Mincho;
    src: url("../fonts/ZenOldMincho-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
}

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

  html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    min-height: 100dvh;
  }

  img, picture, video, canvas, svg {
    max-width: 100%;
    height: auto;
    display: block;
  }

  input, button, textarea, select {
    font: inherit;
    color: inherit;
  }

  button {
    cursor: pointer;
    background: none;
    border: none;
  }

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

  ul, ol {
    list-style: none;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  textarea {
    resize: vertical;
  }

  :focus {
    outline: none;
  }

  :focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }

  [hidden] {
    display: none !important;
  }

  @media (prefers-reduced-motion: reduce) {
    *, :before, :after {
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
    }
  }
}

@layer base {
  html {
    height: 100%;
    scroll-padding-top: 3.25rem;
  }

  @media (width >= 60.0625rem) {
    html {
      scroll-padding-top: 5.25rem;
    }
  }

  body {
    min-height: 100%;
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-base);
    color: var(--text-text);
    background-color: var(--bg-white_gray);
    -webkit-tap-highlight-color: transparent;
    background-image: linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%);
    background-position: calc(.145349% + 15.9535px) 0, calc(13.8081% + 11.5814px) 0, calc(17.8779% + 10.2791px) 0, calc(36.4826% + 4.32558px) 0, calc(41.1337% + 2.83721px) 0, calc(58.8663% - 2.83721px) 0, calc(63.5174% - 4.32558px) 0, calc(82.1221% - 10.2791px) 0, calc(86.1919% - 11.5814px) 0, calc(99.8546% - 15.9535px) 0;
    background-repeat: repeat-y;
    background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%;
  }

  @media (width >= 48rem) {
    body {
      background-image: linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%);
      background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%;
      background-position: calc((45 * var(--vw-scale-1440)) +
        (0 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (210 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (240 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (420 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (450 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (660 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (690 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (900 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (930 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (1110 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (1140 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (1350 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top;
    }
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
  }

  a {
    color: var(--color-primary);
    transition: color var(--duration-fast) var(--easing-base);
  }

  @media (any-hover: hover) {
    a:hover {
      color: var(--color-primary-dark);
    }
  }

  p {
    font-weight: var(--font-weight-thin);
    line-height: var(--line-height-loose);
  }

  strong, b {
    font-weight: var(--font-weight-bold);
  }

  em, i {
    font-style: italic;
  }

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

  code, kbd, samp, pre {
    font-family: var(--font-family-mono);
    font-size: .875em;
  }

  code {
    padding: var(--space-1) var(--space-2);
    background-color: var(--bg-navy);
    border-radius: var(--border-radius-base);
  }

  pre {
    padding: var(--space-4);
    background-color: var(--bg-navy);
    border-radius: var(--border-radius-md);
    overflow-x: auto;
  }

  pre code {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding: 0;
  }

  blockquote {
    padding-left: var(--space-4);
    border-left: var(--border-width-4) solid var(--line-right_gray);
    color: var(--color-gray-dark);
    font-style: italic;
  }

  hr {
    border: none;
    border-top: var(--border-width) solid var(--line-right_gray);
    margin: 0;
  }

  table {
    overflow-wrap: anywhere;
  }

  dialog {
    opacity: 0;
    transition-property: opacity, overlay, display;
    transition-duration: var(--duration-base);
    transition-behavior: normal, allow-discrete, allow-discrete;
  }

  dialog::backdrop {
    opacity: 0;
    transition-property: opacity, overlay, display;
    transition-duration: var(--duration-base);
    transition-behavior: normal, allow-discrete, allow-discrete;
  }

  dialog[open] {
    opacity: 1;
    display: block;
  }

  dialog[open]::backdrop {
    opacity: 1;
    display: block;
  }

  @starting-style {
    dialog[open] {
      opacity: 0;
    }

    dialog[open]::backdrop {
      opacity: 0;
    }
  }
}

@layer components {
  .c-button {
    justify-content: center;
    align-items: center;
    gap: var(--space-2);
    max-width: var(--width-button-base);
    width: 100%;
    min-height: var(--height-button-base);
    padding: var(--space-4);
    background-color: var(--color-primary);
    color: var(--color-white);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
    text-align: center;
    border-radius: var(--border-radius-full);
    transition: opacity var(--duration-base) var(--easing-base);
    display: inline-flex;
  }

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

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

  .c-button > span {
    flex: 1;
  }

  .c-button > svg {
    flex-shrink: 0;
  }

  .c-button-arrow {
    width: fit-content;
    font-family: var(--font-family-heading);
    font-size: .875rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: .04em;
    color: var(--color-white);
    background-color: #111733;
    border-radius: .375rem;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    padding: .25rem .25rem .25rem 1.25rem;
    line-height: 1.25;
    text-decoration: none;
    display: inline-flex;
  }

  @media (width >= 60.0625rem) {
    .c-button-arrow {
      gap: calc(32 * var(--vw-scale-1440));
      padding: calc(4 * var(--vw-scale-1440)) calc(4 * var(--vw-scale-1440))
      calc(4 * var(--vw-scale-1440)) calc(20 * var(--vw-scale-1440));
      font-size: 1rem;
    }
  }

  .c-button-arrow__text {
    flex-shrink: 0;
  }

  .c-button-arrow__text-roll {
    --c-button-arrow-text-line-height: 1.25;
    --c-button-arrow-text-row-size: calc(1em *
    var(--c-button-arrow-text-line-height));
    --motion-roll-shift: var(--c-button-arrow-text-row-size);
    height: var(--c-button-arrow-text-row-size);
    display: block;
    overflow: hidden;
  }

  .c-button-arrow__text-inner {
    flex-direction: column;
    display: flex;
  }

  .c-button-arrow__text-item {
    height: var(--c-button-arrow-text-row-size);
    display: block;
  }

  .c-button-arrow__icon {
    --c-button-arrow-icon-shift: calc(var(--icon-size, 1.25rem) + var(--space-2));
    --motion-icon-shift: var(--c-button-arrow-icon-shift);
    --icon-color: var(--color-white);
    background-color: #42496c;
    border-radius: .125rem;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .c-button-arrow__icon .c-icon:after {
    --icon-color: var(--color-white);
  }

  .c-button-arrow__icon:after {
    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-button-arrow-icon-shift)), -50%);
    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 (width >= 60.0625rem) {
    .c-button-arrow__icon {
      padding: calc(8 * var(--vw-scale-1440));
    }
  }

  .c-button-arrow.--variant-secondary {
    transition: border-color var(--duration-base) var(--easing-base);
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #b0c1d5;
    padding: calc(.25rem - 1px) calc(.25rem - 1px) calc(.25rem - 1px) calc(1.25rem - 1px);
  }

  @media (any-hover: hover) {
    .c-button-arrow.--variant-secondary:hover {
      border-color: rgba(175, 188, 203, .2);
    }
  }

  @media (width >= 60.0625rem) {
    .c-button-arrow.--variant-secondary {
      padding: calc(calc(4 * var(--vw-scale-1440)) -
        calc(1 * var(--vw-scale-1440)))
      calc(calc(4 * var(--vw-scale-1440)) - calc(1 * var(--vw-scale-1440)))
      calc(calc(4 * var(--vw-scale-1440)) - calc(1 * var(--vw-scale-1440)))
      calc(calc(20 * var(--vw-scale-1440)) - calc(1 * var(--vw-scale-1440)));
      border-color: #afbccb;
    }
  }

  .c-button-arrow.--variant-secondary .c-button-arrow__icon {
    background-color: rgba(0, 0, 0, 0);
  }

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

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

  .c-heading__sub {
    font-family: var(--font-family-heading-en);
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-medium);
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #111733 -71.62%, #478ce4 30.18%);
    -webkit-background-clip: text;
    background-clip: text;
    line-height: 1.4;
    display: block;
  }

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

  @media (width < 60.0625rem) {
    :where([data-theme="top"]) .c-heading__sub {
      font-size: var(--font-size-sm);
    }
  }

  .c-heading__main {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-normal);
    letter-spacing: .06em;
    color: var(--text-text);
    line-height: 1.25;
  }

  h2.c-heading__main {
    font-size: var(--font-size-2_5xl);
  }

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

  h3.c-heading__main {
    font-size: var(--font-size-2_5xl);
  }

  @media (width >= 60.0625rem) {
    h3.c-heading__main {
      font-size: 2.5rem;
    }
  }

  .c-heading-wrapper {
    gap: var(--space-10);
    flex-direction: column;
    display: flex;
  }

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

  .c-heading-wrapper:has(h2) {
    margin-bottom: var(--space-10);
  }

  @media (width >= 60.0625rem) {
    .c-heading-wrapper:has(h2) {
      margin-bottom: calc(72 * var(--vw-scale-1440));
    }
  }

  .c-heading-wrapper:has(h3) {
    margin-bottom: var(--space-10);
  }

  @media (width >= 60.0625rem) {
    .c-heading-wrapper:has(h3) {
      margin-bottom: calc(40 * var(--vw-scale-1440));
    }
  }

  .c-icon {
    justify-content: center;
    align-items: center;
    font-size: 0;
    line-height: 1;
    display: inline-flex;
  }

  .c-icon:after {
    content: "";
    width: var(--icon-size, 1.25rem);
    height: var(--icon-size, 1.25rem);
    background-color: var(--icon-color, currentColor);
    display: inline-block;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .c-icon.--variant-arrow-right:after {
    -webkit-mask-image: url("../images/icon-arrow-right-mask.svg");
    mask-image: url("../images/icon-arrow-right-mask.svg");
  }

  .c-icon.--variant-arrow-left:after {
    -webkit-mask-image: url("../images/icon-arrow-left-mask.svg");
    mask-image: url("../images/icon-arrow-left-mask.svg");
  }

  .c-icon.--variant-arrow-down:after {
    -webkit-mask-image: url("../images/icon-arrow-down-mask.svg");
    mask-image: url("../images/icon-arrow-down-mask.svg");
  }

  .c-icon.--variant-scroll-down:after {
    -webkit-mask-image: url("../images/icon-scroll-down-mask.svg");
    mask-image: url("../images/icon-scroll-down-mask.svg");
  }

  .c-icon.--variant-checklist:after {
    -webkit-mask-image: url("../images/icon-checklist-mask.svg");
    mask-image: url("../images/icon-checklist-mask.svg");
  }

  .c-icon.--variant-close:after {
    -webkit-mask-image: url("../images/icon-close-mask.svg");
    mask-image: url("../images/icon-close-mask.svg");
  }

  .c-icon.--variant-prev:after {
    -webkit-mask-image: url("../images/icon-chevron-prev-mask.svg");
    mask-image: url("../images/icon-chevron-prev-mask.svg");
  }

  .c-icon.--variant-next:after {
    -webkit-mask-image: url("../images/icon-chevron-next-mask.svg");
    mask-image: url("../images/icon-chevron-next-mask.svg");
  }

  @keyframes c-icon-diagonal-slide {
    0% {
      opacity: 1;
      translate: 0;
    }

    50% {
      opacity: 0;
      translate: 50% -50%;
    }

    51% {
      opacity: 0;
      translate: -50% 50%;
    }

    100% {
      opacity: 1;
      translate: 0;
    }
  }

  a[target="_blank"] .c-icon.--variant-arrow-right {
    will-change: translate, opacity;
  }

  a[target="_blank"] .c-icon.--variant-arrow-right:after {
    rotate: -45deg;
  }

  a[target="_blank"]:focus-visible .c-icon.--variant-arrow-right {
    animation: c-icon-diagonal-slide var(--duration-hover-roll-icon)
      cubic-bezier(.25, 1, .5, 1);
  }

  @media (any-hover: hover) {
    a[target="_blank"]:hover .c-icon.--variant-arrow-right {
      animation: c-icon-diagonal-slide var(--duration-hover-roll-icon)
        cubic-bezier(.25, 1, .5, 1);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    a[target="_blank"]:focus-visible .c-icon.--variant-arrow-right {
      opacity: 1;
      animation: none;
      translate: 0;
    }

    @media (any-hover: hover) {
      a[target="_blank"]:hover .c-icon.--variant-arrow-right {
        opacity: 1;
        animation: none;
        translate: 0;
      }
    }
  }

  :where(.c-button-arrow__text-inner, .c-footer__text-roll-inner, .c-header__login-text-inner, .c-header__link-text-inner) {
    transition: transform var(--duration-hover-roll-icon) var(--easing-base);
    will-change: transform;
  }

  :where(.c-button-arrow__text-item, .c-footer__text-roll-item, .c-header__login-text-item, .c-header__link-text-item) {
    transition: opacity var(--duration-hover-roll-icon) var(--easing-base);
  }

  :where(.c-button-arrow__text-item, .c-footer__text-roll-item, .c-header__login-text-item, .c-header__link-text-item)[aria-hidden="true"] {
    opacity: 0;
  }

  :where(.c-button-arrow:not(.--variant-secondary), .c-header__login, .c-footer__nav-list a, .c-footer__job-title a, .c-footer__sub-links a, .c-footer__job-links a):focus-visible :where(.c-button-arrow__text-inner, .c-footer__text-roll-inner, .c-header__login-text-inner) {
    transform: translateY(calc(-1 * var(--motion-roll-shift, 1lh)));
  }

  :where(.c-button-arrow:not(.--variant-secondary), .c-header__login, .c-footer__nav-list a, .c-footer__job-title a, .c-footer__sub-links a, .c-footer__job-links a):focus-visible :where(.c-button-arrow__text-item, .c-footer__text-roll-item, .c-header__login-text-item):not([aria-hidden="true"]) {
    opacity: 0;
  }

  :where(.c-button-arrow:not(.--variant-secondary), .c-header__login, .c-footer__nav-list a, .c-footer__job-title a, .c-footer__sub-links a, .c-footer__job-links a):focus-visible :where(.c-button-arrow__text-item, .c-footer__text-roll-item, .c-header__login-text-item)[aria-hidden="true"] {
    opacity: 1;
  }

  @media (any-hover: hover) {
    :where(.c-button-arrow:not(.--variant-secondary), .c-header__login, .c-footer__nav-list a, .c-footer__job-title a, .c-footer__sub-links a, .c-footer__job-links a):hover :where(.c-button-arrow__text-inner, .c-footer__text-roll-inner, .c-header__login-text-inner) {
      transform: translateY(calc(-1 * var(--motion-roll-shift, 1lh)));
    }

    :where(.c-button-arrow:not(.--variant-secondary), .c-header__login, .c-footer__nav-list a, .c-footer__job-title a, .c-footer__sub-links a, .c-footer__job-links a):hover :where(.c-button-arrow__text-item, .c-footer__text-roll-item, .c-header__login-text-item):not([aria-hidden="true"]) {
      opacity: 0;
    }

    :where(.c-button-arrow:not(.--variant-secondary), .c-header__login, .c-footer__nav-list a, .c-footer__job-title a, .c-footer__sub-links a, .c-footer__job-links a):hover :where(.c-button-arrow__text-item, .c-footer__text-roll-item, .c-header__login-text-item)[aria-hidden="true"] {
      opacity: 1;
    }
  }

  @media (width >= 60.0625rem) {
    :where(.c-header__nav-link, .c-header__sub-link):focus-visible .c-header__link-text-inner {
      transform: translateY(calc(-1 * var(--motion-roll-shift, 1lh)));
    }

    :where(.c-header__nav-link, .c-header__sub-link):focus-visible .c-header__link-text-item:not([aria-hidden="true"]) {
      opacity: 0;
    }

    :where(.c-header__nav-link, .c-header__sub-link):focus-visible .c-header__link-text-item[aria-hidden="true"] {
      opacity: 1;
    }

    @media (any-hover: hover) {
      :where(.c-header__nav-link, .c-header__sub-link):hover .c-header__link-text-inner {
        transform: translateY(calc(-1 * var(--motion-roll-shift, 1lh)));
      }

      :where(.c-header__nav-link, .c-header__sub-link):hover .c-header__link-text-item:not([aria-hidden="true"]) {
        opacity: 0;
      }

      :where(.c-header__nav-link, .c-header__sub-link):hover .c-header__link-text-item[aria-hidden="true"] {
        opacity: 1;
      }
    }
  }

  @media (prefers-reduced-motion: reduce) {
    :where(.c-button-arrow__text-inner, .c-footer__text-roll-inner, .c-header__login-text-inner, .c-header__link-text-inner) {
      transition: none;
      transform: none;
    }

    :where(.c-button-arrow__text-item, .c-footer__text-roll-item, .c-header__login-text-item, .c-header__link-text-item) {
      opacity: 1;
      transition: none;
    }

    :where(.c-button-arrow__text-item, .c-footer__text-roll-item, .c-header__login-text-item, .c-header__link-text-item)[aria-hidden="true"] {
      opacity: 0;
    }
  }

  :where(.c-button-arrow__icon, .c-header__login-icon, .c-footer__job-icon, .c-related-links__card-icon, .c-job-listings__category-icon, .c-event-card__arrow, .c-job-listings-syokugyou__link-icon, .c-job-listings-syokugyou__other-card-icon) .c-icon {
    transition: transform var(--duration-hover-roll-icon) var(--easing-base),
    opacity var(--duration-hover-roll-icon) var(--easing-base);
    will-change: transform, opacity;
  }

  :where(.c-button-arrow__icon, .c-header__login-icon, .c-footer__job-icon, .c-related-links__card-icon, .c-job-listings__category-icon, .c-event-card__arrow, .c-job-listings-syokugyou__link-icon, .c-job-listings-syokugyou__other-card-icon):after {
    transition: transform var(--duration-hover-roll-icon) var(--easing-base),
    opacity var(--duration-hover-roll-icon) var(--easing-base);
    will-change: transform, opacity;
  }

  :where(.c-button-arrow, .c-header__login, .c-footer__job-links a, .c-related-links__card, .c-job-listings__category, .c-event-card__link, .c-job-listings-syokugyou__link, .c-job-listings-syokugyou__other-card):not([target="_blank"]):focus-visible :where(.c-button-arrow__icon, .c-header__login-icon, .c-footer__job-icon, .c-related-links__card-icon, .c-job-listings__category-icon, .c-event-card__arrow, .c-job-listings-syokugyou__link-icon, .c-job-listings-syokugyou__other-card-icon) .c-icon {
    opacity: 0;
    transform: translateX(var(--motion-icon-shift, 0));
  }

  :where(.c-button-arrow, .c-header__login, .c-footer__job-links a, .c-related-links__card, .c-job-listings__category, .c-event-card__link, .c-job-listings-syokugyou__link, .c-job-listings-syokugyou__other-card):not([target="_blank"]):focus-visible :where(.c-button-arrow__icon, .c-header__login-icon, .c-footer__job-icon, .c-related-links__card-icon, .c-job-listings__category-icon, .c-event-card__arrow, .c-job-listings-syokugyou__link-icon, .c-job-listings-syokugyou__other-card-icon):after {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  @media (any-hover: hover) {
    :where(.c-button-arrow, .c-header__login, .c-footer__job-links a, .c-related-links__card, .c-job-listings__category, .c-event-card__link, .c-job-listings-syokugyou__link, .c-job-listings-syokugyou__other-card):not([target="_blank"]):hover :where(.c-button-arrow__icon, .c-header__login-icon, .c-footer__job-icon, .c-related-links__card-icon, .c-job-listings__category-icon, .c-event-card__arrow, .c-job-listings-syokugyou__link-icon, .c-job-listings-syokugyou__other-card-icon) .c-icon {
      opacity: 0;
      transform: translateX(var(--motion-icon-shift, 0));
    }

    :where(.c-button-arrow, .c-header__login, .c-footer__job-links a, .c-related-links__card, .c-job-listings__category, .c-event-card__link, .c-job-listings-syokugyou__link, .c-job-listings-syokugyou__other-card):not([target="_blank"]):hover :where(.c-button-arrow__icon, .c-header__login-icon, .c-footer__job-icon, .c-related-links__card-icon, .c-job-listings__category-icon, .c-event-card__arrow, .c-job-listings-syokugyou__link-icon, .c-job-listings-syokugyou__other-card-icon):after {
      opacity: 1;
      transform: translate(-50%, -50%);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    :where(.c-button-arrow__icon, .c-header__login-icon, .c-footer__job-icon, .c-related-links__card-icon, .c-job-listings__category-icon, .c-event-card__arrow, .c-job-listings-syokugyou__link-icon, .c-job-listings-syokugyou__other-card-icon) .c-icon {
      opacity: 1;
      transition: none;
      transform: none;
    }

    :where(.c-button-arrow__icon, .c-header__login-icon, .c-footer__job-icon, .c-related-links__card-icon, .c-job-listings__category-icon, .c-event-card__arrow, .c-job-listings-syokugyou__link-icon, .c-job-listings-syokugyou__other-card-icon):after {
      opacity: 0;
      transition: none;
      transform: translate(-50%, -50%);
    }
  }

  .c-divider {
    background: linear-gradient(to right, #2969bb 0% 13.7%, #b6c5d9 13.7% 100%);
    border: none;
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
  }

  @media (width >= 60.0625rem) {
    .c-divider {
      height: calc(1 * var(--vw-scale-1440));
      background: linear-gradient(to right, #2969bb 0% 10.57%, #afbccb 10.57% 100%);
    }
  }

  .c-header {
    z-index: var(--z-header);
    position: sticky;
    top: 0;
  }

  @media (width >= 60.0625rem) {
    .c-header {
      transition: translate var(--duration-base) var(--easing-base);
    }
  }

  @media (width < 60.0625rem) {
    .c-header__sub-nav {
      margin-right: var(--space-9);
      grid-area: subNav;
      place-self: start end;
      display: block;
    }
  }

  @media (width >= 60.0625rem) {
    .c-header__sub-nav {
      display: none;
    }
  }

  .c-header__sub-nav-list {
    gap: var(--space-5);
    flex-direction: column;
    align-items: flex-start;
    line-height: 1;
    list-style: none;
    display: flex;
  }

  .c-header__sub-nav-link {
    color: var(--text-text);
    transition: opacity var(--duration-base) var(--easing-base);
    letter-spacing: .14em;
    font-size: .75rem;
    line-height: 1;
    text-decoration: none;
  }

  .c-header__sub-nav-link[target="_blank"] {
    align-items: center;
    gap: var(--space-2);
    display: inline-flex;
  }

  @media (any-hover: hover) {
    .c-header__sub-nav-link:hover {
      opacity: .7;
    }
  }

  .c-header__sub-nav-link-icon {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 0;
    display: inline-flex;
  }

  .c-header__sub-nav-link-icon .c-icon:after {
    width: .875rem;
    height: .875rem;
  }

  .c-header__sub {
    padding: var(--space-3) calc(45 * var(--vw-scale-1440));
    justify-content: flex-end;
    display: flex;
  }

  @media (width < 60.0625rem) {
    .c-header__sub {
      display: none;
    }
  }

  .c-header__sub-list {
    gap: var(--space-8);
    list-style: none;
    display: flex;
  }

  .c-header__sub-link {
    letter-spacing: .14em;
    color: var(--text-text);
    transition: opacity var(--duration-base) var(--easing-base);
    align-items: center;
    font-size: .875rem;
    text-decoration: none;
    display: inline-flex;
  }

  .c-header__sub-link[target="_blank"] {
    gap: var(--space-2);
  }

  @media (any-hover: hover) {
    .c-header__sub-link:hover {
      opacity: .7;
    }
  }

  .c-header__sub-link-icon {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 0;
    display: inline-flex;
  }

  .c-header__sub-link-icon .c-icon:after {
    width: .875rem;
    height: .875rem;
  }

  .c-header__main {
    padding: var(--space-4) var(--space-inline-gutter) 0;
  }

  @media (width >= 60.0625rem) {
    .c-header__main {
      padding: 1.375rem calc(45 * var(--vw-scale-1440)) 0;
      transition: var(--duration-base) var(--easing-base);
      border-radius: 0 0 .5rem .5rem;
    }
  }

  .c-header__inner {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

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

  @media (width < 60.0625rem) {
    .c-header__inner:before {
      content: "";
      z-index: calc(var(--z-header) - 1);
      -webkit-backdrop-filter: blur(.8125rem);
      backdrop-filter: blur(.8125rem);
      opacity: 0;
      visibility: hidden;
      transition: opacity var(--duration-base) var(--easing-base),
        visibility var(--duration-base) var(--easing-base);
      background-color: rgba(9, 13, 29, .7);
      position: fixed;
      inset: 0;
    }
  }

  @media (width >= 60.0625rem) {
    .c-header.is-scrolled .c-header__main {
      margin-inline: calc(45 * var(--vw-scale-1440));
      padding: var(--space-4) calc(16 * var(--vw-scale-1440));
      border-inline: 1px solid var(--color-gray-light);
      border-bottom: 1px solid var(--color-gray-light);
      background: rgba(237, 241, 246, .8);
    }
  }

  .c-header__logo {
    width: 8rem;
    height: auto;
    font-size: 0;
    display: block;
  }

  @media (width >= 60.0625rem) {
    .c-header__logo {
      width: 9.9375rem;
      transition: width var(--duration-base) var(--easing-base);
    }
  }

  .c-header__logo svg {
    width: 100%;
    height: auto;
    display: block;
  }

  @media (width < 60.0625rem) {
    .c-header__nav {
      margin-left: var(--space-5);
      grid-area: mainNav;
    }
  }

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

  .c-header__nav-list {
    flex-direction: column;
    gap: 1rem;
    list-style: none;
    display: flex;
  }

  @media (width < 60.0625rem) {
    .c-header__nav-list {
      gap: 1.5rem;
    }
  }

  @media (width >= 60.0625rem) {
    .c-header__nav-list {
      gap: calc(32 * var(--vw-scale-1440));
      flex-direction: row;
    }
  }

  .c-header__nav-item {
    border-bottom: 1px solid #b5bbc3;
  }

  @media (width < 60.0625rem) {
    .c-header__nav-item {
      border-bottom: none;
    }
  }

  @media (width >= 60.0625rem) {
    .c-header__nav-item {
      border-bottom: none;
    }
  }

  .c-header__nav-link {
    color: var(--text-text);
    transition: opacity var(--duration-base) var(--easing-base);
    justify-content: space-between;
    align-items: center;
    gap: .375rem;
    padding-block: .5rem;
    font-size: 1rem;
    line-height: 1.75;
    text-decoration: none;
    display: flex;
  }

  @media (width < 60.0625rem) {
    .c-header__nav-link {
      align-items: flex-start;
      padding: 0;
      line-height: 1;
    }
  }

  @media (width >= 60.0625rem) {
    .c-header__nav-link {
      letter-spacing: .14em;
      gap: .375rem;
      padding-block: 0;
      font-size: .875rem;
    }
  }

  .c-header__nav-link-label {
    display: block;
  }

  @media (width < 60.0625rem) {
    .c-header__nav-link-label {
      flex-direction: column;
      gap: .375rem;
      display: flex;
    }
  }

  .c-header__nav-link-en {
    display: none;
  }

  @media (width < 60.0625rem) {
    .c-header__nav-link-en {
      font-family: var(--font-family-heading-en);
      letter-spacing: 0;
      color: #2969bb;
      font-size: .625rem;
      line-height: 1;
      display: block;
    }
  }

  .c-header__nav-link-ja-pc {
    display: block;
  }

  @media (width < 60.0625rem) {
    .c-header__nav-link-ja-pc {
      display: none;
    }
  }

  .c-header__nav-link-ja {
    display: none;
  }

  @media (width < 60.0625rem) {
    .c-header__nav-link-ja {
      font-family: var(--font-family-heading);
      letter-spacing: .06em;
      font-size: 1.125rem;
      line-height: 1.35;
      display: block;
    }
  }

  @media (width < 60.0625rem) {
    .c-header__nav-icon {
      display: none;
    }
  }

  @media (width >= 60.0625rem) {
    .c-header__link-text-roll {
      --motion-roll-shift: 1lh;
      height: 1lh;
      display: block;
      overflow: hidden;
    }

    .c-header__link-text-inner {
      flex-direction: column;
      display: flex;
    }

    .c-header__link-text-item {
      height: 1lh;
      display: block;
    }
  }

  .c-header__login {
    letter-spacing: .14em;
    color: var(--color-white);
    transition: opacity var(--duration-base) var(--easing-base);
    background-color: #2969bb;
    border-radius: .375rem;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    padding: .25rem .25rem .25rem 1.25rem;
    font-size: 1rem;
    text-decoration: none;
    display: flex;
  }

  @media (width < 60.0625rem) {
    .c-header__login {
      height: 3.9375rem;
      font-family: var(--font-family-heading);
      letter-spacing: .04em;
      border-radius: .5rem;
      grid-area: login;
      align-self: flex-end;
      font-size: 1.125rem;
    }
  }

  @media (width >= 60.0625rem) {
    .c-header__login {
      gap: var(--space-8);
      padding: var(--space-1) var(--space-1) var(--space-1) var(--space-5);
      font-size: .875rem;
    }
  }

  .c-header__login-text-roll {
    --c-header-login-text-line-height: 1.25;
    --c-header-login-text-row-size: calc(1em *
    var(--c-header-login-text-line-height));
    --motion-roll-shift: var(--c-header-login-text-row-size);
    height: var(--c-header-login-text-row-size);
    line-height: var(--c-header-login-text-line-height);
    display: block;
    overflow: hidden;
  }

  .c-header__login-text-inner {
    flex-direction: column;
    display: flex;
  }

  .c-header__login-text-item {
    height: var(--c-header-login-text-row-size);
    display: block;
  }

  .c-header__login-icon {
    --c-header-login-icon-shift: calc(var(--icon-size, 1.25rem) + var(--space-2));
    --motion-icon-shift: var(--c-header-login-icon-shift);
    --icon-color: var(--color-white);
    background-color: #558fd8;
    border-radius: .125rem;
    justify-content: center;
    align-items: center;
    width: 2.125rem;
    height: 2.125rem;
    display: flex;
  }

  @media (width < 60.0625rem) {
    .c-header__login-icon {
      border-radius: .25rem;
      width: 3.4375rem;
      height: 3.4375rem;
    }
  }

  .c-header__login-icon svg {
    width: 1.125rem;
    height: 1.125rem;
    color: var(--color-white);
  }

  .c-header__login-icon {
    position: relative;
    overflow: hidden;
  }

  .c-header__login-icon .c-icon:after {
    --icon-color: var(--icon-color);
  }

  .c-header__login-icon:after {
    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-header-login-icon-shift)), -50%);
    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 (width >= 60.0625rem) {
    .c-header__login-icon {
      width: 2.125rem;
      height: 2.125rem;
      transition: var(--duration-base) var(--easing-base);
    }
  }

  .c-header__menu-btn {
    cursor: pointer;
    background-color: #2969bb;
    border: none;
    border-radius: .375rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .1875rem;
    width: auto;
    height: auto;
    padding: .625rem 1.5rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-header__menu-btn {
      gap: var(--space-1);
      padding: .625rem var(--space-6);
      display: none;
    }
  }

  .c-header__menu-btn-line {
    border-top: 1px solid var(--color-white);
    width: 1.25rem;
    height: 0;
    transition: transform var(--duration-base) var(--easing-base),
    opacity var(--duration-base) var(--easing-base);
    display: block;
  }

  @media (width >= 60.0625rem) {
    .c-header__menu-btn-line {
      width: 1.25rem;
    }
  }

  .c-header.is-open .c-header__menu-btn-line:first-child {
    transform: translateY(.25rem) rotate(20deg);
  }

  .c-header.is-open .c-header__menu-btn-line:nth-child(2) {
    opacity: 0;
  }

  .c-header.is-open .c-header__menu-btn-line:nth-child(3) {
    transform: translateY(-.25rem) rotate(-20deg);
  }

  @media (width < 60.0625rem) {
    .c-header__drawer {
      z-index: var(--z-header);
      gap: var(--space-10) var(--space-8);
      opacity: 0;
      visibility: hidden;
      background-color: var(--color-white-gray);
      width: calc(100vw - 1rem);
      height: fit-content;
      min-height: 82dvh;
      max-height: calc(100dvh - 1rem);
      transition: opacity var(--duration-base) var(--easing-base),
      visibility var(--duration-base) var(--easing-base);
      -webkit-overflow-scrolling: touch;
      overscroll-behavior: contain;
      border-radius: 1.25rem;
      grid-template: "drawerHeader drawerHeader"
                     "mainNav subNav" 1fr
                     "login login"
                     / 1fr auto;
      margin: auto;
      padding: 1.125rem .5rem .625rem;
      display: grid;
      position: fixed;
      inset: .5rem 0 auto;
      overflow: hidden auto;
    }
  }

  @media (width >= 60.0625rem) {
    .c-header__drawer {
      align-items: center;
      gap: 0 calc(16 * var(--vw-scale-1440));
      flex: 1;
      grid-template-rows: auto;
      grid-template-columns: 1fr auto;
      display: grid;
    }
  }

  .c-header__drawer-header {
    grid-area: drawerHeader;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-header__drawer-header {
      display: none;
    }
  }

  .c-header__drawer[aria-hidden="false"], .c-header.is-open .c-header__drawer {
    opacity: 1;
    visibility: visible;
  }

  .c-header__drawer .c-header__nav {
    padding: 1.5rem 1.5rem 2.5rem;
  }

  @media (width < 60.0625rem) {
    .c-header__drawer .c-header__nav {
      padding: 0;
    }
  }

  @media (width >= 60.0625rem) {
    .c-header__drawer .c-header__nav {
      grid-area: 1 / 2;
      justify-self: flex-end;
      padding: 0;
    }
  }

  @media (width >= 60.0625rem) {
    .c-header__drawer .c-header__login {
      grid-area: 1 / 2;
      justify-self: flex-end;
    }
  }

  @media (width < 60.0625rem) {
    .c-header.is-open .c-header__inner:before {
      opacity: 1;
      visibility: visible;
    }
  }

  @media (width < 60.0625rem) {
    .c-header:not(.is-open) .c-header__sub-nav {
      display: none;
    }
  }

  body.is-menu-open {
    overflow: hidden;
  }

  @media (width >= 60.0625rem) {
    .c-header.is-scrolled {
      translate: 0 -3rem;
    }
  }

  @media (width >= 60.0625rem) {
    .c-header.is-scrolled .c-header__main {
      margin-inline: calc(45 * var(--vw-scale-1440));
      padding: var(--space-4) calc(16 * var(--vw-scale-1440));
      border-inline: 1px solid var(--color-gray-light);
      border-bottom: 1px solid var(--color-gray-light);
      background: rgba(237, 241, 246, .8);
    }
  }

  @media (width >= 60.0625rem) {
    .c-header.is-scrolled .c-header__logo {
      width: 7.0625rem;
    }
  }

  @media (width >= 60.0625rem) {
    .c-header.is-scrolled .c-header__login-icon {
      --icon-size: 1.125rem;
      width: 1.625rem;
      height: 1.625rem;
    }
  }

  .c-footer {
    flex-direction: column;
    gap: 3.5rem;
    display: flex;
    position: sticky;
    top: 100dvh;
  }

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

  .c-footer__main {
    padding: 4rem var(--space-inline-gutter) 0;
    flex-direction: column-reverse;
    gap: 3.5rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-footer__main {
      gap: calc(32 * var(--vw-scale-1440));
      padding: calc(104 * var(--vw-scale-1440)) calc(45 * var(--vw-scale-1440)) 0;
      flex-direction: row;
    }
  }

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

  @media (width >= 60.0625rem) {
    .c-footer__left {
      justify-content: space-between;
      gap: calc(32 * var(--vw-scale-1440));
      flex: 419;
    }
  }

  .c-footer__sns {
    align-items: center;
    gap: 1.5rem;
    display: flex;
  }

  .c-footer__sns a {
    color: var(--text-text);
    transition: opacity var(--duration-base) var(--easing-base);
    justify-content: center;
    align-items: center;
    display: flex;
  }

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

  .c-footer__sns img {
    width: 2rem;
  }

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

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

  .c-footer__info-block {
    flex-direction: column;
    gap: 2rem;
    display: flex;
  }

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

  .c-footer__info-list {
    font-size: var(--font-size-xs);
    line-height: var(--line-height-relaxed);
    flex-direction: column;
    gap: .25rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-footer__info-list {
      gap: calc(10 * var(--vw-scale-1440));
      font-size: var(--font-size-sm);
    }
  }

  .c-footer__info-row {
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .c-footer__info-row dt {
    justify-content: space-between;
    min-width: 6em;
    display: inline-flex;
  }

  .c-footer__info-row dt:after {
    content: ":";
  }

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

  .c-footer__info-address {
    flex-wrap: wrap;
    gap: 1rem;
    display: flex;
  }

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

  .c-footer__logo {
    width: 12.5rem;
    transition: opacity var(--duration-base) var(--easing-base);
    display: block;
  }

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

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

  .c-footer__logo img {
    width: 100%;
    max-width: none;
  }

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

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

  .c-footer__nav {
    gap: var(--space-4);
    border-top: 1px solid var(--line-right_gray);
    padding-top: var(--space-4);
    flex-direction: column;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-footer__nav {
      padding-top: 0;
      padding-bottom: calc(24 * var(--vw-scale-1440));
      border-top: none;
      border-bottom: 1px solid var(--line-right_gray);
      gap: calc(24 * var(--vw-scale-1440));
    }
  }

  .c-footer__nav > .c-footer__divider {
    display: none;
  }

  @media (width >= 60.0625rem) {
    .c-footer__nav > .c-footer__divider {
      display: block;
    }
  }

  .c-footer__nav-list {
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem 1.5rem;
    display: grid;
  }

  @media (width >= 60.0625rem) {
    .c-footer__nav-list {
      gap: calc(64 * var(--vw-scale-1440));
      flex-wrap: wrap;
      display: flex;
    }
  }

  .c-footer__nav-list a {
    --motion-roll-shift: 1lh;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-2);
    color: var(--text-text);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-base);
    letter-spacing: .04em;
    transition: opacity var(--duration-base) var(--easing-base);
    display: inline-flex;
  }

  @media (width >= 60.0625rem) {
    .c-footer__nav-list a {
      font-size: var(--font-size-base);
      line-height: var(--line-height-relaxed);
    }
  }

  @media (any-hover: hover) {
    .c-footer__nav-list a:hover {
      opacity: var(--opacity-base);
    }
  }

  @media (width >= 60.0625rem) {
    .c-footer__nav-list a[target="_blank"] {
      gap: calc(8 * var(--vw-scale-1440));
    }
  }

  .c-footer__nav-list a[target="_blank"] .c-footer__text-roll {
    flex: 1;
    min-width: 0;
  }

  .c-footer__nav-list a .c-footer__nav-icon {
    color: currentColor;
    --icon-size: 1rem;
    flex-shrink: 0;
    font-size: 0;
    position: relative;
    overflow: hidden;
  }

  .c-footer__nav-list a .c-footer__nav-icon .c-icon:after {
    width: var(--icon-size);
    height: var(--icon-size);
  }

  .c-footer__text-roll {
    --motion-roll-shift: 1lh;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    height: 1lh;
    display: block;
    overflow: hidden;
  }

  .c-footer__text-roll-inner {
    flex-direction: column;
    display: flex;
  }

  .c-footer__text-roll-item {
    height: 1lh;
    display: block;
  }

  .c-footer__jobs {
    gap: var(--space-10);
    flex-direction: column;
    display: flex;
  }

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

  .c-footer__job-category {
    border-top: 1px solid var(--line-right_gray);
    padding-top: var(--space-4);
    flex-direction: column;
    gap: 1rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-footer__job-category {
      gap: calc(14 * var(--vw-scale-1440));
      border-top: none;
      padding-top: 0;
    }
  }

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

  .c-footer__job-title {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-normal);
    letter-spacing: .06em;
    line-height: 1.25;
  }

  @media (width >= 60.0625rem) {
    .c-footer__job-title {
      font-size: var(--font-size-xl);
    }
  }

  .c-footer__job-title a {
    color: currentColor;
    align-items: flex-start;
    gap: .5rem;
    min-width: 0;
    text-decoration: none;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-footer__job-title a {
      gap: calc(10 * var(--vw-scale-1440));
    }
  }

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

  @media (width >= 60.0625rem) {
    .c-footer__job-title a:before {
      width: .375rem;
      height: .375rem;
    }
  }

  .c-footer__job-links {
    gap: var(--space-4);
    padding-inline: var(--space-2);
    flex-direction: column;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-footer__job-links {
      gap: calc(6 * var(--vw-scale-1440));
      padding-inline: calc(8 * var(--vw-scale-1440));
    }
  }

  .c-footer__job-links li {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .c-footer__job-links a {
    --c-footer-job-icon-shift: calc(var(--icon-size, 1rem) + var(--space-1));
    --motion-icon-shift: var(--c-footer-job-icon-shift);
    align-items: center;
    gap: var(--space-2);
    color: var(--text-text);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-base);
    letter-spacing: .04em;
    transition: opacity var(--duration-base) var(--easing-base);
    display: inline-flex;
  }

  @media (width >= 60.0625rem) {
    .c-footer__job-links a {
      gap: calc(8 * var(--vw-scale-1440));
      font-size: var(--font-size-base);
      line-height: var(--line-height-relaxed);
    }
  }

  @media (any-hover: hover) {
    .c-footer__job-links a:hover {
      opacity: var(--opacity-base);
    }
  }

  .c-footer__job-links a .c-footer__text-roll {
    flex: 1;
    min-width: 0;
  }

  .c-footer__job-icon {
    --icon-size: 1rem;
    flex-shrink: 0;
    font-size: 0;
    position: relative;
    overflow: hidden;
  }

  .c-footer__job-icon:after {
    content: "";
    width: var(--icon-size);
    height: var(--icon-size);
    opacity: 0;
    transform: translate(calc(-50% - var(--c-footer-job-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-footer__job-links a:not([target="_blank"]) .c-footer__job-icon {
    display: none;
  }

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

  .c-footer__bottom {
    padding: 0 var(--space-inline-gutter) var(--space-4);
    flex-direction: column;
    gap: 1.5rem;
    display: flex;
  }

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

  .c-footer__bottom-inner {
    flex-direction: column;
    gap: 1.5rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-footer__bottom-inner {
      border-top: 1px solid var(--line-sky_gray);
      padding-top: calc(24 * var(--vw-scale-1440));
      justify-content: space-between;
      align-items: center;
      gap: calc(80 * var(--vw-scale-1440));
      flex-direction: row;
    }
  }

  .c-footer__sub-links {
    align-items: center;
    gap: var(--space-4) var(--space-5);
    flex-wrap: wrap;
    display: flex;
  }

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

  .c-footer__sub-links a {
    color: var(--text-text);
    font-size: var(--font-size-xs);
    transition: opacity var(--duration-base) var(--easing-base);
    line-height: 1.25;
  }

  @media (any-hover: hover) {
    .c-footer__sub-links a:hover {
      opacity: var(--opacity-base);
    }
  }

  .c-footer__copyright {
    font-size: var(--font-size-xs);
    line-height: 1.25;
    display: block;
  }

  .c-external-links {
    padding-block: var(--space-20);
    padding-inline: var(--space-inline-gutter);
  }

  @media (width >= 60.0625rem) {
    .c-external-links {
      padding-block: 16.25rem 7.5rem;
      padding-inline: calc(105 * var(--vw-scale-1440));
    }
  }

  .c-external-links__container {
    flex-direction: column;
    gap: 3rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-external-links__container {
      gap: calc(30 * var(--vw-scale-1440));
      flex-direction: row;
    }
  }

  .c-related-links {
    flex-direction: column;
    gap: 1.5rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-related-links {
      gap: var(--space-8);
      flex: 1;
    }
  }

  .c-related-links__title {
    font-family: var(--font-family-heading);
    font-size: 1.375rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: .06em;
    color: var(--text-text);
    line-height: 1.25;
  }

  @media (width >= 60.0625rem) {
    .c-related-links__title {
      font-size: 1.75rem;
    }
  }

  .c-related-links__item {
    border-top: 1px solid var(--line-right_gray);
  }

  .c-related-links__item:last-child {
    border-bottom: 1px solid var(--line-right_gray);
  }

  .c-related-links__card {
    justify-content: space-between;
    align-items: center;
    gap: var(--space-4);
    padding-block: var(--space-4);
    color: var(--text-text);
    transition: opacity var(--duration-base) var(--easing-base);
    border-radius: .25rem;
    text-decoration: none;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-related-links__card {
      padding-block: var(--space-6);
      gap: var(--space-4);
    }
  }

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

  .c-related-links__card-content {
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-related-links__card-content {
      min-height: calc(32 * var(--vw-scale-1440));
      gap: calc(12 * var(--vw-scale-1440));
    }
  }

  .c-related-links__card-text {
    min-width: 0;
    font-family: var(--font-family-base);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-normal);
    letter-spacing: .04em;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    line-height: 1.75;
    overflow: hidden;
  }

  @media (width >= 60.0625rem) {
    .c-related-links__card-text {
      font-size: var(--font-size-base);
    }
  }

  .c-related-links__card-icon {
    border: 1px solid var(--color-gray-icon);
    width: 2.25rem;
    height: 1.5rem;
    color: var(--color-gray-icon);
    --icon-size: 1.125rem;
    --c-related-links-icon-shift: calc(var(--icon-size) + var(--space-1));
    --motion-icon-shift: var(--c-related-links-icon-shift);
    border-radius: .25rem;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  @media (width >= 60.0625rem) {
    .c-related-links__card-icon {
      --icon-size: 1.25rem;
      width: 2.5rem;
      height: 1.75rem;
    }
  }

  .c-related-links__card-icon:after {
    content: "";
    width: var(--icon-size);
    height: var(--icon-size);
    opacity: 0;
    transform: translate(calc(-50% - var(--c-related-links-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-related-links__card-icon .c-icon:after {
    width: 1.125rem;
    height: 1.125rem;
  }

  @media (width >= 60.0625rem) {
    .c-related-links__card-icon .c-icon:after {
      width: 1.25rem;
      height: 1.25rem;
    }
  }

  .c-related-links__card-sns {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-related-links__card-sns {
      width: 2rem;
      height: 2rem;
    }
  }

  .c-related-links__card-svg {
    width: 100%;
    max-width: none;
    height: 100%;
  }

  .c-cta-section {
    padding-inline: var(--space-inline-gutter);
  }

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

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

  @media (width >= 60.0625rem) {
    .c-cta-section__container {
      gap: calc(30 * var(--vw-scale-1440));
      flex-direction: row;
    }
  }

  .c-cta-card {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .5rem;
    flex-direction: column;
    gap: 2rem;
    padding: 2.5rem 1.5rem 1.5rem;
    display: flex;
    position: relative;
  }

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

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

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

  .c-cta-card__title {
    font-family: var(--font-family-mincho);
    letter-spacing: .06em;
    color: var(--color-white);
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.25;
  }

  @media (width >= 60.0625rem) {
    .c-cta-card__title {
      font-size: 1.75rem;
    }
  }

  .c-cta-card__body {
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

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

  .c-cta-card__description {
    font-family: var(--font-family-sans);
    color: var(--color-white);
    white-space: pre-line;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.75;
  }

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

  .c-cta-card__note {
    font-family: var(--font-family-sans);
    color: var(--color-white);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.75;
  }

  @media (width >= 60.0625rem) {
    .c-cta-card__note {
      font-size: .875rem;
    }
  }

  .c-cta-card__button:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
  }

  .c-cta-card .c-button-arrow {
    color: var(--color-white);
  }

  .c-cta-card .c-button-arrow__icon .c-icon:after {
    --icon-color: var(--color-white);
    background-color: var(--color-white);
  }

  .c-cta-card--recruit {
    background-image: url("../images/bg-cta-recruit.avif");
  }

  @media (width >= 60.0625rem) {
    .c-cta-card--recruit {
      flex: 1;
      justify-content: space-between;
    }
  }

  .c-cta-card--contact {
    background-color: #242a3a;
  }

  @media (width >= 60.0625rem) {
    .c-cta-card--contact {
      flex: 1;
      justify-content: space-between;
    }
  }

  @media (width >= 60.0625rem) {
    .c-cta-card--mypage {
      flex: 1;
      justify-content: space-between;
      min-height: 100%;
    }
  }

  .c-contact-info {
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-10) var(--space-6) var(--space-8);
    background-color: var(--bg-navy);
    border-radius: var(--border-radius-md);
    color: var(--text-white);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-contact-info {
      gap: calc(24 * var(--vw-scale-1440));
      padding: calc(40 * var(--vw-scale-1440)) calc(40 * var(--vw-scale-1440))
      calc(32 * var(--vw-scale-1440));
    }
  }

  .c-contact-info-wrapper {
    padding-inline: var(--space-inline-gutter);
  }

  @media (width >= 60.0625rem) {
    .c-contact-info-wrapper {
      padding-inline: calc(45 * var(--vw-scale-1440));
    }
  }

  .c-contact-info__header {
    gap: var(--space-2);
    flex-direction: column;
    display: flex;
  }

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

  .c-contact-info__title {
    font-family: var(--font-family-heading);
    font-size: 1.5rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: .06em;
    color: inherit;
    line-height: 1.25;
  }

  @media (width >= 60.0625rem) {
    .c-contact-info__title {
      font-size: 1.75rem;
    }
  }

  .c-contact-info__lead {
    font-family: var(--font-family-mincho);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-extra-loose);
    letter-spacing: 0;
    color: inherit;
    margin: 0;
  }

  @media (width >= 60.0625rem) {
    .c-contact-info__lead {
      font-family: var(--font-family-heading);
      font-size: var(--font-size-base);
      letter-spacing: .04em;
      line-height: 1.5;
    }
  }

  .c-contact-info__box {
    gap: var(--space-4);
    padding: var(--space-4) var(--space-3);
    border: var(--border-width) solid var(--line-navy_gray);
    border-radius: var(--border-radius-md);
    flex-direction: column;
    display: flex;
  }

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

  .c-contact-info__box-heading {
    font-family: var(--font-family-sans);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-base);
    letter-spacing: .04em;
    color: inherit;
    margin: 0;
  }

  @media (width >= 60.0625rem) {
    .c-contact-info__box-heading {
      font-size: var(--font-size-base);
      line-height: 1.75;
    }
  }

  .c-contact-info__box-heading a {
    color: currentColor;
    text-decoration: underline;
  }

  @media (any-hover: hover) {
    .c-contact-info__box-heading a:hover {
      text-decoration: none;
    }
  }

  .c-contact-info__box-heading > * {
    margin: 0;
  }

  .c-contact-info__box-details {
    gap: var(--space-3);
    flex-direction: column;
    display: flex;
  }

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

  .c-contact-info__dl {
    margin: 0;
  }

  .c-contact-info__dl-row {
    grid-template-columns: 3.5rem 1fr;
    align-items: baseline;
    display: grid;
  }

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

  .c-contact-info__dt {
    font-family: var(--font-family-sans);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-normal);
    letter-spacing: 0;
    color: inherit;
    justify-content: space-between;
    margin: 0;
    line-height: 1.75;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-contact-info__dt {
      font-size: var(--font-size-sm);
    }
  }

  .c-contact-info__dt:after {
    content: "：";
  }

  .c-contact-info__dd {
    font-family: var(--font-family-sans);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-normal);
    letter-spacing: 0;
    color: inherit;
    margin: 0;
    line-height: 1.75;
  }

  @media (width >= 60.0625rem) {
    .c-contact-info__dd {
      font-size: var(--font-size-sm);
      flex-wrap: wrap;
      display: flex;
    }
  }

  .c-contact-info__dd-line {
    margin: 0;
  }

  .c-contact-info__phone-grid {
    gap: var(--space-2);
    flex-wrap: wrap;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-contact-info__phone-grid {
      column-gap: calc(48 * var(--vw-scale-1440));
      row-gap: 0;
    }
  }

  @media (width < 60.0625rem) {
    .c-contact-info__box--sougou .c-contact-info__dl--email .c-contact-info__dl-row {
      flex-wrap: wrap;
      display: flex;
    }
  }

  .c-contact-info__dl--email .c-contact-info__dd {
    display: block;
  }

  .c-contact-info__link {
    color: inherit;
    transition: opacity var(--duration-base) var(--easing-base);
    text-decoration: none;
  }

  @media (any-hover: hover) {
    .c-contact-info__link:hover {
      color: inherit;
      opacity: var(--opacity-base);
    }
  }

  .c-contact-info__link:focus-visible {
    outline: 2px solid var(--line-gray);
    outline-offset: 2px;
    border-radius: var(--border-radius-sm);
  }

  .c-contact-info__link[aria-disabled="true"] {
    pointer-events: none;
  }

  .c-mypage-info {
    border-radius: var(--border-radius-md);
    position: relative;
    overflow: hidden;
  }

  .c-mypage-info__picture {
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .c-mypage-info__picture img {
    object-fit: cover;
    object-position: right center;
    width: 100%;
    max-width: none;
    height: 100%;
  }

  .c-mypage-info__content {
    z-index: 1;
    justify-content: flex-start;
    gap: var(--space-4);
    height: 100%;
    padding: var(--space-6) var(--space-5) var(--space-5);
    color: var(--text-white);
    flex-direction: column;
    display: flex;
    position: relative;
  }

  @media (width >= 60.0625rem) {
    .c-mypage-info__content {
      min-height: calc(360 * var(--vw-scale-1440));
      padding: calc(40 * var(--vw-scale-1440)) calc(40 * var(--vw-scale-1440))
      calc(32 * var(--vw-scale-1440));
      gap: calc(20 * var(--vw-scale-1440));
    }
  }

  .c-mypage-info__title {
    font-family: var(--font-family-heading);
    font-size: 1.375rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: .06em;
    margin: 0;
    line-height: 1.25;
  }

  @media (width >= 60.0625rem) {
    .c-mypage-info__title {
      font-size: 1.75rem;
    }
  }

  .c-mypage-info__text {
    gap: var(--space-2);
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-normal);
    letter-spacing: 0;
    flex-direction: column;
    margin: 0;
    display: flex;
  }

  .c-mypage-info__text p {
    margin: 0;
  }

  .c-mypage-info__text p:first-child {
    font-size: .875rem;
    line-height: 1.75;
  }

  @media (width >= 60.0625rem) {
    .c-mypage-info__text p:first-child {
      font-size: var(--font-size-base);
    }
  }

  .c-mypage-info__text p:last-child {
    font-size: .75rem;
    line-height: 1.5;
  }

  @media (width >= 60.0625rem) {
    .c-mypage-info__text p:last-child {
      font-size: .875rem;
    }
  }

  .c-mypage-info__mypage-button {
    align-self: flex-start;
    min-width: 12.5rem;
    margin-top: auto;
  }

  @media (width >= 60.0625rem) {
    .c-mypage-info__mypage-button {
      min-width: calc(212 * var(--vw-scale-1440));
    }
  }

  .c-event-info {
    padding: var(--space-4) var(--space-inline-gutter) 0;
    overflow: hidden;
  }

  @media (width >= 60.0625rem) {
    .c-event-info {
      padding: calc(16 * var(--vw-scale-1440)) calc(16 * var(--vw-scale-1440)) 0;
    }
  }

  .c-event-info__inner {
    padding: 4.5rem var(--space-4) 2.5rem;
    background: linear-gradient(#dde1e5 34.73%, rgba(221, 225, 229, 0) 89.54%);
    border-radius: .5rem;
  }

  @media (width >= 60.0625rem) {
    .c-event-info__inner {
      padding: calc(180 * var(--vw-scale-1440)) calc(90 * var(--vw-scale-1440))
      calc(64 * var(--vw-scale-1440));
    }
  }

  .c-event-info__content {
    gap: var(--space-10);
    flex-direction: column;
    display: flex;
  }

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

  .c-event-info__content:has(.c-filter-chip) {
    gap: var(--space-6);
  }

  @media (width >= 60.0625rem) {
    .c-event-info__content:has(.c-filter-chip) {
      gap: calc(24 * var(--vw-scale-1440));
    }
  }

  .c-event-info__header {
    gap: var(--space-10);
    flex-direction: column;
    display: flex;
  }

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

  .c-event-info__heading {
    flex-shrink: 0;
  }

  .c-event-info__filter-area {
    gap: var(--space-6);
    flex-direction: column;
    display: flex;
  }

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

  .c-event-info__filter {
    padding: var(--space-5) var(--space-4) var(--space-6);
    background: var(--color-gray-lightest);
    border-radius: .5rem;
  }

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

  .c-event-info__filter-group {
    border: 0;
    margin: 0;
    display: block;
  }

  .c-event-info__filter-label {
    margin-bottom: var(--space-3);
    font-family: var(--font-family-base);
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    color: var(--text-text);
    white-space: nowrap;
    line-height: 1.25;
  }

  @media (width >= 60.0625rem) {
    .c-event-info__filter-label {
      margin-bottom: calc(10 * var(--vw-scale-1440));
      flex-shrink: 0;
    }
  }

  @media (width >= 60.0625rem) {
    .c-event-info__filter-label--kubun {
      font-family: var(--font-family-heading);
      letter-spacing: -.02em;
      font-size: 1.125rem;
    }
  }

  .c-event-info__filter-options {
    flex-wrap: wrap;
    gap: .5rem;
    display: flex;
  }

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

  @media (width >= 60.0625rem) {
    .c-event-info__filter-options--wrap {
      max-width: calc(640 * var(--vw-scale-1440));
      flex-wrap: wrap;
    }
  }

  .c-event-info__filter-divider {
    display: none;
  }

  @media (width >= 60.0625rem) {
    .c-event-info__filter-divider {
      border-bottom: 1px solid var(--color-gray-light);
      width: 100%;
      height: 0;
      margin: 0;
      display: block;
    }
  }

  .c-event-info__filter-trigger {
    display: flex;
  }

  .c-event-info__filter-status {
    gap: var(--space-6);
    flex-direction: column;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-event-info__filter-status {
      gap: calc(24 * var(--vw-scale-1440));
    }
  }

  .c-filter-chips {
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

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

  .c-filter-chips__count {
    font-family: var(--font-family-base);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-normal);
    letter-spacing: .04em;
    color: var(--text-text);
    line-height: 1.75;
  }

  .c-filter-chips__list {
    gap: .375rem var(--space-2);
    flex-wrap: wrap;
    display: flex;
  }

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

  .c-filter-chip {
    --chip-bg: var(--color-white);
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) .875rem var(--space-1) var(--space-2);
    background: var(--chip-bg);
    cursor: default;
    color: var(--text-text);
    font-family: var(--font-family-base);
    font-size: var(--font-size-xxs);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
    border: none;
    border-radius: 1.75rem;
    line-height: 1.25;
    display: inline-flex;
  }

  @media (width >= 60.0625rem) {
    .c-filter-chip {
      gap: calc(8 * var(--vw-scale-1440));
      padding: calc(4 * var(--vw-scale-1440)) calc(18 * var(--vw-scale-1440))
      calc(4 * var(--vw-scale-1440)) calc(14 * var(--vw-scale-1440));
      font-size: var(--font-size-base);
      letter-spacing: .04em;
      line-height: 1.75;
    }
  }

  .c-filter-chip.--color-format {
    --chip-bg: var(--color-label-format);
  }

  .c-filter-chip.--color-block {
    --chip-bg: var(--color-label-block);
  }

  .c-filter-chips__empty {
    width: 100%;
    padding: var(--space-24) var(--space-14);
    background: var(--bg-filter-empty);
    border-radius: var(--border-radius-md);
    margin-top: var(--space-8);
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-filter-chips__empty {
      margin-top: calc(16 * var(--vw-scale-1440));
      padding: calc(96 * var(--vw-scale-1440)) calc(48 * var(--vw-scale-1440))
      calc(96 * var(--vw-scale-1440)) calc(24 * var(--vw-scale-1440));
    }
  }

  .c-filter-chips__empty-text {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    text-align: center;
    line-height: 1.25;
  }

  .c-filter-chip__icon {
    --icon-size: .5rem;
    cursor: pointer;
    width: .75rem;
    height: .75rem;
    transition: opacity var(--duration-fast);
    background: none;
    border: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

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

  @media (width >= 60.0625rem) {
    .c-filter-chip__icon {
      --icon-size: .75rem;
      width: 1.25rem;
      height: 1.25rem;
    }
  }

  .c-filter-chip__label {
    flex-shrink: 0;
  }

  .c-event-info__filter-button {
    border: 1px solid var(--color-gray-icon);
    color: var(--text-text);
    cursor: pointer;
    transition: opacity var(--duration-fast);
    --icon-size: 1.125rem;
    background: none;
    border-radius: .25rem;
    align-items: center;
    gap: .75rem;
    padding: .375rem .625rem;
    display: inline-flex;
  }

  @media (any-hover: hover) {
    .c-event-info__filter-button:hover {
      opacity: var(--opacity-base);
    }
  }

  @media (width >= 60.0625rem) {
    .c-event-info__filter-button {
      gap: calc(12 * var(--vw-scale-1440));
      padding: calc(4 * var(--vw-scale-1440)) calc(12 * var(--vw-scale-1440));
      --icon-size: calc(20 * var(--vw-scale-1440));
    }
  }

  .c-event-info__filter-button-text {
    font-family: var(--font-family-base);
    font-size: .875rem;
    font-weight: var(--font-weight-normal);
    color: var(--text-text);
    white-space: nowrap;
    line-height: 1.25;
  }

  @media (width >= 60.0625rem) {
    .c-event-info__filter-button-text {
      letter-spacing: .04em;
      line-height: 1.75;
    }
  }

  .c-event-info__filter-item {
    cursor: pointer;
    transition: background-color var(--duration-fast);
    border-radius: .25rem;
    align-items: center;
    gap: .5rem;
    padding: .375rem .5rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-event-info__filter-item {
      gap: calc(8 * var(--vw-scale-1440));
      padding: calc(6 * var(--vw-scale-1440)) calc(8 * var(--vw-scale-1440));
    }
  }

  .c-event-info__filter-item:focus-within {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }

  .c-event-info__filter-item--checkbox {
    background: none;
  }

  .c-event-info__filter-group:has([name="format"]) .c-event-info__filter-item--checkbox {
    background: var(--color-label-format);
  }

  .c-event-info__filter-group:has([name="block"]) .c-event-info__filter-item--checkbox {
    background: var(--color-label-block);
  }

  .c-event-info__filter-item--radio {
    background: none;
  }

  .c-event-info__filter-input {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .c-event-info__filter-radio, .c-event-info__filter-checkbox {
    border: 2px solid var(--color-prop-border);
    background: var(--color-white);
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    display: inline-flex;
  }

  .c-event-info__filter-radio {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
  }

  .c-event-info__filter-input:checked + .c-event-info__filter-radio:after {
    content: "";
    background: var(--color-primary);
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    margin: auto;
    display: block;
  }

  .c-event-info__filter-checkbox {
    border-radius: .125rem;
  }

  .c-event-info__filter-input:checked + .c-event-info__filter-checkbox {
    background: var(--color-primary);
    border-color: var(--color-primary);
  }

  .c-event-info__filter-input:checked + .c-event-info__filter-checkbox:after {
    content: "";
    border: solid var(--color-white);
    border-width: 0 2px 2px 0;
    width: .375rem;
    height: .625rem;
    margin: 0 auto;
    display: block;
    transform: rotate(45deg);
  }

  .c-event-info__filter-text {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-normal);
    color: var(--text-text);
    line-height: 1.25;
  }

  @media (width >= 60.0625rem) {
    .c-event-info__filter-text {
      font-size: var(--font-size-sm);
    }
  }

  .c-event-info__body {
    flex-direction: column;
    gap: 5rem;
    display: flex;
  }

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

  .c-event-info__cards {
    gap: var(--space-10);
    flex-direction: column;
    display: flex;
  }

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

  .c-event-info__cards-list {
    gap: var(--space-5);
    flex-direction: column;
    display: flex;
  }

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

  .c-event-info__cards[data-event-cards-preview="true"] .c-event-info__cards-item:nth-child(n+5) {
    display: none;
  }

  .c-event-info:has([data-filter-chips-count="0"]) .c-event-info__cards-list {
    display: none;
  }

  .c-event-info__cards-item:has([hidden]) {
    display: none;
  }

  .c-event-info__cards-action {
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-event-info__cards-action {
      justify-content: flex-end;
    }
  }

  .c-event-card {
    --event-card-bg: var(--color-white-light);
    --event-card-border: var(--color-gray-light);
    --event-card-deadline-bg: var(--color-white-light);
    background: var(--event-card-bg);
    border: 1px solid var(--event-card-border);
    color: var(--text-text);
    border-radius: .5rem;
    overflow: hidden;
  }

  @media (width >= 60.0625rem) {
    .c-event-card {
      border: none;
    }
  }

  .c-event-card.--is-closed {
    --event-card-deadline-bg: var(--color-gray-lighter);
  }

  .c-event-card__link {
    color: inherit;
    transition: opacity var(--duration-fast);
    flex-direction: column;
    text-decoration: none;
    display: flex;
  }

  .c-event-card__link:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__link {
      flex-direction: row;
      align-items: stretch;
    }
  }

  .c-event-card__link--disabled {
    cursor: default;
    pointer-events: none;
  }

  .c-event-card__main {
    padding: var(--space-4);
    flex-direction: column;
    gap: .75rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__main {
      flex: 1 1 calc(990 * var(--vw-scale-1440));
      gap: calc(16 * var(--vw-scale-1440));
      min-width: 0;
      padding: calc(32 * var(--vw-scale-1440)) calc(30 * var(--vw-scale-1440))
      calc(26 * var(--vw-scale-1440));
    }
  }

  .c-event-card__held {
    flex-direction: column;
    gap: .5rem;
    display: flex;
  }

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

  .c-event-card__label {
    font-family: var(--font-family-heading);
    font-size: .75rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    margin: 0;
    line-height: 1.25;
  }

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

  .c-event-card__held-row {
    align-items: baseline;
    gap: .75rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__held-row {
      gap: calc(24 * var(--vw-scale-1440));
    }
  }

  .c-event-card__held-date {
    align-items: baseline;
    line-height: 1;
    display: flex;
  }

  .c-event-card__held-md {
    font-family: var(--font-family-heading);
    font-size: 1.5rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    line-height: 1;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__held-md {
      letter-spacing: -.02em;
      font-size: 2.75rem;
    }
  }

  .c-event-card__held-dow {
    font-family: var(--font-family-heading);
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    line-height: 1;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__held-dow {
      font-size: 1.75rem;
    }
  }

  .c-event-card__held-time {
    font-family: var(--font-family-heading);
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    margin: 0;
    line-height: 1.25;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__held-time {
      font-size: 1.125rem;
    }
  }

  .c-event-card__divider {
    background: var(--color-gray-light);
    width: 100%;
    height: 1px;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__divider {
      height: calc(1 * var(--vw-scale-1440));
    }
  }

  @media (width >= 60.0625rem) {
    .c-event-card__divider--split {
      width: calc(1 * var(--vw-scale-1440));
      align-self: stretch;
      height: auto;
    }
  }

  .c-event-card__body {
    flex-direction: column;
    justify-content: flex-end;
    gap: .875rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__body {
      gap: var(--space-4);
    }
  }

  .c-event-card__tags {
    flex-wrap: wrap;
    gap: .375rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

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

  .c-event-card__tag {
    font-family: var(--font-family-base);
    font-size: .625rem;
    font-weight: var(--font-weight-normal);
    color: var(--text-text);
    border-radius: .25rem;
    line-height: 1.25;
    display: inline-flex;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__tag {
      font-size: .75rem;
    }
  }

  .c-event-card__tag--format {
    background: var(--color-label-format);
    padding: .125rem .5rem;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__tag--format {
      padding: calc(4 * var(--vw-scale-1440)) calc(8 * var(--vw-scale-1440));
    }
  }

  .c-event-card__tag--block {
    background: var(--color-label-block);
    padding: .125rem .375rem;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__tag--block {
      padding: calc(4 * var(--vw-scale-1440)) calc(8 * var(--vw-scale-1440));
    }
  }

  .c-event-card__title {
    font-family: var(--font-family-base);
    font-size: .75rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: .04em;
    color: var(--text-text);
    margin: 0;
    line-height: 1.75;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__title {
      letter-spacing: .04em;
      font-size: 1.25rem;
    }
  }

  .c-event-card__org {
    flex-wrap: wrap;
    align-items: baseline;
    gap: .375rem;
    display: flex;
  }

  .c-event-card__org-label, .c-event-card__org-colon, .c-event-card__org-value {
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-normal);
    color: var(--text-text);
    line-height: 1.75;
  }

  .c-event-card__org-label, .c-event-card__org-colon {
    letter-spacing: .04em;
    font-size: .75rem;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__org-label, .c-event-card__org-colon {
      letter-spacing: 0;
      font-size: .875rem;
    }
  }

  .c-event-card__org-value {
    letter-spacing: .04em;
    font-size: .75rem;
  }

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

  .c-event-card__deadline {
    background: var(--event-card-deadline-bg);
    padding: var(--space-4);
  }

  @media (width >= 60.0625rem) {
    .c-event-card__deadline {
      flex: 0 0 calc(210 * var(--vw-scale-1440));
      padding: calc(32 * var(--vw-scale-1440)) calc(30 * var(--vw-scale-1440))
      calc(26 * var(--vw-scale-1440));
    }
  }

  .c-event-card__deadline-inner {
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__deadline-inner {
      flex-direction: column;
      height: 100%;
    }
  }

  .c-event-card__deadline-text {
    flex-direction: column;
    align-self: stretch;
    gap: .5rem;
    display: flex;
  }

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

  .c-event-card__deadline-row {
    align-items: baseline;
    gap: .5rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__deadline-row {
      align-items: flex-start;
      gap: calc(14 * var(--vw-scale-1440));
      flex-direction: column;
    }
  }

  .c-event-card__deadline-date {
    align-items: baseline;
    gap: .25rem;
    line-height: 1;
    display: flex;
  }

  .c-event-card__deadline-md {
    font-family: var(--font-family-heading);
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    line-height: 1.25;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__deadline-md {
      font-size: 2rem;
    }
  }

  .c-event-card__deadline-dow {
    font-family: var(--font-family-heading);
    font-size: .875rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    line-height: 1;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__deadline-dow {
      font-size: 1.25rem;
    }
  }

  .c-event-card__deadline-time {
    font-family: var(--font-family-heading);
    font-size: .875rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    margin: 0;
    line-height: 1;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__deadline-time {
      font-size: 1.125rem;
      line-height: 1.25;
    }
  }

  .c-event-card__deadline-closed {
    font-family: var(--font-family-heading);
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    margin: 0;
    line-height: 1.25;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__deadline-closed {
      font-size: 2rem;
      line-height: 1;
    }
  }

  .c-event-card__arrow {
    --c-event-card-arrow-shift: calc(var(--icon-size) + var(--space-1));
    --motion-icon-shift: var(--c-event-card-arrow-shift);
    border: 1px solid var(--color-gray-icon);
    color: var(--color-gray-icon);
    --icon-size: 1.125rem;
    border-radius: .25rem;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: .25rem .625rem;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }

  @media (width >= 60.0625rem) {
    .c-event-card__arrow {
      padding: calc(4 * var(--vw-scale-1440)) calc(10 * var(--vw-scale-1440));
      --icon-size: calc(20 * var(--vw-scale-1440));
    }
  }

  .c-event-card__arrow:after {
    content: "";
    width: var(--icon-size);
    height: var(--icon-size);
    opacity: 0;
    transform: translate(calc(-50% - var(--c-event-card-arrow-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;
  }

  @media (width >= 60.0625rem) {
    .c-event-info__calendar {
      flex: 1;
    }
  }

  .c-event-calendar {
    background: var(--color-white-light);
    border-radius: .5rem;
    overflow: hidden;
  }

  .c-event-calendar.is-mobile-week .c-event-calendar__fc-root {
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    pointer-events: none;
    border: 0;
    width: .0625rem;
    height: .0625rem;
    margin: -.0625rem;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .c-event-calendar__week {
    position: relative;
  }

  @media (width < 60.0625rem) {
    .c-event-calendar__week {
      touch-action: pan-y;
    }
  }

  .c-event-calendar__header {
    gap: var(--space-2);
    padding: var(--space-4) var(--space-4) var(--space-3);
    background: #3d455a;
    flex-direction: column;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-event-calendar__header {
      justify-content: space-between;
      align-items: center;
      gap: var(--space-4);
      padding: var(--space-7) 1.875rem;
      flex-direction: row;
    }
  }

  .c-event-calendar__title {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-normal);
    letter-spacing: .08em;
    color: var(--color-white);
    white-space: nowrap;
    line-height: 1.25;
  }

  @media (width >= 60.0625rem) {
    .c-event-calendar__title {
      font-size: 2rem;
    }
  }

  .c-event-calendar__nav {
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-event-calendar__nav {
      justify-content: flex-end;
      gap: calc(24 * var(--vw-scale-1440));
    }
  }

  .c-event-calendar__date {
    gap: .5rem;
    display: flex;
  }

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

  .c-event-calendar__year, .c-event-calendar__month {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--color-white);
    line-height: 1.25;
  }

  @media (width >= 60.0625rem) {
    .c-event-calendar__year, .c-event-calendar__month {
      font-size: 1.5rem;
    }
  }

  .c-event-calendar__date-number, .c-event-calendar__date-unit {
    font-size: inherit;
  }

  @media (width < 60.0625rem) {
    .c-event-calendar__date-unit {
      font-size: .6875rem;
    }
  }

  .c-event-calendar__arrows {
    --icon-size: .875rem;
    gap: .5rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-event-calendar__arrows {
      --icon-size: calc(20 * var(--vw-scale-1440));
      gap: calc(8 * var(--vw-scale-1440));
    }
  }

  .c-event-calendar__arrow {
    border: 1px solid var(--line-sky_gray);
    width: 2.125rem;
    height: 2.125rem;
    color: var(--color-white);
    cursor: pointer;
    transition: opacity var(--duration-fast);
    background: none;
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

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

  @media (width >= 60.0625rem) {
    .c-event-calendar__arrow {
      width: 3rem;
      height: 3rem;
    }
  }

  .c-event-calendar__arrow:disabled, .c-event-calendar__arrow[aria-disabled="true"] {
    opacity: .4;
    cursor: not-allowed;
  }

  .c-event-calendar__body {
    padding: 0;
    position: relative;
  }

  .c-event-calendar-week {
    background: var(--color-white-light);
    flex-direction: column;
    display: flex;
  }

  .c-event-calendar-week__row {
    border-bottom: 1px solid var(--color-gray-light);
    min-height: 4rem;
    display: flex;
  }

  .c-event-calendar-week__row:last-child {
    border-bottom: none;
  }

  .c-event-calendar-week__weekday {
    border-right: 1px solid var(--color-gray-light);
    width: 2.25rem;
    font-family: var(--font-family-heading);
    font-size: .75rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    padding: .75rem .5rem;
    line-height: 1.25;
  }

  .c-event-calendar-week__day {
    border-right: 1px solid var(--color-gray-light);
    width: 2.25rem;
    font-family: var(--font-family-heading);
    font-size: .875rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    padding: .75rem .375rem;
    line-height: 1.25;
  }

  .c-event-calendar-week__events {
    flex-direction: column;
    flex: 1;
    gap: .5rem;
    padding: .75rem .5rem;
    display: flex;
  }

  .c-event-calendar-week__event {
    background: var(--color-sky-gray);
    width: 100%;
    font-family: var(--font-family-base);
    font-size: .75rem;
    font-weight: var(--font-weight-normal);
    color: var(--text-text);
    text-align: left;
    cursor: pointer;
    border: none;
    border-radius: .25rem;
    outline: none;
    gap: .375rem;
    padding: .125rem .25rem;
    line-height: 1.5;
    text-decoration: none;
    display: block;
  }

  @media (any-hover: hover) {
    .c-event-calendar-week__event:hover {
      opacity: var(--opacity-base);
    }
  }

  .c-event-calendar-week__event:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }

  .c-event-calendar-week__event-label {
    vertical-align: middle;
    min-width: 0;
  }

  .c-event-calendar-week__event-icon {
    --icon-size: .875rem;
    margin-left: var(--space-1);
    vertical-align: middle;
    flex-shrink: 0;
    align-items: center;
    display: inline-flex;
  }

  .c-event-calendar-week__event--disabled {
    cursor: default;
    pointer-events: none;
  }

  @media (any-hover: hover) {
    .c-event-calendar-week__event--disabled:hover {
      opacity: 1;
    }
  }

  .c-event-calendar__body .fc-header-toolbar {
    display: none !important;
  }

  .c-event-calendar__body .fc-scrollgrid, .c-event-calendar__body .fc-scrollgrid-section > td {
    border: none !important;
  }

  .c-event-calendar__body .fc-col-header {
    border-bottom: 1px solid var(--color-gray-light);
  }

  .c-event-calendar__body .fc-col-header-cell {
    font-family: var(--font-family-base);
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: .04em;
    color: var(--text-text);
    text-align: left;
    padding: .5rem .75rem;
    line-height: 1.75;
    border: none !important;
    border-right: 1px solid var(--color-gray-light) !important;
    background: none !important;
  }

  .c-event-calendar__body .fc-col-header-cell:last-child {
    border-right: none !important;
  }

  @media (width >= 60.0625rem) {
    .c-event-calendar__body .fc-col-header-cell {
      padding: calc(8 * var(--vw-scale-1440)) calc(12 * var(--vw-scale-1440));
    }
  }

  .c-event-calendar__body .fc-col-header-cell-cushion {
    color: var(--text-text);
  }

  .c-event-calendar__body .fc-daygrid-day {
    min-height: 5rem;
    border: none !important;
    border-right: 1px solid var(--color-gray-light) !important;
    border-bottom: 1px solid var(--color-gray-light) !important;
    background: #fff !important;
  }

  .c-event-calendar__body .fc-daygrid-day:last-child {
    border-right: none !important;
  }

  @media (width >= 60.0625rem) {
    .c-event-calendar__body .fc-daygrid-day {
      min-height: calc(80 * var(--vw-scale-1440));
    }
  }

  .c-event-calendar__body .fc-daygrid-body tr:last-child .fc-daygrid-day {
    border-bottom: none !important;
  }

  .c-event-calendar__body .fc-daygrid-day-top {
    padding: .5rem .75rem;
    flex-direction: row !important;
    justify-content: flex-start !important;
    display: flex !important;
  }

  @media (width >= 60.0625rem) {
    .c-event-calendar__body .fc-daygrid-day-top {
      padding: calc(8 * var(--vw-scale-1440)) calc(12 * var(--vw-scale-1440));
    }
  }

  .c-event-calendar__body .fc-daygrid-day-number {
    font-family: var(--font-family-heading);
    font-size: 1.125rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    line-height: 1.25;
    text-decoration: none;
    float: none !important;
  }

  .c-event-calendar__body .fc-daygrid-day-events {
    gap: var(--space-3);
    flex-direction: column;
    padding: .5rem .75rem 1.5rem;
    display: flex;
    margin-bottom: 0 !important;
  }

  @media (width >= 60.0625rem) {
    .c-event-calendar__body .fc-daygrid-day-events {
      gap: calc(12 * var(--vw-scale-1440));
      padding: calc(8 * var(--vw-scale-1440)) calc(12 * var(--vw-scale-1440))
      calc(24 * var(--vw-scale-1440));
    }
  }

  .fc .fc-daygrid-day-bottom, .fc-daygrid-day-events:after, .fc-daygrid-day-events:before, .fc-daygrid-day-frame:after, .fc-daygrid-day-frame:before, .fc-daygrid-event-harness:after, .fc-daygrid-event-harness:before {
    display: none;
  }

  .c-event-calendar__body .fc-daygrid-event {
    font-family: var(--font-family-base);
    font-size: .75rem;
    font-weight: var(--font-weight-normal);
    cursor: pointer;
    white-space: normal;
    border-radius: 0;
    line-height: 1.5;
    overflow: hidden;
    color: var(--text-text) !important;
    background: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  @media (any-hover: hover) {
    .c-event-calendar__body .fc-daygrid-event:hover {
      opacity: var(--opacity-base);
    }
  }

  .c-event-calendar__body .fc-daygrid-event.c-event-calendar__event--disabled-link {
    cursor: default;
    pointer-events: none;
  }

  @media (any-hover: hover) {
    .c-event-calendar__body .fc-daygrid-event.c-event-calendar__event--disabled-link:hover {
      opacity: 1;
    }
  }

  .c-event-calendar__body .fc-h-event {
    background: none !important;
    border: none !important;
  }

  .c-event-calendar__body .fc-event-main {
    color: var(--text-text) !important;
    white-space: normal !important;
    padding: 0 !important;
  }

  .c-event-calendar__body .fc-event-title {
    white-space: normal;
    text-overflow: clip;
    overflow-wrap: anywhere;
    display: block;
    overflow: visible;
  }

  .c-event-calendar__body .fc-day-today {
    background: #fff !important;
  }

  .c-event-calendar__body .fc-day-other .fc-daygrid-day-number {
    opacity: .5;
  }

  .c-event-calendar__body .fc-list {
    background: var(--color-white-light) !important;
    border: none !important;
  }

  .c-event-calendar__body .fc-list-table {
    border-collapse: collapse;
  }

  .c-event-calendar__body .fc-list-day-cushion {
    font-family: var(--font-family-heading);
    font-size: .875rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    padding: .75rem;
    line-height: 1.25;
    background: var(--color-white-light) !important;
  }

  .c-event-calendar__body .fc-list-day, .c-event-calendar__body .fc-list-event {
    border-bottom: 1px solid var(--color-gray-light) !important;
  }

  .c-event-calendar__body .fc-list-event td {
    padding: .75rem;
    background: var(--color-white-light) !important;
    border: none !important;
  }

  .c-event-calendar__body .fc-list-event:hover td {
    background: var(--color-white-light) !important;
  }

  .c-event-calendar__body .fc-list-event-time {
    display: none;
  }

  .c-event-calendar__body .fc-list-event-title {
    white-space: normal;
  }

  .c-event-calendar-list-event {
    align-items: flex-start;
    gap: var(--space-2);
    display: flex;
  }

  .c-event-calendar-list-event__tag {
    background: var(--parts-sky_gray);
    font-family: var(--font-family-base);
    font-size: .75rem;
    font-weight: var(--font-weight-normal);
    color: var(--text-text);
    border-radius: .25rem;
    flex-shrink: 0;
    align-items: center;
    padding: .125rem .5rem;
    line-height: 1.5;
    display: inline-flex;
  }

  .c-event-calendar-list-event__title {
    font-family: var(--font-family-base);
    font-size: .75rem;
    font-weight: var(--font-weight-normal);
    color: var(--text-text);
    line-height: 1.5;
  }

  .c-calendar-event {
    gap: var(--space-2);
    flex-direction: column;
    display: flex;
  }

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

  .c-calendar-event__tags {
    gap: var(--space-1);
    flex-wrap: wrap;
    display: flex;
  }

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

  .c-calendar-event__tag {
    padding: var(--space-1) var(--space-2);
    border-radius: var(--border-radius-sm);
    font-family: var(--font-family-base);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-normal);
    letter-spacing: 0;
    color: var(--text-text);
    white-space: nowrap;
    align-items: center;
    line-height: 1.25;
    display: inline-flex;
  }

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

  .c-calendar-event__tag--format {
    background: var(--color-label-format);
  }

  .c-calendar-event__tag--block {
    background: var(--color-label-block);
  }

  .c-calendar-event__title {
    font-family: var(--font-family-base);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-normal);
    color: var(--text-text);
    line-height: 1.5;
  }

  @media (width >= 60.0625rem) {
    .c-calendar-event__title {
      line-height: 1.75;
      font-size: var(--font-size-sm);
    }
  }

  .c-calendar-event__title-text {
    vertical-align: middle;
    min-width: 0;
  }

  .c-calendar-event__title-icon {
    --icon-size: .875rem;
    vertical-align: middle;
    margin-left: var(--space-1);
    flex-shrink: 0;
    align-items: center;
    display: inline-flex;
  }

  @media (width >= 60.0625rem) {
    .c-calendar-event__title-icon {
      margin-left: calc(4 * var(--vw-scale-1440));
      line-height: 1.75;
      font-size: var(--font-size-sm);
    }
  }

  .c-calendar-event__separator {
    border-top: 1px solid var(--line-sky_gray);
    width: 100%;
  }

  .c-calendar-event__separator:last-child {
    margin-bottom: 3.3125rem;
  }

  .c-calendar-event__deadline {
    gap: var(--space-1);
    flex-direction: column;
    display: flex;
  }

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

  .c-calendar-event__deadline-label {
    font-family: var(--font-family-base);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-normal);
    color: var(--text-text);
    line-height: 1;
  }

  .c-calendar-event__deadline-value {
    font-family: var(--font-family-base);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-relaxed);
    color: var(--text-text);
  }

  .c-calendar-event--closed .c-calendar-event__deadline-value {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-sm);
    letter-spacing: -.02em;
    line-height: 1.75;
  }

  .c-calendar-event__links {
    flex-direction: column;
    gap: .5rem;
    margin-top: .5rem;
    display: flex;
  }

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

  .c-calendar-event__link {
    font-family: var(--font-family-base);
    font-size: .75rem;
    font-weight: var(--font-weight-normal);
    color: var(--text-text);
    cursor: pointer;
    line-height: 1.5;
    text-decoration: underline;
  }

  .c-event-card[hidden] {
    display: none;
  }

  .c-event-info__error {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: .5rem;
    margin-bottom: 1.5rem;
    padding: 1rem 1.5rem;
  }

  @media (width >= 60.0625rem) {
    .c-event-info__error {
      padding: calc(16 * var(--vw-scale-1440)) calc(24 * var(--vw-scale-1440));
      margin-bottom: calc(24 * var(--vw-scale-1440));
    }
  }

  .c-event-info__error-text {
    font-size: .875rem;
    font-weight: var(--font-weight-medium);
    color: #b91c1c;
    align-items: center;
    gap: .5rem;
    margin: 0;
    line-height: 1.5;
    display: flex;
  }

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

  .c-filter-dialog {
    --filter-dialog-footer-shadow-strength: 1;
    --filter-dialog-footer-shadow-fade-distance: 96px;
    width: 100%;
    max-width: 100%;
    max-height: calc(100dvh - 4.25rem);
    z-index: var(--z-index-xl);
    background: none;
    border: none;
    outline: none;
    margin: auto 0 0;
    padding: 0;
    position: fixed;
    inset: 0;
    overflow: hidden;
  }

  .c-filter-dialog::backdrop {
    -webkit-backdrop-filter: blur(.8125rem);
    backdrop-filter: blur(.8125rem);
    opacity: 0;
    transition: opacity var(--duration-base) var(--easing-base);
    background: rgba(9, 13, 29, .7);
  }

  @media (width >= 60.0625rem) {
    .c-filter-dialog {
      max-width: calc(1050 * var(--vw-scale-1440));
      max-height: 90dvh;
      margin: auto;
      inset: 0;
    }
  }

  .c-filter-dialog[data-filter-dialog-motion="open"]::backdrop {
    opacity: 1;
  }

  .c-filter-dialog[open] {
    flex-direction: column;
    display: flex;
  }

  .c-filter-dialog__inner {
    background: var(--color-white-light);
    opacity: 0;
    border-radius: .75rem .75rem 0 0;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  @media (width < 60.0625rem) {
    .c-filter-dialog__inner {
      will-change: transform, opacity;
      backface-visibility: hidden;
      transform-style: preserve-3d;
    }
  }

  @media (width >= 60.0625rem) {
    .c-filter-dialog__inner {
      will-change: opacity;
      border-radius: .75rem;
    }
  }

  @media (width < 60.0625rem) {
    .c-filter-dialog[data-filter-dialog-motion="open"] .c-filter-dialog__inner {
      animation: filter-dialog-slide-in var(--duration-slow) var(--easing-base)
      forwards;
    }
  }

  @media (width >= 60.0625rem) {
    .c-filter-dialog[data-filter-dialog-motion="open"] .c-filter-dialog__inner {
      animation: filter-dialog-fade-in var(--duration-base) var(--easing-base)
      forwards;
    }
  }

  @media (width < 60.0625rem) {
    .c-filter-dialog[data-filter-dialog-motion="closing"] .c-filter-dialog__inner {
      animation: filter-dialog-slide-out var(--duration-slow) var(--easing-base)
      forwards;
    }
  }

  @media (width >= 60.0625rem) {
    .c-filter-dialog[data-filter-dialog-motion="closing"] .c-filter-dialog__inner {
      animation: filter-dialog-fade-out var(--duration-base) var(--easing-base)
      forwards;
    }
  }

  @keyframes filter-dialog-slide-in {
    from {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes filter-dialog-slide-out {
    from {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }

    to {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
  }

  @keyframes filter-dialog-fade-in {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes filter-dialog-fade-out {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  .c-filter-dialog__header {
    border-bottom: 1px solid var(--color-gray-light);
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1rem;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-filter-dialog__header {
      padding: calc(40 * var(--vw-scale-1440)) calc(40 * var(--vw-scale-1440)) 0;
      border-bottom: none;
    }
  }

  .c-filter-dialog__title {
    font-family: var(--font-family-heading);
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: .04em;
    color: var(--text-text);
    margin: 0;
    line-height: 1.25;
  }

  @media (width >= 60.0625rem) {
    .c-filter-dialog__title {
      font-size: var(--font-size-2xl);
      letter-spacing: .06em;
    }
  }

  .c-filter-dialog__title-prefix {
    color: #42496c;
  }

  .c-filter-dialog__close {
    --icon-size: .625rem;
    width: 1.375rem;
    height: 1.375rem;
    color: var(--text-text);
    cursor: pointer;
    transition: opacity var(--duration-fast);
    background: none;
    border: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .c-filter-dialog__content {
    min-height: 0;
    padding: var(--space-6) var(--space-4) var(--space-10);
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    flex: 1;
    overflow-y: auto;
  }

  @media (width >= 60.0625rem) {
    .c-filter-dialog__content {
      padding: calc(40 * var(--vw-scale-1440)) calc(40 * var(--vw-scale-1440))
      calc(76 * var(--vw-scale-1440));
    }
  }

  .c-filter-dialog__content > fieldset + fieldset {
    margin-top: var(--space-6);
  }

  @media (width >= 60.0625rem) {
    .c-filter-dialog__content > fieldset + fieldset {
      margin-top: calc(40 * var(--vw-scale-1440));
    }
  }

  .c-filter-dialog__group {
    border: none;
    margin: 0;
    padding: 0;
  }

  @media (width >= 60.0625rem) {
    .c-filter-dialog__group {
      padding-inline: calc(32 * var(--vw-scale-1440));
    }
  }

  .c-filter-dialog__label {
    align-items: center;
    gap: var(--space-1);
    margin-bottom: var(--space-3);
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    color: var(--text-text);
    line-height: 1.75;
    display: flex;
  }

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

  .c-filter-dialog__label-note {
    font-size: var(--font-size-xs);
  }

  @media (width >= 60.0625rem) {
    .c-filter-dialog__label-note {
      font-size: var(--font-size-sm);
    }
  }

  .c-filter-dialog__options {
    gap: var(--space-2);
    flex-wrap: wrap;
    display: flex;
  }

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

  @media (width >= 60.0625rem) {
    .c-filter-dialog__options:has([name="format"], [name="block"]) {
      row-gap: calc(12 * var(--vw-scale-1440));
    }
  }

  .c-filter-dialog__group:has([name="format"]) .c-event-info__filter-item--checkbox {
    background: var(--color-label-format);
  }

  .c-filter-dialog__group:has([name="block"]) .c-event-info__filter-item--checkbox {
    background: var(--color-label-block);
  }

  .c-filter-dialog__footer {
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-top: 1px solid var(--color-gray-light);
    box-shadow: 0 -10px 19px -14px
    rgb(17 23 51 / calc(.5 * var(--filter-dialog-footer-shadow-strength, 1)));
    flex-shrink: 0;
    display: flex;
  }

  @media (width >= 60.0625rem) {
    .c-filter-dialog__footer {
      padding: calc(24 * var(--vw-scale-1440)) calc(40 * var(--vw-scale-1440));
      gap: calc(12 * var(--vw-scale-1440));
    }
  }

  .c-filter-dialog__button {
    padding: calc(var(--space-3) - 1px) calc(var(--space-5) - 1px);
    font-family: var(--font-family-heading);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-normal);
    letter-spacing: .04em;
    cursor: pointer;
    transition: opacity var(--duration-fast);
    white-space: nowrap;
    border: 1px solid;
    border-radius: .375rem;
    flex: 1;
    line-height: 1.25;
  }

  @media (any-hover: hover) {
    .c-filter-dialog__button:hover {
      opacity: .7;
    }
  }

  @media (width >= 60.0625rem) {
    .c-filter-dialog__button {
      padding: calc(12 * var(--vw-scale-1440) - 1px)
      calc(20 * var(--vw-scale-1440) - 1px);
      font-size: var(--font-size-base);
    }
  }

  .c-filter-dialog__button--reset {
    border-color: var(--color-gray-icon);
    background: var(--parts-white);
    color: var(--text-text);
  }

  @media (width >= 60.0625rem) {
    .c-filter-dialog__button--reset {
      max-width: calc(212 * var(--vw-scale-1440));
    }
  }

  .c-filter-dialog__button--submit {
    border-color: var(--color-navy);
    background: var(--color-navy);
    color: var(--color-white);
  }

  @media (width >= 60.0625rem) {
    .c-filter-dialog__button--submit {
      max-width: calc(299 * var(--vw-scale-1440));
    }
  }

  .c-event-detail-dialog {
    width: 100%;
    max-width: 100%;
    height: 100dvh;
    z-index: var(--z-index-xl);
    background: none;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    position: fixed;
    inset: 0;
  }

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

  .c-event-detail-dialog[open] {
    place-items: center;
    display: grid;
  }

  .c-event-detail-dialog__inner {
    background: var(--color-white-light);
    border: 1px solid var(--line-right_gray);
    border-radius: .5rem;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.5rem;
    width: min(20.4375rem, 100% - 3rem);
    padding: .5rem;
    display: flex;
    box-shadow: 0 1.25rem 2.5rem rgba(2, 14, 50, .25);
  }

  .c-event-detail-dialog__header {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .c-event-detail-dialog__close {
    --icon-size: .625rem;
    width: 1.375rem;
    height: 1.375rem;
    color: var(--text-text);
    cursor: pointer;
    transition: opacity var(--duration-fast);
    background: none;
    border: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  @media (any-hover: hover) {
    .c-event-detail-dialog__close:hover {
      opacity: var(--opacity-base);
    }
  }

  .c-event-detail-dialog__content {
    flex-direction: column;
    gap: .75rem;
    width: 100%;
    padding: 0 1rem 1.5rem;
    display: flex;
  }

  .c-event-detail-dialog__section {
    gap: var(--space-1);
    flex-direction: column;
    display: flex;
  }

  .c-event-detail-dialog__label {
    font-family: var(--font-family-heading);
    font-size: .75rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    margin: 0;
    line-height: 1.25;
  }

  .c-event-detail-dialog__date {
    font-family: var(--font-family-heading);
    font-size: 1.5rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    margin: 0;
    line-height: 1;
  }

  .c-event-detail-dialog__divider {
    background: var(--line-right_gray);
    border: none;
    height: .0625rem;
    margin: 0;
  }

  .c-event-detail-dialog__tag {
    background: var(--color-label-format);
    width: fit-content;
    font-family: var(--font-family-base);
    font-size: .625rem;
    font-weight: var(--font-weight-normal);
    color: var(--text-text);
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    padding: .125rem .5rem;
    line-height: 1.25;
    display: inline-flex;
  }

  .c-event-detail-dialog__title {
    font-family: var(--font-family-base);
    font-size: .75rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: .04em;
    color: var(--text-text);
    margin: 0;
    line-height: 1.75;
  }

  .c-event-detail-dialog__deadline {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-normal);
    letter-spacing: -.02em;
    color: var(--text-text);
    flex-wrap: wrap;
    align-items: baseline;
    gap: .5rem;
    margin: 0;
    line-height: 1.25;
    display: flex;
  }

  .c-event-detail-dialog__deadline-date {
    font-size: var(--font-size-base);
    line-height: 1.25;
  }

  .c-event-detail-dialog__deadline-dow, .c-event-detail-dialog__deadline-time {
    font-size: .875rem;
    line-height: 1;
  }

  .c-event-detail-dialog__section.--is-closed .c-event-detail-dialog__deadline {
    font-family: var(--font-family-heading);
  }

  .c-event-detail-dialog__deadline--closed {
    font-size: 1.5rem;
    line-height: 1;
  }

  .c-event-detail-dialog__footer {
    padding: 0 var(--space-4) var(--space-4);
    justify-content: flex-end;
    width: 100%;
    display: flex;
  }

  .c-event-detail-dialog__cta {
    border: 1px solid var(--color-gray-icon);
    width: 9.75rem;
    color: var(--text-text);
    transition: opacity var(--duration-fast);
    background: none;
    border-radius: .375rem;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    padding: .25rem .25rem .25rem 1.25rem;
    text-decoration: none;
    display: flex;
  }

  @media (any-hover: hover) {
    .c-event-detail-dialog__cta:hover {
      opacity: var(--opacity-base);
    }
  }

  .c-event-detail-dialog__cta:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }

  .c-event-detail-dialog__cta-text {
    font-family: var(--font-family-heading);
    font-size: .875rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: .04em;
    white-space: nowrap;
    line-height: 1.25;
  }

  .c-event-detail-dialog__cta-icon {
    border-radius: .125rem;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    display: inline-flex;
  }

  .c-event-detail-dialog__cta[aria-disabled="true"] {
    opacity: .6;
    cursor: default;
    pointer-events: none;
  }
}

@layer layout {
  .c-container {
    padding-inline: var(--space-inline-gutter);
  }

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

  .c-container > * + * {
    margin-top: var(--space-20);
  }

  @media (width >= 60.0625rem) {
    .c-container > * + * {
      margin-top: calc(160 * var(--vw-scale-1440));
    }
  }

  @media (width >= 60.0625rem) {
    .c-container--detail > * + * {
      margin-top: calc(140 * var(--vw-scale-1440));
    }
  }

  .c-section {
    padding-inline: var(--space-inline-base);
  }

  .c-grid {
    gap: var(--space-6);
    display: grid;
  }

  .c-grid--2 {
    grid-template-columns: repeat(1, 1fr);
  }

  @media (width >= 60.0625rem) {
    .c-grid--2 {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  .c-grid--3 {
    grid-template-columns: repeat(1, 1fr);
  }

  @media (width >= 60.0625rem) {
    .c-grid--3 {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .c-grid--4 {
    grid-template-columns: repeat(2, 1fr);
  }

  @media (width >= 60.0625rem) {
    .c-grid--4 {
      grid-template-columns: repeat(4, 1fr);
    }
  }

  .c-flex {
    display: flex;
  }

  .c-flex--center {
    justify-content: center;
    align-items: center;
  }

  .c-flex--between {
    justify-content: space-between;
    align-items: center;
  }

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

  .c-flex--wrap {
    flex-wrap: wrap;
  }

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

  .c-stack--small {
    gap: var(--space-2);
  }

  .c-stack--base {
    gap: var(--space-4);
  }

  .c-stack--large {
    gap: var(--space-8);
  }

  .c-cluster {
    gap: var(--space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .c-cluster--small {
    gap: var(--space-2);
  }

  .c-cluster--large {
    gap: var(--space-6);
  }
}

@layer contents;

@layer utilities {
  .u-hidden {
    display: none;
  }

  .u-visible {
    visibility: visible;
  }

  .u-invisible {
    visibility: hidden;
  }

  .u-sp-only {
    display: none;
  }

  @media (width < 60.0625rem) {
    .u-sp-only {
      display: block;
    }

    .u-pc-only {
      display: none;
    }
  }

  .u-text-left {
    text-align: left;
  }

  .u-text-center {
    text-align: center;
  }

  .u-text-right {
    text-align: right;
  }

  .u-text-xs {
    font-size: var(--font-size-xs);
  }

  .u-text-sm {
    font-size: var(--font-size-sm);
  }

  .u-text-base {
    font-size: var(--font-size-base);
  }

  .u-text-lg {
    font-size: var(--font-size-lg);
  }

  .u-text-xl {
    font-size: var(--font-size-xl);
  }

  .u-text-2xl {
    font-size: var(--font-size-2xl);
  }

  .u-text-3xl {
    font-size: var(--font-size-3xl);
  }

  .u-font-thin {
    font-weight: var(--font-weight-thin);
  }

  .u-font-normal {
    font-weight: var(--font-weight-normal);
  }

  .u-font-medium {
    font-weight: var(--font-weight-medium);
  }

  .u-font-semibold {
    font-weight: var(--font-weight-semibold);
  }

  .u-font-bold {
    font-weight: var(--font-weight-bold);
  }

  .u-color-primary {
    color: var(--color-primary);
  }

  .u-color-secondary {
    color: var(--color-secondary);
  }

  .u-bg-primary {
    background-color: var(--color-primary);
  }

  .u-bg-secondary {
    background-color: var(--color-secondary);
  }

  .u-bg-white {
    background-color: var(--bg-white);
  }

  .u-mt-0 {
    margin-top: var(--space-0);
  }

  .u-mt-2 {
    margin-top: var(--space-2);
  }

  .u-mt-4 {
    margin-top: var(--space-4);
  }

  .u-mt-6 {
    margin-top: var(--space-6);
  }

  .u-mt-8 {
    margin-top: var(--space-8);
  }

  .u-mb-0 {
    margin-bottom: var(--space-0);
  }

  .u-mb-2 {
    margin-bottom: var(--space-2);
  }

  .u-mb-4 {
    margin-bottom: var(--space-4);
  }

  .u-mb-6 {
    margin-bottom: var(--space-6);
  }

  .u-mb-8 {
    margin-bottom: var(--space-8);
  }

  .u-p-0 {
    padding: var(--space-0);
  }

  .u-p-2 {
    padding: var(--space-2);
  }

  .u-p-4 {
    padding: var(--space-4);
  }

  .u-p-6 {
    padding: var(--space-6);
  }

  .u-p-8 {
    padding: var(--space-8);
  }

  .u-sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .u-bg-lines {
    background-image: linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(9, 5, 85, .02) 0 1px, rgba(0, 0, 0, 0) 1px 100%) !important;
    background-position: calc(.145349% + 15.9535px) 0, calc(13.8081% + 11.5814px) 0, calc(17.8779% + 10.2791px) 0, calc(36.4826% + 4.32558px) 0, calc(41.1337% + 2.83721px) 0, calc(58.8663% - 2.83721px) 0, calc(63.5174% - 4.32558px) 0, calc(82.1221% - 10.2791px) 0, calc(86.1919% - 11.5814px) 0, calc(99.8546% - 15.9535px) 0 !important;
    background-repeat: repeat-y !important;
    background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100% !important;
  }

  @media (width >= 48rem) {
    .u-bg-lines {
      background-image: linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%), linear-gradient(to right, rgba(0, 0, 0, .03) 0 1px, rgba(0, 0, 0, 0) 1px 100%) !important;
      background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100% !important;
      background-position: calc((45 * var(--vw-scale-1440)) +
        (0 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (210 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (240 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (420 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (450 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (660 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (690 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (900 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (930 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (1110 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (1140 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top,
      calc((45 * var(--vw-scale-1440)) +
        (1350 / 1350) *
        (100% - (90 * var(--vw-scale-1440))))
      top !important;
    }
  }
}