@charset "UTF-8";
@layer nihonkyouikuzaidan-web {
  @layer foundation, layout, object;
  @layer foundation {
    *,
    *::before,
    *::after {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    :where([hidden]:not([hidden=until-found])) {
      display: none !important;
    }
    :where(html) {
      text-size-adjust: none;
      color-scheme: dark light;
      tab-size: 2;
    }
    :where(body) {
      line-height: 1.5;
      font-family: system-ui, sans-serif;
      -webkit-font-smoothing: antialiased;
    }
    :where(button) {
      all: unset;
    }
    :where(input, button, textarea, select) {
      font: inherit;
      color: inherit;
    }
    :where(textarea) {
      resize: vertical;
      resize: block;
    }
    :where(button, label, select, summary, [role=button], [role=option]) {
      cursor: pointer;
    }
    :where(:disabled) {
      cursor: not-allowed;
    }
    :where(label:has(> input:disabled), label:has(+ input:disabled)) {
      cursor: not-allowed;
    }
    :where(a) {
      color: inherit;
      text-underline-offset: 0.2ex;
    }
    :where(ul, ol) {
      list-style: none;
    }
    :where(img, svg, video, canvas, audio, iframe, embed, object) {
      display: block;
      margin: auto;
    }
    :where(img, picture, svg, video) {
      max-inline-size: 100%;
      block-size: auto;
    }
    :where(p, h1, h2, h3, h4, h5, h6) {
      overflow-wrap: break-word;
    }
    :where(h1, h2, h3) {
      line-height: calc(1em + 0.5rem);
    }
    :where(hr) {
      border: none;
      border-block-start: 1px solid;
      color: inherit;
      block-size: 0;
      overflow: visible;
    }
    :where(:focus-visible, :target) {
      scroll-margin-block: 8vh;
    }
    :where(.visually-hidden:not(:focus-within, :active)) {
      clip-path: inset(50%) !important;
      height: 1px !important;
      width: 1px !important;
      overflow: hidden !important;
      position: absolute !important;
      white-space: nowrap !important;
      border: 0 !important;
    }
    :root {
      color-scheme: light;
    }
    html {
      touch-action: auto !important;
    }
    body {
      font-feature-settings: "palt";
      font-family: var(--t-noto);
      color: var(--ct-base);
      background-color: var(--cb-base);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: left center;
      background-attachment: fixed;
      height: 100%;
      touch-action: auto !important;
    }
    body[data-scrollable=false] {
      overflow-y: hidden;
    }
    body[data-scrollable=false] .c-eyes-nav {
      display: none;
    }
    body:has(.c-index) {
      background-color: var(--cb-request-common);
    }
    body:has(.l-main.l-event) {
      background-color: var(--c-color-34);
    }
    body:has(.l-main.request-common) {
      background-color: var(--cb-request-common);
    }
    a:not([class]) {
      color: var(--ct-link);
      text-decoration: underline;
    }
    :root {
      --c-primary: hsl(216deg 63% 44%);
      --cb-base: #d7d4fc;
      --c-color-01: hsl(228deg 55% 38% / 100%);
      --c-color-02: hsl(0deg 0% 100% / 100%);
      --c-color-03: hsl(0deg 0% 0% / 100%);
      --c-color-04: hsl(262deg 22% 17% / 100%);
      --c-color-08: hsl(0deg 0% 100% / 20%);
      --c-color-05: hsl(0deg 0% 100% / 20%);
      --c-color-06: hsl(0deg 0% 100% / 50%);
      --c-color-07: hsl(0deg 0% 100% / 0%);
      --c-color-09: linear-gradient(90deg, rgb(255 255 255 / 0%) 40%, #2c4198 100%);
      --c-color-10: hsl(228deg 45% 78% / 100%);
      --c-color-11: linear-gradient(90deg, rgb(255 255 255 / 0%) 30%, #2c4198 100%);
      --c-color-12: hsl(0deg 0% 61% / 100%);
      --c-color-13: hsl(0deg 0% 100% / 15%);
      --c-color-14: hsl(0deg 0% 100% / 95%);
      --c-color-15: hsl(198deg 100% 50% / 20%);
      --c-color-16: hsl(245deg 100% 82% / 100%);
      --c-color-17: hsl(198deg 100% 50% / 20%);
      --c-color-18: hsl(228deg 55% 38% / 20%);
      --c-color-19: #dfddfd;
      --c-color-20: hsl(198deg 100% 50% / 25%);
      --c-color-21: hsl(207deg 77% 72% / 100%);
      --c-color-22: hsl(155deg 39% 63% / 100%);
      --c-color-23: hsl(0deg 0% 100% / 70%);
      --c-color-24: linear-gradient(180deg, #d7d4fc 0%, #aca5ff 100%);
      --c-color-25: hsl(244deg 100% 82% / 100%);
      --c-color-26: hsl(246deg 100% 94% / 100%);
      --c-color-27: hsl(0deg 100% 46% / 100%);
      --c-color-28: hsl(198deg 100% 50% / 10%);
      --c-color-29: hsl(198deg 53% 57% / 100%);
      --c-color-30: hsl(0deg 0% 100% / 25%);
      --c-color-31: hsl(262deg 22% 17% / 100%);
      --c-color-32: hsl(228deg 71% 60% / 100%);
      --c-color-33: hsl(0deg 0% 0% / 20%);
      --c-color-34: hsl(245deg 45% 51% / 100%);
      --c-color-35: hsl(0deg 0% 0% / 10%);
      --c-color-36: hsl(0deg 0% 100% / 10%);
      --c-color-37: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, #fff 20%, #fff 80%, rgb(255 255 255 / 0%) 100%);
      --c-color-38: linear-gradient(90deg, rgb(255 255 255 / 0%) 40%, rgb(255 255 255 / 20%) 100%);
      --c-color-39: hsl(0deg 0% 89% / 100%);
      --c-color-40: hsl(0deg 100% 50% / 100%);
      --c-color-41: hsl(228deg 38% 47% / 100%);
      --c-color-42: hsl(0deg 0% 0% / 5%);
      --c-color-43: hsl(198deg 100% 50% / 30%);
      --c-color-44: hsl(0deg 0% 0% / 30%);
      --c-color-45: hsl(0deg 0% 98% / 100%);
      --c-color-46: hsl(0deg 0% 96% / 100%);
      --c-color-47: hsl(0deg 0% 96% / 50%);
      --c-color-48: hsl(0deg 0% 98% / 70%);
      --c-color-49: hsl(248deg 100% 97% / 100%);
      --c-color-50: #dddbfc;
      --c-color-51: hsl(245deg 97% 85% / 100%);
      --c-color-52: hsl(0deg 0% 80% / 100%);
      --c-color-53: hsl(245deg 100% 88% / 100%);
      --c-color-54: hsl(228deg 55% 38% / 50%);
      --cb-top-gradation: linear-gradient(90deg, #aca5ff 0%, #657cf6 50%, #aca5ff 100%);
      --cb-top-followbutton-list-border: hsl(228deg 35% 57% / 100%);
      --cb-top-followbutton-list-border-black: hsl(0deg 0% 32% / 100%);
      --cb-top-followbutton-sp-black: hsl(262deg 22% 16%);
      --cb-top-followbutton-hover-top: hsl(263deg 9% 33% / 100%);
      --cb-scroll-scrollbar-track: hsl(0deg 0% 0% / 10%);
      --cb-scroll-scrollbar-track-dark: hsl(0deg 0% 100% / 15%);
      --cb-scroll-scrollbar-track-white: hsl(0deg 0% 40% / 100%);
      --cb-scroll-text-underline: linear-gradient(90deg, #006, #006);
      --cb-scroll-text-underline-white: linear-gradient(90deg, #fff, #fff);
      --cb-scroll-youtube-desc: hsl(0deg 0% 100% / 39%);
      --cb-info-bg: hsl(0deg 0% 94%);
      --cb-button-hover: linear-gradient(90deg, hsl(0deg 0% 100% / 40%) 0%, hsl(256deg 100% 86% / 40%) 25%, hsl(220deg 100% 80% / 40%) 50%, hsl(169deg 100% 86% / 40%) 75%, hsl(0deg 0% 100% / 40%) 100%);
      --cb-button-hover-black: linear-gradient(90deg, hsl(0deg 0% 0% / 50%) 0%, hsl(223deg 97% 44% / 50%) 25.5%, hsl(259deg 100% 50% / 50%) 47.5%, hsl(228deg 100% 38% / 50%) 69.5%, hsl(0deg 0% 0% / 50%) 100%);
      --cb-technology-imagecolor: hsl(245deg 43% 32% / 40%);
      --cb-faculty-course: hsl(0deg 0% 100% / 15%);
      --cb-faculty-list-border: hsl(0deg 0% 30% / 100%);
      --cb-faculty-list-name: hsl(245deg 100% 82% / 100%);
      --cb-searchform-dropshadow: hsl(228deg 55% 38% / 10%);
      --cb-form-err: hsl(0deg 100% 93% / 70%);
      --cb-request-common: #d5d9ea;
      --ct-base: hsl(0deg 0% 100%);
      --ct-info-date: hsl(0deg 0% 50%);
      --ct-info-title: hsl(0deg 0% 33%);
      --ct-footer-groupschool-parent: hsl(0deg 0% 48% / 100%);
      --ct-footer-groupschool-child-border: hsl(242deg 49% 67% / 100%);
      --ct-glonavi-mintitle: hsl(0deg 0% 48% / 100%);
      --ct-searchform-placeholder: hsl(0deg 0% 80% / 100%);
      --ct-requestform-placeholder: hsl(0deg 0% 61% / 100%);
      --ct-form-err: hsl(0deg 100% 47% / 100%);
      --cl-info-border: hsl(0deg 0% 66%);
      --cl-info-border-title: hsl(0deg 0% 33%);
      --cl-info-category-border: hsl(0deg 0% 86%);
    }
    body.osaka {
      --c-primary: hsl(216deg 63% 44%);
      --cb-base: #c4dcf0;
      --c-color-01: hsl(228deg 55% 38% / 100%);
      --c-color-02: hsl(0deg 0% 100% / 100%);
      --c-color-03: hsl(0deg 0% 0% / 100%);
      --c-color-04: hsl(207deg 33% 18% / 100%);
      --c-color-05: hsl(0deg 0% 100% / 30%);
      --c-color-06: hsl(0deg 0% 100% / 50%);
      --c-color-07: hsl(0deg 0% 100% / 0%);
      --c-color-08: hsl(0deg 0% 100% / 20%);
      --c-color-09: linear-gradient(90deg, rgb(255 255 255 / 0%) 55%, #2c4198 100%);
      --c-color-10: hsl(228deg 45% 78% / 100%);
      --c-color-11: linear-gradient(90deg, rgb(255 255 255 / 0%) 30%, #2c4198 100%);
      --c-color-12: hsl(0deg 0% 61% / 100%);
      --c-color-13: hsl(0deg 0% 100% / 15%);
      --c-color-14: hsl(0deg 0% 100% / 95%);
      --c-color-15: hsl(198deg 100% 50% / 20%);
      --c-color-16: hsl(207deg 77% 72% / 100%);
      --c-color-17: hsl(198deg 100% 50% / 20%);
      --c-color-18: hsl(228deg 55% 38% / 20%);
      --c-color-19: #d0e3f3;
      --c-color-20: hsl(198deg 100% 50% / 25%);
      --c-color-21: hsl(207deg 77% 72% / 100%);
      --c-color-22: hsl(155deg 39% 63% / 100%);
      --c-color-23: hsl(0deg 0% 100% / 70%);
      --c-color-24: linear-gradient(180deg, #c4dcf0 0%, #77b4e9 100%);
      --c-color-25: hsl(207deg 72% 69% / 100%);
      --c-color-26: hsl(207deg 100% 91% / 100%);
      --c-color-27: hsl(0deg 100% 46% / 100%);
      --c-color-28: hsl(198deg 100% 50% / 10%);
      --c-color-29: hsl(198deg 53% 57% / 100%);
      --c-color-30: hsl(0deg 0% 100% / 25%);
      --c-color-31: hsl(262deg 22% 17% / 100%);
      --c-color-32: hsl(228deg 71% 60% / 100%);
      --c-color-33: hsl(0deg 0% 0% / 20%);
      --c-color-34: hsl(207deg 78% 45% / 100%);
      --c-color-35: hsl(0deg 0% 0% / 10%);
      --c-color-36: hsl(0deg 0% 100% / 10%);
      --c-color-37: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, #fff 20%, #fff 80%, rgb(255 255 255 / 0%) 100%);
      --c-color-38: linear-gradient(90deg, rgb(255 255 255 / 0%) 40%, rgb(255 255 255 / 20%) 100%);
      --c-color-39: hsl(0deg 0% 89% / 100%);
      --c-color-40: hsl(0deg 100% 50% / 100%);
      --c-color-41: hsl(228deg 38% 47% / 100%);
      --c-color-42: hsl(0deg 0% 0% / 5%);
      --c-color-43: hsl(198deg 100% 50% / 30%);
      --c-color-44: hsl(0deg 0% 0% / 30%);
      --c-color-45: hsl(0deg 0% 98% / 100%);
      --c-color-46: hsl(0deg 0% 96% / 100%);
      --c-color-47: hsl(0deg 0% 96% / 50%);
      --c-color-48: hsl(0deg 0% 98% / 70%);
      --c-color-49: hsl(248deg 100% 97% / 100%);
      --c-color-50: #cee1f2;
      --c-color-51: #82beef;
      --c-color-52: hsl(0deg 0% 80% / 100%);
      --c-color-53: hsl(207deg 70% 82% / 100%);
      --c-color-54: hsl(228deg 55% 38% / 50%);
      --cb-top-gradation: linear-gradient(90deg, #82beef 0%, #2040e8 50%, #82beef 100%);
      --cb-top-followbutton-list-border: hsl(228deg 35% 57% / 100%);
      --cb-top-followbutton-list-border-black: hsl(0deg 0% 32% / 100%);
      --cb-top-followbutton-sp-black: hsl(262deg 22% 16%);
      --cb-top-followbutton-hover-top: hsl(263deg 9% 33% / 100%);
      --cb-scroll-scrollbar-track: hsl(0deg 0% 0% / 10%);
      --cb-scroll-scrollbar-track-dark: hsl(0deg 0% 100% / 15%);
      --cb-scroll-scrollbar-track-white: hsl(0deg 0% 40% / 100%);
      --cb-scroll-text-underline: linear-gradient(90deg, #006, #006);
      --cb-scroll-text-underline-white: linear-gradient(90deg, #fff, #fff);
      --cb-scroll-youtube-desc: hsl(0deg 0% 100% / 39%);
      --cb-info-bg: hsl(0deg 0% 94%);
      --cb-button-hover: linear-gradient(90deg, hsl(0deg 0% 100% / 40%) 0%, hsl(256deg 100% 86% / 40%) 25%, hsl(220deg 100% 80% / 40%) 50%, hsl(169deg 100% 86% / 40%) 75%, hsl(0deg 0% 100% / 40%) 100%);
      --cb-button-hover-black: linear-gradient(90deg, hsl(0deg 0% 0% / 50%) 0%, hsl(223deg 97% 44% / 50%) 25.5%, hsl(259deg 100% 50% / 50%) 47.5%, hsl(228deg 100% 38% / 50%) 69.5%, hsl(0deg 0% 0% / 50%) 100%);
      --cb-technology-imagecolor: hsl(245deg 43% 32% / 40%);
      --cb-faculty-course: hsl(0deg 0% 100% / 15%);
      --cb-faculty-list-border: hsl(0deg 0% 30% / 100%);
      --cb-searchform-dropshadow: hsl(228deg 55% 38% / 10%);
      --cb-form-err: hsl(0deg 100% 93% / 70%);
      --cb-request-common: #d5d9ea;
      --ct-base: hsl(0deg 0% 100%);
      --ct-info-date: hsl(0deg 0% 50%);
      --ct-info-title: hsl(0deg 0% 33%);
      --ct-footer-groupschool-parent: hsl(0deg 0% 48% / 100%);
      --ct-footer-groupschool-child-border: hsl(242deg 49% 67% / 100%);
      --ct-glonavi-mintitle: hsl(0deg 0% 48% / 100%);
      --ct-searchform-placeholder: hsl(0deg 0% 80% / 100%);
      --ct-requestform-placeholder: hsl(0deg 0% 61% / 100%);
      --ct-form-err: hsl(0deg 100% 47% / 100%);
      --cl-info-border: hsl(0deg 0% 66%);
      --cl-info-border-title: hsl(0deg 0% 33%);
      --cl-info-category-border: hsl(0deg 0% 86%);
      background: hsba(262, 37%, 20%, 1);
    }
    body.nagoya {
      --c-primary: hsl(155deg 16% 17% / 100%);
      --cb-base: #cbe8dc;
      --c-color-01: hsl(228deg 55% 38% / 100%);
      --c-color-02: hsl(0deg 0% 100% / 100%);
      --c-color-03: hsl(0deg 0% 0% / 100%);
      --c-color-04: hsl(154deg 16% 17% / 100%);
      --c-color-05: hsl(0deg 0% 100% / 30%);
      --c-color-06: hsl(0deg 0% 100% / 50%);
      --c-color-07: hsl(0deg 0% 100% / 0%);
      --c-color-08: hsl(0deg 0% 100% / 20%);
      --c-color-09: linear-gradient(90deg, rgb(255 255 255 / 0%) 55%, #2c4198 100%);
      --c-color-10: hsl(228deg 45% 78% / 100%);
      --c-color-11: linear-gradient(90deg, rgb(255 255 255 / 0%) 30%, #2c4198 100%);
      --c-color-12: hsl(0deg 0% 61% / 100%);
      --c-color-13: hsl(0deg 0% 100% / 15%);
      --c-color-14: hsl(0deg 0% 100% / 95%);
      --c-color-15: hsl(198deg 100% 50% / 20%);
      --c-color-16: hsl(155deg 33% 63% / 100%);
      --c-color-17: hsl(198deg 100% 50% / 20%);
      --c-color-18: hsl(228deg 55% 38% / 20%);
      --c-color-19: #d5ece3;
      --c-color-20: hsl(198deg 100% 50% / 25%);
      --c-color-21: hsl(207deg 77% 72% / 100%);
      --c-color-22: hsl(155deg 39% 63% / 100%);
      --c-color-23: hsl(0deg 0% 100% / 70%);
      --c-color-24: linear-gradient(180deg, #cbe8dc 0%, #6bc09c 100%);
      --c-color-25: hsl(154deg 40% 58% / 100%);
      --c-color-26: hsl(154deg 51% 89% / 100%);
      --c-color-27: hsl(0deg 100% 46% / 100%);
      --c-color-28: hsl(198deg 100% 50% / 10%);
      --c-color-29: hsl(198deg 53% 57% / 100%);
      --c-color-30: hsl(0deg 0% 100% / 25%);
      --c-color-31: hsl(262deg 22% 17% / 100%);
      --c-color-32: hsl(228deg 71% 60% / 100%);
      --c-color-33: hsl(0deg 0% 0% / 20%);
      --c-color-34: hsl(155deg 49% 40% / 100%);
      --c-color-35: hsl(0deg 0% 0% / 10%);
      --c-color-36: hsl(0deg 0% 100% / 10%);
      --c-color-37: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, #fff 20%, #fff 80%, rgb(255 255 255 / 0%) 100%);
      --c-color-38: linear-gradient(90deg, rgb(255 255 255 / 0%) 40%, rgb(255 255 255 / 20%) 100%);
      --c-color-39: hsl(0deg 0% 89% / 100%);
      --c-color-40: hsl(0deg 100% 50% / 100%);
      --c-color-41: hsl(228deg 38% 47% / 100%);
      --c-color-42: hsl(0deg 0% 0% / 5%);
      --c-color-43: hsl(198deg 100% 50% / 30%);
      --c-color-44: hsl(0deg 0% 0% / 30%);
      --c-color-45: hsl(0deg 0% 98% / 100%);
      --c-color-46: hsl(0deg 0% 96% / 100%);
      --c-color-47: hsl(0deg 0% 96% / 50%);
      --c-color-48: hsl(0deg 0% 98% / 70%);
      --c-color-49: hsl(248deg 100% 97% / 100%);
      --c-color-50: #d3ebe1;
      --c-color-51: #7dc6a7;
      --c-color-52: hsl(0deg 0% 80% / 100%);
      --c-color-53: hsl(155deg 41% 76% / 100%);
      --c-color-54: hsl(228deg 55% 38% / 50%);
      --cb-top-gradation: linear-gradient(90deg, #7dc6a7 0%, #008eba 50%, #7dc6a7 100%);
      --cb-top-followbutton-list-border: hsl(228deg 35% 57% / 100%);
      --cb-top-followbutton-list-border-black: hsl(0deg 0% 32% / 100%);
      --cb-top-followbutton-sp-black: hsl(262deg 22% 16%);
      --cb-top-followbutton-hover-top: hsl(263deg 9% 33% / 100%);
      --cb-scroll-scrollbar-track: hsl(0deg 0% 0% / 10%);
      --cb-scroll-scrollbar-track-dark: hsl(0deg 0% 100% / 15%);
      --cb-scroll-scrollbar-track-white: hsl(0deg 0% 40% / 100%);
      --cb-scroll-text-underline: linear-gradient(90deg, #006, #006);
      --cb-scroll-text-underline-white: linear-gradient(90deg, #fff, #fff);
      --cb-scroll-youtube-desc: hsl(0deg 0% 100% / 39%);
      --cb-info-bg: hsl(0deg 0% 94%);
      --cb-button-hover: linear-gradient(90deg, hsl(0deg 0% 100% / 40%) 0%, hsl(256deg 100% 86% / 40%) 25%, hsl(220deg 100% 80% / 40%) 50%, hsl(169deg 100% 86% / 40%) 75%, hsl(0deg 0% 100% / 40%) 100%);
      --cb-button-hover-black: linear-gradient(90deg, hsl(0deg 0% 0% / 50%) 0%, hsl(223deg 97% 44% / 50%) 25.5%, hsl(259deg 100% 50% / 50%) 47.5%, hsl(228deg 100% 38% / 50%) 69.5%, hsl(0deg 0% 0% / 50%) 100%);
      --cb-technology-imagecolor: hsl(245deg 43% 32% / 40%);
      --cb-faculty-course: hsl(0deg 0% 100% / 15%);
      --cb-faculty-list-border: hsl(0deg 0% 30% / 100%);
      --cb-searchform-dropshadow: hsl(228deg 55% 38% / 10%);
      --cb-form-err: hsl(0deg 100% 93% / 70%);
      --cb-request-common: #d5d9ea;
      --ct-base: hsl(0deg 0% 100%);
      --ct-info-date: hsl(0deg 0% 50%);
      --ct-info-title: hsl(0deg 0% 33%);
      --ct-footer-groupschool-parent: hsl(0deg 0% 48% / 100%);
      --ct-footer-groupschool-child-border: hsl(242deg 49% 67% / 100%);
      --ct-glonavi-mintitle: hsl(0deg 0% 48% / 100%);
      --ct-searchform-placeholder: hsl(0deg 0% 80% / 100%);
      --ct-requestform-placeholder: hsl(0deg 0% 61% / 100%);
      --ct-form-err: hsl(0deg 100% 47% / 100%);
      --cl-info-border: hsl(0deg 0% 66%);
      --cl-info-border-title: hsl(0deg 0% 33%);
      --cl-info-category-border: hsl(0deg 0% 86%);
    }
    :root {
      --t-base: "Helvetica Neue", arial, "Hiragino Kaku Gothic ProN",
        "Hiragino Sans", meiryo, sans-serif;
      --t-jost: "Jost", "Noto Sans JP", var(--t-base);
      --t-noto: "Noto Sans JP", var(--t-base);
    }
    :root {
      --s-px-content: 20px;
    }
  }
  @layer layout {
    .l-page {
      width: 100%;
      min-height: 100dvh;
      position: relative;
    }
    .l-page-overflow-visible {
      overflow: visible;
    }
    .l-header {
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1000;
    }
    .l-header-content {
      display: flex;
      background-color: var(--c-color-04);
      position: relative;
      z-index: 5;
      height: 84px;
    }
    @media screen and (max-width: 960px) {
      .l-header-content {
        height: 50px;
        z-index: 50;
      }
    }
    .l-header-content__navpc {
      display: flex;
      gap: 32px;
      margin-right: 99px;
      align-items: center;
      justify-content: flex-end;
      width: 100%;
      opacity: 1;
      transition: opacity 0.3s;
    }
    .l-header-content__navpc__logo {
      margin-right: auto;
      width: auto;
      --request-logo-opacity: 0.5;
    }
    .l-header-content__navpc__logo.request-header-logo {
      --request-logo-opacity: none;
    }
    .l-header-content__navpc__logo > :where(img) {
      margin-left: 17px;
      transition: opacity 0.1s ease-out;
    }
    @media (hover: hover) {
      .l-header-content__navpc__logo > :where(img):hover {
        opacity: var(--request-logo-opacity);
      }
    }
    .l-header-content__navpc__logo:is(h1) > :where(a) > :where(img) {
      margin-left: 17px;
      transition: opacity 0.1s ease-out;
    }
    @media (hover: hover) {
      .l-header-content__navpc__logo:is(h1) > :where(a) > :where(img):hover {
        opacity: var(--request-logo-opacity);
      }
    }
    .l-header-content__navpc-top {
      gap: 16px;
    }
    .l-header-content__navpc-top-info_access {
      font-size: 14px;
      font-weight: 400;
      line-height: 20.27px;
      text-align: center;
      margin-right: 4px;
      letter-spacing: 0.08em;
    }
    .l-header-content__navpc-top-slash {
      margin-left: 4px;
      margin-right: 4px;
    }
    .l-header-content__navpc-top-language {
      font-size: 16px;
      font-weight: 700;
      line-height: 23.17px;
      text-align: center;
    }
    .l-header-content__navpc-top-language[data-theme=lang-off] {
      opacity: 0.3;
    }
    .l-header-content__navpc-top-searchtext {
      border: none;
      outline: none;
      border-bottom: 1px solid var(--c-color-02);
      background-color: transparent;
      margin-left: 4px;
      padding-bottom: 2px;
      height: 15px;
      width: 168px;
      font-size: 13px;
      letter-spacing: 0.08em;
      appearance: none;
      border-radius: 0;
    }
    .l-header-content__navpc-bottom {
      gap: 19px;
      font-size: 14px;
      font-weight: 700;
      line-height: 20.27px;
      text-align: center;
      letter-spacing: 0.08em;
    }
    .l-header-content__navpc > :where(div)[data-content=hamburger] {
      display: block;
      width: 39px;
      height: 39px;
      position: relative;
      transition: opacity 0.1s ease-out;
      --span-width: 31px;
      --span-left: 2px;
      --span-top-1: 11px;
      --span-top-2: 23px;
      /* ボタン内側 */
    }
    @media (hover: hover) {
      .l-header-content__navpc > :where(div)[data-content=hamburger]:hover {
        opacity: 0.5;
      }
    }
    .l-header-content__navpc > :where(div)[data-content=hamburger] > :where(span) {
      width: var(--span-width);
      height: 3px;
      left: var(--span-left);
      border-radius: 3px;
      display: inline-block;
      position: absolute;
      background: var(--c-color-02);
      transition: all 0.4s;
    }
    .l-header-content__navpc > :where(div)[data-content=hamburger] > :where(span):nth-of-type(1) {
      top: var(--span-top-1);
    }
    .l-header-content__navpc > :where(div)[data-content=hamburger] > :where(span):nth-of-type(2) {
      top: var(--span-top-2);
    }
    .l-header-content__navpc-topdiv {
      display: flex;
      width: auto;
      flex-direction: column;
      gap: 6px;
    }
    .l-header-content__navpc-topdiv > :where(ul) {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .l-header-content__navpc-topdiv > :where(ul) > :where(form) {
      display: flex;
    }
    .l-header-content__navpc-topdiv > :where(ul) > :where(li) {
      display: flex;
    }
    .l-header-content__navpc-topdiv > :where(ul) > :where(li) > :where(a) {
      position: relative;
      display: inline-block;
      text-decoration: none;
      transition: color 0.3s ease-out;
    }
    .l-header-content__navpc-topdiv > :where(ul) > :where(li) > :where(a)::after {
      content: attr(data-text);
      position: absolute;
      inset: 0;
      background: var(--cb-top-gradation);
      opacity: 0;
      transition: opacity 0.1s ease-out;
      background-size: 200% 100%;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      animation-name: gradation-animation;
      animation-duration: 3s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-direction: normal;
    }
    .l-header-content__navpc-topdiv > :where(ul) > :where(li) > :where(a):hover {
      color: transparent !important;
    }
    .l-header-content__navpc-topdiv > :where(ul) > :where(li) > :where(a):hover::after {
      opacity: 1;
    }
    @keyframes gradation-animation {
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: -200% 0;
      }
    }
    .l-header-content__navsp {
      width: 100%;
      display: flex;
      gap: 16px;
      align-items: center;
      justify-content: flex-end;
      margin-right: 75px;
      opacity: 1;
      transition: opacity 0.3s;
    }
    .l-header-content__navsp__logo {
      margin-right: auto;
    }
    .l-header-content__navsp__logo > :where(img) {
      height: 32px;
      object-fit: contain;
      margin-left: 10.53px;
    }
    .l-header-content__navsp-slash {
      border: 0.75px;
      margin-left: 3px;
      margin-right: 3px;
    }
    .l-header-content__navsp-language {
      font-size: 16px;
      font-weight: 700;
      line-height: 28.8px;
      text-align: center;
    }
    .l-header-content__navsp-language[data-theme=lang-off] {
      opacity: 0.3;
    }
    .l-header-content__navsp > :where(div)[data-content=hamburger] {
      display: block;
      width: 50px;
      height: 32px;
      margin-right: 5px;
      position: relative;
      transition: opacity 0.1s ease-out;
      --span-width: 25px;
      --span-left: 2px;
      --span-top-1: 7px;
      --span-top-2: 19px;
      /* ボタン内側 */
    }
    @media (hover: hover) {
      .l-header-content__navsp > :where(div)[data-content=hamburger]:hover {
        opacity: 0.5;
      }
    }
    .l-header-content__navsp > :where(div)[data-content=hamburger] > :where(span) {
      content: "";
      width: var(--span-width);
      height: 2.25px;
      left: var(--span-left);
      border-radius: 3px;
      display: inline-block;
      position: absolute;
      background: var(--c-color-02);
      transition: all 0.4s;
    }
    .l-header-content__navsp > :where(div)[data-content=hamburger] > :where(span):nth-of-type(1) {
      top: var(--span-top-1);
    }
    .l-header-content__navsp > :where(div)[data-content=hamburger] > :where(span):nth-of-type(2) {
      top: var(--span-top-2);
    }
    .l-header-content__navsp > :where(ul) > :where(li) {
      display: flex;
    }
    .l-header-content__navsp > :where(ul) > :where(li) > :where(a) {
      text-decoration: none;
    }
    .l-header-content .header-none {
      opacity: 0;
      pointer-events: none;
    }
    .l-header-no-follow {
      position: static;
    }
    body:has(.c-op-overlay) .l-header-content {
      transform: translateY(-100%);
    }
    .l-main {
      --px-content: max(var(--s-px-content), (100% - var(--w-max-content)) / 2);
      overflow-x: hidden;
      background-color: var(--cb-base);
      position: relative;
      max-width: 2200px;
      margin: 0 auto;
    }
    .l-main-overflow-visible {
      overflow: visible;
    }
    .l-main-nolimit {
      max-width: none;
    }
    .maxwidth-1440px {
      max-width: 1440px !important;
      margin-right: auto !important;
      margin-left: auto !important;
    }
    .maxwidth-2200px {
      max-width: 2200px !important;
    }
    .l-footer {
      width: 100%;
      position: sticky;
      top: 0;
      left: 0;
      z-index: 1;
      background-color: var(--c-color-04);
    }
    .l-footer-request {
      display: flex;
      flex-direction: column;
    }
    .l-footer-content {
      display: flex;
      flex-direction: column;
      --background-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-logo_pc01.webp");
      --hyphen-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-groupschool-hyphen-tokyo.svg");
      --li-tokyokk: 1;
      --li-osakakk: 2;
      --li-nagoyakk: 3;
      --hal-tokyo: 1;
      --hal-osaka: 2;
      --hal-nagoya: 3;
      --mode-tokyo: 4;
      --mode-osaka: 5;
      --mode-nagoya: 6;
      --medic-tokyo: 7;
      --medic-osaka: 8;
      --medic-nagoya: 9;
      background-image: var(--background-image);
      background-position: right calc(100% + 5px);
      background-size: contain;
      background-repeat: no-repeat;
      min-height: 581px;
    }
    .l-footer-content.l-footer-osaka {
      --background-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-logo_pc02.webp");
      --li-tokyokk: 2;
      --li-osakakk: 1;
      --li-nagoyakk: 3;
      --hal-tokyo: 2;
      --hal-osaka: 1;
      --hal-nagoya: 3;
      --mode-tokyo: 5;
      --mode-osaka: 4;
      --mode-nagoya: 6;
      --medic-tokyo: 8;
      --medic-osaka: 7;
      --medic-nagoya: 9;
      --hyphen-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-groupschool-hyphen-osaka.svg");
    }
    .l-footer-content.l-footer-nagoya {
      --background-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-logo_pc03.webp");
      --li-tokyokk: 2;
      --li-osakakk: 3;
      --li-nagoyakk: 1;
      --hal-tokyo: 2;
      --hal-osaka: 3;
      --hal-nagoya: 1;
      --mode-tokyo: 5;
      --mode-osaka: 6;
      --mode-nagoya: 4;
      --medic-tokyo: 8;
      --medic-osaka: 9;
      --medic-nagoya: 7;
      --hyphen-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-groupschool-hyphen-nagoya.svg");
    }
    @media screen and (max-width: 960px) {
      .l-footer-content {
        --background-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-logo_sp01.webp");
      }
      .l-footer-content.l-footer-osaka {
        --background-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-logo_sp02.webp");
      }
      .l-footer-content.l-footer-nagoya {
        --background-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-logo_sp03.webp");
      }
    }
    .l-footer-content .footer-tokyokk {
      order: var(--li-tokyokk);
    }
    .l-footer-content .footer-osakakk {
      order: var(--li-osakakk);
    }
    .l-footer-content .footer-nagoyakk {
      order: var(--li-nagoyakk);
    }
    .l-footer-content .footer-fashion {
      order: 4;
    }
    .l-footer-content .footer-hal-tokyo {
      order: var(--hal-tokyo);
    }
    .l-footer-content .footer-hal-osaka {
      order: var(--hal-osaka);
    }
    .l-footer-content .footer-hal-nagoya {
      order: var(--hal-nagoya);
    }
    .l-footer-content .footer-mode-tokyo {
      order: var(--mode-tokyo);
    }
    .l-footer-content .footer-mode-osaka {
      order: var(--mode-osaka);
    }
    .l-footer-content .footer-mode-nagoya {
      order: var(--mode-nagoya);
    }
    .l-footer-content .footer-medic-tokyo {
      order: var(--medic-tokyo);
    }
    .l-footer-content .footer-medic-osaka {
      order: var(--medic-osaka);
    }
    .l-footer-content .footer-medic-nagoya {
      order: var(--medic-nagoya);
    }
    @media screen and (min-width: 961px) and (width <= 1440px) {
      .l-footer-content {
        background-size: 100% auto;
      }
    }
    @media screen and (max-width: 960px) {
      .l-footer-content {
        background-position: top right;
        background-size: auto;
        min-height: 700px;
      }
    }
    .l-footer-content__nav[data-theme=pc] {
      display: flex;
      flex-flow: column;
    }
    .l-footer-content__nav[data-theme=pc] a {
      transition: opacity 0.1s ease-out;
    }
    @media (hover: hover) {
      .l-footer-content__nav[data-theme=pc] a:hover {
        opacity: 0.5;
      }
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) {
      max-width: 1440px;
      width: 100%;
      display: flex;
      margin: 0 auto;
      padding: 0 120px;
    }
    @media screen and (max-width: 960px) {
      .l-footer-content__nav[data-theme=pc] > :where(div) {
        padding: 0;
      }
    }
    .l-footer-content__nav[data-theme=pc] > :where(div)[data-content=footer-middle] {
      margin-top: 65px;
      height: 9px;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div)[data-content=footer-bottom] {
      margin-top: 24px;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div)[data-divcontent=footer-top-div1] {
      width: auto;
      margin-top: 70px;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div)[data-divcontent=footer-top-div2] {
      width: auto;
      margin-top: 102px;
      margin-left: auto;
      display: flex;
      flex-flow: column;
      gap: 39px;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div)[data-divcontent=footer-bottom-div1] {
      max-width: 200px;
      display: flex;
      flex-flow: column;
      gap: 9px;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div)[data-divcontent=footer-bottom-div2] {
      max-width: 415px;
      width: 300%;
      height: 127px;
      display: flex;
      flex-flow: column;
      gap: 9px;
      margin-left: 40px;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div)[data-divcontent=footer-bottom-div3] {
      max-width: 119px;
      display: flex;
      flex-flow: column;
      gap: 9px;
      margin-left: 40px;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) {
      display: flex;
      --bottom-child-gap-x: 24px;
      --bottom-child-gap-y: 8px;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul)[data-ulcontent=footer-top-ul1] {
      display: flex;
      flex-flow: column;
      gap: 6px;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul)[data-ulcontent=footer-top-ul2] {
      width: fit-content;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      margin-left: auto;
      margin-right: 0;
      gap: 28.6px;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul)[data-ulcontent=footer-top-ul3] {
      width: fit-content;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 24px;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul)[data-ulcontent=footer-middle-ul1] {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      object-fit: cover;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul)[data-ulcontent=footer-bottom-ul1] {
      display: flex;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul)[data-ulcontent=footer-bottom-ul2] {
      display: flex;
      flex-flow: column;
      gap: var(--bottom-child-gap-y);
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul)[data-ulcontent=footer-bottom-ul3] {
      display: flex;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul)[data-ulcontent=footer-bottom-ul4] {
      height: calc(66% + var(--bottom-child-gap-y) * 3);
      display: flex;
      flex-flow: column wrap;
      gap: var(--bottom-child-gap-y) var(--bottom-child-gap-x);
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul)[data-ulcontent=footer-bottom-ul5] {
      display: flex;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul)[data-ulcontent=footer-bottom-ul6] {
      display: flex;
      flex-flow: column;
      gap: var(--bottom-child-gap-y);
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) {
      display: flex;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) .footer-sitemap {
      width: 100%;
      font-size: 16px;
      font-weight: 400;
      line-height: 28.8px;
      text-align: left;
      display: inline;
      word-wrap: break-word;
      /**
      > :where(span) {
          background-image: linear-gradient(to left, var(--c-color-08), var(--c-color-08)), linear-gradient(to left, var(--c-color-07), var(--c-color-07));
          background-size:
              100% 1px,
              0% 1px;
          background-position: bottom left;
          background-repeat: no-repeat;

          @include hover {
              background-image: linear-gradient(to left, var(--c-color-07), var(--c-color-07)), linear-gradient(to left, var(--c-color-08), var(--c-color-08));
              transition: background-size 0.6s;
              background-size:
                  100% 1px,
                  100% 1px;
              background-position: bottom left;
          }
      }
          **/
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) > :where(a) {
      display: flex;
      white-space: nowrap;
      text-decoration: none;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) > :where(a)[data-content-name=university-name] {
      font-size: 22px;
      font-weight: 700;
      line-height: 35.2px;
      text-align: left;
      letter-spacing: 0.08em;
      text-wrap: wrap;
      pointer-events: none;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) > :where(a)[data-content-name=address] {
      font-size: 16px;
      font-weight: 400;
      line-height: 28.8px;
      letter-spacing: 0.04em;
      text-align: left;
      text-wrap: wrap;
      pointer-events: none;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) > :where(a)[data-content-name=map] {
      font-size: 16px;
      font-weight: 400;
      line-height: 28.8px;
      letter-spacing: 0.04em;
      text-align: left;
      padding-bottom: 0;
      display: flex;
      gap: 6px;
      margin-right: 13px;
      /**
      > :where(span) {
          background-image: linear-gradient(to left, var(--c-color-08), var(--c-color-08)), linear-gradient(to left, var(--c-color-07), var(--c-color-07));
          background-size:
              100% 1px,
              0% 1px;
          background-position: bottom left;
          background-repeat: no-repeat;

          @include hover {
              background-image: linear-gradient(to left, var(--c-color-07), var(--c-color-07)), linear-gradient(to left, var(--c-color-08), var(--c-color-08));
              transition: background-size 0.6s;
              background-size:
                  100% 1px,
                  100% 1px;
              background-position: bottom left;
          }
      }
      **/
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) > :where(a)[data-content-name=instagram] > :where(img) {
      width: auto;
      height: 35.47px;
      object-fit: contain;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) > :where(a)[data-content-name=youtube] > :where(img) {
      width: auto;
      height: 33.83px;
      object-fit: contain;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) > :where(a)[data-content-name=twitter] > :where(img) {
      width: auto;
      height: 33px;
      object-fit: contain;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) > :where(a)[data-content-name=facebook] > :where(img) {
      width: auto;
      height: 35.47px;
      object-fit: contain;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) > :where(a)[data-content-name=line] > :where(img) {
      width: 35.5px;
      height: auto;
      object-fit: contain;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) > :where(a)[data-content-name=houjinsite] {
      width: 100%;
      text-decoration: none;
      gap: 6px;
      margin-right: 13px;
      border-bottom: none;
      margin-bottom: 0;
      text-align: left;
      display: flex;
      justify-content: flex-start;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) > :where(a)[data-content-name=houjinsite] > :where(p) {
      display: inline;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) > :where(a)[data-content-name=group] {
      height: 100%;
      font-size: 12px;
      font-weight: 400;
      line-height: 19.2px;
      letter-spacing: 0.04em;
      text-align: left;
      display: flex;
      opacity: 0.5;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) > :where(a)[data-content-name=groupschool] {
      font-size: 16px;
      font-weight: 700;
      pointer-events: none;
    }
    .l-footer-content__nav[data-theme=pc] > :where(div) > :where(div) > :where(ul) > :where(li) > :where(a)[data-content-name=groupschool-child] {
      width: auto;
      font-size: 16px;
      font-weight: 400;
      line-height: 28.8px;
      letter-spacing: 0.04em;
      text-align: left;
      display: flex;
      justify-content: flex-start;
      gap: 6px;
      /**
      > :where(span) {
          background-image: linear-gradient(to left, var(--c-color-08), var(--c-color-08)), linear-gradient(to left, var(--c-color-07), var(--c-color-07));
          background-size:
              100% 1px,
              0% 1px;
          background-position: bottom left;
          background-repeat: no-repeat;

          @include hover {
              background-image: linear-gradient(to left, var(--c-color-07), var(--c-color-07)), linear-gradient(to left, var(--c-color-08), var(--c-color-08));
              transition: background-size 0.6s;
              background-size:
                  100% 1px,
                  100% 1px;
              background-position: bottom left;
          }
      }
      **/
    }
    .l-footer-content__nav[data-theme=sp] {
      width: 100%;
      height: auto;
      display: flex;
      flex-flow: column;
    }
    .l-footer-content__nav[data-theme=sp] a {
      transition: opacity 0.1s ease-out;
    }
    @media (hover: hover) {
      .l-footer-content__nav[data-theme=sp] a:hover {
        opacity: 0.5;
      }
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) {
      margin-left: 24px;
      margin-right: 24px;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul)[data-ul-content=sp-footer-ul1] {
      margin-top: 49px;
      display: flex;
      flex-flow: column;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul)[data-ul-content=sp-footer-ul2] {
      margin-top: 53px;
      display: flex;
      gap: 28.6px;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul)[data-ul-content=sp-footer-ul3] {
      margin-top: 39px;
      display: flex;
      flex-flow: column wrap;
      gap: 17px;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul)[data-ul-content=sp-footer-ul4] {
      --is-enabled: 1;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(li)[data-content-name=sp-footer-li1] {
      margin-top: 8.5px;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(li) > :where(img).border {
      width: 100%;
      object-fit: cover;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(li) .footer-sitemap {
      font-size: 14px;
      font-weight: 400;
      line-height: 22.4px;
      letter-spacing: 0.04em;
      text-align: left;
      padding-bottom: 0;
      display: inline-flex;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(li) > :where(a) {
      text-decoration: none;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(li) > :where(a)[data-content-name=university-name] {
      font-size: 18px;
      font-weight: 700;
      line-height: 28.8px;
      letter-spacing: 0.08em;
      text-align: left;
      pointer-events: none;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(li) > :where(a)[data-content-name=address] {
      font-size: 14px;
      font-weight: 400;
      line-height: 22.4px;
      letter-spacing: 0.04em;
      text-align: left;
      pointer-events: none;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(li) > :where(a)[data-content-name=map] {
      font-size: 14px;
      font-weight: 400;
      line-height: 22.4px;
      letter-spacing: 0.04em;
      text-align: left;
      padding-bottom: 0;
      display: inline-flex;
      gap: 7px;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(li) > :where(a)[data-content-name=instagram] > :where(img) {
      width: 35.26px;
      height: auto;
      object-fit: contain;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(li) > :where(a)[data-content-name=youtube] > :where(img) {
      width: 46.74px;
      height: auto;
      object-fit: contain;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(li) > :where(a)[data-content-name=twitter] > :where(img) {
      width: 32px;
      height: auto;
      object-fit: contain;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(li) > :where(a)[data-content-name=facebook] > :where(img) {
      width: 35.26px;
      height: auto;
      object-fit: contain;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(li) > :where(a)[data-content-name=line] > :where(img) {
      width: 35.5px;
      height: auto;
      object-fit: contain;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(li) > :where(a)[data-content-name=houjinsite] {
      text-decoration: none;
      display: inline-flex;
      gap: 7px;
      border-bottom: none;
      margin-bottom: 50px;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(li) > :where(a)[data-content-name=houjinsite] > :where(p) {
      padding-bottom: 0;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) {
      height: auto;
      display: flex;
      flex-wrap: wrap;
      border-top: 1px solid var(--c-color-36);
      border-bottom: 1px solid var(--c-color-36);
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details)[open] .c-category-accordion-plus::before {
      transform: rotate(0deg);
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) > :where(summary) {
      transition: opacity 0.1s ease-out;
      width: 100%;
      height: 50px;
      align-items: center;
      display: flex;
      position: relative;
    }
    @media (hover: hover) {
      .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) > :where(summary):hover {
        opacity: 0.5;
      }
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) > :where(summary) > :where(p) {
      font-size: 14px;
      font-weight: 400;
      line-height: 22.4px;
      letter-spacing: 0.04em;
      text-align: left;
      text-decoration: none;
      color: var(--c-color-02);
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) > :where(summary) > :where(div) {
      width: 12px;
      height: 2px;
      display: inline-block;
      margin-right: 8px;
      margin-left: auto;
      color: var(--c-color-02);
      line-height: 1;
      border-radius: 5px;
      background-color: var(--c-color-02);
      position: relative;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) > :where(summary) > :where(div)::before {
      content: "";
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      background: inherit;
      border-radius: inherit;
      transform: rotate(90deg);
      transition: 0.3s;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) > :where(summary)::-webkit-details-marker {
      display: none;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) > :where(ul) {
      width: 100%;
      height: 100%;
      display: flex;
      flex-flow: column;
      margin-left: 5px;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) > :where(ul) > :where(li) {
      width: 100%;
      display: flex;
      flex-flow: column;
      align-items: flex-start;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) > :where(ul) > :where(li):first-child {
      margin-top: 13px;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) > :where(ul) > :where(li):not(:first-child) {
      margin-top: 24px;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) > :where(ul) > :where(li):last-child {
      margin-bottom: 24px;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) > :where(ul) > :where(li) > :where(p) {
      font-size: 12px;
      font-weight: 700;
      line-height: 19.2px;
      letter-spacing: 0.04em;
      text-align: left;
      color: var(--ct-footer-groupschool-parent);
      margin-bottom: 6px;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) > :where(ul) > :where(li) > :where(a) {
      font-size: 14px;
      font-weight: 400;
      line-height: 22.4px;
      letter-spacing: 0.04em;
      text-align: left;
      display: flex;
      justify-content: flex-start;
      text-decoration-line: none;
      padding-left: 16px;
      background-image: var(--hyphen-image);
      background-position: center left;
      background-repeat: no-repeat;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) > :where(ul) > :where(li) > :where(a):not(:last-child) {
      margin-bottom: 3px;
    }
    .l-footer-content__nav[data-theme=sp] > :where(ul) > :where(details) > :where(ul) > :where(li) > :where(a) > :where(img) {
      margin-left: 6px;
    }
    .l-footer-content .l-footer-bottom {
      width: 100%;
      max-width: 1440px;
      margin: 55px auto 0;
      padding: 0 120px;
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom {
        margin: 0;
        padding: 0 24px;
      }
    }
    @media screen and (min-width: 961px) {
      .l-footer-content .l-footer-bottom :where(summary) {
        transition: opacity 0.1s ease-out;
      }
    }
    @media screen and (min-width: 961px) and (hover: hover) {
      .l-footer-content .l-footer-bottom :where(summary):hover {
        opacity: 0.5;
      }
    }
    @media screen and (min-width: 961px) {
      .l-footer-content .l-footer-bottom :where(a) {
        transition: opacity 0.1s ease-out;
      }
    }
    @media screen and (min-width: 961px) and (hover: hover) {
      .l-footer-content .l-footer-bottom :where(a):hover {
        opacity: 0.5;
      }
    }
    .l-footer-content .l-footer-bottom-pagedetail {
      width: 100%;
      height: auto;
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px solid var(--c-color-36);
    }
    @media screen and (min-width: 961px) {
      .l-footer-content .l-footer-bottom-pagedetail {
        border-top: 1px solid var(--c-color-36);
      }
    }
    .l-footer-content .l-footer-bottom-pagedetail > summary {
      width: 100%;
      height: 62px;
      align-items: center;
      display: flex;
      position: relative;
      list-style: none;
      transition: opacity 0.1s ease-out;
    }
    @media (hover: hover) {
      .l-footer-content .l-footer-bottom-pagedetail > summary:hover {
        opacity: 0.5;
      }
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom-pagedetail > summary {
        height: 50px;
      }
    }
    .l-footer-content .l-footer-bottom-pagedetail > summary::-webkit-details-marker {
      display: none;
    }
    .l-footer-content .l-footer-bottom-pagedetail > summary .l-footer-button-pc {
      width: 12px;
      height: 6px;
      margin-right: auto;
      margin-left: 8px;
      position: relative;
      display: inline-block;
      background-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-acordion-close.svg");
      background-position: bottom left;
      background-repeat: no-repeat;
    }
    .l-footer-content .l-footer-bottom-pagedetail > summary .l-footer-button-sp {
      width: 12px;
      height: 2px;
      display: inline-block;
      margin-right: 8px;
      margin-left: auto;
      color: var(--c-color-02);
      line-height: 1;
      border-radius: 5px;
      background-color: var(--c-color-02);
      position: relative;
    }
    .l-footer-content .l-footer-bottom-pagedetail > summary .l-footer-button-sp::before {
      content: "";
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      background: inherit;
      border-radius: inherit;
      transform: rotate(90deg);
      transition: 0.3s;
    }
    .l-footer-content .l-footer-bottom-pagedetail > summary > :where(p) {
      font-size: 16px;
      font-weight: 400;
      line-height: 28.8px;
      letter-spacing: 0.04em;
      text-align: left;
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom-pagedetail > summary > :where(p) {
        font-size: 14px;
        font-weight: 400;
        line-height: 22.4px;
        letter-spacing: 0.04em;
        text-align: left;
      }
    }
    .l-footer-content .l-footer-bottom-pagedetail[open] .l-footer-button-sp::before {
      transform: rotate(0deg);
    }
    .l-footer-content .l-footer-bottom-pagedetail[open] .l-footer-button-pc {
      background-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-acordion-open.svg");
    }
    .l-footer-content .l-footer-bottom-pagedetail > :where(ul) {
      display: grid;
      grid-template-columns: repeat(2, 1fr); /* 2列 */
      gap: 39px 105px;
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom-pagedetail > :where(ul) {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 15px;
        gap: 18px;
      }
    }
    .l-footer-content .l-footer-bottom-pagedetail > :where(ul) > :where(li) {
      text-align: start;
    }
    .l-footer-content .l-footer-bottom-pagedetail > :where(ul) > :where(li) > :where(div) > :where(a) {
      display: block;
      width: fit-content;
      min-height: 28.8px;
      transition: opacity 0.1s ease-out;
    }
    @media (hover: hover) {
      .l-footer-content .l-footer-bottom-pagedetail > :where(ul) > :where(li) > :where(div) > :where(a):hover {
        opacity: 0.5;
      }
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom-pagedetail > :where(ul) > :where(li) > :where(div) > :where(a) {
        min-height: none;
      }
    }
    .l-footer-content .l-footer-bottom-pagedetail > :where(ul) > :where(li) > :where(div) > :where(a) > :where(div) {
      font-size: 16px;
      font-weight: 700;
      line-height: 28.8px;
      letter-spacing: 0.04em;
      text-align: left;
      font-feature-settings: "halt" on;
      color: var(--c-color-02);
      display: inline-flex;
      align-items: center; /* テキストとアイコンを上下中央揃え */
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom-pagedetail > :where(ul) > :where(li) > :where(div) > :where(a) > :where(div) {
        font-size: 14px;
        font-weight: 700;
        line-height: 22.4px;
        letter-spacing: 0.04em;
        text-align: left;
      }
    }
    .l-footer-content .l-footer-bottom-pagedetail > :where(ul) > :where(li) > :where(div) > :where(a) > :where(div)::after {
      content: "";
      display: inline-block;
      width: 6px;
      height: 12px;
      margin-left: 16px;
      margin-top: 3px;
      background-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-acordion-arrow.svg");
      background-size: auto;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
    }
    .l-footer-content .l-footer-bottom-pagedetail > :where(ul) > :where(li) > :where(div) > :where(div) {
      height: 1px;
      width: 100%;
      opacity: 0.2;
      background-color: var(--c-color-02);
      margin-top: 18px;
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom-pagedetail > :where(ul) > :where(li) > :where(div) > :where(div) {
        margin-top: 14px;
      }
    }
    .l-footer-content .l-footer-bottom-pagedetail > :where(ul) > :nth-child(8):where(li) > :where(div) > :where(a) > :where(h4)::after {
      display: none;
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom-pagedetail > :where(ul) > :nth-child(2):where(li) {
        display: none;
      }
    }
    .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list {
      margin-top: 28px;
      display: grid;
      gap: 7px;
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list {
        margin-top: 16px;
        gap: 5px;
      }
    }
    .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list p {
      margin-top: 4px;
      margin-bottom: 4px;
      font-size: 12px;
      font-weight: 700;
      line-height: 19.2px;
      letter-spacing: 0.04em;
      text-align: left;
      color: var(--c-color-06);
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list p {
        margin-bottom: 7px;
        font-size: 12px;
        font-weight: 700;
        line-height: 19.2px;
        letter-spacing: 0.04em;
        text-align: left;
      }
    }
    .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list a {
      font-size: 16px;
      font-weight: 400;
      line-height: 28.8px;
      letter-spacing: 0.04em;
      text-align: left;
      font-feature-settings: "palt" on;
      color: var(--c-color-02);
      display: flex;
      flex-shrink: 0;
      text-decoration: none;
      align-items: center;
      transition: opacity 0.1s ease-out;
    }
    @media (hover: hover) {
      .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list a:hover {
        opacity: 0.5;
      }
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list a {
        font-size: 14px;
        font-weight: 400;
        line-height: 22.4px;
        letter-spacing: 0.04em;
        text-align: left;
      }
    }
    .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list a::before {
      content: "";
      display: inline-block;
      width: 10px;
      height: 2px;
      margin: auto 8px auto 0;
      background-image: var(--hyphen-image);
      background-size: auto;
      background-repeat: no-repeat;
      background-position: center; /* 上下左右中央に配置 */
      vertical-align: middle; /* アイコンの上下中央揃え */
    }
    .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list a::after {
      content: "";
      display: inline-block;
      width: 6px;
      height: 12px;
      margin: auto 8px;
      background-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-acordion-arrow.svg");
      background-size: auto;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list a::after {
        height: 24px;
      }
    }
    .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list a.last {
      margin-bottom: 14px;
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list a.last {
        margin-bottom: 0;
      }
    }
    .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list a.list-last {
      margin-bottom: -8px;
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list a.list-last {
        margin-bottom: 0;
      }
    }
    .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list a.apartment {
      margin-top: 30px;
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list a.apartment {
        margin-top: 0;
        margin-bottom: -45px;
      }
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-bottom-pagedetail > :where(ul) .l-footer-list a.sp-last {
        margin-bottom: 15px;
      }
    }
    .l-footer-content .l-footer-copywriter {
      margin-top: 26px;
      margin-bottom: 28px;
      font-size: 12px;
      font-weight: 400;
      text-decoration: none;
      text-align: center;
      white-space: nowrap;
    }
    @media screen and (max-width: 960px) {
      .l-footer-content .l-footer-copywriter {
        margin-top: 16px;
        margin-bottom: 20%;
        font-size: 10px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0.04em;
        white-space: nowrap;
        text-wrap: wrap;
        text-align: left;
      }
    }
    .l-follow {
      z-index: 100;
      pointer-events: none;
    }
    @media screen and (min-width: 961px) {
      .l-follow {
        position: fixed;
        right: 0;
        bottom: 0;
      }
    }
    @media screen and (max-width: 960px) {
      .l-follow {
        width: 100%;
        position: fixed;
        bottom: 0;
      }
    }
    .l-follow .l-follow-top {
      width: 64px;
      height: 64px;
      margin-bottom: -64px;
      margin-right: auto;
      margin-left: auto;
      border-radius: 32px;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      background-color: var(--c-color-31);
      --transition-time: 0.5s;
      border: 1px solid;
      border-color: var(--c-color-36);
      transition: opacity var(--transition-time), margin-top var(--transition-time), margin-bottom var(--transition-time), background-color 0.3s ease-out;
    }
    @media screen and (max-width: 960px) {
      .l-follow .l-follow-top {
        width: 56px;
        height: 56px;
        margin-right: 16px;
      }
    }
    .l-follow .l-follow-top.is-active {
      pointer-events: auto;
      opacity: 1;
      margin-top: 17px;
      margin-bottom: 16px;
    }
    @media (hover: hover) {
      .l-follow .l-follow-top:hover {
        background-color: var(--cb-top-followbutton-hover-top);
      }
    }
    .l-follow-pc > :where(li):not(:last-child) {
      background-color: var(--c-color-02);
    }
    .l-follow-pc > :where(li):not(:first-child) {
      margin-top: -1px;
    }
    .l-follow-pc > :where(li) > :where(a) {
      pointer-events: auto;
      width: 100px;
      height: 100px;
    }
    .l-follow-pc > :where(li) > :where(a):not(.l-follow-pc > :where(li) > :where(a).l-follow-top) > :where(img) {
      opacity: 1;
      transition: all 0.3s ease-out;
    }
    @media (hover: hover) {
      .l-follow-pc > :where(li) > :where(a):not(.l-follow-pc > :where(li) > :where(a).l-follow-top) > :where(img):hover {
        opacity: 0.85;
      }
    }
    .l-follow-sp {
      display: flex;
      flex-flow: column;
    }
    .l-follow-sp > :where(ul) {
      display: flex;
    }
    .l-follow-sp > :where(ul) > :where(li) {
      width: 100%;
      border-top: 2px solid;
      border-color: var(--c-color-36);
    }
    .l-follow-sp > :where(ul) > :where(li):first-child {
      border-right: 2px solid;
      border-color: var(--c-color-36);
    }
    .l-follow-sp > :where(ul) > :where(li):not(:last-child) {
      background-color: var(--c-color-01);
    }
    .l-follow-sp > :where(ul) > :where(li):last-child {
      background-color: var(--cb-top-followbutton-sp-black);
    }
    .l-follow-sp > :where(ul) > :where(li)[data-content=follow-border-sp] {
      max-width: 1px;
      background-color: var(--cb-top-followbutton-list-border);
      display: none;
    }
    .l-follow-sp > :where(ul) > :where(li) > :where(a) {
      pointer-events: auto;
    }
    .l-follow-sp > :where(ul) > :where(li) > :where(a) > :where(img) {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
    .l-content {
      width: 100%;
      height: 100%;
      padding-left: 120px;
      padding-right: 120px;
      overflow: hidden;
    }
    @media screen and (max-width: 960px) {
      .l-content {
        padding-left: 24px;
        padding-right: 24px;
      }
    }
    .l-content:has(.l-event-detail-right) {
      overflow: initial;
    }
  }
  @layer object {
    @layer component, project, utility;
    @layer component {
      .c-banner {
        display: block;
        background-color: var(--c-color-01);
        padding-top: 80px;
        padding-bottom: 80px;
      }
      @media screen and (max-width: 960px) {
        .c-banner {
          padding-top: 24px;
          padding-bottom: 82px;
        }
      }
      .c-banner :where(a) :where(img) {
        width: 373px;
        height: auto;
        object-fit: contain;
        object-position: center center;
        overflow: hidden;
      }
      @media screen and (max-width: 960px) {
        .c-banner :where(a) :where(img) {
          width: 100%;
        }
      }
      .c-banner-contents {
        height: 416px;
      }
      @media screen and (max-width: 960px) {
        .c-banner-contents {
          height: 302px;
        }
      }
      .c-banner-visitors {
        display: flex;
      }
      .c-banner-visitors-main {
        height: fit-content;
        display: flex;
        gap: 48px;
        margin: auto;
      }
      @media screen and (max-width: 960px) {
        .c-banner-visitors-main {
          flex-direction: column;
          gap: 32px;
          padding-right: 24px;
          padding-left: 24px;
        }
      }
      .c-banner-visitors .c-banner-margintop33-27 {
        margin-top: 40px;
      }
      @media screen and (max-width: 960px) {
        .c-banner-visitors .c-banner-margintop33-27 {
          margin-top: 26px;
        }
      }
      .c-banner-visitors .c-banner-margintop25-19 {
        margin-top: 16px;
      }
      @media screen and (max-width: 960px) {
        .c-banner-visitors .c-banner-margintop25-19 {
          margin-top: 19px;
        }
      }
      .c-banner-visitors .c-banner-margintop14 {
        margin-top: 16px;
      }
      .c-banner-visitors .c-banner-margintop7 {
        margin-top: 7px;
      }
      @media screen and (max-width: 960px) {
        .c-banner-visitors .c-banner-margintop7 {
          margin-top: 9px;
        }
      }
      .c-banner-visitors .c-banner-img {
        width: 373px;
        height: auto;
        object-fit: contain;
      }
      @media screen and (max-width: 960px) {
        .c-banner-visitors .c-banner-img {
          width: 100%;
        }
      }
      @media screen and (min-width: 961px) {
        .c-banner-visitors .c-banner-main {
          display: flex;
          flex-direction: column;
          justify-content: center;
        }
      }
      @media screen and (max-width: 960px) {
        .c-banner-visitors .c-banner-main {
          margin: auto;
        }
      }
      .c-banner-visitors .c-banner-title {
        width: fit-content;
      }
      @media screen and (max-width: 960px) {
        .c-banner-visitors .c-banner-title {
          margin: auto;
        }
      }
      .c-banner-visitors .c-banner-guide {
        height: 29px;
        width: fit-content;
        padding-left: 3px;
        background-color: var(--c-color-13);
      }
      .c-banner-visitors .c-banner-h2 {
        font-size: 30px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: 0.08em;
        text-align: left;
      }
      @media screen and (max-width: 960px) {
        .c-banner-visitors .c-banner-h2 {
          font-size: 26px;
          font-weight: 700;
          letter-spacing: 0.08em;
          text-align: left;
        }
      }
      .c-banner-visitors .c-banner-textbold {
        font-size: 16px;
        font-weight: 700;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: left;
      }
      @media screen and (max-width: 960px) {
        .c-banner-visitors .c-banner-textbold {
          font-size: 12px;
          font-weight: 700;
          line-height: 21.6px;
          letter-spacing: 0.08em;
          text-align: center;
        }
      }
      .c-banner-visitors .c-banner-text {
        font-size: 16px;
        font-weight: 400;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: left;
      }
      @media screen and (max-width: 960px) {
        .c-banner-visitors .c-banner-text {
          font-size: 14px;
          font-weight: 400;
          line-height: 22.4px;
          letter-spacing: 0.04em;
          text-align: left;
        }
      }
      .c-banner-visitors .c-banner-border {
        width: 100%;
        height: 4px;
        background-color: var(--c-color-02);
      }
      @media screen and (max-width: 960px) {
        .c-banner-visitors .c-banner-border {
          width: 104px;
          margin-left: auto;
          margin-right: auto;
        }
      }
      .c-banner-visitors .c-banner-button {
        width: fit-content;
        max-height: 52px;
      }
      @media screen and (max-width: 960px) {
        .c-banner-visitors .c-banner-button {
          margin-right: auto;
          margin-left: auto;
        }
      }
      .c-banner-visitors .c-banner-button :where(a) {
        letter-spacing: 0.1em;
      }
      @media screen and (max-width: 960px) {
        .c-banner-visitors .c-banner-button :where(a) {
          padding: 7px 22px 7px 26px;
        }
      }
      .c-scroll {
        width: 100%;
        --li-width: 490px;
        --li-height: 510px;
        --img-height: 320px;
        --div-text-height: 66px;
        --text-font-size: 22px;
        --text-letter-spacing: 0.08em;
        --scroll-margin-left: 99px;
        --li-gap: 0;
        --scroll-gap: 22px;
        --img-margin-bottom: 17px;
        --text-line-height: 33px;
        --scrollbar-margin-width1440: 118;
        --scrollbar-margin-width1440px: 118px;
        --scrollbar-margin-width2200: 498;
        --scrollbar-margin-width2200px: 498px;
        --scrollbar-background-color: var(--cb-scroll-scrollbar-track);
        --scroll-textcolor: var(--c-color-03);
        --scrollbar-color: var(--c-color-03);
        --text-hover-color: var(--c-color-06);
        --scroll-textunderline: var(--cb-scroll-text-underline);
        --scroll-underline: 1px;
      }
      @media screen and (max-width: 960px) {
        .c-scroll {
          --li-width: 302px;
          --li-height: 385px;
          --img-height: 221.44px;
          --div-text-height: 58px;
          --text-font-size: 18px;
          --text-letter-spacing: 0.08em;
          --scroll-margin-left: 21px;
          --li-gap: 0;
          --scroll-gap: 0px;
          --img-margin-bottom: 15px;
          --scrollbar-margin-left: 0;
          --scrollbar-margin-right: 21px;
          --text-line-height: 29px;
        }
      }
      .c-scroll a .c-scroll-thumbnail {
        position: relative;
      }
      .c-scroll a .c-scroll-thumbnail img {
        opacity: 1 !important;
      }
      .c-scroll a .c-scroll-thumbnail::before {
        display: block;
        position: absolute;
        inset: 0;
        opacity: 0;
        background-color: #fff;
        transition: opacity 0.3s;
        will-change: opacity;
        content: "";
      }
      @media (hover: hover) {
        .c-scroll a:hover .c-scroll-thumbnail::before {
          opacity: 0.2;
        }
      }
      .c-scroll .small-scroll, .c-scroll.small-scroll {
        --li-width: 340px;
        --li-height: 445px;
        --img-height: 230px;
        --div-text-height: 100px;
        --text-font-size: 18px;
        --li-gap: 0;
        --scroll-margin-left: 99px;
        --scroll-gap: 24px;
        --img-margin-bottom: 17px;
        --scrollbar-margin-width1440: 118;
        --scrollbar-margin-width1440px: 118px;
        --scrollbar-margin-width2200: 498;
        --scrollbar-margin-width2200px: 498px;
        --text-line-height: 31px;
      }
      @media screen and (max-width: 960px) {
        .c-scroll .small-scroll, .c-scroll.small-scroll {
          --li-width: 280px;
          --li-height: 363px;
          --img-height: 179.52px;
          --div-text-height: 80px;
          --text-font-size: 16px;
          --li-gap: 0;
          --scroll-margin-left: 17px;
          --scroll-gap: 8px;
          --img-margin-bottom: 15px;
          --scrollbar-margin-left: 8px;
          --scrollbar-margin-right: 21px;
          --text-line-height: 27px;
        }
      }
      .c-scroll .small-date, .c-scroll.small-date {
        --div-text-height: 80px;
      }
      @media screen and (max-width: 960px) {
        .c-scroll .small-date, .c-scroll.small-date {
          --div-text-height: 80px;
        }
      }
      .c-scroll .scroll-text-white, .c-scroll.scroll-text-white {
        --scroll-textcolor: var(--c-color-02);
        --scrollbar-color: var(--c-color-02);
        --text-hover-color: var(--c-color-02);
        --scroll-textunderline: var(--cb-scroll-text-underline-white);
      }
      .c-scroll .scroll-scrollbar-backdark, .c-scroll.scroll-scrollbar-backdark {
        --scrollbar-background-color: var(--cb-scroll-scrollbar-track-dark);
      }
      .c-scroll .underline-bold, .c-scroll.underline-bold {
        --scroll-underline: 2px;
      }
      @media screen and (min-width: 961px) {
        .c-scroll {
          --scrollbar-margin-left: var(--scrollbar-margin-width1440px);
          --scrollbar-margin-right: var(--scrollbar-margin-width1440px);
        }
      }
      @media screen and (min-width: 961px) and (width >= 1440px) {
        .c-scroll {
          --scrollbar-margin-left: calc(var(--scrollbar-margin-width1440px) + (var(--scrollbar-margin-width2200) - var(--scrollbar-margin-width1440)) * ((100vw - 1440px) / (2200 - 1440)));
          --scrollbar-margin-right: calc(var(--scrollbar-margin-width1440px) + (var(--scrollbar-margin-width2200) - var(--scrollbar-margin-width1440)) * ((100vw - 1440px) / (2200 - 1440)));
        }
      }
      @media screen and (min-width: 961px) and (width >= 2200px) {
        .c-scroll {
          --scrollbar-margin-left: var(--scrollbar-margin-width2200px);
          --scrollbar-margin-right: var(--scrollbar-margin-width2200px);
        }
      }
      .c-scroll ::-webkit-scrollbar {
        width: 1200px;
        height: 10px;
      }
      @media screen and (max-width: 960px) {
        .c-scroll ::-webkit-scrollbar {
          width: 327px;
          height: 8px;
          display: none;
        }
      }
      .c-scroll ::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-color);
        border-radius: 8px;
      }
      @media (hover: hover) {
        .c-scroll ::-webkit-scrollbar-thumb:hover {
          cursor: pointer;
        }
      }
      .c-scroll ::-webkit-scrollbar-track {
        background-color: var(--scrollbar-background-color);
        margin-left: var(--scrollbar-margin-left);
        margin-right: var(--scrollbar-margin-right);
        border-radius: 8px;
      }
      .c-scroll .scrollbar {
        min-width: 900px;
        height: 10px;
        margin: 0 var(--scrollbar-margin-left);
        background-color: var(--scrollbar-background-color);
        user-select: none;
        overflow: hidden;
        border-radius: 8px;
      }
      @media screen and (max-width: 960px) {
        .c-scroll .scrollbar {
          min-width: 327px;
          height: 8px;
          margin: 0 var(--scroll-margin-left);
        }
      }
      .c-scroll .scrollbar .scrollbar-thumb {
        width: 300px;
        height: 100%;
        background-color: var(--scrollbar-color);
        user-select: none;
        border-radius: 8px;
      }
      @media (hover: hover) {
        .c-scroll .scrollbar .scrollbar-thumb:hover {
          cursor: pointer;
        }
      }
      .c-scroll .c-scroll-textbold {
        color: var(--scroll-textcolor);
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 28.8px !important;
        letter-spacing: 0.04em !important;
        text-align: left;
      }
      .c-scroll .c-scroll-textbold::before, .c-scroll .c-scroll-textbold::after {
        display: block;
        width: 0;
        height: 0;
        content: "";
      }
      .c-scroll .c-scroll-textbold::before {
        margin-top: calc((1 - 1.8125) * 0.5em);
      }
      .c-scroll .c-scroll-textbold::after {
        margin-bottom: calc((1 - 1.8125) * 0.5em);
      }
      @media screen and (max-width: 960px) {
        .c-scroll .c-scroll-textbold {
          font-size: 14px !important;
          font-weight: 700 !important;
          line-height: 22.4px !important;
          letter-spacing: 0.04em !important;
          text-align: left;
        }
        .c-scroll .c-scroll-textbold::before, .c-scroll .c-scroll-textbold::after {
          display: block;
          width: 0;
          height: 0;
          content: "";
        }
        .c-scroll .c-scroll-textbold::before {
          margin-top: calc((1 - 1.5714285714) * 0.5em);
        }
        .c-scroll .c-scroll-textbold::after {
          margin-bottom: calc((1 - 1.5714285714) * 0.5em);
        }
      }
      .c-scroll > :where(ul) {
        display: flex;
        gap: var(--scroll-gap);
        overflow-x: scroll;
      }
      @media screen and (max-width: 960px) {
        .c-scroll > :where(ul) {
          scrollbar-width: none;
        }
      }
      .c-scroll > :where(ul) .padding {
        width: var(--scroll-margin-left);
      }
      .c-scroll > :where(ul) > :where(li) {
        width: var(--li-width);
        height: auto;
        display: flex;
        flex-flow: column;
        flex-shrink: 0;
        gap: var(--li-gap);
      }
      .c-scroll > :where(ul) > :where(li):not(:first-child) {
        margin-right: 15px;
      }
      @media screen and (max-width: 960px) {
        .c-scroll > :where(ul) > :where(li):nth-last-child(-n+2) {
          margin-right: 0;
        }
      }
      @media screen and (max-width: 960px) {
        .c-scroll > :where(ul) > :where(li) {
          gap: var(--li-gap);
        }
      }
      .c-scroll > :where(ul) > :where(li) > :where(a) {
        text-decoration: none;
      }
      .c-scroll > :where(ul) > :where(li) > :where(a) > :where(div) > :where(img) {
        width: 100%;
        height: var(--img-height);
        margin-bottom: var(--img-margin-bottom);
        object-fit: cover;
        transition: opacity 0.3s;
      }
      .c-scroll > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-text] {
        width: 100%;
        max-height: var(--div-text-height);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        gap: 3px;
      }
      @media screen and (max-width: 960px) {
        .c-scroll > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-text] {
          gap: 8px;
        }
      }
      .c-scroll > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-text] > :where(h4) {
        font-size: var(--text-font-size);
        font-weight: 700;
        line-height: var(--text-line-height);
        color: var(--scroll-textcolor);
        text-align: left;
        letter-spacing: var(--text-letter-spacing);
        position: relative;
        height: calc(var(--text-line-height) * 2);
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }
      .c-scroll > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-text] > :where(h4) > :where(span) {
        display: inline;
        background-image: var(--scroll-textunderline);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 0% var(--scroll-underline);
        transition: background-size 0.5s;
      }
      .c-scroll > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-text] > :where(div.h4) {
        font-size: var(--text-font-size);
        font-weight: 700;
        line-height: var(--text-line-height);
        color: var(--scroll-textcolor);
        display: block;
        text-align: left;
        letter-spacing: var(--text-letter-spacing);
      }
      .c-scroll > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-text] > :where(div.h4) > :where(span) {
        display: inline;
        background-image: var(--scroll-textunderline);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 0% var(--scroll-underline);
        transition: background-size 0.5s;
      }
      @media (hover: hover) {
        .c-scroll > :where(ul) > :where(li) > :where(a):hover > :where(div)[data-content=div-img] {
          background-color: var(--c-color-02);
        }
        .c-scroll > :where(ul) > :where(li) > :where(a):hover > :where(div) > :where(img) {
          opacity: 0.8;
        }
        .c-scroll > :where(ul) > :where(li) > :where(a):hover > :where(div) > :where(h4) > :where(span) {
          background-size: 100% var(--scroll-underline);
        }
        .c-scroll > :where(ul) > :where(li) > :where(a):hover > :where(div) > :where(div.h4) > :where(span) {
          background-size: 100% var(--scroll-underline);
        }
      }
      .c-scroll > :where(ul) > :where(li) > :where(div) {
        margin-top: 15px;
        max-height: 80px;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        gap: 10px;
        margin-bottom: 56px;
      }
      @media screen and (max-width: 960px) {
        .c-scroll > :where(ul) > :where(li) > :where(div) {
          gap: 8px;
          max-height: 40px;
          margin-top: 8px;
          margin-bottom: 30px;
        }
      }
      .c-scroll > :where(ul) > :where(li) > :where(div) > :where(a) {
        height: 34px;
        background-color: var(--c-color-36);
        border-radius: 50px;
        padding: 12px 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        color: var(--scroll-textcolor);
        font-size: 14px;
        font-weight: 700;
        transition: background-color 0.3s;
      }
      @media screen and (max-width: 960px) {
        .c-scroll > :where(ul) > :where(li) > :where(div) > :where(a) {
          height: 33px;
          padding: 10px 16px;
          font-size: 12px;
          font-weight: 700;
          line-height: 21.6px;
          letter-spacing: 0.04em;
          text-align: left;
        }
      }
      .c-scroll.swiper {
        width: calc(100% - 240px);
        margin-left: 120px;
        margin-right: 120px;
        overflow: visible !important;
        user-select: none;
      }
      @media screen and (max-width: 960px) {
        .c-scroll.swiper {
          width: calc(100% - 40px);
          margin-left: 20px;
          margin-right: 20px;
        }
      }
      .c-scroll.swiper .swiper-wrapper {
        cursor: pointer;
      }
      .c-scroll.swiper .swiper-slide {
        width: calc(var(--li-width) + 40px) !important;
        padding-right: 40px;
      }
      @media screen and (max-width: 960px) {
        .c-scroll.swiper .swiper-slide {
          width: calc(var(--li-width) + 14px) !important;
          padding-right: 14px;
        }
      }
      .c-scroll.swiper .swiper-slide:last-of-type {
        width: var(--li-width) !important;
        padding-right: 0;
      }
      .c-scroll.swiper .c-scroll-item {
        width: var(--li-width);
      }
      .c-scroll.swiper .c-scroll-inner {
        width: var(--li-width);
        height: auto;
        display: flex;
        flex-flow: column;
        flex-shrink: 0;
        gap: var(--li-gap);
        text-decoration: none;
      }
      @media screen and (max-width: 960px) {
        .c-scroll.swiper .c-scroll-inner {
          gap: var(--li-gap);
        }
      }
      @media (hover: hover) {
        .c-scroll.swiper .c-scroll-inner:hover .c-scroll-thumbnail {
          background-color: var(--c-color-02);
        }
        .c-scroll.swiper .c-scroll-inner:hover .c-scroll-thumbnail img {
          opacity: 0.8;
        }
        .c-scroll.swiper .c-scroll-inner:hover .c-scroll-text .c-scroll-text-inner {
          background-size: 100% var(--scroll-underline);
        }
        .c-scroll.swiper .c-scroll-inner:hover h4.c-scroll-textbox .c-scroll-text-inner {
          background-size: 100% var(--scroll-underline);
        }
      }
      .c-scroll.swiper .c-scroll-thumbnail {
        display: block;
        margin-bottom: var(--img-margin-bottom);
      }
      .c-scroll.swiper .c-scroll-thumbnail img {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 3/2;
        object-fit: cover;
        transition: opacity 0.3s !important;
      }
      .c-scroll.swiper .c-scroll-textbox {
        width: 100%;
        max-height: var(--div-text-height);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        gap: 3px;
      }
      @media screen and (max-width: 960px) {
        .c-scroll.swiper .c-scroll-textbox {
          gap: 8px;
        }
      }
      .c-scroll.swiper .c-scroll-textbox:is(h4) {
        font-size: var(--text-font-size);
        font-weight: 700;
        line-height: var(--text-line-height);
        color: var(--scroll-textcolor);
        display: block;
        text-align: left;
        letter-spacing: var(--text-letter-spacing);
      }
      .c-scroll.swiper .c-scroll h4.c-scroll-textbox .c-scroll-text-inner {
        display: inline;
        background-image: var(--scroll-textunderline);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 0% var(--scroll-underline);
        transition: background-size 0.5s;
      }
      .c-scroll.swiper .c-scroll-text {
        font-size: var(--text-font-size);
        font-weight: 700;
        line-height: var(--text-line-height);
        color: var(--scroll-textcolor);
        text-align: left;
        letter-spacing: var(--text-letter-spacing);
        position: relative;
        height: calc(var(--text-line-height) * 2);
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }
      .c-scroll.swiper .c-scroll-text span {
        display: inline;
        background-image: var(--scroll-textunderline);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 0% var(--scroll-underline);
        transition: background-size 0.5s;
      }
      .c-scrollbar {
        padding-bottom: 50px !important;
      }
      @media screen and (max-width: 960px) {
        .c-scrollbar {
          padding-bottom: 42px !important;
        }
      }
      .c-scrollbar .swiper-scrollbar {
        left: 50% !important;
        transform: translateX(-50%);
        opacity: 1 !important;
        width: 100% !important;
        height: 10px !important;
        background: none !important;
        cursor: grab;
      }
      @media screen and (max-width: 960px) {
        .c-scrollbar .swiper-scrollbar {
          height: 8px !important;
        }
      }
      .c-scrollbar .swiper-scrollbar-drag {
        background: none !important;
      }
      .c-scrollbar .swiper-scrollbar-drag::before {
        background-color: var(--scrollbar-color) !important;
      }
      .c-scrollbar .swiper-scrollbar::before,
      .c-scrollbar .swiper-scrollbar .swiper-scrollbar-drag::before {
        display: block;
        position: absolute;
        inset: 0;
        scale: 1 0.3;
        transition: scale 0.3s, border-radius 0.3s;
        will-change: scale;
        content: "";
      }
      .c-scrollbar .swiper-scrollbar::before {
        background-color: var(--scrollbar-background-color) !important;
      }
      .c-scrollbar .swiper-scrollbar:hover::before,
      .c-scrollbar .swiper-scrollbar:hover .swiper-scrollbar-drag::before {
        scale: 1;
        border-radius: 10px;
      }
      .c-scrollbar .swiper-scrollbar:has(.swiper-scrollbar-drag:active)::before,
      .c-scrollbar .swiper-scrollbar:has(.swiper-scrollbar-drag:active) .swiper-scrollbar-drag::before {
        scale: 1;
        border-radius: 10px;
      }
      .c-scrollbar--wide .swiper-scrollbar {
        max-width: 100% !important;
      }
      .c-parallax {
        width: 100%;
        height: 920px;
        position: relative;
        overflow: hidden;
      }
      @media screen and (max-width: 960px) {
        .c-parallax {
          height: 440px;
        }
      }
      .c-parallax-content {
        position: absolute;
        top: 0%;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        align-items: flex-start;
      }
      @media screen and (max-width: 960px) {
        .c-parallax-content {
          align-items: flex-end;
        }
      }
      .c-parallax-content > div {
        width: 100% !important;
        margin-top: 0 !important;
      }
      .c-parallax-content-image {
        width: 100% !important;
        min-width: 100%;
        height: 1840px !important;
        max-height: 1840px !important;
        z-index: -1;
        background: url("/wp-content/themes/original2024/assets/img/parallax/kk-parallax-tokyo.webp") no-repeat center top;
        background-size: cover;
        background-position: center calc(1040px - 100lvh - 18vw) !important;
        transition: transform 0.02s linear;
      }
      @media screen and (max-width: 960px) {
        .c-parallax-content-image {
          background-position: center 170px !important;
          height: 880px !important;
          max-height: 880px !important;
        }
      }
      .c-parallax-content-image.parallax-osaka {
        background-image: url("/wp-content/themes/original2024/assets/img/parallax/kk-parallax-osaka.webp");
        background-position: center calc(1040px - 100lvh) !important;
      }
      @media screen and (max-width: 960px) {
        .c-parallax-content-image.parallax-osaka {
          background-position: center 285px !important;
        }
      }
      .c-parallax-content-image.parallax-nagoya {
        background-image: url("/wp-content/themes/original2024/assets/img/parallax/kk-parallax-nagoya.webp");
        background-position: center calc(1040px - 100lvh - 15vw) !important;
      }
      @media screen and (max-width: 960px) {
        .c-parallax-content-image.parallax-nagoya {
          background-position: center 180px !important;
        }
      }
      .c-button {
        display: inline-flex;
        position: relative;
        min-width: 100px;
        padding: 10.5px 32px;
        margin: auto;
        gap: 10px;
        border-radius: 100px;
        border: 1px solid var(--c-color-07);
        align-items: center;
        background: var(--c-color-02);
        text-decoration: none;
        color: var(--c-color-03);
        font-family: var(--t-noto);
        transition: all 0.3s ease;
        -webkit-tap-highlight-color: transparent;
        font-size: 16px;
        font-weight: 700;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: center;
      }
      @media screen and (max-width: 960px) {
        .c-button {
          font-size: 14px;
          font-weight: 700;
          line-height: 25.2px;
          letter-spacing: 0.04em;
          text-align: center;
          padding: 7.5px 25px;
        }
      }
      .c-button > :where(div) {
        width: fit-content;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
        gap: 10px;
      }
      .c-button :where(span) {
        z-index: 2;
        transform: translateZ(1px);
      }
      .c-button :where(svg) {
        z-index: 2;
        transform: translateZ(1px);
      }
      .c-button :where(img) {
        z-index: 2;
        transform: translateZ(1px);
      }
      .c-button path {
        stroke: var(--c-color-03);
        transition: all 0.3s ease;
        margin: auto;
      }
      .c-button:hover {
        opacity: 1 !important;
      }
      .c-button::after {
        content: "";
        position: absolute;
        inset: 0;
        top: -1px;
        left: -1px;
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        opacity: 0;
        z-index: 0;
        transition: opacity 0.3s ease;
        border-radius: 100px;
        border: 1px solid var(--c-color-07);
        background: var(--cb-button-hover);
        background-size: 200% 100%;
        animation: move-gradient 4s linear infinite;
      }
      .c-button:hover::after {
        opacity: 1;
      }
      @keyframes move-gradient {
        0% {
          background-position: 0% 0%;
        }
        100% {
          background-position: -200% 0%;
        }
      }
      .c-button-black {
        height: 100%;
        display: block;
        position: relative;
        margin: auto;
        gap: 10px;
        align-items: center;
        padding: 11.5px 32px;
        font-size: 16px;
        color: var(--c-color-02);
        border-radius: 100px;
        background: var(--c-color-03);
        text-decoration: none;
        line-height: 28.8px;
        font-family: var(--t-noto);
      }
      @media screen and (max-width: 960px) {
        .c-button-black {
          font-size: 14px;
          font-weight: 700;
          line-height: 25.2px;
          letter-spacing: 0.04em;
          text-align: center;
          padding: 8.5px 32px;
        }
      }
      .c-button-black > :where(div) {
        width: fit-content;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
        gap: 10px;
      }
      .c-button-black > :where(div) > :where(span) {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        z-index: 1;
      }
      .c-button-black > :where(div) :where(svg) {
        z-index: 1;
      }
      .c-button-black > :where(div) :where(path) {
        stroke: var(--c-color-02);
        transition: all 0.3s ease;
        margin: auto;
      }
      .c-button-black:hover {
        color: var(--c-color-02);
        background: var(--c-color-03);
      }
      .c-button-black:hover path {
        stroke: var(--c-color-02);
      }
      .c-button-black::after {
        content: "";
        position: absolute;
        inset: 0;
        top: -1px;
        left: -1px;
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        opacity: 0;
        z-index: 0;
        transition: opacity 0.3s ease;
        border-radius: 100px;
        background: var(--cb-button-hover-black);
        background-size: 200% 100%;
        animation: move-gradient 4s linear infinite;
      }
      .c-button-black:hover::after {
        opacity: 1;
      }
      @keyframes move-gradient {
        0% {
          background-position: 0% 0%;
        }
        100% {
          background-position: -200% 0%;
        }
      }
      @media (hover: hover) {
        a.c-button-black:hover {
          opacity: 1 !important;
        }
      }
      .c-glonavi {
        width: 100%;
        height: 100%;
        background-color: var(--c-color-04);
        position: fixed;
        flex-direction: column;
        inset: 0;
        z-index: 9;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        overflow-y: scroll;
        overscroll-behavior-y: none;
        --content-opacity: 0;
        --transition-time: 0.3s;
        transition: visibility var(--transition-time) ease-in-out, opacity var(--transition-time) ease-in-out, transform var(--transition-time) ease-in-out;
        --glonavi-background-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-logo_pc01.webp");
        --glonavi-hyphen-image: url("/wp-content/themes/original2024/assets/img/glonavi/kk-glonavi-hyphen-tokyo.svg");
      }
      @media screen and (min-width: 961px) {
        .c-glonavi {
          overflow: hidden;
        }
      }
      .c-glonavi.is-open {
        --content-opacity: 1;
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
      }
      .c-glonavi.c-glonavi-osaka {
        --glonavi-background-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-logo_pc02.webp");
        --glonavi-hyphen-image: url("/wp-content/themes/original2024/assets/img/glonavi/kk-glonavi-hyphen-osaka.svg");
      }
      .c-glonavi.c-glonavi-nagoya {
        --glonavi-background-image: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-logo_pc03.webp");
        --glonavi-hyphen-image: url("/wp-content/themes/original2024/assets/img/glonavi/kk-glonavi-hyphen-nagoya.svg");
      }
      .c-glonavi-pc {
        width: 100%;
        height: 100%;
        background-image: var(--glonavi-background-image);
        background-position: bottom left;
        background-repeat: no-repeat;
        background-size: auto 144px;
        display: flex;
        position: relative;
        padding: 30px 118px;
        overflow: auto;
      }
      .c-glonavi-pc :where(a) {
        transition: opacity 0.3s ease-out;
      }
      @media (hover: hover) {
        .c-glonavi-pc :where(a):hover {
          opacity: 0.5;
        }
      }
      .c-glonavi-pc-content {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: auto 0;
        gap: 48px;
        opacity: var(--content-opacity);
        transition: opacity var(--transition-time) ease-in-out 0.3s;
      }
      @media screen and (min-width: 961px) {
        .c-glonavi-pc-content .c-glonavi-mb17 {
          margin-bottom: 17px;
        }
      }
      @media screen and (min-width: 961px) {
        .c-glonavi-pc-content .c-glonavi-mb5 {
          margin-bottom: 5px;
        }
      }
      @media screen and (min-width: 961px) {
        .c-glonavi-pc-content .c-glonavi-mb9 {
          margin-bottom: 9px;
        }
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] {
        display: flex;
        flex-flow: column;
        gap: 15px;
        min-width: 110px;
      }
      .c-glonavi-pc-content > :where(div)[data-content=content]:nth-of-type(4) {
        gap: 0;
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(p):not(:first-child) {
        margin-top: 8px;
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(p)[data-content=content-title] {
        font-size: 16px;
        font-weight: 700;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: left;
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(a)[data-content=content-title-link] {
        font-size: 16px;
        font-weight: 700;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: left;
        text-decoration: none;
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(a)[data-content=IPUT-EYES] {
        width: 220px;
        height: 94px;
        margin-top: 40px;
        background-image: url("/wp-content/themes/original2024/assets/img/glonavi/kk-glonavi-pc-iputeyes.webp");
        background-size: contain;
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(a)[data-content=data-IPUT] {
        margin-top: 8px;
        width: 220px;
        height: 70px;
        background-image: url("/wp-content/themes/original2024/assets/img/glonavi/kk-glonavi-pc-dataiput.webp");
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(div)[data-content=content-last-div] {
        display: flex;
        flex-flow: column;
        gap: 23px;
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(div)[data-content=content-last-div] > :where(div) {
        display: flex;
        flex-flow: column;
        gap: 10px;
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(div)[data-content=content-last-div] > :where(div) > :where(a)[data-content=content-title-link] {
        font-size: 16px;
        font-weight: 700;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: left;
        text-decoration: none;
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(div)[data-content=content-div].content-admission {
        margin-top: -7px;
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(div)[data-content=content-div] .content-double {
        line-height: 22.5px !important;
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(div)[data-content=content-div] > :where(a) {
        width: 100%;
        display: block;
        position: relative;
        padding-left: 16px;
        text-decoration: none;
        font-size: 16px;
        font-weight: 400;
        line-height: 28.5px;
        letter-spacing: 0.04em;
        text-align: left;
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(div)[data-content=content-div] > :where(a)::after {
        content: "";
        display: block;
        width: 8px;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 0;
        background-image: var(--glonavi-hyphen-image);
        background-position: left;
        background-repeat: no-repeat;
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(div)[data-content=content-div] > :where(p)[data-content=content-smalltitle] {
        margin-bottom: 6px;
        font-size: 12px;
        font-weight: 700;
        line-height: 19.2px;
        letter-spacing: 0.04em;
        text-align: left;
        color: var(--ct-glonavi-mintitle);
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(div)[data-content=content-div] > :where(p)[data-content=content-title] {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 700;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: left;
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(div)[data-content=content-div] > :where(p)[data-content=content-title]:nth-of-type(3) {
        margin-bottom: 22px;
      }
      .c-glonavi-pc-content > :where(div)[data-content=content] > :where(div)[data-content=content-div] > :where(p)[data-content=content-title]:nth-of-type(4) {
        margin-bottom: 22px;
      }
      .c-glonavi-pc > :where(div)[data-content=hamburger] {
        display: block;
        width: 39px;
        height: 39px;
        position: absolute;
        top: 23px;
        right: 30px;
        transition: opacity 0.3s ease-out;
        --span-width: 31px;
        --span-left: 2px;
        --span-top-1: 11px;
        --span-top-2: 23px;
        /* ボタン内側 */
      }
      @media (hover: hover) {
        .c-glonavi-pc > :where(div)[data-content=hamburger]:hover {
          opacity: 0.5;
        }
      }
      .c-glonavi-pc > :where(div)[data-content=hamburger] > :where(span) {
        width: var(--span-width);
        height: 3px;
        left: var(--span-left);
        border-radius: 3px;
        display: inline-block;
        position: absolute;
        background: var(--c-color-02);
      }
      .c-glonavi-pc > :where(div)[data-content=hamburger] > :where(span):nth-of-type(1) {
        top: var(--span-top-1);
        transform: translateY(6px) rotate(-45deg);
      }
      .c-glonavi-pc > :where(div)[data-content=hamburger] > :where(span):nth-of-type(2) {
        top: var(--span-top-2);
        transform: translateY(-6px) rotate(45deg);
      }
      .c-glonavi-sp {
        width: 100%;
        height: 100%;
        position: relative;
        --sp-bordersize: 1px;
      }
      .c-glonavi-sp-content {
        display: flex;
        flex-flow: column;
        padding: 78px 24px 24px;
        opacity: var(--content-opacity);
        transition: opacity var(--transition-time) ease-in-out 0.3s;
        --margin-right: 9px;
        --details-height: 53px;
        --a-height: 50px;
      }
      .c-glonavi-sp-content > :where(details) {
        min-height: var(--details-height);
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid var(--c-color-36);
      }
      .c-glonavi-sp-content > :where(details)[open] .c-glonavi-accordion-plus::before {
        transform: rotate(0deg);
      }
      .c-glonavi-sp-content > :where(details) > :where(summary) {
        width: 100%;
        height: 50px;
        align-items: center;
        display: flex;
        position: relative;
      }
      .c-glonavi-sp-content > :where(details) > :where(summary)::-webkit-details-marker {
        display: none;
      }
      .c-glonavi-sp-content > :where(details) > :where(summary) > :where(p) {
        font-size: 14px;
        font-weight: 700;
        line-height: 22.4px;
        letter-spacing: 0.04em;
        text-align: left;
        text-decoration: none;
        color: var(--c-color-02);
      }
      .c-glonavi-sp-content > :where(details) > :where(summary) > :where(div) {
        width: 12px;
        height: 2px;
        display: inline-block;
        margin-right: var(--margin-right);
        margin-left: auto;
        color: var(--c-color-02);
        line-height: 1;
        border-radius: 5px;
        background-color: var(--c-color-02);
        position: relative;
      }
      .c-glonavi-sp-content > :where(details) > :where(summary) > :where(div)::before {
        content: "";
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background: inherit;
        border-radius: inherit;
        transform: rotate(90deg);
        transition: 0.3s;
      }
      .c-glonavi-sp-content > :where(details) > :where(div) {
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: column;
        align-items: flex-start;
      }
      .c-glonavi-sp-content > :where(details) > :where(div) :nth-child(1) {
        margin-top: 13px;
      }
      .c-glonavi-sp-content > :where(details) > :where(div) > :where(p) {
        font-size: 12px;
        font-weight: 400;
        line-height: 19.2px;
        letter-spacing: 0.04em;
        text-align: left;
        color: var(--ct-footer-groupschool-parent);
        margin-top: 14px;
      }
      .c-glonavi-sp-content > :where(details) > :where(div) > :where(p)[data-content=link-parent] {
        font-weight: 700;
      }
      .c-glonavi-sp-content > :where(details) > :where(div) > :where(a) {
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        line-height: 22.4px;
        letter-spacing: 0.04em;
        text-align: left;
        display: block;
        justify-content: flex-start;
        text-decoration-line: none;
        position: relative;
        padding-left: 16px;
        margin-left: 5px;
      }
      .c-glonavi-sp-content > :where(details) > :where(div) > :where(a)[data-content=link-child]:not(:first-child) {
        margin-top: 11.8px;
      }
      .c-glonavi-sp-content > :where(details) > :where(div) > :where(a)[data-content=link-child-marginsmall]:not(:first-child) {
        margin-top: 4px;
      }
      .c-glonavi-sp-content > :where(details) > :where(div) > :where(a)::before {
        content: "";
        display: block;
        width: 8px;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 0;
        background-image: var(--glonavi-hyphen-image);
        background-position: left;
        background-repeat: no-repeat;
      }
      .c-glonavi-sp-content > :where(a)[data-content=textbutton] {
        height: var(--a-height);
        position: relative;
        display: block;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
        line-height: var(--a-height);
        letter-spacing: 0.04em;
        text-align: left;
        border-bottom: 1px solid var(--c-color-36);
        align-items: center;
      }
      .c-glonavi-sp-content > :where(a)[data-content=textbutton]:first-child {
        border-top: 1px solid var(--c-color-36);
      }
      .c-glonavi-sp-content > :where(a)[data-content=textbutton]::before {
        content: "";
        position: absolute;
        inset: 0 0 0 auto;
        margin: auto calc(var(--margin-right) - 1px) auto auto;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        width: 8px;
        height: 8px;
        border: 2px solid currentcolor;
        border-radius: 1px;
        border-left: 0;
        border-bottom: 0;
        box-sizing: border-box;
        transform: translateX(-25%) rotate(45deg);
      }
      .c-glonavi-sp-content > :where(div)[data-content=imglink] {
        width: 100%;
        margin-top: 24px;
        display: flex;
        gap: 7px;
        padding-bottom: 15vw;
      }
      .c-glonavi-sp-content > :where(div)[data-content=imglink] > :where(a) {
        width: 100%;
        aspect-ratio: 327/67;
      }
      .c-glonavi-sp-content > :where(div)[data-content=imglink] > :where(a)[data-content=IPUT-EYES] {
        background-image: url("/wp-content/themes/original2024/assets/img/glonavi/kk-glonavi-sp-iputeyes.webp");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
      }
      .c-glonavi-sp-content > :where(div)[data-content=imglink] > :where(a)[data-content=data-IPUT] {
        background-image: url("/wp-content/themes/original2024/assets/img/glonavi/kk-glonavi-sp-dataiput.webp");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
      }
      .c-glonavi-sp > :where(div)[data-content=hamburger] {
        display: block;
        width: 50px;
        height: 32px;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 9px;
        margin-right: 5px;
        transition: opacity 0.3s ease-out;
        --span-width: 25px;
        --span-left: 2px;
        --span-top-1: 7px;
        --span-top-2: 19px;
        /* ボタン内側 */
      }
      @media (hover: hover) {
        .c-glonavi-sp > :where(div)[data-content=hamburger]:hover {
          opacity: 0.5;
        }
      }
      .c-glonavi-sp > :where(div)[data-content=hamburger] > :where(span) {
        content: "";
        width: var(--span-width);
        height: 2.25px;
        left: var(--span-left);
        border-radius: 3px;
        display: inline-block;
        position: absolute;
        background: var(--c-color-02);
      }
      .c-glonavi-sp > :where(div)[data-content=hamburger] > :where(span):nth-of-type(1) {
        top: var(--span-top-1);
        transform: translateY(6px) rotate(-45deg);
      }
      .c-glonavi-sp > :where(div)[data-content=hamburger] > :where(span):nth-of-type(2) {
        top: var(--span-top-2);
        transform: translateY(-6px) rotate(45deg);
      }
      .c-glonavi-category > :where(div)[data-content=margin-bottom] {
        margin-bottom: 24px;
      }
      .c-searchform {
        width: 100%;
        padding-right: 24px;
        padding-left: 24px;
        background-color: transparent;
        position: absolute;
        top: 67px;
        left: auto;
        right: auto;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10%);
        transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
      }
      .c-searchform.is-search {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        transform: none;
      }
      .c-searchform-container {
        width: 100%;
        height: 55px;
        box-sizing: border-box;
        position: relative;
        display: block;
        padding-left: 25px;
        padding-top: 14px;
        border-radius: 27.5px;
        overflow: hidden;
        background-color: var(--c-color-02);
        box-shadow: 10px 10px 30px 0 var(--cb-searchform-dropshadow);
      }
      .c-searchform-container > :where(input)[type=text] {
        border: none;
        font-size: 14px;
        font-weight: 400;
        line-height: 22.4px;
        letter-spacing: 0.04em;
        text-align: left;
        color: var(--c-color-03);
        width: calc(100% - 70px);
      }
      .c-searchform-container > :where(input)[type=text]:focus {
        outline: 0;
      }
      .c-searchform-container > :where(input)[type=text]::placeholder {
        color: var(--ct-searchform-placeholder);
      }
      .c-searchform-container > :where(input)[type=submit] {
        cursor: pointer;
        border: none;
        background: none;
        color: transparent;
        position: absolute;
        right: 0;
        top: 0;
        margin-right: 5px;
        margin-top: 5px;
        width: 45px;
        height: 45px;
        outline: none;
        background-image: url("/wp-content/themes/original2024/assets/img/header/kk-searchform-button.svg");
        background-repeat: no-repeat;
        background-size: auto;
      }
      .c-content-header-detail {
        width: 100%;
        height: auto;
        margin-top: -58px;
      }
      @media screen and (max-width: 960px) {
        .c-content-header-detail {
          margin-top: 26px;
        }
      }
      .c-content-header-detail > :where(div)[data-content=page-title] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-left: 120px;
      }
      @media screen and (min-width: 961px) {
        .c-content-header-detail > :where(div)[data-content=page-title] {
          margin-top: -15px;
        }
      }
      @media screen and (max-width: 960px) {
        .c-content-header-detail > :where(div)[data-content=page-title] {
          margin-left: 24px;
        }
      }
      .c-content-header-detail > :where(div)[data-content=page-title] > :where(h1) {
        font-size: 52px;
        font-weight: 700;
        line-height: 62.4px;
        letter-spacing: 0.08em;
        text-align: left;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .c-content-header-detail > :where(div)[data-content=page-title] > :where(h1) {
          font-size: 30px;
          line-height: 36px;
        }
      }
      .c-content-header-detail > :where(div)[data-content=page-title] > :where(div) {
        font-size: 52px;
        font-weight: 700;
        line-height: 62.4px;
        letter-spacing: 0.08em;
        text-align: left;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .c-content-header-detail > :where(div)[data-content=page-title] > :where(div) {
          font-size: 30px;
          line-height: 36px;
        }
      }
      .c-content-header-detail > :where(div)[data-content=page-title] > :where(p) {
        font-size: 16px;
        font-weight: 700;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: left;
        color: var(--c-color-01);
      }
      @media screen and (min-width: 961px) {
        .c-content-header-detail > :where(div)[data-content=page-title] > :where(p) {
          margin-left: 4px;
        }
      }
      @media screen and (max-width: 960px) {
        .c-content-header-detail > :where(div)[data-content=page-title] > :where(p) {
          margin-top: 2px;
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .content-header-detail-breadcrumb {
        --underline-bg-pc: url("/wp-content/themes/original2024/assets/img/gradation/breadcrumb-line-pc.svg");
        --underline-bg-sp: url("/wp-content/themes/original2024/assets/img/gradation/breadcrumb-line-sp.svg");
        --text-bg: var(--c-color-01);
        height: 46px;
        position: relative;
        margin-top: 200px;
      }
      .content-header-detail-breadcrumb.detail-breadcrumb-white {
        --underline-bg-pc: url("/wp-content/themes/original2024/assets/img/gradation/breadcrumb-linewhite-pc.svg");
        --underline-bg-sp: url("/wp-content/themes/original2024/assets/img/gradation/breadcrumb-linewhite-sp.svg");
        --text-bg: var(--c-color-02);
      }
      @media screen and (max-width: 960px) {
        .content-header-detail-breadcrumb {
          height: 32px;
          margin-top: 52px;
        }
      }
      .content-header-detail-breadcrumb .underline {
        position: absolute;
        bottom: 0;
        width: 100vw;
        right: 0;
        height: 1px;
        background-image: var(--underline-bg-pc);
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 100% 100%;
      }
      @media screen and (max-width: 960px) {
        .content-header-detail-breadcrumb .underline {
          background-image: var(--underline-bg-sp);
        }
      }
      .content-header-detail-breadcrumb .breadcrumb-button {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        display: flex;
        margin-left: 120px;
        margin-right: 40px;
        gap: 18px;
      }
      @media screen and (max-width: 960px) {
        .content-header-detail-breadcrumb .breadcrumb-button {
          margin-left: 24px;
          margin-right: 24px;
          gap: 2px;
        }
      }
      .content-header-detail-breadcrumb .breadcrumb-button > :where(a) {
        text-decoration: none;
        font-size: 12px;
        font-weight: 400;
        line-height: 19.2px;
        letter-spacing: 0.04em;
        text-align: left;
        color: var(--text-bg);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 185px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .content-header-detail-breadcrumb .breadcrumb-button > :where(a):hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .content-header-detail-breadcrumb .breadcrumb-button > :where(a) {
          font-size: 10px;
          line-height: 16px;
          margin-left: 8px;
          max-width: 110px;
        }
        .content-header-detail-breadcrumb .breadcrumb-button > :where(a):nth-child(3) {
          margin-left: 10px;
        }
      }
      .content-header-detail-breadcrumb .breadcrumb-button > :where(a)[data-content=disabled] {
        opacity: 0.3;
      }
      .content-header-detail-breadcrumb .breadcrumb-button > :where(div) {
        width: 1px;
        height: 16px;
        background-color: var(--text-bg);
      }
      @media screen and (max-width: 960px) {
        .content-header-detail-breadcrumb .breadcrumb-button > :where(div) {
          margin-left: 9px;
        }
      }
      .c-content-tag {
        background-color: var(--c-color-05);
        padding: 12px 18px;
        border-radius: 50px;
        color: var(--c-color-01);
        font-size: 14px;
        font-weight: 700;
        line-height: 10px;
        text-align: left;
      }
      @media screen and (max-width: 960px) {
        .c-content-tag {
          font-size: 12px;
          letter-spacing: 0.04em;
        }
      }
      .c-content-share > :where(p) {
        color: var(--c-color-01);
        font-size: 18px;
        font-weight: 700;
        line-height: 32.4px;
        letter-spacing: 0.08em;
        text-align: center;
      }
      @media screen and (max-width: 960px) {
        .c-content-share > :where(p) {
          font-size: 16px;
          font-weight: 700;
          line-height: 25.6px;
          letter-spacing: 0.08em;
          text-align: center;
        }
      }
      .c-content-share > :where(div) {
        margin-top: 16px;
        display: flex;
        justify-content: center;
        gap: 32px;
      }
      .c-content-share a {
        transition: opacity 0.3s;
      }
      @media (hover: hover) {
        .c-content-share a:hover {
          opacity: 0.5;
        }
      }
      .c-content-menu {
        width: 260px;
        height: auto;
        display: flex;
        flex-flow: column;
        border-color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .c-content-menu {
          width: 100%;
        }
      }
      .c-content-menu details summary {
        transition: opacity 0.3s ease-out;
      }
      @media (hover: hover) {
        .c-content-menu details summary:hover {
          opacity: 0.5;
        }
      }
      .c-content-menu > :where(details) {
        position: relative;
        padding-top: 16px;
        padding-bottom: 16px;
        display: flex;
        flex-wrap: wrap;
        border-top: 1px solid;
        border-color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .c-content-menu > :where(details) {
          padding: 21px 9px;
        }
      }
      .c-content-menu > :where(details)[open]::after {
        translate: 0 180px;
      }
      .c-content-menu > :where(details)[open] .c-content-menu-category-plus::before {
        transform: rotate(0deg);
      }
      .c-content-menu > :where(details) > :where(summary) {
        width: 100%;
        align-items: center;
        display: flex;
        position: relative;
        margin-left: 2px;
      }
      .c-content-menu > :where(details) > :where(summary)::-webkit-details-marker {
        display: none;
      }
      .c-content-menu > :where(details) > :where(summary) > :where(p) {
        color: var(--c-color-03);
        font-size: 16px;
        font-weight: 700;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: center;
        text-decoration: none;
      }
      @media screen and (max-width: 960px) {
        .c-content-menu > :where(details) > :where(summary) > :where(p) {
          font-size: 14px;
          font-weight: 700;
          line-height: 22.4px;
          letter-spacing: 0.04em;
          text-align: center;
        }
      }
      .c-content-menu > :where(details) > :where(summary) > :where(div) {
        width: 16px;
        height: 2px;
        display: inline-block;
        margin-right: 0;
        margin-left: auto;
        color: var(--c-color-01);
        line-height: 1;
        border-radius: 5px;
        background-color: var(--c-color-01);
        position: relative;
      }
      @media screen and (max-width: 960px) {
        .c-content-menu > :where(details) > :where(summary) > :where(div) {
          width: 13px;
        }
      }
      .c-content-menu > :where(details) > :where(summary) > :where(div)::before {
        content: "";
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background: inherit;
        border-radius: inherit;
        transform: rotate(90deg);
        transition: 0.3s;
      }
      .c-content-menu > :where(details) > :where(div) {
        width: auto;
        height: 100%;
        margin-top: 8px;
        margin-left: 15px;
        display: flex;
        flex-flow: column;
        gap: 7px;
        align-items: flex-start;
      }
      @media screen and (max-width: 960px) {
        .c-content-menu > :where(details) > :where(div) {
          margin-left: 0;
        }
      }
      .c-content-menu > :where(details) > :where(div) > :where(a) {
        width: fit-content;
        display: inline-flex;
        justify-content: flex-start;
        color: var(--c-color-03);
        font-size: 16px;
        font-weight: 400;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: left;
        text-decoration: none;
      }
      .c-content-menu > :where(details) > :where(div) > :where(a) > :where(svg) {
        margin-left: 16px;
        margin-right: auto;
      }
      @media (hover: hover) {
        .c-content-menu > :where(details) > :where(div) > :where(a):hover {
          opacity: 0.5;
        }
      }
      .c-form {
        width: 100%;
        margin-top: 20px;
        text-align: left;
      }
      @media screen and (max-width: 960px) {
        .c-form {
          margin-top: 22px;
          padding: 0 24px;
        }
      }
      .c-form:has(select[name=dates]) {
        pointer-events: none;
      }
      .c-form .caption {
        margin-left: 0 !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 19.2px !important;
        letter-spacing: 0.04em !important;
        margin-top: auto;
        margin-bottom: auto;
      }
      @media screen and (max-width: 960px) {
        .c-form .caption {
          margin-left: 0 !important;
          font-size: 10px !important;
          font-weight: 400 !important;
          line-height: 16px !important;
          margin-right: auto !important;
        }
      }
      .c-form .caption-div {
        display: grid;
        grid-template-columns: auto auto;
        margin: auto 0;
      }
      @media screen and (max-width: 960px) {
        .c-form .caption-div {
          grid-template-columns: auto;
        }
      }
      @media screen and (max-width: 960px) {
        .c-form .dormitory-err {
          margin-top: 4px !important;
        }
      }
      .c-form-input {
        border-top: 1px solid;
        border-color: var(--c-color-01);
      }
      .c-form-input .label {
        min-width: 32px;
        margin: auto 16px auto auto;
        text-wrap: nowrap;
        text-align: right;
      }
      @media screen and (max-width: 960px) {
        .c-form-input .label {
          min-width: 28px;
          margin-top: 8px;
          margin-right: 14px;
        }
      }
      .c-form-input .inner-label {
        min-width: 32px;
        text-align: left;
        margin-right: 16px;
        margin-top: auto;
        margin-bottom: auto;
      }
      @media screen and (max-width: 960px) {
        .c-form-input .inner-label {
          min-width: 28px;
          margin-top: 8px;
          margin-right: 14px;
        }
      }
      .c-form-input .radio-form {
        display: flex;
        align-items: center;
        gap: 0;
        min-height: 50px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input .radio-form {
          flex-direction: column;
          align-items: normal;
          gap: 16px;
          min-height: 0;
        }
      }
      .c-form-input .radio-form > :where(div)[data-content=input] {
        display: flex;
        flex-direction: column;
        position: relative;
        min-height: 50px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input .radio-form > :where(div)[data-content=input] {
          min-height: 0;
          height: fit-content;
        }
      }
      .c-form-input .radio-form-inner[data-content=input] {
        min-height: 0;
        height: fit-content;
      }
      .c-form-input .radio-form :where(ul) {
        display: flex;
        flex-wrap: wrap;
        margin: auto 0;
        gap: 32px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input .radio-form :where(ul) {
          gap: 16px 32px;
        }
      }
      .c-form-input .check-form {
        display: flex;
        float: left;
        align-items: center;
        gap: 0;
        min-height: 50px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input .check-form {
          flex-direction: column;
          align-items: normal;
          gap: 16px;
        }
      }
      .c-form-input .check-form > :where(div)[data-content=input] {
        display: flex;
        flex-direction: column;
        position: relative;
        min-height: 50px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input .check-form > :where(div)[data-content=input] {
          min-height: 0;
          height: fit-content;
        }
      }
      .c-form-input .check-form-inner[data-content=input] {
        min-height: 0;
        height: fit-content;
      }
      .c-form-input .check-form :where(ul) {
        display: flex;
        flex-wrap: wrap;
        margin: auto 0;
        gap: 32px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input .check-form :where(ul) {
          gap: 16px;
        }
      }
      .c-form-input .name-form {
        display: flex;
        gap: 14px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input .name-form {
          flex-direction: column;
          gap: 8px;
        }
      }
      .c-form-input .name-form :where(div)[data-content=input] {
        display: flex;
        flex: 1;
      }
      .c-form-input .name-form :where(div)[data-content=input] > :where(div) {
        position: relative;
        flex-direction: column;
        width: 100%;
      }
      .c-form-input .name-form :where(div)[data-content=input] > :where(div) > :where(input) {
        width: 100%;
      }
      .c-form-input .cms-form {
        display: flex;
        flex-direction: column;
        gap: 22px;
      }
      .c-form-input .multiple {
        --multiple-margin-top: 22px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input .multiple {
          --multiple-margin-top: 8px;
        }
      }
      .c-form-input .multiple.multiple-address {
        --multiple-margin-top: 16px;
        --input-margin-left: 122px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input .multiple.multiple-address {
          --multiple-margin-top: 8px;
        }
      }
      .c-form-input .multiple > :where(div) {
        display: block;
        width: 100%;
      }
      @media screen and (min-width: 961px) {
        .c-form-input .multiple > :where(div) {
          margin-left: 4px;
        }
      }
      .c-form-input .multiple > :where(div) > :where(div) {
        position: relative;
      }
      .c-form-input .multiple > :where(div) > :where(div):not(:first-child) {
        margin-top: var(--multiple-margin-top);
      }
      @media screen and (max-width: 960px) {
        .c-form-input .multiple > :where(div) > :where(div) {
          flex-direction: column;
        }
      }
      .c-form-input .multiple > :where(div) > :where(div)[data-content=input]:not(.postal-code) {
        width: 100%;
        display: flex;
      }
      .c-form-input .multiple > :where(div) > :where(div)[data-content=input].postal-code .postal-parent {
        margin-left: 0;
      }
      .c-form-input .multiple > :where(div) > :where(div)[data-content=input].postal-code a {
        margin-left: 92px;
      }
      .c-form-input .multiple > :where(div) > :where(div)[data-content=input] :where(input) {
        width: 100%;
      }
      .c-form-input .multiple > :where(div) > :where(div)[data-content=input] div.flex-area {
        display: flex;
        flex-direction: row;
      }
      @media screen and (max-width: 960px) {
        .c-form-input .multiple > :where(div) > :where(div)[data-content=input] div.flex-area {
          flex-direction: column;
        }
      }
      .c-form-input .multiple > :where(div) > :where(div)[data-content=input] div.flex-area :where(label) {
        min-width: 76px;
        width: fit-content;
        margin: auto 16px auto 0;
        white-space: nowrap;
      }
      @media screen and (max-width: 960px) {
        .c-form-input .multiple > :where(div) > :where(div)[data-content=input] div.flex-area :where(label) {
          margin: 0 0 8px;
        }
      }
      .c-form-input .multiple > :where(div) > :where(div)[data-content=input] div.flex-area :where(label).build-info {
        min-width: 207px;
      }
      .c-form-input .multiple > :where(div) > :where(div)[data-content=input] div.flex-area:not(:has(.postal-parent)) :where(input) {
        width: 100%;
      }
      .c-form-input :where(p, label) {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.04em;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .c-form-input :where(p, label) {
          font-size: 14px;
        }
      }
      .c-form-input > :where(div) {
        --input-padding-bottom-pc: 23px;
        display: flex;
        padding-top: 22px;
        padding-bottom: var(--input-padding-bottom-pc);
        border-bottom: 1px solid;
        border-color: var(--c-color-01);
      }
      .c-form-input > :where(div)[data-content=companion] {
        border: none;
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) {
          flex-direction: column;
          padding-top: 8px;
          padding-bottom: 17px;
        }
        .c-form-input > :where(div)[data-content=single-pulldown] {
          padding-bottom: 12px;
        }
        .c-form-input > :where(div)[data-content=tel] {
          padding-bottom: 12px;
        }
        .c-form-input > :where(div)[data-content=e-mail] {
          padding-bottom: 14px;
        }
      }
      .c-form-input > :where(div) > :where(p) {
        max-width: 200px;
        display: inline-flex;
      }
      @media screen and (min-width: 961px) {
        .c-form-input > :where(div) > :where(p) {
          margin-top: 12px;
        }
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) > :where(p) {
          max-width: none;
        }
      }
      .c-form-input > :where(div) > :where(p)[data-content-form=campus] {
        margin-top: auto;
        margin-bottom: auto;
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) > :where(p)[data-content-form=campus] br {
          display: none;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=age] {
        position: relative;
      }
      @media screen and (min-width: 961px) {
        .c-form-input > :where(div) :where(div)[data-content=age] :where(div) {
          margin-left: 4px;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=age] :where(div)[data-content=input] {
        display: flex;
      }
      .c-form-input > :where(div) :where(div)[data-content=age] :where(div)[data-content=input] > :where(input) {
        width: 100px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) :where(div)[data-content=age] :where(div)[data-content=input] > :where(input) {
          width: 80px;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=age] :where(div)[data-content=input] > :where(p) {
        margin-top: 12px;
        margin-left: 8px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) :where(div)[data-content=age] :where(div)[data-content=input] > :where(p) {
          margin-top: 8px;
          margin-left: 16px;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=school] {
        position: relative;
      }
      @media screen and (min-width: 961px) {
        .c-form-input > :where(div) :where(div)[data-content=school] > :where(div) {
          margin-left: 4px;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=school] > :where(div)[data-content=input] {
        display: flex;
      }
      .c-form-input > :where(div) :where(div)[data-content=school] > :where(div)[data-content=input] > :where(input) {
        width: 260px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) :where(div)[data-content=school] > :where(div)[data-content=input] > :where(input) {
          width: 100%;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=campus] {
        position: relative;
      }
      @media screen and (min-width: 961px) {
        .c-form-input > :where(div) :where(div)[data-content=campus] > :where(div) {
          margin-left: 78px;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=campus] :where(div)[data-content=input] {
        display: flex;
        flex-direction: column;
        gap: 16px;
      }
      @media screen and (min-width: 961px) {
        .c-form-input > :where(div) :where(div)[data-content=campus] :where(div)[data-content=input] {
          margin-top: 12px;
          margin-bottom: 16px;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=campus] :where(div)[data-content=input] :where(label) {
        margin-left: 0;
      }
      .c-form-input > :where(div) :where(div)[data-content=tel] .tel-parent {
        position: relative;
        display: flex;
      }
      @media screen and (min-width: 961px) {
        .c-form-input > :where(div) :where(div)[data-content=tel] .tel-parent {
          margin-left: 4px;
        }
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) :where(div)[data-content=tel] .tel-parent {
          flex-direction: column;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=tel] .tel-parent > :where(div)[data-content=input] {
        display: grid;
        grid-template-columns: 0.71fr auto 1fr auto 1fr;
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) :where(div)[data-content=tel] .tel-parent > :where(div)[data-content=input] {
          grid-template-columns: 0.8fr auto 1fr auto 1fr;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=tel] .tel-parent > :where(div)[data-content=input] > :where(input)[data-content=area-code] {
        width: 100%;
        max-width: 166px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) :where(div)[data-content=tel] .tel-parent > :where(div)[data-content=input] > :where(input)[data-content=area-code] {
          max-width: none;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=tel] .tel-parent > :where(div)[data-content=input] > :where(input)[data-content=exchange-code] {
        width: 100%;
        max-width: 166px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) :where(div)[data-content=tel] .tel-parent > :where(div)[data-content=input] > :where(input)[data-content=exchange-code] {
          max-width: none;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=tel] .tel-parent > :where(div)[data-content=input] > :where(input)[data-content=subscriber-number] {
        width: 100%;
        max-width: 166px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) :where(div)[data-content=tel] .tel-parent > :where(div)[data-content=input] > :where(input)[data-content=subscriber-number] {
          max-width: none;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=tel] .tel-parent > :where(div)[data-content=input] > :where(span) {
        margin: 13px 8px auto;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.04em;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) :where(div)[data-content=tel] .tel-parent > :where(div)[data-content=input] > :where(span) {
          margin-top: auto;
          font-size: 10px;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=tel] .tel-parent > :where(p) {
        margin-left: 16px;
        margin-top: auto;
        margin-bottom: auto;
        font-size: 12px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) :where(div)[data-content=tel] .tel-parent > :where(p) {
          margin-left: 0;
          margin-top: 12px;
          font-size: 10px;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=e-mail] .email-parent {
        display: flex;
        position: relative;
        width: 100%;
        max-width: 507px;
      }
      @media screen and (min-width: 961px) {
        .c-form-input > :where(div) :where(div)[data-content=e-mail] .email-parent {
          margin-left: 4px;
        }
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) :where(div)[data-content=e-mail] .email-parent {
          flex-direction: column;
          max-width: none;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=e-mail] .email-parent > :where(input) {
        width: 100%;
      }
      .c-form-input > :where(div) :where(div)[data-content=e-mail] .email-parent > :where(p) {
        margin-left: 16px;
        margin-top: auto;
        margin-bottom: auto;
        font-size: 12px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) :where(div)[data-content=e-mail] .email-parent > :where(p) {
          margin-left: 0;
          margin-top: 12px;
          font-size: 10px;
        }
      }
      .c-form-input > :where(div) :where(div)[data-content=nationality] .nationality-parent {
        width: 100%;
        max-width: 507px;
      }
      @media screen and (min-width: 961px) {
        .c-form-input > :where(div) :where(div)[data-content=nationality] .nationality-parent {
          margin-left: 4px;
        }
      }
      .c-form-input > :where(div) > :where(div) {
        display: flex;
        margin-left: auto;
        width: calc(100% - var(--input-margin-left));
      }
      @media screen and (max-width: 960px) {
        .c-form-input > :where(div) > :where(div) {
          flex-direction: column;
          width: 100%;
          margin-top: 8px;
          padding-right: 2px;
        }
      }
      .c-form .postal-code {
        display: block;
      }
      .c-form .postal-code .postal-parent {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        row-gap: 15px;
      }
      @media screen and (min-width: 961px) {
        .c-form .postal-code .postal-parent {
          margin-left: 4px;
        }
      }
      @media screen and (max-width: 960px) {
        .c-form .postal-code .postal-parent {
          flex-direction: column;
          gap: 3px;
          row-gap: none;
        }
      }
      .c-form .postal-code .postal-parent > :where(div)[data-content=input] {
        display: flex;
      }
      .c-form .postal-code .postal-parent > :where(div)[data-content=input] > :where(input)[data-content=front] {
        width: 116px;
      }
      @media screen and (max-width: 960px) {
        .c-form .postal-code .postal-parent > :where(div)[data-content=input] > :where(input)[data-content=front] {
          width: 80px;
        }
      }
      .c-form .postal-code .postal-parent > :where(div)[data-content=input] > :where(input)[data-content=rear] {
        width: 166px;
        margin-left: 6px;
      }
      @media screen and (max-width: 960px) {
        .c-form .postal-code .postal-parent > :where(div)[data-content=input] > :where(input)[data-content=rear] {
          width: 100%;
        }
      }
      .c-form .postal-code .postal-parent > :where(div)[data-content=input] > :where(span) {
        margin-left: 6px;
        margin-top: auto;
        margin-bottom: auto;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.04em;
        color: var(--c-color-03);
      }
      .c-form .postal-code .postal-parent > :where(input) {
        width: 167px;
        height: 34px;
        margin-top: auto;
        margin-bottom: auto;
        padding: 0 14px;
        color: var(--c-color-02);
        border-radius: 100px;
        background: var(--c-color-01);
        background-image: url("/wp-content/themes/original2024/assets/img/request/search_arrow.svg");
        background-repeat: no-repeat;
        background-position: 143px 52%;
        text-align: left;
        cursor: pointer;
        font-size: 12px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0.04em;
        border: none;
      }
      @media screen and (max-width: 960px) {
        .c-form .postal-code .postal-parent > :where(input) {
          display: inline-block;
          width: 158px;
          margin-left: 0;
          margin-top: 9px;
          padding: 0 20px 0 18px;
          background-position: 132px center;
          font-size: 10px;
          line-height: 34px;
        }
      }
      .c-form .postal-code > :where(a) {
        display: inline-block;
        margin-left: 2px;
        margin-top: 14px;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.04em;
        color: var(--c-color-03);
        font-feature-settings: "pwid";
      }
      @media screen and (max-width: 960px) {
        .c-form .postal-code > :where(a) {
          margin-left: 0 !important;
          margin-top: 10px;
          font-size: 10px;
        }
      }
      .form-required {
        display: flex;
        text-align: left;
      }
      .form-required::after {
        content: "*必須";
        display: block;
        margin-left: 8px;
        margin-top: 4px;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.04em;
        color: var(--c-color-01);
        white-space: nowrap;
      }
      @media screen and (max-width: 960px) {
        .form-required::after {
          font-size: 10px;
        }
      }
      .companion-none {
        display: none !important;
      }
      .dormitory-form {
        margin-bottom: 0 !important;
      }
      .companion-parent {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 13.5px;
        border-bottom: 1px solid;
        border-color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .companion-parent {
          gap: 16px;
        }
      }
      .companion-parent .companion-child {
        text-align: right;
      }
      @media screen and (max-width: 960px) {
        .companion-parent .companion-child {
          text-align: center;
        }
      }
      .companion-parent .companion-child-add {
        margin-bottom: 23px;
      }
      @media screen and (max-width: 960px) {
        .companion-parent .companion-child-add {
          margin-bottom: 35px;
        }
      }
      .companion-parent .dormitory-child {
        text-align: right;
        margin-bottom: 23px;
      }
      @media screen and (max-width: 960px) {
        .companion-parent .dormitory-child {
          display: flex;
          flex-direction: column;
          gap: 8px;
          text-align: center;
        }
      }
      .companion-parent .guidance-child {
        margin-bottom: 23px;
      }
      .companion-parent .companion-add {
        color: var(--c-color-01);
        width: fit-content;
        font-size: 18px;
        font-weight: 700;
        line-height: 32.4px;
        letter-spacing: 0.08em;
        text-align: left;
        text-decoration: underline;
        text-underline-offset: 3px;
        margin-right: 0;
        margin-left: auto;
        padding-bottom: 23px;
      }
      @media screen and (max-width: 960px) {
        .companion-parent .companion-add {
          font-size: 14px;
          font-weight: 700;
          line-height: 25.2px;
          letter-spacing: 0.08em;
          text-align: left;
        }
      }
      @media (hover: hover) {
        .companion-parent .companion-add:hover {
          cursor: pointer;
        }
      }
      .companion-parent > ul {
        display: flex;
        flex-direction: column;
        gap: 24px;
      }
      .companion-parent > ul > li {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
      }
      @media screen and (max-width: 960px) {
        .companion-parent > ul > li {
          flex-direction: column;
          gap: 11px;
        }
      }
      .companion-parent > ul > li:last-child {
        margin-bottom: 23px;
      }
      .companion-parent > ul > li.companion-form {
        background-color: var(--c-color-08);
        padding: 32px;
      }
      @media screen and (max-width: 960px) {
        .companion-parent > ul > li.companion-form {
          padding: 12px 32px 32px;
        }
      }
      .companion-parent > ul > li.companion-form :where(div.multiple) {
        width: 100%;
        max-width: calc(100% - 300px);
      }
      @media screen and (max-width: 960px) {
        .companion-parent > ul > li.companion-form :where(div.multiple) {
          max-width: none;
        }
      }
      @media screen and (max-width: 960px) {
        .companion-parent > ul > li .companion-column {
          flex-direction: column;
          gap: var(--multiple-margin-top);
        }
      }
      .companion-parent > ul > li .companion-title {
        margin-top: 12px;
        margin-right: 38px;
        text-wrap: nowrap;
      }
      @media screen and (max-width: 960px) {
        .companion-parent > ul > li .companion-title {
          margin-right: 0;
        }
      }
      .companion-parent > ul > li .companion-delete {
        position: absolute;
        top: 16.5px;
        right: 24px;
        color: var(--c-color-01);
        font-size: 14px;
        font-weight: 400;
        line-height: 25.2px;
        letter-spacing: 0.08em;
        text-align: right;
        text-decoration: underline;
      }
      @media screen and (max-width: 960px) {
        .companion-parent > ul > li .companion-delete {
          top: 17.5px;
          right: 18px;
          font-size: 12px;
          font-weight: 400;
          line-height: 21.6px;
          letter-spacing: 0.08em;
          text-align: right;
        }
      }
      @media screen and (max-width: 960px) and (max-width: 960px) {
        .companion-parent > ul > li .companion-delete {
          top: 21.5px;
        }
      }
      @media (hover: hover) {
        .companion-parent > ul > li .companion-delete:hover {
          cursor: pointer;
        }
      }
      .companion-parent > ul > li.address-form {
        margin-bottom: 0 !important;
      }
      .companion-parent > ul > li.address-form > :where(p) {
        margin-right: 37px;
      }
      .additional-form {
        background-color: var(--c-color-08);
        padding: 32px;
      }
      @media screen and (max-width: 960px) {
        .additional-form {
          padding: 24px 32px 32px;
        }
      }
      .caption-parent {
        width: 100%;
        display: flex;
        flex-direction: row;
        gap: 4px 16px;
      }
      @media screen and (max-width: 960px) {
        .caption-parent {
          flex-direction: column;
          gap: 0;
        }
      }
      .err-parent {
        width: 100%;
        display: flex;
        flex-direction: column;
      }
      .pulldown-form {
        position: relative;
        display: flex;
        flex-direction: column;
      }
      @media screen and (max-width: 960px) {
        .pulldown-form {
          display: block;
        }
      }
      .pulldown-form .address {
        margin-left: 92px;
      }
      @media screen and (max-width: 960px) {
        .pulldown-form .address {
          margin-left: 0;
        }
      }
      .pulldown-form :where(div)[data-content=pulldown-label] {
        width: 100%;
        display: flex;
        justify-content: flex-start;
      }
      @media screen and (max-width: 960px) {
        .pulldown-form :where(div)[data-content=pulldown-label] {
          flex-direction: column;
          gap: 18px;
        }
      }
      .pulldown-form :where(div)[data-content=select-wrapper] {
        --select-opacity: 1;
        width: fit-content;
        min-width: 260px;
        position: relative;
      }
      .pulldown-form :where(div)[data-content=select-wrapper]:has(:where(select):disabled) {
        --select-opacity: 0.5;
      }
      @media screen and (max-width: 960px) {
        .pulldown-form :where(div)[data-content=select-wrapper] {
          width: 100%;
          min-width: 0;
        }
      }
      .pulldown-form :where(div)[data-content=select-wrapper] :where(select) {
        appearance: none;
        width: 100%;
        max-width: max-content;
        min-width: 260px;
        height: 50px;
        padding-left: 16px;
        padding-right: 50px;
        border: none;
        outline: none;
        border-radius: 4px;
        background-color: var(--c-color-48);
        color: var(--c-color-03);
        font-size: 16px;
      }
      @media screen and (max-width: 960px) {
        .pulldown-form :where(div)[data-content=select-wrapper] :where(select) {
          height: 40px;
          font-size: 14px;
          max-width: none;
          min-width: 0;
          padding-right: 0;
        }
      }
      .pulldown-form :where(div)[data-content=select-wrapper] :where(select):has(option:checked[value=""]) {
        color: var(--c-color-12);
      }
      .pulldown-form :where(div)[data-content=select-wrapper] :where(select:invalid) {
        color: var(--c-color-12);
      }
      .pulldown-form :where(div)[data-content=select-wrapper] :where(select:disabled) {
        color: var(--c-color-12);
      }
      .pulldown-form :where(div)[data-content=select-wrapper] :where(option) {
        color: var(--c-color-03);
      }
      .pulldown-form :where(div)[data-content=select-wrapper]::after {
        content: "";
        position: absolute;
        width: 50px;
        height: 50px;
        top: 0;
        right: 0;
        border: none;
        border-radius: 4px;
        background-color: var(--c-color-01);
        background-image: url("/wp-content/themes/original2024/assets/img/request/select_arrow.svg");
        background-repeat: no-repeat;
        background-position: center;
        pointer-events: none;
        opacity: var(--select-opacity);
      }
      @media screen and (max-width: 960px) {
        .pulldown-form :where(div)[data-content=select-wrapper]::after {
          width: 40px;
          height: 40px;
        }
      }
      .pulldown-form > :where(p) {
        margin-left: 16px;
        margin-top: auto;
        margin-bottom: auto;
        font-size: 12px;
        font-feature-settings: "halt";
      }
      @media screen and (max-width: 960px) {
        .pulldown-form > :where(p) {
          margin-top: 12px;
          margin-left: 0;
          margin-right: auto;
          font-size: 10px;
        }
      }
      .textbox-form {
        width: 100%;
        height: 50px;
        box-sizing: border-box;
        border: none;
        outline: none;
        border-radius: 4px;
        background-color: var(--c-color-48);
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.04em;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .textbox-form {
          height: 40px;
          font-size: 14px;
        }
      }
      .textbox-form.textbox {
        padding-left: 16px;
      }
      .textbox-form.textbox::placeholder {
        color: var(--ct-requestform-placeholder);
      }
      .textbox-form.email {
        padding-left: 16px;
      }
      .textbox-form.email::placeholder {
        color: var(--ct-requestform-placeholder);
      }
      .textbox-form.tel {
        padding-left: 16px;
      }
      @media screen and (max-width: 960px) {
        .textbox-form.tel {
          padding-left: 8px;
        }
      }
      .form-err {
        background-color: var(--cb-form-err) !important;
      }
      .form-err-background {
        background: var(--cb-form-err-background) !important;
      }
      .c-form-input-err {
        --address-padding-bottom-pc: 23px;
        --form-left-pc: 0;
        bottom: calc(var(--address-padding-bottom-pc) * -1 - 32px);
      }
      .c-form-input-err.form-err-post {
        --address-padding-bottom-pc: 85px;
      }
      .c-form-input-err.form-err-left {
        --form-left-pc: -4px;
      }
      .c-form-input-err.for-merr-radio {
        --address-paddin-bottom-pc: 20px;
      }
      @media screen and (min-width: 961px) {
        .c-form-input-err {
          margin-top: 4px;
        }
        .c-form-input-err.enquete {
          margin-top: -7px;
        }
      }
      .c-form-input-err > :where(span) {
        display: none;
        height: 100%;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 0.04em;
        text-align: left;
        white-space: nowrap;
        color: var(--ct-form-err);
        text-wrap: wrap;
      }
      .c-form-input-err > :where(span).on {
        display: flex;
      }
      @media screen and (max-width: 960px) {
        .c-form-input-err > :where(span) {
          height: 100%;
          font-size: 10px;
          align-items: end;
        }
      }
      .c-form-input-err.address {
        margin-left: 92px;
      }
      @media screen and (max-width: 960px) {
        .c-form-input-err.address {
          margin-left: 0;
        }
      }
      .c-form-submit {
        display: block;
        margin-top: 54px;
        text-align: center;
      }
      @media screen and (max-width: 960px) {
        .c-form-submit {
          margin-top: 32px;
        }
      }
      .c-form-submit > :where(button) {
        display: inline-flex;
        position: relative;
        margin: auto;
        gap: 10px;
        align-items: center;
        padding: 28px 88px;
        font-size: 20px;
        color: var(--c-color-02);
        border-radius: 100px;
        background: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .c-form-submit > :where(button) {
          font-size: 14px;
          padding: 10px 24px;
        }
      }
      .c-form-submit > :where(button):hover {
        color: var(--c-color-02);
        background: var(--c-color-03);
      }
      .c-form-submit > :where(button):hover path {
        stroke: var(--c-color-02);
      }
      .c-form-submit > :where(button)::after {
        content: "";
        position: absolute;
        inset: 0;
        top: -1px;
        left: -1px;
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        opacity: 0;
        z-index: 0;
        transition: opacity 0.3s ease;
        border-radius: 100px;
        background: var(--cb-button-hover-black);
        background-size: 200% 100%;
        animation: move-gradient 3s linear infinite;
      }
      .c-form-submit > :where(button):hover::after {
        opacity: 1;
      }
      .c-form-submit > :where(button) > :where(span) {
        font-weight: 700;
        letter-spacing: 0.04em;
        z-index: 1;
      }
      .c-form-submit > :where(button) :where(svg) {
        z-index: 1;
      }
      @media screen and (max-width: 960px) {
        .c-form-submit > :where(button) :where(svg) {
          width: 6px;
          padding-top: 1px;
        }
      }
      .c-form-submit > :where(button) :where(path) {
        stroke: var(--c-color-02);
        margin: auto;
      }
      .content-header-image {
        margin-top: 84px;
        max-height: 496px;
      }
      .content-header-image img {
        width: 100%;
        max-height: 496px;
        object-fit: cover;
      }
      @media screen and (max-width: 960px) {
        .content-header-image {
          margin-top: 50px;
        }
      }
      .content-header-right-image {
        margin-top: 84px;
        max-height: 270px;
      }
      .content-header-right-image img {
        width: 50%;
        margin-right: 0;
        max-height: 270px;
        object-fit: cover;
        object-position: 50% 50%;
      }
      @media screen and (max-width: 960px) {
        .content-header-right-image {
          margin-top: 50px;
        }
      }
      .content-header-breadcrumb {
        height: 46px;
        position: relative;
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb {
          height: 32px;
          margin-top: 79px;
        }
      }
      .content-header-breadcrumb .underline {
        position: absolute;
        bottom: 0;
        width: 100vw;
        height: 1px;
        background-image: url("/wp-content/themes/original2024/assets/img/gradation/breadcrumb-line-pc.svg");
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 100% 100%;
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb .underline {
          background-image: url("/wp-content/themes/original2024/assets/img/gradation/breadcrumb-line-sp.svg");
        }
      }
      .content-header-breadcrumb .breadcrumb-button {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        display: flex;
        margin-left: 120px;
        margin-right: 40px;
        gap: 18px;
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb .breadcrumb-button {
          margin-left: 24px;
          margin-right: 24px;
          gap: 2px;
        }
      }
      .content-header-breadcrumb .breadcrumb-button > :where(a) {
        text-decoration: none;
        font-size: 12px;
        font-weight: 400;
        line-height: 19.2px;
        letter-spacing: 0.04em;
        text-align: left;
        color: var(--c-color-01);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 293px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .content-header-breadcrumb .breadcrumb-button > :where(a):hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb .breadcrumb-button > :where(a) {
          font-size: 10px;
          line-height: 16px;
          margin-left: 8px;
          max-width: 245px;
        }
        .content-header-breadcrumb .breadcrumb-button > :where(a):nth-child(3) {
          margin-left: 10px;
        }
      }
      .content-header-breadcrumb .breadcrumb-button > :where(a)[data-content=disabled] {
        opacity: 0.3;
      }
      .content-header-breadcrumb .breadcrumb-button > :where(div) {
        width: 1px;
        height: 16px;
        background-color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb .breadcrumb-button > :where(div) {
          margin-left: 9px;
        }
      }
      .content-header-breadcrumb-2 {
        height: 46px;
        position: relative;
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb-2 {
          height: 32px;
          margin-top: 62px;
        }
      }
      .content-header-breadcrumb-2 .underline {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100vw;
        height: 1px;
        background-image: url("/wp-content/themes/original2024/assets/img/gradation/breadcrumb-line-pc.svg");
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 100% 100%;
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb-2 .underline {
          background-image: url("/wp-content/themes/original2024/assets/img/gradation/breadcrumb-line-sp.svg");
        }
      }
      .content-header-breadcrumb-2 .breadcrumb-button {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        display: flex;
        margin-left: 120px;
        margin-right: 40px;
        gap: 18px;
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb-2 .breadcrumb-button {
          margin-left: 24px;
          margin-right: 24px;
          gap: 2px;
        }
      }
      .content-header-breadcrumb-2 .breadcrumb-button > :where(a) {
        text-decoration: none;
        font-size: 12px;
        font-weight: 400;
        line-height: 19.2px;
        letter-spacing: 0.04em;
        text-align: left;
        color: var(--c-color-01);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 180px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .content-header-breadcrumb-2 .breadcrumb-button > :where(a):hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb-2 .breadcrumb-button > :where(a) {
          font-size: 10px;
          line-height: 16px;
          margin-left: 8px;
          max-width: 104px;
        }
        .content-header-breadcrumb-2 .breadcrumb-button > :where(a):nth-child(3) {
          margin-left: 10px;
        }
      }
      .content-header-breadcrumb-2 .breadcrumb-button > :where(a)[data-content=disabled] {
        opacity: 0.3;
      }
      .content-header-breadcrumb-2 .breadcrumb-button > :where(div) {
        width: 1px;
        height: 16px;
        background-color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb-2 .breadcrumb-button > :where(div) {
          margin-left: 9px;
        }
      }
      .content-header-breadcrumb-3 {
        height: 46px;
        position: relative;
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb-3 {
          height: 32px;
          margin-top: 158px;
        }
      }
      .content-header-breadcrumb-3 .underline {
        position: absolute;
        bottom: 0;
        width: 100vw;
        height: 1px;
        background-image: url("/wp-content/themes/original2024/assets/img/gradation/breadcrumb-line-pc.svg");
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 100% 100%;
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb-3 .underline {
          background-image: url("/wp-content/themes/original2024/assets/img/gradation/breadcrumb-line-sp.svg");
        }
      }
      .content-header-breadcrumb-3 .breadcrumb-button {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        display: flex;
        margin-left: 120px;
        margin-right: 40px;
        gap: 18px;
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb-3 .breadcrumb-button {
          margin-left: 24px;
          margin-right: 24px;
          gap: 2px;
        }
      }
      .content-header-breadcrumb-3 .breadcrumb-button > :where(a) {
        text-decoration: none;
        font-size: 12px;
        font-weight: 400;
        line-height: 19.2px;
        letter-spacing: 0.04em;
        text-align: left;
        color: var(--c-color-01);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 293px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .content-header-breadcrumb-3 .breadcrumb-button > :where(a):hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb-3 .breadcrumb-button > :where(a) {
          font-size: 10px;
          line-height: 16px;
          margin-left: 8px;
          max-width: 245px;
        }
        .content-header-breadcrumb-3 .breadcrumb-button > :where(a):nth-child(3) {
          margin-left: 10px;
        }
      }
      .content-header-breadcrumb-3 .breadcrumb-button > :where(a)[data-content=disabled] {
        opacity: 0.3;
      }
      .content-header-breadcrumb-3 .breadcrumb-button > :where(div) {
        width: 1px;
        height: 16px;
        background-color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb-3 .breadcrumb-button > :where(div) {
          margin-left: 9px;
        }
      }
      .content-header-breadcrumb-4 {
        height: 46px;
        position: relative;
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb-4 {
          height: 32px;
          margin-top: 117px;
        }
      }
      .content-header-breadcrumb-4 .underline {
        position: absolute;
        bottom: 0;
        width: 100vw;
        height: 1px;
        background-image: url("/wp-content/themes/original2024/assets/img/gradation/breadcrumb-line-pc.svg");
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 100% 100%;
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb-4 .underline {
          background-image: url("/wp-content/themes/original2024/assets/img/gradation/breadcrumb-line-sp.svg");
        }
      }
      .content-header-breadcrumb-4 .breadcrumb-button {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        display: flex;
        margin-left: 120px;
        margin-right: 40px;
        gap: 18px;
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb-4 .breadcrumb-button {
          margin-left: 24px;
          margin-right: 24px;
          gap: 2px;
        }
      }
      .content-header-breadcrumb-4 .breadcrumb-button > :where(a) {
        text-decoration: none;
        font-size: 12px;
        font-weight: 400;
        line-height: 19.2px;
        letter-spacing: 0.04em;
        text-align: left;
        color: var(--c-color-01);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 293px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .content-header-breadcrumb-4 .breadcrumb-button > :where(a):hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb-4 .breadcrumb-button > :where(a) {
          font-size: 10px;
          line-height: 16px;
          margin-left: 8px;
          max-width: 245px;
        }
        .content-header-breadcrumb-4 .breadcrumb-button > :where(a):nth-child(3) {
          margin-left: 10px;
        }
      }
      .content-header-breadcrumb-4 .breadcrumb-button > :where(a)[data-content=disabled] {
        opacity: 0.3;
      }
      .content-header-breadcrumb-4 .breadcrumb-button > :where(div) {
        width: 1px;
        height: 16px;
        background-color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .content-header-breadcrumb-4 .breadcrumb-button > :where(div) {
          margin-left: 9px;
        }
      }
      .content-header-sub-title .border {
        background: rgb(44, 73, 137) !important;
      }
      .content-header-title {
        margin-top: -78px;
        margin-left: 120px;
        margin-right: 120px;
        width: fit-content;
      }
      @media screen and (max-width: 960px) {
        .content-header-title {
          margin-top: -132px;
          margin-left: 24px;
          margin-right: 24px;
        }
      }
      .content-header-title h1 {
        font-family: var(--t-base) !important;
        font-size: 70px;
        font-weight: 500;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 5px 6px 7px;
        gap: 8px;
        width: fit-content;
        height: 62px;
        line-height: 64px;
        letter-spacing: 0.04em;
        font-feature-settings: "vert" on, "halt" on;
        color: var(--c-color-01);
        background: var(--c-color-19);
        flex: none;
        order: 0;
        flex-grow: 0;
        z-index: 1;
        transform: translateZ(1px);
      }
      @media screen and (max-width: 960px) {
        .content-header-title h1 {
          height: 42px;
          font-size: 42px;
          line-height: 40px;
        }
      }
      .content-header-title .content-header-sub-title {
        width: fit-content;
      }
      .content-header-title .border {
        height: 4px;
        margin-top: 25px;
        background: rgba(44, 73, 137, 0.5);
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title .border {
          margin-top: 12px;
        }
      }
      .content-header-title div.h4 {
        margin-top: 0;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title div.h4 {
          font-size: 18px;
        }
      }
      .content-header-title h5 {
        margin-top: 30px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title h5 {
          margin-top: 64px;
          font-size: 16px;
        }
      }
      .content-header-title div.h5 {
        margin-top: 30px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 26px !important;
        letter-spacing: 0.04em !important;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title div.h5 {
          margin-top: 64px;
          font-size: 16px;
        }
      }
      .content-header-title .p-strong {
        margin-top: 22px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 29px;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
      }
      @media screen and (max-width: 960px) {
        .content-header-title .p-strong {
          margin-top: 30px;
        }
      }
      .content-header-title .p-string-2 {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      .content-header-title p {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 29px;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      .content-header-title-2 {
        position: relative;
        margin-top: -210px;
        margin-left: 120px;
        margin-right: 120px;
        width: fit-content;
        pointer-events: none;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-2 {
          margin-top: -126px;
          margin-left: 24px;
          margin-right: 24px;
        }
      }
      .content-header-title-2 .h1-1 {
        font-family: var(--t-base) !important;
        font-weight: 500;
        font-size: 52.5px;
        line-height: 30px;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 1px;
        gap: 8px;
        width: fit-content;
        height: 45px;
        background: var(--c-color-19);
        flex: none;
        order: 0;
        flex-grow: 0;
        font-style: normal;
        letter-spacing: 0.04em;
        font-feature-settings: "vert" on, "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .content-header-title-2 .h1-1 {
          width: fit-content;
          height: fit-content;
          font-style: normal;
          font-weight: 500;
          font-size: 33.6px;
          line-height: 26px;
          padding: 5px 6px 7px;
          z-index: 999;
          margin-right: -24px;
        }
      }
      .content-header-title-2 .h1-2 {
        margin-top: 24px;
        padding-bottom: 10px;
        width: fit-content;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 52px;
        line-height: 62px;
        letter-spacing: 0.08em;
        font-feature-settings: "palt" on;
        color: var(--c-color-01);
        background: none;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-2 .h1-2 {
          padding-bottom: 2px;
          margin-top: 81px;
          margin-right: 24px;
          font-size: 30px;
          line-height: 36px;
        }
      }
      .content-header-title-2 .h1-2-en {
        width: fit-content;
        height: fit-content;
        margin-top: 10px;
        line-height: 28.8px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        font-feature-settings: "halt" on;
        letter-spacing: 0.04em;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .content-header-title-2 .h1-2-en {
          margin-top: 6px;
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .content-header-title-2 .content-header-sub-title {
        width: fit-content;
      }
      .content-header-title-2 .border {
        height: 3px;
        margin-top: 23px;
        background: rgba(44, 73, 137, 0.5);
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-2 .border {
          height: 3.2px;
          margin-top: 12px;
        }
      }
      .content-header-title-2 h4 {
        margin-top: 0;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16.5px;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-2 h4 {
          font-size: 14px;
          line-height: 26px;
        }
      }
      .content-header-title-2 div.h4 {
        margin-top: 0;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16.5px;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-2 div.h4 {
          font-size: 14px;
          line-height: 26px;
        }
      }
      .content-header-title-2 h5 {
        margin-top: 4px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-2 h5 {
          margin-top: 21px;
          margin-right: 24px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 26px;
          color: var(--c-color-03);
        }
      }
      .content-header-title-2 div.h5 {
        margin-top: 20px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 26px !important;
        letter-spacing: 0.04em !important;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-2 div.h5 {
          margin-top: 21px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          color: var(--c-color-03);
        }
      }
      .content-header-title-2 .p-strong {
        margin-top: 30px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 29px;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
      }
      .content-header-title-2 .p-string-2 {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      .content-header-title-2 .p-1 {
        width: fit-content;
        height: fit-content;
        margin-top: 10px;
        line-height: 29px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        font-feature-settings: "halt" on;
        letter-spacing: 0.04em;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .content-header-title-2 .p-1 {
          margin-top: 0;
          font-size: 14px;
        }
      }
      .content-header-title-2 .h4-white-parent {
        margin-top: 16px;
      }
      .content-header-title-2 .h4-white {
        width: fit-content;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 40px;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        background: rgba(255, 255, 255, 0.3);
        display: inline;
        box-decoration-break: clone;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-2 .h4-white {
          font-size: 18px;
          line-height: 32px;
          padding-left: 4px;
          padding-right: 4px;
        }
      }
      @media screen and (max-width: 960px) {
        .content-header-title-2 .space26-sp-only {
          margin-top: 26px !important;
        }
      }
      @media screen and (max-width: 960px) {
        .content-header-title-2 .space15-sp-only {
          margin-top: 15px !important;
        }
      }
      @media screen and (max-width: 960px) {
        .content-header-title-2 .space14-sp-only {
          margin-top: 14px !important;
        }
      }
      .content-header-title-3 {
        margin: -46px 120px 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-3 {
          margin: 40px 24px 0;
        }
      }
      .content-header-title-3 h1 {
        font-family: var(--t-noto) !important;
        font-style: normal;
        font-weight: 700;
        font-size: 52px;
        line-height: 120%;
        letter-spacing: 0.08em;
        font-feature-settings: "palt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .content-header-title-3 h1 {
          font-size: 30px;
        }
      }
      .content-header-title-3 p {
        margin-top: 17px;
        font-family: var(--t-noto) !important;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .content-header-title-3 p {
          margin-top: 22px;
          font-size: 14px;
        }
      }
      .content-header-title-3 h5 {
        margin-top: 29px;
        font-family: var(--t-noto) !important;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .content-header-title-3 h5 {
          margin-top: 26px;
          font-size: 16px;
          line-height: 160%;
        }
      }
      .content-header-title-4 {
        margin-top: -78px;
        margin-left: 120px;
        margin-right: 120px;
        width: fit-content;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-4 {
          margin-top: -132px;
          margin-left: 24px;
          margin-right: 24px;
        }
      }
      .content-header-title-4 h1 {
        font-family: var(--t-base) !important;
        font-size: 70px;
        font-weight: 500;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 5px 6px 7px;
        gap: 8px;
        width: fit-content;
        height: 62px;
        line-height: 64px;
        letter-spacing: 0.04em;
        font-feature-settings: "vert" on, "halt" on;
        color: var(--c-color-01);
        background: var(--c-color-19);
        flex: none;
        order: 0;
        flex-grow: 0;
        z-index: 1;
        transform: translateZ(1px);
      }
      @media screen and (max-width: 960px) {
        .content-header-title-4 h1 {
          height: 42px;
          font-size: 42px;
          line-height: 40px;
        }
      }
      .content-header-title-4 .content-header-sub-title {
        width: fit-content;
      }
      .content-header-title-4 .border {
        height: 4px;
        margin-top: 24px;
        background: rgba(44, 73, 137, 0.5);
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-4 .border {
          margin-top: 12px;
        }
      }
      .content-header-title-4 h4 {
        margin-top: 6px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-4 h4 {
          margin-top: 0;
          font-size: 18px;
        }
      }
      .content-header-title-4 h5 {
        margin-top: 30px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-4 h5 {
          margin-top: 24px;
          font-size: 16px;
          line-height: 26px;
        }
        .content-header-title-4 h5 br {
          display: none;
        }
      }
      .content-header-title-4 .p-strong {
        margin-top: 30px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 29px;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
      }
      .content-header-title-4 .p-string-2 {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      .content-header-title-4 p {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 29px;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .content-header-title-4 p br {
          display: none;
        }
      }
      .content-header-title-5 {
        margin-top: -78px;
        margin-left: 120px;
        margin-right: 120px;
        width: fit-content;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-5 {
          margin-top: -137px;
          margin-left: 24px;
          margin-right: 24px;
        }
      }
      .content-header-title-5 h1 {
        font-family: var(--t-base) !important;
        font-size: 70px;
        font-weight: 500;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 6px 6px 12px;
        gap: 8px;
        width: fit-content;
        height: 76px;
        line-height: 64px;
        letter-spacing: 0.04em;
        font-feature-settings: "vert" on, "halt" on;
        color: var(--c-color-01);
        background: var(--c-color-19);
        flex: none;
        order: 0;
        flex-grow: 0;
        z-index: 1;
        transform: translateZ(1px);
      }
      @media screen and (max-width: 960px) {
        .content-header-title-5 h1 {
          padding: 6px 6px 12px;
          height: 44px;
          font-size: 42px;
          line-height: 40px;
        }
      }
      .content-header-title-5 .content-header-sub-title {
        width: fit-content;
      }
      .content-header-title-5 .border {
        height: 4px;
        margin-top: 18px;
        background: rgba(44, 73, 137, 0.5);
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-5 .border {
          margin-top: 12px;
        }
      }
      .content-header-title-5 div.h4 {
        margin-top: 3px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-5 div.h4 {
          font-size: 18px;
        }
      }
      .content-header-title-5 h5 {
        margin-top: 26px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-5 h5 {
          margin-top: 87px;
        }
      }
      @media screen and (max-width: 960px) and (max-width: 960px) {
        .content-header-title-5 h5 {
          font-size: 16px;
        }
      }
      @media screen and (max-width: 960px) {
        .content-header-title-5 h5 br {
          display: none;
        }
      }
      .content-header-title-5 div.h5 {
        margin-top: 26px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 26px !important;
        letter-spacing: 0.04em !important;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-5 div.h5 {
          margin-top: 87px;
        }
      }
      @media screen and (max-width: 960px) and (max-width: 960px) {
        .content-header-title-5 div.h5 {
          font-size: 16px;
        }
      }
      @media screen and (max-width: 960px) {
        .content-header-title-5 div.h5 br {
          display: none;
        }
      }
      .content-header-title-5 .p-strong {
        margin-top: 30px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 29px;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
      }
      .content-header-title-5 .p-string-2 {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      .content-header-title-5 p {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 29px;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .content-header-title-5 p br {
          display: none;
        }
      }
      .content-header-title-6 {
        margin-top: -74px;
        margin-left: 120px;
        margin-right: 120px;
        width: fit-content;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-6 {
          margin-top: -222px;
          margin-left: 24px;
          margin-right: 24px;
        }
      }
      .content-header-title-6 h1 {
        font-family: var(--t-base) !important;
        font-weight: 500;
        font-size: 70px;
        line-height: 48px;
        letter-spacing: 0.04em;
        font-feature-settings: "vert" on, "halt" on;
        display: block;
        width: fit-content;
        height: fit-content;
        color: var(--c-color-01);
        order: 0;
        flex-grow: 0;
        z-index: 1;
        transform: translateZ(1px);
        text-align: left;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-6 h1 {
          padding: 4px 0 0;
          font-size: 39px;
          line-height: 26px;
        }
      }
      .content-header-title-6 h1 > :where(span) {
        display: block;
        width: fit-content;
        background: var(--c-color-19);
        padding: 5px 6px 7px;
      }
      .content-header-title-6 .content-header-sub-title {
        margin-top: 26px;
        width: fit-content;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-6 .content-header-sub-title {
          margin-top: 14px;
        }
      }
      .content-header-title-6 .border {
        height: 4px;
        margin-top: 2px;
        background: rgba(44, 73, 137, 0.5);
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-6 .border {
          margin-top: 0;
        }
      }
      .content-header-title-6 h4 {
        margin-top: 4px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-6 h4 {
          font-size: 18px;
          margin-top: 0;
        }
      }
      .content-header-title-6 div.h4 {
        margin-top: 4px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-6 div.h4 {
          font-size: 18px;
          margin-top: 0;
        }
      }
      .content-header-title-6 h5 {
        margin-top: 30px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 32.4px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-6 h5 {
          margin-top: 70px;
          font-size: 16px;
          line-height: 26px;
        }
        .content-header-title-6 h5 br {
          display: none;
        }
      }
      .content-header-title-6 div.h5 {
        margin-top: 30px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 26px !important;
        letter-spacing: 0.04em !important;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-6 div.h5 {
          margin-top: 70px;
          font-size: 16px;
        }
        .content-header-title-6 div.h5 br {
          display: none;
        }
      }
      .content-header-title-6 .p-strong {
        margin-top: 30px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 29px;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
      }
      .content-header-title-6 .p-string-2 {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      .content-header-title-6 p {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 29px;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .content-header-title-6 p br {
          display: none;
        }
      }
      .content-header-title-7 {
        margin-top: -74px;
        margin-left: 120px;
        margin-right: 120px;
        width: fit-content;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-7 {
          margin-top: -176px;
          margin-left: 24px;
          margin-right: 24px;
        }
      }
      .content-header-title-7 .sp-title2 {
        margin-top: 4px;
      }
      .content-header-title-7 h1 {
        font-family: var(--t-base) !important;
        font-weight: 500;
        font-size: 70px;
        line-height: 48px;
        letter-spacing: 0.04em;
        font-feature-settings: "vert" on, "halt" on;
        display: block;
        width: fit-content;
        height: fit-content;
        color: var(--c-color-01);
        order: 0;
        flex-grow: 0;
        z-index: 1;
        transform: translateZ(1px);
        text-align: left;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-7 h1 {
          padding: 4px 0 0;
          font-size: 39px;
          line-height: 26px;
        }
      }
      .content-header-title-7 h1 > :where(span) {
        display: block;
        width: fit-content;
        background: var(--c-color-19);
        padding: 5px 6px 7px;
      }
      .content-header-title-7 .content-header-sub-title {
        margin-top: 26px;
        width: fit-content;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-7 .content-header-sub-title {
          margin-top: 14px;
        }
      }
      .content-header-title-7 .border {
        height: 4px;
        margin-top: 2px;
        background: rgba(44, 73, 137, 0.5);
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-7 .border {
          margin-top: 0;
        }
      }
      .content-header-title-7 h4 {
        margin-top: 4px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-7 h4 {
          font-size: 18px;
          margin-top: 0;
        }
      }
      .content-header-title-7 div.h4 {
        margin-top: 4px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-7 div.h4 {
          font-size: 18px;
          margin-top: 0;
        }
      }
      .content-header-title-7 h5 {
        margin-top: 30px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 32.4px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-7 h5 {
          margin-top: 70px;
          font-size: 16px;
          line-height: 26px;
        }
        .content-header-title-7 h5 br {
          display: none;
        }
      }
      .content-header-title-7 div.h5 {
        margin-top: 30px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 26px !important;
        letter-spacing: 0.04em !important;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
        order: 1;
        flex-grow: 0;
      }
      @media screen and (max-width: 960px) {
        .content-header-title-7 div.h5 {
          margin-top: 85px;
          font-size: 16px;
        }
        .content-header-title-7 div.h5 br {
          display: none;
        }
      }
      .content-header-title-7 .p-strong {
        margin-top: 30px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 29px;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        flex: none;
      }
      .content-header-title-7 .p-string-2 {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      .content-header-title-7 p {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 29px;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .content-header-title-7 p br {
          display: none;
        }
      }
      .content-header-sub-image {
        margin-left: 623px;
        margin-right: 202px;
        margin-top: -290px;
        width: 615px;
        height: 424px;
      }
      @media screen and (max-width: 960px) {
        .content-header-sub-image {
          width: 100%;
          height: initial;
          margin-left: 0;
          margin-right: 0;
          margin-top: 24px;
        }
      }
      .content-header-sub-image .image {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
      }
      .gradation-back-image-area {
        position: relative;
        pointer-events: none;
        overflow: visible;
      }
      .gradation-back-image-area .gradation-back-image {
        width: 1146px;
        height: 1126px;
        object-fit: contain;
        position: absolute;
        top: -509px;
        left: 486px;
        pointer-events: none;
        z-index: -1;
      }
      @media screen and (max-width: 960px) {
        .gradation-back-image-area .gradation-back-image {
          object-fit: cover;
          width: 939px;
          height: 923px;
          top: -365px;
          left: 0;
          right: 0;
        }
      }
      .remove-margin {
        margin: 0 !important;
      }
      .content-top-animation {
        width: 100%;
        height: 100%;
        position: relative;
      }
      .content-top-animation-content {
        width: 100vw;
        height: 100vh;
        height: 100svh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        opacity: 1;
      }
      .content-top-animation-content > canvas {
        opacity: 0;
        filter: blur(5px);
        transition: opacity 0.1s, filter 0.3s;
        will-change: opacity, filter;
        margin: unset;
      }
      .content-top-animation--apply-blur {
        filter: blur(14px);
      }
      @media screen and (width <= 768px) {
        .content-top-animation--apply-blur {
          filter: blur(10px);
        }
      }
      .content-top-animation--apply-move {
        opacity: 1;
        transform: translate(-50px, -50px);
      }
      @media screen and (width <= 768px) {
        .content-top-animation--apply-move {
          transform: translate(-40px, -40px);
        }
      }
      .circle-white {
        width: 100%;
        height: 100%;
      }
      .circle-white-wrap {
        width: 100%;
        height: 100%;
        transition: opacity 0.6s, filter 0.6s;
        will-change: opacity, filter;
      }
      .circle-white-wrap img {
        max-width: 80vh;
        max-height: 80vh;
        width: 599px;
        height: 599px;
        position: relative;
      }
      @media screen and (width >= 768px) and (width <= 960px) {
        .circle-white-wrap img {
          width: 440px;
          height: 440px;
        }
      }
      @media screen and (width <= 768px) {
        .circle-white-wrap img {
          left: -10%;
          width: 350px;
          height: 350px;
        }
      }
      .circle-blue-wrap {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        filter: blur(0);
        transition: 0.5s ease-in-out;
        will-change: opacity, filter;
      }
      @media screen and (width <= 768px) {
        .circle-blue-wrap {
          left: -10%;
        }
      }
      .circle-blue-wrap img {
        max-width: 80vh;
        max-height: 80vh;
        width: 599px;
        height: 599px;
        transition: opacity 1.3s ease-in-out, filter 1.3s ease-in-out, transform 1.3s ease-in-out;
        will-change: opacity, filter, transform;
        position: relative;
      }
      @media screen and (width >= 768px) and (width <= 960px) {
        .circle-blue-wrap img {
          width: 440px;
          height: 440px;
        }
      }
      @media screen and (width <= 768px) {
        .circle-blue-wrap img {
          left: -10%;
          width: 350px;
          height: 350px;
        }
      }
      .apply-blur {
        filter: blur(14px);
      }
      @media screen and (width <= 768px) {
        .apply-blur {
          filter: blur(10px);
        }
      }
      .apply-move {
        opacity: 1;
        transform: translate(-50px, -50px);
      }
      @media screen and (width <= 768px) {
        .apply-move {
          transform: translate(-40px, -40px);
        }
      }
      .circle-container {
        width: 600px;
        height: 600px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        transition: opacity 0.6s, filter 0.6s;
        will-change: opacity, filter;
        top: 0;
        left: clamp(-5rem, -10.625rem + 11.72vw, -1.25rem);
        animation: 1s 2s circle-fade-in forwards ease-in-out;
        opacity: 0;
      }
      @keyframes circle-fade-in {
        0% {
          opacity: 0;
        }
        100% {
          opacity: 1;
        }
      }
      @media screen and (width >= 768px) and (width <= 960px) {
        .circle-container {
          width: 440px;
          height: 440px;
        }
      }
      @media screen and (width <= 768px) {
        .circle-container {
          left: -10%;
          width: 350px;
          height: 350px;
        }
      }
      .fixed-circle {
        position: fixed;
        top: 0;
        left: 0;
      }
      .fixed-circle-white {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
      }
      .fix-circle-white-wrap {
        transition: opacity 0.6s, filter 0.6s;
        will-change: opacity, filter;
        opacity: 0;
        top: 0;
        left: clamp(-5rem, -10.625rem + 11.72vw, -1.25rem);
        position: absolute;
      }
      .fix-circle-white-wrap img {
        max-width: 599px;
        max-height: 599px;
        width: 100vh;
        height: 100vh;
        position: absolute;
        top: 0;
        z-index: -1;
      }
      @media screen and (width >= 768px) and (width <= 960px) {
        .fix-circle-white-wrap img {
          width: 440px;
          height: 440px;
        }
      }
      @media screen and (width <= 768px) {
        .fix-circle-white-wrap img {
          left: -10%;
          width: 350px;
          height: 350px;
        }
      }
      .fix-circle-white-wrap .fixed-circle-blue {
        filter: blur(0);
        left: -40px;
        top: -40px;
        display: none;
      }
      #fixposition div {
        z-index: 10;
      }
      .debug--container {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100000;
      }
      .debug--wrap {
        width: auto;
        height: auto;
        background: rgb(26, 7, 7);
        position: relative;
        top: -3px;
      }
      .debug--unit {
        width: auto;
        height: auto;
        display: inline-block;
        padding: 0 10px 2px;
        color: white;
      }
      .debug--unit span {
        display: inline-block;
        font-size: 10px;
        line-height: 100%;
        padding-bottom: 3px;
      }
      .debug--unit .debug-label {
        font-weight: 800;
      }
      .debug--unit .debug-value {
        color: rgb(255, 255, 255);
        font-weight: 800;
        background: rgb(255, 50, 81);
        border-radius: 2px;
        padding: 0 3px;
      }
      .debug-value-green {
        background: rgb(90, 144, 25) !important;
      }
      @media screen and (max-width: 960px) {
        .top-message {
          width: 100%;
          margin: 0 auto;
        }
      }
      .top-message-last {
        margin-top: 32px;
        text-align: end;
        font-weight: 400;
        font-size: 12px;
        line-height: 19px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: #000;
      }
      @media screen and (max-width: 960px) {
        .top-message-last {
          margin-top: -16px;
          margin-left: auto;
        }
      }
      .top-message-item {
        background: var(--c-color-08);
        font-style: normal;
        width: 380px;
        padding-top: 32px;
        padding-bottom: 26px;
        position: relative;
      }
      @media screen and (max-width: 960px) {
        .top-message-item {
          width: 100%;
          padding-top: 23px;
          padding-bottom: 32px;
        }
      }
      .top-message-item .last-item {
        position: absolute;
        bottom: -45px;
        right: 0;
        font-weight: 400;
        font-size: 12px;
        line-height: 19px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: #000;
      }
      @media screen and (max-width: 960px) {
        .top-message-item .last-item {
          bottom: -26px;
        }
      }
      .top-message-item-thumbnail-background {
        margin: 0 32px;
        display: grid;
        place-items: center;
        width: auto;
        height: 100px;
        background-color: var(--c-color-02);
      }
      @media screen and (max-width: 960px) {
        .top-message-item-thumbnail-background {
          margin: 0 24px;
        }
      }
      .top-message-item-thumbnail-background > img {
        margin: auto;
        width: auto;
        height: auto;
        object-fit: contain;
      }
      @media screen and (max-width: 960px) {
        .top-message-item-thumbnail-background > img {
          height: 87px;
        }
      }
      .top-message-item-thumbnail02-background {
        margin: 0 37px 0 32px;
        display: grid;
        place-items: center;
        width: 311px;
        height: 120px;
      }
      @media screen and (max-width: 960px) {
        .top-message-item-thumbnail02-background {
          margin: 0 24px;
          width: 278px;
          height: 120px;
        }
      }
      .top-message-item-thumbnail02-background > img {
        margin: auto;
        width: auto;
        height: auto;
      }
      .top-message-item .title {
        margin-top: 21px;
        margin-left: 32px;
        margin-right: 32px;
        font-weight: 700;
        font-size: 22px;
        line-height: 35px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .top-message-item .title {
          margin-top: 16px;
          margin-left: 24px;
          margin-right: 24px;
          font-size: 18px;
          font-weight: 700;
          line-height: 28.8px;
          letter-spacing: 0.08em;
        }
      }
      .top-message-item .message {
        margin: 16px 32px 19px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .top-message-item .message {
          margin: 7px 24px 12px;
          max-height: 0;
          transition: max-height 0.5s ease-in-out;
          overflow: hidden;
        }
      }
      .top-message-item .message-caption {
        font-weight: 400;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
      }
      @media screen and (max-width: 960px) {
        .top-message-item .message-caption {
          font-size: 10px;
          font-weight: 400;
          line-height: 16px;
          letter-spacing: 0.04em;
        }
      }
      .top-message-item .expand {
        max-height: 1000px;
      }
      @media screen and (max-width: 960px) {
        .top-message-item .expand {
          max-height: none;
          margin: 28px 24px 32px;
        }
      }
      .top-message-item .hidden {
        visibility: collapse;
      }
      .top-message-item .personal-area {
        margin-top: 15px;
        margin-left: 32px;
        margin-right: 32px;
      }
      @media screen and (max-width: 960px) {
        .top-message-item .personal-area {
          margin-top: 12px;
          margin-left: 24px;
          margin-right: 24px;
        }
      }
      .top-message-item .personal-area .company {
        font-weight: 400;
        font-size: 12px;
        line-height: 19px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .top-message-item .personal-area .company {
          font-size: 10px;
          font-weight: 400;
          line-height: 16px;
          letter-spacing: 0.04em;
        }
      }
      .top-message-item .personal-area .post {
        font-weight: 400;
        font-size: 12px;
        line-height: 19px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .top-message-item .personal-area .post {
          font-size: 10px;
          font-weight: 400;
          line-height: 16px;
          letter-spacing: 0.04em;
        }
      }
      .top-message-item .personal-area .name {
        font-weight: 700;
        font-size: 18px;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .top-message-item .personal-area .name {
          margin: 3px 0;
          font-size: 16px;
          font-weight: 700;
          line-height: 25.6px;
          letter-spacing: 0.08em;
        }
      }
      .top-message-item .personal-area .yomi {
        font-weight: 400;
        font-size: 12px;
        line-height: 19px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .top-message-item .personal-area .yomi {
          font-size: 10px;
          font-weight: 400;
          line-height: 16px;
          letter-spacing: 0.04em;
        }
      }
      .top-message-item .more-area {
        height: 18px;
        margin-top: 20px;
      }
      .top-message-item .more-area .more {
        margin: 21px auto 0;
        width: fit-content;
        font-weight: 700;
        font-size: 14px;
        line-height: 22px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      :root {
        --content-index-menu-margin-top-pc: 0px;
        --content-index-menu-margin-top-sp: 0px;
        --content-index-menu-padding-bottom-pc: 0px;
        --content-index-menu-padding-bottom-sp: 0px;
      }
      .content-index-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        margin-top: calc(52px + var(--content-index-menu-margin-top-pc));
        padding-left: 120px;
        padding-right: 120px;
        padding-bottom: calc(120px + var(--content-index-menu-padding-bottom-pc));
      }
      @media screen and (max-width: 960px) {
        .content-index-menu {
          margin-top: calc(52px + var(--content-index-menu-margin-top-sp));
          padding-left: 24px;
          padding-right: 24px;
          padding-bottom: calc(72px + var(--content-index-menu-padding-bottom-sp));
        }
      }
      .content-index-menu > :where(div) {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0;
        gap: 40px;
        width: 1032px;
        height: 46.5px;
      }
      @media screen and (max-width: 960px) {
        .content-index-menu > :where(div) {
          flex-direction: column;
          align-items: flex-start;
          width: 100%;
          height: 240px;
          gap: 0;
        }
      }
      .content-index-menu > :where(div) > :where(a) {
        text-decoration: none;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 27px;
        display: flex;
        align-items: center;
        letter-spacing: 0.1em;
        color: var(--c-color-03);
        gap: 16px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .content-index-menu > :where(div) > :where(a):hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .content-index-menu > :where(div) > :where(a) {
          width: 100%;
          height: 48px;
          padding: 0 8px;
          gap: 1px;
          font-family: var(--t-noto);
          font-size: 14px;
          font-weight: 700;
          line-height: 18.2px;
          letter-spacing: 0.04em;
          text-align: left;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
        }
        .content-index-menu > :where(div) > :where(a) > :where(br) {
          display: none;
        }
      }
      .content-index-menu > :where(div) > :where(a) > :where(svg) {
        padding-top: 4px;
        min-width: 10px;
        min-height: 7px;
      }
      @media screen and (max-width: 960px) {
        .content-index-menu > :where(div) > :where(a) > :where(svg) {
          padding-top: 2px;
          margin-right: 0;
          justify-content: flex-end;
        }
      }
      .content-index-menu .line {
        opacity: 0.5;
        width: 100%;
        height: 0;
        border-top: 1px solid var(--c-color-12);
      }
      @media screen and (max-width: 960px) {
        .content-index-menu .line {
          display: none;
        }
      }
      .content-index-menu .vertical-line {
        opacity: 0.5;
        width: 0;
        height: 46.5px;
        border-right: 1px solid var(--c-color-12);
        margin: 16px 0;
      }
      @media screen and (max-width: 960px) {
        .content-index-menu .vertical-line {
          width: 100%;
          height: 0;
          margin: 0;
          border-top: 1px solid var(--c-color-12);
        }
      }
      .content-index-menu .padding-line {
        width: 0;
        height: 46.5px;
        margin: 16px 0;
        display: none;
      }
      .content-index-menu .index-list {
        width: auto;
        margin: 0 auto;
      }
      @media screen and (width <= 1440px) {
        .content-index-menu .index-list {
          gap: 20px;
        }
      }
      @media screen and (max-width: 960px) {
        .content-index-menu .index-list {
          gap: 0;
          width: 100%;
          height: auto;
          margin: 0;
        }
      }
      @media screen and (width <= 1440px) {
        .content-index-menu .index-list br {
          display: none !important;
        }
      }
      :root {
        --content-index-menu-multi-line-margin-top-pc: 0px;
        --content-index-menu-multi-line-margin-top-sp: 0px;
        --content-index-menu-multi-line-padding-bottom-pc: 0px;
        --content-index-menu-multi-line-padding-bottom-sp: 0px;
      }
      .content-index-menu-multi-line {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: calc(52px + var(--content-index-menu-multi-line-margin-top-pc));
        padding-left: 120px;
        padding-right: 120px;
        padding-bottom: var(--content-index-menu-multi-line-padding-bottom-pc);
      }
      @media screen and (max-width: 960px) {
        .content-index-menu-multi-line {
          margin-top: calc(30px + var(--content-index-menu-multi-line-margin-top-sp));
          padding-left: 24px;
          padding-right: 24px;
          padding-bottom: calc(-31px + var(--content-index-menu-multi-line-padding-bottom-sp));
        }
      }
      .content-index-menu-multi-line > :where(div.index-list) {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0;
        gap: 40px;
        width: 1032px;
        height: fit-content;
        min-height: 46.5px;
        padding-top: 11px;
        padding-bottom: 12px;
      }
      @media screen and (max-width: 960px) {
        .content-index-menu-multi-line > :where(div.index-list) {
          flex-direction: column;
          align-items: flex-start;
          width: 100%;
          height: 240px;
          gap: 0;
          padding-top: 0;
          padding-bottom: 0;
        }
      }
      .content-index-menu-multi-line > :where(div.index-list) > :where(a) {
        text-decoration: none;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 22px;
        display: flex;
        align-items: center;
        letter-spacing: 0.1em;
        color: var(--c-color-03);
        gap: 16px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .content-index-menu-multi-line > :where(div.index-list) > :where(a):hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .content-index-menu-multi-line > :where(div.index-list) > :where(a) {
          width: 100%;
          height: 48px;
          padding: 0 8px;
          gap: 1px;
          font-family: var(--t-noto);
          font-size: 14px;
          font-weight: 700;
          line-height: 18.2px;
          letter-spacing: 0.04em;
          text-align: left;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
        }
      }
      .content-index-menu-multi-line > :where(div.index-list) > :where(a) > :where(svg) {
        padding-top: 4px;
      }
      @media screen and (max-width: 960px) {
        .content-index-menu-multi-line > :where(div.index-list) > :where(a) > :where(svg) {
          padding-top: 2px;
          margin-right: 0;
          justify-content: flex-end;
        }
      }
      .content-index-menu-multi-line .line {
        opacity: 0.5;
        width: 100%;
        height: 1px;
        background: rgba(44, 73, 137, 0.5);
      }
      @media screen and (max-width: 960px) {
        .content-index-menu-multi-line .line {
          display: none;
        }
      }
      .content-index-menu-multi-line .vertical-line {
        opacity: 0.5;
        width: 1px;
        height: 46.5px;
        background: rgba(44, 73, 137, 0.5);
        margin: 16px 0;
      }
      @media screen and (max-width: 960px) {
        .content-index-menu-multi-line .vertical-line {
          width: 100%;
          height: 1px;
          margin: 0;
        }
      }
      .content-index-menu-multi-line .index-list {
        width: fit-content;
        margin: 0 auto;
      }
      @media screen and (width <= 1440px) {
        .content-index-menu-multi-line .index-list {
          gap: 20px;
        }
      }
      @media screen and (max-width: 960px) {
        .content-index-menu-multi-line .index-list {
          gap: 0;
          width: 100%;
          height: auto;
          margin: 0;
        }
      }
      @media screen and (width <= 1440px) {
        .content-index-menu-multi-line .index-list br {
          display: none;
        }
      }
      .content-section-title {
        font-family: var(--t-noto) !important;
        font-style: normal !important;
        margin-top: -12px;
        --tmp-color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .content-section-title {
          margin-top: -7px;
        }
      }
      .content-section-title.is-white {
        --tmp-color: var(--c-color-02);
      }
      .content-section-title > :where(h2.title) {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        color: var(--tmp-color) !important;
        font-size: 36px !important;
        font-weight: 700 !important;
        letter-spacing: 0.08em !important;
        text-align: left !important;
        font-feature-settings: "palt" on !important;
        gap: 10px !important;
        line-height: 54px !important;
        margin-bottom: 0 !important;
      }
      @media screen and (max-width: 960px) {
        .content-section-title > :where(h2.title) {
          font-size: 26px !important;
          letter-spacing: 0.08em !important;
          text-align: left !important;
          font-feature-settings: "halt" on !important;
          line-height: 36.4px !important;
        }
      }
      .content-section-title > :where(h2.title) > :where(svg) {
        margin: 6px 0 0 !important;
        min-width: 10px !important;
        min-height: 10px !important;
      }
      @media screen and (max-width: 960px) {
        .content-section-title > :where(h2.title) > :where(svg) {
          margin: 5px 0 0 !important;
          min-width: 6px !important;
          min-height: 7px !important;
        }
      }
      .content-section-title > :where(h2.title) > :where(svg) > :where(rect) {
        fill: var(--tmp-color) !important;
      }
      .content-section-title > :where(div) {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        color: var(--tmp-color) !important;
        margin-top: -3px !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 160% !important;
        letter-spacing: 0.04em !important;
        font-feature-settings: "halt" on !important;
        gap: 10px !important;
        flex-grow: 1 !important;
      }
      @media screen and (max-width: 960px) {
        .content-section-title > :where(div) {
          margin-top: 2px !important;
          font-size: 10px !important;
        }
      }
      .content-section-title > :where(div) > :where(div) {
        height: 1px !important;
        margin-top: 2px !important;
        background-color: var(--tmp-color) !important;
        flex-grow: 1 !important;
      }
      .c-radiobutton {
        display: flex;
        margin-top: auto;
        margin-bottom: auto;
        height: 25px;
        gap: 8px;
      }
      @media screen and (max-width: 960px) {
        .c-radiobutton {
          height: auto;
          flex-direction: row;
        }
      }
      .c-radiobutton > :where(label) {
        margin-top: auto !important;
        margin-bottom: auto !important;
        color: var(--c-color-03);
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1em;
        text-align: left;
      }
      @media screen and (max-width: 960px) {
        .c-radiobutton > :where(label) {
          font-size: 14px;
          font-weight: 400;
          letter-spacing: 0.04em;
          text-align: left;
        }
      }
      .c-radiobutton .radio {
        appearance: none;
        cursor: pointer;
        margin: auto 0;
        min-width: 20px;
        min-height: 20px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: var(--c-color-48);
      }
      .c-radiobutton .radio::before {
        content: "";
        display: block;
        width: 60%;
        height: 60%;
        margin: 20% auto;
        border-radius: 50%;
      }
      .c-radiobutton .radio:checked::before {
        background-color: var(--c-color-01);
      }
      .c-checkbox {
        display: flex;
        margin-top: auto;
        margin-bottom: auto;
        height: 25px;
        gap: 8px;
      }
      @media screen and (max-width: 960px) {
        .c-checkbox {
          height: auto;
          flex-direction: row;
        }
      }
      .c-checkbox :where(label) {
        color: var(--c-color-03);
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1em;
        text-align: left;
        align-items: center;
        margin: auto 0;
      }
      @media screen and (max-width: 960px) {
        .c-checkbox :where(label) {
          font-size: 14px;
          font-weight: 400;
          letter-spacing: 0.04em;
          text-align: left;
        }
      }
      .c-checkbox .checkbox {
        appearance: none;
        cursor: pointer;
        min-width: 19px;
        min-height: 19px;
        width: 19px;
        height: 19px;
        align-items: center;
        margin: auto 0;
      }
      .c-checkbox .checkbox::before {
        width: 100%;
        height: 100%;
        content: "";
        display: inline-block;
        border-radius: 3px;
        background-color: var(--c-color-48);
      }
      .c-checkbox .checkbox:checked::before {
        background-image: url("/wp-content/themes/original2024/assets/img/request/checkbox-check.svg");
        background-repeat: no-repeat;
        background-position: center;
      }
      .content-youtube-player {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: hsla(0, 0%, 0%, 0.8);
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 999999;
      }
      .content-youtube-player-dialog {
        width: fit-content;
        text-align: center;
        opacity: 0;
        transform: scale(0.8);
        transition: opacity 0.3s ease, transform 0.3s ease;
        border: none;
      }
      .content-youtube-player-dialog-player {
        width: 640px;
        height: 360px;
      }
      @media screen and (max-width: 960px) {
        .content-youtube-player-dialog-player {
          width: 336px;
          height: 189px;
        }
      }
      .content-youtube-player-dialog-close {
        position: absolute;
        top: -30px;
        right: -38px;
        padding: 0;
        width: 26px;
        height: 26px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
      }
      @media screen and (max-width: 960px) {
        .content-youtube-player-dialog-close {
          top: -42px;
          right: 0;
        }
      }
      .content-youtube-player.show .content-youtube-player-dialog {
        opacity: 1;
        transform: scale(1);
      }
      .content-calendar-space24-16 {
        margin-bottom: 24px;
      }
      @media screen and (max-width: 960px) {
        .content-calendar-space24-16 {
          margin-bottom: 16px;
        }
      }
      .content-calendar-wrap-bundle {
        width: 178px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding-bottom: 13px;
        margin-left: auto;
        margin-right: auto;
        gap: 24px;
      }
      @media screen and (max-width: 960px) {
        .content-calendar-wrap-bundle {
          width: auto;
          padding-bottom: 15px;
        }
      }
      .content-calendar-wrap-bundle > :where(div) {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0;
        gap: 4px;
      }
      .content-calendar-flex {
        width: fit-content;
        margin: 0 auto;
        display: flex;
        gap: 20px;
      }
      .content-calendar-flex > :where(li) {
        display: none;
      }
      .content-calendar-eventdetailbutton {
        width: 100%;
        max-width: 272px;
        height: 52px;
        text-decoration: none;
        font-size: 16px;
        font-weight: 700;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: center;
        color: var(--c-color-03);
        border-radius: 100px;
        border: 1px solid var(--c-color-44);
        margin: 0 auto auto;
        transition: opacity 0.1s ease-out;
      }
      @media screen and (max-width: 960px) {
        .content-calendar-eventdetailbutton {
          margin: 0 auto auto;
        }
      }
      @media (hover: hover) {
        .content-calendar-eventdetailbutton:hover {
          opacity: 0.5;
        }
      }
      .content-calendar-eventdetailbutton > div {
        width: fit-content;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin: auto;
      }
      .content-calendar-eventdetailbutton :where(path) {
        stroke: var(--c-color-03);
      }
      [class^=content-calendar-prev-] {
        width: 8px;
        height: 16px;
        background-image: url("/wp-content/themes/original2024/assets/img/event/kk-event-arrow.svg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        [class^=content-calendar-prev-]:hover {
          cursor: pointer;
          opacity: 0.5;
        }
      }
      [class^=content-calendar-next-] {
        width: 8px;
        height: 16px;
        background-image: url("/wp-content/themes/original2024/assets/img/event/kk-event-arrow.svg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        transform: scale(-1, 1);
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        [class^=content-calendar-next-]:hover {
          cursor: pointer;
          opacity: 0.5;
        }
      }
      .content-calendar-prev-pc {
        margin: auto 0;
      }
      .content-calendar-next-pc {
        margin: auto 0;
      }
      @media screen and (min-width: 961px) {
        .calendar-pc-active {
          display: block;
        }
      }
      @media screen and (max-width: 960px) {
        .calendar-sp-active {
          display: block;
        }
      }
      .content-calendar-label {
        width: 58px;
        height: 58px;
        text-decoration: none;
        justify-content: center;
        align-items: center;
        display: inline-block;
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 700;
        font-size: 22.5px;
        line-height: 58px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        background: var(--c-color-46);
        color: var(--c-color-03);
        text-align: center;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
      }
      .content-calendar-label.content-calendar-other {
        background: var(--c-color-47);
      }
      @media screen and (width >= 960px) and (width <= 1244px) {
        .content-calendar-label {
          width: 4.6623794212vw;
          height: 4.6623794212vw;
          font-size: 1.808681672vw;
          line-height: 4.6623794212vw;
        }
      }
      @media screen and (max-width: 960px) {
        .content-calendar-label {
          width: 39px;
          height: 39px;
          font-size: 16.2px;
          line-height: 39px;
        }
      }
      .content-calendar-label > input[type=checkbox] {
        display: none;
      }
      .content-calendar-label:has(input[type=checkbox]:disabled) {
        color: var(--cb-scroll-scrollbar-track);
        cursor: default;
      }
      .content-calendar-label:has(input[type=checkbox]:checked) {
        background: var(--c-color-01);
        color: var(--c-color-02);
      }
      .content-calendar {
        width: 100%;
        max-width: 1200px;
        height: fit-content;
        margin: auto;
        z-index: 3;
      }
      @media screen and (max-width: 960px) {
        .content-calendar {
          width: 327px;
          padding-bottom: 16px;
          border-radius: 24px;
        }
      }
      .content-calendar-h5 {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 180%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
      }
      .content-calendar-day-of-week {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 400;
        font-size: 16.875px;
        line-height: 160%;
        text-align: center;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
      }
      @media screen and (width >= 960px) and (width <= 1244px) {
        .content-calendar-day-of-week {
          font-size: 1.356511254vw;
        }
      }
      @media screen and (max-width: 960px) {
        .content-calendar-day-of-week {
          font-size: 10.8px;
          font-feature-settings: "palt" on;
        }
      }
      .content-calendar-number {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 700;
        font-size: 22.5px;
        line-height: 180%;
        text-align: center;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        /* stylelint-disable no-descending-specificity */
        /* stylelint-enable no-descending-specificity */
      }
      @media screen and (max-width: 960px) {
        .content-calendar-number {
          font-size: 16.2px;
        }
      }
      .content-calendar-number:nth-of-type(6) .content-calendar-label {
        color: #2c4198;
        background: #ebf5ff;
      }
      .content-calendar-number:nth-of-type(6) .content-calendar-label:has(input[type=checkbox]:disabled) {
        color: rgba(44, 65, 152, 0.2);
      }
      .content-calendar-number:nth-of-type(6) .content-calendar-label.content-calendar-other, .content-calendar-number:nth-of-type(6) .content-calendar-label.content-calendar-other:has(input[type=checkbox]:disabled) {
        color: rgba(44, 65, 152, 0.2);
        background: rgba(235, 245, 255, 0.2);
      }
      .content-calendar-number:nth-of-type(7) .content-calendar-label {
        color: #d80220;
        background: #ffeeee;
      }
      .content-calendar-number:nth-of-type(7) .content-calendar-label:has(input[type=checkbox]:disabled) {
        color: rgba(216, 2, 32, 0.2);
      }
      .content-calendar-number:nth-of-type(7) .content-calendar-label.content-calendar-other, .content-calendar-number:nth-of-type(7) .content-calendar-label.content-calendar-other:has(input[type=checkbox]:disabled) {
        color: rgba(216, 2, 32, 0.2);
        background: rgba(255, 238, 238, 0.2);
      }
      .content-calendar-blue {
        color: var(--c-color-01);
      }
      .content-calendar-black {
        color: var(--c-color-03);
      }
      .content-calendar-white {
        color: var(--c-color-02);
      }
      .content-calendar-red {
        color: var(--c-color-27);
      }
      .content-calendar-gray {
        color: var(--cb-scroll-scrollbar-track);
      }
      .content-calendar-wrap {
        position: relative;
        padding-top: 90px;
        padding-bottom: 76px;
      }
      @media screen and (max-width: 960px) {
        .content-calendar-wrap {
          padding-top: 36px;
          padding-bottom: 26px;
        }
      }
      .content-calendar-wrap-parent {
        display: flex;
        flex-direction: column;
        gap: 32px;
      }
      @media screen and (max-width: 960px) {
        .content-calendar-wrap-parent {
          gap: 22px;
        }
      }
      .content-calendar-wrap-parent-main {
        width: fit-content;
        display: flex;
        gap: 40px;
        margin: 0 auto;
      }
      .content-calendar-wrap-close {
        position: absolute;
        width: 15.5px;
        height: 15.5px;
        top: 40px;
        right: 40px;
        transition: opacity 0.1s ease-out;
        z-index: 50;
      }
      @media (hover: hover) {
        .content-calendar-wrap-close:hover {
          cursor: pointer;
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .content-calendar-wrap-close {
          width: 14px;
          height: 14px;
          top: 20px;
          right: 20px;
        }
      }
      .content-calendar-wrap .calendar {
        margin: 0 auto;
      }
      .content-calendar-wrap .calendar-day-of-week {
        width: 58px;
        height: 26px;
        background: var(--c-color-46);
      }
      @media screen and (width >= 960px) and (width <= 1244px) {
        .content-calendar-wrap .calendar-day-of-week {
          width: 4.6623794212vw;
          height: 2.0900321543vw;
        }
      }
      @media screen and (max-width: 960px) {
        .content-calendar-wrap .calendar-day-of-week {
          width: 39px;
          height: 18px;
        }
      }
      .content-calendar .norrowing-down {
        padding: 32px 0;
        margin: 0 120px;
        display: grid;
        grid-auto-flow: row;
        grid-template-areas: "item1 item2" "item3 item2";
        border-top: 1px solid var(--c-color-44);
        border-bottom: 1px solid var(--c-color-44);
      }
      @media screen and (min-width: 961px) {
        .content-calendar .norrowing-down {
          min-width: 960px;
        }
      }
      @media screen and (width >= 960px) and (width <= 1244px) {
        .content-calendar .norrowing-down {
          margin: 0 9.6463022508vw;
          min-width: 77.1704180064vw;
        }
      }
      @media screen and (max-width: 960px) {
        .content-calendar .norrowing-down {
          gap: 24px;
          padding: 34px 0 32px;
          margin: 0 24px;
          grid-template-areas: "item1" "item2" "item3";
        }
      }
      .content-calendar .norrowing-down-title {
        grid-area: item1;
        width: 100%;
        height: auto;
        margin-top: auto;
        margin-bottom: 20px;
        color: var(--c-color-03);
        text-align: center !important;
      }
      @media screen and (max-width: 960px) {
        .content-calendar .norrowing-down-title {
          width: fit-content;
          margin: 0 auto -5px;
        }
      }
      .content-calendar .norrowing-down-tags {
        grid-area: item2;
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        gap: 16px;
        margin-left: 32px;
        margin-top: auto;
        margin-bottom: auto;
      }
      @media screen and (max-width: 960px) {
        .content-calendar .norrowing-down-tags {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 16px 8px;
          margin: auto;
        }
      }
      .content-calendar .norrowing-down-tags > :where(label) {
        width: fit-content;
        height: fit-content;
        padding: 12px 20px;
        text-decoration: none;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border: 1px solid var(--c-color-44);
        border-radius: 100px;
        color: var(--c-color-03);
        -webkit-tap-highlight-color: transparent;
      }
      @media screen and (max-width: 960px) {
        .content-calendar .norrowing-down-tags > :where(label) {
          width: 100%;
          text-align: center !important;
          padding: 10px 0 12px;
        }
      }
      .content-calendar .norrowing-down-tags > :where(label) > input[type=checkbox] {
        display: none;
      }
      .content-calendar .norrowing-down-tags > :where(label):has(input[type=checkbox]:checked) {
        background: var(--c-color-33);
      }
      .content-calendar .norrowing-down-search {
        grid-area: item3;
        margin-left: 0;
        margin-right: 0;
        display: flex;
        flex-direction: column;
        gap: 15px;
      }
      @media screen and (max-width: 960px) {
        .content-calendar .norrowing-down-search {
          width: 100%;
          margin-left: 0;
        }
      }
      .content-calendar .norrowing-down-search :where(button) {
        padding: 17px 28px;
      }
      @media screen and (max-width: 960px) {
        .content-calendar .norrowing-down-search :where(button) {
          padding: 13px 10px;
        }
      }
      .content-calendar .norrowing-down-search :where(button) :where(path) {
        stroke: var(--c-color-01);
      }
      .content-calendar .norrowing-down-search-cancel {
        margin: 0 auto;
        text-decoration: underline;
        transition: opacity 0.1s ease-out;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .content-calendar .norrowing-down-search-cancel {
          margin: 0 auto;
        }
      }
      @media (hover: hover) {
        .content-calendar .norrowing-down-search-cancel:hover {
          cursor: pointer;
          opacity: 0.5;
        }
      }
      .c-eyes-scroll {
        position: relative;
        --eyes-image-width: 680px;
        --eyes-image-height: 440px;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll {
          --eyes-image-width: 260px;
          --eyes-image-height: 168px;
        }
      }
      .c-eyes-scroll .swiper-wrapper,
      .c-eyes-scroll .swiper-slide {
        transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1) !important;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll .swiper-wrapper,
        .c-eyes-scroll .swiper-slide {
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        }
      }
      .c-eyes-scroll .c-eyes-scroll-pagination {
        margin: 25px auto 40px;
        position: relative;
        height: 8px;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll .c-eyes-scroll-pagination {
          margin: 18px auto 37px;
        }
      }
      .c-eyes-scroll .c-eyes-scroll-pagination .swiper-pagination {
        bottom: -4px !important;
      }
      .c-eyes-scroll .c-eyes-scroll-pagination .swiper-pagination-bullet {
        background-color: var(--c-color-29) !important;
      }
      .c-eyes-scroll .c-eyes-scroll-swiper {
        position: relative;
      }
      .c-eyes-scroll .swiper-slide {
        overflow: hidden;
        height: fit-content !important;
        aspect-ratio: 68/44;
      }
      .c-eyes-scroll .swiper-slide a {
        display: block;
        width: 100%;
        height: 100%;
      }
      @media (hover: hover) {
        .c-eyes-scroll .swiper-slide-active a:hover .c-eyes-scroll-img {
          opacity: 0.8;
        }
      }
      .c-eyes-scroll .c-eyes-scroll-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: opacity 0.3s;
        will-change: opacity;
      }
      .c-eyes-scroll .c-eyes-scroll-buttons {
        position: absolute;
        inset: 0;
        width: 47.2222222222%;
        margin: 0 auto;
        aspect-ratio: 68/44;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll .c-eyes-scroll-buttons {
          width: 69.3333333333%;
        }
      }
      .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-prev, .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-next {
        position: absolute;
        top: 50%;
        translate: 0 -50%;
        max-width: 61px !important;
        max-height: 61px !important;
        width: 61px !important;
        height: 61px !important;
        background-position: center;
        background-repeat: no-repeat;
        margin-top: auto !important;
        margin-bottom: auto !important;
        object-fit: contain !important;
        transition: background-color 0.2s ease-out !important;
        opacity: 1 !important;
        pointer-events: all;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-prev, .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-next {
          max-width: 50px !important;
          max-height: 50px !important;
          width: 50px !important;
          height: 50px !important;
        }
      }
      @media (hover: hover) {
        .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-prev:hover, .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-next:hover {
          background-color: var(--c-color-01) !important;
        }
        .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-prev:hover::before, .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-next:hover::before {
          background-color: var(--c-color-02) !important;
        }
      }
      .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-prev::before, .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-next::before {
        position: absolute;
        inset: 0;
        background-color: var(--c-color-01);
        mask: url("/wp-content/themes/original2024/assets/img/eyes/eyes_arrow_blue.svg") no-repeat center/contain;
        transition: background-color 0.2s ease-out;
        content: "";
      }
      .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-prev::after, .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-next::after {
        content: "" !important;
      }
      .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-prev {
        left: -46px !important;
        background-image: url("/wp-content/themes/original2024/assets/img/top/eyes/kk-top-eyes-button-left.webp") !important;
        background-size: contain !important;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-prev {
          background-image: url("/wp-content/themes/original2024/assets/img/top/eyes/kk-top-eyes-button-left-sp.webp") !important;
        }
      }
      .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-next {
        right: -46px !important;
        background-image: url("/wp-content/themes/original2024/assets/img/top/eyes/kk-top-eyes-button-right.webp") !important;
        background-size: contain !important;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll .c-eyes-scroll-buttons .swiper-button-next {
          background-image: url("/wp-content/themes/original2024/assets/img/top/eyes/kk-top-eyes-button-right-sp.webp") !important;
        }
      }
      .c-eyes-scroll-mainfield {
        width: 47.2222222222%;
        margin-top: 29px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-mainfield {
          width: 69.3333333333%;
          margin-top: 11px;
        }
      }
      .c-eyes-scroll-mainfield.is-on .c-eyes-scroll-maintext span {
        background-size: 100% 1px !important;
      }
      .c-eyes-scroll-mainfield .eyes-slide-texttag {
        display: none;
      }
      .c-eyes-scroll-mainfield .eyes-slide-active {
        display: block;
      }
      .c-eyes-scroll-mainfield .eyes-scroll-tagfield {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
      }
      .c-eyes-scroll-mainfield .eyes-scroll-tag {
        font-size: 12px;
        font-weight: 700;
        line-height: 21.6px;
        letter-spacing: 0.04em;
        text-align: left;
        padding: 8px 18px;
        color: var(--c-color-29);
        background-color: var(--c-color-30);
        border-radius: 50px;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-mainfield .eyes-scroll-tag {
          font-size: 12px;
          line-height: 21.6px;
          letter-spacing: 0.04em;
          text-align: left;
        }
      }
      .c-eyes-scroll-mainfield .c-eyes-scroll-maintext {
        width: 100%;
        height: fit-content;
        margin-top: 12px;
        margin-right: auto;
        margin-left: auto;
        text-wrap: wrap;
        text-align: left;
        color: var(--c-color-03);
        font-size: 22px;
        font-weight: 700;
        line-height: 35.2px;
        letter-spacing: 0.08em;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-mainfield .c-eyes-scroll-maintext {
          margin-top: 9px;
          font-size: 18px;
          line-height: 28.8px;
          letter-spacing: 0.08em;
          text-align: left;
        }
      }
      .c-eyes-scroll-mainfield .c-eyes-scroll-maintext > :where(span) {
        display: inline;
        background-image: var(--cb-scroll-text-underline);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 0 1px;
        transition: background-size 0.5s;
      }
      .c-eyes-scroll-mainfield .c-eyes-scroll-mainbutton {
        width: fit-content;
        margin-top: 23px;
        margin-right: auto;
        margin-left: auto;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-mainfield .c-eyes-scroll-mainbutton :where(a) {
          padding: 12.5px 38px;
        }
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-mainfield .c-eyes-scroll-mainbutton {
          margin-top: 38px;
        }
      }
      .c-eyes-scroll-index {
        position: relative;
        margin-top: -8px;
        --eyes-image-width: 680px;
        --eyes-image-height: 440px;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-index {
          --eyes-image-width: 260px;
          --eyes-image-height: 168px;
          margin-top: 6px;
        }
      }
      .c-eyes-scroll-index .swiper-wrapper,
      .c-eyes-scroll-index .swiper-slide {
        transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1) !important;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-index .swiper-wrapper,
        .c-eyes-scroll-index .swiper-slide {
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        }
      }
      .c-eyes-scroll-index .c-eyes-scroll-pagination {
        margin: 25px auto 0;
        position: relative;
        height: 8px;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-index .c-eyes-scroll-pagination {
          margin: 26px auto 0;
        }
      }
      .c-eyes-scroll-index .c-eyes-scroll-pagination .swiper-pagination {
        bottom: -4px !important;
      }
      .c-eyes-scroll-index .c-eyes-scroll-pagination .swiper-pagination-bullet {
        background-color: var(--c-color-01) !important;
        opacity: 0.2 !important;
      }
      .c-eyes-scroll-index .c-eyes-scroll-pagination .swiper-pagination-bullet-active {
        opacity: 0.5 !important;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-index .swiper-slide {
          scale: 1.1;
        }
      }
      .c-eyes-scroll-index .swiper-slide a {
        display: block !important;
      }
      .c-eyes-scroll-index .swiper-slide.is-new {
        z-index: -1 !important;
      }
      .c-eyes-scroll-index .swiper-slide.is-new::after {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
        translate: -42% -42%;
        scale: 0;
        rotate: -180deg;
        width: 100px;
        height: 100px;
        font-weight: 700;
        font-size: 18px;
        font-family: var(--t-base);
        font-style: italic;
        background: url("/wp-content/themes/original2024/assets/img/eyes/eyes_new.svg") no-repeat center/contain;
        transition: scale 0.3s ease-out, rotate 0.3s ease-out;
        will-change: scale, rotate;
        content: "NEW!";
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-index .swiper-slide.is-new::after {
          translate: -20% -10%;
          width: 36px;
          height: 36px;
          font-size: 9px;
          transform: translateZ(1px);
        }
      }
      .c-eyes-scroll-index .swiper-slide.is-new a {
        position: relative;
        z-index: -1;
      }
      .c-eyes-scroll-index .swiper-slide-active:where(a) {
        pointer-events: all;
      }
      @media (hover: hover) {
        .c-eyes-scroll-index .swiper-slide-active:where(a):hover .c-eyes-scroll-img {
          opacity: 0.8;
        }
      }
      .c-eyes-scroll-index .swiper-slide-active.is-new::after {
        scale: 1;
        rotate: -10deg;
        transition-delay: 1s;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-index .swiper-slide-active.is-new::after {
          transition-delay: 0.6s;
        }
      }
      .c-eyes-scroll-index .c-eyes-scroll-img {
        position: relative;
        z-index: -1;
        width: 44vw;
        height: auto;
        aspect-ratio: 3/2;
        object-fit: cover;
        background-color: var(--c-color-02);
        transition: opacity 0.3s;
        will-change: opacity;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-index .c-eyes-scroll-img {
          width: 69vw;
          max-width: none;
          max-height: none;
          min-width: var(--eyes-image-width);
          min-height: var(--eyes-image-height);
          margin: auto;
        }
      }
      .c-eyes-scroll-index .c-eyes-scroll-swiper {
        position: relative;
      }
      .c-eyes-scroll-index .c-eyes-scroll-buttons {
        position: absolute;
        width: 53%;
        inset: 0;
        margin: auto;
        pointer-events: none;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-index .c-eyes-scroll-buttons {
          position: static;
          width: 116px;
          margin: 24px auto 0;
        }
      }
      .c-eyes-scroll-index .c-eyes-scroll-buttons > :where(div) {
        width: 100%;
        height: 28.5vw;
        position: relative;
        pointer-events: none;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-index .c-eyes-scroll-buttons > :where(div) {
          height: 50px;
        }
      }
      .c-eyes-scroll-index .swiper-button-prev,
      .c-eyes-scroll-index .swiper-button-next {
        position: relative;
        max-width: 61px !important;
        max-height: 61px !important;
        width: 61px !important;
        height: 61px !important;
        border-radius: 50%;
        background-color: var(--c-color-02) !important;
        margin-top: auto !important;
        margin-bottom: auto !important;
        inset: 0 !important;
        object-fit: contain !important;
        transition: background-color 0.2s ease-out !important;
        opacity: 1 !important;
        pointer-events: all;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-index .swiper-button-prev,
        .c-eyes-scroll-index .swiper-button-next {
          max-width: 50px !important;
          max-height: 50px !important;
          width: 50px !important;
          height: 50px !important;
        }
      }
      @media (hover: hover) {
        .c-eyes-scroll-index .swiper-button-prev:hover,
        .c-eyes-scroll-index .swiper-button-next:hover {
          background-color: var(--c-color-01) !important;
        }
        .c-eyes-scroll-index .swiper-button-prev:hover::before,
        .c-eyes-scroll-index .swiper-button-next:hover::before {
          background-color: var(--c-color-02) !important;
        }
      }
      .c-eyes-scroll-index .swiper-button-prev::before,
      .c-eyes-scroll-index .swiper-button-next::before {
        position: absolute;
        inset: 0;
        background-color: var(--c-color-01);
        mask: url("/wp-content/themes/original2024/assets/img/eyes/eyes_arrow_blue.svg") no-repeat center/contain;
        transition: background-color 0.2s ease-out;
        content: "";
      }
      .c-eyes-scroll-index .swiper-button-prev {
        margin-left: 0 !important;
        margin-right: auto !important;
        rotate: 180deg;
      }
      .c-eyes-scroll-index .swiper-button-next {
        margin-left: auto !important;
        margin-right: 0 !important;
      }
      .c-eyes-scroll-index .swiper-button-prev::after,
      .c-eyes-scroll-index .swiper-button-next::after {
        content: "" !important;
      }
      .c-eyes-scroll-index .eyes-scroll-tag {
        overflow: hidden;
        padding: 0;
        background-color: rgb(255, 255, 255);
        color: var(--c-color-01);
        font-family: var(--t-base);
        line-height: 1;
      }
      .c-eyes-scroll-index .eyes-scroll-tag > :where(a) {
        display: block;
        padding: 8px 18px;
        text-decoration: none;
        transition: background-color 0.3s, color 0.3s;
      }
      @media (hover: hover) {
        .c-eyes-scroll-index .eyes-scroll-tag > :where(a):hover {
          background-color: var(--c-color-01);
          color: var(--c-color-02);
        }
      }
      .c-eyes-scroll-index .eyes-scroll-tag:not(:has(:where(a))) {
        padding: 8px 18px;
      }
      .c-eyes-scroll-index .c-eyes-scroll-maintext {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin-top: 8px;
      }
      .c-eyes-scroll-index .c-eyes-scroll-maintext span {
        display: inline;
        background-image: var(--cb-scroll-text-underline);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 0 1px;
        transition: background-size 0.5s;
      }
      .c-eyes-scroll-index .c-eyes-scroll-mainfield {
        position: relative;
        width: 43.2vw;
        max-width: 43.2vw;
        margin-top: -8px;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scroll-index .c-eyes-scroll-mainfield {
          width: 100%;
          max-width: 100%;
          margin-top: 0;
          padding: 0 12vw;
        }
      }
      .c-eyes-scroll-index .c-eyes-scroll-mainfield.is-on .c-eyes-scroll-maintext span {
        background-size: 100% 1px !important;
      }
      .c-campus-item-common {
        width: 100%;
      }
      @media screen and (max-width: 960px) {
        .c-campus-item-common {
          width: 100%;
        }
      }
      .c-campus-item-common > img {
        margin: 0;
        width: 100%;
        height: 248px;
        object-fit: cover;
      }
      @media screen and (max-width: 960px) {
        .c-campus-item-common > img {
          width: 100%;
          height: auto;
          aspect-ratio: 327/200;
        }
      }
      .c-campus-item-common > h5 {
        margin-top: 5px;
        font-family: var(--t-noto) !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 180% !important;
        letter-spacing: 0.08em !important;
        font-feature-settings: "halt" on !important;
        color: var(--c-color-01) !important;
      }
      @media screen and (max-width: 960px) {
        .c-campus-item-common > h5 {
          margin-top: 8px;
          font-size: 16px !important;
          font-weight: 700 !important;
          line-height: 25.6px !important;
          letter-spacing: 0.08em !important;
          text-underline-position: from-font !important;
          text-decoration-skip-ink: none !important;
        }
      }
      .c-campus-item-common > div.border {
        margin-top: 5px;
        width: 100%;
        height: 1px;
        background: rgba(44, 73, 137, 0.5);
      }
      @media screen and (max-width: 960px) {
        .c-campus-item-common > div.border {
          margin-top: 8px;
        }
      }
      .c-campus-item-common > p {
        margin-top: 9px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      .c-campus-item-common > p.blue {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .c-campus-item-common > p.blue {
          font-weight: 700;
          font-size: 16px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
        }
      }
      .c-campus-item {
        width: 372px;
      }
      @media screen and (max-width: 960px) {
        .c-campus-item {
          width: 100%;
        }
      }
      .c-campus-item > img {
        margin: 0;
        width: 372px;
        height: 248px;
      }
      @media screen and (max-width: 960px) {
        .c-campus-item > img {
          width: 100%;
          height: auto;
        }
      }
      .c-campus-item > h5 {
        margin-top: 16px;
        font-family: var(--t-noto) !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 180% !important;
        letter-spacing: 0.08em !important;
        font-feature-settings: "halt" on !important;
        color: var(--c-color-01) !important;
      }
      .c-campus-item > div.border {
        margin-top: 16px;
        width: 100%;
        height: 1px;
        background: rgba(44, 73, 137, 0.5);
      }
      .c-campus-item > p {
        margin-top: 16px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      .c-campus-item > p.blue {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .c-campus-item > p.blue {
          font-weight: 700;
          font-size: 16px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
        }
      }
      .c-campus-item2 {
        width: 100%;
      }
      @media screen and (max-width: 960px) {
        .c-campus-item2 {
          width: 100%;
        }
      }
      .c-campus-item2 > img {
        margin: 0;
        width: 100%;
        height: auto;
      }
      @media screen and (max-width: 960px) {
        .c-campus-item2 > img {
          width: 100%;
          height: auto;
        }
      }
      .c-campus-item2 > h5 {
        margin-top: 5px;
        font-family: var(--t-noto) !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 180% !important;
        letter-spacing: 0.08em !important;
        font-feature-settings: "halt" on !important;
        color: var(--c-color-01) !important;
      }
      @media screen and (max-width: 960px) {
        .c-campus-item2 > h5 {
          margin-top: 8px;
        }
      }
      .c-campus-item2 > div.border {
        margin-top: 5px;
        width: 100%;
        height: 1px;
        background: rgba(44, 73, 137, 0.5);
      }
      @media screen and (max-width: 960px) {
        .c-campus-item2 > div.border {
          margin-top: 8px;
        }
      }
      .c-campus-item2 > p {
        margin-top: 9px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      .c-campus-item3 {
        width: calc(33% - 25px);
      }
      @media screen and (max-width: 960px) {
        .c-campus-item3 {
          width: 86vw;
          scroll-snap-align: center; /* スクロールスナップ時に中央で止める */
          opacity: 0.2;
          transition: opacity 0.3s !important;
          margin-bottom: 20px;
        }
      }
      .c-campus-item3 > img {
        margin: 0;
        width: 100%;
        height: 248px;
        object-fit: cover;
      }
      @media screen and (max-width: 960px) {
        .c-campus-item3 > img {
          width: 100%;
          height: auto;
        }
      }
      .c-campus-item3 > h3 {
        margin-top: 5px;
        font-family: var(--t-noto) !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 180% !important;
        letter-spacing: 0.08em !important;
        font-feature-settings: "halt" on !important;
        color: var(--c-color-01) !important;
      }
      .c-campus-item3 > h3 br {
        display: block !important;
      }
      @media screen and (max-width: 960px) {
        .c-campus-item3 > h3 {
          margin-top: 12px;
          font-weight: 700 !important;
          font-size: 22px !important;
          line-height: 160% !important;
          text-align: center !important;
          letter-spacing: 0.08em !important;
          font-feature-settings: "halt" on !important;
          transition: opacity 0.3s;
          opacity: 0;
          text-wrap: wrap !important;
        }
      }
      .c-campus-item3 > div.border {
        margin-top: 5px;
        width: 100%;
        height: 1px;
        background: rgba(44, 73, 137, 0.5);
      }
      @media screen and (max-width: 960px) {
        .c-campus-item3 > div.border {
          margin-top: 10px;
          transition: opacity 0.3s;
          opacity: 0;
        }
      }
      .c-campus-item3 > p {
        margin-top: 9px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
        overflow: visible;
        text-wrap: wrap;
      }
      @media screen and (max-width: 960px) {
        .c-campus-item3 > p {
          margin-top: 10px;
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 160%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
          transition: opacity 0.3s;
          opacity: 0;
        }
      }
      .c-campus-item3 > p.blue {
        font-weight: 700;
        color: var(--c-color-01);
      }
      .c-campus-item3 > p.space-minus1 {
        margin-top: -1px !important;
      }
      @media screen and (max-width: 960px) {
        .c-campus-item3 > p.space-minus1 {
          margin-top: 8px !important;
        }
      }
      @media screen and (max-width: 960px) {
        .c-campus-item3.active {
          opacity: 1;
        }
        .c-campus-item3.active > h3 {
          opacity: 1;
        }
        .c-campus-item3.active > p {
          opacity: 1;
        }
        .c-campus-item3.active > div.border {
          opacity: 1;
        }
      }
      .c-campus-item3.dummy {
        display: none;
        visibility: hidden;
        width: 0;
      }
      @media screen and (max-width: 960px) {
        .c-campus-item3.dummy {
          display: block;
          visibility: hidden;
          width: 15vw;
        }
      }
      .curriculum-tabs {
        background: var(--c-color-08);
        margin-top: 48px;
        /** 

        label:hover {
            // background-color: #888;
        }
        **/
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs {
          margin-top: 32px;
        }
      }
      .curriculum-tabs h4 {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 160%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-02) !important;
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs h4 {
          font-size: 18px;
          line-height: 160%;
        }
      }
      .curriculum-tabs h5 {
        font-family: var(--t-noto) !important;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 180%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01) !important;
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs h5 {
          font-size: 16px;
          line-height: 160%;
        }
      }
      .curriculum-tabs p {
        font-family: var(--t-noto) !important;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs p {
          font-size: 14px;
          line-height: 160%;
        }
      }
      .curriculum-tabs p.caption {
        display: block !important;
        font-weight: 400;
        font-size: 12px !important;
        line-height: 160%;
        text-align: right;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs p.caption {
          font-size: 10px;
          font-weight: 400;
          line-height: 16px;
          letter-spacing: 0.04em;
          text-align: right;
        }
      }
      .curriculum-tabs > label {
        cursor: pointer;
        background-color: #2a2a2a;
        float: left;
        width: calc(25% - 1px);
        height: 75px;
        margin-right: 1px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .curriculum-tabs > label > h4 {
        opacity: 0.3;
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs > label > h4 {
          font-size: 16px !important;
        }
      }
      .curriculum-tabs .last {
        width: 25%;
        margin-right: 0;
      }
      .curriculum-tabs > input[type=radio] {
        display: none;
        width: 100%;
      }
      .curriculum-tabs > input:checked + label {
        background-color: var(--c-color-01);
      }
      .curriculum-tabs > input:checked + label > h4 {
        opacity: 1;
      }
      .curriculum-tabs .content {
        clear: left;
        width: 100%;
        padding: 52px 90px 75px;
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs .content {
          padding: 32px 0 11px;
        }
      }
      .curriculum-tabs .content .tab-content {
        display: none;
        height: fit-content;
        /* サブタブスタイル */
      }
      .curriculum-tabs .content .tab-content > div > h5 {
        margin-top: -9px;
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs .content .tab-content > div > h5 {
          margin-top: -5px;
          margin-left: 24.5px;
          margin-right: 24.5px;
        }
      }
      .curriculum-tabs .content .tab-content > div > p {
        margin-top: 17px;
        padding-bottom: 40px;
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs .content .tab-content > div > p {
          margin-top: 22px;
          margin-left: 24.5px;
          margin-right: 24.5px;
          padding-bottom: 26px;
        }
      }
      .curriculum-tabs .content .tab-content > label {
        float: left;
        width: 50%;
        height: auto;
        text-align: center;
      }
      .curriculum-tabs .content .tab-content > label > h4 {
        color: var(--c-color-01) !important;
        opacity: 0.3;
      }
      .curriculum-tabs .content .tab-content > label > div {
        height: 8px;
        width: 100%;
        margin-top: 8px;
        border-bottom: 2px solid var(--c-color-01);
      }
      .curriculum-tabs .content .tab-content > input[type=radio] {
        display: none;
        width: 100%;
      }
      .curriculum-tabs .content .tab-content > input:checked + label > h4 {
        opacity: 1;
      }
      .curriculum-tabs .content .tab-content > input:checked + label > div {
        background-color: var(--c-color-01);
        border-bottom: 8px solid var(--c-color-01);
      }
      .curriculum-tabs .content .tab-content .sub-content {
        clear: left;
        margin-top: 81px;
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs .content .tab-content .sub-content {
          margin-top: 60px;
          margin-left: 16px;
          margin-right: 16px;
        }
      }
      .curriculum-tabs .content .tab-content .sub-content-curriculum {
        background: var(--c-color-08);
        padding: 36px 40px 32px;
        display: flex;
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs .content .tab-content .sub-content-curriculum {
          padding: 17px 24px;
          display: block;
        }
      }
      .curriculum-tabs .content .tab-content .sub-content-curriculum > :where(p) {
        color: var(--c-color-01) !important;
        font-weight: 700 !important;
        white-space: nowrap;
        width: 172px;
        margin: auto 0;
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs .content .tab-content .sub-content-curriculum > :where(p) {
          margin: auto 0 16px;
        }
      }
      .curriculum-tabs .content .tab-content .sub-content-curriculum > :where(div) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        gap: 3px 16px;
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs .content .tab-content .sub-content-curriculum > :where(div) {
          gap: 16px;
          grid-template-columns: repeat(1, 1fr);
        }
      }
      .curriculum-tabs .content .tab-content .sub-content-curriculum > :where(div) > :where(div) {
        display: flex;
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs .content .tab-content .sub-content-curriculum > :where(div) > :where(div) {
          justify-content: center;
          align-items: center;
        }
      }
      .curriculum-tabs .content .tab-content .sub-content-curriculum > :where(div) > :where(div) > :where(div) {
        margin: auto 8px auto 0;
        text-align: center;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        place-items: center;
        gap: 4px;
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs .content .tab-content .sub-content-curriculum > :where(div) > :where(div) > :where(div) {
          display: grid;
          grid-template-columns: repeat(1, 1fr);
        }
      }
      .curriculum-tabs .content .tab-content .sub-content-curriculum > :where(div) > :where(div) > :where(div) > :where(div) {
        width: 70px;
        height: 23px;
        font-weight: 400;
        font-size: 12px;
        line-height: 0;
        text-align: center;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: #000;
        background: #dff7ff;
        border-radius: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .curriculum-tabs .content .tab-content .sub-content-curriculum > :where(div) > :where(div) > :where(div) > :where(div.pink) {
        background: hsl(0, 100%, 95%);
      }
      .curriculum-tabs .content .tab-content .sub-content-curriculum > :where(div) > :where(div) > :where(p) {
        width: 100%;
        height: fit-content;
        font-weight: 700 !important;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em !important;
        font-feature-settings: "halt" on !important;
        margin: auto 0;
      }
      .curriculum-tabs .content .tab-content .subtab-content {
        display: none;
      }
      .curriculum-tabs .content .tab-content input#subtab1-1:checked ~ .sub-content #subcontent1-1,
      .curriculum-tabs .content .tab-content input#subtab1-2:checked ~ .sub-content #subcontent1-2,
      .curriculum-tabs .content .tab-content input#subtab2-1:checked ~ .sub-content #subcontent2-1,
      .curriculum-tabs .content .tab-content input#subtab2-2:checked ~ .sub-content #subcontent2-2,
      .curriculum-tabs .content .tab-content input#subtab3-1:checked ~ .sub-content #subcontent3-1,
      .curriculum-tabs .content .tab-content input#subtab3-2:checked ~ .sub-content #subcontent3-2,
      .curriculum-tabs .content .tab-content input#subtab4-1:checked ~ .sub-content #subcontent4-1,
      .curriculum-tabs .content .tab-content input#subtab4-2:checked ~ .sub-content #subcontent4-2 {
        display: grid;
        gap: 8px;
      }
      @media screen and (max-width: 960px) {
        .curriculum-tabs .content .tab-content input#subtab1-1:checked ~ .sub-content #subcontent1-1,
        .curriculum-tabs .content .tab-content input#subtab1-2:checked ~ .sub-content #subcontent1-2,
        .curriculum-tabs .content .tab-content input#subtab2-1:checked ~ .sub-content #subcontent2-1,
        .curriculum-tabs .content .tab-content input#subtab2-2:checked ~ .sub-content #subcontent2-2,
        .curriculum-tabs .content .tab-content input#subtab3-1:checked ~ .sub-content #subcontent3-1,
        .curriculum-tabs .content .tab-content input#subtab3-2:checked ~ .sub-content #subcontent3-2,
        .curriculum-tabs .content .tab-content input#subtab4-1:checked ~ .sub-content #subcontent4-1,
        .curriculum-tabs .content .tab-content input#subtab4-2:checked ~ .sub-content #subcontent4-2 {
          gap: 8px;
        }
      }
      .curriculum-tabs input#tab1:checked ~ .content #content1,
      .curriculum-tabs input#tab2:checked ~ .content #content2,
      .curriculum-tabs input#tab3:checked ~ .content #content3,
      .curriculum-tabs input#tab4:checked ~ .content #content4 {
        display: block;
      }
      .c-pager {
        font-family: var(--t-noto);
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .c-pager .c-pager-empty {
        opacity: 0.4;
      }
      .c-pager-left {
        width: 40px;
        height: 40px;
        background-image: url("/wp-content/themes/original2024/assets/img/news/news-pager-arrow.svg");
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 50%;
        background-color: var(--c-color-01);
        color: var(--c-color-02);
        transform: scale(-1, 1);
        transition: all 0.3s ease;
      }
      @media (hover: hover) {
        .c-pager-left:hover {
          background-color: var(--c-color-41);
        }
      }
      .c-pager-right {
        width: 40px;
        height: 40px;
        background-image: url("/wp-content/themes/original2024/assets/img/news/news-pager-arrow.svg");
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 50%;
        background-color: var(--c-color-01);
        color: var(--c-color-02);
        transition: all 0.3s ease;
      }
      @media (hover: hover) {
        .c-pager-right:hover {
          background-color: var(--c-color-41);
        }
      }
      @media screen and (max-width: 960px) {
        .c-pager-left, .c-pager-right,
        .c-pager > :where(div) > :where(a) {
          width: 32px !important;
          height: 32px !important;
        }
      }
      .c-pager > :where(div) {
        padding: 16px;
        margin: 0 26px;
        gap: 16px;
        background: var(--c-color-08);
        border-radius: 100px;
        display: flex;
      }
      @media screen and (max-width: 960px) {
        .c-pager > :where(div) {
          padding: 8px;
          gap: 0;
          margin: 0 8px;
        }
      }
      .c-pager > :where(div) > :where(a) {
        font-family: var(--t-noto);
        font-style: normal;
        font-size: 16px;
        font-weight: 400;
        font-feature-settings: "palt" on;
        line-height: 28.8px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        padding-top: 4.2px;
        padding-bottom: 6.8px;
        background-color: transparent;
        color: var(--c-color-03);
        border-radius: 50%;
        text-decoration: none;
        transition: all 0.3s ease;
      }
      @media screen and (max-width: 960px) {
        .c-pager > :where(div) > :where(a) {
          font-size: 14px;
          font-weight: 400;
          line-height: 22.4px;
          text-align: center;
          padding-top: 6px;
        }
      }
      .c-pager > :where(div) > :where(a)[href]:hover {
        background-color: var(--c-color-01);
        color: var(--c-color-02);
      }
      .c-pager > :where(div) > :where(a)[data-content=on] {
        background-color: var(--c-color-01);
        color: var(--c-color-02);
      }
      .c-hamburger {
        position: absolute;
        top: 25px;
        right: 34px;
        z-index: 100;
      }
      @media screen and (max-width: 960px) {
        .c-hamburger {
          top: 10.5px;
          right: 0;
        }
      }
      .c-hamburger .l-header-content-hamburger {
        position: relative;
        display: block;
        width: 39px;
        height: 39px;
        transition: opacity 0.1s ease-out;
        --span-width: 31px;
        --span-left: 2px;
        --span-top-1: 11px;
        --span-top-2: 23px;
        /* ボタン内側 */
      }
      @media screen and (max-width: 960px) {
        .c-hamburger .l-header-content-hamburger {
          display: block;
          width: 50px;
          height: 32px;
          margin-right: 5px;
          position: relative;
          transition: opacity 0.1s ease-out;
        }
      }
      @media (hover: hover) {
        .c-hamburger .l-header-content-hamburger:hover {
          opacity: 0.5;
          cursor: pointer;
        }
      }
      @media screen and (max-width: 960px) {
        .c-hamburger .l-header-content-hamburger {
          --span-width: 25px;
          --span-left: 2px;
          --span-top-1: 7px;
          --span-top-2: 19px;
        }
      }
      .c-hamburger .l-header-content-hamburger > :where(span) {
        width: var(--span-width);
        height: 3px;
        left: var(--span-left);
        border-radius: 3px;
        display: inline-block;
        position: absolute;
        background: var(--c-color-02);
        transition: all 0.4s;
      }
      @media screen and (max-width: 960px) {
        .c-hamburger .l-header-content-hamburger > :where(span) {
          height: 2.25px;
        }
      }
      .c-hamburger .l-header-content-hamburger > :where(span):nth-of-type(1) {
        top: var(--span-top-1);
      }
      .c-hamburger .l-header-content-hamburger > :where(span):nth-of-type(2) {
        top: var(--span-top-2);
      }
      .c-hamburger .l-header-content-hamburger > :where(span).active {
        width: var(--span-width);
        left: var(--span-left);
      }
      .c-hamburger .l-header-content-hamburger > :where(span).active:nth-of-type(1) {
        top: var(--span-top-1);
        transform: translateY(6px) rotate(-45deg);
      }
      .c-hamburger .l-header-content-hamburger > :where(span).active:nth-of-type(2) {
        top: var(--span-top-2);
        transform: translateY(-6px) rotate(45deg);
      }
      .c-emergency {
        background-color: transparent;
        font-family: var(--t-noto);
        padding-top: 84px;
        margin-bottom: -84px;
        position: relative;
        z-index: 100;
      }
      @media screen and (max-width: 960px) {
        .c-emergency {
          padding-top: 50px;
          margin-bottom: -50px;
        }
      }
      .c-emergency p {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .c-emergency p {
          font-size: 14px;
        }
      }
      .c-emergency strong {
        font-weight: 700;
      }
      .c-emergency a {
        color: var(--c-color-01);
        font-size: 16px;
        font-weight: 400;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: left;
        transition: opacity 0.1s ease-out;
      }
      @media screen and (max-width: 960px) {
        .c-emergency a {
          font-size: 14px;
          font-weight: 400;
          line-height: 22.4px;
          letter-spacing: 0.04em;
          text-align: left;
        }
      }
      @media (hover: hover) {
        .c-emergency a:hover {
          opacity: 0.5;
        }
      }
      .c-emergency-red {
        width: 100%;
        background-color: hsl(0, 100%, 82%);
        padding: 14px 0 17px 105px;
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 0;
        opacity: 1;
      }
      @media screen and (max-width: 960px) {
        .c-emergency-red {
          padding: 10px 0 13px 24px;
          grid-template-columns: 1fr auto;
        }
      }
      .c-emergency-red > :where(button) {
        width: 22px;
        height: 22px;
        margin: auto 0;
        margin-left: 40px;
        margin-right: 40px;
        transition: opacity 0.1s ease-out;
      }
      @media screen and (max-width: 960px) {
        .c-emergency-red > :where(button) {
          margin-left: 20px;
          margin-right: 24px;
        }
      }
      @media (hover: hover) {
        .c-emergency-red > :where(button):hover {
          opacity: 0.5;
        }
      }
      .c-emergency-purple {
        padding: 29px 112px 32px;
        background-color: var(--c-color-51);
      }
      @media screen and (max-width: 960px) {
        .c-emergency-purple {
          padding: 10px 24px 13px;
        }
      }
      .c-emergency-hidden {
        opacity: 0;
        height: 0;
        padding: 0 0 0 105px;
      }
      /** (ex) 
          <div class="c-video l-about-tvcm-video">
            <video src="<%=mov01%>" preload="auto" controls="true" poster="/wp-content/themes/original2024/assets/img/about/about_tvcm_001.webp" playsinline></video>
            <img class="u-show-pc-only" src="/wp-content/themes/original2024/assets/img/about/about_tvcm_001.webp" >
            <img class="u-show-sp-only" src="/wp-content/themes/original2024/assets/img/about/about_tvcm_001_sp.webp" >
          </div>
      **/
      .c-video {
        position: relative;
        width: 100%;
        aspect-ratio: 1200/675;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .c-video:hover {
          opacity: 0.5;
        }
      }
      .c-video.no-hover:hover {
        opacity: 1 !important;
      }
      .c-video > :where(video) {
        object-fit: contain;
        cursor: pointer;
      }
      .c-video > :where(img) {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
      }
      /** (ex) 

          <div class="c-video-youtube l-about-president-area-message-youtube">
              <iframe id="youtubePlayer" src="https://www.youtube.com/embed/YOzQo9_wwBU?si=mrvYtITWUyAGnQFj&enablejsapi=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
              <img class="u-show-pc-only" src="/wp-content/themes/original2024/assets/img/about/about_president_005.webp" >
              <img class="u-show-sp-only" src="/wp-content/themes/original2024/assets/img/about/about_president_005.webp" >
          </div>
      **/
      .c-video-youtube {
        position: relative;
        width: 100%;
        aspect-ratio: 1200/675;
        transition: opacity 0.1s ease-out;
      }
      .c-video-youtube.no-hover:hover {
        opacity: 1 !important;
      }
      .c-video-youtube > :where(iframe) {
        width: 100%;
        height: 100%;
      }
      .c-video-youtube > :where(img) {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
      }
      .c-eyes-scrollbar {
        padding-bottom: 50px !important;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scrollbar {
          padding-bottom: 42px !important;
        }
      }
      .c-eyes-scrollbar .swiper-slide {
        width: 340px !important;
        margin-right: 40px !important;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scrollbar .swiper-slide {
          width: 270px !important;
          margin-right: 14px !important;
        }
      }
      .c-eyes-scrollbar .swiper-scrollbar {
        left: 0 !important;
        opacity: 1 !important;
        width: calc(100% - 88px) !important;
        height: 10px !important;
        background: none !important;
        cursor: grab;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-scrollbar .swiper-scrollbar {
          width: calc(100% - 16px) !important;
          height: 8px !important;
        }
      }
      @media (hover: hover) {
        .c-eyes-scrollbar .swiper-scrollbar:hover::before,
        .c-eyes-scrollbar .swiper-scrollbar:hover .swiper-scrollbar-drag::before {
          scale: 1;
          border-radius: 10px;
        }
      }
      .c-eyes-scrollbar .swiper-scrollbar-drag {
        background: none !important;
      }
      .c-eyes-scrollbar .swiper-scrollbar-drag::before {
        background-color: var(--c-color-04) !important;
      }
      .c-eyes-scrollbar .swiper-scrollbar--white .swiper-scrollbar-drag::before {
        background: var(--c-color-02) !important;
      }
      .c-eyes-scrollbar .swiper-scrollbar::before,
      .c-eyes-scrollbar .swiper-scrollbar .swiper-scrollbar-drag::before {
        display: block;
        position: absolute;
        inset: 0;
        scale: 1 0.3;
        transition: scale 0.3s, border-radius 0.3s;
        will-change: scale;
        content: "";
      }
      .c-eyes-scrollbar .swiper-scrollbar::before {
        background-color: rgba(255, 255, 255, 0.2) !important;
      }
      .c-eyes-thumbnail {
        position: relative;
        color: var(--c-color-01);
        text-decoration: none;
      }
      @media (hover: hover) {
        .c-eyes-thumbnail:hover .c-eyes-thumbnail__image img {
          opacity: 0.8;
        }
        .c-eyes-thumbnail:hover .c-eyes-thumbnail__heading span {
          background-size: 100% 1px !important;
        }
      }
      .c-eyes-thumbnail__image {
        background-color: var(--c-color-02);
      }
      .c-eyes-thumbnail__image img {
        width: 100%;
        height: auto;
        aspect-ratio: 3/2;
        object-fit: cover;
        transition: opacity 0.3s;
        will-change: opacity;
      }
      .c-eyes-thumbnail__content {
        margin-top: 14px;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-thumbnail__content {
          margin-top: 12px;
        }
      }
      .c-eyes-thumbnail__date {
        font-weight: 700;
        font-size: 16px;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-thumbnail__date {
          display: block;
          font-size: 14px;
        }
      }
      .c-eyes-thumbnail__heading {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        color: var(--c-color-03);
        font-weight: 700;
        font-size: 22px;
        line-height: 1.6;
        letter-spacing: 0.1em;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-thumbnail__heading {
          margin-top: 4px;
          font-size: 18px;
        }
      }
      .c-eyes-thumbnail__heading span {
        display: inline;
        background-image: var(--cb-scroll-text-underline);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 0% 1px;
        transition: background-size 0.5s;
      }
      .c-eyes-thumbnail__heading--small {
        font-size: 18px;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-thumbnail__heading--small {
          font-size: 16px;
        }
      }
      .c-eyes-thumbnail__text {
        margin-top: 10px;
        color: var(--c-color-01);
        font-weight: 700;
        font-size: 12px;
      }
      .c-eyes-thumbnail-category {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 16px;
      }
      .c-eyes-thumbnail-category > li {
        overflow: hidden;
        padding: 0;
        border-radius: 30px;
        background-color: var(--c-color-05);
        color: var(--c-color-01);
        font-weight: 700;
        font-size: 14px;
        font-family: var(--t-base);
        line-height: 1;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-thumbnail-category > li {
          font-size: 12px;
        }
      }
      .c-eyes-thumbnail-category > li:not(:has(a)) {
        padding: 8px 18px;
      }
      .c-eyes-thumbnail-category > li a {
        display: block;
        padding: 8px 18px;
        text-decoration: none;
        transition: background-color 0.3s, color 0.3s;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-thumbnail-category > li a {
          padding: 6px 18px;
        }
      }
      @media (hover: hover) {
        .c-eyes-thumbnail-category > li a:hover {
          background-color: var(--c-color-01);
          color: var(--c-color-02);
        }
      }
      .c-eyes-nav {
        position: fixed;
        top: 92px;
        right: 0;
        z-index: 3000;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-nav {
          top: 54px;
          border-radius: 4px;
        }
      }
      .c-eyes-nav__button, .c-eyes-nav__content::before {
        border-radius: 8px 0 0 8px;
        background-color: var(--c-color-04);
      }
      .c-eyes-nav__button {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 16px 24px;
        font-weight: 700;
        font-family: var(--t-base);
        line-height: 1;
        transition: opacity 0.3s;
        will-change: opacity;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-nav__button {
          gap: 8px;
          padding: 12px 16px;
          font-size: 14px;
        }
      }
      @media (hover: hover) {
        .c-eyes-nav__button:hover {
          opacity: 0.5;
        }
      }
      .c-eyes-nav__button::before {
        display: block;
        width: 22px;
        height: 17px;
        background: url("/wp-content/themes/original2024/assets/img/eyes/eyes_icon_category.svg") no-repeat center/contain;
        content: "";
      }
      @media screen and (max-width: 960px) {
        .c-eyes-nav__button::before {
          width: 16px;
          height: 12px;
        }
      }
      .c-eyes-nav__overlay, .c-eyes-nav__content > * {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0.3s;
        will-change: opacity;
      }
      .c-eyes-nav__overlay {
        position: fixed;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.2);
        transition-delay: 0.3s;
      }
      .c-eyes-nav__content {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 0;
        right: 0;
        visibility: hidden;
        padding: 72px 56px 70px;
        transition-delay: 0.6s;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-nav__content {
          padding-top: 64px;
          padding-bottom: 60px;
        }
      }
      .c-eyes-nav__content::before {
        display: block;
        position: absolute;
        inset: 0;
        scale: 0;
        transform-origin: top right;
        transition: scale 0.3s 0.3s;
        will-change: scale;
        content: "";
      }
      .c-eyes-nav__content .c-eyes-nav-list {
        display: flex;
        flex-direction: column;
        gap: 16px;
      }
      .c-eyes-nav__content .c-eyes-nav-list__link {
        display: inline-block;
        padding: 10px 22px;
        border-radius: 38px;
        background-color: rgba(255, 255, 255, 0.15);
        font-weight: 700;
        font-size: 18px;
        font-family: var(--t-base);
        line-height: 1;
        letter-spacing: 0.04em;
        text-decoration: none;
        transition: opacity 0.3s;
        will-change: opacity;
      }
      @media screen and (max-width: 960px) {
        .c-eyes-nav__content .c-eyes-nav-list__link {
          padding: 10px 24px;
          font-size: 15px;
        }
      }
      @media (hover: hover) {
        .c-eyes-nav__content .c-eyes-nav-list__link:hover {
          opacity: 0.5;
        }
      }
      .c-eyes-nav__link {
        margin-top: 32px;
        padding-top: 32px;
        border-top: 1px solid var(--c-color-08);
      }
      .c-eyes-nav__link > :where(a) {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        font-weight: 700;
        font-size: 16px;
        font-family: var(--t-base);
        line-height: 1;
        text-decoration: none;
        transition: opacity 0.3s;
        will-change: opacity;
      }
      .c-eyes-nav__link > :where(a)::before {
        display: block;
        width: 15px;
        height: 12px;
        background: url("/wp-content/themes/original2024/assets/img/eyes/eyes_icon_top.svg") no-repeat center/contain;
        content: "";
      }
      @media screen and (max-width: 960px) {
        .c-eyes-nav__link > :where(a)::before {
          width: 16px;
          height: 16px;
        }
      }
      @media screen and (max-width: 960px) {
        .c-eyes-nav__link > :where(a) {
          font-size: 15px;
        }
      }
      @media (hover: hover) {
        .c-eyes-nav__link > :where(a):hover {
          opacity: 0.5;
        }
      }
      .c-eyes-nav__close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        width: 48px;
        height: 48px;
      }
      .c-eyes-nav__close::before, .c-eyes-nav__close::after {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        width: 20px;
        height: 2px;
        background-color: rgb(255, 255, 255);
        content: "";
      }
      .c-eyes-nav__close::before {
        rotate: 45deg;
      }
      .c-eyes-nav__close::after {
        rotate: -45deg;
      }
      .c-eyes-nav.is-active .c-eyes-nav__overlay, .c-eyes-nav.is-active .c-eyes-nav__content > * {
        opacity: 1;
        visibility: visible;
      }
      .c-eyes-nav.is-active .c-eyes-nav__overlay, .c-eyes-nav.is-active .c-eyes-nav__content, .c-eyes-nav.is-active .c-eyes-nav__content::before {
        transition-delay: 0s;
      }
      .c-eyes-nav.is-active .c-eyes-nav__content {
        visibility: visible;
      }
      .c-eyes-nav.is-active .c-eyes-nav__content::before {
        scale: 1;
      }
      .c-eyes-nav.is-active .c-eyes-nav__content > * {
        transition-delay: 0.3s;
      }
    }
    @layer project {
      .c-index {
        font-family: var(--t-noto);
        background-color: var(--c-color-03);
        background-image: url("/wp-content/themes/original2024/assets/img/index/index-background.webp");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100dvh;
        display: grid;
        grid-template-rows: 1fr auto;
      }
      @media screen and (max-width: 960px) {
        .c-index {
          grid-template-rows: auto 1fr;
        }
      }
      .c-index span {
        font-size: 16px;
      }
      @media screen and (max-width: 960px) {
        .c-index span {
          font-size: 11px;
        }
      }
      .c-index-video {
        width: 100%;
        padding-left: 45px;
        padding-right: 45px;
        margin-top: auto;
        margin-bottom: auto;
      }
      @media screen and (max-width: 960px) {
        .c-index-video {
          padding-left: 0;
          padding-right: 0;
        }
      }
      .c-index-video-v {
        object-fit: cover;
        width: 100%;
        height: 100%;
        max-height: calc(100dvh - 140px);
      }
      @media screen and (max-width: 960px) {
        .c-index-video-v {
          max-height: none;
        }
      }
      .c-index-buttons {
        display: grid;
        flex-wrap: nowrap;
        list-style: none;
        transform: translateZ(1px); /* 回避手段 */
        width: 100%;
        height: 100%;
        grid-template-columns: 1fr 1fr 1fr;
        background-color: var(--c-color-02);
      }
      @media screen and (max-width: 960px) {
        .c-index-buttons {
          flex-wrap: wrap;
          grid-template-columns: auto;
          grid-template-rows: 1fr 1fr 1fr;
        }
      }
      .c-index-buttons > a {
        width: 100%;
        height: 140px;
        max-height: 140px;
        opacity: 1;
        transition: opacity 0.3s;
      }
      @media (hover: hover) {
        .c-index-buttons > a:hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .c-index-buttons > a {
          margin: 0;
          height: 100%;
          max-height: none;
        }
      }
      .c-index-buttons-tokyo {
        background: var(--c-color-16);
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .c-index-buttons-osaka {
        background: var(--c-color-21);
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .c-index-buttons-nagoya {
        background: var(--c-color-22);
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .c-index-buttons-logo {
        width: 100%;
        height: fit-content;
        margin: auto 48px;
        display: flex;
        justify-content: space-between;
      }
      @media screen and (max-width: 960px) {
        .c-index-buttons-logo {
          display: flex;
          width: 100%;
          height: 100%;
          margin: auto 34px;
        }
      }
      .c-index-buttons-logo > :where(img) {
        width: auto;
        height: 76px;
        object-fit: contain;
        margin-left: 0;
        margin-right: auto;
      }
      @media screen and (max-width: 960px) {
        .c-index-buttons-logo > :where(img) {
          height: 58px;
        }
      }
      .c-index-buttons-logo > :where(svg) {
        min-width: 9px;
        min-height: 16px;
        width: 9px;
        height: 16px;
        margin: auto 0;
      }
      @media screen and (max-width: 960px) {
        .c-index-buttons-logo > :where(svg) {
          min-height: 13px;
          min-width: 6.5px;
          height: 13px;
          width: 6.5px;
        }
      }
      @layer component {
        .top-section-title {
          display: flex;
          flex-direction: column;
          align-items: center;
        }
        .top-section-title-en {
          width: fit-content;
          font-family: var(--t-base) !important;
          font-size: 82px;
          font-weight: 500;
          line-height: 59px;
          text-align: center;
          margin-right: auto;
          margin-left: auto;
          padding-bottom: 3px;
          background-color: var(--c-color-05);
          margin-bottom: 28px;
        }
        @media screen and (max-width: 960px) {
          .top-section-title-en {
            font-size: 54px;
            line-height: 41.04px;
            margin-bottom: 20px;
          }
        }
        .top-section-title-ja {
          display: inline-block;
          font-weight: 700;
          padding-top: 4px;
          border-top: 4px solid;
          font-feature-settings: "pwid";
          font-size: clamp(18px, 6px + 1.25vw, 24px);
          line-height: 38.4px;
          letter-spacing: 0.02em;
        }
        @media screen and (max-width: 960px) {
          .top-section-title-ja {
            padding-top: 8px;
            font-size: 18px;
            line-height: 28.8px;
            letter-spacing: 0.02em;
            text-align: center;
          }
        }
        .top-section-title-ja small {
          display: inline;
          font-size: 14px;
          line-height: 22.4px;
          letter-spacing: 0.02em;
        }
        @media screen and (max-width: 960px) {
          .top-section-title-ja small {
            display: block;
            line-height: 18px;
          }
        }
        .top-section-title-blue .top-section-title-en {
          color: var(--c-color-01);
          background-color: var(--c-color-08);
        }
        @media screen and (max-width: 960px) {
          .top-section-title-blue .top-section-title-en {
            background: linear-gradient(180deg, transparent 6%, hsla(0, 0%, 100%, 0.2) 6%, hsla(0, 0%, 100%, 0.2) 94%, transparent 94%);
          }
        }
        .top-section-title-blue .top-section-title-ja {
          color: var(--c-color-01);
          border-top-color: var(--c-color-01);
        }
        .top-section-title-white .top-section-title-en {
          background-color: rgba(255, 255, 255, 0.1);
        }
        @media screen and (max-width: 960px) {
          .top-section-title-white .top-section-title-en {
            background: linear-gradient(180deg, transparent 6%, rgba(255, 255, 255, 0.1) 6%, rgba(255, 255, 255, 0.1) 94%, transparent 94%);
          }
        }
        .top-section-title-eyes .top-section-title-en {
          color: var(--c-color-29);
          background-color: var(--c-color-05);
          font-weight: 700;
        }
        .top-section-title-eyes .top-section-title-ja {
          color: var(--c-color-29);
          border-top-color: var(--c-color-29);
        }
        .p-top-faculty {
          width: 100%;
          padding-top: 156px;
          padding-bottom: 160px;
          background-color: var(--c-color-04);
          overflow-x: hidden;
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty {
            position: relative;
            z-index: 1;
          }
        }
        .p-top-faculty-title {
          text-align: center;
        }
        .p-top-faculty-title__header {
          display: flex;
          flex-direction: column;
          align-items: center;
        }
        .p-top-faculty-title__header-en {
          display: inline-block;
          height: 54px;
          margin-bottom: 16px;
        }
        .p-top-faculty-title__header-en > img {
          height: 100%;
          object-fit: contain;
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-title__header-en {
            height: 37px;
            margin-bottom: 18px;
          }
        }
        .p-top-faculty-title__header-ja {
          display: inline-block;
          font-weight: 700;
          padding-top: 4px;
          border-top: 4px solid;
          font-feature-settings: "pwid";
          font-size: 24px;
          line-height: 38.4px;
          letter-spacing: 0.02em;
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-title__header-ja {
            font-size: 18px;
            line-height: 28.8px;
            letter-spacing: 0.02em;
          }
        }
        .p-top-faculty-title > :where(p) {
          display: inline-block;
          font-weight: 700;
        }
        .p-top-faculty-title > :where(p)[data-content=text-main] {
          margin-top: 20px;
          font-size: 18px;
          font-weight: 700;
          line-height: 32.4px;
          letter-spacing: 0.08em;
          text-align: center;
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-title > :where(p)[data-content=text-main] {
            margin-top: 12px;
            font-size: 16px;
            line-height: 25.6px;
            text-align: left;
          }
        }
        @media screen and (min-width: 961px) {
          .p-top-faculty-title {
            max-width: 739px;
            margin: auto;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-title {
            margin-left: 23px;
            margin-right: 23px;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty {
            padding-top: 78px;
            padding-bottom: 80px;
          }
        }
        .p-top-faculty-course {
          display: flex;
        }
        .p-top-faculty-course-title {
          position: relative;
          text-align: left;
        }
        .p-top-faculty-course-title__header {
          display: flex;
          flex-direction: column;
          width: 450px;
          position: relative;
        }
        .p-top-faculty-course-title__header__main {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 0.5rem;
          margin-left: 1px;
          font-size: 36px;
          line-height: 1.25;
          font-weight: 700;
          letter-spacing: 0.06em;
          text-align: left;
          font-feature-settings: normal;
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course-title__header__main {
            font-size: 26px;
            margin-bottom: 12px;
          }
        }
        .p-top-faculty-course-title__header__main span {
          display: inline-block;
          line-height: 1.1;
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.15) 8%, rgba(255, 255, 255, 0.15) 100%);
        }
        .p-top-faculty-course-title__header__main[data-content=technology] {
          margin-top: 49px;
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course-title__header__main[data-content=technology] {
            margin-top: 26px;
          }
        }
        .p-top-faculty-course-title__header__main[data-content=entertainment] {
          margin-top: 43px;
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course-title__header__main[data-content=entertainment] {
            margin-top: 28px;
          }
        }
        @media screen and (min-width: 961px) {
          .p-top-faculty-course-title__header {
            margin-left: auto;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course-title__header {
            margin-left: 22px;
          }
        }
        .p-top-faculty-course-title__back {
          font-family: var(--t-base) !important;
          display: block;
          position: absolute;
          font-size: 74px;
          line-height: 1;
          font-weight: 100;
          text-align: left;
          max-width: 100%;
          opacity: 0.2;
        }
        @media screen and (min-width: 961px) {
          .p-top-faculty-course-title__back {
            width: 100%;
            left: 1px;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course-title__back {
            font-size: 50px;
            line-height: 1.04;
          }
        }
        @media screen and (min-width: 961px) {
          .p-top-faculty-course-title__back[data-content=technology] {
            height: 286px;
          }
        }
        @media screen and (min-width: 961px) {
          .p-top-faculty-course-title__back[data-content=entertainment] {
            height: 284px;
          }
        }
        .p-top-faculty-course-title > :where(p)[data-content=text-main] {
          max-width: 450px;
          margin-top: 23px;
          position: relative;
          font-size: 16px;
          font-weight: 400;
          line-height: 28.8px;
          letter-spacing: 0.04em;
        }
        @media screen and (min-width: 961px) {
          .p-top-faculty-course-title > :where(p)[data-content=text-main] {
            margin-left: auto;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course-title > :where(p)[data-content=text-main] {
            max-width: 335px;
            margin-top: 6px;
            margin-left: 24px;
            font-size: 14px;
            line-height: 22.4px;
          }
        }
        @media screen and (min-width: 961px) {
          .p-top-faculty-course-title {
            width: 39.5%;
            flex-direction: column;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course-title {
            margin-bottom: 34px;
          }
        }
        .p-top-faculty-course-detail-list {
          position: relative;
          width: fit-content;
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course-detail-list {
            width: 100%;
          }
        }
        .p-top-faculty-course-detail-list > :where(li) {
          width: 100%;
        }
        .p-top-faculty-course-detail-list-item {
          display: flex;
          flex-direction: row;
          min-height: 279px;
          background-color: var(--c-color-03);
        }
        @media screen and (min-width: 961px) {
          .p-top-faculty-course-detail-list-item {
            margin-right: -50vw;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course-detail-list-item {
            position: relative;
            height: 288px;
            min-height: 288px;
          }
        }
        .p-top-faculty-course-detail-list-item__thumbnail {
          display: block;
        }
        .p-top-faculty-course-detail-list-item__thumbnail > :where(img) {
          width: 436px;
          height: auto;
          min-height: 280px;
          object-fit: cover;
          object-position: left center;
          overflow: hidden;
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course-detail-list-item__thumbnail > :where(img) {
            width: 100%;
            height: 100%;
            object-fit: contain;
            margin-left: auto;
            margin-right: auto;
          }
          .p-top-faculty-course-detail-list-item__thumbnail > :where(img).faculty-ai-img {
            width: 328px;
            height: auto;
            margin-top: -20px;
          }
          .p-top-faculty-course-detail-list-item__thumbnail > :where(img).faculty-iot-img {
            width: 320px;
            height: auto;
            margin-top: -20px;
          }
          .p-top-faculty-course-detail-list-item__thumbnail > :where(img).faculty-robot-img {
            width: 256px;
            height: auto;
            margin-top: -25px;
          }
          .p-top-faculty-course-detail-list-item__thumbnail > :where(img).faculty-produce-img {
            width: 270px;
            height: auto;
            margin-top: -30px;
          }
          .p-top-faculty-course-detail-list-item__thumbnail > :where(img).faculty-cg-img {
            width: 285px;
            height: auto;
            margin-top: -20px;
          }
        }
        @media screen and (min-width: 961px) {
          .p-top-faculty-course-detail-list-item__thumbnail {
            width: 100%;
            max-width: 436px;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course-detail-list-item__thumbnail {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
          }
        }
        .p-top-faculty-course-detail-list-item__main {
          display: flex;
          width: fit-content;
          flex-direction: column;
          margin-top: 70px;
          margin-left: 10px;
        }
        @media screen and (min-width: 961px) {
          .p-top-faculty-course-detail-list-item__main {
            margin-right: 50vw;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course-detail-list-item__main {
            position: relative;
            margin-top: 86px;
            margin-left: auto;
            margin-right: auto;
          }
        }
        .p-top-faculty-course-detail-list-item__main > :where(p),
        .p-top-faculty-course-detail-list-item__main > :where(h4) {
          margin-left: 2px;
          color: var(--c-color-16);
          font-size: 30px;
          font-feature-settings: "pwid";
          font-weight: 700;
          line-height: 45px;
          letter-spacing: 0.08em;
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course-detail-list-item__main > :where(p),
          .p-top-faculty-course-detail-list-item__main > :where(h4) {
            margin-left: 0;
            padding-top: 70px;
            margin-bottom: 19px;
            font-size: 22px;
            font-weight: 700;
            line-height: 30.8px;
            letter-spacing: 0.08em;
            text-align: center;
          }
        }
        .p-top-faculty-course-detail-list-item__main > :where(.c-button) {
          letter-spacing: 0.16em;
        }
        @media screen and (min-width: 961px) {
          .p-top-faculty-course-detail-list-item__main > :where(.c-button) {
            margin-left: 1px;
            margin-right: auto;
            margin-top: 23px;
            padding: 10px 28px 11px 30px;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course-detail-list-item__main > :where(.c-button) {
            padding: 7px 22px;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course-detail-list-item {
            flex-direction: column;
          }
        }
        .p-top-faculty-course-detail-list li:not(:last-of-type) > :where(div) {
          border-bottom: 1px solid;
          border-color: var(--cb-faculty-list-border);
        }
        @media screen and (min-width: 961px) {
          .p-top-faculty-course-detail-list {
            flex-direction: column;
            width: 60.5%;
          }
        }
        .p-top-faculty-course[data-content=technology] {
          margin-top: 56px;
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course[data-content=technology] {
            margin-top: 55px;
          }
        }
        .p-top-faculty-course[data-content=entertainment] {
          margin-top: 81px;
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course[data-content=entertainment] {
            margin-top: 43px;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-course {
            flex-direction: column;
          }
        }
        .p-top-faculty-student-title {
          display: flex;
          align-items: flex-end;
          margin-top: 68px;
          margin-bottom: 28px;
          margin-left: 120px;
          text-align: left;
        }
        .p-top-faculty-student-title > :where(h3) {
          display: inline;
          font-feature-settings: "pwid";
          font-size: 30px;
          font-weight: 700;
          line-height: 45px;
          letter-spacing: 0.08em;
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-student-title > :where(h3) {
            font-size: 22px;
            line-height: 33px;
          }
        }
        .p-top-faculty-student-title > :where(p) {
          margin-bottom: 2px;
          font-weight: 400;
          letter-spacing: 0.04em;
          font-size: 16px;
          line-height: 28px;
        }
        @media screen and (min-width: 961px) {
          .p-top-faculty-student-title > :where(p) {
            margin-left: 24px;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-student-title > :where(p) {
            font-size: 14px;
            line-height: 22px;
            margin-top: 10px;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-faculty-student-title {
            display: grid;
            margin: 54px 24px 18px;
          }
        }
        .p-top-faculty-student > :where(.c-scroll) ::-webkit-scrollbar-thumb {
          background-color: var(--c-color-02);
        }
        .p-top-faculty-student > :where(.c-scroll) ::-webkit-scrollbar-track {
          background-color: var(--cb-scroll-scrollbar-track-dark);
        }
        .p-top-faculty-student > :where(.c-scroll) :where(a, p) {
          color: var(--ct-base);
        }
        .p-top-faculty-student > :where(.c-scroll) :where(div)[data-content=div-text] > :where(p) {
          background-image: var(--cb-scroll-text-underline-white);
        }
        .p-top-faculty-student > :where(.c-scroll) > :where(.scrollbar) {
          background-color: var(--cb-scroll-scrollbar-track-dark);
        }
        .p-top-faculty-student > :where(.c-scroll) > :where(.scrollbar) > :where(.scrollbar-thumb) {
          background-color: var(--c-color-02);
        }
        .p-top-youtube {
          display: flex;
          flex-direction: column;
          width: 100%;
          padding-top: 120px;
          padding-bottom: 120px;
          background-color: var(--c-color-04);
          --ul-width: 1208px;
          --li-width: 376px;
          --li-height: 364.5px;
          --img-height: 211.5px;
          --icon-width: 70px;
          --icon-height: 49px;
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube {
            --li-width: 254px;
            --li-height: 358px;
            --img-height: 143px;
            --icon-width: 54px;
            --icon-height: 37.8px;
          }
        }
        .p-top-youtube .p-top-youtube-inner {
          width: 100%;
          height: auto;
          padding: 0 120px;
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube .p-top-youtube-inner {
            padding: 0;
          }
        }
        .p-top-youtube .p-top-youtube-button {
          width: fit-content;
          margin: auto;
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube .p-top-youtube-button :where(a) {
            letter-spacing: 0.05em;
            gap: 9px !important;
            padding: 7.5px 22px 7.5px 23px !important;
          }
        }
        .p-top-youtube-list {
          margin-top: 31px;
          margin-bottom: 56px;
        }
        @media screen and (min-width: 961px) {
          .p-top-youtube-list {
            max-width: var(--ul-width);
            margin-left: auto;
            margin-right: auto;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube-list {
            margin-top: 34px;
          }
        }
        .p-top-youtube-list .scrollbar {
          position: relative;
          min-width: 900px;
          height: 10px;
          margin: 0 var(--scrollbar-margin-left);
          user-select: none;
          overflow: hidden;
          border-radius: 8px;
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube-list .scrollbar {
            min-width: 327px;
            height: 8px;
            border-radius: 0;
            margin: 0 24px;
          }
        }
        .p-top-youtube-list .scrollbar::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: var(--cb-scroll-scrollbar-track-white);
          scale: 1 0.3;
          border-radius: 8px;
          transition: scale 0.3s, border-radius 0.3s;
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube-list .scrollbar::before {
            border-radius: 0;
          }
        }
        .p-top-youtube-list .scrollbar .scrollbar-thumb {
          position: relative;
          cursor: pointer;
          width: 300px;
          height: 100%;
          user-select: none;
          border-radius: 8px;
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube-list .scrollbar .scrollbar-thumb {
            border-radius: 0;
          }
        }
        .p-top-youtube-list .scrollbar .scrollbar-thumb::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: var(--c-color-02);
          border-radius: 8px;
          scale: 1 0.3;
          transition: scale 0.3s, border-radius 0.3s;
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube-list .scrollbar .scrollbar-thumb::before {
            border-radius: 0;
          }
        }
        .p-top-youtube-list .scrollbar:hover::before,
        .p-top-youtube-list .scrollbar:hover .scrollbar-thumb::before {
          scale: 1;
          border-radius: 8px;
        }
        .p-top-youtube-list > :where(ul) {
          display: flex;
          gap: 42px;
        }
        .p-top-youtube-list > :where(ul) > :where(li) {
          max-height: var(--li-height);
          display: flex;
          flex-flow: column;
          flex-shrink: 0;
        }
        .p-top-youtube-list > :where(ul) > :where(li) > :where(a) {
          text-decoration: none;
          cursor: pointer;
        }
        .p-top-youtube-list > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-img] {
          margin-bottom: 13px;
          position: relative;
        }
        .p-top-youtube-list > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-img] > :where(img)[data-content=thumbnail] {
          width: 100%;
          height: var(--img-height);
          object-fit: cover;
          position: absolute;
        }
        .p-top-youtube-list > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-img] > :where(img)[data-content=icon] {
          width: var(--icon-width);
          margin: auto;
          object-fit: contain;
          position: relative;
          object-position: center center;
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube-list > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-img] {
            margin-bottom: 17px;
          }
        }
        .p-top-youtube-list > :where(ul) > :where(li) > :where(a) > :where(div) > :where(img) {
          width: 100%;
          height: var(--img-height);
          margin-bottom: 15px;
          object-fit: cover;
        }
        .p-top-youtube-list > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-text-title] {
          width: 100%;
          margin-bottom: 9px;
          overflow: hidden;
          text-align: left;
        }
        .p-top-youtube-list > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-text-title] > :where(p) {
          display: inline;
          font-size: 18px;
          font-weight: 700;
          line-height: 32.4px;
          letter-spacing: 0.08em;
          color: var(--c-color-02);
          background-image: var(--cb-scroll-text-underline-white);
          background-repeat: no-repeat;
          background-position: left bottom;
          background-size: 0% 1px;
          transition: background-size 0.5s;
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube-list > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-text-title] > :where(p) {
            font-size: 16px;
            line-height: 25.6px;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube-list > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-text-title] {
            margin-bottom: 14px;
          }
        }
        .p-top-youtube-list > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-text-description] {
          width: 100%;
          overflow: hidden;
          text-align: left;
        }
        .p-top-youtube-list > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-text-description] > :where(p) {
          display: block;
          font-size: 12px;
          font-weight: 400;
          font-feature-settings: "pwid";
          line-height: 19.2px;
          color: var(--cb-scroll-youtube-desc);
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube-list > :where(ul) > :where(li) > :where(a) > :where(div)[data-content=div-text-description] > :where(p) {
            font-size: 12px;
          }
        }
        @media (hover: hover) {
          .p-top-youtube-list > :where(ul) > :where(li) > :where(a):hover > :where(div)[data-content=div-img] {
            background-color: var(--c-color-02);
          }
          .p-top-youtube-list > :where(ul) > :where(li) > :where(a):hover > :where(div) > :where(img) {
            transition: opacity 0.3s;
            opacity: 0.8;
          }
          .p-top-youtube-list > :where(ul) > :where(li) > :where(a):hover > :where(div)[data-content=div-text] > :where(p) {
            background-size: 100% 1px;
          }
          .p-top-youtube-list > :where(ul) > :where(li) > :where(a):hover > :where(div) > :where(p) {
            background-size: 100% 1px;
          }
        }
        @media screen and (min-width: 961px) {
          .p-top-youtube-list > :where(ul) > :where(li) {
            flex: 1;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube-list > :where(ul) > :where(li) {
            width: var(--li-width);
          }
          .p-top-youtube-list > :where(ul) > :where(li):first-child {
            margin-left: 24px;
          }
          .p-top-youtube-list > :where(ul) > :where(li):last-child {
            margin-right: 24px;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube-list > :where(ul) {
            display: flex;
            gap: 24px;
            margin-bottom: 40px;
            overflow-x: scroll;
            position: relative;
            scrollbar-width: none;
          }
        }
        @media screen and (min-width: 961px) {
          .p-top-youtube-list {
            text-align: center;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube-list {
            position: relative;
            margin-bottom: 40px;
          }
        }
        .p-top-youtube > :where(.c-button) {
          letter-spacing: 0.08em;
        }
        .p-top-youtube > :where(.c-button) rect {
          transition: all 0.3s ease;
        }
        .p-top-youtube > :where(.c-button):hover rect {
          stroke: var(--c-color-02);
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube > :where(.c-button) {
            height: 52px;
            padding: 20px 32px;
            font-size: 16px;
            letter-spacing: 0.04em;
          }
        }
        @media screen and (max-width: 960px) {
          .p-top-youtube {
            padding-top: 80px;
            padding-bottom: 80px;
          }
          .p-top-youtube ::-webkit-scrollbar {
            width: 327px;
            height: 8px;
            display: none;
          }
          .p-top-youtube ::-webkit-scrollbar-thumb {
            background-color: var(--c-color-02);
            border-radius: 8px;
          }
          .p-top-youtube ::-webkit-scrollbar-track {
            background-color: var(--cb-scroll-scrollbar-track-white);
            margin-right: 24px;
            border-radius: 8px;
          }
        }
        .c-career {
          width: 100%;
          display: flex;
          flex-flow: column;
          position: relative;
          overflow: hidden;
        }
        @media screen and (max-width: 960px) {
          .c-career {
            gap: 32px;
          }
        }
        .c-career > :where(img) {
          width: 1512px;
          height: 1174px;
          position: absolute;
          margin-top: -100px;
          margin-left: 9px;
          top: 0;
          left: 0;
          z-index: 0;
          object-fit: cover;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(img) {
            width: 712px;
            height: 1390px;
            margin-left: 0;
            margin-right: 0;
            margin-top: -252px;
          }
        }
        .c-career > :where(div) {
          width: 100%;
          z-index: 1;
          margin: 0 auto;
        }
        .c-career > :where(div)[data-content=career-div1] {
          margin-top: 160px;
          display: flex;
          flex-flow: column;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div1] {
            margin-top: 77px;
            padding-right: 24px;
            padding-left: 24px;
          }
        }
        .c-career > :where(div)[data-content=career-div1] .career-title {
          display: flex;
          flex-direction: column;
          align-items: center;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div1] .career-title {
            margin-top: 1px;
          }
        }
        .c-career > :where(div)[data-content=career-div1] .career-title-en {
          display: inline-block;
          height: 58px;
          margin-bottom: 25px;
        }
        .c-career > :where(div)[data-content=career-div1] .career-title-en > picture {
          display: block;
          height: 100%;
          object-fit: contain;
        }
        .c-career > :where(div)[data-content=career-div1] .career-title-en > picture > img {
          height: 100%;
          object-fit: contain;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div1] .career-title-en {
            height: 38px;
            margin-bottom: 22px;
          }
        }
        .c-career > :where(div)[data-content=career-div1] .career-title-ja {
          color: var(--c-color-01);
          display: inline-block;
          font-weight: 700;
          padding-top: 4px;
          border-top: 4px solid;
          font-feature-settings: "pwid";
          font-size: 24px;
          line-height: 38.4px;
          letter-spacing: 0.02em;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div1] .career-title-ja {
            font-size: 18px;
            line-height: 28.8px;
            letter-spacing: 0.02em;
          }
        }
        .c-career > :where(div)[data-content=career-div1] > :where(p)[data-content=career-text3] {
          margin-top: 18px;
          font-size: 18px;
          font-weight: 700;
          line-height: 32.4px;
          letter-spacing: 0.08em;
          text-align: center;
          color: var(--c-color-03);
          padding: 0 120px;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div1] > :where(p)[data-content=career-text3] {
            padding: 0;
            letter-spacing: 0.08em;
            margin-top: 18px;
            font-size: 16px;
            font-weight: 700;
            line-height: 25.6px;
            text-align: left;
          }
        }
        .c-career > :where(div)[data-content=career-div2] {
          padding-right: 120px;
          padding-left: 120px;
          text-align: center;
          margin-top: 55px;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] {
            padding-right: 24px;
            padding-left: 24px;
            margin-top: -5px;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number {
          width: 100%;
          max-width: 1154px;
          height: 300px;
          padding-top: 65px;
          background-color: var(--c-color-08);
          border-radius: 150px;
          margin: auto;
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number {
            padding-left: clamp(30px, -130px + 16.6666666667vw, 110px);
            padding-right: clamp(30px, -110px + 14.5833333333vw, 100px);
          }
        }
        @media screen and (width >= 961px) and (width <= 1052px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number {
            min-width: 812px;
            margin-left: 50%;
            transform: translateX(-50%);
          }
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number {
            max-width: 327px;
            height: 596px;
            padding-top: 74px;
            border-radius: 163.5px;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number i {
          display: inline-block;
          width: 1em;
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) {
          display: flex;
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) {
            justify-content: space-between;
            width: 100%;
            height: 173px;
          }
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) {
            flex-direction: column;
          }
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul)::before {
            order: 1;
            display: block;
            width: 1px;
            height: 100%;
            border-right: 1px solid;
            border-color: var(--c-color-01);
            margin: 0 0.8%;
            content: "";
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li) {
          display: block;
          text-align: center;
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li) {
            order: 2;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li) :where(p) {
          font-family: var(--t-base);
          color: var(--c-color-01);
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=rate] {
            flex: 0 0 auto;
            order: 0;
          }
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=rate] {
            width: 263px;
            margin-left: auto;
            margin-right: auto;
            padding-bottom: 26px;
            border-bottom: 1px solid;
            border-color: var(--c-color-01);
          }
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=rate] > :where(div) {
            white-space: nowrap;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=rate] > :where(div) > :where(p)[data-content=text-title] {
          margin-top: 4px;
          font-size: clamp(18px, 4px + 1.4583333333vw, 25px);
          font-weight: 700;
          line-height: 22.5px;
          letter-spacing: 0.07em;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=rate] > :where(div) > :where(p)[data-content=text-title] {
            margin-top: 8px;
            font-family: var(--t-noto);
            line-height: 18px;
            letter-spacing: 0.07em;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=rate] > :where(div) > :where(p)[data-content=text-rate] {
          margin-top: 10px;
          font-size: clamp(51.2px, 41.6px + 1vw, 56px);
          font-weight: 700;
          line-height: 50.4px;
          letter-spacing: 0.01em;
          text-decoration-color: rgba(255, 255, 255, 0.3);
          text-decoration-line: underline;
          text-decoration-thickness: 14px;
          text-underline-offset: -7px;
          text-decoration-skip-ink: none;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=rate] > :where(div) > :where(p)[data-content=text-rate] {
            margin-top: 0;
            line-height: 46.08px;
            letter-spacing: 0.08em;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=rate] > :where(div) > :where(p)[data-content=text-rate] > :where(span) {
          font-size: clamp(80px, 32px + 5vw, 104px);
          font-weight: 700;
          line-height: 93.6px;
          letter-spacing: 0.05em;
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=rate] > :where(div) > :where(p)[data-content=text-rate] > :where(span) {
            display: inline-block;
            width: 1.8173076923em;
            text-decoration-color: rgba(255, 255, 255, 0.3);
            text-decoration-line: underline;
            text-decoration-thickness: 14px;
            text-underline-offset: -7px;
            text-decoration-skip-ink: none;
          }
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=rate] > :where(div) > :where(p)[data-content=text-rate] > :where(span) {
            line-height: 80.64px;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=rate] > :where(div) > :where(p)[data-content=text-desc] {
          font-family: var(--t-noto);
          margin-top: 14px;
          font-size: 16px;
          font-size: clamp(14px, 10px + 0.4166666667vw, 16px);
          font-weight: 400;
          line-height: 28.8px;
          letter-spacing: 0.04em;
          color: var(--c-color-03);
          text-wrap: nowrap;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=rate] > :where(div) > :where(p)[data-content=text-desc] {
            margin-top: 10px;
            line-height: 25.2px;
            letter-spacing: 0.08em;
          }
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=job-openings] {
            max-width: 313px;
            flex: 0 0 auto;
          }
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=job-openings] {
            margin-left: 2%;
            margin-right: 2%;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=job-openings] > :where(div) > :where(p)[data-content=text-title] {
          margin-top: 27px;
          font-size: clamp(18px, 10px + 0.8333333333vw, 22px);
          font-weight: 700;
          line-height: 21.56px;
          letter-spacing: 0.07em;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=job-openings] > :where(div) > :where(p)[data-content=text-title] {
            margin-top: 28px;
            line-height: 19.6px;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=job-openings] > :where(div) > :where(p)[data-content=text-num] {
          margin-top: 4px;
          text-decoration-color: rgba(255, 255, 255, 0.3);
          text-decoration-line: underline;
          text-decoration-thickness: 14px;
          text-underline-offset: -4px;
          text-decoration-skip-ink: none;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=job-openings] > :where(div) > :where(p)[data-content=text-num] {
            margin-top: 2px;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=job-openings] > :where(div) > :where(p)[data-content=text-num] > :where(span) {
          font-size: clamp(50px, 22px + 2.9166666667vw, 64px);
          font-weight: 700;
          line-height: 62.72px;
          letter-spacing: 0.01em;
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=job-openings] > :where(div) > :where(p)[data-content=text-num] > :where(span) {
            display: inline-block;
            width: 3.125em;
            text-decoration-color: rgba(255, 255, 255, 0.3);
            text-decoration-line: underline;
            text-decoration-thickness: 14px;
            text-underline-offset: -4px;
            text-decoration-skip-ink: none;
          }
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=job-openings] > :where(div) > :where(p)[data-content=text-num] > :where(span) {
            line-height: 56.84px;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=job-openings] > :where(div) > :where(p)[data-content=text-num] > :where(span)[data-content=unit] {
          font-size: clamp(28px, 24px + 0.4166666667vw, 30px);
          font-weight: 700;
          line-height: 29.4px;
          letter-spacing: 0.01em;
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=job-openings] > :where(div) > :where(p)[data-content=text-num] > :where(span)[data-content=unit] {
            width: auto;
          }
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=job-openings] > :where(div) > :where(p)[data-content=text-num] > :where(span)[data-content=unit] {
            line-height: 27.44px;
          }
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=arrow] {
            flex: 0 0 auto;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=arrow] > :where(img) {
          margin-top: 54px;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=arrow] > :where(img) {
            margin-top: 16px;
            transform: rotate(90deg);
          }
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=per-person] {
            flex: 0 0 auto;
          }
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=per-person] > :where(div) {
            width: 100%;
            max-width: 256px;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=per-person] > :where(div) > :where(p)[data-content=text-title] {
          margin-top: 27px;
          font-size: clamp(18px, 10px + 0.8333333333vw, 22px);
          font-weight: 700;
          line-height: 21.56px;
          letter-spacing: 0.1em;
          font-feature-settings: "pwid";
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=per-person] > :where(div) > :where(p)[data-content=text-title] {
            letter-spacing: 0.05em;
          }
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=per-person] > :where(div) > :where(p)[data-content=text-title] {
            margin-top: 8px;
            line-height: 19.6px;
            letter-spacing: 0.1em;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=per-person] > :where(div) > :where(p)[data-content=text-num] {
          margin-top: 4px;
          font-size: clamp(28px, 24px + 0.4166666667vw, 30px);
          font-weight: 700;
          line-height: 29.4px;
          letter-spacing: 0.07em;
          text-decoration-color: rgba(255, 255, 255, 0.3);
          text-decoration-line: underline;
          text-decoration-thickness: 14px;
          text-underline-offset: -4px;
          text-decoration-skip-ink: none;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=per-person] > :where(div) > :where(p)[data-content=text-num] {
            margin-top: 0;
            line-height: 27.44px;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=per-person] > :where(div) > :where(p)[data-content=text-num] > :where(span) {
          font-size: clamp(50px, 22px + 2.9166666667vw, 64px);
          font-weight: 700;
          line-height: 62.72px;
          letter-spacing: 0.01em;
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=per-person] > :where(div) > :where(p)[data-content=text-num] > :where(span) {
            display: inline-block;
            width: 2.5625em;
            text-decoration-color: rgba(255, 255, 255, 0.3);
            text-decoration-line: underline;
            text-decoration-thickness: 14px;
            text-underline-offset: -4px;
            text-decoration-skip-ink: none;
          }
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=per-person] > :where(div) > :where(p)[data-content=text-num] > :where(span) {
            line-height: 56.84px;
          }
        }
        .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=per-person] > :where(div) > :where(p)[data-content=text-desc] {
          font-family: var(--t-noto);
          margin-top: 13px;
          padding-right: 2px;
          font-size: clamp(10px, 6px + 0.4166666667vw, 12px);
          font-weight: 400;
          line-height: 19.2px;
          letter-spacing: 0.04em;
          color: var(--c-color-03);
          font-feature-settings: "pwid";
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] .c-career-number > :where(ul) > :where(li)[data-content=per-person] > :where(div) > :where(p)[data-content=text-desc] {
            margin-top: 10px;
            line-height: 16px;
          }
        }
        .c-career > :where(div)[data-content=career-div2] > :where(li) {
          max-width: 1032px;
          margin-top: 32px;
          margin-right: auto;
          margin-left: auto;
          padding: 31px 0;
          display: flex;
          border-top: 1px solid var(--c-color-01);
          border-bottom: 1px solid var(--c-color-01);
          text-align: center;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] > :where(li) {
            margin-top: 33px;
            flex-flow: column;
          }
        }
        .c-career > :where(div)[data-content=career-div2] > :where(li) > :where(h3) {
          display: flex;
          align-items: center;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] > :where(li) > :where(h3) {
            margin: 0 auto;
          }
        }
        .c-career > :where(div)[data-content=career-div2] > :where(li) > :where(h3)[data-content=career-text4] {
          min-width: 136px;
          font-size: 18px;
          font-weight: 700;
          line-height: 32.4px;
          letter-spacing: 0.08em;
          text-align: left;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] > :where(li) > :where(h3)[data-content=career-text4] {
            min-width: auto;
            font-size: 16px;
            line-height: 25.6px;
            text-align: center;
          }
        }
        .c-career > :where(div)[data-content=career-div2] > :where(li) > :where(p) {
          display: flex;
          align-items: center;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] > :where(li) > :where(p) {
            margin: 0 auto;
          }
        }
        .c-career > :where(div)[data-content=career-div2] > :where(li) > :where(p)[data-content=career-text5] {
          font-size: 16px;
          font-weight: 400;
          line-height: 28.8px;
          letter-spacing: 0.04em;
          text-align: left;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] > :where(li) > :where(p)[data-content=career-text5] {
            margin-top: 10px;
            font-size: 14px;
            line-height: 22.4px;
            text-align: left;
          }
        }
        .c-career > :where(div)[data-content=career-div2] > :where(a) {
          margin-top: 32px;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div2] > :where(a) {
            margin-top: 25px;
          }
        }
        .c-career > :where(div)[data-content=career-div3] {
          margin-top: 67px;
          margin-left: 118px;
          display: flex;
          gap: 17px;
          align-items: flex-end;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div3] {
            width: 327px;
            margin-top: 14px;
            margin-left: 24px;
            flex-flow: column;
            gap: 10px;
            align-items: normal;
          }
        }
        .c-career > :where(div)[data-content=career-div3] > :where(h3) {
          color: var(--c-color-03);
        }
        .c-career > :where(div)[data-content=career-div3] > :where(h3)[data-content=career-text6] {
          font-size: 30px;
          font-weight: 700;
          line-height: 45px;
          letter-spacing: 0.08em;
          text-align: left;
          font-feature-settings: "pwid";
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div3] > :where(h3)[data-content=career-text6] {
            font-size: 22px;
            font-weight: 700;
            line-height: 33px;
            letter-spacing: 0.08em;
            text-align: left;
          }
        }
        .c-career > :where(div)[data-content=career-div3] > :where(p) {
          color: var(--c-color-03);
        }
        .c-career > :where(div)[data-content=career-div3] > :where(p)[data-content=career-text7] {
          font-size: 16px;
          font-weight: 400;
          line-height: 28.8px;
          letter-spacing: 0.04em;
          text-align: left;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div3] > :where(p)[data-content=career-text7] {
            font-size: 14px;
            font-weight: 400;
            line-height: 22.4px;
            letter-spacing: 0.04em;
            text-align: left;
          }
        }
        .c-career > :where(div)[data-content=career-div4] {
          margin-top: 29px;
          margin-bottom: 160px;
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div)[data-content=career-div4] {
            margin-top: -12px;
            margin-bottom: 63px;
          }
        }
        .c-career > :where(div) .c-button {
          margin-top: 35px;
          letter-spacing: 0.16em;
        }
        @media screen and (min-width: 961px) {
          .c-career > :where(div) .c-button {
            padding: 12px 28px 14px;
          }
        }
        @media screen and (max-width: 960px) {
          .c-career > :where(div) .c-button {
            margin-top: 25px;
          }
        }
        .c-career-box {
          position: relative;
          width: 1200px;
        }
        @media screen and (max-width: 960px) {
          .c-career-box {
            width: 100%;
            padding: 0 24px;
          }
        }
        .c-career-box__inner {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 72px 110px;
          background-color: var(--c-color-08);
        }
        @media screen and (max-width: 960px) {
          .c-career-box__inner {
            flex-direction: column;
            gap: 34px;
            padding: 46px 24px;
          }
        }
        .c-career-box__title {
          color: var(--c-color-03);
          font-size: 22px;
          font-weight: 700;
        }
        @media screen and (max-width: 960px) {
          .c-career-box__title {
            font-size: 18px;
            line-height: 1.4;
            text-align: center;
            letter-spacing: 0.08em;
          }
        }
        .c-career-box__title strong {
          margin-left: 12px;
          color: var(--c-color-01);
          font-size: 30px;
        }
        @media screen and (max-width: 960px) {
          .c-career-box__title strong {
            font-size: 26px;
          }
        }
        .c-career-box__text {
          margin-top: 25px;
          color: var(--c-color-03);
          font-size: 16px;
          line-height: 1.8;
        }
        @media screen and (max-width: 960px) {
          .c-career-box__text {
            margin-top: 24px;
            font-size: 14px;
            line-height: 1.5;
          }
        }
        .c-career-box .c-career-box-card {
          margin-top: -4px;
          padding: 40px 50px;
          border-radius: 20px;
          box-shadow: 0 20px 76px 0 rgba(0, 178, 255, 0.25);
          background-color: var(--c-color-08);
          text-align: center;
        }
        @media screen and (max-width: 960px) {
          .c-career-box .c-career-box-card {
            margin-top: 0;
            padding: 16px 24px;
          }
        }
        .c-career-box .c-career-box-card__label {
          color: var(--c-color-03);
          font-size: 12px;
        }
        .c-career-box .c-career-box-card__title {
          margin-top: 20px;
          color: var(--c-color-01);
          font-weight: 700;
          font-size: 16px;
        }
        @media screen and (max-width: 960px) {
          .c-career-box .c-career-box-card__title {
            margin-top: 20px;
            font-size: 14px;
          }
        }
        .c-op-overlay {
          position: fixed;
          left: 0;
          top: 0;
          width: 100%;
          height: 100vh;
          z-index: calc(infinity);
          background-color: var(--c-color-02);
        }
        .c-keyvisual {
          width: 100%;
          overflow: hidden;
        }
        .c-keyvisual-content__nav[data-theme=pc] {
          --img-height: 959px;
          margin-top: 84px;
        }
        @media screen and (max-width: 960px) {
          .c-keyvisual-content__nav[data-theme=pc] {
            --img-height: 467px;
            height: 757px;
            margin-top: 50px;
          }
        }
        .c-keyvisual-content__nav[data-theme=pc] > :where(ul).pc-keyvisual-slideshow-container {
          width: 100%;
          height: var(--img-height);
          position: relative;
          overflow: hidden;
        }
        .c-keyvisual-content__nav[data-theme=pc] > :where(ul).pc-keyvisual-slideshow-container > :where(li) {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          transition: opacity 2s ease-in-out;
        }
        .c-keyvisual-content__nav[data-theme=pc] > :where(ul).pc-keyvisual-slideshow-container > :where(li) :where(img) {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
        .c-keyvisual-content__nav[data-theme=pc] > :where(ul).pc-keyvisual-slideshow-container > :where(li) > :where(h1) {
          width: 100%;
          height: 100%;
        }
        .c-keyvisual-content__nav[data-theme=pc] > :where(ul).pc-keyvisual-slideshow-container > :where(li).active {
          opacity: 1;
        }
        .c-keyvisual-content__nav[data-theme=pc] > :where(ul).pc-keyvisual-pagger-container {
          display: flex;
          gap: 8px;
          position: absolute;
          z-index: 3;
          text-align: center;
          top: 590px;
          left: 129px;
        }
        @media screen and (max-width: 960px) {
          .c-keyvisual-content__nav[data-theme=pc] > :where(ul).pc-keyvisual-pagger-container {
            top: 538px;
            left: 24px;
          }
        }
        .c-keyvisual-content__nav[data-theme=pc] > :where(ul).pc-keyvisual-pagger-container > :where(li) {
          width: 8px;
          height: 8px;
          display: inline-block;
          color: transparent;
          outline: none;
          background-color: var(--c-color-02);
          border-radius: 50%;
          opacity: 0.5;
          transition: opacity 2s ease-in-out;
        }
        @media screen and (max-width: 960px) {
          .c-keyvisual-content__nav[data-theme=pc] > :where(ul).pc-keyvisual-pagger-container > :where(li) {
            background-color: var(--c-color-01);
          }
        }
        .c-keyvisual-content__nav[data-theme=pc] > :where(ul).pc-keyvisual-pagger-container > :where(li).active {
          opacity: 1;
        }
        .c-keyvisual-content__nav[data-theme=pc] .c-keyvisual-image2,
        .c-keyvisual-content__nav[data-theme=pc] .c-keyvisual-image3 {
          position: absolute;
        }
        .c-keyvisual-content__nav[data-theme=pc] .c-keyvisual-image2 {
          width: 574px;
          height: 516px;
          top: 205px;
          left: -53px;
          object-fit: contain;
        }
        @media screen and (max-width: 960px) {
          .c-keyvisual-content__nav[data-theme=pc] .c-keyvisual-image2 {
            width: 399px;
            height: 358px;
            top: 312px;
            left: -60px;
          }
        }
        .c-keyvisual-content__nav[data-theme=pc] .c-keyvisual-image3 {
          width: 1052px;
          height: 1034px;
          top: 35px;
          left: -53px;
        }
        @media screen and (max-width: 960px) {
          .c-keyvisual-content__nav[data-theme=pc] .c-keyvisual-image3 {
            display: none;
          }
        }
        .c-keyvisual-content__nav[data-theme=pc] .c-keyvisual-image3 > :where(img) {
          margin: 0;
        }
        .c-keyvisual-textarea {
          position: absolute;
          text-decoration: none;
          top: 349px;
          left: 59px;
          display: flex;
          flex-flow: column;
        }
        @media screen and (max-width: 960px) {
          .c-keyvisual-textarea {
            top: 361px;
            left: 2px;
            display: flex;
            flex-flow: column;
          }
        }
        .c-keyvisual-heading {
          position: relative;
        }
        .c-keyvisual-heading::before, .c-keyvisual-heading::after {
          display: block;
          position: absolute;
          inset: 0;
          background: left center/200% 100%;
          mask: no-repeat center/contain;
          animation: gradation-animation 5s linear infinite;
          content: "";
        }
        @keyframes gradation-animation {
          0% {
            background-position: 0 0;
          }
          100% {
            background-position: -200% 0;
          }
        }
        .c-keyvisual-heading::before {
          background-image: linear-gradient(to right, rgb(255, 255, 255) 50%, rgb(231, 222, 255), rgb(202, 221, 255), rgb(209, 225, 255), rgb(222, 255, 249), rgb(255, 255, 255));
          mask-image: url("/wp-content/themes/original2024/assets/img/top/keyvisual/kk-top-keyvisual-text01.svg");
        }
        .c-keyvisual-heading::after {
          background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(247, 245, 255), rgb(228, 237, 255), rgb(237, 255, 252), rgb(236, 255, 252), rgb(255, 255, 255));
          mask-image: url("/wp-content/themes/original2024/assets/img/top/keyvisual/kk-top-keyvisual-text02.svg");
        }
        .c-keyvisual-heading img {
          height: 196px;
          object-fit: contain;
          margin: 0;
        }
        @media screen and (max-width: 960px) {
          .c-keyvisual-heading img {
            height: 110px;
            margin-left: 0;
            margin-right: auto;
          }
        }
        .c-keyvisual-text {
          margin-top: 3.5px;
          margin-left: 67px;
          font-size: 16px;
          font-weight: 700;
          line-height: 28.8px;
          text-align: left;
          letter-spacing: 0.06em;
          text-wrap: wrap;
        }
        @media screen and (max-width: 960px) {
          .c-keyvisual-text {
            margin-top: 9px;
            margin-left: 37.69px;
            font-size: 14px;
            font-weight: 700;
            line-height: 25.2px;
            letter-spacing: 0.04em;
            text-align: left;
            text-wrap: wrap;
          }
        }
        .c-daigaku {
          width: 100%;
          margin-top: -325px;
        }
        @media screen and (max-width: 960px) {
          .c-daigaku {
            margin-top: -347px;
          }
        }
        .c-daigaku .daigaku-titletext {
          color: var(--c-color-02);
          font-family: var(--t-noto);
          font-style: normal;
          font-size: 60px;
          font-weight: 250;
          line-height: 90px;
          letter-spacing: 0.06em;
          text-align: center;
          transform: translateZ(1px);
          z-index: 1;
        }
        @media screen and (max-width: 960px) {
          .c-daigaku .daigaku-titletext {
            font-size: 33px;
            line-height: 39.6px;
            text-align: left;
          }
        }
        .c-daigaku .daigaku-maintext {
          color: var(--c-color-02);
          font-family: var(--t-noto);
          font-style: normal;
          font-size: 20px;
          font-weight: 500;
          line-height: 40px;
          letter-spacing: 0.08em;
          text-align: center;
          transform: translateZ(1px);
          z-index: 1;
        }
        @media screen and (max-width: 960px) {
          .c-daigaku .daigaku-maintext {
            font-size: 16px;
            line-height: 32px;
            text-align: left;
          }
        }
        .c-daigaku-content {
          width: 100%;
          position: relative;
          padding-bottom: 265px;
        }
        @media screen and (max-width: 960px) {
          .c-daigaku-content {
            padding-bottom: 85px;
          }
        }
        .c-daigaku-content > :where(div)[data-content=daigaku-text] {
          margin-top: 580px;
          margin-left: 0;
          margin-right: 0;
          display: flex;
          flex-direction: column;
          gap: 28px;
        }
        @media screen and (max-width: 960px) {
          .c-daigaku-content > :where(div)[data-content=daigaku-text] {
            margin-top: 480px;
            margin-left: 24px;
            margin-right: 24px;
          }
        }
        .c-daigaku-content > :where(div)[data-content=daigaku-anim-top] {
          position: absolute;
          top: 0;
          left: 0;
          pointer-events: none;
          width: 64%;
          height: auto;
        }
        @media screen and (max-width: 960px) {
          .c-daigaku-content > :where(div)[data-content=daigaku-anim-top] {
            width: 100%;
            height: auto;
          }
        }
        .c-daigaku-content > :where(div)[data-content=daigaku-anim-top] > :where(video) {
          min-width: 1218px;
          min-height: 1213px;
          max-width: 1218px;
          max-height: 1213px;
        }
        @media screen and (max-width: 960px) {
          .c-daigaku-content > :where(div)[data-content=daigaku-anim-top] > :where(video) {
            min-width: 685px;
            max-width: 685px;
            min-height: 682px;
            max-height: 682px;
            object-fit: cover;
          }
        }
        .c-daigaku-content > :where(div)[data-content=daigaku-gradation] {
          width: 100%;
          height: 669px;
          position: absolute;
          bottom: 0;
          left: 0;
          background: var(--c-color-24);
          opacity: 0.8;
        }
        @media screen and (max-width: 960px) {
          .c-daigaku-content > :where(div)[data-content=daigaku-gradation] {
            height: 535px;
          }
        }
        @media screen and (max-width: 960px) {
          .c-technology-h2 {
            display: block;
            width: fit-content;
            height: fit-content;
            margin: 0 auto;
            font-size: 26px;
            font-weight: 700;
            line-height: 24px;
            letter-spacing: 0.08em;
            text-align: center;
            background: var(--c-color-08);
          }
        }
        @media screen and (max-width: 960px) {
          .c-technology-h5 {
            font-size: 16px;
            font-weight: 700;
            line-height: 25.6px;
            letter-spacing: 0.08em;
            text-align: left;
          }
        }
        @media screen and (max-width: 960px) {
          .c-technology-pagger {
            font-family: var(--t-base) !important;
            font-size: 18px;
            font-weight: 700;
            line-height: 18px;
            text-align: left;
          }
        }
        @media screen and (max-width: 960px) {
          .c-technology-h3 {
            font-size: 22px;
            font-weight: 700;
            line-height: 30.8px;
            letter-spacing: 0.08em;
            text-align: left;
          }
        }
        @media screen and (max-width: 960px) {
          .c-technology-text {
            font-size: 14px;
            font-weight: 400;
            line-height: 22.4px;
            letter-spacing: 0.04em;
            text-align: left;
          }
        }
        @media screen and (min-width: 961px) {
          body:has(.c-technology) .l-main {
            overflow: visible;
          }
        }
        .c-technology {
          width: 100%;
          height: auto;
          background: var(--c-color-25);
          --c-technology-background1: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background01.webp");
          --c-technology-background2: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background02.webp");
          --c-technology-background3: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background03.webp");
          --c-technology-background4: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background-tokyo.webp");
          --c-technology-flowing-text: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-flowing_text-tokyo.webp");
        }
        @media screen and (max-width: 960px) {
          .c-technology {
            --c-technology-background1: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background01-sp.webp");
            --c-technology-background2: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background02-sp.webp");
            --c-technology-background3: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background03-sp.webp");
            --c-technology-flowing-text: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-flowing_text-sp-tokyo.webp");
          }
        }
        .c-technology.c-technology-osaka {
          --c-technology-background1: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background01-osaka.webp");
          --c-technology-background2: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background02-osaka.webp");
          --c-technology-background3: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background03-osaka.webp");
          --c-technology-background4: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background-osaka.webp");
          --c-technology-flowing-text: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-flowing_text-osaka.webp");
        }
        @media screen and (max-width: 960px) {
          .c-technology.c-technology-osaka {
            --c-technology-background1: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background01-osaka-sp.webp");
            --c-technology-background2: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background02-osaka-sp.webp");
            --c-technology-background3: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background03-osaka-sp.webp");
            --c-technology-flowing-text: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-flowing_text-sp-osaka.webp");
          }
        }
        .c-technology.c-technology-nagoya {
          --c-technology-background1: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background01-nagoya.webp");
          --c-technology-background2: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background02-nagoya.webp");
          --c-technology-background3: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background03-nagoya.webp");
          --c-technology-background4: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background-nagoya.webp");
          --c-technology-flowing-text: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-flowing_text-nagoya.webp");
        }
        @media screen and (max-width: 960px) {
          .c-technology.c-technology-nagoya {
            --c-technology-background1: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background01-nagoya-sp.webp");
            --c-technology-background2: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background02-nagoya-sp.webp");
            --c-technology-background3: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-background03-nagoya-sp.webp");
            --c-technology-flowing-text: url("/wp-content/themes/original2024/assets/img/top/technology/kk-top-technology-flowing_text-sp-nagoya.webp");
          }
        }
        .c-technology-wrap {
          position: relative;
          height: 100%;
          --sp-min-height: 1003px;
        }
        .c-technology-wrap-appear {
          font-family: var(--t-base);
          font-size: 14px;
          line-height: 1;
          font-weight: 700;
          position: sticky;
          z-index: 9;
          left: 0;
          top: 0;
          bottom: 0;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 8px;
          width: 120px;
          height: 100lvh;
        }
        .c-technology-wrap-appear::before, .c-technology-wrap-appear::after {
          content: "";
          background: #fff;
          display: block;
          width: 1px;
          height: 16px;
          opacity: 0.5;
        }
        .c-technology-wrap-appear::before {
          order: 2;
        }
        .c-technology-wrap-appear::after {
          order: 4;
        }
        .c-technology-wrap-appear span {
          opacity: 0.5;
        }
        .c-technology-wrap-appear span:nth-of-type(1) {
          order: 1;
        }
        .c-technology-wrap-appear span:nth-of-type(2) {
          order: 3;
        }
        .c-technology-wrap-appear span:nth-of-type(3) {
          order: 5;
        }
        .c-technology-wrap-appear span.is-active {
          opacity: 1;
        }
        .c-technology-wrap .c-technology-body {
          position: relative;
          z-index: 2;
          width: 100%;
          margin: auto;
          padding-top: 84px;
        }
        .c-technology-wrap .c-technology-title {
          font-size: 3.4026465028lvh;
          line-height: 1;
          letter-spacing: 0.06em;
          display: flex;
          flex-direction: column;
          align-items: center;
          font-feature-settings: "palt";
          gap: 0.3780718336lvh;
          opacity: 1;
          transition: opacity 1s;
        }
        .c-technology-wrap .c-technology-title span {
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.2) 8%, rgba(255, 255, 255, 0.2) 100%);
        }
        .c-technology-wrap .c-technology-title-img {
          height: 7.6lvh;
          object-fit: contain;
          padding-left: 4%;
        }
        .c-technology-wrap .c-technology-pctext {
          font-size: 1.7013232514lvh;
          line-height: 1.7777777778;
          text-align: center;
          font-weight: 700;
          letter-spacing: 0.06em;
          margin-top: 3.0245746692lvh;
          opacity: 1;
          transition: opacity 1s;
        }
        .c-technology-wrap .c-technology-pccontent {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 2.25rem;
          margin-top: 6.0491493384lvh;
          opacity: 1;
          transition: opacity 1s;
        }
        .c-technology-wrap .c-technology-pccontent-image {
          overflow: hidden;
          width: 45.3686200378lvh;
        }
        .c-technology-wrap .c-technology-pccontent-image img {
          scale: 1.01;
          margin: 0;
        }
        .c-technology-wrap .c-technology-pccontent-inner {
          width: 42.7221172023lvh;
        }
        .c-technology-wrap .c-technology-pccontent-title {
          font-size: 2.8355387524lvh;
          line-height: 1.6;
          font-weight: 700;
        }
        .c-technology-wrap .c-technology-pccontent-title span {
          font-size: 2.0793950851lvh;
          display: block;
        }
        .c-technology-wrap .c-technology-pccontent-text {
          font-size: 1.5122873346lvh;
          line-height: 1.75;
          margin-top: 2.4574669187lvh;
        }
        .c-technology-wrap .c-technology-bottom {
          width: fit-content;
          margin: 3.7% auto 0;
          padding-left: 10px;
          transition: opacity 1s;
        }
        @keyframes infinity-scroll-left-one {
          0% {
            transform: translateX(100%);
          }
          100% {
            transform: translateX(-100%);
          }
        }
        @keyframes infinity-scroll-left-two {
          0% {
            transform: translateX(0);
          }
          100% {
            transform: translateX(-200%);
          }
        }
        .c-technology-wrap .c-technology-flowing {
          position: absolute;
          top: 40lvh;
          left: 0;
          margin: auto 0;
          display: flex;
          z-index: 0;
          overflow: hidden;
        }
        .c-technology-wrap .c-technology-flowing-text {
          display: flex;
          list-style: none;
          padding: 0;
        }
        .c-technology-wrap .c-technology-flowing-text-left {
          display: flex;
          width: 100vw;
          height: 151px;
          background: var(--c-technology-flowing-text) repeat left center;
          background-size: auto 100%;
          background-position: 0 0;
          animation: bg-scroll 75s linear infinite;
        }
        @keyframes bg-scroll {
          0% {
            background-position: 0 0;
          }
          100% {
            background-position: calc(100% - 100vw) 0;
          }
        }
        .c-technology-wrap .c-technology-flowing-text-left :where(img) {
          display: none;
        }
        .c-technology-wrap-scrollcontent {
          overflow: hidden;
          position: relative;
          height: 300lvh;
          margin-top: -100lvh;
        }
        .c-technology-wrap-scrollcontent.scroll-appear {
          opacity: 1;
        }
        .c-technology-wrap-scrollcontent > :where(div) {
          list-style: none;
          z-index: 2;
          position: sticky;
          top: 0;
          left: 0;
          width: 100%;
          height: 100lvh;
          clip-path: inset(0);
          transition: opacity 0.1s;
        }
        .c-technology-wrap-scrollcontent > :where(div):nth-of-type(2) > :where(div) {
          --appear-height2: 100%;
        }
        .c-technology-wrap-scrollcontent > :where(div):nth-of-type(3) > :where(div) {
          --appear-height3: 100%;
        }
        .c-technology-wrap-scrollcontent > :where(div).is-absolute > :where(div) {
          position: absolute;
        }
        .c-technology-wrap-scrollcontent > :where(div)[data-content*=content-] > :where(div)::before {
          width: 100%;
          height: 100%;
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          z-index: 0;
          background-position: center center;
          background-size: cover;
        }
        .c-technology-wrap-scrollcontent > :where(div)[data-content=content-one] {
          z-index: 1;
        }
        .c-technology-wrap-scrollcontent > :where(div)[data-content=content-one] > :where(div)::before {
          background-image: var(--c-technology-background1);
        }
        .c-technology-wrap-scrollcontent > :where(div)[data-content=content-two] {
          z-index: 2;
        }
        .c-technology-wrap-scrollcontent > :where(div)[data-content=content-two] > :where(div)::before {
          background-image: var(--c-technology-background2);
        }
        .c-technology-wrap-scrollcontent > :where(div)[data-content=content-three] {
          z-index: 3;
        }
        .c-technology-wrap-scrollcontent > :where(div)[data-content=content-three] > :where(div)::before {
          background-image: var(--c-technology-background3);
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) {
          display: flex;
          flex-flow: column;
          margin-right: auto;
          margin-left: auto;
          opacity: 1;
          transition: opacity 1s;
          position: fixed;
          top: 0;
          left: 0;
          width: 100vw;
          height: 100lvh;
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div)[data-content=title] {
          width: 861px;
          margin-top: 165px;
          margin-right: auto;
          margin-left: auto;
          display: flex;
          flex-direction: column;
          padding-right: 80px;
          opacity: 1;
        }
        @media screen and (max-width: 960px) {
          .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div)[data-content=title] {
            width: 327px;
            margin-top: 100px;
            padding-right: 0;
          }
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div)[data-content=title] > :where(img) {
          margin-top: 13px;
        }
        @media screen and (max-width: 960px) {
          .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div)[data-content=title] > :where(img) {
            margin-top: 18px;
          }
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div)[data-content=main] {
          margin: 53px auto 0;
          display: flex;
          gap: 36px;
          opacity: 1;
        }
        @media screen and (max-width: 960px) {
          .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div)[data-content=main] {
            width: 330px;
            margin: 58px auto 40px;
            flex-flow: column;
            gap: 0;
          }
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div)[data-content=main] > :where(img) {
          width: 480px;
          height: 360px;
          object-fit: cover;
          margin-left: -80px;
        }
        @media screen and (max-width: 960px) {
          .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div)[data-content=main] > :where(img) {
            width: 100%;
            height: 247.5px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 24px;
          }
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div)[data-content=button] {
          margin-left: auto;
          margin-right: auto;
          margin-top: 65px;
          padding-right: 82px;
        }
        @media screen and (max-width: 960px) {
          .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div)[data-content=button] {
            margin-top: -10px;
            padding-right: 0;
          }
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div)[data-content=button] .c-button {
          letter-spacing: 0.02em;
        }
        @media screen and (min-width: 961px) {
          .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div)[data-content=button] .c-button {
            padding: 12px 32px 14px;
          }
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(p)[data-content=content-one-text2] {
          width: 861px;
          font-size: 18px;
          font-weight: 700;
          line-height: 32.4px;
          letter-spacing: 0.13em;
          text-align: center;
          margin: 23px auto 0;
          padding-right: 80px;
        }
        @media screen and (max-width: 960px) {
          .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(p)[data-content=content-one-text2] {
            width: 100%;
            margin: 16px auto 0;
            font-size: 16px;
            line-height: 25.6px;
            padding-right: 0;
            text-align: left;
          }
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(div)[data-content=main-pagger] {
          position: absolute;
          display: flex;
          flex-flow: column;
          top: 534px;
          left: 49px;
          gap: 8px;
        }
        @media screen and (max-width: 960px) {
          .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(div)[data-content=main-pagger] {
            position: relative;
            top: auto;
            left: auto;
            width: 118px;
            flex-flow: row;
            gap: 16px;
            margin: 0 auto;
          }
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(div)[data-content=main-pagger] > :where(p) {
          font-family: var(--t-base) !important;
          font-size: 14px;
          font-weight: 700;
          line-height: 14px;
          opacity: 0.3;
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(div)[data-content=main-pagger] > :where(p) > :where(img) {
          height: 16px;
          opacity: 0.5;
        }
        @media screen and (max-width: 960px) {
          .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(div)[data-content=main-pagger] > :where(p) > :where(img) {
            transform: rotate(-90deg);
          }
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(div)[data-content=main-pagger] > :where(p)[data-content=pagger-active] {
          opacity: 1;
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(div)[data-content=main-pagger] > :where(p)[data-content=pagger-active] > :where(img) {
          opacity: 1;
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(div)[data-content=main-text] {
          width: 360px;
          display: flex;
          flex-flow: column;
          margin: 66px auto 0;
        }
        @media screen and (max-width: 960px) {
          .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(div)[data-content=main-text] {
            width: 100%;
            gap: 0;
            margin-top: 13px;
          }
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(div)[data-content=main-text] > :where(p)[data-content=content-one-text3] {
          font-size: 22px;
          font-weight: 700;
          line-height: 22px;
          text-align: left;
        }
        @media screen and (max-width: 960px) {
          .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(div)[data-content=main-text] > :where(p)[data-content=content-one-text3] {
            font-size: 18px;
            line-height: 18px;
          }
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(div)[data-content=main-text] > :where(p)[data-content=content-one-text4] {
          font-size: 30px;
          font-weight: 700;
          line-height: 45px;
          letter-spacing: 0.08em;
          text-align: left;
          margin-top: 13px;
        }
        @media screen and (max-width: 960px) {
          .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(div)[data-content=main-text] > :where(p)[data-content=content-one-text4] {
            width: 210px;
            font-size: 20px;
            line-height: 28px;
            margin-top: 11px;
          }
        }
        .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(div)[data-content=main-text] > :where(p)[data-content=content-one-text5] {
          font-size: 16px;
          font-weight: 400;
          line-height: 28.8px;
          letter-spacing: 0.04em;
          text-align: left;
          margin-top: 20px;
        }
        @media screen and (max-width: 960px) {
          .c-technology-wrap-scrollcontent > :where(div) > :where(div) > :where(div) > :where(div)[data-content=main-text] > :where(p)[data-content=content-one-text5] {
            font-size: 14px;
            line-height: 22.4px;
            margin-top: 13px;
          }
        }
        .c-technology-sp-wrap {
          position: relative;
          overflow-x: hidden;
        }
        .c-technology-sp-wrap .c-technology-margintop-6px {
          margin-top: 6px;
        }
        .c-technology-sp-wrap .c-technology-margintop-8px {
          margin-top: 8px;
        }
        .c-technology-sp-wrap .c-technology-margintop-11px {
          margin-top: 11px;
        }
        .c-technology-sp-wrap .c-technology-margintop-18px {
          margin-top: 18px;
        }
        .c-technology-sp-wrap .c-technology-margintop-30px {
          margin-top: 30px;
        }
        .c-technology-sp-wrap .c-technology-margintop-96px {
          margin-top: 70px;
        }
        .c-technology-sp-wrap .c-technology-title {
          display: flex;
          flex-direction: column;
        }
        .c-technology-sp-wrap .c-technology-spmain {
          position: relative;
          z-index: 2;
        }
        .c-technology-sp-wrap .c-technology-img {
          width: 100%;
          object-fit: cover;
        }
        .c-technology-sp-wrap .c-technology-button {
          width: fit-content;
          margin: 32px auto 0;
        }
        .c-technology-sp-wrap .c-technology-sp-wrap-one {
          position: relative;
          padding: 79px 24px 40px;
        }
        .c-technology-sp-wrap .c-technology-sp-wrap-two {
          position: relative;
          padding: 0 24px 40px;
        }
        .c-technology-sp-wrap .c-technology-sp-wrap-three {
          position: relative;
          padding: 0 24px 63px;
        }
        .c-technology-sp-wrap [class*=c-technology-sp-wrap-] {
          z-index: 2;
        }
        .c-technology-sp-wrap .c-technology-background {
          position: absolute;
          top: 0;
          right: 0;
          left: 0;
          z-index: 1;
          height: 100vh;
        }
        .c-technology-sp-wrap .c-technology-background:has(.is-active) {
          position: fixed;
        }
        .c-technology-sp-wrap .c-technology-background > div::before {
          width: 100%;
          height: 100%;
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          z-index: -3;
          background-position: top center;
          background-size: cover;
        }
        .c-technology-sp-wrap .c-technology-background .c-technology-background-two,
        .c-technology-sp-wrap .c-technology-background .c-technology-background-three {
          opacity: 0;
          transition: opacity 1s;
          will-change: opacity;
        }
        .c-technology-sp-wrap .c-technology-background .c-technology-background-two.is-active,
        .c-technology-sp-wrap .c-technology-background .c-technology-background-three.is-active {
          opacity: 1;
        }
        .c-technology-sp-wrap .c-technology-background .c-technology-background-one::before {
          background-image: var(--c-technology-background1);
        }
        .c-technology-sp-wrap .c-technology-background .c-technology-background-two::before {
          background-image: var(--c-technology-background2);
        }
        .c-technology-sp-wrap .c-technology-background .c-technology-background-three::before {
          background-image: var(--c-technology-background3);
        }
        @keyframes infinity-scroll-left {
          from {
            transform: translateX(0);
          }
          to {
            transform: translateX(-100%);
          }
        }
        .c-technology-sp-wrap .c-technology-flowing {
          height: 58px;
          position: absolute;
          display: flex;
          align-items: center;
          top: -49px;
          left: 50%;
          transform: translateX(-50%);
          z-index: -1;
        }
        .c-technology-sp-wrap .c-technology-flowing--sp {
          top: 340px;
          z-index: 1;
        }
        .c-technology-sp-wrap .c-technology-flowing.is-fixed {
          position: fixed;
          top: 340px;
        }
        .c-technology-sp-wrap .c-technology-flowing-text {
          display: flex;
          list-style: none;
          padding: 0;
        }
        .c-technology-sp-wrap .c-technology-flowing-text-left {
          display: flex;
          width: 100vw;
          height: 58px;
          background: var(--c-technology-flowing-text) repeat left center;
          background-size: auto 100%;
          background-position: 0 0;
          animation: bg-scroll 75s linear infinite;
        }
        @keyframes bg-scroll {
          0% {
            background-position: 0 0;
          }
          100% {
            background-position: calc(100% - 100vw) 0;
          }
        }
        .c-technology-sp-wrap .c-technology-flowing-text-left :where(img) {
          display: none;
        }
        .c-technology-sp-wrap .flowing-top-one {
          top: 301px;
        }
        .c-technology-sp-wrap .flowing-top-twothree {
          top: 80px;
        }
        .c-information {
          width: 100%;
          height: 1034px;
          padding: 140px 0;
          overflow-y: hidden;
          display: flex;
          background: var(--cb-info-bg);
        }
        @media screen and (max-width: 960px) {
          .c-information {
            height: auto;
            padding: 64px 0 83px;
          }
        }
        .c-information-content {
          width: 100%;
          display: flex;
          flex-direction: column;
          padding: 0 120px;
        }
        @media screen and (max-width: 960px) {
          .c-information-content {
            padding: 0;
          }
        }
        .c-information-content-header {
          position: relative;
        }
        .c-information-content-header > :where(img) {
          margin-right: auto;
          padding: 0 25px;
          display: flex;
          position: absolute;
          z-index: 1;
        }
        @media screen and (max-width: 960px) {
          .c-information-content-header > :where(img) {
            margin: 0;
            padding: 0 26px 20px;
            object-fit: contain;
          }
        }
        .c-information-content-header > :where(p)[data-content=info] {
          margin: 38px 0 28px;
          padding: 0 21px;
          position: relative;
          text-align: left;
          font-family: var(--t-noto);
          font-size: 18px;
          font-weight: 700;
          line-height: 32px;
          letter-spacing: 0.08em;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .c-information-content-header > :where(p)[data-content=info] {
            margin: 30px 21px 20px;
            padding: 0;
            line-height: 29px;
          }
        }
        .c-information-content-header > :where(p)[data-content=border] {
          width: 100%;
          height: 1px;
          border-bottom: 1px solid var(--cl-info-border);
          margin-bottom: 20px;
          position: absolute;
          z-index: 0;
        }
        .c-information-content-header > :where(ul) {
          display: flex;
          text-align: center;
          list-style: none;
          z-index: 1;
          margin: 0 21px 0 auto;
        }
        @media screen and (min-width: 961px) {
          .c-information-content-header > :where(ul) {
            position: absolute;
            right: 0;
            top: 7px;
            width: 486px;
            gap: 2px;
          }
        }
        @media screen and (max-width: 960px) {
          .c-information-content-header > :where(ul) {
            margin: 0 21px;
          }
        }
        .c-information-content-header > :where(ul) .active {
          border-bottom: 2px solid var(--c-color-03);
        }
        .c-information-content-header > :where(ul) > :where(li) {
          display: table-cell;
        }
        @media screen and (max-width: 960px) {
          .c-information-content-header > :where(ul) > :where(li) {
            flex: 1;
            border-bottom: 2px solid var(--cl-info-category-border);
          }
        }
        .c-information-content-header > :where(ul) > :where(li) > :where(button) {
          max-width: 120px;
          width: 120px;
          height: 40px;
          text-align: center;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 23px;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .c-information-content-header > :where(ul) > :where(li) > :where(button) {
            width: 100%;
            height: 28px;
            font-size: 14px;
            line-height: 25px;
          }
        }
        .c-information-content-header > :where(ul) > :where(li) > :where(button) :where(span) {
          vertical-align: 25%;
        }
        @media screen and (max-width: 960px) {
          .c-information-content-header > :where(ul) > :where(li) > :where(button) :where(span) {
            vertical-align: 40%;
          }
        }
        @media screen and (min-width: 961px) {
          .c-information-content-header > :where(ul) > :where(li) > :where(button):hover {
            opacity: 0.5;
          }
        }
        .c-information-content-title {
          display: flex;
          flex-direction: column;
          padding-left: 24px;
        }
        .c-information-content-title-en {
          position: relative;
          display: block;
          color: #545454;
          font-family: var(--t-base) !important;
          font-size: 56px;
          font-weight: 500;
          line-height: 1;
          margin-bottom: 48px;
        }
        @media screen and (max-width: 960px) {
          .c-information-content-title-en {
            font-size: 36px;
            margin-bottom: 38px;
          }
        }
        .c-information-content-title-en::after {
          content: "";
          border-bottom: 1px solid #a8a8a8;
          display: block;
          width: 100%;
          height: 1px;
          margin-top: -0.15em;
        }
        .c-information-content-title-ja {
          color: var(--c-color-04);
          display: inline-block;
          font-weight: 700;
          font-feature-settings: "pwid";
          font-size: 18px;
          line-height: 38.4px;
          letter-spacing: 0.08em;
          padding-bottom: 22px;
        }
        @media screen and (max-width: 960px) {
          .c-information-content-title-ja {
            font-size: 18px;
            line-height: 28.8px;
            padding-bottom: 26px;
          }
        }
        .c-information-content-area {
          padding-bottom: 40px;
        }
        @media screen and (max-width: 960px) {
          .c-information-content-area {
            padding-bottom: 40px;
          }
        }
        .c-information-content-area > :where(div)[data-content=sub-area] {
          display: none;
          position: relative;
          opacity: 0;
          padding: 0 21px;
          font-family: var(--t-noto);
          font-size: 16px;
          font-weight: 400;
          line-height: 29px;
          letter-spacing: 0.04em;
          text-align: left;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .c-information-content-area > :where(div)[data-content=sub-area] {
            margin: 38px 21px 0;
            padding: 0;
            font-size: 14px;
            line-height: 0;
          }
        }
        .c-information-content-area > :where(div)[data-content=sub-area].is-active {
          display: block;
          animation-name: display-anime;
          animation-duration: 2s;
          animation-fill-mode: forwards;
        }
        @keyframes display-anime {
          from {
            opacity: 0;
          }
          to {
            opacity: 1;
          }
        }
        .c-information-content-area > :where(div)[data-content=sub-area] > :where(p) {
          border-bottom: 1px solid var(--cl-info-border);
          margin-bottom: 20px;
          position: relative;
        }
        @media screen and (max-width: 960px) {
          .c-information-content-area > :where(div)[data-content=sub-area] > :where(p) {
            margin-bottom: 16px;
          }
        }
        .c-information-content-area > :where(div)[data-content=sub-area] > :where(ul) > :where(li) {
          border-bottom: 1px solid var(--cl-info-border);
        }
        .c-information-content-area > :where(div)[data-content=sub-area] > :where(ul) > :where(li) > :where(div)[data-content=text] {
          margin: 23px 0;
        }
        @media screen and (max-width: 960px) {
          .c-information-content-area > :where(div)[data-content=sub-area] > :where(ul) > :where(li) > :where(div)[data-content=text] {
            margin: 16px 0 15px;
          }
        }
        .c-information-content-area > :where(div)[data-content=sub-area] > :where(ul) > :where(li) > :where(div)[data-content=text] > :where(a) {
          background-image: linear-gradient(90deg, var(--cl-info-border), var(--cl-info-border));
          background-repeat: no-repeat;
          background-position: left bottom 2px;
          background-size: 0 1px;
          transition: background-size 0.5s;
          padding-bottom: 3px;
          font-family: var(--t-noto);
          font-size: 16px;
          font-weight: 400;
          line-height: 29px;
          letter-spacing: 0.04em;
          text-align: left;
          text-decoration: none;
        }
        @media screen and (max-width: 960px) {
          .c-information-content-area > :where(div)[data-content=sub-area] > :where(ul) > :where(li) > :where(div)[data-content=text] > :where(a) {
            font-size: 14px;
            line-height: 25px;
          }
        }
        .c-information-content-area > :where(div)[data-content=sub-area] > :where(ul) > :where(li) > :where(div)[data-content=text] > :where(a):hover {
          background-size: 100% 1px;
        }
        .c-information-content-area > :where(div)[data-content=sub-area] > :where(ul) > :where(li) > :where(div)[data-content=text] > :where(a) > :where(div) {
          display: flex;
          position: relative;
        }
        @media screen and (max-width: 960px) {
          .c-information-content-area > :where(div)[data-content=sub-area] > :where(ul) > :where(li) > :where(div)[data-content=text] > :where(a) > :where(div) {
            padding-bottom: 1px;
          }
        }
        .c-information-content-area > :where(div)[data-content=sub-area] > :where(ul) > :where(li) > :where(div)[data-content=text] > :where(a) > :where(div) > :where(p) {
          font-family: var(--t-noto);
          font-size: 16px;
          font-weight: 400;
          line-height: 29px;
          letter-spacing: 0.04em;
          text-align: left;
        }
        @media screen and (max-width: 960px) {
          .c-information-content-area > :where(div)[data-content=sub-area] > :where(ul) > :where(li) > :where(div)[data-content=text] > :where(a) > :where(div) > :where(p) {
            font-size: 14px;
            line-height: 25px;
          }
        }
        .c-information-content-area > :where(div)[data-content=sub-area] > :where(ul) > :where(li) > :where(div)[data-content=text] > :where(a) > :where(div) > :where(p)[data-content=date] {
          color: var(--ct-info-date);
        }
        .c-information-content-area > :where(div)[data-content=sub-area] > :where(ul) > :where(li) > :where(div)[data-content=text] > :where(a) > :where(div) > :where(p)[data-content=new] {
          font-weight: 700;
          margin-left: 7px;
          position: relative;
          color: var(--c-color-01);
          animation: blink-new 1.5s linear infinite;
        }
        @keyframes blink-new {
          0%, 100% {
            opacity: 1;
          }
          50% {
            opacity: 0;
          }
        }
        .c-information-content .c-button {
          letter-spacing: 0.16em;
        }
        .c-pickup {
          width: 100%;
          margin-top: -235px;
          position: relative;
          z-index: 1;
          overflow: hidden;
        }
        @media screen and (max-width: 960px) {
          .c-pickup {
            margin-top: -210px;
          }
        }
        .c-pickup-header {
          margin-left: 118px;
          margin-bottom: 52px;
        }
        @media screen and (max-width: 960px) {
          .c-pickup-header {
            margin-left: 20px;
          }
        }
        .c-pickup-header-title {
          margin-left: 4px;
          position: absolute;
          z-index: 1;
        }
        @media screen and (max-width: 960px) {
          .c-pickup-header-title {
            margin-left: 2px;
            top: 0;
          }
        }
        .c-pickup-header-bg {
          margin-left: 1px;
          position: absolute;
        }
        @media screen and (max-width: 960px) {
          .c-pickup-header-bg {
            margin-left: 0;
            top: 0;
          }
        }
        .p-eyes-top {
          z-index: 1;
          position: relative !important;
          overflow: hidden;
          clip-path: inset(0);
        }
        .p-eyes-top::after {
          top: 0 !important;
          background-position: center -80px !important;
          pointer-events: none;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-top::after {
            background-position: center -50px !important;
          }
        }
        .p-eyes-top .p-eyes-background {
          position: absolute !important;
        }
        .p-eyes-top .p-eyes-kv {
          margin-top: 0 !important;
          padding-top: 128px !important;
          padding-bottom: 122px !important;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-top .p-eyes-kv {
            padding-top: 76px !important;
            padding-bottom: 60px !important;
          }
        }
        .p-eyes-top .c-eyes-scroll-mainbutton {
          display: flex;
          justify-content: center;
          margin: 30px 0 0;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-top .c-eyes-scroll-mainbutton {
            margin-top: -46px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .p-eyes-top .c-eyes-scroll-mainbutton :where(a) {
            letter-spacing: 0.08em;
            padding: 7px 22px 7px 26px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .p-eyes-top .c-eyes-scroll-index .c-eyes-scroll-buttons {
            width: 267px !important;
          }
        }
      }
      @layer component {
        .l-news-detail {
          width: 100%;
          height: 100%;
          margin-top: 30px;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail {
            margin-top: 31px;
          }
        }
        .l-news-detail > :where(div)[data-content=news-detail] {
          display: flex;
          justify-content: center;
          gap: 40px;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] {
            flex-flow: column;
          }
        }
        .l-news-detail > :where(div)[data-content=news-detail] .c-content-tag {
          background-color: rgba(255, 255, 255, 0.3);
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] {
          width: 900px;
          height: auto;
          padding-top: 30px;
          border-top: 1px solid;
          border-color: rgba(44, 73, 137, 0.5);
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] {
            width: 100%;
          }
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(div)[data-content=taglist] {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(p)[data-content=news-date] {
          margin-top: 15px;
          color: var(--c-color-03);
          font-size: 16px;
          font-weight: 400;
          line-height: 28.8px;
          letter-spacing: 0.04em;
          text-align: left;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(p)[data-content=news-date] {
            margin-top: 15px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(p)[data-content=news-date] {
            font-size: 14px;
            font-weight: 400;
            line-height: 22.4px;
            letter-spacing: 0.04em;
            text-align: left;
          }
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(p)[data-content=news-date] > :where(span) {
          margin-left: 4px;
          color: var(--c-color-01);
          font-size: 16px;
          font-weight: 700;
          line-height: 28.8px;
          letter-spacing: 0.04em;
          text-align: left;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(p)[data-content=news-date] > :where(span) {
            font-size: 14px;
            font-weight: 700;
            line-height: 22.4px;
            letter-spacing: 0.04em;
            text-align: left;
          }
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(h1) {
          color: var(--c-color-03);
          margin-top: 4px;
          margin-bottom: 54px;
          font-size: 30px;
          font-weight: 700;
          line-height: 45px;
          letter-spacing: 0.08em;
          text-align: left;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(h1) {
            margin-top: 4px;
            margin-bottom: 27px;
            font-size: 22px;
            font-weight: 700;
            line-height: 30.8px;
            letter-spacing: 0.08em;
            text-align: left;
          }
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) {
          --gap-main: 56px;
          width: 100%;
          height: auto;
          display: flex;
          flex-flow: column;
          gap: var(--gap-main);
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) {
            --gap-main: 25px;
            gap: var(--gap-main);
          }
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) {
          display: flex;
          gap: 40px;
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) * {
          min-width: 0;
          flex: 1;
          word-wrap: break-word;
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > img {
          width: 100%;
          height: auto;
          aspect-ratio: 3/2;
          object-fit: cover;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) {
            flex-flow: column;
            gap: var(--gap-main);
          }
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) * {
            flex: none;
            min-width: 100%;
          }
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(figure) {
          margin-bottom: -3px;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(figure) {
            margin-bottom: 0;
          }
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(figure) > :where(figcaption) {
          margin-top: 6px;
          color: var(--c-color-03);
          font-size: 12px;
          font-weight: 400;
          line-height: 19.2px;
          letter-spacing: 0.04em;
          text-align: left;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(figure) > :where(figcaption) {
            font-size: 10px;
            font-weight: 400;
            line-height: 16px;
            letter-spacing: 0.17em;
            text-align: left;
          }
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(p) {
          margin-top: -9px;
          margin-bottom: -9px;
          color: var(--c-color-03);
          font-size: 16px;
          font-weight: 400;
          line-height: 28.8px;
          letter-spacing: 0.04em;
          text-align: left;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(p) {
            font-size: 14px;
            font-weight: 400;
            line-height: 22.1px;
            letter-spacing: 0.04em;
            text-align: left;
          }
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(p) > :where(a) {
          color: var(--c-color-01);
          font-size: 16px;
          font-weight: 400;
          line-height: 28.8px;
          letter-spacing: 0.04em;
          text-align: left;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(p) > :where(a) {
            font-size: 14px;
            font-weight: 400;
            line-height: 22.1px;
            letter-spacing: 0.04em;
            text-align: left;
          }
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(ul)[data-content=news-information] {
          display: flex;
          flex-flow: column;
          gap: 16px;
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(ul)[data-content=news-information] > :where(li) {
          background-color: var(--c-color-08);
          padding: 29px 40px;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(ul)[data-content=news-information] > :where(li) {
            padding: 18px;
          }
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(ul)[data-content=news-information] > :where(li) > :where(h4) {
          margin-bottom: 5px;
          color: var(--c-color-01);
          font-size: 22px;
          font-weight: 700;
          line-height: 35.2px;
          letter-spacing: 0.08em;
          text-align: left;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(ul)[data-content=news-information] > :where(li) > :where(h4) {
            margin-bottom: 10px;
            font-size: 18px;
            font-weight: 700;
            line-height: 28.8px;
            letter-spacing: 0.08em;
            text-align: left;
          }
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(ul)[data-content=news-information] > :where(li) > :where(p) {
          color: var(--c-color-03);
          font-size: 16px;
          font-weight: 400;
          line-height: 28.8px;
          letter-spacing: 0.04em;
          text-align: left;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(ul)[data-content=news-information] > :where(li) > :where(p) {
            font-size: 14px;
            font-weight: 400;
            line-height: 22.4px;
            letter-spacing: 0.04em;
            text-align: left;
          }
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(ul)[data-content=news-information] > :where(li) > :where(div) {
          display: flex;
          flex-flow: column;
          gap: 3px;
          align-items: flex-start;
        }
        .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(ul)[data-content=news-information] > :where(li) > :where(div) > :where(a) {
          min-width: 0;
          color: var(--c-color-01);
          font-size: 16px;
          font-weight: 400;
          line-height: 28.8px;
          letter-spacing: 0.04em;
          text-align: left;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-detail] > :where(section)[data-content=news-detail-main] > :where(ul) > :where(li) > :where(ul)[data-content=news-information] > :where(li) > :where(div) > :where(a) {
            font-size: 12px;
            font-weight: 400;
            line-height: 21.6px;
            letter-spacing: 0.04em;
            text-align: left;
          }
        }
        .l-news-detail > :where(div)[data-content=news-share-back] {
          margin: 110px auto 160px;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-share-back] {
            margin: 56px auto 84px;
          }
        }
        .l-news-detail > :where(div)[data-content=news-share-back] > :where(div)[data-content=button] {
          margin-top: 60px;
          display: flex;
          justify-content: center;
        }
        .l-news-detail > :where(div)[data-content=news-share-back] > :where(div)[data-content=button] > :where(a) {
          padding: 10.5px 30px;
        }
        @media screen and (max-width: 960px) {
          .l-news-detail > :where(div)[data-content=news-share-back] > :where(div)[data-content=button] > :where(a) {
            padding: 7.5px 22.5px;
          }
        }
      }
      .l-news-index {
        display: grid;
        margin-top: 30px;
        grid-template-columns: auto auto;
        gap: 40px;
      }
      @media screen and (max-width: 960px) {
        .l-news-index {
          margin-top: 60px;
          flex-flow: column;
          flex-direction: column-reverse;
          grid-template-columns: auto;
          gap: 0;
          grid-template-areas: "item1" "item3" "item2";
        }
      }
      .l-news-index-list {
        width: 900px;
      }
      @media screen and (max-width: 960px) {
        .l-news-index-list {
          width: 100%;
          grid-area: item1;
        }
      }
      .l-news-index-list > ul {
        width: 100%;
      }
      .l-news-index-list > ul li {
        border-bottom: 1px solid rgba(44, 73, 137, 0.5);
      }
      .l-news-index-list > ul li:first-child {
        border-top: 1px solid rgba(44, 73, 137, 0.5);
        border-bottom: 1px solid rgba(44, 73, 137, 0.5);
      }
      .l-news-index-list > ul li > p {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        margin-top: 16px;
        line-height: 100%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-news-index-list > ul li > p {
          font-size: 14px;
        }
      }
      .l-news-index-list > ul li > p > span {
        margin-left: 4px;
        font-family: var(--t-noto);
        display: inline;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-news-index-list > ul li > p > span {
          margin-left: 7px;
          font-size: 14px;
        }
      }
      .l-news-index-list > ul li > a {
        text-decoration: none;
        display: block;
        margin-top: 14px;
        padding-bottom: 23px;
      }
      @media screen and (max-width: 960px) {
        .l-news-index-list > ul li > a {
          margin-top: 9px;
          padding-bottom: 25px;
        }
      }
      .l-news-index-list > ul li > a > h5 {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 180%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        display: inline;
        background-image: linear-gradient(90deg, var(--c-color-10), var(--c-color-10));
        background-repeat: no-repeat;
        background-position: left bottom 0;
        background-size: 0 1px;
        transition: background-size 0.5s;
      }
      @media screen and (max-width: 960px) {
        .l-news-index-list > ul li > a > h5 {
          font-style: normal;
          font-weight: 700;
          font-size: 18px;
          line-height: 160%;
          letter-spacing: 0.08em;
          color: var(--c-color-03);
        }
      }
      .l-news-index-list > ul li > a:hover > h5 {
        background-size: 100% 1px;
      }
      .l-news-index-list > ul li:last-child {
        border-bottom: 1px solid rgba(44, 73, 137, 0.5);
      }
      .l-news-index-list-tags {
        font-family: var(--t-noto);
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
        gap: 10px;
        padding-top: 31px;
      }
      @media screen and (max-width: 960px) {
        .l-news-index-list-tags {
          padding-top: 24px;
        }
      }
      .l-news-index-list-tags .c-content-tag {
        background-color: rgba(255, 255, 255, 0.3);
      }
      .l-news-index-menu {
        width: 260px;
        height: fit-content;
      }
      @media screen and (max-width: 960px) {
        .l-news-index-menu {
          width: auto;
          grid-area: item2;
          margin-bottom: 80px;
        }
      }
      .l-news-index-pagger {
        grid-column: 1/-1;
        margin-top: 80px;
        margin-bottom: 150px;
      }
      @media screen and (max-width: 960px) {
        .l-news-index-pagger {
          grid-area: item3;
          grid-column: auto;
          margin-top: 56px;
          margin-bottom: 56px;
        }
      }
      @layer component {
        /**  request 共通用ヘッダー  **/
        .l-request-header-p {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 100%;
          text-align: right;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-02);
        }
        @media screen and (max-width: 960px) {
          .l-request-header-p {
            font-size: 6px;
          }
        }
        .l-request-header-h3 {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 30px;
          line-height: 100%;
          align-items: center;
          text-align: right;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-02);
          pointer-events: none;
        }
        @media screen and (max-width: 960px) {
          .l-request-header-h3 {
            font-size: 14px;
            line-height: 120%;
          }
        }
        .l-request-header-tell {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 10px;
          line-height: 12.9px;
          align-items: center;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-02);
        }
        @media screen and (max-width: 960px) {
          .l-request-header-tell {
            font-weight: 400;
            font-size: 7px;
            line-height: 129%;
          }
        }
        .l-request-header-message {
          width: 100%;
          height: fit-content;
          margin-right: 24px;
          margin-top: auto;
          margin-bottom: auto;
        }
        @media screen and (max-width: 960px) {
          .l-request-header-message {
            margin-right: 8.5px;
          }
        }
        .l-request-header-message-tell {
          margin-top: 10px;
          width: fit-content;
          display: flex;
          margin-left: auto;
        }
        @media screen and (max-width: 960px) {
          .l-request-header-message-tell {
            display: block;
            margin-top: 0;
            margin-left: auto;
            text-align: end;
          }
          .l-request-header-message-tell br {
            display: none;
          }
        }
        /**  request 共通用フッター  **/
        .l-request-footer {
          height: 140px;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        @media screen and (max-width: 960px) {
          .l-request-footer {
            height: 103px;
          }
        }
        .l-request-footer-h4 {
          width: fit-content;
          font-style: normal;
          font-weight: 700;
          font-size: 22px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          margin: 0 auto;
        }
        @media screen and (max-width: 960px) {
          .l-request-footer-h4 {
            font-size: 18px;
          }
        }
        .l-request-footer-caption {
          width: fit-content;
          font-style: normal;
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-02);
          margin: 0 auto;
        }
        @media screen and (max-width: 960px) {
          .l-request-footer-caption {
            font-size: 10px;
          }
        }
        .l-request-footer-area {
          width: fit-content;
          height: fit-content;
        }
        /**  request 共通用ヘッダー  **/
        .l-request-common-header {
          background-color: var(--c-color-03);
        }
        .l-request-common-header__navpc {
          gap: 0;
          justify-content: flex-start;
          margin-right: auto;
        }
        .l-request-common-header__navpc__logo {
          width: fit-content;
          margin-right: 0;
        }
        .l-request-common-header__navsp {
          gap: 0;
          justify-content: flex-start;
          margin-right: auto;
        }
        .l-request-common-header__navsp__logo {
          width: fit-content;
          margin-right: 0;
        }
        .l-request-common-header__navsp__logo > :where(img) {
          width: auto;
          object-fit: contain;
          object-position: center center;
        }
        /**  request 共通用フッター  **/
        .l-request-common-footer {
          height: 125px;
          display: flex;
          justify-content: center;
          background-color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-request-common-footer {
            height: fit-content;
          }
        }
        .l-request-common-footer-campus {
          display: flex;
          margin-top: 36px;
          margin-left: auto;
          margin-right: auto;
          gap: 24px;
        }
        @media screen and (max-width: 960px) {
          .l-request-common-footer-campus {
            flex-direction: column;
            margin-top: 30px;
            gap: 14px;
          }
        }
        .l-request-common-footer-campus > :where(p) {
          font-size: 16px;
          font-weight: 700;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-02);
        }
        @media screen and (max-width: 960px) {
          .l-request-common-footer-campus > :where(p) {
            text-align: center;
            font-size: 14px;
          }
        }
        .l-request-common-footer-caption {
          margin-top: 24px;
          margin-left: auto;
          margin-right: auto;
          width: fit-content;
          font-style: normal;
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-02);
        }
        @media screen and (max-width: 960px) {
          .l-request-common-footer-caption {
            margin-top: 20px;
            margin-bottom: 25px;
            font-size: 10px;
            text-align: center;
          }
        }
        .l-request-common-footer-area {
          width: fit-content;
          height: fit-content;
        }
        br.sp-only {
          display: none;
        }
        @media screen and (max-width: 960px) {
          br.sp-only {
            display: inline !important;
          }
        }
        .l-request-minheight {
          min-height: calc(100dvh - 222px);
        }
        @media screen and (max-width: 960px) {
          .l-request-minheight {
            min-height: calc(100dvh - 153px);
          }
        }
        .l-request {
          width: 100%;
          margin-top: 50px;
          margin-bottom: 160px;
          padding: 62px 100px 78px;
          background-color: var(--c-color-08);
          z-index: -2;
          --input-margin-left: 214px;
        }
        @media screen and (max-width: 960px) {
          .l-request {
            margin-top: 58px;
            margin-bottom: 82px;
            padding: 32px 0;
          }
        }
        .l-request:has(.common) {
          margin-top: 42px;
        }
        .l-request-head {
          display: flex;
          margin-top: -116px;
          margin-left: auto;
          margin-right: auto;
        }
        @media screen and (max-width: 960px) {
          .l-request-head {
            flex-direction: column;
            width: 100%;
            margin-top: -82px;
          }
        }
        .l-request-head > :where(img) {
          width: 339px;
          margin: 0;
        }
        @media screen and (max-width: 960px) {
          .l-request-head > :where(img) {
            width: 327px;
            margin: 0 auto;
          }
        }
        .l-request-head > :where(img).common {
          width: 298px;
          display: inline-block;
          margin-top: 120px;
          object-fit: contain;
        }
        @media screen and (max-width: 960px) {
          .l-request-head > :where(img).common {
            width: 274px;
            margin-top: 72px;
          }
        }
        .l-request-head .margin-center {
          margin-left: auto;
          margin-right: auto;
        }
        .l-request-head.common {
          position: relative;
          z-index: 1;
        }
        @media screen and (min-width: 961px) {
          .l-request-head.common {
            width: 638px;
          }
          .l-request-head.common::after {
            content: "";
            display: block;
            width: 84px;
            height: 84px;
            position: absolute;
            top: 95px;
            left: -55px;
            z-index: -1;
            background-image: url("/wp-content/themes/original2024/assets/img/request/summary-free-pc.webp");
            background-position: left;
            background-size: contain;
            background-repeat: no-repeat;
          }
        }
        @media screen and (max-width: 960px) {
          .l-request-head.common {
            width: 274px;
          }
          .l-request-head.common::after {
            content: "";
            display: block;
            width: 70px;
            height: 70px;
            position: absolute;
            top: 25px;
            left: -25px;
            z-index: -1;
            background-image: url("/wp-content/themes/original2024/assets/img/request/summary-free-sp.webp");
            background-position: left;
            background-size: contain;
            background-repeat: no-repeat;
          }
        }
        .l-request-head-desc {
          display: block;
          margin-left: 2px;
        }
        @media screen and (max-width: 960px) {
          .l-request-head-desc {
            margin-left: 0;
          }
        }
        .l-request-head-desc > :where(p) {
          font-weight: 700;
        }
        .l-request-head-desc > :where(p)[data-content=main] {
          margin-top: 120px;
          font-size: 22px;
          line-height: 35.2px;
          letter-spacing: 0.1em;
          text-align: left;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-request-head-desc > :where(p)[data-content=main] {
            margin-top: 6px;
            font-size: 18px;
            line-height: 29.8px;
            text-align: center;
          }
        }
        @media screen and (min-width: 961px) {
          .l-request-head-desc > :where(p)[data-content=main].common {
            margin-top: 134px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-request-head-desc > :where(p)[data-content=main].common {
            margin-top: 1px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-request-head-desc.space {
            padding: 0 24px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-request-eventhead {
            padding: 0 24px;
          }
        }
        .l-request-eventhead :where(p) {
          font-weight: 700;
          font-size: 22px;
          line-height: 35.2px;
          letter-spacing: 0.1em;
          text-align: center;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-request-eventhead :where(p) {
            font-size: 18px;
            line-height: 29.8px;
            text-align: center;
          }
        }
        @media screen and (min-width: 961px) {
          .l-request-eventhead :where(p).common {
            margin-top: 134px;
          }
        }
        .l-request-common {
          display: block;
          text-align: center;
        }
        @media screen and (max-width: 960px) {
          .l-request-common {
            padding: 0 24px;
          }
        }
        .l-request-common-admission {
          display: inline-flex;
          flex-direction: column;
          margin-top: 24px;
          padding: 26px 32px 32px;
          text-align: center;
          border: 1px solid var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-request-common-admission {
            width: 100%;
            margin-top: 8px;
            padding: 16px 0 20px;
          }
        }
        .l-request-common-admission-title {
          font-size: 16px;
          font-weight: 700;
          line-height: 100%;
          letter-spacing: 0.04em;
          color: var(--c-color-01);
        }
        @media screen and (min-width: 961px) {
          .l-request-common-admission-title br {
            display: none;
          }
        }
        @media screen and (max-width: 960px) {
          .l-request-common-admission-title {
            font-size: 14px;
            line-height: 22.4px;
          }
        }
        .l-request-common-admission-title > :where(span) {
          font-size: 12px;
          font-weight: 700;
          line-height: 100%;
          letter-spacing: 0.04em;
        }
        @media screen and (max-width: 960px) {
          .l-request-common-admission-title > :where(span) {
            font-size: 10px;
          }
        }
        .l-request-common-admission-guide {
          display: flex;
          justify-content: center;
          margin-top: 22px;
          gap: 24px;
        }
        @media screen and (max-width: 960px) {
          .l-request-common-admission-guide {
            flex-direction: column;
            margin-top: 10px;
            margin-left: auto;
            margin-right: auto;
            gap: 13px;
          }
        }
        .l-request-common-admission-guide-one {
          display: inline-block;
          text-align: center;
        }
        .l-request-common-admission-guide-one_campus {
          width: fit-content;
          padding: 6px 8px;
          font-size: 16px;
          font-weight: 700;
          line-height: 100%;
          letter-spacing: 0.04em;
          margin-bottom: 11px;
          margin-right: auto;
          margin-left: auto;
          color: var(--c-color-02);
        }
        .l-request-common-admission-guide-one_campus[data-content=tokyo] {
          background-color: var(--c-color-16);
        }
        .l-request-common-admission-guide-one_campus[data-content=osaka] {
          background-color: var(--c-color-21);
        }
        .l-request-common-admission-guide-one_campus[data-content=nagoya] {
          background-color: var(--c-color-22);
        }
        @media screen and (max-width: 960px) {
          .l-request-common-admission-guide-one_campus {
            padding: 6px;
            font-size: 14px;
            margin-bottom: 8px;
          }
        }
        .l-request-common-admission-guide-one_tel {
          font-size: 22px;
          font-weight: 700;
          line-height: 100%;
          letter-spacing: 0.08em;
          color: var(--c-color-03);
          text-decoration: none;
        }
        .l-request-common-admission-guide-one_tel:hover {
          text-decoration: underline;
        }
        @media screen and (max-width: 960px) {
          .l-request-common-admission-guide-one_tel {
            margin-top: 4px;
            font-size: 18px;
          }
        }
        .l-request-common-admission-time {
          margin-top: 22px;
          font-size: 12px;
          font-weight: 400;
          line-height: 100%;
          letter-spacing: 0.04em;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-request-common-admission-time {
            margin-top: 17px;
            font-size: 10px;
          }
        }
        .l-request-state {
          margin-top: 15px;
          height: 40px;
        }
        @media screen and (max-width: 960px) {
          .l-request-state {
            height: 32px;
            padding: 0 24px;
          }
        }
        .l-request-state > :where(img) {
          object-fit: contain;
          object-position: center center;
        }
        .l-request-statecommon {
          margin-top: 39px;
          height: 40px;
        }
        @media screen and (max-width: 960px) {
          .l-request-statecommon {
            margin-top: 32px;
            height: 32px;
            padding: 0 24px;
          }
        }
        .l-request-statecommon > :where(img) {
          object-fit: contain;
          object-position: center center;
        }
        .l-request-err {
          display: none;
          margin-top: 52px;
          padding-bottom: 28px;
          text-align: center;
        }
        @media screen and (max-width: 960px) {
          .l-request-err {
            padding: 0 24px;
            margin-top: 32px;
          }
        }
        .l-request-err.on {
          display: block;
        }
        .l-request-err > :where(p) {
          font-size: 22px;
          font-weight: 700;
          line-height: 31.86px;
          letter-spacing: 0.1em;
          color: var(--ct-form-err);
          font-feature-settings: "pwid";
        }
        @media screen and (max-width: 960px) {
          .l-request-err > :where(p) {
            font-size: 16px;
            line-height: 23px;
          }
        }
        .l-request-err_content {
          width: fit-content;
          display: flex;
          flex-direction: column;
          margin: 32px auto auto;
          gap: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-request-err_content {
            width: 100%;
            margin: 8px 0 0;
          }
        }
        .l-request-err_inquiry {
          display: inline-block;
          padding: 32px 40px;
          background-color: var(--c-color-06);
        }
        @media screen and (max-width: 960px) {
          .l-request-err_inquiry {
            padding: 24px 40px;
          }
        }
        .l-request-err_inquiry > :where(p) {
          color: var(--c-color-03);
        }
        .l-request-err_inquiry > :where(p)[data-content=guide] {
          font-size: 16px;
          font-weight: 700;
          letter-spacing: 0.04em;
        }
        @media screen and (max-width: 960px) {
          .l-request-err_inquiry > :where(p)[data-content=guide] {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-request-err_inquiry > :where(p)[data-content=reception] {
          margin-top: 12px;
          font-size: 16px;
          font-weight: 400;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
        }
        @media screen and (max-width: 960px) {
          .l-request-err_inquiry > :where(p)[data-content=reception] {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-request-err_inquiry > :where(p)[data-content=tel] {
          font-weight: 700;
          font-size: 30px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
        }
        @media screen and (max-width: 960px) {
          .l-request-err_inquiry > :where(p)[data-content=tel] {
            margin-top: 12px;
            font-size: 22px;
            line-height: 150%;
            letter-spacing: 0.08em;
          }
        }
        .l-request-err_inquiry > :where(a) {
          color: var(--c-color-03);
        }
        .l-request-err_inquiry > :where(a)[data-content=tel] {
          margin-top: 12px;
          font-size: 30px;
          font-weight: 700;
          letter-spacing: 0.08em;
          text-decoration: none;
        }
        @media screen and (max-width: 960px) {
          .l-request-err_inquiry > :where(a)[data-content=tel] {
            font-size: 22px;
            line-height: 150%;
            letter-spacing: 0.08em;
          }
        }
        .l-request-err_inquiry > :where(a)[data-content=tel]:hover {
          text-decoration: underline;
        }
        @media screen and (max-width: 960px) {
          .l-request-caution {
            padding: 0 24px;
          }
        }
        .l-request-caution[data-content=input] {
          margin-top: 28px;
          text-align: left;
        }
        @media screen and (max-width: 960px) {
          .l-request-caution[data-content=input] {
            margin-top: 26px;
          }
        }
        .l-request-caution[data-content=submit] {
          display: block;
          width: 455px;
          margin-top: 36px;
          margin-left: auto;
          margin-right: auto;
        }
        @media screen and (max-width: 960px) {
          .l-request-caution[data-content=submit] {
            width: 100%;
            margin-top: 18px;
          }
        }
        .l-request-caution[data-content=submit] > :where(p) {
          text-align: left;
        }
        @media screen and (max-width: 960px) {
          .l-request-caution[data-content=submit] > :where(p) {
            font-size: 12px;
            line-height: 19.2px;
          }
        }
        .l-request-caution :where(p) {
          font-size: 12px;
          font-weight: 400;
          line-height: 18.8px;
          letter-spacing: 0.04em;
          font-feature-settings: "halt";
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-request-caution :where(p) {
            font-size: 10px;
            line-height: 16px;
          }
        }
        div.margin-header {
          height: 162px;
        }
        @media screen and (max-width: 960px) {
          div.margin-header {
            height: 33px;
          }
        }
        .l-main.request-common {
          background-color: transparent;
        }
        .l-request-thanks-section {
          padding-bottom: 160px;
        }
        .l-request-thanks {
          background-color: var(--c-color-08);
          margin: 56px 120px 160px;
          padding-top: 120px;
          padding-bottom: 120px;
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks {
            margin: 46px 24px 80px;
            padding-top: 1px;
            padding-bottom: 48px;
          }
          .l-request-thanks br {
            display: none;
          }
        }
        .l-request-thanks-space16 {
          margin-top: 16px;
        }
        .l-request-thanks-space24 {
          margin-top: 24px;
        }
        .l-request-thanks-space29 {
          margin-top: 29px;
        }
        .l-request-thanks-space32 {
          margin-top: 32px;
        }
        .l-request-thanks-space24-13 {
          margin-top: 24px;
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-space24-13 {
            margin-top: 13px;
          }
        }
        .l-request-thanks-space11-17 {
          margin-top: 11px;
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-space11-17 {
            margin-top: 17px;
          }
        }
        .l-request-thanks-space9-14 {
          margin-top: 9px;
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-space9-14 {
            margin-top: 14px;
          }
        }
        .l-request-thanks-space6-22 {
          margin-top: 6px;
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-space6-22 {
            margin-top: 22px;
          }
        }
        .l-request-thanks-space8-20 {
          margin-top: 8px;
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-space8-20 {
            margin-top: 20px;
          }
        }
        .l-request-thanks-space-min5-7 {
          margin-top: -5px;
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-space-min5-7 {
            margin-top: 7px;
          }
        }
        .l-request-thanks-space-20-23 {
          margin-top: 20px;
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-space-20-23 {
            margin-top: 23px;
          }
        }
        .l-request-thanks-space-10 {
          margin-top: 10px;
        }
        .l-request-thanks-button {
          margin: 0 auto;
          width: 168px;
          height: 52px;
        }
        .l-request-thanks-caption {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 12px;
          line-height: 19.2px;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: #000;
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-caption {
            font-size: 10px;
          }
        }
        .l-request-thanks-p {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 28.8px;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-p {
            font-size: 14px;
            line-height: 22.4px;
          }
        }
        .l-request-thanks-h2-blue {
          font-style: normal;
          font-weight: 700;
          font-size: 36px;
          line-height: 54px;
          letter-spacing: 0.08em;
          font-feature-settings: "palt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-h2-blue {
            font-size: 26px;
            line-height: 30.8px;
          }
          .l-request-thanks-h2-blue br {
            display: block;
          }
        }
        .l-request-thanks-h3-blue {
          font-style: normal;
          font-weight: 700;
          font-size: 30px;
          line-height: 45px;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        .l-request-thanks-h3-blue br {
          display: none;
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-h3-blue {
            font-size: 22px;
            line-height: 30.8px;
          }
          .l-request-thanks-h3-blue br {
            display: block;
          }
        }
        .l-request-thanks-h4-blue {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 22px;
          line-height: 31.86px;
          letter-spacing: 0.1em;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-h4-blue {
            font-size: 18px;
            line-height: 28.8px;
          }
        }
        .l-request-thanks-h5 {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 18px;
          line-height: 32.4px;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-h5 {
            font-size: 16px;
          }
        }
        .l-request-thanks-top {
          width: fit-content;
          text-align: center;
          margin: 40px auto;
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-top {
            width: 100%;
            margin-bottom: 29px;
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-request-thanks-middle {
          background-color: var(--c-color-08);
          width: 600px;
          margin: 40px auto 0;
          text-align: center;
          padding-top: 64px;
          padding-bottom: 64px;
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-middle {
            width: calc(100% - 48px);
            margin: 0 24px;
            padding-top: 31px;
            padding-bottom: 37px;
          }
        }
        .l-request-thanks-bottom {
          background-color: var(--c-color-08);
          width: 600px;
          margin-top: 17px;
          margin-left: auto;
          margin-right: auto;
          padding-top: 54px;
          padding-bottom: 64px;
          text-align: center;
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-bottom {
            width: calc(100% - 48px);
            margin: 16px 24px 0;
            padding: 35px 24px 40px;
          }
        }
        .l-request-thanks-bottom-border {
          margin-left: 76px;
          margin-right: 76px;
          height: 1px;
          background: var(--c-color-03);
          opacity: 0.2;
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-bottom-border {
            margin-left: 29.5px;
            margin-right: 29.5px;
          }
        }
        .l-request-thanks-eventbottom {
          background-color: var(--c-color-08);
          width: 600px;
          margin: auto;
          text-align: center;
          padding-top: 64px;
          padding-bottom: 64px;
        }
        @media screen and (max-width: 960px) {
          .l-request-thanks-eventbottom {
            width: calc(100% - 48px);
            margin: 16px 24px 0;
            padding: 40px 24px;
          }
        }
        .end-pulldown-select-wrapper {
          width: 100%;
          margin-left: 0;
        }
        .l-request-end {
          width: fit-content;
          margin: 45px auto 73px;
          text-align: center;
        }
        @media screen and (max-width: 960px) {
          .l-request-end {
            margin: 24px auto 21px;
            padding: 0 24px;
          }
        }
        .l-request-end-pulldown-text-enclosure {
          width: 50%;
          height: fit-content;
          margin-left: 0;
          margin-right: auto;
        }
        @media screen and (max-width: 960px) {
          .l-request-end-pulldown-text-enclosure {
            width: 100%;
          }
        }
        .l-request-end-textform {
          position: relative;
          margin-left: 0;
        }
        .l-request-end-textform > :where(div) {
          margin-left: 0;
        }
        .l-request-end-textform > :where(div)[data-content=input] {
          display: flex;
        }
        .l-request-end-textform > :where(div)[data-content=input] > :where(input) {
          width: 100%;
        }
        .l-request-end-dummy {
          display: none;
        }
        .l-request-end-h4 {
          width: fit-content;
          margin: 0 auto;
          font-style: normal;
          font-weight: 700;
          font-size: 22px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
          flex: none;
          align-self: stretch;
          flex-grow: 0;
        }
        @media screen and (max-width: 960px) {
          .l-request-end-h4 {
            font-size: 18px;
          }
        }
        .l-request-end-text {
          width: fit-content;
          margin: 0 auto;
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          text-align: center;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
          flex: none;
          align-self: stretch;
          flex-grow: 0;
        }
        @media screen and (max-width: 960px) {
          .l-request-end-text {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-request-end-h5 {
          font-style: normal;
          font-weight: 700;
          font-size: 18px;
          line-height: 180%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
          flex: none;
          flex-grow: 0;
        }
        @media screen and (max-width: 960px) {
          .l-request-end-h5 {
            font-size: 16px;
            line-height: 160%;
          }
        }
        .l-request-end-textB {
          font-size: 16px;
          font-weight: 700;
          line-height: 28.8px;
          letter-spacing: 0.04em;
          text-align: left;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-request-end-textB {
            font-size: 14px;
            font-weight: 700;
            line-height: 22.4px;
            letter-spacing: 0.04em;
            text-align: left;
          }
        }
        @media screen and (max-width: 960px) {
          .l-request-end-marginsp10 {
            margin-top: 10px;
          }
        }
        .l-request-end-column {
          position: relative;
          display: flex;
          flex-flow: column;
          gap: 24px;
          padding-top: 21px;
          padding-bottom: 32px;
          border-bottom: 1px solid var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-request-end-column {
            gap: 16px;
            padding-top: 9px;
            padding-bottom: 18px;
          }
        }
        .l-request-end-column:first-child {
          border-top: 1px solid var(--c-color-01);
        }
        .l-request-end-column-ul {
          display: flex;
          gap: 20px 32px;
          flex-wrap: wrap;
        }
        @media screen and (max-width: 960px) {
          .l-request-end-column-ul {
            flex-direction: column;
            gap: 16px;
          }
        }
        .l-request-end-column-ul :where(li) {
          min-width: 30%;
          flex: 0 0 30%;
        }
        .l-request-end-required {
          display: flex;
        }
        .l-request-end-menu {
          display: flex;
          flex-flow: column;
          padding-top: 16px;
          border-bottom: 1px solid var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-request-end-menu {
            padding-top: 10px;
          }
        }
        .l-request-end-menu:first-child {
          border-top: 1px solid var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-request-end-menu > h5 {
            margin-bottom: 16px;
          }
        }
        .l-request-end-menu-category {
          padding-top: 13px;
          padding-bottom: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-request-end-menu-category {
            padding-top: 16px;
            border-top: 1px solid var(--c-color-18);
          }
        }
        .l-request-end-menu-category[open] > summary div::before {
          transform: rotate(0deg);
        }
        @media screen and (min-width: 961px) {
          .l-request-end-menu-category[open] {
            pointer-events: none;
          }
        }
        .l-request-end-menu-category > :where(ul) {
          pointer-events: auto;
          padding-top: 7px;
        }
        @media screen and (max-width: 960px) {
          .l-request-end-menu-category > :where(ul) {
            padding-top: 11px;
          }
        }
        .l-request-end-menu-category > :where(summary) {
          width: 100%;
          align-items: center;
          display: flex;
          position: relative;
          margin-left: 2px;
        }
        .l-request-end-menu-category > :where(summary)::-webkit-details-marker {
          display: none;
        }
        .l-request-end-menu-category > :where(summary) > :where(div) {
          width: 13px;
          height: 2px;
          display: inline-block;
          margin-right: 0;
          margin-left: auto;
          color: var(--c-color-01);
          line-height: 1;
          border-radius: 5px;
          background-color: var(--c-color-01);
          position: relative;
        }
        .l-request-end-menu-category > :where(summary) > :where(div)::before {
          content: "";
          position: absolute;
          inset: 0;
          width: 100%;
          height: 100%;
          background: inherit;
          border-radius: inherit;
          transform: rotate(90deg);
          transition: 0.3s;
        }
        .l-request-end-menu-category > :where(div) {
          margin-top: 16px;
        }
        @media screen and (max-width: 960px) {
          form.request-form-validation {
            padding: 0 24px;
          }
        }
      }
      @layer component {
        @media screen and (max-width: 960px) {
          .l-about-detail-content-index-menu {
            margin-top: 35px;
            padding-bottom: 57px;
          }
        }
        .l-about-subimage {
          --background-tokyo-pc: url("/wp-content/themes/original2024/assets/img/gradation/gradation-pc.webp");
          --background-tokyo-sp: url("/wp-content/themes/original2024/assets/img/gradation/gradation-sp.webp");
          background-image: var(--background-tokyo-pc);
          background-position: top 148px right;
          background-repeat: no-repeat;
          background-size: 1146px, contain;
        }
        @media screen and (max-width: 960px) {
          .l-about-subimage {
            background-image: var(--background-tokyo-sp);
            background-position: top 197px center;
            background-size: 939px, contain;
          }
        }
        .l-about-detail {
          width: 100%;
          height: 100%;
          overflow: hidden;
          margin-top: 26px;
          /**
          &-video{
              width: 60% !important;
              height: auto !important;
              margin: 0 !important;
              padding: 0 !important;
              border: none !important;
              aspect-ratio: 805 / 453 !important;

              @include mq("sp") {
                  width: 100% !important;
                  min-width: 327px !important;
                  margin-bottom: 24px !important;
              }
          }

          **/
        }
        .l-about-detail-space46-36 {
          margin-top: 46px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail-space46-36 {
            margin-top: 36px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-detail--sp-mt16 {
            margin-top: 16px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-detail--sp-mt16 > :first-child {
            margin-top: 0 !important;
            font-size: 13px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .p-strong {
            font-size: 14px;
            font-weight: 700;
            line-height: 18.8px;
            letter-spacing: 0.04em;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            color: var(--c-color-03);
            margin: 5px 24px 0;
            text-indent: -1.1em;
            padding-left: 1.1em;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .p-strong-thin {
            font-size: 12px;
            font-weight: 400;
            line-height: 18.8px;
            letter-spacing: 0.04em;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            color: var(--c-color-03);
            margin: 4px 24px 0;
          }
        }
        .l-about-detail sup {
          font-size: 0.6em;
          vertical-align: super;
          line-height: 0;
        }
        .l-about-detail a {
          transition: opacity 0.1s ease-out;
        }
        @media (hover: hover) {
          .l-about-detail a:hover {
            opacity: 0.5;
          }
        }
        .l-about-detail .table-of-contents {
          margin-top: 52px;
          display: flex;
          flex-direction: column;
          align-items: center;
          padding-left: 120px;
          padding-right: 120px;
          padding-bottom: 120px;
          gap: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .table-of-contents {
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-about-detail .table-of-contents > :where(div) {
          display: flex;
          flex-direction: row;
          align-items: center;
          padding: 0;
          gap: 40px;
          width: 1032px;
          height: 46.5px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .table-of-contents > :where(div) {
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            height: 240px;
            gap: 0;
          }
        }
        .l-about-detail .table-of-contents > :where(div) > :where(a) {
          text-decoration: none;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 15px;
          line-height: 27px;
          display: flex;
          align-items: center;
          letter-spacing: 0.1em;
          color: var(--c-color-03);
          gap: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .table-of-contents > :where(div) > :where(a) {
            width: 327px;
            height: 48px;
            padding: 0 8px;
            gap: 1px;
            font-family: var(--t-noto);
            font-size: 14px;
            font-weight: 700;
            line-height: 18.2px;
            letter-spacing: 0.04em;
            text-align: left;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
          }
        }
        .l-about-detail .table-of-contents > :where(div) > :where(a) > :where(svg) {
          padding-top: 4px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .table-of-contents > :where(div) > :where(a) > :where(svg) {
            padding-top: 2px;
            margin: 0 0 0 auto;
            justify-content: flex-end;
          }
        }
        .l-about-detail .table-of-contents .line {
          width: 100%;
          height: 1px;
          background: rgba(44, 73, 137, 0.5);
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .table-of-contents .line {
            display: none;
          }
        }
        .l-about-detail .table-of-contents .vertical-line {
          width: 1px;
          height: 46.5px;
          background: rgba(44, 73, 137, 0.5);
          margin: 16px 0;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .table-of-contents .vertical-line {
            width: 100%;
            height: 1px;
            margin: 0;
          }
        }
        .l-about-detail .president-message {
          display: flex;
          width: 100%;
          min-height: 675px;
          flex-direction: column;
          align-items: center;
          background: var(--c-color-08);
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .president-message {
            min-height: 609px;
          }
        }
        .l-about-detail .president-message .l-about-globalstandard {
          font-size: 30px;
          font-weight: 700;
          line-height: 45px;
          letter-spacing: 0.08em;
          text-align: left;
          color: var(--c-color-03);
          margin-top: 0;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .president-message .l-about-globalstandard {
            margin-top: 24px;
            font-size: 22px;
            font-weight: 700;
            line-height: 30.8px;
            letter-spacing: 0.08em;
            text-align: left;
          }
          .l-about-detail .president-message .l-about-globalstandard br {
            display: none;
          }
        }
        .l-about-detail .president-message > :where(div) {
          width: 100%;
          margin: 0 0 120px;
          padding-top: 120px;
          padding-right: 120px;
          padding-left: 120px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .president-message > :where(div) {
            padding-top: 64px;
            margin: -8px 0 78px;
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-about-detail .president-message > :where(div) .section-title > :where(div) {
          width: 100%;
          display: flex;
          flex-direction: row;
          align-items: center;
          font-family: var(--t-noto);
          font-style: normal;
          color: var(--c-color-01);
        }
        .l-about-detail .president-message > :where(div) .section-title > :where(div)[data-content=title] {
          font-weight: 700;
          font-size: 36px;
          line-height: 150%;
          letter-spacing: 0.08em;
          font-feature-settings: "palt" on;
          gap: 10px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .president-message > :where(div) .section-title > :where(div)[data-content=title] {
            font-size: 26px;
            line-height: 140%;
            font-feature-settings: "halt" on;
          }
        }
        .l-about-detail .president-message > :where(div) .section-title > :where(div)[data-content=title] > :where(svg) {
          margin: 6px 0 0;
        }
        .l-about-detail .president-message > :where(div) .section-title > :where(div)[data-content=transition] {
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          gap: 10px;
          flex-grow: 1;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .president-message > :where(div) .section-title > :where(div)[data-content=transition] {
            font-size: 10px;
          }
        }
        .l-about-detail .president-message > :where(div) .section-title > :where(div)[data-content=transition] > :where(div) {
          height: 1px;
          margin-top: 2px;
          background-color: var(--c-color-01);
          flex-grow: 1;
        }
        .l-about-detail .president-message > :where(div) > :where(div)[data-content=description] {
          margin-top: 18px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .president-message > :where(div) > :where(div)[data-content=description] {
            margin-top: 16px;
          }
        }
        .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] {
          width: 100%;
          margin-top: 34px;
          display: flex;
          flex-direction: row;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] {
            margin-top: 27px;
          }
        }
        .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(img) {
          width: 220px;
          height: 300px;
          margin: 0;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(img) {
            width: 164px;
            height: 224px;
          }
        }
        .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(div) {
          display: flex;
          flex-direction: column;
          position: relative;
          margin: 18px 0 10px 40px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(div) {
            margin: 16px 0 10px 10px;
          }
        }
        .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(div) > :where(span) {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(div) > :where(span)[data-content=large] {
          font-size: 30px;
          line-height: 150%;
          letter-spacing: 0.08em;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(div) > :where(span)[data-content=large] {
            font-size: 22px;
            line-height: 140%;
            display: flex;
            align-items: center;
            position: absolute;
            top: -135px;
            left: -175px;
          }
        }
        .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(div) > :where(div) {
          margin: 11px 0 20px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(div) > :where(div) {
            margin: 33px 0 14px 5px;
          }
        }
        .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(div) > :where(div) > :where(span) {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(div) > :where(div) > :where(span)[data-content=large] {
          font-size: 30px;
          line-height: 150%;
          letter-spacing: 0.08em;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(div) > :where(div) > :where(span)[data-content=large] {
            margin-top: 3px;
            margin-bottom: 6px;
            font-size: 22px;
            line-height: 140%;
            display: flex;
            align-items: center;
          }
        }
        .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(div) > :where(div) > :where(span)[data-content=small] {
          font-size: 12px;
          line-height: 160%;
          display: flex;
          align-items: center;
          letter-spacing: 0.04em;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(div) > :where(div) > :where(span)[data-content=small] {
            font-weight: 400;
            font-size: 10px;
          }
        }
        .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(div) > :where(a) {
          margin: 0 auto 0 0;
          padding: 7.5px 25px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(div) > :where(a) {
            margin-left: 6px;
            padding: 7.5px 25px;
          }
          .l-about-detail .president-message > :where(div) > :where(div)[data-content=body] > :where(div) > :where(a) > :where(svg) {
            margin-top: 2px;
          }
        }
        .l-about-detail .features-of-learning {
          display: flex;
          width: 100%;
          min-height: 1348px;
          flex-direction: column;
          align-items: center;
          background-color: var(--c-color-04);
        }
        .l-about-detail .features-of-learning > :where(div) {
          width: 100%;
          margin: 120px 0;
          padding-left: 120px;
          padding-right: 120px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .features-of-learning > :where(div) {
            margin: 64px 0;
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-about-detail .features-of-learning > :where(div) .section-title > :where(div) {
          width: 100%;
          display: flex;
          flex-direction: row;
          align-items: center;
          font-family: var(--t-noto);
          font-style: normal;
          color: var(--c-color-02);
        }
        .l-about-detail .features-of-learning > :where(div) .section-title > :where(div)[data-content=title] {
          font-weight: 700;
          font-size: 36px;
          line-height: 150%;
          letter-spacing: 0.08em;
          font-feature-settings: "palt" on;
          gap: 10px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .features-of-learning > :where(div) .section-title > :where(div)[data-content=title] {
            font-size: 26px;
            line-height: 140%;
            font-feature-settings: "halt" on;
          }
        }
        .l-about-detail .features-of-learning > :where(div) .section-title > :where(div)[data-content=title] > :where(svg) {
          margin: 6px 0 0;
        }
        .l-about-detail .features-of-learning > :where(div) .section-title > :where(div)[data-content=transition] {
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          gap: 10px;
          flex-grow: 1;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .features-of-learning > :where(div) .section-title > :where(div)[data-content=transition] {
            font-size: 10px;
          }
        }
        .l-about-detail .features-of-learning > :where(div) .section-title > :where(div)[data-content=transition] > :where(div) {
          height: 1px;
          margin-top: 2px;
          background-color: var(--c-color-02);
          flex-grow: 1;
        }
        .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=description] {
          margin-top: 18px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-02);
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=description] {
            margin-top: 16px;
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] {
          width: 100%;
          margin-top: 46px;
          display: flex;
          flex-direction: row;
          align-items: flex-start;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] {
            margin-top: 48px;
            flex-direction: column;
          }
        }
        .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(img) {
          width: 600px;
          height: auto;
          margin: 0;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(img) {
            width: 100%;
            margin: 0 auto;
          }
        }
        .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) {
          display: flex;
          flex-direction: column;
          position: relative;
          margin: 0 0 10px 40px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) {
            margin: 24px 0 0;
          }
        }
        .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) > :where(h3) {
          margin: -6px 0 0;
          display: inline-block;
          line-height: 1.5;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) > :where(h3) {
            margin: 0;
          }
        }
        .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) > :where(h3) > :where(span)[data-content=large] {
          position: relative;
          align-items: center;
          font-family: var(--t-noto);
          font-style: normal;
          color: var(--c-color-02);
          font-size: 30px;
          line-height: 36px;
          font-weight: 700;
          letter-spacing: 0.08em;
          font-feature-settings: "palt" on;
          display: inline;
          background: linear-gradient(transparent 20%, var(--c-color-13) 20%, var(--c-color-13) 89%, transparent 89%); /* 行ごとの背景色 */
          background-size: 100%;
          background-repeat: repeat-y;
          box-decoration-break: clone;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) > :where(h3) > :where(span)[data-content=large] {
            font-size: 22px;
            line-height: 30.8px;
            align-items: center;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) > :where(h3) > :where(span)[data-content=large][id=long] {
            width: 328px;
          }
        }
        .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) > :where(svg) {
          margin: 0;
        }
        .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) > :where(span) {
          font-size: 16px;
          line-height: 180%;
          align-items: center;
          font-family: var(--t-noto);
          font-style: normal;
          color: var(--c-color-02);
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) > :where(span) {
            margin: 15px 0;
          }
        }
        .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) > :where(span)[data-content=thin] {
          margin: 20px 0 24px;
          font-weight: 400;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) > :where(span)[data-content=thin] {
            margin: 15px 0 24px;
          }
        }
        .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) > :where(a) {
          margin: 0 auto 0 0;
          padding: 7.5px 25px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) > :where(a) {
            margin: auto;
            padding: 7.5px 25px;
          }
          .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) > :where(a) > :where(svg) {
            margin-top: 2px;
          }
        }
        .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) > :where(a)[data-content=bold] {
          width: 313px;
          margin-bottom: 32px;
          font-weight: 700;
          border-bottom: 1px solid var(--c-color-02);
          display: flex;
          align-items: center;
          text-align: center;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          padding: 0;
          text-decoration: none;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .features-of-learning > :where(div) > :where(div)[data-content=body] > :where(div) > :where(a)[data-content=bold] {
            width: 278px;
            margin: 0 auto 32px;
            font-size: 14px;
            line-height: 160%;
            text-align: center;
            font-feature-settings: "halt" on;
          }
        }
        .l-about-detail .campus-information {
          margin-top: 52px;
          display: flex;
          flex-direction: column;
          align-items: center;
          padding-left: 120px;
          padding-right: 120px;
          gap: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information {
            margin-top: 6px;
            padding-left: 24px;
            padding-right: 24px;
            padding-bottom: 0;
          }
        }
        .l-about-detail .campus-information > :where(div) {
          width: 100%;
          margin: 120px 0 0;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) {
            margin: 64px 0 0;
          }
        }
        .l-about-detail .campus-information > :where(div) .section-title > :where(div) {
          width: 100%;
          display: flex;
          flex-direction: row;
          align-items: center;
          font-family: var(--t-noto);
          font-style: normal;
          color: var(--c-color-01);
        }
        .l-about-detail .campus-information > :where(div) .section-title > :where(div)[data-content=title] {
          font-weight: 700;
          font-size: 36px;
          line-height: 150%;
          letter-spacing: 0.08em;
          font-feature-settings: "palt" on;
          gap: 10px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) .section-title > :where(div)[data-content=title] {
            font-size: 26px;
            line-height: 140%;
            font-feature-settings: "halt" on;
          }
        }
        .l-about-detail .campus-information > :where(div) .section-title > :where(div)[data-content=title] > :where(svg) {
          margin: 6px 0 0;
        }
        .l-about-detail .campus-information > :where(div) .section-title > :where(div)[data-content=transition] {
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          gap: 10px;
          flex-grow: 1;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) .section-title > :where(div)[data-content=transition] {
            font-size: 10px;
          }
        }
        .l-about-detail .campus-information > :where(div) .section-title > :where(div)[data-content=transition] > :where(div) {
          height: 1px;
          margin-top: 2px;
          background-color: var(--c-color-01);
          flex-grow: 1;
        }
        .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] {
          width: 100%;
          margin-top: 34px;
          display: flex;
          flex-direction: row;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] {
            margin-top: 24px;
            flex-direction: column;
          }
        }
        .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(img) {
          width: 264px;
          height: 450px;
          margin: 0;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(img) {
            width: 327px;
            height: 558px;
            margin: 0 auto;
          }
        }
        .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) {
          display: flex;
          flex-direction: column;
          position: relative;
          margin: 18px 0 10px 40px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) {
            margin: 29px 0 10px;
          }
        }
        .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) > :where(h3) {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
          font-size: 30px;
          line-height: 150%;
          letter-spacing: 0.08em;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) > :where(h3) {
            font-size: 22px;
            line-height: 140%;
            align-items: center;
          }
        }
        .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) > :where(span) {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) > :where(span)[data-content=bold] {
          margin: 17px 0 25px;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) > :where(span)[data-content=bold] {
            margin: 20px 0 32px;
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) > :where(div) {
          margin-bottom: 33px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) > :where(div) {
            margin-bottom: 35px;
          }
        }
        .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) > :where(div) > :where(span) {
          font-family: var(--t-noto);
          font-style: normal;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) > :where(div) > :where(span)[data-content=bold] {
          font-weight: 700;
          font-size: 18px;
          line-height: 150%;
          letter-spacing: 0.08em;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) > :where(div) > :where(span)[data-content=bold] {
            font-size: 16px;
            line-height: 160%;
            display: flex;
            align-items: center;
          }
        }
        .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) > :where(div) > :where(span)[data-content=thin] {
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) > :where(div) > :where(span)[data-content=thin] {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) > :where(a) {
          margin: 0 auto 0 0;
          padding: 7.5px 25px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) > :where(a) {
            margin: auto;
            padding: 7.5px 25px;
          }
          .l-about-detail .campus-information > :where(div) > :where(div)[data-content=body] > :where(div) > :where(a) > :where(svg) {
            margin-top: 3px;
          }
        }
        .l-about-detail .campus-information > :where(div) .sub-information {
          margin-top: 56px;
          display: flex;
          flex-direction: column;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) .sub-information {
            margin-top: 20px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) .sub-information--second {
            margin-top: 42px;
            margin-bottom: 0;
          }
        }
        .l-about-detail .campus-information > :where(div) .sub-information .title {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 22px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) .sub-information .title {
            font-size: 18px;
          }
        }
        .l-about-detail .campus-information > :where(div) .sub-information .border {
          width: 100%;
          height: 1px;
          margin: 24px 0 25px;
          background: rgba(44, 73, 137, 0.5);
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) .sub-information .border {
            margin: 11px 0 26px;
          }
        }
        .l-about-detail .campus-information > :where(div) .sub-information .description {
          margin-bottom: 25px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) .sub-information .description {
            margin-bottom: 28px;
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-about-detail .campus-information > :where(div) .sub-information > :where(a) {
          margin: 0 auto 0 0;
          padding: 7.5px 25px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .campus-information > :where(div) .sub-information > :where(a) {
            margin: auto;
            padding: 7.5px 25px;
          }
          .l-about-detail .campus-information > :where(div) .sub-information > :where(a) > :where(svg) {
            margin-top: 3px;
          }
        }
        .l-about-detail .tv-cm {
          display: flex;
          flex-direction: column;
          align-items: center;
          padding-top: 0;
          padding-left: 120px;
          padding-right: 120px;
          gap: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .tv-cm {
            padding: 10px 24px 12px;
          }
        }
        .l-about-detail .tv-cm > :where(div) {
          width: 100%;
          padding-top: 114px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .tv-cm > :where(div) {
            padding-top: 64px;
          }
        }
        .l-about-detail .tv-cm > :where(div) .section-title > :where(div) {
          width: 100%;
          display: flex;
          flex-direction: row;
          align-items: center;
          font-family: var(--t-noto);
          font-style: normal;
          color: var(--c-color-01);
        }
        .l-about-detail .tv-cm > :where(div) .section-title > :where(div)[data-content=title] {
          font-weight: 700;
          font-size: 36px;
          line-height: 150%;
          letter-spacing: 0.08em;
          font-feature-settings: "palt" on;
          gap: 10px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .tv-cm > :where(div) .section-title > :where(div)[data-content=title] {
            font-size: 26px;
            line-height: 140%;
            font-feature-settings: "halt" on;
          }
        }
        .l-about-detail .tv-cm > :where(div) .section-title > :where(div)[data-content=title] > :where(svg) {
          margin: 6px 0 0;
        }
        .l-about-detail .tv-cm > :where(div) .section-title > :where(div)[data-content=transition] {
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          gap: 10px;
          flex-grow: 1;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .tv-cm > :where(div) .section-title > :where(div)[data-content=transition] {
            font-size: 10px;
          }
        }
        .l-about-detail .tv-cm > :where(div) .section-title > :where(div)[data-content=transition] > :where(div) {
          height: 1px;
          margin-top: 2px;
          background-color: var(--c-color-01);
          flex-grow: 1;
        }
        .l-about-detail .tv-cm > :where(div) > :where(div)[data-content=body] {
          width: 100%;
          margin-top: 34px;
          display: flex;
          flex-direction: row;
          position: relative;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .tv-cm > :where(div) > :where(div)[data-content=body] {
            margin-top: 24px;
            flex-direction: column;
          }
        }
        .l-about-detail .tv-cm > :where(div) > :where(div)[data-content=body] > :where(img) {
          width: 60%;
          height: auto;
          margin: 0;
          padding: 0;
          border: none;
          aspect-ratio: 805/453;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .tv-cm > :where(div) > :where(div)[data-content=body] > :where(img) {
            width: 100%;
            min-width: 327px;
            margin-bottom: 24px;
          }
        }
        .l-about-detail .tv-cm > :where(div) > :where(div)[data-content=body] > :where(div) {
          width: 40%;
          height: auto;
          display: flex;
          flex-direction: column;
          position: relative;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .tv-cm > :where(div) > :where(div)[data-content=body] > :where(div) {
            width: 100%;
          }
        }
        .l-about-detail .tv-cm > :where(div) > :where(div)[data-content=body] > :where(div) > :where(span) {
          margin-bottom: 48px;
          margin-right: 24px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .tv-cm > :where(div) > :where(div)[data-content=body] > :where(div) > :where(span) {
            margin-bottom: 29px;
            margin-right: 0;
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-about-detail .tv-cm > :where(div) > :where(div)[data-content=body] > :where(div) > :where(a) {
          margin: 0 auto 0 0;
          padding: 7.5px 25px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .tv-cm > :where(div) > :where(div)[data-content=body] > :where(a) {
            margin: 0 auto;
            padding: 7.5px 25px;
          }
          .l-about-detail .tv-cm > :where(div) > :where(div)[data-content=body] > :where(a) > :where(svg) {
            margin-top: 3px;
          }
        }
        .l-about-detail .tv-cm-video {
          margin-top: 18px;
          display: grid;
          grid-template: "video-messege video-youtube" auto "video-more video-youtube" 1fr/33% 67%; /* 左列と右列の幅を均等に */ /* 左列は2段 */
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .tv-cm-video {
            margin-top: 16px;
            grid-template-columns: 1fr;
            grid-template-areas: "video-messege" "video-youtube" "video-more";
          }
        }
        .l-about-detail .tv-cm-video-message {
          grid-area: video-messege;
          width: 100% !important;
          height: auto;
          padding-right: 18px;
          margin-bottom: 48px;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .tv-cm-video-message {
            width: 100%;
            font-size: 14px;
            line-height: 160%;
            margin-bottom: 29px;
          }
        }
        .l-about-detail .tv-cm-video-youtube {
          grid-area: video-youtube;
          width: 100% !important;
          height: auto !important;
          margin: 14px 0 0 !important;
          padding: 0 !important;
          border: none !important;
          aspect-ratio: 805/453 !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .tv-cm-video-youtube {
            width: 100% !important;
            min-width: 327px !important;
            margin: 4px 0 0 !important;
            margin-bottom: 24px !important;
          }
        }
        .l-about-detail .tv-cm-video-more {
          grid-area: video-more;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .tv-cm-video-more {
            margin: 0 auto;
            padding: 0;
          }
          .l-about-detail .tv-cm-video-more > :where(svg) {
            margin-top: 3px;
          }
        }
        .l-about-detail .message-from-industry-leaders {
          display: flex;
          width: 100%;
          min-height: 675px;
          padding-top: 143px;
          padding-left: 120px;
          padding-right: 120px;
          flex-direction: column;
          align-items: center;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .message-from-industry-leaders {
            min-height: 609px;
            padding-top: 0;
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-about-detail .message-from-industry-leaders > :where(div) {
          width: 100%;
          margin-bottom: 175px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .message-from-industry-leaders > :where(div) {
            margin: 64px 0 80px;
          }
        }
        .l-about-detail .message-from-industry-leaders > :where(div) .section-title > :where(div) {
          width: 100%;
          display: flex;
          flex-direction: row;
          align-items: center;
          font-family: var(--t-noto);
          font-style: normal;
          color: var(--c-color-01);
        }
        .l-about-detail .message-from-industry-leaders > :where(div) .section-title > :where(div)[data-content=title] {
          font-weight: 700;
          font-size: 36px;
          line-height: 150%;
          letter-spacing: 0.08em;
          font-feature-settings: "palt" on;
          gap: 10px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .message-from-industry-leaders > :where(div) .section-title > :where(div)[data-content=title] {
            font-size: 26px;
            line-height: 140%;
            font-feature-settings: "halt" on;
          }
        }
        .l-about-detail .message-from-industry-leaders > :where(div) .section-title > :where(div)[data-content=title] > :where(svg) {
          margin: 6px 0 0;
        }
        .l-about-detail .message-from-industry-leaders > :where(div) .section-title > :where(div)[data-content=transition] {
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          gap: 10px;
          flex-grow: 1;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .message-from-industry-leaders > :where(div) .section-title > :where(div)[data-content=transition] {
            font-size: 10px;
          }
        }
        .l-about-detail .message-from-industry-leaders > :where(div) .section-title > :where(div)[data-content=transition] > :where(div) {
          height: 1px;
          margin-top: 2px;
          background-color: var(--c-color-01);
          flex-grow: 1;
        }
        .l-about-detail .message-from-industry-leaders > :where(div) > :where(div)[data-content=description] {
          margin-top: 18px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .message-from-industry-leaders > :where(div) > :where(div)[data-content=description] {
            margin-top: 16px;
          }
        }
        .l-about-detail .message-from-industry-leaders > :where(div) > :where(div)[data-content=body] {
          width: 100%;
          margin-top: 34px;
          display: flex;
          flex-flow: row wrap;
          gap: 30px;
        }
        @media screen and (max-width: 960px) {
          .l-about-detail .message-from-industry-leaders > :where(div) > :where(div)[data-content=body] {
            margin-top: 35px;
            gap: 17px;
          }
        }
        .l-about-cooperation-root .l-about-cooperation {
          width: 100%;
          padding-left: 120px;
          padding-right: 120px;
          overflow: hidden;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation {
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .space118-80 {
          margin-top: 118px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .space118-80 {
            margin-top: 80px !important;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .space120-64 {
          margin-top: 120px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .space120-64 {
            margin-top: 64px !important;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .space54-49 {
          margin-top: 54px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .space54-49 {
            margin-top: 49px !important;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .space39-29 {
          margin-top: 39px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .space39-29 {
            margin-top: 29px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-about-cooperation-root .l-about-cooperation .space18-pc-only {
            margin-top: 18px !important;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .space18-6 {
          margin-top: 18px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .space18-6 {
            margin-top: 6px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .space75-sp-only {
            margin-top: 75px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .space31-sp-only {
            margin-top: 31px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .space14-sp-only {
            margin-top: 14px !important;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .p-strong {
          margin-top: 14px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 29px;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .p-strong {
            font-size: 14px;
            line-height: 22px;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .h3-title {
          margin-top: -8px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 30px;
          line-height: 45px;
          display: flex;
          align-items: center;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .h3-title {
            font-style: normal;
            font-weight: 700;
            font-size: 22px;
            line-height: 31px;
            align-items: center;
            letter-spacing: 0.08em;
            font-feature-settings: "halt" on;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .d-thumbnail-area {
          display: flex;
          margin-top: 90px;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .d-thumbnail-area {
            display: block;
            margin-top: 42px;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .d-thumbnail-area .thumbnail {
          width: 373px;
          object-fit: contain;
          margin-top: 0;
          margin-bottom: auto;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .d-thumbnail-area .thumbnail {
            width: 100%;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .d-thumbnail-area .d-right {
          margin: auto 0;
          margin-left: 40px;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          gap: 12px;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .d-thumbnail-area .d-right {
            margin-left: 0;
            margin-top: 23px;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .d-thumbnail-area .d-right .sub-text {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 29px;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: #000;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .d-thumbnail-area .d-right .sub-text {
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 27px;
            letter-spacing: 0.04em;
            font-feature-settings: "palt" on;
            color: #000;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .d-thumbnail-area .d-right-center {
            margin-left: auto;
            margin-right: auto;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .d-no-thumbnail-area {
          display: flex;
          margin-top: 48px;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .d-no-thumbnail-area {
            display: block;
            margin-top: 0;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .d-no-thumbnail-area .thumbnail {
            width: 100%;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .d-no-thumbnail-area .d-right {
          margin: auto 0;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          gap: 12px;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .d-no-thumbnail-area .d-right {
            margin-left: 0;
            margin-top: 20px;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .d-no-thumbnail-area .d-right .sub-text {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 29px;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: #000;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .d-no-thumbnail-area .d-right .sub-text {
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 27px;
            letter-spacing: 0.04em;
            font-feature-settings: "palt" on;
            color: #000;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .container {
          margin-top: 43px;
          display: flex;
          flex-flow: row wrap;
          gap: 22px 30px;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .l-about-cooperation .container {
            row-gap: 16px;
          }
        }
        .l-about-cooperation-root .l-about-cooperation .container .top-message-item {
          height: 100%;
        }
        .l-about-cooperation-root .c-scroll-area {
          padding-top: 108px;
          padding-bottom: 80px;
          background: var(--c-color-08);
          height: fit-content;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .c-scroll-area {
            padding-top: 46px;
            padding-bottom: 56px;
          }
        }
        .l-about-cooperation-root .c-scroll-area .c-scroll-area-title {
          display: flex;
          height: fit-content;
          padding-left: 120px;
          padding-right: 120px;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .c-scroll-area .c-scroll-area-title {
            display: block;
            padding-left: 24px;
            padding-right: 24px;
            height: fit-content;
          }
        }
        .l-about-cooperation-root .c-scroll-area .title {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 30px;
          line-height: 45px;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: #000;
        }
        .l-about-cooperation-root .c-scroll-area .sub-title {
          margin-top: auto;
          margin-left: 16px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 29px;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: #000;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .c-scroll-area .sub-title {
            margin-top: 6px;
            margin-left: 0;
            height: fit-content;
          }
        }
        .l-about-cooperation-root .c-scroll-area .c-scroll-area-area {
          margin-top: 33px;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .c-scroll-area .c-scroll-area-area {
            margin-top: 19px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .c-scroll-area .c-scroll-area-area :where(ul) {
            height: 304.516px;
          }
        }
        .l-about-cooperation-root .c-scroll-area .more-area {
          width: fit-content;
          margin-top: 48px;
          margin-left: auto;
          margin-right: auto;
        }
        @media screen and (max-width: 960px) {
          .l-about-cooperation-root .c-scroll-area .more-area {
            margin-top: 42px;
          }
        }
        .s-thumbnail-area {
          padding: 120px 120px 160px;
        }
        @media screen and (max-width: 960px) {
          .s-thumbnail-area {
            padding: 32px 24px 80px;
          }
        }
        .s-thumbnail-area-d {
          display: flex;
          margin: auto;
          padding: 32px;
          background: var(--c-color-08);
          box-shadow: 20px 20px 150px 0 hsla(198, 100%, 50%, 0.2);
        }
        @media screen and (max-width: 960px) {
          .s-thumbnail-area-d {
            display: block;
            padding: 32px;
          }
        }
        .s-thumbnail-area-d-thumbnail {
          width: 373px;
          object-fit: contain;
        }
        @media screen and (max-width: 960px) {
          .s-thumbnail-area-d-thumbnail {
            width: 100%;
          }
        }
        .s-thumbnail-area-d-right {
          margin: auto 0;
          margin-left: 40px;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
        }
        @media screen and (max-width: 960px) {
          .s-thumbnail-area-d-right {
            margin-left: 0;
            margin-top: 20px;
          }
        }
        .s-thumbnail-area-d-right-h4-title {
          margin-top: -9px;
          font-style: normal;
          font-weight: 700;
          font-size: 22px;
          line-height: 35px;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        .s-thumbnail-area-d-right-sub {
          margin-top: 5px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 29px;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: #000;
        }
        @media screen and (max-width: 960px) {
          .s-thumbnail-area-d-right-sub {
            margin-top: 7px;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 27px;
            letter-spacing: 0.04em;
            font-feature-settings: "palt" on;
            color: #000;
          }
        }
        .s-thumbnail-area-d-right-center {
          margin-top: 15px;
        }
        @media screen and (max-width: 960px) {
          .s-thumbnail-area-d-right-center {
            margin-top: 24px;
            margin-left: auto;
            margin-right: auto;
          }
        }
        .hidden-anchor {
          padding-top: 114px;
          margin-top: -114px;
        }
        @media screen and (max-width: 960px) {
          .hidden-anchor {
            padding-top: 64px;
            margin-top: -64px;
          }
        }
        .l-about-global {
          width: 100%;
          padding-left: 120px;
          padding-right: 120px;
          overflow: hidden;
        }
        @media screen and (max-width: 960px) {
          .l-about-global {
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-about-global-space120-80 {
          margin-top: 120px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-space120-80 {
            margin-top: 80px !important;
          }
        }
        .l-about-global-space104-80 {
          margin-top: 104px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-space104-80 {
            margin-top: 80px !important;
          }
        }
        .l-about-global-space102-80 {
          margin-top: 102px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-space102-80 {
            margin-top: 80px !important;
          }
        }
        .l-about-global-space56-32 {
          margin-top: 56px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-space56-32 {
            margin-top: 32px !important;
          }
        }
        .l-about-global-space50-32 {
          margin-top: 50px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-space50-32 {
            margin-top: 32px !important;
          }
        }
        .l-about-global-space48-32 {
          margin-top: 48px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-space48-32 {
            margin-top: 32px !important;
          }
        }
        .l-about-global-space35-30 {
          margin-top: 35px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-space35-30 {
            margin-top: 30px !important;
          }
        }
        .l-about-global-space32-20 {
          margin-top: 32px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-space32-20 {
            margin-top: 20px !important;
          }
        }
        .l-about-global-space48-20 {
          margin-top: 48px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-space48-20 {
            margin-top: 20px !important;
          }
        }
        .l-about-global-space22-20 {
          margin-top: 22px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-space22-20 {
            margin-top: 20px !important;
          }
        }
        .l-about-global-space20-16 {
          margin-top: 20px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-space20-16 {
            margin-top: 16px !important;
          }
        }
        .l-about-global-space20-15 {
          margin-top: 20px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-space20-15 {
            margin-top: 15px !important;
          }
        }
        .l-about-global-space5-8 {
          margin-top: 5px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-space5-8 {
            margin-top: 8px !important;
          }
        }
        .l-about-global-space40 {
          margin-top: 40px !important;
        }
        .l-about-global-space24 {
          margin-top: 24px !important;
        }
        .l-about-global-space20 {
          margin-top: 20px !important;
        }
        .l-about-global-space16 {
          margin-top: 16px !important;
        }
        @media screen and (min-width: 961px) {
          .l-about-global-space23-pc-only {
            margin-top: 23px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-global-space29-sp-only {
            margin-top: 29px !important;
          }
        }
        .l-about-global-black {
          color: #000 !important;
        }
        .l-about-global-strong {
          margin-top: 32px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 29px;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        .l-about-global-strong::before, .l-about-global-strong::after {
          display: block;
          width: 0;
          height: 0;
          content: "";
        }
        .l-about-global-strong::before {
          margin-top: calc((1 - 1.8125) * 0.5em);
        }
        .l-about-global-strong::after {
          margin-bottom: calc((1 - 1.8125) * 0.5em);
        }
        @media screen and (max-width: 960px) {
          .l-about-global-strong {
            margin-top: 20px;
            font-size: 14px;
            line-height: 22px;
          }
          .l-about-global-strong::before, .l-about-global-strong::after {
            display: block;
            width: 0;
            height: 0;
            content: "";
          }
          .l-about-global-strong::before {
            margin-top: calc((1 - 1.5714285714) * 0.5em);
          }
          .l-about-global-strong::after {
            margin-bottom: calc((1 - 1.5714285714) * 0.5em);
          }
        }
        .l-about-global-strong-blue {
          margin-top: 28px !important;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 29px;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        .l-about-global-strong-blue::before, .l-about-global-strong-blue::after {
          display: block;
          width: 0;
          height: 0;
          content: "";
        }
        .l-about-global-strong-blue::before {
          margin-top: calc((1 - 1.8125) * 0.5em);
        }
        .l-about-global-strong-blue::after {
          margin-bottom: calc((1 - 1.8125) * 0.5em);
        }
        @media screen and (max-width: 960px) {
          .l-about-global-strong-blue {
            font-size: 14px;
            line-height: 22px;
          }
          .l-about-global-strong-blue::before, .l-about-global-strong-blue::after {
            display: block;
            width: 0;
            height: 0;
            content: "";
          }
          .l-about-global-strong-blue::before {
            margin-top: calc((1 - 1.5714285714) * 0.5em);
          }
          .l-about-global-strong-blue::after {
            margin-bottom: calc((1 - 1.5714285714) * 0.5em);
          }
        }
        .l-about-global-text {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 28.8px;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: #000;
        }
        .l-about-global-text::before, .l-about-global-text::after {
          display: block;
          width: 0;
          height: 0;
          content: "";
        }
        .l-about-global-text::before {
          margin-top: calc((1 - 1.8) * 0.5em);
        }
        .l-about-global-text::after {
          margin-bottom: calc((1 - 1.8) * 0.5em);
        }
        @media screen and (max-width: 960px) {
          .l-about-global-text {
            margin-top: 20px;
            font-family: var(--t-noto);
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 22.4px;
            letter-spacing: 0.04em;
            font-feature-settings: "palt" on;
            color: #000;
          }
          .l-about-global-text::before, .l-about-global-text::after {
            display: block;
            width: 0;
            height: 0;
            content: "";
          }
          .l-about-global-text::before {
            margin-top: calc((1 - 1.6) * 0.5em);
          }
          .l-about-global-text::after {
            margin-bottom: calc((1 - 1.6) * 0.5em);
          }
        }
        .l-about-global-h3-title {
          margin-top: -8px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 30px;
          line-height: 45px;
          display: flex;
          align-items: center;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        .l-about-global-h3-title::before, .l-about-global-h3-title::after {
          display: block;
          width: 0;
          height: 0;
          content: "";
        }
        .l-about-global-h3-title::before {
          margin-top: calc((1 - 1.5) * 0.5em);
        }
        .l-about-global-h3-title::after {
          margin-bottom: calc((1 - 1.5) * 0.5em);
        }
        @media screen and (max-width: 960px) {
          .l-about-global-h3-title {
            font-family: var(--t-noto);
            font-style: normal;
            font-weight: 700;
            font-size: 21px;
            line-height: 31px;
            align-items: center;
            letter-spacing: 0.08em;
            font-feature-settings: "halt" on;
          }
          .l-about-global-h3-title::before, .l-about-global-h3-title::after {
            display: block;
            width: 0;
            height: 0;
            content: "";
          }
          .l-about-global-h3-title::before {
            margin-top: calc((1 - 1.4090909091) * 0.5em);
          }
          .l-about-global-h3-title::after {
            margin-bottom: calc((1 - 1.4090909091) * 0.5em);
          }
        }
        .l-about-global-caption {
          margin-top: 0;
          font-style: normal;
          font-weight: 400;
          font-size: 12px;
          line-height: 19px;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: #000;
        }
        .l-about-global-caption::before, .l-about-global-caption::after {
          display: block;
          width: 0;
          height: 0;
          content: "";
        }
        .l-about-global-caption::before {
          margin-top: calc((1 - 1.5833333333) * 0.5em);
        }
        .l-about-global-caption::after {
          margin-bottom: calc((1 - 1.5833333333) * 0.5em);
        }
        @media screen and (max-width: 960px) {
          .l-about-global-caption {
            font-size: 12px;
          }
        }
        .l-about-global-global-map {
          width: 100%;
          margin-top: 32px;
          overflow-x: hidden;
          position: relative;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-global-map {
            width: calc(100% + 48px);
            margin-left: -24px;
            margin-top: 20px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-global-global-map-area {
            display: block;
            width: 100%;
            overflow-x: auto; /* 横スクロールを有効にする */
            white-space: nowrap; /* 子要素が改行されないようにする */
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-global-global-map-image {
            max-width: 10000px;
            height: 267px;
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-about-global-global-map-swipe {
          position: absolute;
          inset: 0;
          width: 155px;
          height: 153px;
          margin: auto;
          pointer-events: none;
          transition: opacity 0.5s ease;
          opacity: 1;
        }
        .l-about-global-global-map-swipe-hidden {
          opacity: 0;
        }
        .l-about-global-thumbnail-area {
          display: flex;
          margin-top: 20px;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-thumbnail-area {
            display: block;
          }
        }
        .l-about-global-thumbnail-area-thumbnail {
          width: 373px;
          object-fit: contain;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-thumbnail-area-thumbnail {
            width: 100%;
          }
        }
        .l-about-global-thumbnail-area-right {
          margin: auto 0;
          margin-left: 40px;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
        }
        .l-about-global-thumbnail-area-right.global-right-top {
          margin-top: 0 !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-thumbnail-area-right.global-right-top {
            margin-top: 3px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-global-thumbnail-area-right {
            margin-left: 0;
            margin-top: 24px;
          }
        }
        .l-about-global-thumbnail-area-padding {
          margin-top: 60px;
          padding: 38.5px;
          background: var(--c-color-08);
        }
        @media screen and (max-width: 960px) {
          .l-about-global-thumbnail-area-padding {
            margin-top: 42px;
            padding: 26px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-global-center {
            margin-left: auto;
            margin-right: auto;
          }
        }
        .l-about-global-scroll-area {
          padding-top: 108px;
          padding-bottom: 80px;
          background: var(--c-color-08);
          height: fit-content;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-scroll-area {
            padding-top: 52px !important;
            padding-bottom: 56px;
          }
        }
        .l-about-global-scroll-area-title {
          display: flex;
          height: fit-content;
          padding-left: 120px;
          padding-right: 120px;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-scroll-area-title {
            display: block;
            padding-left: 24px;
            padding-right: 24px;
            height: fit-content;
          }
        }
        .l-about-global-scroll-area-title-bottom {
          margin-top: auto;
          margin-left: 16px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 29px;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: #000;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-scroll-area-title-bottom {
            margin-top: 6px;
            margin-left: 0;
            height: fit-content;
          }
        }
        .l-about-global-scroll-area-sub-title {
          margin-top: auto;
          margin-left: 16px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 29px;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: #000;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-scroll-area-sub-title {
            margin-top: 6px;
            margin-left: 0;
            height: fit-content;
          }
        }
        .l-about-global-scroll-area-area {
          margin-top: 33px;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-scroll-area-area {
            margin-top: 19px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-global-scroll-area-area :where(ul) {
            height: 304.516px;
          }
        }
        .l-about-global-scroll-area-more-area {
          width: fit-content;
          margin-top: 48px;
          margin-left: auto;
          margin-right: auto;
        }
        @media screen and (max-width: 960px) {
          .l-about-global-scroll-area-more-area {
            margin-top: 34px;
          }
        }
        .hidden-anchor {
          padding-top: 114px;
          margin-top: -114px;
        }
        @media screen and (max-width: 960px) {
          .hidden-anchor {
            padding-top: 64px;
            margin-top: -64px;
          }
        }
        .l-about-president-column {
          width: 100%;
          height: 100%;
          overflow: hidden;
          padding: 0 120px;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-column {
            padding: 0 24px;
          }
        }
        .l-about-president-column-space160-80 {
          margin-bottom: 160px;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-column-space160-80 {
            margin-bottom: 80px;
          }
        }
        .l-about-president-column-space45-21 {
          margin-bottom: 45px;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-column-space45-21 {
            margin-bottom: 21px;
          }
        }
        .l-about-president-column-space16 {
          margin-bottom: 16px;
        }
        .l-about-president-column-space16-21 {
          margin-bottom: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-column-space16-21 {
            margin-bottom: 21px;
          }
        }
        .l-about-president-column-h2 {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 30px;
          line-height: 150%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-about-president-column-h2 {
            font-size: 22px;
            line-height: 140%;
          }
        }
        .l-about-president-column-p {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-president-column-p {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-about-president-column-span {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 160%;
          display: flex;
          align-items: center;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-about-president-column-span {
            font-size: 16px;
            line-height: 160%;
          }
        }
        .l-about-president-column-a {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          display: flex;
          align-items: center;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-about-president-column-a {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-about-president-column .president-image {
          width: 100%;
          height: auto;
          min-height: 420px;
          padding-top: 46px;
          margin-bottom: 58px;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-column .president-image {
            min-height: 112px;
            padding-top: 35px;
            margin-bottom: 26px;
          }
        }
        .l-about-president-column > :where(div) {
          display: flex;
          flex-direction: row;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-column > :where(div) {
            flex-direction: column;
          }
        }
        .l-about-president-column > :where(div) .article {
          width: 100%;
          margin-right: 92px;
          flex-grow: 2;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-column > :where(div) .article {
            margin-right: 0;
          }
        }
        .l-about-president-column > :where(div) .title-list {
          max-width: 420px;
          height: fit-content;
          padding: 40px 40px 24px;
          background-color: var(--c-color-08);
          flex-grow: 1;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-column > :where(div) .title-list {
            min-width: 100%;
            margin-top: 56px;
            padding: 24px 24px 8px;
          }
        }
        .l-about-president-column > :where(div) .title-list > :where(a) {
          min-width: 350px;
          transition: opacity 0.3s;
        }
        .l-about-president-column > :where(div) .title-list > :where(a):hover {
          opacity: 0.5;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-column > :where(div) .title-list > :where(a) {
            min-width: 275px;
          }
        }
        .l-about-president-column > :where(div) .title-list > :where(a)[data-content=active] {
          opacity: 0.5;
        }
        @media screen and (min-width: 961px) {
          .l-about-president-content-index-menu {
            padding-bottom: 120px;
          }
        }
        .l-about-president-nagoyamargin {
          padding-bottom: 120px;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-nagoyamargin {
            padding-bottom: 72px;
          }
        }
        .l-about-president {
          width: 100%;
          padding-right: 120px;
          padding-left: 120px;
          overflow: visible !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-president {
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-about-president a {
          transition: opacity 0.1s ease-out;
        }
        @media (hover: hover) {
          .l-about-president a:hover {
            opacity: 0.5;
            text-decoration: none;
          }
        }
        .l-about-president-space30-16 {
          margin-top: 30px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-space30-16 {
            margin-top: 16px !important;
          }
        }
        .l-about-president-space115-54 {
          margin-top: 115px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-space115-54 {
            margin-top: 54px !important;
          }
        }
        .l-about-president-space265-80 {
          margin-top: 265px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-space265-80 {
            margin-top: 80px !important;
          }
        }
        .l-about-president-caption {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-president-caption {
            font-size: 10px;
          }
        }
        .l-about-president-link {
          margin-top: 6px;
          font-family: var(--t-note);
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          display: flex;
          align-items: center;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-01);
          transition: 0.3s;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-link {
            font-size: 14px;
            line-height: 160%;
          }
        }
        @media (hover: hover) {
          .l-about-president-link:hover {
            opacity: 0.5;
          }
        }
        .l-about-president-h2 {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 36px;
          line-height: 150%;
          letter-spacing: 0.08em;
          font-feature-settings: "palt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-about-president-h2 {
            font-size: 26px;
          }
        }
        .l-about-president-h3 {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 30px;
          line-height: 150%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-president-h3 {
            font-size: 22px;
          }
        }
        .l-about-president-h3-blue {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 30px;
          line-height: 150%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-about-president-h3-blue {
            font-size: 22px;
          }
        }
        .l-about-president-p {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-president-p {
            font-size: 14px;
          }
        }
        .l-about-president-p-bold-blue {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-about-president-p-bold-blue {
            font-size: 14px;
          }
        }
        .l-about-president-p-bold {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-president-p-bold {
            font-size: 14px;
          }
        }
        .l-about-president-area {
          display: flex;
          margin-top: -80px;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-area {
            display: block;
          }
        }
        .l-about-president-area-sticky {
          height: fit-content;
          position: sticky;
          top: 0;
          left: 0;
          padding-top: 84px;
          margin-top: -84px;
          margin-bottom: -110px;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-area-sticky {
            position: static;
            margin-bottom: 0;
          }
        }
        .l-about-president-area-thumbnail {
          margin-top: 80px;
          width: 320px; /** 444 px **/
          min-width: 320px;
          height: fit-content;
          position: sticky;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-area-thumbnail {
            padding-top: 50px;
            margin-top: -50px;
            width: 100%;
            min-width: 0;
            position: static;
          }
        }
        .l-about-president-area-thumbnail img {
          width: 100%;
          margin: 0;
        }
        .l-about-president-area-name {
          margin-top: 26px;
          text-align: end;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-area-name {
            margin-top: 11px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-president-area-name > :where(p:nth-of-type(2)) {
            margin-top: 5px;
          }
        }
        .l-about-president-area-message {
          margin-top: 64px;
          margin-left: 76px;
          height: fit-content;
          padding-bottom: 0;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-area-message {
            margin-top: 10px;
            margin-left: 0;
            padding-bottom: 0;
          }
        }
        .l-about-president-area-message-profile {
          margin-top: 39px;
          padding: 14px 24px 24px;
          background: var(--c-color-08);
        }
        @media screen and (max-width: 960px) {
          .l-about-president-area-message-profile {
            margin-top: 26px;
            padding: 15px 24px 24px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-president-area-message-profile > :where(p:nth-of-type(2)) {
            margin-top: 5px;
          }
        }
        .l-about-president-area-message-youtube {
          margin-top: 48px;
          width: 100%;
          aspect-ratio: 800/450;
        }
        .l-about-president-area-message-youtube.youtube-osaka {
          margin-top: 38px !important;
        }
        .l-about-president-area-message-history {
          margin-top: 48px;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-area-message-history {
            margin-top: 26px;
          }
        }
        .l-about-president-area-message-history-container {
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          gap: 7px;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-area-message-history-container {
            margin-top: 11px;
            flex-direction: column;
            gap: 15px;
          }
        }
        .l-about-president-area-message-history-container > :where(a) {
          font-family: var(--t-noto);
          width: calc(50% - 3.5px);
          text-align: left;
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-01);
          text-underline-offset: 10px;
        }
        @media screen and (max-width: 960px) {
          .l-about-president-area-message-history-container > :where(a) {
            width: 100%;
            margin-top: -3px;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 25.4px;
            display: flex;
            align-items: center;
            letter-spacing: 0.04em;
            font-feature-settings: "palt" on;
            color: var(--c-color-01);
          }
        }
        .l-about-president .hidden-anchor {
          padding-top: 84px !important;
          margin-top: -84px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-president .hidden-anchor {
            padding-top: 50px !important;
            margin-top: -50px !important;
          }
        }
        .l-about-profession {
          width: 100%;
          height: 100%;
          padding: 0 120px 160px;
        }
        @media screen and (max-width: 960px) {
          .l-about-profession {
            padding: 0 24px 80px;
          }
        }
        .l-about-profession-space51-23 {
          margin-bottom: 51px;
        }
        @media screen and (max-width: 960px) {
          .l-about-profession-space51-23 {
            margin-bottom: 23px;
          }
        }
        .l-about-profession-space120-80 {
          margin-bottom: 120px;
        }
        @media screen and (max-width: 960px) {
          .l-about-profession-space120-80 {
            margin-bottom: 80px;
          }
        }
        .l-about-profession-space15-11 {
          margin-bottom: 15px;
        }
        @media screen and (max-width: 960px) {
          .l-about-profession-space15-11 {
            margin-bottom: 11px;
          }
        }
        .l-about-profession-p {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          text-align: right;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-profession-p {
            font-size: 10px;
          }
        }
        .l-about-profession-text-area-p {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-profession-text-area-p {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-about-profession-p-bold {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-profession-p-bold {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-about-profession-h3 {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 22px;
          line-height: 160%;
          display: flex;
          align-items: center;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-about-profession-h3 {
            font-size: 18px;
          }
        }
        .l-about-profession .description {
          padding-top: 24px;
        }
        .l-about-profession .practical-skills {
          display: flex;
          flex-direction: row;
          gap: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-about-profession .practical-skills {
            flex-direction: column;
            gap: 12px;
          }
        }
        .l-about-profession .practical-skills-bundle {
          width: 100%;
          display: flex;
          flex-direction: column;
          gap: 10px;
        }
        @media screen and (max-width: 960px) {
          .l-about-profession .practical-skills-bundle {
            gap: 12px;
          }
        }
        .l-about-profession .practical-skills-bundle :where(img) {
          width: 100%;
          height: auto;
          margin: 0;
        }
        .l-about-profession .professional-univarsities {
          display: flex;
          flex-direction: column;
          padding-top: 24px;
          gap: 29px;
        }
        @media screen and (max-width: 960px) {
          .l-about-profession .professional-univarsities {
            padding-top: 16px;
            gap: 28px;
          }
        }
        .l-about-profession .professional-univarsities-thumbnail {
          margin: 0;
          width: 373px;
          object-fit: contain;
        }
        @media screen and (max-width: 960px) {
          .l-about-profession .professional-univarsities-thumbnail {
            width: 100%;
          }
        }
        .l-about-profession .professional-univarsities-bundle {
          display: flex;
          flex-direction: row;
        }
        @media screen and (max-width: 960px) {
          .l-about-profession .professional-univarsities-bundle {
            flex-direction: column;
          }
        }
        .l-about-profession .professional-univarsities-bundle-text-area {
          display: flex;
          flex-direction: column;
          margin: auto 0 auto 32px;
        }
        @media screen and (max-width: 960px) {
          .l-about-profession .professional-univarsities-bundle-text-area {
            padding-top: 18px;
            margin: 0;
          }
        }
        .l-about-profession .hidden-anchor {
          padding-top: 114px;
          margin-top: -114px;
        }
        @media screen and (max-width: 960px) {
          .l-about-profession .hidden-anchor {
            padding-top: 64px;
            margin-top: -64px;
          }
        }
        .l-about-faculty-member {
          width: 100%;
          padding-left: 120px;
          padding-right: 120px;
          overflow: hidden;
          font-family: var(--t-noto);
          font-style: normal;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member {
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-about-faculty-member h3 {
          font-weight: 700;
          font-size: 30px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member h3 {
            font-size: 22px;
            line-height: 150%;
          }
        }
        .l-about-faculty-member h4 {
          font-weight: 700;
          font-size: 22px;
          line-height: 100%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member h4 {
            font-size: 18px;
          }
        }
        .l-about-faculty-member .h4 {
          font-weight: 700;
          font-size: 22px;
          line-height: 100%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member .h4 {
            font-size: 18px;
          }
        }
        .l-about-faculty-member p {
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member p {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-about-faculty-member a {
          font-weight: 400;
          font-size: 16px;
          line-height: 100%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-01);
          transition: opacity 0.1s ease-out;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member a {
            font-size: 14px;
            line-height: 160%;
          }
        }
        @media (hover: hover) {
          .l-about-faculty-member a:hover {
            opacity: 0.5;
          }
        }
        .l-about-faculty-member-caption {
          font-weight: 400 !important;
          font-size: 12px !important;
          height: fit-content !important;
          letter-spacing: 0.04em !important;
          font-feature-settings: "halt" on !important;
          color: var(--c-color-03) !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-caption {
            font-size: 10px !important;
            text-wrap: nowrap !important;
          }
        }
        .l-about-faculty-member-president {
          display: grid;
          grid-template-columns: 1fr 1fr;
          justify-content: space-between;
          width: 100%;
          margin-bottom: 120px;
          gap: 40px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-president {
            display: block;
            margin-bottom: 80px;
            grid-template-columns: auto;
          }
        }
        .l-about-faculty-member-president-area {
          width: 100%;
          margin-top: 48px;
          display: grid;
          gap: 0 24px;
          grid-template: "item1 item2" auto "item1 item3" 1fr/auto 1fr;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-president-area {
            margin-top: 25px;
            grid-template-areas: "item1 item2" "item3 item3";
          }
        }
        .l-about-faculty-member-president-area :where(a) {
          width: fit-content;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-president-area:first-child {
            margin-top: 18px;
          }
        }
        .l-about-faculty-member-president-area-message {
          margin-left: 32px;
        }
        .l-about-faculty-member-president-area1 {
          grid-area: item1;
          width: fit-content;
        }
        .l-about-faculty-member-president-area1 img {
          width: 220px;
          height: 300px;
          object-fit: cover;
          object-position: top;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-president-area1 img {
            width: 132px;
            height: 180px;
          }
        }
        .l-about-faculty-member-president-area2 {
          grid-area: item2;
          width: 100%;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-president-area2 {
            width: fit-content;
            height: 180px;
            display: flex;
            align-items: center;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-president-area2-center {
            width: fit-content;
            height: fit-content;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-president-area2 :where(p):first-child {
            margin-bottom: 3px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-president-area2 :where(p):last-child {
            margin-bottom: 9px;
          }
        }
        @media screen and (min-width: 961px) {
          .l-about-faculty-member-president-area2 :where(h3) {
            margin-top: -6px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-president-area2 :where(h3) {
            margin-bottom: 5px;
          }
        }
        .l-about-faculty-member-president-area3 {
          grid-area: item3;
          margin-top: 10px;
          display: flex;
          flex-flow: column;
          gap: 14px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-president-area3 {
            width: 100%;
            margin-top: 10px;
          }
        }
        .l-about-faculty-member-department {
          height: 41px;
          margin-top: 32px;
          border-width: 1px;
          border-color: rgba(44, 73, 137, 0.5);
          border-bottom-style: solid;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-department {
            height: 34px;
          }
        }
        .l-about-faculty-member-department-list {
          width: 100%;
          margin-top: 40px;
          padding-bottom: 49px;
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          list-style: none;
          gap: 32px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-department-list {
            grid-template-columns: auto;
            margin-top: 18px;
            padding-bottom: 80px;
            gap: 25px;
          }
        }
        .l-about-faculty-member-department-list + p {
          margin-bottom: 120px;
          font-size: 12px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-department-list + p {
            margin-bottom: 60px;
          }
        }
        .l-about-faculty-member-department-list li {
          width: 100%;
          max-width: 373px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-department-list li {
            max-width: none;
          }
        }
        .l-about-faculty-member-department-list li img {
          display: block;
          width: 132px;
        }
        .l-about-faculty-member-department-list-flex {
          display: flex;
          justify-content: flex-start;
        }
        .l-about-faculty-member-department-list-flex > div:has(img) {
          flex-shrink: 0;
        }
        .l-about-faculty-member-department-list-name {
          width: fit-content;
          height: fit-content;
          margin: auto auto auto 24px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-department-list-name > :where(p):first-child {
            margin-bottom: 3px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-department-list-name > :where(p):last-child {
            margin-bottom: 9px;
          }
        }
        .l-about-faculty-member-department-list-name > :where(h4) {
          font-weight: 700 !important;
          font-size: 30px !important;
          line-height: 160% !important;
          letter-spacing: 0.08em !important;
          font-feature-settings: "halt" on !important;
          color: var(--c-color-03) !important;
        }
        @media screen and (min-width: 961px) {
          .l-about-faculty-member-department-list-name > :where(h4) {
            margin-top: -6px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-department-list-name > :where(h4) {
            margin-bottom: 5px;
            font-size: 22px !important;
            line-height: 150% !important;
          }
        }
        .l-about-faculty-member-department-list-message {
          margin-top: 32px;
          margin-bottom: 10px;
          display: flex;
          flex-flow: column;
          gap: 14px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-department-list-message {
            margin-top: 10px;
          }
        }
        .l-about-faculty-member-padding-bottom-160-pc-only {
          padding-bottom: 40px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-padding-bottom-160-pc-only {
            padding-bottom: 20px;
          }
        }
        .l-about-faculty-member-page {
          width: 100%;
          padding-right: 120px;
          padding-left: 120px;
          overflow: visible !important;
          font-family: var(--t-noto);
          font-style: normal;
          /**
          h2 {
              font-weight: 700;
              font-size: 36px;
              line-height: 150%;
              letter-spacing: 0.08em;
              font-feature-settings: "palt" on;
              color: var(--c-color-01);

              @include mq("sp") {
                  font-size: 26px;
              }
          }
          **/
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page {
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-about-faculty-member-page .caption {
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page .caption {
            font-size: 10px;
          }
        }
        .l-about-faculty-member-page h2 {
          font-weight: 700;
          font-size: 30px;
          line-height: 150%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page h2 {
            font-size: 22px;
          }
        }
        .l-about-faculty-member-page h3 {
          font-weight: 700;
          font-size: 22px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page h3 {
            font-size: 18px;
          }
        }
        .l-about-faculty-member-page h3.h5 {
          font-weight: 700;
          font-size: 18px;
          line-height: 180%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page h3.h5 {
            font-size: 16px;
          }
        }
        .l-about-faculty-member-page p {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page p {
            font-size: 14px;
          }
        }
        .l-about-faculty-member-page p.bold-blue {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page p.bold-blue {
            font-size: 14px;
          }
        }
        .l-about-faculty-member-page p.bold {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page p.bold {
            font-size: 14px;
          }
        }
        .l-about-faculty-member-page li {
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page li {
            font-size: 14px;
          }
        }
        .l-about-faculty-member-page a.blank {
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          align-items: center;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-01);
          text-decoration-thickness: 1px;
          transition: opacity 0.1s ease-out;
        }
        @media (hover: hover) {
          .l-about-faculty-member-page a.blank:hover {
            opacity: 0.5;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page a.blank {
            font-size: 14px;
          }
        }
        .l-about-faculty-member-page a.blank::after {
          content: "";
          display: inline-block;
          background-image: url("/wp-content/themes/original2024/assets/img/about/blue_blank_icon.webp");
          background-size: contain;
          background-repeat: no-repeat;
          width: 13px;
          height: 10px;
          margin-left: 8px;
          vertical-align: middle;
        }
        .l-about-faculty-member-page-area {
          display: flex;
          margin-top: 61px;
          padding-bottom: 78px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page-area {
            margin-top: 51px;
            padding-bottom: 40px;
            display: block;
          }
        }
        .l-about-faculty-member-page-area-sticky {
          height: fit-content;
          position: sticky;
          top: 0;
          left: 0;
          padding-top: 84px;
          margin-top: -84px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page-area-sticky {
            position: static;
            padding-top: 50px;
            margin-top: -50px;
          }
        }
        .l-about-faculty-member-page-area-sticky > :where(div) {
          margin-top: 80px;
          width: 320px; /** 444 px **/
          min-width: 320px;
          height: fit-content;
          position: sticky;
          top: 0;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page-area-sticky > :where(div) {
            padding-top: 50px;
            margin-top: -50px;
            width: 100%;
            min-width: 0;
            position: static;
          }
        }
        .l-about-faculty-member-page-area-sticky > :where(div) > :where(img) {
          width: 100%;
          margin: 0;
        }
        .l-about-faculty-member-page-area-sticky > :where(div) > :where(div) {
          text-align: end;
          height: 0 !important;
          transform: translateY(27px);
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page-area-sticky > :where(div) > :where(div) {
            margin-top: 11px;
            transform: translateY(0);
            height: auto !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page-area-sticky > :where(div) > :where(div) > :where(h3) {
            margin-top: 3px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page-area-sticky > :where(div) > :where(div) > :where(p):nth-of-type(3) {
            margin-top: 4px;
          }
        }
        .l-about-faculty-member-page-area-message {
          margin-top: 70px;
          margin-left: 76px;
          height: fit-content;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page-area-message {
            margin-top: 5px;
            margin-left: 0;
            padding-bottom: 0;
          }
        }
        .l-about-faculty-member-page-area-message > :where(div) {
          margin-bottom: 48px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page-area-message > :where(div) {
            margin-bottom: 25px;
          }
        }
        .l-about-faculty-member-page-area-message > :where(div):last-child {
          margin-bottom: 0;
        }
        .l-about-faculty-member-page-area-message > :where(div) > :where(h4) {
          margin-bottom: 8px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page-area-message > :where(div) > :where(h4) {
            margin-bottom: 2px;
          }
        }
        .l-about-faculty-member-page-area-message :where(div.list) {
          margin-bottom: 36px;
          --sp-margintop: -2px;
        }
        .l-about-faculty-member-page-area-message :where(div.list).work {
          --sp-margintop: 7px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page-area-message :where(div.list) {
            margin-bottom: 16px;
          }
        }
        .l-about-faculty-member-page-area-message > :where(div.profile) {
          padding: 15px 24px 38px;
          margin-bottom: 44px;
          background: var(--c-color-08);
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page-area-message > :where(div.profile) {
            padding: 18px 24px 19px;
            margin-bottom: 25px;
          }
        }
        .l-about-faculty-member-page-area-message > :where(div.profile) > :where(p.bold-blue) {
          margin-bottom: 3px;
        }
        .l-about-faculty-member-page-area-message > :where(div.other) {
          padding: 37px 40px 48px;
          margin-bottom: 56px;
          background: var(--c-color-08);
          display: grid;
          gap: 26px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page-area-message > :where(div.other) {
            padding: 21px 24px 29px;
            margin-top: 26px;
            margin-bottom: 32px;
            gap: 11px;
          }
        }
        .l-about-faculty-member-page-area-message > :where(div.other) > :where(h5) {
          margin: -7px 0 !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page-area-message > :where(div.other) > :where(h5) {
            margin: -5px 0 !important;
          }
        }
        .l-about-faculty-member-page-area-message > :where(div.other) > :where(a) {
          margin: -6px 0 !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page-area-message > :where(div.other) > :where(a) {
            margin: -4px 0 !important;
          }
        }
        .l-about-faculty-member-page-area-message > :where(div.other) > :where(p.bold-blue) {
          margin-bottom: 16px;
        }
        .l-about-faculty-member-page-back {
          text-align: center;
          padding-bottom: 160px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page-back {
            padding-bottom: 83px;
          }
        }
        .l-about-faculty-member-page :where(ul) {
          display: flex;
          flex-direction: column;
        }
        .l-about-faculty-member-page :where(ul) > :where(li) {
          position: relative;
          padding-left: 25px;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page :where(ul) > :where(li):not(:first-child) {
            margin-top: var(--sp-margintop);
          }
        }
        .l-about-faculty-member-page :where(ul) > :where(li)::before {
          content: "";
          position: absolute;
          left: 10px;
          top: 16px;
          transform: translateY(-50%);
          width: 4px;
          height: 4px;
          background-color: var(--c-color-03);
          border-radius: 50%;
        }
        .l-about-faculty-member-page :where(ul.caption) > :where(li) {
          position: relative;
          padding-left: 20px;
          margin-bottom: 20px;
          font-weight: 400 !important;
          font-size: 12px !important;
          line-height: 160% !important;
          letter-spacing: 0.04em !important;
          font-feature-settings: "halt" on !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page :where(ul.caption) > :where(li) {
            font-size: 10px !important;
            margin-bottom: 0 !important;
          }
        }
        .l-about-faculty-member-page :where(ul.caption) > :where(li)::before {
          content: "";
          position: absolute;
          left: 10px;
          top: 10px;
          width: 3px;
          height: 3px;
          background-color: var(--c-color-03);
          border-radius: 50%;
        }
        @media screen and (max-width: 960px) {
          .l-about-faculty-member-page :where(ul.caption) > :where(li)::before {
            left: 10px;
            top: 8px;
          }
        }
        .l-campus {
          font-family: var(--t-noto);
        }
        .l-campus h3 {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 30px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-campus h3 {
            font-size: 22px;
            line-height: 150%;
          }
        }
        .l-campus h4 {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 22px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-campus h4 {
            font-size: 18px;
            line-height: 160%;
          }
        }
        .l-campus div.h5 {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 18px;
          line-height: 32px;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
          flex: none;
          order: 1;
          flex-grow: 0;
          letter-spacing: 0;
        }
        @media screen and (max-width: 960px) {
          .l-campus div.h5 {
            font-family: var(--t-noto);
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 26px;
          }
          .l-campus div.h5 br {
            display: none;
          }
        }
        .l-campus .sectiontitle {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 22px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-campus .sectiontitle {
            font-size: 18px;
            line-height: 160%;
          }
        }
        @media screen and (max-width: 960px) {
          .l-campus .l-campus-section2 {
            margin-top: 77px;
          }
        }
        .l-campus h5 {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 18px;
          line-height: 32px;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
          flex: none;
          order: 1;
          flex-grow: 0;
        }
        @media screen and (max-width: 960px) {
          .l-campus h5 {
            font-family: var(--t-noto);
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 26px;
          }
          .l-campus h5 br {
            display: none;
          }
        }
        .l-campus h3.blue {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 18px;
          line-height: 32px;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
          flex: none;
          order: 1;
          flex-grow: 0;
        }
        @media screen and (max-width: 960px) {
          .l-campus h3.blue {
            font-family: var(--t-noto);
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 26px;
          }
          .l-campus h3.blue br {
            display: none;
          }
        }
        .l-campus-top {
          display: flex;
          justify-content: flex-start;
          text-align: left;
          margin: 38px 120px 0;
          width: 964px;
          height: 385px;
        }
        @media screen and (max-width: 960px) {
          .l-campus-top {
            display: block;
            width: auto;
            height: auto;
            margin: 30px 24px 0;
          }
        }
        .l-campus-top > img {
          margin: 0;
          width: 236px;
          height: 385px;
        }
        @media screen and (max-width: 960px) {
          .l-campus-top > img {
            width: 100%;
            height: initial;
          }
        }
        .l-campus-top > div {
          text-align: left;
          margin: auto 0 auto 48px;
          width: 100%;
          padding-top: 9px;
        }
        @media screen and (max-width: 960px) {
          .l-campus-top > div {
            width: 100%;
            height: auto;
            margin: 0;
          }
        }
        .l-campus-top > div > h2 {
          background: var(--c-color-08);
          width: fit-content;
          padding-bottom: 4px;
          padding-right: 4px;
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 30px;
          line-height: 0.85;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-campus-top > div > h2 {
            margin-top: 26px;
            font-size: 22px;
            line-height: 150%;
          }
        }
        .l-campus-top > div > div.h5 {
          margin-top: 22px;
        }
        @media screen and (max-width: 960px) {
          .l-campus-top > div > div.h5 {
            margin-top: 17px;
          }
        }
        .l-campus a {
          transition: opacity 0.1s ease-out;
        }
        @media (hover: hover) {
          .l-campus a:hover {
            opacity: 0.5;
          }
        }
        .l-campus > section {
          margin: 0 120px 120px;
        }
        @media screen and (max-width: 960px) {
          .l-campus > section {
            margin: 0 24px 24px;
          }
        }
        .l-campus > section > p {
          margin-top: 24px;
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-campus > section > p {
            margin-top: 12px;
          }
        }
        .l-campus > section > h3 {
          margin-top: 38px;
        }
        @media screen and (max-width: 960px) {
          .l-campus > section > h3 {
            margin-top: 26px;
          }
        }
        .l-campus > section > :where(div) > h4 {
          margin-top: 21px;
          margin-bottom: -18px;
          font-style: normal;
          font-weight: 700;
          font-size: 14px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-campus > section > :where(div) > h4 {
            margin-top: 14px;
            margin-bottom: 0;
            font-size: 18px;
          }
        }
        .l-campus > section > div > h4:first-child {
          margin-top: 31px;
        }
        @media screen and (max-width: 960px) {
          .l-campus > section > div > h4:first-child {
            margin-top: 14px;
          }
        }
        .l-campus > section > div.border {
          width: 100%;
          height: 1px;
          margin-top: 15px;
          background: rgba(44, 73, 137, 0.5);
        }
        @media screen and (max-width: 960px) {
          .l-campus > section > div.border {
            margin-top: 10px;
          }
        }
        .l-campus > section .c-campus-list-common {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          width: 100%;
          gap: 35px;
          margin-top: 32px;
        }
        @media screen and (max-width: 960px) {
          .l-campus > section .c-campus-list-common {
            flex-direction: column;
            justify-content: none;
            gap: 24px;
            margin-top: 6px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-campus > section .c-campus-list-common p {
            font-size: 14px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-campus > section .c-campus-list1 {
            display: flex;
            flex-direction: column;
            margin-top: 24px;
            gap: 19px;
          }
        }
        .l-campus > section .c-campus-list3 {
          display: flex;
          flex-wrap: wrap;
          margin-top: 47px;
          width: 100%;
          gap: 40px;
        }
        .l-campus > section .c-campus-list4 {
          margin-top: 27px;
        }
        @media screen and (max-width: 960px) {
          .l-campus > section .c-campus-list4 {
            height: 440px;
          }
        }
        .l-campus > section .caption {
          font-style: normal;
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          text-align: right;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
          padding-bottom: 32px;
        }
        .l-campus > section div.area {
          background: var(--c-color-08);
          padding: 29px 40px 34px;
          margin-top: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-campus > section div.area {
            padding: 19px 24px 21px;
          }
        }
        .l-campus > section div.area > h4 {
          margin-top: 0;
          margin-bottom: 0;
          font-style: normal;
          font-weight: 700;
          font-size: 18px;
          line-height: 180%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-campus > section div.area > h4 {
            font-size: 16px;
            line-height: 160%;
          }
        }
        .l-campus > section div.area > p {
          margin-top: 5px;
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-campus > section div.area > p {
            margin-top: 8px;
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-campus > section div.access-area {
          display: grid;
          grid-template-columns: 1fr auto;
          margin-top: 38px;
          width: 100%;
        }
        @media screen and (max-width: 960px) {
          .l-campus > section div.access-area {
            grid-template-columns: auto;
            gap: 32px;
            width: 100%;
            margin-top: 0;
            column-gap: 0;
          }
        }
        .l-campus > section div.access-area > div {
          display: flex;
          flex-direction: column;
          row-gap: 24px;
        }
        @media screen and (max-width: 960px) {
          .l-campus > section div.access-area > div {
            row-gap: 0;
          }
        }
        .l-campus > section div.access-area > div > div {
          margin-top: 0;
        }
        @media screen and (max-width: 960px) {
          .l-campus > section div.access-area > div > div {
            display: block;
            width: 100%;
            margin-top: 22px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-campus > section div.access-area > div > div:first-child {
            margin-top: 19px;
          }
        }
        .l-campus > section div.access-area > div > div :where(p) {
          color: var(--c-color-03);
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
        }
        @media screen and (max-width: 960px) {
          .l-campus > section div.access-area > div > div :where(p) {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-campus > section div.access-area > div > div :where(a) {
          color: var(--c-color-03);
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          opacity: 1;
        }
        @media (hover: hover) {
          .l-campus > section div.access-area > div > div :where(a):hover {
            opacity: 0.5;
          }
        }
        @media screen and (max-width: 960px) {
          .l-campus > section div.access-area > div > div :where(a) {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-campus > section div.access-area > div > div .link {
          display: flex;
        }
        .l-campus > section div.access-area > div > div > ul {
          color: var(--c-color-03);
          list-style: none;
        }
        .l-campus > section div.access-area > div > div > ul > li {
          padding-left: 20px;
          color: var(--c-color-03);
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
        }
        @media screen and (max-width: 960px) {
          .l-campus > section div.access-area > div > div > ul > li {
            font-size: 14px;
            line-height: 160%;
            text-indent: -0.5em;
          }
        }
        .l-campus > section div.access-area > div > div > ul > li::before {
          content: "";
          width: 5px;
          height: 5px;
          display: inline-block;
          background-color: var(--c-color-03);
          border-radius: 50%;
          position: relative;
          top: -4px;
          left: -10px;
        }
        .l-campus > section div.access-area > div :first-of-type {
          margin-top: -4px;
        }
        .l-campus > section div.access-area > div > iframe {
          margin-right: 0;
          width: 600px;
          height: 427px;
        }
        @media screen and (max-width: 960px) {
          .l-campus > section div.access-area > div > iframe {
            margin-left: 0;
            margin-top: 32px;
            width: 100%;
            height: auto;
            aspect-ratio: 327/187;
          }
        }
        .l-campus > section div.access-area > div > a {
          margin-top: 5px;
          margin-left: auto;
          text-align: end;
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          align-items: center;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-01);
          text-underline-offset: 1ex;
        }
        @media screen and (max-width: 960px) {
          .l-campus > section div.access-area > div > a {
            margin-bottom: 56px;
          }
        }
        .l-campus-list3-parent {
          position: relative;
        }
        .l-campus-next-prev {
          position: absolute;
          top: 29vw;
          width: 100%;
          height: fit-content;
        }
        .l-campus-next-prev > :where(div) {
          display: flex;
          justify-content: space-between;
          padding: 0 3vw;
        }
        .l-campus-next-prev .swiper-button-prev,
        .l-campus-next-prev .swiper-button-next {
          position: relative !important;
          inset: auto !important;
        }
        .l-campus-next-prev .swiper-button-prev {
          width: 12.8vw !important; /* ビューポート幅の12.8% */
          height: 12.8vw !important; /* ビューポート幅の12.8% */
          margin-left: -7.5vw !important;
          background-image: url("/wp-content/themes/original2024/assets/img/about/about_campus_prev_button.svg") !important;
          background-size: cover !important; /* 画像を拡大して要素全体を覆う */
          background-position: center !important; /* 画像の中央部分を表示 */
          background-repeat: no-repeat !important; /* 画像を繰り返さない */
          opacity: 1 !important;
          transition: opacity 0.3s !important;
          left: 20px;
        }
        .l-campus-next-prev .swiper-button-next {
          width: 12.8vw !important; /* ビューポート幅の12.8% */
          height: 12.8vw !important; /* ビューポート幅の12.8% */
          margin-right: -7.5vw !important;
          background-image: url("/wp-content/themes/original2024/assets/img/about/about_campus_next_button.svg") !important;
          background-size: cover !important; /* 画像を拡大して要素全体を覆う */
          background-position: center !important; /* 画像の中央部分を表示 */
          background-repeat: no-repeat !important; /* 画像を繰り返さない */
          opacity: 1 !important;
          transition: opacity 0.3s !important;
        }
        .l-campus-next-prev .swiper-button-prev::after,
        .l-campus-next-prev .swiper-button-next::after {
          content: "" !important;
        }
        @media screen and (min-width: 961px) {
          .l-campus .space5-pc-only {
            margin-top: 5px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-campus .margin-bottom-160-pc-only {
            margin-bottom: 160px !important;
          }
        }
        .l-schedule {
          font-family: var(--t-noto);
          font-style: normal;
          margin: 73px 0 0;
          padding-bottom: 156px;
          padding-left: 120px;
          padding-right: 120px;
          position: relative;
        }
        @media screen and (max-width: 960px) {
          .l-schedule {
            margin: 57px 0 0;
            padding-bottom: 80px;
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-schedule-caption {
          font-weight: 400;
          font-size: 12px;
          margin-top: 16px;
          line-height: 100%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          /* color_black */
          color: var(--c-color-03);
        }
        .l-schedule-vertical {
          position: absolute;
          text-align: start;
          justify-content: left;
          height: 100%;
          left: 182px;
        }
        @media screen and (max-width: 960px) {
          .l-schedule-vertical {
            left: 49px;
          }
        }
        .l-schedule-vertical-line {
          width: 28px;
          height: calc(100% - 360px);
          background: linear-gradient(180deg, rgba(44, 65, 152, 0) 0%, var(--c-color-01) 100%);
          z-index: 1;
        }
        @media screen and (max-width: 960px) {
          .l-schedule-vertical-line {
            height: calc(100% - 259px);
          }
        }
        .l-schedule-item {
          display: grid;
          grid-auto-flow: column;
          grid-auto-columns: 147px 1fr;
          border-top: rgba(44, 73, 137, 0.5) solid 1px;
          border-bottom: rgba(44, 73, 137, 0.5) solid 1px;
          min-height: 161px;
          margin-bottom: 49px;
          z-index: 2;
          will-change: transform;
        }
        @media screen and (max-width: 960px) {
          .l-schedule-item {
            grid-auto-columns: 72px 1fr;
            min-height: 131px;
            margin-bottom: 42px;
          }
        }
        .l-schedule-item-month {
          z-index: 1;
          background: hsl(245, 89%, 90%);
          height: 100%;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        @media screen and (max-width: 960px) {
          .l-schedule-item-month {
            margin-top: 0;
          }
        }
        .l-schedule-item-month > :where(div) {
          font-weight: 700;
          font-size: 52px;
          line-height: 100%;
          display: flex;
          font-feature-settings: "palt" on;
          color: var(--c-color-01);
          width: fit-content;
          height: fit-content;
          margin-top: -8px;
        }
        @media screen and (max-width: 960px) {
          .l-schedule-item-month > :where(div) {
            font-size: 30px;
          }
        }
        .l-schedule-item-month > :where(div) > :where(span) {
          font-weight: 700;
          font-size: 22px;
          line-height: 150%;
          display: flex;
          align-items: flex-end;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-schedule-item-month > :where(div) > :where(span) {
            font-size: 14px;
          }
        }
        .l-schedule-item:last-of-type {
          margin-bottom: 0;
        }
        .l-schedule-item:nth-of-type(2) .l-schedule-item-month-campus-tokyo {
          background: hsl(245, 89%, 90%);
        }
        .l-schedule-item:nth-of-type(3) .l-schedule-item-month-campus-tokyo {
          background: hsl(244, 93%, 88%);
        }
        .l-schedule-item:nth-of-type(4) .l-schedule-item-month-campus-tokyo {
          background: hsl(244, 97%, 86%);
        }
        .l-schedule-item:nth-of-type(5) .l-schedule-item-month-campus-tokyo {
          background: hsl(245, 97%, 85%);
        }
        .l-schedule-item:nth-of-type(6) .l-schedule-item-month-campus-tokyo {
          background: hsl(244, 100%, 84%);
        }
        .l-schedule-item:nth-of-type(7) .l-schedule-item-month-campus-tokyo {
          background: hsl(245, 100%, 82%);
        }
        .l-schedule-item:nth-of-type(8) .l-schedule-item-month-campus-tokyo {
          background: hsl(246, 100%, 80%);
        }
        .l-schedule-item:nth-of-type(9) .l-schedule-item-month-campus-tokyo {
          background: hsl(247, 100%, 78%);
        }
        .l-schedule-item:nth-of-type(2) .l-schedule-item-month-campus-osaka {
          background: hsl(207, 60%, 83%);
        }
        .l-schedule-item:nth-of-type(3) .l-schedule-item-month-campus-osaka {
          background: hsl(208, 65%, 80%);
        }
        .l-schedule-item:nth-of-type(4) .l-schedule-item-month-campus-osaka {
          background: hsl(208, 65%, 77%);
        }
        .l-schedule-item:nth-of-type(5) .l-schedule-item-month-campus-osaka {
          background: hsl(208, 65%, 73%);
        }
        .l-schedule-item:nth-of-type(6) .l-schedule-item-month-campus-osaka {
          background: hsl(208, 62%, 71%);
        }
        .l-schedule-item:nth-of-type(7) .l-schedule-item-month-campus-osaka {
          background: hsl(207, 67%, 70%);
        }
        .l-schedule-item:nth-of-type(2) .l-schedule-item-month-campus-nagoya {
          background: hsl(155, 40%, 81%);
        }
        .l-schedule-item:nth-of-type(3) .l-schedule-item-month-campus-nagoya {
          background: hsl(155, 41%, 77%);
        }
        .l-schedule-item:nth-of-type(4) .l-schedule-item-month-campus-nagoya {
          background: hsl(155, 40%, 73%);
        }
        .l-schedule-item:nth-of-type(5) .l-schedule-item-month-campus-nagoya {
          background: hsl(155, 42%, 71%);
        }
        .l-schedule-item:nth-of-type(6) .l-schedule-item-month-campus-nagoya {
          background: hsl(155, 42%, 67%);
        }
        .l-schedule-item:nth-of-type(7) .l-schedule-item-month-campus-nagoya {
          background: hsl(155, 46%, 64%);
        }
        .l-schedule-item:nth-of-type(8) .l-schedule-item-month-campus-nagoya {
          background: hsl(155, 46%, 62%);
        }
        .l-schedule-item-content {
          display: grid;
          grid-auto-rows: 1fr;
        }
        .l-schedule-item-content > :where(div) {
          height: 100%;
          display: flex;
          align-items: center;
          border-bottom: 1px solid rgba(44, 73, 137, 0.5);
        }
        .l-schedule-item-content > :where(div) > :where(p):first-child {
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
          margin: auto 40px auto 32px;
        }
        @media screen and (max-width: 960px) {
          .l-schedule-item-content > :where(div) > :where(p):first-child {
            white-space: nowrap;
            margin: auto 16px;
            font-weight: 700;
            font-size: 18px;
            line-height: 160%;
            text-align: center;
            letter-spacing: 0.08em;
            font-feature-settings: "halt" on;
          }
        }
        .l-schedule-item-content > :where(div) > :where(p):last-child {
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
          padding-top: 11px;
          padding-bottom: 14px;
        }
        @media screen and (max-width: 960px) {
          .l-schedule-item-content > :where(div) > :where(p):last-child {
            font-size: 14px;
            line-height: 160%;
            padding-top: 0;
            padding-bottom: 0;
          }
        }
        .l-schedule-item-content > :where(div):last-child {
          border-bottom: none;
        }
        .l-about-tvcm {
          width: 100%;
          padding-left: 120px;
          padding-right: 120px;
          font-family: var(--t-noto);
          font-style: normal;
        }
        @media screen and (max-width: 960px) {
          .l-about-tvcm {
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-about-tvcm h2 {
          font-weight: 700;
          font-size: 30px;
          line-height: 150%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-about-tvcm h2 {
            font-size: 22px;
            line-height: 140%;
          }
        }
        .l-about-tvcm p {
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-tvcm p {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-about-tvcm a {
          transition: opacity 0.1s ease-out;
        }
        @media (hover: hover) {
          .l-about-tvcm a:hover {
            opacity: 0.5;
          }
        }
        .l-about-tvcm-video {
          margin-top: 85px;
          margin-bottom: 69px;
          width: 100% !important;
          aspect-ratio: 1200/675 !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-tvcm-video {
            aspect-ratio: 327/183 !important;
            margin-top: 32px;
            margin-bottom: 30px;
          }
        }
        .l-about-tvcm-content {
          display: grid;
          grid-template-columns: 400px 1fr;
          padding-bottom: 160px;
          gap: 64px;
        }
        @media screen and (max-width: 960px) {
          .l-about-tvcm-content {
            grid-template-columns: 1fr;
            gap: 18px;
            padding-bottom: 83px;
          }
        }
        .l-about-tvcm-content-left {
          margin-top: -4px;
        }
        @media screen and (max-width: 960px) {
          .l-about-tvcm-content-left {
            padding-bottom: 5px;
          }
        }
        .l-about-tvcm-content-staff {
          margin-top: 73px;
          padding: 27px 40px 29px;
          display: grid;
          gap: 60px;
          grid-template-columns: 1fr 1fr;
          background: var(--c-color-08);
        }
        @media screen and (max-width: 960px) {
          .l-about-tvcm-content-staff {
            grid-template-columns: 1fr;
            gap: 0;
            padding: 20px 24px 15px;
            margin-top: 39px;
          }
        }
        .l-about-tvcm-content-staff > :where(div) > :where(div) {
          display: flex;
          flex-shrink: 0;
          margin-bottom: 6px;
        }
        .l-about-tvcm-content-staff > :where(div) > :where(div) > :where(span):first-child {
          font-weight: 700;
          font-size: 12px;
          line-height: 160%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-tvcm-content-staff > :where(div) > :where(div) > :where(span):first-child {
            font-size: 10px;
          }
        }
        .l-about-tvcm-content-staff > :where(div) > :where(div) > :where(span):last-child {
          margin-left: 8px;
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-tvcm-content-staff > :where(div) > :where(div) > :where(span):last-child {
            font-size: 10px;
          }
        }
        .l-about-public-publication-content-index-menu-multi-line {
          margin-top: 52px;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-content-index-menu-multi-line {
            margin-top: 30px;
            margin-bottom: -31px;
          }
        }
        .l-about-public-publication {
          width: 100%;
          padding-left: 120px;
          padding-right: 120px;
          padding-bottom: 160px;
          font-family: var(--t-noto);
          font-style: normal;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication {
            padding-left: 24px;
            padding-right: 24px;
            padding-bottom: 85px;
          }
        }
        .l-about-public-publication section {
          margin-top: 110px;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication section {
            margin-top: 80px;
          }
        }
        .l-about-public-publication h3 {
          font-weight: 700;
          font-size: 22px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
          border-bottom: 1px solid rgba(44, 73, 137, 0.5);
          padding-bottom: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication h3 {
            font-size: 18px;
            padding-bottom: 8px;
          }
        }
        .l-about-public-publication p {
          font-weight: 400;
          font-size: 16px;
          line-height: 28.8px;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication p {
            font-size: 14px;
            line-height: 22.4px;
          }
        }
        .l-about-public-publication p.caption {
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          text-align: right;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
          margin-top: 10px;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication p.caption {
            font-size: 10px;
            line-height: 140%;
            text-align: left;
          }
        }
        .l-about-public-publication a {
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          align-items: center;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-01);
          text-decoration: underline;
          text-decoration-thickness: 1px;
          transition: opacity 0.1s ease-out;
          display: flex;
          width: fit-content;
          padding-right: 22px;
          word-break: break-all;
        }
        @media (hover: hover) {
          .l-about-public-publication a:hover {
            opacity: 0.5;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication a {
            font-size: 14px;
            line-height: 180%;
          }
        }
        .l-about-public-publication a.pdf {
          display: inline-block;
        }
        .l-about-public-publication span.pdf {
          position: relative;
          height: 28.8px;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication span.pdf {
            height: 22.4px;
          }
        }
        .l-about-public-publication span.pdf::after {
          position: absolute;
          content: "";
          overflow: visible;
          width: 16px; /* アイコンの幅 */
          height: 15px; /* アイコンの高さ */
          background-image: url("/wp-content/themes/original2024/assets/img/admission/admission-pdf-icon.svg"); /* SVGアイコンのパス */
          background-size: cover; /* アイコンが要素のサイズに収まるように */
          background-repeat: no-repeat; /* アイコンを繰り返さない */
          margin-top: 8px;
          left: 5px;
        }
        .l-about-public-publication img.pdf {
          display: inline;
        }
        .l-about-public-publication ol > :where(li) {
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
          list-style-type: none;
          counter-increment: cnt;
          padding-left: 25px;
          position: relative;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication ol > :where(li) {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-about-public-publication ol > :where(li)::before {
          position: absolute;
          content: "" counter(cnt) ". ";
          margin-left: 5px;
          left: 0;
          top: 0;
          width: 20px;
        }
        .l-about-public-publication ol.blue > :where(li) {
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication ol.blue > :where(li) {
            font-weight: 700;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0.04em;
            font-feature-settings: "halt" on;
          }
        }
        .l-about-public-publication ul > :where(li) {
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
          list-style-type: none;
          counter-increment: cnt;
          padding-left: 25px;
          position: relative;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication ul > :where(li) {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-about-public-publication ul > :where(li)::before {
          position: absolute;
          content: "・";
          margin-left: 5px;
          left: 0;
          top: 0;
          width: 20px;
        }
        .l-about-public-publication-item {
          margin-top: 30px;
        }
        .l-about-public-publication-item > :where(h3) {
          margin-bottom: 18px;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-item > :where(h3) {
            margin-bottom: 10px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-item {
            margin-top: 22px;
          }
        }
        .l-about-public-publication-item > :where(ul) {
          margin-top: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-item > :where(ul) {
            margin-top: 9px;
          }
        }
        .l-about-public-publication-ol {
          margin-top: 24px;
          margin-bottom: 20px;
          background: hsla(0, 0%, 100%, 0.2);
          padding: 40px 48px 42px;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-ol {
            padding: 18px 24px 16px;
          }
        }
        .l-about-public-publication-ol > :where(.blue) {
          display: grid;
          gap: 16px;
        }
        .l-about-public-publication-ul {
          margin-bottom: 24px;
        }
        .l-about-public-publication-ul > :where(.blue) {
          display: grid;
          gap: 20px;
        }
        .l-about-public-publication-grid {
          display: grid;
          gap: 9px;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-grid {
            gap: 12px;
          }
        }
        .l-about-public-publication-grid > :where(p) {
          margin-bottom: 0;
          margin-top: 0;
        }
        .l-about-public-publication-grid:nth-of-type(n + 2) {
          margin-top: 24px;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-grid:nth-of-type(n + 2) {
            margin-top: 29px;
          }
        }
        .l-about-public-publication-grid-gap16-13 {
          gap: 16px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-grid-gap16-13 {
            gap: 13px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-about-public-publication-grid-gap17 {
            gap: 17px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-about-public-publication-grid-gap15 {
            gap: 15px !important;
          }
        }
        .l-about-public-publication-scroll {
          overflow-y: hidden;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-scroll {
            overflow: scroll;
            overflow-y: hidden;
            margin: 0 -24px;
            padding: 1px 24px;
            display: grid;
          }
        }
        .l-about-public-publication-swipe {
          position: absolute;
          inset: 10px 0 0;
          width: 155px;
          height: 153px;
          margin: auto;
          pointer-events: none;
          transition: opacity 0.5s ease;
          opacity: 1;
        }
        .l-about-public-publication-swipe-hidden {
          opacity: 0;
        }
        .l-about-public-publication-table {
          width: 100%;
          text-align: center;
          border: 1px solid var(--c-color-01);
          border-collapse: collapse;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
          table-layout: fixed;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-table {
            font-size: 14px;
            line-height: 160%;
            width: 840px;
            padding-right: 24px;
          }
        }
        .l-about-public-publication-table th.blue {
          color: var(--c-color-01);
        }
        .l-about-public-publication-table th {
          padding: 14px 11px 15px;
          border: 1px solid var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-table th {
            padding: 15px 11px;
          }
        }
        .l-about-public-publication-table td {
          min-width: 112px;
          padding: 14px 22px 15px;
          border: 1px solid var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-table td {
            padding: 17px 22px;
          }
        }
        .l-about-public-publication-table-width200-142 {
          width: 200px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-table-width200-142 {
            width: 142px !important;
          }
        }
        .l-about-public-publication-table-width200-145 {
          width: 200px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-table-width200-145 {
            width: 145px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-table-width928-sp-only {
            width: 928px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-table-no-scroll {
            width: 100%;
          }
        }
        .l-about-public-publication-relative {
          margin-top: 24px;
          position: relative !important;
        }
        .l-about-public-publication-space {
          margin-top: 40px;
        }
        .l-about-public-publication-margin-bottom-22-16 {
          margin-bottom: 22px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-margin-bottom-22-16 {
            margin-bottom: 16px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-about-public-publication-margin-bottom-22-pc-only {
            margin-bottom: 22px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-about-public-publication-margin-bottom-15-pc-only {
            margin-bottom: 15px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-about-public-publication-margin-bottom-14-pc-only {
            margin-bottom: 14px !important;
          }
        }
        .l-about-public-publication-space105-77 {
          margin-top: 105px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space105-77 {
            margin-top: 77px !important;
          }
        }
        .l-about-public-publication-space99-71 {
          margin-top: 99px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space99-71 {
            margin-top: 71px !important;
          }
        }
        .l-about-public-publication-space98-70 {
          margin-top: 98px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space98-70 {
            margin-top: 70px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-about-public-publication-space74 {
            margin-top: 74px !important;
          }
        }
        .l-about-public-publication-space40-26 {
          margin-top: 40px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space40-26 {
            margin-top: 26px !important;
          }
        }
        .l-about-public-publication-space39-31 {
          margin-top: 39px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space39-31 {
            margin-top: 31px !important;
          }
        }
        .l-about-public-publication-space38-27 {
          margin-top: 38px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space38-27 {
            margin-top: 27px !important;
          }
        }
        .l-about-public-publication-space38-29 {
          margin-top: 38px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space38-29 {
            margin-top: 29px !important;
          }
        }
        .l-about-public-publication-space38-25 {
          margin-top: 38px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space38-25 {
            margin-top: 25px !important;
          }
        }
        .l-about-public-publication-space37-29 {
          margin-top: 37px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space37-29 {
            margin-top: 29px !important;
          }
        }
        .l-about-public-publication-space33-20 {
          margin-top: 33px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space33-20 {
            margin-top: 20px !important;
          }
        }
        .l-about-public-publication-space29-40 {
          margin-top: 29px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space29-40 {
            margin-top: 40px !important;
          }
        }
        .l-about-public-publication-space7-pc-only {
          margin-top: 7px !important;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space7-pc-only {
            margin-top: 0 !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-about-public-publication-space107-pc-only {
            margin-top: 107px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-about-public-publication-space104-pc-only {
            margin-top: 104px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-about-public-publication-space38-pc-only {
            margin-top: 38px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-about-public-publication-space5-pc-only {
            margin-top: 5px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-about-public-publication-space1-pc-only {
            margin-top: 1px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space75-sp-only {
            margin-top: 75px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space51-sp-only {
            margin-top: 51px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space28-sp-only {
            margin-top: 28px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space27-sp-only {
            margin-top: 27px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space21-sp-only {
            margin-top: 21px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space20-sp-only {
            margin-top: 20px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-about-public-publication-spacemin3-pc-only {
            margin-top: -3px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-about-public-publication-spacemin4-pc-only {
            margin-top: -4px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-space6-sp-only {
            margin-top: 6px !important;
          }
        }
        .l-about-public-publication-hidden-anchor {
          padding-top: 114px;
          margin-top: -114px;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-hidden-anchor {
            padding-top: 64px;
            margin-top: -64px;
          }
        }
      }
      .killer-english {
        position: relative;
        margin-top: 84px;
      }
      @media screen and (max-width: 960px) {
        .killer-english {
          margin-top: 50px;
          margin-bottom: -79px;
        }
      }
      .killer-english .killer-english-txt {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        color: #fff;
        text-align: center;
        font-size: 26px;
        padding: 18px 0;
        background: rgba(0, 0, 0, 0.7);
        margin-bottom: 0;
      }
      @media screen and (max-width: 960px) {
        .killer-english .killer-english-txt {
          font-size: 3vw;
          padding: 1vw 0;
        }
      }
      .killer-english .killer-english-flag {
        width: 162px;
        position: absolute;
        right: 0;
        bottom: 0;
      }
      .killer-english .killer-english-flag img {
        width: 100%;
        height: auto;
      }
      @media screen and (max-width: 960px) {
        .l-admission-residence-english {
          padding-bottom: 80px;
        }
      }
      .l-admission-residence-english .l-admission-residence-top.l-admission-residence-top-english {
        display: block;
        margin-top: 0 !important;
      }
      .l-about-president-area-english-top {
        margin-top: 0;
      }
      @media screen and (max-width: 960px) {
        .l-about-president-area-sticky {
          margin-top: 0;
          padding-top: 56px;
        }
      }
      .l-about-president-space30-16 {
        margin-top: 30px !important;
      }
      @media screen and (max-width: 960px) {
        .l-about-president-space30-16 {
          margin-top: 16px !important;
        }
      }
      .l-about-president-space160-80 {
        margin-top: 160px !important;
      }
      @media screen and (max-width: 960px) {
        .l-about-president-space160-80 {
          margin-top: 80px !important;
        }
      }
      .l-english {
        width: 100%;
        padding-right: 120px;
        padding-left: 120px;
        overflow: visible !important;
      }
      @media screen and (max-width: 960px) {
        .l-english {
          padding-left: 24px;
          padding-right: 24px;
        }
      }
      @media screen and (min-width: 961px) {
        .l-english .content-section-title.maxwidth-1440px,
        .l-english .message-list.maxwidth-1440px,
        .l-english .l-english-button.maxwidth-1440px {
          padding: 0 120px;
        }
      }
      .l-english-section {
        margin-bottom: 0 !important;
      }
      .l-english-president-space {
        margin-top: 5.875rem;
      }
      @media screen and (max-width: 960px) {
        .l-english-president-space {
          margin-top: 72px !important;
        }
      }
      .l-english-button {
        text-align: center;
        display: flex;
        justify-content: flex-end;
        margin-top: 1.5rem !important;
      }
      .l-english-button > * {
        margin-left: 0;
        margin-right: 0;
      }
      .l-english-button--map {
        margin-bottom: 194px;
      }
      @media screen and (max-width: 960px) {
        .l-english-button--map {
          margin-bottom: 114px;
        }
      }
      .l-english-campus {
        padding: 0;
      }
      .l-english-campus h3 {
        font-weight: 700;
        font-size: 22px;
        line-height: 160%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-english-campus h3 {
          font-size: 18px;
        }
      }
      .l-english-campus p {
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-english-campus p {
          font-size: 14px;
          line-height: 160%;
        }
      }
      .l-english-campus a {
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-01);
        text-decoration-thickness: 1px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .l-english-campus a:hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .l-english-campus a {
          font-size: 14px;
          line-height: 160%;
        }
      }
      .l-english-campus div.h3 {
        font-weight: 700;
        font-size: 30px;
        line-height: 150%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-english-campus div.h3 {
          font-size: 22px;
          line-height: 140%;
        }
      }
      .l-english-campus div.email {
        font-size: 22px !important;
        line-height: 160% !important;
      }
      @media screen and (max-width: 960px) {
        .l-english-campus div.email {
          font-size: 18px !important;
          line-height: 140% !important;
        }
      }
      .l-english-campus .l-english-button,
      .l-english-campus .l-english-link,
      .l-english-campus > .content-section-title {
        padding-right: 120px;
        padding-left: 120px;
      }
      @media screen and (max-width: 960px) {
        .l-english-campus .l-english-button,
        .l-english-campus .l-english-link,
        .l-english-campus > .content-section-title {
          padding-left: 24px;
          padding-right: 24px;
        }
      }
      .l-english-address {
        margin-top: 19px;
      }
      @media screen and (max-width: 960px) {
        .l-english-address {
          margin-top: 19px;
        }
      }
      .l-english-tel-email {
        display: flex;
        gap: 24px; /* アイテム間の隙間 */
        margin-top: 32px;
      }
      @media screen and (max-width: 960px) {
        .l-english-tel-email {
          display: block;
          margin-top: 18px;
        }
      }
      .l-english-tel-email-left {
        display: grid;
        height: 134px;
        background: hsla(0, 0%, 100%, 0.2);
        padding: 14px 32px 28px;
      }
      @media screen and (max-width: 960px) {
        .l-english-tel-email-left {
          height: auto;
          padding: 19px 24px 23px;
        }
      }
      .l-english-tel-email-left > :where(div) {
        display: flex;
        align-items: flex-end; /* 下付けに揃える */
        gap: 8px;
      }
      @media screen and (max-width: 960px) {
        .l-english-tel-email-left > :where(div) {
          display: block;
        }
      }
      .l-english-tel-email-left > :where(div) > :where(a) {
        text-decoration: none;
      }
      .l-english-tel-email-right {
        display: flex; /* フレックスボックスを使用 */
        flex-direction: column; /* 縦に並べる */
        justify-content: flex-end; /* 下寄せ */
        gap: 20px;
      }
      @media screen and (max-width: 960px) {
        .l-english-tel-email-right {
          display: flex; /* フレックスボックスを使用 */
          flex-direction: row; /* 縦に並べる */
          justify-content: flex-start;
          gap: 20px;
          margin-top: 22px;
        }
      }
      .l-english-access {
        margin-top: 17px;
      }
      @media screen and (max-width: 960px) {
        .l-english-access > :where(h4) {
          margin-bottom: 4px;
        }
      }
      .l-english-map {
        position: relative;
        width: 100%; /* 横幅を100%に設定 */
        padding-bottom: 50%;
        height: 0;
        margin-top: 20px;
      }
      @media screen and (max-width: 960px) {
        .l-english-map {
          width: 100%; /* 横幅を100%に設定 */
          padding-bottom: 100%;
          margin-top: 10px;
        }
      }
      .l-english-map > :where(iframe) {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
      .l-english-map > :where(a) {
        position: absolute;
        margin-top: calc(50% + 6px);
        top: 0;
        right: 0;
      }
      @media screen and (max-width: 960px) {
        .l-english-map > :where(a) {
          margin-top: calc(100% + 6px);
          top: 0;
          right: 0;
        }
      }
      .l-english > h3 {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 160%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-english > h3 {
          font-size: 18px;
        }
      }
      .l-english > h4 {
        font-weight: 700;
        font-size: 18px;
        line-height: 180%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-english > h4 {
          font-size: 16px;
          line-height: 160%;
        }
      }
      .l-english > p {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-english > p {
          font-size: 14px;
          line-height: 160%;
        }
      }
      .l-english > p.bold {
        font-weight: 700;
        font-feature-settings: "halt" on;
      }
      .l-english .l-english-link {
        text-align: center;
        display: flex;
        justify-content: flex-end;
        margin-top: 1.5rem !important;
      }
      .l-english .l-english-title {
        margin-top: 64px;
      }
      @media screen and (max-width: 960px) {
        .l-english .l-english-title {
          margin-top: 49px;
        }
      }
      .l-english .l-english-title > :where(div) {
        margin-top: 15px;
        width: 100%;
        height: 1px;
        background: rgba(44, 73, 137, 0.5);
      }
      @media screen and (max-width: 960px) {
        .l-english .l-english-title > :where(div) {
          margin-top: 16px;
        }
      }
      .l-english .l-english-title h4 {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 160%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-english .l-english-title h4 {
          font-size: 18px;
        }
      }
      .l-english .space-top32 {
        margin-top: 23px;
      }
      @media screen and (max-width: 960px) {
        .l-english .space-top32 {
          margin-top: 18px;
        }
      }
      .l-english .space-top24-10 {
        margin-top: 24px;
      }
      @media screen and (max-width: 960px) {
        .l-english .space-top24-10 {
          margin-top: 10px;
        }
      }
      .l-english.space {
        padding: 120px;
      }
      @media screen and (max-width: 960px) {
        .l-english.space {
          padding: 80px 24px;
        }
      }
      .l-english.pink {
        padding: 120px;
        background-color: var(--c-color-08);
      }
      @media screen and (max-width: 960px) {
        .l-english.pink {
          padding: 56px 24px;
        }
      }
      @media screen and (max-width: 960px) {
        .l-english .l-about-global-h3-title span::after {
          content: "＞";
          font-size: 0.75em;
          margin-left: 1em;
        }
      }
      .l-english .top-message-item .more-area .more {
        font-size: 0;
        text-underline-offset: 1px;
      }
      .l-english .top-message-item .more-area .more::before {
        font-size: 14px;
        content: "MORE +";
      }
      .l-english .top-message-item:has(.message.expand) .more-area .more {
        font-size: 0;
      }
      .l-english .top-message-item:has(.message.expand) .more-area .more::before {
        font-size: 14px;
        content: "CLOSE −";
      }
      .l-english .l-about-global-thumbnail-area-link {
        text-decoration: none;
        transition: opacity 0.1s ease-out;
      }
      .l-english .l-about-global-thumbnail-area-link:hover {
        opacity: 0.5;
      }
      .l-english .link-arr-5 {
        color: var(--c-color-01) !important;
        /*  border-bottom: solid 2px var(--c-color-01); */
        padding: 5px 0 8px;
        display: inline-flex;
        font-weight: 600;
        align-items: center;
        line-height: 1;
        position: relative;
        text-decoration: none;
        transition: opacity 0.1s ease-out;
      }
      .l-english .link-arr-5::before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 2px;
        background-color: var(--c-color-01);
        transition: 0.2s;
      }
      @media screen and (width <= 768px) {
        .l-english .link-arr-5::before {
          transition: unset;
        }
      }
      .l-english .link-arr-5::after {
        display: block;
        content: "";
        width: 8px;
        height: 12px;
        margin-left: 10px;
        background-image: url("/wp-content/themes/original2024/assets/img/english/blue_arrow.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
      }
      .l-english a.link-arr-5:hover {
        opacity: 0.5;
      }
      @layer component {
        .l-event-detail-titletext {
          display: inline;
          width: fit-content;
          font-family: var(--t-base) !important;
          font-size: 39.38px !important;
          font-weight: 500 !important;
          line-height: 26.5px !important;
          letter-spacing: 0.04em !important;
          text-align: left !important;
          background: var(--c-color-08);
          padding: 3px;
          box-decoration-break: clone;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-titletext {
            font-size: 33.6px !important;
            font-weight: 500 !important;
            line-height: 32px !important;
            letter-spacing: 0.04em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-opencampus {
          width: auto;
          height: 34.75px;
          margin-left: 0;
          margin-right: auto;
          object-fit: contain;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-opencampus {
            height: 33.6px;
            display: none;
          }
        }
        .l-event-detail-titletext-small {
          font-size: 12.38px !important;
          font-weight: 700 !important;
          line-height: 19.8px !important;
          letter-spacing: 0.08em !important;
          text-align: center !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-titletext-small {
            font-size: 14.4px !important;
            font-weight: 700 !important;
            line-height: 23.04px !important;
            letter-spacing: 0.08em !important;
            text-align: center !important;
          }
        }
        .l-event-detail-border {
          width: 100%;
          height: 2.25px;
          background-color: var(--c-color-02);
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-border {
            height: 3.2px;
          }
        }
        .l-event-detail-borderthin {
          width: 100%;
          height: 1px;
          background: var(--c-color-37);
          opacity: 0.2;
        }
        .l-event-detail-h1 {
          font-size: 52px !important;
          font-weight: 700 !important;
          line-height: 67.6px !important;
          letter-spacing: 0.08em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-h1 {
            font-size: 30px !important;
            font-weight: 700 !important;
            line-height: 36px !important;
            letter-spacing: 0.08em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-h3 {
          font-size: min(1.5625vw, 30px) !important;
          font-weight: 700 !important;
          line-height: min(2.5vw, 48px) !important;
          letter-spacing: 0.08em !important;
          text-align: left !important;
          color: var(--c-color-02) !important;
          margin: 0 !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-h3 {
            font-size: 22px !important;
            font-weight: 700 !important;
            line-height: 33px !important;
            letter-spacing: 0.08em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-h5 {
          font-size: min(0.9375vw, 18px) !important;
          font-weight: 700 !important;
          line-height: 32.4px !important;
          letter-spacing: 0.08em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-h5 {
            font-size: 16px !important;
            font-weight: 700 !important;
            line-height: 25.6px !important;
            letter-spacing: 0.08em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-h5-pc {
          font-size: 18px !important;
          font-weight: 700 !important;
          line-height: 32.4px !important;
          letter-spacing: 0.08em !important;
          text-align: left !important;
        }
        .l-event-detail-pch3-sph4 {
          font-size: 30px !important;
          font-weight: 700 !important;
          line-height: 48px !important;
          letter-spacing: 0.08em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-pch3-sph4 {
            font-size: 18px !important;
            font-weight: 700 !important;
            line-height: 28.8px !important;
            letter-spacing: 0.08em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-pch5-sptextbold {
          font-size: 18px !important;
          font-weight: 700 !important;
          line-height: 32.4px !important;
          letter-spacing: 0.08em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-pch5-sptextbold {
            font-size: 16px !important;
            font-weight: 700 !important;
            line-height: 28.8px !important;
            letter-spacing: 0.04em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-textbold {
          font-size: 16px !important;
          font-weight: 700 !important;
          line-height: 28.8px !important;
          letter-spacing: 0.04em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-textbold {
            font-size: 14px !important;
            font-weight: 700 !important;
            line-height: 22.4px !important;
            letter-spacing: 0.04em !important;
            text-align: center !important;
          }
        }
        .l-event-detail-text {
          font-size: 16px !important;
          font-weight: 400 !important;
          line-height: 28.8px !important;
          letter-spacing: 0.04em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-text {
            font-size: 14px !important;
            font-weight: 400 !important;
            line-height: 22.4px !important;
            letter-spacing: 0.04em !important;
            text-align: center !important;
          }
        }
        .l-event-detail-caption {
          font-size: 12px !important;
          font-weight: 400 !important;
          line-height: 19.2px !important;
          letter-spacing: 0.04em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-caption {
            font-size: 10px !important;
            font-weight: 400 !important;
            line-height: 16px !important;
            letter-spacing: 0.04em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-tel {
          font-size: 26px !important;
          font-weight: 700 !important;
          line-height: 41.6px !important;
          letter-spacing: 0.08em !important;
          text-align: center !important;
          text-decoration-thickness: 1px !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-tel {
            font-size: 26px !important;
            font-weight: 700 !important;
            line-height: 41.6px !important;
            letter-spacing: 0.08em !important;
            text-align: center !important;
          }
        }
        .l-event-detail-verticalcenter {
          margin-top: auto !important;
          margin-bottom: auto !important;
        }
        .l-event-detail-textblack {
          color: var(--c-color-03) !important;
        }
        .l-event-detail-textblue {
          color: var(--c-color-01) !important;
        }
        .l-event-detail-textred {
          color: var(--c-color-40) !important;
        }
        .l-event-detail-textnowrap {
          text-wrap: nowrap !important;
        }
        .l-event-detail-textcenter {
          text-align: center !important;
        }
        .l-event-space-border {
          margin-top: 13.5px;
        }
        @media screen and (max-width: 960px) {
          .l-event-space-border {
            margin-top: 9.6px;
          }
        }
        .l-event-space9-8 {
          margin-top: 9px;
        }
        @media screen and (max-width: 960px) {
          .l-event-space9-8 {
            margin-top: 8px;
          }
        }
        .l-event-space31-27 {
          margin-top: 31px;
        }
        @media screen and (max-width: 960px) {
          .l-event-space31-27 {
            margin-top: 0;
          }
        }
        .l-event-detail-space48-32 {
          margin-top: 48px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-space48-32 {
            margin-top: 32px;
          }
        }
        .l-event-detail-space16 {
          margin-top: 16px;
        }
        .l-event-detail-space24 {
          margin-top: 24px;
        }
        .l-event-space8-11 {
          margin-top: 8px;
        }
        @media screen and (max-width: 960px) {
          .l-event-space8-11 {
            margin-top: 11px;
          }
        }
        .l-event-detail-eventtype {
          width: min(5vw, 96px);
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-eventtype {
            text-align: center;
            width: 100%;
          }
        }
        .l-event-detail-eventdate {
          height: fit-content;
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          gap: 8px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-eventdate {
            grid-template-columns: repeat(1, 1fr);
          }
        }
        .l-event-detail-eventdate-column:not(:has(a)) {
          display: flex;
          flex-flow: row;
          gap: min(0.4166666667vw, 8px);
          padding: min(0.2604166667vw, 5px) min(1.6666666667vw, 32px) min(0.3645833333vw, 7px) min(1.25vw, 24px);
          align-items: center;
          background-color: var(--c-color-02);
          border-radius: 8px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-eventdate-column:not(:has(a)) {
            gap: 8px;
            padding: 7px 16px;
          }
        }
        .l-event-detail-eventdate-column a {
          display: flex;
          flex-flow: row;
          gap: min(0.4166666667vw, 8px);
          padding: min(0.2604166667vw, 5px) min(1.6666666667vw, 32px) min(0.3645833333vw, 7px) min(1.25vw, 24px);
          align-items: center;
          background-color: var(--c-color-02);
          border-radius: 8px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-eventdate-column a {
            gap: 8px;
            padding: 7px 16px;
          }
        }
        .l-event-detail-eventregion {
          height: fit-content;
          display: grid;
          grid-template-columns: 1fr 1fr 1fr 1fr;
          gap: 8px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-eventregion {
            grid-template-columns: 1fr 1fr;
          }
        }
        .l-event-detail-eventregion-column {
          list-style: none;
        }
        .l-event-detail-eventregion-column:not(:has(a)) {
          display: flex;
          gap: 8px;
          padding: 4px 9px 8px 24px;
          align-items: center;
          background-color: var(--c-color-02);
          border-radius: 8px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-eventregion-column:not(:has(a)) {
            padding: 10px 12px;
          }
        }
        .l-event-detail-eventregion-column:is(a)[href] {
          transition: opacity 0.1s ease-out;
        }
        .l-event-detail-eventregion-column:is(a)[href]:hover {
          opacity: 0.8;
        }
        .l-event-detail-eventregion-column a {
          display: flex;
          gap: 8px;
          padding: 4px 9px 8px 24px;
          align-items: center;
          background-color: var(--c-color-02);
          border-radius: 8px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-eventregion-column a {
            padding: 10px 12px;
          }
        }
        .l-event-detail-eventregion-column a[href] {
          transition: opacity 0.1s ease-out;
        }
        .l-event-detail-eventregion-column a[href]:hover {
          opacity: 0.8;
        }
        .l-event-detail-displaynone {
          display: none !important;
        }
        .l-event-detail-title {
          margin-top: 84px;
          background-color: var(--c-color-34);
          padding-bottom: 56px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-title {
            margin-top: 50px;
            padding-bottom: 32px;
          }
        }
        .l-event-detail-title-top {
          width: 100%;
          display: flex;
          flex-direction: row;
          gap: 36px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-title-top {
            flex-direction: column;
            gap: 0;
          }
        }
        .l-event-detail-title-top-left {
          z-index: 1;
          flex: 1;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-title-top-left {
            width: 100%;
            flex: none;
          }
        }
        .l-event-detail-title-top-left :where(img) {
          width: 100%;
          height: auto;
          aspect-ratio: 3/2;
          object-fit: cover;
        }
        .l-event-detail-title-top-right {
          margin-top: -200px;
          flex: 0.6;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-title-top-right {
            margin-top: -42px;
            flex: none;
          }
        }
        .l-event-detail-title-top-right > :where(div)[data-content=title] {
          display: flex;
          flex-direction: column;
          margin-right: 120px;
          margin-top: 90px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-title-top-right > :where(div)[data-content=title] {
            margin-top: 42px;
            margin-right: 24px;
            margin-left: 24px;
          }
        }
        .l-event-detail-title-top-right > :where(div)[data-content=title] > :where(div)[data-content=subtitle] {
          width: fit-content;
          display: flex;
          flex-direction: column;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-title-top-right > :where(div)[data-content=title] > :where(div)[data-content=subtitle] {
            display: none;
          }
        }
        .l-event-detail-title-bottom {
          width: 100%;
          margin-top: 56px;
          padding: 0 120px;
          display: flex;
          flex-direction: column;
          gap: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-title-bottom {
            margin-top: 35px;
            padding: 0 24px;
            gap: 24px;
          }
        }
        .l-event-detail-title-bottom-column {
          display: flex;
          flex-direction: column;
          gap: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-title-bottom-column {
            gap: 24px;
          }
        }
        .l-event-detail-title-bottom-column-main {
          display: flex;
          gap: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-title-bottom-column-main {
            flex-direction: column;
            gap: 24px;
          }
        }
        .l-event-detail-title-bottom-column-main > :where(ul) {
          display: flex;
          flex-direction: column;
          gap: 24px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-title-bottom-column-main > :where(ul) {
            gap: 16px;
          }
        }
        .l-event-detail-title-bottom-column-main > :where(ul) > :where(li) {
          display: flex;
          flex-direction: column;
          gap: 16px;
        }
        .l-event-detail-title-bottom .l-event-detail-h3 {
          white-space: nowrap;
        }
        .l-event-detail-title-bottom .l-event-detail-h5 {
          white-space: nowrap;
        }
        .l-event-detail-button {
          display: flex;
          justify-content: center;
          margin-top: 80px;
          margin-bottom: 160px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-button {
            margin-top: 56px;
            margin-bottom: 82px;
            padding-bottom: 133px;
          }
          .l-event-detail-button :where(a) {
            padding: 7.5px 24.4px;
          }
        }
        .l-event-spapply {
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding: 16px 24px;
          background: var(--c-color-50);
          position: fixed;
          bottom: 0;
          left: 0;
          z-index: 2;
          opacity: 0;
        }
        .event-spapply-title {
          color: var(--c-color-01);
          font-size: 18px;
          font-weight: 700;
          line-height: 28.8px;
          letter-spacing: 0.08em;
          text-align: center;
          margin-bottom: 16px;
          display: none;
        }
        .event-spapply-button {
          width: calc(100vw - 40px);
          height: 40px;
          margin: 0 auto;
        }
        .event-spapply-button :where(span) {
          font-size: 16px;
          font-weight: 700;
          line-height: 21.6px;
          letter-spacing: 0.04em;
          text-align: center;
        }
        .event-title-apply-button {
          display: flex;
        }
        @media screen and (max-width: 960px) {
          .event-title-apply-button :where(span) {
            font-size: 12px;
            font-weight: 700;
            line-height: 21.6px;
            letter-spacing: 0.04em;
            text-align: center;
          }
        }
        .l-event-detail {
          margin-top: 40px;
          display: flex;
          gap: 38px;
        }
        .l-event-detail a.c-button-black[data-content=applybutton-1] > :where(div) svg, .l-event-detail a.c-button-black[data-content=applybutton-2] > :where(div) svg {
          display: none;
        }
        .l-event-detail a.c-button-black[data-content=applybutton-1] > :where(div)::after, .l-event-detail a.c-button-black[data-content=applybutton-2] > :where(div)::after {
          display: inline-block;
          width: 14px;
          height: 12px;
          margin-left: 4px;
          background-color: #fff;
          mask: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-blank.svg") no-repeat center/contain;
          content: "";
        }
        .l-event-detail a.c-button-black[data-content=applybutton-1] :where(span) {
          font-size: 18px !important;
          font-weight: 700 !important;
          line-height: 32.4px !important;
          letter-spacing: 0.04em !important;
          text-align: center !important;
          color: var(--c-color-02) !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail a.c-button-black[data-content=applybutton-1] :where(span) {
            font-size: 14px !important;
            font-weight: 700 !important;
            line-height: 25.2px !important;
            letter-spacing: 0.04em !important;
            text-align: center !important;
          }
        }
        .l-event-detail a.c-button-black[data-content=applybutton-2] {
          font-size: 16px !important;
          font-weight: 700 !important;
          line-height: 28.8px !important;
          letter-spacing: 0.04em !important;
          text-align: center !important;
          color: var(--c-color-02) !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail a.c-button-black[data-content=applybutton-2] {
            font-size: 16px !important;
            font-weight: 700 !important;
            line-height: 28.8px !important;
            letter-spacing: 0.04em !important;
            text-align: center !important;
          }
        }
        .l-event-detail a.c-button-black[data-content=follow-button] {
          font-size: 16px !important;
          font-weight: 700 !important;
          line-height: 28.8px !important;
          letter-spacing: 0.04em !important;
          text-align: center !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail a.c-button-black[data-content=follow-button] {
            font-size: 12px !important;
            font-weight: 700 !important;
            line-height: 21.6px !important;
            letter-spacing: 0.04em !important;
            text-align: center !important;
          }
        }
        .l-event-detail_apply {
          width: auto;
          min-width: 150px;
          white-space: nowrap;
          height: 100%;
          display: block;
          text-align: center;
          margin: auto;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail_apply {
            width: 100%;
          }
        }
        .l-event-detail_apply-title {
          margin-left: 0;
          margin-top: 25px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail_apply-title {
            width: 166px;
            margin-left: auto;
            margin-top: 16px;
          }
        }
        .l-event-detail_apply .active {
          display: block;
          flex-shrink: 0;
        }
        .l-event-detail_apply :where(div) {
          gap: 6px !important;
        }
        .l-event-detail_apply > :where(a) {
          text-decoration: none;
          width: 100%;
          height: 100%;
          display: inline-flex;
          margin: auto;
          align-items: center;
          justify-content: center;
          gap: 10px;
          border-radius: 100px;
          color: var(--c-color-03) !important;
          background: var(--c-color-02);
          /* stylelint-disable no-descending-specificity */
          /* stylelint-enable no-descending-specificity */
        }
        .l-event-detail_apply > :where(a)::after {
          background: var(--cb-button-hover);
          background-size: 200% 100%;
        }
        .l-event-detail_apply > :where(a) > :where(span) {
          width: fit-content;
          font-size: 16px !important;
          font-weight: 700 !important;
          line-height: 28.8px !important;
          letter-spacing: 0.04em !important;
          text-align: center !important;
          color: var(--c-color-02) !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail_apply > :where(a) > :where(span) {
            font-size: 14px !important;
            font-weight: 700 !important;
            line-height: 25.2px !important;
            letter-spacing: 0.04em !important;
            text-align: center !important;
          }
        }
        .l-event-detail_apply > :where(a) :where(svg) {
          display: none;
        }
        .l-event-detail_apply > :where(a) :where(path) {
          width: fit-content;
          stroke: var(--c-color-03);
        }
        .l-event-detail_apply > :where(a)[target=_blank] {
          color: var(--c-color-02) !important;
          background: var(--c-color-03);
          /* stylelint-disable no-descending-specificity */
          /* stylelint-enable no-descending-specificity */
        }
        .l-event-detail_apply > :where(a)[target=_blank]::after {
          background: var(--cb-button-hover-black);
          background-size: 200% 100%;
        }
        .l-event-detail_apply > :where(a)[target=_blank] :where(svg) {
          display: none;
        }
        .l-event-detail_apply > :where(a)[target=_blank] :where(svg).active {
          display: none;
        }
        .l-event-detail_apply > :where(a)[target=_blank] :where(span) {
          /* stylelint-disable no-descending-specificity */
          /* stylelint-enable no-descending-specificity */
        }
        .l-event-detail_apply > :where(a)[target=_blank] :where(span)::after {
          display: inline-block !important;
          width: 14px;
          height: 12px;
          margin-left: 6px;
          background-color: #fff;
          mask: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-blank.svg") no-repeat center/contain;
          content: "";
        }
        .l-event-detail .mb-pc96-sp56 {
          margin-bottom: 96px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail .mb-pc96-sp56 {
            margin-bottom: 56px;
          }
        }
        .l-event-detail .mb-pc32-sp24 {
          margin-bottom: 32px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail .mb-pc32-sp24 {
            margin-bottom: 24px;
          }
        }
        .l-event-detail .mb-pc48-sp24 {
          margin-bottom: 48px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail .mb-pc48-sp24 {
            margin-bottom: 24px;
          }
        }
        .l-event-detail .mb-16 {
          margin-bottom: 16px;
        }
        .l-event-detail .mb-pc80-sp24 {
          margin-bottom: 80px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail .mb-pc80-sp24 {
            margin-bottom: 24px;
          }
        }
        .l-event-detail .mb-pc56-sp32 {
          margin-bottom: 56px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail .mb-pc56-sp32 {
            margin-bottom: 32px;
          }
        }
        .l-event-detail .mb-32 {
          margin-bottom: 32px;
        }
        .l-event-detail-left {
          width: 900px;
          display: flex;
          flex-flow: column;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left {
            width: 100%;
            flex-direction: column;
          }
        }
        .l-event-detail-left .event-datetime {
          color: var(--c-color-01) !important;
          font-size: 22px !important;
          font-weight: 700 !important;
          line-height: 35.2px !important;
          letter-spacing: 0.08em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-datetime {
            font-size: 18px !important;
            font-weight: 700 !important;
            line-height: 28.8px !important;
            letter-spacing: 0.08em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-left .event-datetime-type {
          color: var(--c-color-01) !important;
          font-size: 16px !important;
          font-weight: 700 !important;
          line-height: 28.8px !important;
          letter-spacing: 0.04em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-datetime-type {
            font-size: 14px !important;
            font-weight: 700 !important;
            line-height: 22.4px !important;
            letter-spacing: 0.04em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-left .event-datetime-date {
          color: var(--c-color-03) !important;
          font-size: 16px !important;
          font-weight: 700 !important;
          line-height: 28.8px !important;
          letter-spacing: 0.04em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-datetime-date {
            font-size: 14px !important;
            font-weight: 700 !important;
            line-height: 22.4px !important;
            letter-spacing: 0.04em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-left .event-datetime-time {
          color: var(--c-color-03) !important;
          font-size: 16px !important;
          font-weight: 400 !important;
          line-height: 28.8px !important;
          letter-spacing: 0.04em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-datetime-time {
            font-size: 14px !important;
            font-weight: 400 !important;
            line-height: 22.4px !important;
            letter-spacing: 0.04em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-left .event-main-title {
          color: var(--c-color-01) !important;
          font-size: 30px !important;
          font-weight: 700 !important;
          line-height: 45px !important;
          letter-spacing: 0.08em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-main-title {
            font-size: 22px !important;
            font-weight: 700 !important;
            line-height: 30.8px !important;
            letter-spacing: 0.08em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-left .event-main-body {
          color: var(--c-color-03) !important;
          font-size: 16px !important;
          font-weight: 400 !important;
          line-height: 28.8px !important;
          letter-spacing: 0.04em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-main-body {
            font-size: 14px !important;
            font-weight: 400 !important;
            line-height: 22.4px !important;
            letter-spacing: 0.04em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-left .event-main-caption {
          color: var(--c-color-03) !important;
          font-size: 12px !important;
          font-weight: 400 !important;
          line-height: 19.2px !important;
          letter-spacing: 0.04em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-main-caption {
            font-size: 10px !important;
            font-weight: 400 !important;
            line-height: 16px !important;
            letter-spacing: 0.04em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-left .event-main-remarks {
          background-color: var(--c-color-08);
          padding: 40px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-main-remarks {
            padding: 24px;
          }
        }
        .l-event-detail-left .event-main-remarks-title {
          color: var(--c-color-01) !important;
          font-size: 22px !important;
          font-weight: 700 !important;
          line-height: 35.2px !important;
          letter-spacing: 0.08em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-main-remarks-title {
            font-size: 18px !important;
            font-weight: 700 !important;
            line-height: 28.8px !important;
            letter-spacing: 0.08em !important;
            text-align: left !important;
            margin-bottom: 24px;
          }
        }
        .l-event-detail-left .event-main-remarks-body {
          color: var(--c-color-01) !important;
          font-size: 16px !important;
          font-weight: 700 !important;
          line-height: 28.8px !important;
          letter-spacing: 0.04em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-main-remarks-body {
            font-size: 14px !important;
            font-weight: 700 !important;
            line-height: 22.4px !important;
            letter-spacing: 0.04em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-left .event-main-remarks-body > :where(span) {
          color: var(--c-color-03);
          font-weight: 400;
        }
        .l-event-detail-left .event-main-remarks-body :where(a) {
          color: var(--c-color-01) !important;
          font-size: 16px !important;
          font-weight: 700 !important;
          line-height: 28.8px !important;
          letter-spacing: 0.04em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-main-remarks-body :where(a) {
            font-size: 14px !important;
            font-weight: 700 !important;
            line-height: 22.4px !important;
            letter-spacing: 0.04em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-left .event-application {
          width: 100%;
          display: flex;
          flex-direction: column;
          gap: 16px;
          padding: 0 16px 16px;
          background: var(--c-color-34);
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-application {
            width: 100vw;
            margin-left: -24px;
          }
        }
        .l-event-detail-left .event-application-title {
          width: fit-content;
          margin-top: 56px;
          margin-right: auto;
          margin-left: auto;
          position: relative;
        }
        .l-event-detail-left .event-application-title > :where(img) {
          width: auto;
          height: 62px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-application-title > :where(img) {
            height: 96px;
          }
        }
        .l-event-detail-left .event-application-title > :where(h3) {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
        }
        .l-event-detail-left .event-application-title > :where(h2) {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
        }
        .l-event-detail-left .event-application-ul {
          margin-top: 48px;
          display: flex;
          flex-direction: column;
          gap: 16px;
          margin-bottom: 0;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-application-ul {
            margin-top: 32px;
          }
        }
        .l-event-detail-left .event-application-ul-column {
          padding-top: 48px;
          padding-bottom: 48px;
          background: var(--c-color-02);
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-application-ul-column {
            padding-top: 32px;
            padding-bottom: 32px;
          }
        }
        .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=border] {
          width: 100%;
          height: 1px;
          background-color: var(--c-color-39);
          margin: 0 auto;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=border] {
            width: calc(100% - 32px);
          }
        }
        .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=column] {
          margin: 24px 73px 0;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=column] {
            margin: 24px 16px 0;
          }
        }
        .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=column] .l-event-detail-datetime {
          display: flex;
          flex-flow: column wrap;
          align-content: center;
          gap: 0 16px;
          margin: auto 0;
        }
        .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=column] .l-event-detail-datetime-column-child {
          display: flex;
          align-items: flex-start;
          flex-flow: row;
          margin: 0 auto;
        }
        .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=column] .l-event-detail-datetime-column-date {
          display: flex;
          min-width: 80px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=column] .l-event-detail-datetime-column-date {
            min-width: 65px;
          }
        }
        .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=column] .l-event-detail-datetime .l-event-detail-h3 {
          font-size: 16px !important;
          line-height: 1.8 !important;
          letter-spacing: 0.01em !important;
          padding: 0;
          gap: 0;
          margin: 0 !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=column] .l-event-detail-datetime .l-event-detail-h3 {
            display: inline-block;
            font-size: 14px !important;
            line-height: 1.6 !important;
          }
        }
        .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=column] .l-event-detail-datetime .l-event-detail-h5 {
          font-size: 16px !important;
          line-height: 1.8 !important;
          margin: 0 !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=column] .l-event-detail-datetime .l-event-detail-h5 {
            display: inline-block;
            font-size: 14px !important;
            line-height: 1.6 !important;
          }
        }
        .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=column] .l-event-detail-datetime .l-event-detail-caption {
          font-size: 16px !important;
          line-height: 1.8 !important;
          letter-spacing: 0.04em !important;
          margin: 0 !important;
          margin-left: 14px !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=column] .l-event-detail-datetime .l-event-detail-caption {
            display: inline;
            font-size: 14px !important;
            line-height: 1.6 !important;
            margin-left: 8px !important;
          }
        }
        .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=column] > :where(div)[data-content=button] {
          margin-top: 24px;
          width: 100%;
          height: 72px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=column] > :where(div)[data-content=button] {
            height: 61px;
          }
        }
        .l-event-detail-left .event-application-ul-column > :where(div)[data-content=main] > :where(div)[data-content=column] > :where(div)[data-content=button] > :where(a) {
          display: block;
          height: 100%;
        }
        .l-event-detail-left .event-application-ul-web {
          padding-top: 40px;
          padding-bottom: 40px;
          background: var(--c-color-02);
          display: flex;
          flex-flow: column;
          gap: 24px;
        }
        .l-event-detail-left .event-application-ul-web-webcolumn {
          width: fit-content;
          display: flex;
          gap: 24px;
          margin: 0 auto;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-application-ul-web-webcolumn {
            flex-flow: column;
          }
        }
        .l-event-detail-left .event-application-ul-web-webcolumn-button {
          width: 203px;
          height: 52px;
        }
        .l-event-detail-left .event-application-ul-web-webcolumn-button > :where(a) {
          display: block;
          height: 100%;
        }
        .l-event-detail-left .event-application-ul-web-border {
          width: 100%;
          max-width: 600px;
          height: 1px;
          background-color: var(--c-color-18);
          margin: 0 auto;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-application-ul-web-border {
            width: calc(100% - 32px);
          }
        }
        .l-event-detail-left .event-application-ul-web-telcolumn {
          display: flex;
          gap: 25px;
          margin: 0 auto;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-application-ul-web-telcolumn {
            flex-flow: column;
          }
        }
        .l-event-detail-left .event-checkpoint {
          border: 7px solid;
          border-color: var(--c-color-16);
          padding: 56px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-checkpoint {
            padding: 24px;
          }
        }
        .l-event-detail-left .event-checkpoint-inside-title {
          margin-bottom: 24px;
          color: var(--c-color-01) !important;
          font-size: 30px !important;
          font-weight: 700 !important;
          line-height: 45px !important;
          letter-spacing: 0.08em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-checkpoint-inside-title {
            font-size: 22px !important;
            font-weight: 700 !important;
            line-height: 30.8px !important;
            letter-spacing: 0.08em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-left .event-checkpoint-inside-body {
          color: var(--c-color-03) !important;
          font-size: 16px !important;
          font-weight: 400 !important;
          line-height: 28.8px !important;
          letter-spacing: 0.04em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-checkpoint-inside-body {
            font-size: 14px !important;
            font-weight: 400 !important;
            line-height: 22.4px !important;
            letter-spacing: 0.04em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-left .event-map {
          width: 100%;
          height: auto;
          aspect-ratio: 225/116;
          border: 0;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-map {
            aspect-ratio: 109/56;
          }
        }
        .l-event-detail-left .event-map-title {
          color: var(--c-color-01) !important;
          font-size: 18px !important;
          font-weight: 700 !important;
          line-height: 20px !important;
          letter-spacing: 0.1em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-map-title {
            font-size: 14px !important;
            font-weight: 700 !important;
            line-height: 22.4px !important;
            letter-spacing: 0.04em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-left .event-map-body {
          color: var(--c-color-03) !important;
          font-size: 18px !important;
          font-weight: 400 !important;
          line-height: 20px !important;
          letter-spacing: 0.1em !important;
          text-align: left !important;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left .event-map-body {
            font-size: 14px !important;
            font-weight: 400 !important;
            line-height: 22.4px !important;
            letter-spacing: 0.04em !important;
            text-align: left !important;
          }
        }
        .l-event-detail-left > :where(figure) {
          width: auto;
          background-color: var(--c-color-08);
        }
        .l-event-detail-left > :where(figure) > :where(img) {
          object-fit: cover;
        }
        .l-event-detail-left > :where(figure) > :where(figcaption) {
          display: flex;
          padding: 24px;
          gap: 32px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left > :where(figure) > :where(figcaption) {
            flex-direction: column;
          }
        }
        .l-event-detail-left > :where(figure) > :where(figcaption) > :where(div) {
          display: flex;
          flex-direction: column;
          gap: 32px;
        }
        .l-event-detail-left > :where(figure) > :where(figcaption) > :where(div) > :where(div) {
          display: flex;
          flex-direction: column;
        }
        .l-event-detail-left > :where(figure) > :where(figcaption) > :where(div) > :where(div)[data-content=detail-type1] {
          gap: 24px;
        }
        .l-event-detail-left > :where(figure) > :where(figcaption) > :where(div) > :where(div)[data-content=detail-type2] {
          gap: 16px;
        }
        .l-event-detail-left > :where(figure) > :where(figcaption) > :where(div) > :where(div) > :where(div) {
          display: flex;
          gap: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-left > :where(figure) > :where(figcaption) > :where(div) > :where(div) > :where(div) {
            flex-direction: column;
            gap: 0;
          }
        }
        .l-event-detail-right {
          width: 260px;
          position: relative;
          margin-top: -56px;
        }
        @media screen and (max-width: 960px) {
          .l-event-detail-right {
            margin-top: 0;
          }
        }
        .l-event-detail-right .event-follow {
          width: 260px;
          padding: 32px 26px;
          display: flex;
          flex-direction: column;
          position: absolute;
          top: 0;
          left: 0;
          gap: 24px;
          box-shadow: 10px 10px 68px 0 var(--c-color-20);
          background: var(--c-color-50);
        }
        .l-event-detail-right .event-follow-text {
          color: var(--c-color-01) !important;
          font-size: 18px !important;
          font-weight: 700 !important;
          line-height: 32.4px !important;
          letter-spacing: 0.08em !important;
          text-align: center !important;
        }
        .l-event-detail-right .event-follow-button {
          height: 56px;
        }
      }
      .l-event {
        --background-tokyo-pc: url("/wp-content/themes/original2024/assets/img/event/kk-event-head-pc-tokyo.webp");
        --background-tokyo-sp: url("/wp-content/themes/original2024/assets/img/event/kk-event-head-sp-tokyo.webp");
        --background-tokyo-pc-effect: url("/wp-content/themes/original2024/assets/img/event/kk-event-background-pc-tokyo.webp");
        --background-tokyo-sp-effect: url("/wp-content/themes/original2024/assets/img/event/kk-event-background-pc-tokyo.webp");
        --button-effect: 0 4px 76px #9e6dff;
        --button-effect-0: 0 0 0 #9e6dff;
        overflow: hidden;
        background-image: var(--background-tokyo-pc), var(--background-tokyo-pc-effect);
        background-position: top 84px left, top 470px left calc(50% + 325px);
        background-repeat: no-repeat, no-repeat;
        background-size: 1318px, 1132px;
        background-color: var(--c-color-34);
      }
      .l-event.l-event-osaka {
        --background-tokyo-pc: url("/wp-content/themes/original2024/assets/img/event/kk-event-head-pc-osaka.webp");
        --background-tokyo-sp: url("/wp-content/themes/original2024/assets/img/event/kk-event-head-sp-osaka.webp");
        --background-tokyo-pc-effect: url("/wp-content/themes/original2024/assets/img/event/kk-event-background-pc-osaka.webp");
        --background-tokyo-sp-effect: url("/wp-content/themes/original2024/assets/img/event/kk-event-background-pc-osaka.webp");
        --button-effect: 0 4px 76px #66d1ff;
        --button-effect-0: 0 0 0 #66d1ff;
      }
      .l-event.l-event-nagoya {
        --background-tokyo-pc: url("/wp-content/themes/original2024/assets/img/event/kk-event-head-pc-nagoya.webp");
        --background-tokyo-sp: url("/wp-content/themes/original2024/assets/img/event/kk-event-head-sp-nagoya.webp");
        --background-tokyo-pc-effect: url("/wp-content/themes/original2024/assets/img/event/kk-event-background-pc-nagoya.webp");
        --background-tokyo-sp-effect: url("/wp-content/themes/original2024/assets/img/event/kk-event-background-pc-nagoya.webp");
        --button-effect: 0 4px 76px #79ff7f;
        --button-effect-0: 0 0 0 #79ff7f;
      }
      @media screen and (max-width: 960px) {
        .l-event {
          background-image: var(--background-tokyo-sp), var(--background-tokyo-sp-effect);
          background-size: calc(100% - 48px), 610px 600px;
          background-position: top 50px left, top 455px left -117px;
        }
      }
      .l-event-margin {
        margin: 84px 0 0;
      }
      @media screen and (max-width: 960px) {
        .l-event-margin {
          margin: 50px 0 0;
        }
      }
      .l-event .l-event-form {
        width: 100%;
      }
      .l-event .l-event-iput {
        margin-top: 8px;
        margin-left: 14px;
        height: 54.8px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-iput {
          margin-top: 0;
          margin-left: 6.42px;
          height: clamp(27.1px, -3.4833333333px + 8.1555555556vw, 45.45px);
        }
      }
      .l-event .l-event-opencampus {
        margin-top: 15.41px;
        font-family: var(--t-base) !important;
        font-size: 142px;
        font-weight: 700;
        line-height: 135px;
        text-align: left;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-opencampus {
          margin-top: clamp(8px, -1.1px + 2.4266666667vw, 13.46px);
          font-size: clamp(74.25px, -10.3333333333px + 22.5555555556vw, 125px);
          font-weight: 700;
          line-height: clamp(66.82px, -10.1466666667px + 20.5244444444vw, 113px);
          text-align: left;
        }
      }
      .l-event .l-event-kv {
        display: grid;
        width: 100%;
        height: auto;
      }
      @keyframes slide-in {
        0% {
          clip-path: inset(0 100% 0 0);
        }
        100% {
          clip-path: inset(0 0 0 0);
        }
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-kv {
          width: 100%;
          height: auto;
        }
      }
      .l-event .l-event-kv-item {
        grid-row: 1/-1;
        grid-column: 1/-1;
        opacity: 0;
        width: 545px;
        transition: opacity 0.2s ease;
        z-index: 0;
      }
      .l-event .l-event-kv-item.before {
        opacity: 1;
        z-index: 1;
      }
      .l-event .l-event-kv-item.active {
        opacity: 1;
        z-index: 2;
        animation: slide-in 0s forwards;
        animation-timing-function: steps(0);
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-kv-item {
          width: 100%;
        }
      }
      .l-event .l-event-kv-item > :where(a) {
        display: block;
        width: 100%;
      }
      .l-event .l-event-kv-item > :where(a) > :where(img) {
        width: 100%;
        height: auto;
        aspect-ratio: 3/2;
        object-fit: cover;
        background-color: #fff; /** **/
      }
      .l-event .l-event-kv.is-set .l-event-kv-item.active {
        animation-duration: 0.8s;
        animation-timing-function: ease;
      }
      .l-event .l-event-kv-text {
        width: 100%;
        height: 100%;
        display: grid;
      }
      .l-event .l-event-kv-text-item {
        margin-top: 15px;
        height: fit-content;
        opacity: 0;
        grid-row: 1/-1;
        grid-column: 1/-1;
        transition: opacity 1s;
      }
      .l-event .l-event-kv-text-item :where(div) {
        margin-top: 6px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-kv-text-item :where(div) {
          margin-top: 7px;
        }
      }
      .l-event .l-event-kv-text-item :where(div):last-child {
        margin-top: 24px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-kv-text-item :where(div):last-child {
          margin-top: 16px;
        }
      }
      .l-event .l-event-kv-text-item.active {
        opacity: 1;
      }
      .l-event .l-event-kv-pagger {
        width: fit-content;
        height: fit-content;
        margin-left: auto;
        display: flex;
        gap: 10px;
        margin-top: 24px;
        cursor: pointer;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-kv-pagger {
          margin-right: auto;
        }
      }
      .l-event .l-event-kv-pagger-item {
        width: 10px;
        height: 10px;
        opacity: 0.3;
        transition: opacity 2s ease-in-out;
        border-radius: 50%;
        background-color: var(--c-color-02);
      }
      .l-event .l-event-kv-pagger-item.active {
        opacity: 1;
      }
      .l-event .l-event-text {
        font-size: 16px;
        font-weight: 400;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: left;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-text {
          font-size: 16px;
          font-weight: 400;
          line-height: 28.8px;
          letter-spacing: 0.04em;
          text-align: left;
        }
      }
      .l-event .l-event-textpc {
        font-size: 16px;
        font-weight: 400;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: left;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-textpc {
          font-size: 14px;
        }
      }
      .l-event .l-event-textbold {
        font-size: 16px;
        font-weight: 700;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: left;
      }
      .l-event .l-event-textbold::before, .l-event .l-event-textbold::after {
        display: block;
        width: 0;
        height: 0;
        content: "";
      }
      .l-event .l-event-textbold::before {
        margin-top: calc((1 - 1.8125) * 0.5em);
      }
      .l-event .l-event-textbold::after {
        margin-bottom: calc((1 - 1.8125) * 0.5em);
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-textbold {
          font-size: 14px;
          font-weight: 700;
          line-height: 22.4px;
          letter-spacing: 0.04em;
          text-align: left;
        }
        .l-event .l-event-textbold::before, .l-event .l-event-textbold::after {
          display: block;
          width: 0;
          height: 0;
          content: "";
        }
        .l-event .l-event-textbold::before {
          margin-top: calc((1 - 1.5714285714) * 0.5em);
        }
        .l-event .l-event-textbold::after {
          margin-bottom: calc((1 - 1.5714285714) * 0.5em);
        }
      }
      .l-event .l-event-textbold-pc {
        font-size: 16px;
        font-weight: 700;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: left;
      }
      .l-event .l-event-textbold-pc::before, .l-event .l-event-textbold-pc::after {
        display: block;
        width: 0;
        height: 0;
        content: "";
      }
      .l-event .l-event-textbold-pc::before {
        margin-top: calc((1 - 1.8125) * 0.5em);
      }
      .l-event .l-event-textbold-pc::after {
        margin-bottom: calc((1 - 1.8125) * 0.5em);
      }
      .l-event .l-event-h2 {
        font-size: 36px;
        font-weight: 700;
        line-height: 54px;
        letter-spacing: 0.08em;
        text-align: left;
      }
      .l-event .l-event-h2::before, .l-event .l-event-h2::after {
        display: block;
        width: 0;
        height: 0;
        content: "";
      }
      .l-event .l-event-h2::before {
        margin-top: calc((1 - 1.5) * 0.5em);
      }
      .l-event .l-event-h2::after {
        margin-bottom: calc((1 - 1.5) * 0.5em);
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-h2 {
          font-size: 26px;
          font-weight: 700;
          line-height: 36.4px;
          letter-spacing: 0.08em;
          text-align: left;
        }
      }
      .l-event .l-event-h3 {
        font-size: 30px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: 0.08em;
        text-align: center;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-h3 {
          font-size: 22px;
          font-weight: 700;
          line-height: 33px;
          letter-spacing: 0.08em;
          text-align: center;
        }
      }
      .l-event .l-event-h4 {
        font-size: 22px;
        font-weight: 700;
        line-height: 35.2px;
        letter-spacing: 0.08em;
        text-align: center;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-h4 {
          font-size: 18px;
          font-weight: 700;
          line-height: 28.8px;
          letter-spacing: 0.08em;
          text-align: center;
        }
      }
      .l-event .l-event-h5 {
        font-size: 18px;
        font-weight: 700;
        line-height: 32.4px;
        letter-spacing: 0.08em;
        text-align: center;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-h5 {
          font-size: 16px;
          font-weight: 700;
          line-height: 25.6px;
          letter-spacing: 0.08em;
          text-align: center;
        }
      }
      .l-event .l-event-caption {
        font-size: 12px;
        font-weight: 400;
        line-height: 19.2px;
        letter-spacing: 0.04em;
        text-align: left;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-caption {
          font-size: 10px;
          font-weight: 400;
          line-height: 16px;
          letter-spacing: 0.04em;
          text-align: left;
        }
      }
      .l-event .l-event-blue {
        color: var(--c-color-01);
      }
      .l-event .l-event-tag {
        font-size: 14px;
        font-weight: 700;
        line-height: 10px;
        text-align: left;
        background-color: var(--c-color-08);
        padding: 10px 18px;
        border-radius: 50px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-tag {
          font-size: 12px;
          font-weight: 700;
          line-height: 10px;
          text-align: left;
        }
      }
      .l-event .l-event-tagfield {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .l-event .l-event-textfield {
        display: flex;
        flex-direction: column;
        gap: 24px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-textfield {
          margin-top: -10px;
        }
      }
      .l-event .l-event-textcenter {
        text-align: center !important;
      }
      .l-event .l-event-textleft {
        text-align: left !important;
      }
      @media screen and (min-width: 961px) {
        .l-event .l-event-text-pccenter-spleft {
          text-align: center !important;
        }
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-text-pccenter-spleft {
          text-align: left !important;
        }
      }
      .l-event .l-event-label {
        font-size: 14px;
        font-weight: 700;
        line-height: 10px;
        text-align: center;
        background-color: var(--c-color-08);
        padding: 10px 18px;
        border-radius: 50px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-label {
          padding: 0.5px 18px 2.5px;
          font-size: 12px;
          font-weight: 700;
          line-height: 21.6px;
          letter-spacing: 0.04em;
          text-align: center;
        }
      }
      .l-event .l-event-kv-tagfield {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }
      .l-event .l-event-card-area {
        font-size: 12px;
        font-weight: 700;
        text-align: left;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        margin-top: -6px;
        padding-top: 10px;
        padding-bottom: 16px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-card-area {
          font-size: 12px;
          padding-top: 8px;
          margin-bottom: 4px;
        }
      }
      .l-event .l-event-card-area span {
        display: inline-block;
        margin-bottom: 4px;
        margin-top: 6px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-card-area span {
          margin-top: 0;
        }
      }
      .l-event .l-event-card-area span:first-child {
        margin-top: 0;
      }
      .l-event .l-event-card-area strong {
        background: rgba(255, 255, 255, 0.2);
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        font-size: 16px;
        padding: 0 8px;
        margin-bottom: 4px;
        margin-right: 2px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-card-area strong {
          font-size: 14px;
          min-height: 26px;
          margin-bottom: 8px;
        }
      }
      .l-event .l-event-active {
        display: block !important;
      }
      .l-event .l-event-none-opencampus {
        display: none;
        padding-top: 173px;
        padding-bottom: 67px;
      }
      @media screen and (min-width: 961px) {
        .l-event .l-event-none-opencampus br {
          display: none;
        }
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-none-opencampus {
          padding-top: 94px;
          padding-bottom: 29px;
        }
      }
      .l-event .l-event-margintop24 {
        margin-top: 24px !important;
      }
      .l-event .l-event-margintop16 {
        margin-top: 16px !important;
      }
      .l-event .l-event-margintop24-16 {
        margin-top: 24px !important;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-margintop24-16 {
          margin-top: 16px !important;
        }
      }
      .l-event .l-event-margintop40 {
        margin-top: 40px !important;
      }
      .l-event .l-event-margintop56-32 {
        margin-top: 56px !important;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-margintop56-32 {
          margin-top: 32px !important;
        }
      }
      .l-event .l-event-margintop56-26 {
        margin-top: 56px !important;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-margintop56-26 {
          margin-top: 26px !important;
        }
      }
      .l-event .l-event-margintop48 {
        margin-top: 48px !important;
      }
      .l-event .l-event-margintop56-48 {
        margin-top: 56px !important;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-margintop56-48 {
          margin-top: 48px !important;
        }
      }
      .l-event .l-event-margintop160-80 {
        margin-top: 160px !important;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-margintop160-80 {
          margin-top: 80px !important;
        }
      }
      .l-event .l-event-margintop40-32 {
        margin-top: 40px !important;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-margintop40-32 {
          margin-top: 32px !important;
        }
      }
      .l-event .l-event-margintop36-30 {
        margin-top: 36px !important;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-margintop36-30 {
          margin-top: 30px !important;
        }
      }
      .l-event .l-event-margintop36-28 {
        margin-top: 36px !important;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-margintop36-28 {
          margin-top: 28px !important;
        }
      }
      .l-event .l-event-margintop9-7 {
        margin-top: 9px !important;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-margintop9-7 {
          margin-top: 7px !important;
        }
      }
      .l-event .l-event-margintop16-24 {
        margin-top: 16px !important;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-margintop16-24 {
          margin-top: 24px !important;
        }
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-margin24-sp {
          margin-right: 24px !important;
          margin-left: 24px !important;
        }
      }
      .l-event .l-event-zindex {
        z-index: 1;
        position: relative;
      }
      .l-event-kvfield {
        display: flex;
        flex-direction: row;
        height: 100%;
        min-height: 754px;
        padding-right: 5.5%;
        padding-left: 7.8%;
        gap: 44px;
      }
      @media screen and (max-width: 960px) {
        .l-event-kvfield {
          min-height: 0;
          height: auto;
          padding-right: 24px;
          padding-left: 24px;
          padding-top: clamp(136px, -18.9166666667px + 41.3111111111vw, 228.95px);
          flex-direction: column;
          gap: 20px;
        }
      }
      .l-event-kvfield-text {
        margin: auto;
        height: fit-content;
        padding-bottom: 20px;
      }
      @media screen and (max-width: 960px) {
        .l-event-kvfield-text {
          margin: 0;
          padding-bottom: 0;
        }
      }
      .l-event-kvfield-kv {
        width: 545px;
        display: flex;
        flex-direction: column;
        height: fit-content;
        margin: auto;
        padding-top: 10px;
      }
      @media screen and (max-width: 960px) {
        .l-event-kvfield-kv {
          width: 100%;
          display: block;
          margin: 0;
          padding: 0;
        }
      }
      .l-event .l-event-column-title {
        position: relative;
        z-index: 1;
      }
      .l-event .l-event-column-title > :where(img) {
        width: auto;
        height: 100%;
        max-height: 73px;
        z-index: 0;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-column-title > :where(img) {
          max-height: 96px;
        }
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-column-title > :where(img).upcoming-image {
          max-height: 44px;
        }
      }
      .l-event .l-event-column-title > :where(h2) {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -7px;
      }
      .l-event .l-event-column-title > :where(h3) {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -7px;
      }
      .l-event .l-event-column-title:not(:has(> :where(img))) > :where(h2) {
        position: relative;
        bottom: 0;
      }
      .l-event .l-event-column-title:not(:has(> :where(img))) > :where(h3) {
        position: relative;
        bottom: 0;
      }
      .l-event-opencampusdetail {
        z-index: 1;
        margin-top: 80px;
      }
      @media screen and (max-width: 960px) {
        .l-event-opencampusdetail {
          margin-top: 42px;
        }
      }
      .l-event-opencampusdetail-subtitle {
        width: fit-content;
        margin: auto;
        text-align: center !important;
      }
      .l-event .open-campus-search-area {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        margin: 30px 120px 0;
      }
      @media screen and (max-width: 960px) {
        .l-event .open-campus-search-area {
          margin: 20px 24px 0;
        }
      }
      .l-event .l-event-opencalendar-text {
        width: 100%;
        font-size: 22px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: 0.08em;
        text-align: center;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-opencalendar-text {
          font-size: 20px;
          font-weight: 700;
          line-height: 32px;
          letter-spacing: 0.08em;
          text-align: center;
        }
      }
      .l-event .open-calendar {
        width: 398px;
        height: 80px;
        display: flex;
        flex-direction: row;
        background: var(--c-color-02);
        box-shadow: 20px 20px 86px 0 var(--c-color-15);
        border-radius: 100px;
        gap: 57px;
        transition: opacity 0.1s ease-out;
      }
      @media screen and (max-width: 960px) {
        .l-event .open-calendar {
          width: 327px;
          height: 72px;
          gap: 8px;
        }
      }
      @media (hover: hover) {
        .l-event .open-calendar:hover {
          opacity: 0.5;
        }
      }
      .l-event .open-calendar > :where(div) {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        margin: auto 32px;
      }
      @media screen and (max-width: 960px) {
        .l-event .open-calendar > :where(div) {
          margin: auto 27px;
        }
      }
      @media screen and (max-width: 960px) {
        .l-event .open-calendar-icon {
          width: 26px;
          height: 24px;
        }
      }
      .l-event .open-calendar-polygon {
        width: 19px;
        height: 19px;
      }
      .l-event .l-event-upcoming-events {
        position: relative;
        z-index: 0;
        margin-top: 184px !important;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-upcoming-events {
          margin-top: 80px !important;
        }
      }
      .l-event .l-event-upcoming-events::after {
        width: 1133px;
        height: 1114px;
        content: "";
        position: absolute;
        display: block;
        bottom: -694px;
        left: 395px;
        z-index: -2;
        background-image: var(--background-tokyo-pc-effect);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: contain;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-upcoming-events::after {
          width: 610px;
          height: 600px;
          bottom: -390px;
          left: -81px;
        }
      }
      .l-event-dialog {
        height: fit-content !important;
        margin: auto;
        position: fixed !important;
        border-color: transparent;
        border-radius: 32px;
        overflow: scroll;
        background: var(--c-color-02);
        box-shadow: 20px 20px 80px 0 var(--c-color-43);
      }
      .l-event-dialog-swiper {
        -webkit-overflow-scrolling: auto;
        overflow: hidden;
        height: fit-content !important;
      }
      @media screen and (max-width: 960px) {
        .l-event-dialog {
          border-radius: 24px;
        }
      }
      .l-event-dialog::backdrop {
        background: hsla(0, 0%, 0%, 0.8);
      }
      .l-event-dialog .swiper-wrapper {
        height: fit-content !important;
      }
      .l-event-dialog .swiper-slide {
        height: fit-content !important;
      }
      .l-event-dialog .l-event-dialog-swiper-scrollbar {
        --scrollbar-color: var(--c-color-03);
        --scrollbar-background-color: var(--cb-scroll-scrollbar-track);
        right: 25px !important;
        top: 80px !important;
        transform: translateX(-50%);
        opacity: 1 !important;
        display: block !important;
        width: 10px !important;
        height: calc(100% - 150px) !important;
        background: none !important;
        position: absolute;
        cursor: grab;
        z-index: 50;
      }
      @media screen and (max-width: 960px) {
        .l-event-dialog .l-event-dialog-swiper-scrollbar {
          width: 8px !important;
          right: 3px !important;
        }
      }
      .l-event-dialog .l-event-dialog-swiper-scrollbar.swiper-scrollbar-lock {
        display: none !important;
      }
      @media (hover: hover) {
        .l-event-dialog .l-event-dialog-swiper-scrollbar:hover::before,
        .l-event-dialog .l-event-dialog-swiper-scrollbar:hover .swiper-scrollbar-drag::before {
          scale: 1;
          border-radius: 10px;
        }
      }
      .l-event-dialog .l-event-dialog-swiper-scrollbar .swiper-scrollbar-drag {
        background: none !important;
      }
      .l-event-dialog .l-event-dialog-swiper-scrollbar .swiper-scrollbar-drag::before {
        background-color: var(--c-color-04) !important;
      }
      .l-event-dialog .l-event-dialog-swiper-scrollbar::before,
      .l-event-dialog .l-event-dialog-swiper-scrollbar .swiper-scrollbar-drag::before {
        display: block;
        position: absolute;
        inset: 0;
        scale: 0.3 1;
        transition: scale 0.3s, border-radius 0.3s;
        will-change: scale;
        content: "";
      }
      .l-event-dialog .l-event-dialog-swiper-scrollbar::before {
        background-color: var(--scrollbar-background-color) !important;
      }
      .l-event .l-event-opencampusdetail-column {
        margin: 56px 120px 0;
        display: flex;
        flex-direction: column;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-opencampusdetail-column {
          margin: 48px 24px 0;
        }
      }
      .l-event .l-event-opencampusdetail-column-child:not(:last-child) {
        padding-bottom: 56px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-opencampusdetail-column-child:not(:last-child) {
          padding-bottom: 24px;
        }
      }
      .l-event .l-event-opencampus-border {
        width: 100%;
        height: 1px;
        background: var(--c-color-37);
        opacity: 0.2;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-opencampus-border {
          height: 2px;
        }
      }
      .l-event .l-event-opencampus-applyform {
        display: flex;
        flex-direction: column;
        gap: 31px;
        padding-top: 56px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-opencampus-applyform {
          gap: 19px;
          padding-top: 24px;
        }
      }
      .l-event .l-event-opencampus-applyform-main {
        display: flex;
        gap: 40px;
        z-index: 1;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-opencampus-applyform-main {
          flex-direction: column;
          gap: 22px;
          margin-top: 4px;
        }
      }
      .l-event .l-event-opencampus-applyform-main > :where(figure) {
        width: 530px;
        height: auto;
        aspect-ratio: 3/2;
        object-fit: cover;
        margin: 0 0 auto;
        flex-shrink: 0;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-opencampus-applyform-main > :where(figure) {
          width: 100%;
        }
      }
      .l-event .l-event-opencampus-applyform-main > :where(figure) :where(img) {
        transition: opacity 0.3s;
      }
      .l-event .l-event-opencampus-applyform-main > :where(figure) :where(a) {
        display: block;
      }
      .l-event .l-event-opencampus-applyform-main > :where(figure) :where(a):hover {
        background-color: var(--c-color-02);
      }
      .l-event .l-event-opencampus-applyform-main > :where(figure) :where(a):hover :where(img) {
        opacity: 0.8;
      }
      .l-event .l-event-opencampus-applyform-main > :where(div) {
        display: flex;
        flex-direction: column;
        gap: 32px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-opencampus-applyform-main > :where(div) {
          gap: 24px;
        }
      }
      .l-event .l-event-opencampus-applyform-main > :where(div) .l-event-text {
        margin-top: -8px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-opencampus-applyform-main > :where(div) .l-event-text {
          margin-top: 0;
        }
      }
      .l-event .l-event-opencampus-applyform-button {
        display: block;
        justify-content: center;
        height: 81px;
        z-index: 1;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-opencampus-applyform-button {
          height: 60px;
        }
      }
      @media screen and (min-width: 961px) {
        .l-event .l-event-opencampus-applyform-button :where(span) {
          font-size: 22px !important;
          font-weight: 700 !important;
          line-height: 35.2px !important;
          letter-spacing: 0.08em !important;
        }
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-opencampus-applyform-button :where(span) {
          font-size: 18px !important;
          font-weight: 700 !important;
          line-height: 32.4px !important;
          letter-spacing: 0.04em !important;
        }
      }
      .l-event .l-event-opencampus-applyform-button :where(a).is-inview {
        animation: button-shadow 5s infinite;
      }
      @keyframes button-shadow {
        0% {
          box-shadow: var(--button-effect-0);
        }
        22% {
          box-shadow: var(--button-effect);
        }
        40% {
          box-shadow: var(--button-effect-0);
        }
        100% {
          box-shadow: var(--button-effect-0);
        }
      }
      .l-event .l-event-opencampus-applyform-button :where(a).is-inview:hover {
        animation: none;
      }
      .l-event .l-event-regularyheld {
        padding-right: 120px;
        padding-left: 120px;
        padding-bottom: 160px;
        position: relative;
        z-index: 0;
        margin-top: 160px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-regularyheld {
          padding-right: 24px;
          padding-left: 24px;
          padding-bottom: 74px;
          margin-top: 114px;
        }
      }
      .l-event .l-event-regularyheld::after {
        width: 1133px;
        height: 1114px;
        content: "";
        position: absolute;
        display: block;
        top: -592px;
        left: 150px;
        z-index: -1;
        background-image: var(--background-tokyo-pc-effect);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: contain;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-regularyheld::after {
          background-image: var(--background-tokyo-sp-effect);
          width: 610px;
          height: 600px;
          top: -294px;
          left: -104px;
        }
      }
      .l-event .l-event-regularyheld-main {
        display: flex;
        flex-flow: row wrap;
        gap: 48px 40px;
        margin-top: 51px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-regularyheld-main {
          flex-flow: column nowrap;
          gap: 29px;
          margin-top: 26px;
        }
      }
      .l-event .l-event-regularyheld-column {
        width: 372px;
        height: auto;
        display: flex;
        flex-direction: column;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-regularyheld-column {
          width: 100%;
        }
      }
      .l-event .l-event-regularyheld-column > :where(a) {
        width: fit-content;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-regularyheld-column > :where(a) {
          width: 100%;
          height: auto;
        }
      }
      .l-event .l-event-regularyheld-column > :where(a) > :where(div) {
        height: fit-content;
        background-color: var(--c-color-02);
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-regularyheld-column > :where(a) > :where(div) {
          width: 100%;
          height: auto;
        }
      }
      .l-event .l-event-regularyheld-column > :where(a) > :where(div) > :where(img) {
        width: 100%;
        height: auto;
        aspect-ratio: 3/2;
        object-fit: cover;
      }
      .l-event .l-event-regularyheld-column > :where(a):hover {
        background-color: var(--c-color-02);
      }
      .l-event .l-event-regularyheld-column > :where(a):hover :where(div) {
        transition: opacity 0.3s;
        opacity: 0.8;
      }
      .l-event .l-event-regularyheld-column > :where(p) {
        margin-top: 16px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-regularyheld-column > :where(p) {
          margin-top: 16px;
        }
      }
      .l-event .l-event-regularyheld-column > :where(h3) {
        margin-top: -2px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-regularyheld-column > :where(h3) {
          margin-top: 8px;
        }
      }
      .l-event .l-event-regularyheld-column > :where(div) {
        margin-top: 14px;
      }
      @media screen and (max-width: 960px) {
        .l-event .l-event-regularyheld-column > :where(div) {
          margin-top: 10px;
        }
      }
      .l-event .hidden-anchor {
        padding-top: 50px;
        margin-top: -50px;
      }
      @media screen and (max-width: 960px) {
        .l-event .hidden-anchor {
          padding-top: 35px;
          margin-top: -35px;
        }
      }
      .l-career {
        width: 100%;
        /** career内の横にならんだリスト **/
      }
      .l-career-space1-0 {
        margin-bottom: 1px;
      }
      @media screen and (max-width: 960px) {
        .l-career-space1-0 {
          margin-bottom: 0;
        }
      }
      .l-career-space9-8 {
        margin-bottom: 9px;
      }
      @media screen and (max-width: 960px) {
        .l-career-space9-8 {
          margin-bottom: 8px;
        }
      }
      .l-career-space4-9 {
        margin-bottom: 4px;
      }
      @media screen and (max-width: 960px) {
        .l-career-space4-9 {
          margin-bottom: 9px;
        }
      }
      .l-career-space24-16 {
        margin-bottom: 24px;
      }
      @media screen and (max-width: 960px) {
        .l-career-space24-16 {
          margin-bottom: 16px;
        }
      }
      .l-career-space21-18 {
        margin-bottom: 21px;
      }
      @media screen and (max-width: 960px) {
        .l-career-space21-18 {
          margin-bottom: 18px;
        }
      }
      .l-career-space40-24 {
        margin-bottom: 40px;
      }
      @media screen and (max-width: 960px) {
        .l-career-space40-24 {
          margin-bottom: 24px;
        }
      }
      .l-career-space48-24 {
        margin-bottom: 48px;
      }
      @media screen and (max-width: 960px) {
        .l-career-space48-24 {
          margin-bottom: 24px;
        }
      }
      .l-career-space48-28 {
        margin-bottom: 48px;
      }
      @media screen and (max-width: 960px) {
        .l-career-space48-28 {
          margin-bottom: 28px;
        }
      }
      .l-career-space48-47 {
        margin-bottom: 48px;
      }
      @media screen and (max-width: 960px) {
        .l-career-space48-47 {
          margin-bottom: 47px;
        }
      }
      .l-career-space50-34 {
        margin-bottom: 50px;
      }
      @media screen and (max-width: 960px) {
        .l-career-space50-34 {
          margin-bottom: 34px;
        }
      }
      .l-career-space56-40 {
        margin-bottom: 56px;
      }
      @media screen and (max-width: 960px) {
        .l-career-space56-40 {
          margin-bottom: 40px;
        }
      }
      .l-career-space80-56 {
        margin-bottom: 80px;
      }
      @media screen and (max-width: 960px) {
        .l-career-space80-56 {
          margin-bottom: 56px;
        }
      }
      .l-career-space80-64 {
        margin-bottom: 80px;
      }
      @media screen and (max-width: 960px) {
        .l-career-space80-64 {
          margin-bottom: 54px;
        }
      }
      .l-career-p {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-career-p {
          font-size: 14px;
          line-height: 160%;
        }
      }
      .l-career-p-blue {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      .l-career-p-small {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      .l-career-p-bold {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      .l-career-p-bold-blue {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-career-p-bold-blue {
          font-size: 14px;
          line-height: 160%;
        }
      }
      .l-career-h3 {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 150%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-career-h3 {
          font-size: 22px;
        }
      }
      .l-career-h3-blue {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 150%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-career-h3-blue {
          font-size: 26px;
          line-height: 140%;
        }
      }
      .l-career-h4 {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 160%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-career-h4 {
          font-size: 18px;
        }
      }
      .l-career-h4-blue {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 160%;
        display: flex;
        align-items: center;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-career-h4-blue {
          font-size: 18px;
        }
      }
      .l-career-h5-bold {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 180%;
        text-align: center;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-career-h5-bold {
          line-height: 160%;
        }
      }
      .l-career-h5-bold-blue {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 180%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-career-h5-bold-blue {
          font-size: 16px;
          line-height: 160%;
        }
      }
      .l-career-related-text {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-career-related-text {
          font-size: 14px;
        }
      }
      .l-career-p-detail {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-01);
        transition: 0.3s;
      }
      @media screen and (max-width: 960px) {
        .l-career-p-detail {
          font-size: 14px;
          line-height: 160%;
        }
      }
      @media (hover: hover) {
        .l-career-p-detail:hover {
          opacity: 0.5;
        }
      }
      .l-career-description {
        font-family: var(--t-note);
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-career-description {
          font-size: 14px;
          line-height: 160%;
        }
      }
      .l-career .l-career-grid {
        display: grid;
        width: 100%;
        position: relative;
        grid-auto-flow: row;
        grid-template-rows: auto;
        margin: 0 auto;
      }
      .l-career .l-career-grid .c-scroll {
        width: 100vw;
        max-width: 2200px;
      }
      .l-career .l-career-grid .s-thumbnail-area {
        padding: 80px 0 0 !important;
      }
      @media screen and (max-width: 960px) {
        .l-career .l-career-grid .s-thumbnail-area {
          padding-top: 56px !important;
        }
      }
      .l-career .grid-tokyo {
        grid-template-areas: "item1" "item2" "item3" "item4" "item5";
      }
      .l-career .grid-osaka {
        grid-template-areas: "item1" "item2" "item3" "item4" "item5";
      }
      .l-career .grid-nagoya {
        grid-template-areas: "item1" "item2" "item3" "item4" "item5";
      }
      .l-career .content-index-menu {
        padding: 0 120px;
        position: relative;
      }
      @media screen and (max-width: 960px) {
        .l-career .content-index-menu {
          padding: 0 24px;
        }
      }
      .l-career .employment-tokyo {
        display: block !important;
      }
      .l-career .employment {
        position: relative;
        padding: 120px 120px 0;
        grid-area: item1;
      }
      @media screen and (max-width: 960px) {
        .l-career .employment {
          padding: 56px 24px 0;
        }
      }
      .l-career .employment-description {
        padding-top: 16px;
      }
      .l-career .employment-effect {
        position: absolute;
        top: -230px;
        left: 0;
        right: 0;
        z-index: 0;
        min-height: 1194px;
        min-width: 1214px;
        pointer-events: none;
      }
      @media screen and (max-width: 960px) {
        .l-career .employment-effect {
          top: 210px;
          left: -200px;
          min-width: 939px;
          min-height: 923px;
          margin-left: -24px;
          margin-right: -24px;
        }
      }
      .l-career .employment-bundle {
        margin-top: 86px;
        padding: 0 84px;
      }
      @media screen and (max-width: 960px) {
        .l-career .employment-bundle {
          margin-top: 32px;
          padding: 0;
        }
      }
      .l-career .employment-bundle-border {
        height: 1px;
        margin: 40px 0;
        background-color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-career .employment-bundle-border {
          margin: 32px 0;
        }
      }
      .l-career .employment-bundle-border:first-child {
        margin-top: 0;
      }
      .l-career .employment-bundle-border:last-child {
        margin-bottom: 0;
      }
      .l-career .employment-bundle-area {
        margin-top: -11px;
        margin-bottom: -11px;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0;
        gap: 20px;
      }
      @media screen and (max-width: 960px) {
        .l-career .employment-bundle-area {
          margin-top: -5px;
          margin-bottom: -5px;
          flex-direction: column;
          gap: 10px;
        }
      }
      .l-career .employment-bundle-area-title {
        min-width: 116px;
        flex: none;
      }
      @media screen and (max-width: 960px) {
        .l-career .employment-bundle-area-title {
          min-width: 0;
        }
      }
      .l-career .employment-bundle-area > :where(div) {
        min-width: 116px;
        display: flex;
        flex-direction: column;
        flex: none;
      }
      @media screen and (max-width: 960px) {
        .l-career .employment-bundle-area > :where(div) {
          flex-direction: row;
          align-items: center;
          justify-content: center;
          gap: 8px;
        }
      }
      .l-career .employment-bundle-other {
        display: flex;
        flex-direction: row;
        place-content: center center;
        align-items: center;
        margin-top: -10px;
        padding: 0 32px;
        gap: 27px;
      }
      @media screen and (max-width: 960px) {
        .l-career .employment-bundle-other {
          flex-direction: column;
          padding: 0;
          gap: 16px;
        }
      }
      .l-career .employment-bundle-other-example {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 27px;
      }
      @media screen and (max-width: 960px) {
        .l-career .employment-bundle-other-example {
          align-items: flex-start;
          padding: 0;
          gap: 24px;
        }
      }
      .l-career .employment-bundle-other-example-text {
        border-bottom: 6px solid var(--c-color-01);
      }
      .l-career .scroll {
        grid-area: item2;
      }
      .l-career .scroll-area-title {
        width: 100%;
        display: flex;
        flex-direction: row;
        padding: 0 120px;
        margin-top: 64px;
      }
      @media screen and (max-width: 960px) {
        .l-career .scroll-area-title {
          flex-direction: column;
          padding: 0 24px;
          margin-top: 50px;
        }
      }
      .l-career .scroll-area-title-bottom {
        margin-top: auto;
        margin-left: 16px;
      }
      @media screen and (max-width: 960px) {
        .l-career .scroll-area-title-bottom {
          margin-top: 10px;
          margin-left: 0;
        }
      }
      .l-career .related {
        grid-area: item3;
        margin-top: 80px;
      }
      .l-career .related > :where(h2) {
        padding: 0 120px;
      }
      @media screen and (max-width: 960px) {
        .l-career .related > :where(h2) {
          padding: 0 24px;
        }
      }
      .l-career .related-bundle {
        display: flex;
        flex-direction: row;
        padding: 71px 184px 77px;
        background-color: var(--c-color-08);
      }
      @media screen and (max-width: 960px) {
        .l-career .related-bundle {
          flex-direction: column;
          padding: 42px 24px 48px;
        }
      }
      .l-career .related-bundle-text {
        width: 70%;
        min-width: 583px;
        height: auto;
        display: flex;
        margin-right: 48px;
        flex-direction: column;
        align-items: center;
      }
      @media screen and (max-width: 960px) {
        .l-career .related-bundle-text {
          width: 100%;
          min-width: 0;
          margin-right: 0;
        }
      }
      .l-career .related-bundle-text-title {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        gap: 1px;
      }
      @media screen and (max-width: 960px) {
        .l-career .related-bundle-text-title {
          flex-direction: column;
          align-items: center;
        }
      }
      .l-career .related-bundle-img {
        width: 30%;
        min-width: 200px;
        height: auto;
      }
      @media screen and (max-width: 960px) {
        .l-career .related-bundle-img {
          width: 100%;
          min-width: 0;
          padding: 27px 40px 0;
        }
      }
      .l-career .support-feature {
        margin-top: 120px;
        background-color: var(--c-color-08);
        grid-area: item4;
      }
      @media screen and (max-width: 960px) {
        .l-career .support-feature {
          margin-top: 0;
          background-color: var(--cb-base);
        }
      }
      .l-career .support-feature > :where(div) {
        padding: 120px;
      }
      @media screen and (max-width: 960px) {
        .l-career .support-feature > :where(div) {
          padding: 80px 24px 0;
        }
      }
      .l-career .support-feature-description {
        padding-top: 24px;
      }
      @media screen and (max-width: 960px) {
        .l-career .support-feature-description {
          padding-top: 16px;
        }
      }
      .l-career .support-feature-border {
        width: 100%;
        height: 1px;
        background-color: rgba(44, 73, 137, 0.5);
        margin: 16px 0 24px;
      }
      .l-career .support-feature-container {
        display: flex;
        flex-direction: column;
        gap: 24px;
      }
      @media screen and (max-width: 960px) {
        .l-career .support-feature-container {
          gap: 27px;
        }
      }
      .l-career .support-feature-container-bundle {
        display: flex;
        flex-direction: row;
      }
      @media screen and (max-width: 960px) {
        .l-career .support-feature-container-bundle {
          flex-direction: column;
        }
      }
      .l-career .support-feature-container-bundle-thumbnail {
        margin: 0;
        width: 373px;
        object-fit: contain;
      }
      @media screen and (max-width: 960px) {
        .l-career .support-feature-container-bundle-thumbnail {
          width: auto;
        }
      }
      .l-career .support-feature-container-bundle-text-area {
        margin: auto 0 auto 32px;
        padding-bottom: 8px;
      }
      @media screen and (max-width: 960px) {
        .l-career .support-feature-container-bundle-text-area {
          padding-bottom: 0;
          margin: 16px 0 0;
        }
      }
      .l-career .support-feature-container-bundle-text-area-p-small {
        margin-top: 16px;
      }
      .l-career .support-feature-other {
        padding: 73px 80px 82px;
        background-color: var(--c-color-08);
      }
      @media screen and (max-width: 960px) {
        .l-career .support-feature-other {
          padding: 34px 24px 61px;
        }
      }
      .l-career .support-feature-other-border {
        width: 100%;
        height: 1px;
        background-color: var(--ct-searchform-placeholder);
        margin: 16px 0;
      }
      .l-career .qualifications {
        padding: 120px 120px 0;
        grid-area: item5;
      }
      @media screen and (max-width: 960px) {
        .l-career .qualifications {
          padding: 80px 24px 0;
        }
      }
      .l-career .qualifications-description {
        padding-top: 24px;
      }
      @media screen and (max-width: 960px) {
        .l-career .qualifications-description {
          padding-top: 16px;
        }
      }
      .l-career .qualifications-border {
        width: 100%;
        height: 1px;
        background-color: rgba(44, 73, 137, 0.5);
        margin: 16px 0;
      }
      @media screen and (max-width: 960px) {
        .l-career .qualifications-border {
          margin: 8px 0 18px;
        }
      }
      .l-career .qualifications-blue-box {
        display: flex;
        flex-direction: row;
        padding: 43px 102px 24px;
        border: 1px solid var(--c-color-01);
        gap: 68px;
      }
      @media screen and (max-width: 960px) {
        .l-career .qualifications-blue-box {
          display: flex;
          flex-direction: column;
          padding: 25px 30px 32px 32px;
          gap: 24px;
        }
      }
      .l-career .qualifications-blue-box-bundle {
        width: 33.3%;
        flex-grow: 1;
      }
      @media screen and (max-width: 960px) {
        .l-career .qualifications-blue-box-bundle {
          width: 100%;
        }
      }
      .l-career .qualifications-blue-box-bundle-see-detail {
        width: 75px;
        position: relative;
        margin-top: 8px;
        text-decoration: none;
      }
      @media screen and (max-width: 960px) {
        .l-career .qualifications-blue-box-bundle-see-detail {
          width: 67px;
        }
      }
      .l-career .qualifications-blue-box-bundle-see-detail::after {
        content: "";
        position: absolute;
        width: 75px;
        height: 1px;
        top: 28px;
        background-color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-career .qualifications-blue-box-bundle-see-detail::after {
          width: 65px;
          top: 25px;
        }
      }
      .l-career .guidance {
        padding: 120px 120px 160px;
      }
      @media screen and (max-width: 960px) {
        .l-career .guidance {
          padding: 80px 0 80px 24px;
        }
      }
      .l-career .guidance-description {
        padding-top: 24px;
      }
      @media screen and (max-width: 960px) {
        .l-career .guidance-description {
          padding-top: 16px;
          padding-right: 24px;
        }
      }
      .l-career .guidance-area {
        width: 100%;
        overflow-x: hidden;
        position: relative;
      }
      @media screen and (max-width: 960px) {
        .l-career .guidance-area-list {
          display: block;
          width: 100%;
          overflow-x: auto;
          white-space: nowrap;
        }
      }
      @media screen and (max-width: 960px) {
        .l-career .guidance-area-image {
          max-width: 10000px;
          height: 580px;
        }
      }
      .l-career .guidance-area-swipe {
        position: absolute;
        inset: 0;
        margin: auto;
        pointer-events: none;
        transition: opacity 0.5s ease;
        opacity: 1;
      }
      .l-career .guidance-area-swipe-hidden {
        opacity: 0;
      }
      @media screen and (max-width: 960px) {
        .l-career .guidance .content-section-title {
          margin-right: 24px;
        }
      }
      .l-career-sub-title {
        margin-bottom: 16px;
      }
      @media screen and (max-width: 960px) {
        .l-career-sub-title {
          padding-right: 24px;
        }
      }
      .l-career-sub-title > :where(div) {
        font-weight: 700;
        font-size: 22px;
        line-height: 160%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        padding-bottom: 16px;
        border-bottom: solid var(--c-color-12) 1px;
      }
      @media screen and (max-width: 960px) {
        .l-career-sub-title > :where(div) {
          font-size: 18px;
          line-height: 160%;
        }
      }
      .l-career-sub2-title > :where(div) {
        font-weight: 700;
        font-size: 18px;
        line-height: 150%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
        margin-bottom: 20px;
      }
      @media screen and (max-width: 960px) {
        .l-career-sub2-title > :where(div) {
          font-weight: 700;
          font-size: 16px;
          line-height: 160%;
        }
      }
      .l-career-sub-message {
        color: var(--c-color-03);
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        margin-bottom: 60px;
      }
      @media screen and (max-width: 960px) {
        .l-career-sub-message {
          font-size: 14px;
          line-height: 160%;
          margin-right: 24px;
        }
      }
      .l-career-sub-message p:nth-of-type(n + 2) {
        margin-top: 10px;
      }
      .l-career-table {
        background-image: url("/wp-content/themes/original2024/assets/img/career/career-table-header-bg-t.webp") !important;
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100% 60px;
        margin-bottom: 40px;
        --pointer-svg: url("data:image/svg+xml,%3Csvg%20width%3D%225%22%20height%3D%2210%22%20viewBox%3D%220%200%205%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%205L0.5%209.33013L0.5%200.669873L5%205Z%22%20fill%3D%22%23ACA5FF%22/%3E%3C/svg%3E");
      }
      @media screen and (max-width: 960px) {
        .l-career-table {
          background-size: 100% 45px;
          width: 1000px;
          margin-right: 24px;
        }
      }
      .l-career-table-header {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        height: 60px;
        color: var(--c-color-03);
        text-align: center;
        place-items: center center;
        font-weight: 700;
        font-size: 16px;
        border-left: 1px solid;
        border-right: 1px solid;
        border-top: 1px solid;
        border-color: var(--c-color-52);
      }
      @media screen and (max-width: 960px) {
        .l-career-table-header {
          height: 45px;
        }
      }
      .l-career-table-main {
        display: flex;
        color: var(--c-color-03);
        border-left: 1px solid;
        border-right: 1px solid;
        border-bottom: 1px solid;
        border-color: var(--c-color-52);
      }
      .l-career-table-main > :where(div) {
        display: flex;
        flex-direction: column;
        width: 25%;
        padding: 20px 14px 20px 20px;
        background: var(--c-color-08);
      }
      @media screen and (max-width: 960px) {
        .l-career-table-main > :where(div) {
          padding: 20px 14px 20px 18px;
        }
      }
      .l-career-table-main > :where(div):nth-of-type(n + 2) {
        border-left: 1px solid var(--c-color-52);
      }
      .l-career-table-main-title {
        margin-top: auto;
        font-size: 18px;
        letter-spacing: 0.04em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin-bottom: 8px;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-career-table-main-title {
          font-size: 14.5px;
        }
      }
      .l-career-table-main-ul-title {
        font-size: 15px;
        margin-bottom: 9px;
        letter-spacing: 0.04em;
      }
      @media screen and (max-width: 960px) {
        .l-career-table-main-ul-title {
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-career-table-main-ul {
        display: flex;
        flex-direction: column;
        gap: 4px;
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 22.8px;
      }
      @media screen and (max-width: 960px) {
        .l-career-table-main-ul {
          font-size: 14px;
          line-height: 22.4px;
          margin-bottom: 26px;
        }
      }
      .l-career-table-main-ul li {
        font-size: 15px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        padding-left: 10px; /* SVGの幅分の余白を確保 */
        position: relative;
      }
      @media screen and (max-width: 960px) {
        .l-career-table-main-ul li {
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-career-table-main-ul li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 11px;
        transform: translateY(-50%); /* 垂直方向に中央揃え */
        width: 5px; /* SVGの幅 */
        height: 10px; /* SVGの高さ */
        background-image: var(--pointer-svg);
        background-size: contain;
        background-repeat: no-repeat;
      }
      @media screen and (max-width: 960px) {
        .l-career-table-main-ul li::before {
          top: 12px;
        }
      }
      .l-career-certification {
        display: flex;
        flex-direction: column;
      }
      .l-career-certification > :where(p) {
        text-indent: -1em;
      }
      @media screen and (max-width: 960px) {
        .l-career-certification > :where(p) {
          text-indent: -1.2em;
        }
      }
      .l-career-annotation {
        width: 100%;
        margin-top: -28px;
        color: var(--c-color-03);
        font-size: 12px;
        font-weight: 400;
        line-height: 21.6px;
        letter-spacing: 0.04em;
        text-align: right;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
      }
      @media screen and (max-width: 960px) {
        .l-career-annotation {
          margin-top: -26px;
          font-size: 10px;
          font-weight: 400;
          line-height: 16px;
          letter-spacing: 0.04em;
          text-align: left;
          text-underline-position: from-font;
          text-decoration-skip-ink: none;
        }
      }
      .l-career-table.osaka {
        background-image: url("/wp-content/themes/original2024/assets/img/career/career-table-header-bg-o.webp") !important;
        --pointer-svg: url("data:image/svg+xml,%3Csvg%20width%3D%225%22%20height%3D%2210%22%20viewBox%3D%220%200%205%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%205L0.5%209.33013L0.5%200.669873L5%205Z%22%20fill%3D%22%2377b4e9%22/%3E%3C/svg%3E");
      }
      .l-career-table.nagoya {
        background-image: url("/wp-content/themes/original2024/assets/img/career/career-table-header-bg-n.webp") !important;
        --pointer-svg: url("data:image/svg+xml,%3Csvg%20width%3D%225%22%20height%3D%2210%22%20viewBox%3D%220%200%205%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%205L0.5%209.33013L0.5%200.669873L5%205Z%22%20fill%3D%22%236bc09c%22/%3E%3C/svg%3E");
      }
      @layer component {
        .course-list {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          width: 100%;
          align-items: flex-start;
          gap: 39px;
        }
        @media screen and (max-width: 960px) {
          .course-list {
            margin-top: 4px;
            grid-template-columns: repeat(1, 1fr);
            gap: 0;
          }
        }
        .course-list-item {
          display: grid;
          flex-direction: column;
          gap: 11px;
          text-decoration: none !important;
          height: fit-content;
          margin-top: 25px !important;
          transition: opacity 0.1s ease-out;
        }
        @media screen and (max-width: 960px) {
          .course-list-item {
            margin-top: 32px !important;
            gap: 20px;
          }
        }
        @media (hover: hover) {
          .course-list-item:hover {
            opacity: 0.5;
          }
        }
        .course-list-item-thumbnail {
          width: 100%;
        }
        .course-list-item > :where(img) {
          margin-top: 0 !important;
        }
        .course-list-item > :where(p) {
          display: flex;
        }
        .course-list-item > :where(p) > :where(img) {
          margin: auto auto auto 16px !important;
        }
        .course-list-item .border {
          width: 100%;
          height: 1px;
          background: rgba(44, 73, 137, 0.5);
        }
        .l-enta-cg {
          display: flex;
          flex-direction: column;
          position: relative;
        }
        .l-enta-cg img.width800 {
          width: 800px;
        }
        .l-enta-cg h1 {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 52px;
          line-height: 130%;
          letter-spacing: 0.08em;
          font-feature-settings: "palt" on;
          color: var(--c-color-02);
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg h1 {
            font-size: 26px;
            line-height: 140%;
          }
        }
        .l-enta-cg h2 {
          font-family: var(--t-base);
          font-style: normal;
          font-weight: 500;
          font-size: 52.5px;
          line-height: 34px;
          letter-spacing: 0.04em;
          font-feature-settings: "vert" on, "halt" on;
          color: var(--c-color-02);
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg h2 {
            font-size: 33.6px;
            line-height: 22px;
          }
        }
        .l-enta-cg h3 {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 30px;
          line-height: 150%;
          letter-spacing: 0.08em;
          font-feature-settings: "palt" on;
          color: var(--c-color-02);
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg h3 {
            font-size: 18px;
            line-height: 160%;
          }
        }
        .l-enta-cg h4 {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 22px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg h4 {
            font-size: 18px;
          }
        }
        .l-enta-cg h5 {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 18px;
          line-height: 180%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg h5 {
            font-size: 16px;
            line-height: 160%;
          }
        }
        .l-enta-cg h5.blue {
          color: var(--c-color-01);
        }
        .l-enta-cg h5.white {
          color: var(--c-color-02);
        }
        .l-enta-cg p {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          display: flex;
          align-items: center;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg p {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-enta-cg p.cap {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-02);
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg p.cap {
            font-size: 10px;
          }
        }
        .l-enta-cg p.bold {
          font-weight: 700;
          font-feature-settings: "halt" on;
        }
        .l-enta-cg p.bold-blue {
          font-weight: 700;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        .l-enta-cg p.bold-white {
          font-weight: 700;
          font-feature-settings: "halt" on;
          color: var(--c-color-02);
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg p.bold-white {
            font-size: 10px;
            line-height: 160%;
          }
        }
        .l-enta-cg a.bold {
          font-family: var(--t-noto);
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          display: flex;
          align-items: center;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg a.bold {
            line-height: 160%;
          }
        }
        .l-enta-cg br.pc-only {
          display: inline;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg br.pc-only {
            display: none;
          }
        }
        .l-enta-cg br.sp-only {
          display: none;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg br.sp-only {
            display: inline;
          }
        }
        .l-enta-cg .kv-area {
          width: 100%;
          position: relative;
          background-color: var(--c-color-03);
        }
        .l-enta-cg .kv-area > :where(div) {
          position: relative;
          min-height: 520px;
        }
        .l-enta-cg .kv-area-thumbnail {
          width: 725px;
          object-fit: contain;
          margin-top: 84px;
          margin-right: 0;
          margin-left: auto;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg .kv-area-thumbnail {
            width: 100%;
            padding-right: 16px;
            padding-left: 10px;
            margin-top: 50px;
            margin-right: auto;
          }
        }
        .l-enta-cg .kv-text-area {
          position: absolute;
          top: 17%;
          left: 8.3%;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg .kv-text-area {
            top: 45%;
            left: 6%;
          }
        }
        .l-enta-cg .kv-text-area-border {
          width: 80px;
          height: 3px;
          margin-top: 18px;
          background: var(--c-color-02);
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg .kv-text-area-border {
            width: 70px;
            margin-top: 10px;
          }
        }
        .l-enta-cg .kv-text-area h2 {
          width: fit-content;
          height: 46px;
          padding: 5px 4.5px 4.5px;
          margin-top: 21px;
          background-color: var(--c-color-08);
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg .kv-text-area h2 {
            width: fit-content;
            height: 34px;
            margin-top: 14px;
            padding: 6px 4.5px 4.5px;
          }
        }
        .l-enta-cg .kv-text-area h3 {
          margin-top: 30px;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg .kv-text-area h3 {
            margin-top: 16px;
          }
        }
        .l-enta-cg .kv-text-area p.bold-white {
          margin-top: 6px;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg .kv-text-area p.bold-white {
            margin-top: 15px;
          }
        }
        .l-enta-cg .content-header-detail-breadcrumb {
          margin-top: 0;
        }
        .l-enta-cg .overview {
          width: 100%;
          padding: 69px 120px 0;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg .overview {
            padding: 27px 22.5px 0;
          }
        }
        .l-enta-cg > section {
          width: 100%;
          padding: 0 120px 120px;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg > section {
            padding: 0 24px 80px;
          }
          .l-enta-cg > section.section-youtube {
            padding: 0 24px 72px;
          }
        }
        .l-enta-cg > section > .space-top24-16 {
          margin-top: 24px;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg > section > .space-top24-16 {
            margin-top: 16px;
          }
        }
        .l-enta-cg > section > .space-top24-10 {
          margin-top: 24px;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg > section > .space-top24-10 {
            margin-top: 10px;
          }
        }
        .l-enta-cg > section .space-top32 {
          margin-top: 23px;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg > section .space-top32 {
            margin-top: 18px;
          }
        }
        .l-enta-cg > section > .space-bottom-18 {
          margin-bottom: -18px;
        }
        .l-enta-cg > section img {
          margin: 48px auto 0 0;
        }
        .l-enta-cg > section > .container {
          display: grid;
          grid-template-columns: 29% auto;
          align-items: flex-start;
          margin-top: 48px;
          gap: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg > section > .container {
            display: grid;
            grid-template-columns: 1fr;
            flex-direction: column;
            margin-top: 24px;
            gap: 8px;
          }
        }
        .l-enta-cg > section > .container > div {
          min-width: 29%;
          min-height: 117px;
          display: grid;
          grid-row: span 2;
          grid-template-rows: subgrid;
          align-items: flex-start;
          padding: 16px 24px;
          gap: 0;
          background: var(--c-color-08);
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg > section > .container > div {
            width: 100%;
            min-width: 327px;
            min-height: 0;
            padding: 19px 24px;
          }
        }
        .l-enta-cg > section > .container > div p.description {
          margin-top: 10px;
        }
        .l-enta-cg > section .c-button {
          margin: 40px auto 0;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg > section .c-button {
            margin: 32px auto 0;
          }
        }
        .l-enta-cg > section .c-button :where(img) {
          width: 16px;
          height: 15px;
          padding: 0;
          margin: auto 0;
        }
        .l-enta-cg > section .pickup-list {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          margin-top: 24px;
          gap: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg > section .pickup-list {
            margin-top: 17px;
            gap: 8px;
          }
        }
        .l-enta-cg > section .pickup-list-item {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          padding: 18px 32px 23px;
          gap: 10px;
          background: var(--c-color-30);
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg > section .pickup-list-item {
            padding: 28px 24px;
          }
        }
        .l-enta-cg > section .button-area {
          display: flex;
        }
        .l-enta-cg > section.pink {
          background-color: var(--c-color-08);
          padding: 120px 0;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg > section.pink {
            padding: 0;
          }
        }
        .l-enta-cg > section.pink > :where(div) {
          padding: 0 120px;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg > section.pink > :where(div) {
            padding: 56px 24px;
          }
        }
        .l-enta-cg > section.space {
          padding: 120px;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg > section.space {
            padding: 80px 24px;
          }
        }
        .l-enta-cg-title {
          margin-top: 56px;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg-title {
            margin-top: 49px;
          }
        }
        .l-enta-cg-title > :where(div) {
          margin-top: 15px;
          width: 100%;
          height: 1px;
          background: rgba(44, 73, 137, 0.5);
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg-title > :where(div) {
            margin-top: 16px;
          }
        }
        .l-enta-cg .bundle {
          display: flex;
          flex-direction: row;
          margin-top: 24px;
          gap: 32px;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg .bundle {
            flex-direction: column;
            gap: 10px;
          }
        }
        .l-enta-cg .bundle :where(img) {
          width: 31%;
          margin: 0;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg .bundle :where(img) {
            width: 100%;
          }
        }
        .l-enta-cg .bundle :where(p) {
          margin: auto 0;
        }
        .l-enta-cg .bundle > :where(div) {
          display: flex;
          flex-direction: column;
          position: relative;
          gap: 24px;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg .bundle > :where(div) {
            gap: 26px;
          }
        }
        .l-enta-cg .bundle > :where(div) :where(p) {
          margin: auto 0 0;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg .bundle > :where(div) :where(p) {
            margin: auto 0;
          }
        }
        .l-enta-cg .bundle > :where(div) .c-button {
          margin: 0 auto auto 0;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg .bundle > :where(div) .c-button {
            margin: 0 auto;
          }
        }
        .l-enta-cg .content-index-menu {
          width: 100%;
        }
        .l-enta-cg-video {
          width: 800px !important;
          height: auto !important;
          margin-top: 40px;
          aspect-ratio: 800/477 !important;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg-video {
            width: 100% !important;
            margin-top: 30px;
            margin-right: 24px;
          }
        }
        .l-enta-cg-video > :where(iframe) {
          width: 800px !important;
          aspect-ratio: 800/477 !important;
        }
        @media screen and (max-width: 960px) {
          .l-enta-cg-video > :where(iframe) {
            width: 100% !important;
          }
        }
        .l-enta-cg-video > :where(img) {
          width: 100% !important;
          height: 100% !important;
          margin: 0 !important;
          padding: 0 !important;
        }
        .l-enta-cg .course-list .border {
          display: none;
        }
        .message-list {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
          width: 100%;
          align-items: flex-start;
          margin-top: 48px;
          grid-gap: 16px;
        }
        @media screen and (max-width: 960px) {
          .message-list {
            grid-template-columns: repeat(1, 1fr);
            margin-top: 24px;
            gap: 17px;
          }
        }
        .message-list .top-message-item {
          width: 100%;
        }
        .message-list .thumbnail-img {
          width: 120px;
          height: 120px;
          margin: 0 auto 0 32px;
          padding: 0 !important;
        }
        @media screen and (max-width: 960px) {
          .message-list .thumbnail-img {
            margin: 0 auto 0 24px;
          }
        }
      }
      .l-faculty p {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-02);
      }
      @media screen and (max-width: 960px) {
        .l-faculty p {
          font-size: 16px;
          line-height: 150%;
        }
      }
      .l-faculty h3 {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 100%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-16);
      }
      @media screen and (max-width: 960px) {
        .l-faculty h3 {
          font-size: 22px;
          text-align: center;
          letter-spacing: 0.08em;
        }
      }
      .l-faculty-bold {
        font-family: var(--t-noto) !important;
        padding: 0 !important;
        margin: 0 !important;
        font-style: normal;
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 100% !important;
        letter-spacing: 0.04em !important;
        font-feature-settings: "halt" on;
        color: var(--c-color-02);
      }
      .l-faculty-sub-title {
        margin-top: 20px !important;
        line-height: 28.8px !important;
      }
      .l-faculty-caption {
        margin-top: 12px;
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 100% !important;
        letter-spacing: 0.04em !important;
        font-feature-settings: "halt" on !important;
        color: var(--c-color-16) !important;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-caption {
          margin-top: 13px;
          font-size: 10px !important;
          text-align: center;
        }
      }
      .l-faculty-background-text {
        font-family: var(--t-base) !important;
        font-style: normal !important;
        font-weight: 100 !important;
        font-size: 74px !important;
        line-height: 105% !important;
        letter-spacing: 0.04em !important;
        font-feature-settings: "vert" on, "halt" on !important;
        color: var(--c-color-02) !important;
        opacity: 0.2 !important;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-background-text {
          font-size: 41.625px !important;
          line-height: 100% !important;
        }
      }
      .l-faculty-section {
        padding-top: 99.5px;
        padding-bottom: 159.5px;
        background: var(--c-color-04);
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section {
          padding-top: 18px;
          padding-bottom: 80px;
        }
      }
      .l-faculty-section-text {
        margin-top: 22px;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section-text {
          margin-top: 19px;
        }
      }
      .l-faculty-section-label {
        margin-top: 22px !important;
        margin-bottom: 28px !important;
        font-family: var(--t-noto) !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 100% !important;
        letter-spacing: 0.04em !important;
        font-feature-settings: "halt" on !important;
        color: var(--c-color-16) !important;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section-label {
          margin-top: 22px !important;
          margin-bottom: 39px !important;
          display: flex;
          font-size: 14px !important;
          font-weight: 700 !important;
          line-height: 22.4px !important;
          white-space: nowrap;
        }
      }
      .l-faculty-section-label span {
        white-space: initial;
        color: var(--c-color-02);
      }
      .l-faculty-section-border {
        background-color: hsl(0, 0%, 30%);
        width: 100%;
        height: 1px;
      }
      .l-faculty-section1 {
        margin: -194px 0 40px;
        padding-top: 84px;
        padding-right: 120px;
        padding-left: 120px;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section1 {
          margin: -128px 0 40px;
          padding-top: 50px;
          padding-right: 24px;
          padding-left: 24px;
        }
      }
      .l-faculty-section1-course {
        background-color: var(--c-color-03);
        margin-top: 40px;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section1-course {
          background-color: initial;
          margin-top: 35px;
        }
      }
      .l-faculty-section1-course-right {
        width: 100%;
        margin-left: 40px;
        padding-right: 48px;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section1-course-right {
          margin-left: 0;
          padding-right: 0;
          margin-top: 21px;
        }
      }
      .l-faculty-section1-course1 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section1-course1 {
          display: block;
        }
        .l-faculty-section1-course1 > img {
          width: 100%;
        }
      }
      .l-faculty-section1-course2 {
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section1-course2 {
          display: block;
        }
        .l-faculty-section1-course2 > img {
          width: 100%;
        }
      }
      .l-faculty-section1-course3 {
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section1-course3 {
          display: block;
        }
        .l-faculty-section1-course3 > img {
          width: 100%;
        }
      }
      .l-faculty-section1-course3 img {
        scale: 0.95;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section1-more {
          text-align: center;
          margin-bottom: 40px;
        }
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section1-more a {
          padding: 7.5px 25px;
        }
      }
      .l-faculty-section2 {
        margin: -194px 0 20px;
        padding-top: 94px;
        padding-right: 120px;
        padding-left: 120px;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section2 {
          margin: -194px 0 20px;
          padding-right: 24px;
          padding-left: 24px;
        }
      }
      .l-faculty-section2-course {
        background-color: var(--c-color-03);
        margin-top: 40px;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section2-course {
          background-color: initial;
          margin-top: 35px;
        }
      }
      .l-faculty-section2-course-right {
        width: 100%;
        margin-left: 40px;
        padding-right: 48px;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section2-course-right {
          margin-left: 0;
          padding-right: 0;
          margin-top: 21px;
        }
      }
      .l-faculty-section2-course1 {
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section2-course1 {
          display: block;
        }
        .l-faculty-section2-course1 > img {
          width: 100%;
        }
      }
      .l-faculty-section2-course2 {
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section2-course2 {
          display: block;
        }
        .l-faculty-section2-course2 > img {
          width: 100%;
        }
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section2-more {
          text-align: center;
          margin-bottom: 40px;
        }
      }
      .l-faculty-section3 {
        margin: -84px 0 0;
        padding-top: 114px;
        padding-right: 120px;
        padding-left: 120px;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section3 {
          margin: -84px 0 0;
          padding-right: 24px;
          padding-left: 24px;
        }
      }
      .l-faculty-section3-more {
        margin-top: 31px;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-section3-more {
          margin-top: 39px;
          text-align: center;
        }
      }
      .l-faculty-hidden-anchor {
        padding-top: 114px;
        margin-top: -114px;
      }
      @media screen and (max-width: 960px) {
        .l-faculty-hidden-anchor {
          padding-top: 64px;
          margin-top: -64px;
        }
      }
      @layer component {
        .l-guide-admissions-content-index-menu {
          margin-top: 56px;
          padding-bottom: 72px;
        }
        @media screen and (max-width: 960px) {
          .l-guide-admissions-content-index-menu {
            margin-top: 38px;
            padding-bottom: 0;
          }
        }
        .l-guide-admissions-content-index-menu .padding-line {
          display: block !important;
        }
        @media screen and (max-width: 960px) {
          .l-guide-admissions-content-index-menu .padding-line {
            display: none !important;
          }
        }
        .l-guide-admissions-content-index-menu :where(a) {
          flex: 1;
        }
        @media screen and (max-width: 960px) {
          .l-guide-admissions-content-index-menu :where(a) {
            flex: none;
          }
        }
        .l-admission-comprehensive-area-03--high {
          padding: 30px 50px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-comprehensive-area-03--high {
            padding: 30px 20px !important;
          }
        }
        .l-admission-comprehensive-area-03--high h4 {
          font-size: 18px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-comprehensive-area-03--high h4 {
            font-size: 16px !important;
          }
        }
        .l-admission-comprehensive-area-03--high a {
          color: var(--c-color-03) !important;
          transition: opacity 0.3s;
        }
        @media screen and (max-width: 960px) {
          .l-admission-comprehensive-area-03--high a {
            font-size: 16px !important;
          }
        }
        @media (hover: hover) {
          .l-admission-comprehensive-area-03--high a:hover {
            opacity: 0.5;
          }
        }
        .l-admission-outline-inquiry-grid--high h4 {
          font-size: 18px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-inquiry-grid--high h4 {
            font-size: 16px !important;
          }
        }
        .l-admission-outline-inquiry-grid--high > div {
          gap: 22px !important;
          height: auto !important;
          padding-top: 30px;
          padding-bottom: 30px;
        }
        .l-admission-outline-inquiry-grid--high > div:first-of-type {
          padding: 0;
        }
        .l-admission-outline-inquiry-grid--high > div:first-of-type h4 {
          font-size: 30px !important;
          line-height: 1.5 !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-inquiry-grid--high > div:first-of-type h4 {
            font-size: 26px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-inquiry-grid--high > div:last-of-type {
            margin-top: 30px;
          }
        }
        .l-admission-outline-inquiry-grid--high p {
          line-height: 1;
        }
        .l-admission-outline-inquiry-grid--high a {
          color: black !important;
          text-underline-offset: 2px !important;
          transition: opacity 0.3s;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-inquiry-grid--high a {
            font-size: 16px !important;
          }
        }
        @media (hover: hover) {
          .l-admission-outline-inquiry-grid--high a:hover {
            opacity: 0.5;
          }
        }
        .l-admission-outline-inquiry-grid--high .c-button {
          font-weight: 700;
          text-decoration: none;
        }
        .l-admission-outline-inquiry-grid--high .logo-career {
          width: 300px;
          margin: 0;
          background-color: white;
          padding: 20px 30px 15px;
        }
        .l-admission-comprehensive-calendar-text--bottom {
          margin-bottom: 160px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-comprehensive-calendar-text--bottom {
            margin-bottom: 80px !important;
          }
        }
        .l-about-public-publication--margin-bottom-wide {
          margin-bottom: 70px !important;
        }
        .l-guide-title--margin-top {
          margin-top: 50px !important;
        }
        .l-about-public-publication-relative--button .c-button {
          margin-top: 8px;
        }
        .l-admission-policy--padding-bottom0 {
          padding-bottom: 0 !important;
        }
        .l-admission-policy--padding-bottom {
          padding-bottom: 30px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy--padding-bottom {
            padding-bottom: 20px !important;
          }
        }
      }
      .l-guide {
        margin: 38px 0 0;
        padding-left: 120px;
        padding-right: 120px;
      }
      @media screen and (max-width: 960px) {
        .l-guide {
          margin: 48px 0 0;
          padding-left: 24px;
          padding-right: 24px;
        }
      }
      .l-guide h4 {
        font-family: var(--t-noto);
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 160%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-guide h4 {
          font-size: 18px;
          line-height: 160%;
        }
      }
      .l-guide h4.black {
        color: var(--c-color-03);
      }
      .l-guide p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      .l-guide-area-01 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        padding-bottom: 131px;
        padding-top: 8px;
      }
      @media screen and (max-width: 960px) {
        .l-guide-area-01 {
          display: grid;
          grid-template-columns: initial;
          gap: 8px;
          padding-top: 2px;
          padding-bottom: 85px;
        }
      }
      .l-guide-area-01 > div {
        background-color: var(--c-color-05);
        justify-content: center; /* 水平方向に中央寄せ */
        align-items: center; /* 垂直方向に中央寄せ */
        text-align: center;
        display: grid;
        gap: 24px;
        padding: 29px 0 37px;
      }
      @media screen and (max-width: 960px) {
        .l-guide-area-01 > div {
          gap: 18px;
          padding: 26px 0 33px;
        }
      }
      .l-guide-area-02 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: minmax(304px, auto);
        gap: 16px;
        padding-bottom: 40px;
      }
      @media screen and (max-width: 960px) {
        .l-guide-area-02 {
          display: grid;
          grid-template-columns: initial;
          grid-auto-rows: minmax(289px, auto);
          gap: 8px;
        }
      }
      .l-guide-area-02 > div {
        background-color: var(--c-color-05);
        display: grid;
        place-content: center;
        place-items: center;
        padding: 40px 72px 51px;
      }
      @media screen and (max-width: 960px) {
        .l-guide-area-02 > div {
          padding: 43px 24px 51px;
        }
      }
      .l-guide-area-02 > div > :where(h4) {
        text-align: center;
      }
      .l-guide-area-02 > div > :where(p) {
        margin-top: 10px;
        padding-bottom: 25px;
      }
      @media screen and (max-width: 960px) {
        .l-guide-area-02 > div > :where(p) {
          margin-top: 11px;
          padding-bottom: 27px;
        }
      }
      .l-guide-area-02:last-child {
        padding-bottom: 120px;
      }
      @media screen and (max-width: 960px) {
        .l-guide-area-02:last-child {
          padding-bottom: 80px;
        }
      }
      .l-guide-title {
        padding-bottom: 24px;
        scroll-margin-top: 80px; /* スクロール位置をずらす */
      }
      .l-guide-title > :where(h4) {
        color: var(--c-color-03);
      }
      .l-guide-title > :where(div) {
        margin-top: 18px;
        width: 100%;
        height: 1px;
        background: rgba(44, 73, 137, 0.5);
      }
      @media screen and (max-width: 960px) {
        .l-guide-title > :where(div) {
          margin-top: 16px;
        }
      }
      .l-info-backgroundcolor-fixed {
        background-color: var(--cb-base) !important;
      }
      .l-info-01 {
        display: flex;
        text-align: start;
        background-color: var(--c-color-05);
        align-items: center;
        min-height: 420px;
      }
      @media screen and (max-width: 960px) {
        .l-info-01 {
          display: grid;
          gap: 24px;
          padding-bottom: 30px;
          height: auto;
        }
      }
      .l-info-01 > :where(div)[data-content=img] {
        display: flex;
        min-width: 610px;
        width: 610px;
        height: 420px;
      }
      @media screen and (max-width: 960px) {
        .l-info-01 > :where(div)[data-content=img] {
          min-width: auto;
          width: 100%;
          height: 100%;
        }
      }
      .l-info-01 > :where(div)[data-content=img] > :where(img) {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin: auto;
      }
      @media screen and (max-width: 960px) {
        .l-info-01 > :where(div)[data-content=img] > :where(img) {
          width: 100%;
          height: auto;
          object-fit: contain;
        }
      }
      .l-info-01 > :where(div)[data-content=main] {
        vertical-align: middle;
        width: 100%;
        padding-left: 41px;
        padding-top: 6px;
        padding-bottom: 21px;
        margin: auto 120px auto 24px;
      }
      @media screen and (max-width: 960px) {
        .l-info-01 > :where(div)[data-content=main] {
          padding-left: 0;
          padding-bottom: 0;
          margin: 0 24px;
          width: initial;
        }
      }
      .l-info-01 > :where(div)[data-content=main] > :where(div) {
        width: fit-content;
      }
      .l-info-01 > :where(div)[data-content=main] > :where(div) :where(a) {
        display: block;
      }
      @media screen and (max-width: 960px) {
        .l-info-01 > :where(div)[data-content=main] > :where(div) {
          text-align: center;
          margin: auto;
        }
      }
      .l-info-01 > :where(div)[data-content=main] > :where(div) a.c-button {
        padding: 10.5px 33.5px;
      }
      @media screen and (max-width: 960px) {
        .l-info-01 > :where(div)[data-content=main] > :where(div) a.c-button {
          padding: 7.5px 25px;
        }
      }
      .l-info-01 h2 {
        margin-top: -13px;
        font-family: var(--t-note);
        font-style: normal;
        font-size: 36px;
        font-weight: 700;
        line-height: 54px;
        letter-spacing: 0.08em;
        text-align: left;
        font-feature-settings: "palt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-info-01 h2 {
          margin-top: 0;
          font-size: 26px;
          font-weight: 700;
          line-height: 36.4px;
          letter-spacing: 0.08em;
          text-align: left;
          font-feature-settings: "halt" on;
        }
      }
      .l-info-01 p {
        margin-top: 9px;
        padding-bottom: 24px;
        font-style: normal;
        font-size: 16px;
        font-weight: 400;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: left;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-info-01 p {
          margin-top: 16px;
          font-size: 14px;
          font-weight: 400;
          line-height: 22.4px;
          letter-spacing: 0.04em;
          text-align: left;
        }
      }
      .l-info-01 p > :where(span) {
        font-weight: 700;
      }
      .l-info-02 {
        display: flex;
        text-align: start;
        background-color: var(--c-color-01);
        align-items: center;
        height: 436px;
      }
      @media screen and (max-width: 960px) {
        .l-info-02 {
          display: grid;
          gap: 21px;
          padding-bottom: 32px;
          height: auto;
        }
      }
      .l-info-02 > :where(div)[data-content=img] {
        background-color: var(--c-color-33);
        min-width: 610px;
        height: 100%;
        display: flex;
      }
      @media screen and (max-width: 960px) {
        .l-info-02 > :where(div)[data-content=img] {
          min-width: auto;
          width: 100%;
          height: 258px;
        }
      }
      .l-info-02 > :where(div)[data-content=img] > :where(img) {
        width: auto;
        height: 335px;
        object-fit: contain;
        margin: auto;
      }
      @media screen and (max-width: 960px) {
        .l-info-02 > :where(div)[data-content=img] > :where(img) {
          width: auto;
          height: 223px;
        }
      }
      .l-info-02 > :where(div)[data-content=main] {
        vertical-align: middle;
        width: 100%;
        margin: auto 120px auto 24px;
        padding-top: 2px;
        padding-left: 41px;
        padding-bottom: 27px;
      }
      @media screen and (max-width: 960px) {
        .l-info-02 > :where(div)[data-content=main] {
          padding-left: 0;
          padding-bottom: 0;
          margin: auto 24px;
          width: initial;
        }
      }
      .l-info-02 > :where(div)[data-content=main] > :where(div) {
        width: fit-content;
      }
      @media screen and (max-width: 960px) {
        .l-info-02 > :where(div)[data-content=main] > :where(div) {
          text-align: center;
          margin: auto;
        }
      }
      .l-info-02 > :where(div)[data-content=main] > :where(div) :where(a) {
        display: block;
        padding: 11.5px 35px;
      }
      @media screen and (max-width: 960px) {
        .l-info-02 > :where(div)[data-content=main] > :where(div) :where(a) {
          padding: 8.5px 23px;
        }
      }
      @media screen and (max-width: 960px) {
        .l-info-02 > :where(div)[data-content=main] > :where(div) :where(a) :where(span) {
          font-size: 14px;
          font-weight: 700;
          line-height: 25.2px;
          letter-spacing: 0.04em;
          text-align: center;
        }
      }
      .l-info-02 h2 {
        margin-top: -13px;
        font-family: var(--t-note);
        font-style: normal;
        font-size: 36px;
        font-weight: 700;
        line-height: 54px;
        letter-spacing: 0.08em;
        text-align: left;
        font-feature-settings: "palt" on;
        color: var(--c-color-02);
      }
      @media screen and (max-width: 960px) {
        .l-info-02 h2 {
          margin-top: 0;
          font-size: 26px;
          font-weight: 700;
          line-height: 36.4px;
          letter-spacing: 0.08em;
          text-align: left;
          font-feature-settings: "halt" on;
        }
      }
      .l-info-02 p {
        margin-top: 21px;
        padding-bottom: 32px;
        font-style: normal;
        font-size: 16px;
        font-weight: 400;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        text-align: left;
        font-feature-settings: "palt" on;
        color: var(--c-color-02);
      }
      @media screen and (max-width: 960px) {
        .l-info-02 p {
          font-size: 14px;
          font-weight: 400;
          line-height: 22.4px;
          letter-spacing: 0.04em;
          text-align: left;
        }
      }
      /** 対象者カテゴリ **/
      .l-guide-category-index {
        display: grid;
        grid-template-rows: 1fr auto;
      }
      .l-guide-category-index p.caption {
        font-weight: 400;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      .l-guide-category-index-line {
        align-items: center;
        position: relative;
        z-index: 1;
      }
      .l-guide-category-index-line::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -50%;
        height: 1px;
        width: 200%;
        background-color: var(--c-color-01);
        z-index: -1;
      }
      .l-guide-category-index-line > :where(p) {
        padding: 0 8px;
        white-space: nowrap;
        width: fit-content;
        color: var(--c-color-01) !important;
        background-color: var(--cb-base);
      }
      @media screen and (max-width: 960px) {
        .l-guide-category-index-line > :where(p) {
          margin: 0 auto;
        }
      }
      .l-guide-category-index-tab {
        display: grid;
        height: 90px !important;
        grid-template-columns: auto auto auto auto auto auto auto auto;
        gap: 40px;
      }
      @media screen and (max-width: 960px) {
        .l-guide-category-index-tab {
          display: flex;
          flex-wrap: wrap;
          gap: 8px 16px;
          height: auto !important;
          padding: 26px 0 18px;
        }
      }
      .l-guide-category-index-tab > :where(div) > :where(a) {
        font-weight: 700 !important;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01) !important;
        position: relative !important;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        opacity: 0.3;
        margin-top: -8px;
        text-decoration: none;
        transition: opacity 0.3s;
      }
      @media screen and (max-width: 960px) {
        .l-guide-category-index-tab > :where(div) > :where(a) {
          font-size: 14px !important;
          line-height: 160%;
          letter-spacing: 0.04em;
        }
      }
      @media (hover: hover) {
        .l-guide-category-index-tab > :where(div) > :where(a)[href]:hover {
          opacity: 1;
        }
      }
      .l-guide-category-index-tab > :where(div)::after {
        content: "";
        display: block;
        width: 100%;
        height: 8px;
        background-color: var(--c-color-01) !important;
        opacity: 0;
      }
      .l-guide-category-index-tab .checked > :where(a) {
        opacity: 1;
      }
      .l-guide-category-index-tab .checked::after {
        opacity: 1;
      }
      @media screen and (max-width: 960px) {
        .l-guide-category-index-tab .checked::after {
          display: none;
        }
      }
      .l-sitemap {
        font-family: var(--t-noto);
        font-style: normal;
        margin: 113px 120px 0;
        padding-bottom: 132px;
        padding-left: 120px;
        padding-right: 120px;
      }
      @media screen and (max-width: 960px) {
        .l-sitemap {
          margin: 48px 24px 0;
          padding-bottom: 70px;
          padding-left: 24px;
          padding-right: 24px;
        }
      }
      .l-sitemap a {
        text-decoration: none;
        width: fit-content;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .l-sitemap a:hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .l-sitemap-space5-sp {
          margin-top: 5px !important;
        }
      }
      .l-sitemap-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2列 */
        gap: 50px 105px;
      }
      @media screen and (max-width: 960px) {
        .l-sitemap-grid {
          grid-template-columns: initial;
          gap: 14px;
        }
      }
      .l-sitemap-grid > :where(div) {
        text-align: start;
      }
      .l-sitemap-grid > :where(div) > :where(div) > :where(a) {
        display: block;
        width: fit-content;
      }
      .l-sitemap-grid > :where(div) > :where(div) > :where(a) > :where(h2, h3) {
        font-weight: 700;
        font-size: 22px;
        line-height: 1; /* テキストの行の高さを適切に設定 */
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
        display: inline-flex;
        align-items: center; /* テキストとアイコンを上下中央揃え */
      }
      @media screen and (max-width: 960px) {
        .l-sitemap-grid > :where(div) > :where(div) > :where(a) > :where(h2, h3) {
          font-size: 18px;
          line-height: 160%;
        }
      }
      .l-sitemap-grid > :where(div) > :where(div) > :where(a) > :where(h2, h3)::after {
        content: "";
        display: inline-block;
        width: 6px;
        height: 10px;
        margin-left: 16px;
        margin-top: 3px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%206%2010%22%20fill=%22none%22%20width=%226%22%20height=%2210%22%3E%3Cpath%20d=%22M1%201L5%205L1%209%22%20stroke=%22%232C4198%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E");
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: middle;
      }
      .l-sitemap-grid > :where(div) > :where(div) > :where(div) {
        height: 1px;
        width: 100%;
        background-color: var(--c-color-01);
        margin-top: 18px;
      }
      @media screen and (max-width: 960px) {
        .l-sitemap-grid > :where(div) > :where(div) > :where(div) {
          margin-top: 18px;
        }
      }
      .l-sitemap-grid > :nth-child(8):where(div) > :where(div) > :where(a) > :where(h2, h3)::after {
        display: none;
      }
      @media screen and (max-width: 960px) {
        .l-sitemap-grid > :nth-child(2):where(div) {
          display: none;
        }
      }
      .l-sitemap-list {
        margin-top: 32px;
        display: grid;
        gap: 7px;
      }
      @media screen and (max-width: 960px) {
        .l-sitemap-list {
          margin-top: 16px;
          gap: 10px;
        }
      }
      .l-sitemap-list p {
        margin-top: 4px;
        font-weight: 700;
        font-size: 12px;
        line-height: 160%;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-04);
      }
      @media screen and (max-width: 960px) {
        .l-sitemap-list p {
          margin-top: 0;
          font-size: 12px;
          line-height: 160%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
        }
      }
      .l-sitemap-list a {
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-01);
        display: flex;
        flex-shrink: 0;
      }
      @media screen and (max-width: 960px) {
        .l-sitemap-list a {
          font-size: 14px;
          line-height: 160%;
        }
      }
      .l-sitemap-list a::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 2px;
        margin: auto 8px auto 0;
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center; /* 上下左右中央に配置 */
        vertical-align: middle; /* アイコンの上下中央揃え */
      }
      .l-sitemap-list a::after {
        content: "";
        display: inline-block;
        width: 6px;
        height: 28.8px;
        margin: auto 8px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%206%2010%22%20fill=%22none%22%20width=%226%22%20height=%2210%22%3E%3Cpath%20d=%22M1%201L5%205L1%209%22%20stroke=%22%232C4198%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E");
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: middle;
      }
      @media screen and (max-width: 960px) {
        .l-sitemap-list a::after {
          height: 24px;
        }
      }
      .l-sitemap-list a.last {
        margin-bottom: 18px;
      }
      @media screen and (max-width: 960px) {
        .l-sitemap-list a.last {
          margin-bottom: 8px;
        }
      }
      .l-sitemap[data-theme=tokyo] .l-sitemap-list a::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210%22%20height%3D%222%22%20viewBox%3D%220%200%2010%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%2210%22%20height%3D%222%22%20fill%3D%22%23ACA5FF%22/%3E%3C/svg%3E");
      }
      .l-sitemap[data-theme=osaka] .l-sitemap-list a::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210%22%20height%3D%222%22%20viewBox%3D%220%200%2010%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%2210%22%20height%3D%222%22%20fill%3D%22%2382BEEF%22/%3E%3C/svg%3E");
      }
      .l-sitemap[data-theme=nagoya] .l-sitemap-list a::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210%22%20height%3D%222%22%20viewBox%3D%220%200%2010%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%2210%22%20height%3D%222%22%20fill%3D%22%237DC6A7%22/%3E%3C/svg%3E");
      }
      .l-access-content-index-menu {
        margin-top: 44px;
        padding-bottom: 111px;
      }
      @media screen and (max-width: 960px) {
        .l-access-content-index-menu {
          margin-top: 52px;
          padding-bottom: 42px;
        }
      }
      .l-access {
        width: 100%;
        padding-left: 120px;
        padding-right: 120px;
        font-family: var(--t-noto);
        font-style: normal;
      }
      @media screen and (max-width: 960px) {
        .l-access {
          padding-left: 24px;
          padding-right: 24px;
        }
      }
      .l-access div.h3 {
        font-weight: 700;
        font-size: 30px;
        line-height: 150%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-access div.h3 {
          font-size: 22px;
          line-height: 140%;
        }
      }
      .l-access div.email {
        font-size: 22px !important;
        line-height: 160% !important;
      }
      @media screen and (max-width: 960px) {
        .l-access div.email {
          font-size: 18px !important;
          line-height: 140% !important;
        }
      }
      .l-access h3 {
        font-weight: 700;
        font-size: 22px;
        line-height: 160%;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-access h3 {
          font-size: 18px;
        }
      }
      .l-access p {
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-access p {
          font-size: 14px;
          line-height: 160%;
        }
      }
      .l-access a {
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        display: flex;
        align-items: center;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-01);
        text-decoration-thickness: 1px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .l-access a:hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .l-access a {
          font-size: 14px;
          line-height: 160%;
        }
      }
      .l-access ul {
        list-style-type: none;
        padding-left: 8px;
      }
      .l-access ul li {
        position: relative;
        padding-left: 12px;
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-access ul li {
          font-size: 14px;
          line-height: 160%;
        }
      }
      .l-access ul li::before {
        content: "";
        width: 4px; /* 横幅 */
        height: 4px; /* 縦幅 */
        background-color: var(--c-color-03);
        border-radius: 50%; /* 丸くする */
        position: absolute;
        left: 0; /* テキストの左端に配置 */
        top: 50%;
        transform: translateY(-50%); /* 中央揃え */
      }
      @media screen and (max-width: 960px) {
        .l-access ul li::before {
          top: 0.72em; /* 1行目の基準にアイコンを固定配置 */
          transform: none; /* 縦中央揃えを解除 */
        }
      }
      .l-access-address {
        margin-top: 19px;
      }
      @media screen and (max-width: 960px) {
        .l-access-address {
          margin-top: 19px;
        }
      }
      .l-access-tel-email {
        display: flex;
        gap: 24px; /* アイテム間の隙間 */
        margin-top: 32px;
        padding-bottom: 104px;
      }
      @media screen and (max-width: 960px) {
        .l-access-tel-email {
          display: block;
          padding-bottom: 70px;
          margin-top: 18px;
        }
      }
      .l-access-tel-email-left {
        display: grid;
        height: 134px;
        background: hsla(0, 0%, 100%, 0.2);
        padding: 14px 32px 28px;
      }
      @media screen and (max-width: 960px) {
        .l-access-tel-email-left {
          height: auto;
          padding: 19px 24px 23px;
        }
      }
      .l-access-tel-email-left > :where(div) {
        display: flex;
        align-items: flex-end; /* 下付けに揃える */
        gap: 8px;
      }
      @media screen and (max-width: 960px) {
        .l-access-tel-email-left > :where(div) {
          display: block;
        }
      }
      .l-access-tel-email-left > :where(div) > :where(a) {
        text-decoration: none;
      }
      .l-access-tel-email-right {
        display: flex; /* フレックスボックスを使用 */
        flex-direction: column; /* 縦に並べる */
        justify-content: flex-end; /* 下寄せ */
        gap: 20px;
      }
      @media screen and (max-width: 960px) {
        .l-access-tel-email-right {
          display: flex; /* フレックスボックスを使用 */
          flex-direction: row; /* 縦に並べる */
          justify-content: flex-start;
          gap: 20px;
          margin-top: 22px;
        }
      }
      .l-access-access {
        margin-top: 17px;
      }
      @media screen and (max-width: 960px) {
        .l-access-access > :where(h4) {
          margin-bottom: 4px;
        }
      }
      .l-access-access-02 {
        margin-top: 10px;
      }
      @media screen and (max-width: 960px) {
        .l-access-access-02 > :where(h4) {
          margin-bottom: 2px;
        }
      }
      .l-access-map {
        position: relative;
        width: 100%; /* 横幅を100%に設定 */
        padding-bottom: 50%;
        height: 0;
        margin-top: 42px;
        margin-bottom: 194px;
      }
      @media screen and (max-width: 960px) {
        .l-access-map {
          width: 100%; /* 横幅を100%に設定 */
          padding-bottom: 100%;
          margin-bottom: 114px;
        }
      }
      .l-access-map > :where(iframe) {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
      .l-access-map > :where(a) {
        position: absolute;
        margin-top: calc(50% + 6px);
        top: 0;
        right: 0;
      }
      @media screen and (max-width: 960px) {
        .l-access-map > :where(a) {
          margin-top: calc(100% + 6px);
          top: 0;
          right: 0;
        }
      }
      .l-access-hidden-anchor {
        padding-top: 114px;
        margin-top: -114px;
      }
      @media screen and (max-width: 960px) {
        .l-access-hidden-anchor {
          padding-top: 64px;
          margin-top: -64px;
        }
      }
      .l-recruit-content-index-menu {
        margin-top: 44px;
        padding-bottom: 105px;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-content-index-menu {
          margin-top: 52px;
          padding-bottom: 42px;
        }
      }
      .l-recruit {
        width: 100%;
        padding-left: 120px;
        padding-right: 120px;
        overflow: hidden;
        font-family: var(--t-noto);
        font-style: normal;
      }
      @media screen and (max-width: 960px) {
        .l-recruit {
          padding-left: 24px;
          padding-right: 24px;
        }
      }
      .l-recruit-space160-85 {
        margin-top: 160px !important;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-space160-85 {
          margin-top: 85px !important;
        }
      }
      .l-recruit-space98-66 {
        margin-top: 98px !important;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-space98-66 {
          margin-top: 69px !important;
        }
      }
      .l-recruit-space94-66 {
        margin-top: 94px !important;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-space94-66 {
          margin-top: 66px !important;
        }
      }
      .l-recruit-space26-16 {
        margin-top: 26px !important;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-space26-16 {
          margin-top: 16px !important;
        }
      }
      .l-recruit-space18-17 {
        margin-top: 18px !important;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-space18-17 {
          margin-top: 17px !important;
        }
      }
      .l-recruit-space26-12 {
        margin-top: 26px !important;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-space26-12 {
          margin-top: 12px !important;
        }
      }
      .l-recruit-space24-18 {
        margin-top: 24px !important;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-space24-18 {
          margin-top: 18px !important;
        }
      }
      .l-recruit-space12-14 {
        margin-top: 12px !important;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-space12-14 {
          margin-top: 14px !important;
        }
      }
      .l-recruit-space13-7 {
        margin-top: 13px !important;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-space13-7 {
          margin-top: 7px !important;
        }
      }
      .l-recruit-space24 {
        margin-top: 24px !important;
      }
      .l-recruit-space16 {
        margin-top: 16px !important;
      }
      .l-recruit-black {
        color: #000 !important;
      }
      .l-recruit-strong {
        margin-top: 26px;
        font-weight: 700;
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      .l-recruit-strong::before, .l-recruit-strong::after {
        display: block;
        width: 0;
        height: 0;
        content: "";
      }
      .l-recruit-strong::before {
        margin-top: calc((1 - 1.8125) * 0.5em);
      }
      .l-recruit-strong::after {
        margin-bottom: calc((1 - 1.8125) * 0.5em);
      }
      @media screen and (max-width: 960px) {
        .l-recruit-strong {
          margin-top: 18px;
          font-size: 14px;
          line-height: 22px;
        }
        .l-recruit-strong::before, .l-recruit-strong::after {
          display: block;
          width: 0;
          height: 0;
          content: "";
        }
        .l-recruit-strong::before {
          margin-top: calc((1 - 1.5714285714) * 0.5em);
        }
        .l-recruit-strong::after {
          margin-bottom: calc((1 - 1.5714285714) * 0.5em);
        }
      }
      .l-recruit-strong-blue {
        font-weight: 700;
        font-size: 18px;
        line-height: 32.4px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      .l-recruit-strong-blue::before, .l-recruit-strong-blue::after {
        display: block;
        width: 0;
        height: 0;
        content: "";
      }
      .l-recruit-strong-blue::before {
        margin-top: calc((1 - 1.8) * 0.5em);
      }
      .l-recruit-strong-blue::after {
        margin-bottom: calc((1 - 1.8) * 0.5em);
      }
      @media screen and (max-width: 960px) {
        .l-recruit-strong-blue {
          font-size: 16px;
          line-height: 25.6px;
        }
        .l-recruit-strong-blue::before, .l-recruit-strong-blue::after {
          display: block;
          width: 0;
          height: 0;
          content: "";
        }
        .l-recruit-strong-blue::before {
          margin-top: calc((1 - 1.6) * 0.5em);
        }
        .l-recruit-strong-blue::after {
          margin-bottom: calc((1 - 1.6) * 0.5em);
        }
      }
      .l-recruit-strong-blue2 {
        font-weight: 700;
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      .l-recruit-strong-blue2::before, .l-recruit-strong-blue2::after {
        display: block;
        width: 0;
        height: 0;
        content: "";
      }
      .l-recruit-strong-blue2::before {
        margin-top: calc((1 - 1.8125) * 0.5em);
      }
      .l-recruit-strong-blue2::after {
        margin-bottom: calc((1 - 1.8125) * 0.5em);
      }
      @media screen and (max-width: 960px) {
        .l-recruit-strong-blue2 {
          font-size: 14px;
          line-height: 22px;
        }
        .l-recruit-strong-blue2::before, .l-recruit-strong-blue2::after {
          display: block;
          width: 0;
          height: 0;
          content: "";
        }
        .l-recruit-strong-blue2::before {
          margin-top: calc((1 - 1.5714285714) * 0.5em);
        }
        .l-recruit-strong-blue2::after {
          margin-bottom: calc((1 - 1.5714285714) * 0.5em);
        }
      }
      .l-recruit-text {
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: #000;
      }
      .l-recruit-text::before, .l-recruit-text::after {
        display: block;
        width: 0;
        height: 0;
        content: "";
      }
      .l-recruit-text::before {
        margin-top: calc((1 - 1.8) * 0.5em);
      }
      .l-recruit-text::after {
        margin-bottom: calc((1 - 1.8) * 0.5em);
      }
      @media screen and (max-width: 960px) {
        .l-recruit-text {
          font-size: 14px;
          line-height: 22.4px;
        }
        .l-recruit-text::before, .l-recruit-text::after {
          display: block;
          width: 0;
          height: 0;
          content: "";
        }
        .l-recruit-text::before {
          margin-top: calc((1 - 1.6) * 0.5em);
        }
        .l-recruit-text::after {
          margin-bottom: calc((1 - 1.6) * 0.5em);
        }
      }
      .l-recruit-text2 {
        margin-top: 26px;
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: #000;
      }
      .l-recruit-text2::before, .l-recruit-text2::after {
        display: block;
        width: 0;
        height: 0;
        content: "";
      }
      .l-recruit-text2::before {
        margin-top: calc((1 - 1.8) * 0.5em);
      }
      .l-recruit-text2::after {
        margin-bottom: calc((1 - 1.8) * 0.5em);
      }
      @media screen and (max-width: 960px) {
        .l-recruit-text2 {
          margin-top: 18px;
          font-size: 14px;
          line-height: 22.4px;
        }
        .l-recruit-text2::before, .l-recruit-text2::after {
          display: block;
          width: 0;
          height: 0;
          content: "";
        }
        .l-recruit-text2::before {
          margin-top: calc((1 - 1.6) * 0.5em);
        }
        .l-recruit-text2::after {
          margin-bottom: calc((1 - 1.6) * 0.5em);
        }
      }
      .l-recruit-download-document-list-item {
        margin-bottom: 8px;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-download-document-list-item {
          margin-bottom: 9px;
        }
      }
      .l-recruit-download-document-list-item > :where(a) {
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-01);
        text-decoration: underline;
        text-decoration-skip-ink: none;
        text-underline-offset: 0.15em;
        text-decoration-thickness: 1px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .l-recruit-download-document-list-item > :where(a):hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .l-recruit-download-document-list-item > :where(a) {
          font-size: 14px;
          line-height: 25.2px;
        }
      }
      .l-recruit-download-document-list-item:last-child {
        margin-bottom: 0;
      }
      .l-recruit-download-document-list-item::before {
        content: "";
        background-image: url("/wp-content/themes/original2024/assets/img/recruit/kk-recruit-excel-pc.svg");
        width: 48px;
        height: 21px;
        margin: 0 3px 2px 0;
        background-position: center;
        background-size: 48px 21px;
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: middle;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-download-document-list-item::before {
          background-image: url("/wp-content/themes/original2024/assets/img/recruit/kk-recruit-excel-sp.svg");
          width: 43px;
          height: 19px;
          margin-right: 4px;
        }
      }
      @media screen and (max-width: 960px) {
        .l-recruit .recruit-list {
          display: flex;
          flex-direction: column;
          gap: 5px;
        }
      }
      .l-recruit-application-method-list-item {
        list-style: none;
        margin-left: 33px;
        position: relative;
        counter-increment: cnt;
        font-size: 0;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-application-method-list-item {
          margin-left: 28px;
        }
      }
      .l-recruit-application-method-list-item div::before {
        position: absolute;
        top: 0;
        left: -28px;
        content: "" counter(cnt) ".";
        display: flex;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-application-method-list-item div::before {
          top: 0;
          left: -24px;
        }
      }
      .l-recruit-application-method-list-item > :where(div, p) {
        display: inline;
      }
      .l-recruit-application-method-list-item:last-child {
        margin-bottom: 0;
      }
      .l-recruit-application-method-list-item > :where(div) {
        font-weight: 700;
        font-size: 22px;
        line-height: 44px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-recruit-application-method-list-item > :where(div) {
          font-size: 18px;
          line-height: 28.8px;
        }
      }
      .l-recruit-application-method-list-item > :where(p) {
        margin-left: 6px;
        font-weight: 400;
        font-size: 12px;
        line-height: 19.2px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-recruit-application-method-list-item > :where(p) {
          margin-left: 5px;
          font-size: 10px;
          line-height: 16px;
        }
      }
      .l-recruit-application-method-list-item > .caption2 {
        font-size: 16px;
        line-height: 28.8px;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-application-method-list-item > .caption2 {
          margin-left: 5px;
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-recruit-caption {
        margin-top: 0;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 19.2px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: #000;
      }
      .l-recruit-caption::before, .l-recruit-caption::after {
        display: block;
        width: 0;
        height: 0;
        content: "";
      }
      .l-recruit-caption::before {
        margin-top: calc((1 - 1.5833333333) * 0.5em);
      }
      .l-recruit-caption::after {
        margin-bottom: calc((1 - 1.5833333333) * 0.5em);
      }
      @media screen and (max-width: 960px) {
        .l-recruit-caption {
          font-size: 10px;
          line-height: 16px;
        }
        .l-recruit-caption::before, .l-recruit-caption::after {
          display: block;
          width: 0;
          height: 0;
          content: "";
        }
        .l-recruit-caption::before {
          margin-top: calc((1 - 1.6) * 0.5em);
        }
        .l-recruit-caption::after {
          margin-bottom: calc((1 - 1.6) * 0.5em);
        }
      }
      .l-recruit-flex-area {
        display: flex;
        flex-direction: row;
      }
      .l-recruit-link {
        text-decoration: underline;
        text-decoration-thickness: 1px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .l-recruit-link:hover {
          opacity: 0.5;
        }
      }
      .l-recruit-address {
        margin-top: 13px;
        display: flex;
        flex-direction: row;
      }
      @media screen and (max-width: 960px) {
        .l-recruit-address {
          margin-top: 7px;
          flex-direction: column;
          gap: 7px;
        }
      }
      @media screen and (max-width: 960px) {
        .l-recruit-address > :where(span) {
          display: none;
        }
      }
      .l-recruit-address > :where(div) {
        display: flex;
      }
      @layer component {
        .l-admission-example-content-index-menu {
          margin-top: 52px;
          padding-bottom: 105px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-example-content-index-menu {
            margin-top: 35px;
            padding-bottom: 53px;
          }
        }
        .l-admission-example {
          width: 100%;
          margin-top: 105px;
          padding-left: 120px;
          padding-right: 120px;
          padding-bottom: 160px;
          font-family: var(--t-noto);
          font-style: normal;
        }
        @media screen and (max-width: 960px) {
          .l-admission-example {
            margin-top: 35px;
            padding-left: 24px;
            padding-right: 24px;
            padding-bottom: 83px;
          }
        }
        .l-admission-example p.bold {
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-admission-example p.bold {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-admission-example p.bule {
          color: var(--c-color-01) !important;
        }
        .l-admission-example-comment {
          margin-top: 18px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-example-comment {
            margin-top: 24px;
          }
        }
        .l-admission-example-images {
          margin-top: 45px;
          display: grid;
          grid-template-columns: 0.567fr 0.433fr;
          gap: 8px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-example-images {
            grid-template-columns: 1fr;
            margin-top: 26px;
          }
        }
        .l-admission-example-images > :where(div) {
          padding: 22px 16px 16px;
          background: var(--c-color-08);
        }
        @media screen and (max-width: 960px) {
          .l-admission-example-images > :where(div) {
            padding: 26px 16px 16px;
          }
        }
        .l-admission-example-images > :where(div) > :where(img) {
          margin-top: 24px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-example-images > :where(div) > :where(img) {
            margin-top: 14px;
          }
        }
        .l-admission-example-hidden-anchor {
          padding-top: 114px;
          margin-top: -114px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-example-hidden-anchor {
            padding-top: 64px;
            margin-top: -64px;
          }
        }
        .l-admission-policy {
          width: 100%;
          padding-left: 120px;
          padding-right: 120px;
          padding-bottom: 153px;
          font-family: var(--t-noto);
          font-style: normal;
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy {
            padding-left: 24px;
            padding-right: 24px;
            padding-bottom: 80px;
          }
        }
        .l-admission-policy p {
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy p {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-admission-policy p.bold {
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy p.bold {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-admission-policy p.bule {
          color: var(--c-color-01) !important;
        }
        .l-admission-policy h2 {
          font-weight: 700;
          font-size: 22px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
          border-bottom: 1px solid rgba(44, 73, 137, 0.5);
          padding-bottom: 14px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy h2 {
            font-size: 18px;
            padding-bottom: 8px;
          }
        }
        .l-admission-policy h2.h3 {
          font-weight: 700;
          font-size: 30px;
          line-height: 150%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy h2.h3 {
            font-size: 22px;
            line-height: 140%;
          }
        }
        .l-admission-policy ul > :where(li) {
          position: relative; /* liに相対位置を設定 */
          padding-left: 24px; /* 左に余白を作る */
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy ul > :where(li) {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-admission-policy ul > :where(li)::before {
          content: "";
          position: absolute;
          left: 10px;
          top: 11px;
          width: 4px;
          height: 4px;
          border-radius: 50%;
          background-color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy ul > :where(li)::before {
            font-size: 18px;
          }
        }
        .l-admission-policy ul > :where(li) > :where(span) {
          font-size: 16px;
          font-weight: 700;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy ul > :where(li) > :where(span) {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-admission-policy a {
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          align-items: center;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-01);
          text-decoration: underline;
          text-decoration-thickness: 1px;
          transition: opacity 0.1s ease-out;
        }
        @media (hover: hover) {
          .l-admission-policy a:hover {
            opacity: 0.5;
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy a {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-admission-policy a.pdf::after {
          content: "";
          display: inline-block; /* インラインブロックとして表示 */
          width: 16px; /* アイコンの幅 */
          height: 15px; /* アイコンの高さ */
          background-image: url("/wp-content/themes/original2024/assets/img/admission/admission-pdf-icon.svg"); /* SVGアイコンのパス */
          background-size: contain; /* アイコンが要素のサイズに収まるように */
          background-repeat: no-repeat; /* アイコンを繰り返さない */
          margin-left: 8px; /* テキストとのスペース */
          vertical-align: middle;
        }
        .l-admission-policy-message {
          margin-top: 56px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy-message {
            margin-top: 40px;
          }
        }
        .l-admission-policy-item {
          margin-top: 30px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy-item {
            margin-top: 20px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy-item:nth-of-type(2) {
            margin-top: 19px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy-item:nth-of-type(5) {
            margin-top: 21px;
          }
        }
        .l-admission-policy-item > :where(ul) {
          margin-top: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy-item > :where(ul) {
            margin-top: 9px;
          }
        }
        .l-admission-policy-pdf {
          margin-top: 42px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy-pdf {
            margin-top: 48px;
          }
        }
        .l-admission-policy-hyouka {
          margin-top: 70px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-policy-hyouka {
            margin-top: 50px;
          }
        }
        .l-admission-policy-hyouka > :where(p) {
          margin-top: 22px;
        }
        .l-admission-outline-content-index-menu {
          margin-top: 52px;
          padding-bottom: 112px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-content-index-menu {
            margin-top: 35px;
            padding-bottom: 50px;
          }
        }
        .l-admission-outline {
          width: 100%;
          padding-left: 120px;
          padding-right: 120px;
          padding-bottom: 120px;
          font-family: var(--t-noto);
          font-style: normal;
          gap: 100px;
          display: flex;
          flex-direction: column;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline {
            padding-left: 24px;
            padding-right: 24px;
            padding-bottom: 80px;
          }
        }
        .l-admission-outline.white {
          padding-left: 0 !important;
          padding-right: 0 !important;
          background: hsla(0, 0%, 100%, 0.2);
        }
        .l-admission-outline.white > :where(div) {
          padding-left: 120px;
          padding-right: 120px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline.white > :where(div) {
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-admission-outline p {
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline p {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-admission-outline p span {
          font-weight: 700;
          color: var(--c-color-01);
        }
        .l-admission-outline p.bold {
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline p.bold {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-admission-outline p.bule {
          color: var(--c-color-01) !important;
        }
        .l-admission-outline p.caption {
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          text-align: left;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
          margin-top: 10px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline p.caption {
            font-size: 10px;
            line-height: 140%;
            text-align: left;
          }
        }
        .l-admission-outline h3 {
          font-weight: 700;
          font-size: 22px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
          border-bottom: 1px solid rgba(44, 73, 137, 0.5); /* 下に灰色の線を引く */
          padding-bottom: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline h3 {
            font-size: 18px;
            padding-bottom: 8px;
          }
        }
        .l-admission-outline h4 {
          font-weight: 700;
          font-size: 18px;
          line-height: 180%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01) !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline h4 {
            font-size: 16px;
            line-height: 160%;
          }
        }
        .l-admission-outline ol > :where(li) {
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
          list-style-type: none;
          counter-increment: cnt;
          padding-left: 25px;
          position: relative;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline ol > :where(li) {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-admission-outline ol > :where(li)::before {
          position: absolute;
          content: "" counter(cnt) ". ";
          margin-left: 0;
          text-align: end;
          left: 0;
          top: 0;
          width: 20px;
        }
        .l-admission-outline-item > :where(h3) {
          margin-top: 24px;
        }
        .l-admission-outline-item > :where(p) {
          margin-top: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-item > :where(p) {
            margin-top: 11px;
          }
        }
        .l-admission-outline-item > :where(div) {
          margin-top: 6px;
          margin-bottom: 38px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-item > :where(div) {
            margin-bottom: 28px;
          }
        }
        .l-admission-outline-inquiry {
          width: 100%;
          padding-top: 104px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-inquiry {
            padding-top: 75px;
          }
        }
        .l-admission-outline-inquiry-grid {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 64px;
          margin-top: 22px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-inquiry-grid {
            display: block;
          }
        }
        .l-admission-outline-inquiry-grid > :where(div):first-child {
          display: grid;
          grid-template-rows: auto auto 1fr;
          gap: 23px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-inquiry-grid > :where(div):first-child {
            place-items: center;
            gap: 26px;
          }
        }
        .l-admission-outline-inquiry-grid > :where(div):last-child {
          height: 210px;
          padding-left: 48px;
          padding-right: 48px;
          background: hsla(0, 0%, 100%, 0.3);
          display: flex;
          flex-direction: column;
          justify-content: center; /* 垂直方向の中央揃え */
          gap: 7px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-inquiry-grid > :where(div):last-child {
            height: 172px;
          }
        }
        @media screen and (max-width: 960px) and (max-width: 960px) {
          .l-admission-outline-inquiry-grid > :where(div):last-child {
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-admission-outline-inquiry-grid > :where(div):last-child > :where(div):last-child {
          padding-bottom: 8px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-inquiry-grid > :where(div):last-child > :where(div):last-child {
            padding-bottom: 3px;
          }
        }
        .l-admission-outline-inquiry-grid-inquiry-link {
          text-decoration: underline;
          text-decoration-thickness: 1px;
          transition: opacity 0.1s ease-out;
        }
        @media (hover: hover) {
          .l-admission-outline-inquiry-grid-inquiry-link:hover {
            opacity: 0.5;
          }
        }
        .l-admission-outline-table {
          width: 100%;
          text-align: center;
          border: 1px solid var(--c-color-01);
          border-collapse: collapse;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
          table-layout: fixed;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-table {
            font-size: 14px;
            line-height: 160%;
            width: 100%;
          }
        }
        .l-admission-outline-table th.blue {
          color: var(--c-color-01);
        }
        .l-admission-outline-table th {
          padding: 14px 11px 15px;
          border: 1px solid var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-table th {
            width: 150px;
            padding: 17px 11px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-table th:nth-child(2) {
            width: 153px;
          }
        }
        .l-admission-outline-table td {
          padding: 14px 22px 15px;
          border: 1px solid var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-table td {
            height: 57px;
            padding: 0 22px;
          }
        }
        .l-admission-outline-padding-bottom-110-77 {
          padding-bottom: 110px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-padding-bottom-110-77 {
            padding-bottom: 77px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-admission-outline-margin-bottom-14-pc-only {
            margin-bottom: 14px !important;
          }
        }
        .l-admission-outline-space40-30 {
          margin-top: 40px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-space40-30 {
            margin-top: 30px !important;
          }
        }
        .l-admission-outline-space36-29 {
          margin-top: 36px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-space36-29 {
            margin-top: 29px !important;
          }
        }
        @media screen and (min-width: 961px) {
          .l-admission-outline-space9-pc-only {
            margin-top: 9px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-space11-sp-only {
            margin-top: 11px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-space8-sp-only {
            margin-top: 8px !important;
          }
        }
        .l-admission-outline-hidden-anchor {
          padding-top: 114px;
          margin-top: -114px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-outline-hidden-anchor {
            padding-top: 64px;
            margin-top: -64px;
          }
        }
        .l-admission-residence-content-index-menu {
          margin-top: 52px;
          padding-bottom: 109px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-content-index-menu {
            margin-top: 34px;
            padding-bottom: 56px;
          }
        }
        .l-admission-residence {
          margin-top: -16px;
          width: 100%;
          padding-left: 120px;
          padding-right: 120px;
          padding-bottom: 120px;
          font-family: var(--t-noto);
          font-style: normal;
          display: flex;
          flex-direction: column;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence {
            margin-top: 0;
            padding-left: 24px;
            padding-right: 24px;
            padding-bottom: 48px;
          }
        }
        .l-admission-residence.white {
          padding-left: 0 !important;
          padding-right: 0 !important;
          padding-bottom: 0 !important;
          margin-bottom: 0 !important;
          height: 517px;
          background: hsla(0, 0%, 100%, 0.2);
        }
        .l-admission-residence.white > :where(div) {
          padding-left: 120px;
          padding-right: 120px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence.white > :where(div) {
            padding-left: 24px;
            padding-right: 24px;
          }
        }
        .l-admission-residence p {
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence p {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-admission-residence p span {
          font-weight: 700;
          color: var(--c-color-01);
        }
        .l-admission-residence p.bold {
          font-weight: 700;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence p.bold {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-admission-residence p.bule {
          color: var(--c-color-01) !important;
        }
        .l-admission-residence p.caption {
          font-weight: 400;
          font-size: 12px;
          line-height: 160%;
          text-align: left;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
          margin-top: 10px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence p.caption {
            font-size: 10px;
            line-height: 140%;
            text-align: left;
          }
        }
        .l-admission-residence a {
          display: block;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          text-decoration-thickness: 1px;
          transition: opacity 0.1s ease-out;
        }
        @media (hover: hover) {
          .l-admission-residence a:hover {
            opacity: 0.5;
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence a {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-admission-residence a.space10 {
          margin-top: 10px;
        }
        .l-admission-residence a.c-button-black {
          width: 194px !important;
          height: 52px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence a.c-button-black {
            width: 164px !important;
            height: 42px !important;
          }
        }
        .l-admission-residence h2 {
          font-weight: 700;
          font-size: 30px;
          line-height: 150%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01);
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence h2 {
            font-size: 22px;
            line-height: 140%;
          }
        }
        .l-admission-residence h3 {
          font-weight: 700;
          font-size: 22px;
          line-height: 160%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-03);
          border-bottom: 1px solid rgba(44, 73, 137, 0.5);
          padding-bottom: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence h3 {
            font-size: 18px;
            padding-bottom: 8px;
          }
        }
        .l-admission-residence h4 {
          font-weight: 700;
          font-size: 18px;
          line-height: 180%;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
          color: var(--c-color-01) !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence h4 {
            font-size: 16px;
            line-height: 160%;
          }
        }
        .l-admission-residence ul > :where(li) {
          position: relative;
          padding-left: 24px;
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence ul > :where(li) {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-admission-residence ul > :where(li)::before {
          content: "";
          position: absolute;
          left: 10px;
          top: 11px;
          width: 4px;
          height: 4px;
          border-radius: 50%;
          background-color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence ul > :where(li)::before {
            font-size: 18px;
          }
        }
        .l-admission-residence ul > :where(li) > :where(span) {
          font-size: 16px;
          font-weight: 700;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence ul > :where(li) > :where(span) {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-admission-residence ol > :where(li) {
          font-weight: 400;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0.04em;
          font-feature-settings: "palt" on;
          color: var(--c-color-03);
          list-style-type: none;
          counter-increment: cnt;
          padding-left: 25px;
          position: relative;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence ol > :where(li) {
            font-size: 14px;
            line-height: 160%;
          }
        }
        .l-admission-residence ol > :where(li)::before {
          position: absolute;
          content: "" counter(cnt) ". ";
          margin-left: 0;
          text-align: end;
          left: 0;
          top: 0;
          width: 20px;
        }
        .l-admission-residence tr > :where(td):nth-of-type(1) {
          width: 323px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence tr > :where(td):nth-of-type(1) {
            width: 177px;
          }
        }
        .l-admission-residence tr > :where(td):nth-of-type(2) {
          text-align: left;
          padding-top: 19px;
          padding-bottom: 19px;
        }
        .l-admission-residence-top {
          display: grid;
          gap: 47px;
          grid-template-columns: 42% auto; /* 500px : 653px の割合 */
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-top {
            grid-template-columns: auto;
            gap: 10px;
          }
        }
        .l-admission-residence-top > :where(div):nth-of-type(1) {
          display: grid;
          gap: 8px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-top > :where(div):nth-of-type(1) {
            gap: 28px;
          }
        }
        .l-admission-residence-top > :where(div):nth-of-type(2) {
          margin-top: 10px;
          min-height: 229px;
          background: hsla(0, 0%, 100%, 0.2);
          padding: 40px 39px;
          display: grid;
          grid-template-columns: 149px auto;
          gap: 24px;
          align-items: center; /* 縦方向中央揃え */
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-top > :where(div):nth-of-type(2) {
            grid-template-columns: auto;
            height: fit-content;
            padding: 40px 26px;
            gap: 0;
          }
        }
        .l-admission-residence-top > :where(div):nth-of-type(2) > :where(img) {
          filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15));
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-top > :where(div):nth-of-type(2) > :where(img) {
            width: 149px;
          }
        }
        .l-admission-residence-top > :where(div):nth-of-type(2) > :where(div) {
          display: grid;
          gap: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-top > :where(div):nth-of-type(2) > :where(div) {
            margin-top: 20px;
          }
        }
        .l-admission-residence-top > :where(div):nth-of-type(2) > :where(div) > :where(a) {
          width: 194px;
          margin: 0 auto auto 0;
          padding: 11.5px 28px 11.5px 32px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-top > :where(div):nth-of-type(2) > :where(div) > :where(a) {
            width: 164px;
            height: 42px;
            margin: auto;
            padding: 0 20px 0 24px !important;
          }
        }
        .l-admission-residence-top > :where(div):nth-of-type(2) > :where(div) > :where(a) > :where(div) {
          display: flex;
          flex-direction: row;
        }
        .l-admission-residence-top > :where(div):nth-of-type(2) > :where(div) > :where(a) > :where(div) > :where(span) {
          padding-bottom: 1px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-top > :where(div):nth-of-type(2) > :where(div) > :where(a) > :where(div) > :where(span) {
            font-weight: 700;
            font-size: 14px;
            line-height: 25.2px;
            letter-spacing: 0.04em;
            font-feature-settings: "halt" on;
          }
        }
        .l-admission-residence-item > :where(h4) {
          margin-top: 42px;
        }
        .l-admission-residence-item > :where(p) {
          margin-top: 16px;
        }
        .l-admission-residence-item > :where(div) {
          margin-top: 6px;
          margin-bottom: 38px;
        }
        .l-admission-residence-item > :where(ul) {
          margin-top: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-item > :where(ul) {
            margin-top: 9px;
          }
        }
        .l-admission-residence-item > :where(a) {
          color: var(--c-color-01);
        }
        .l-admission-residence-kyorits {
          margin-top: 37px;
          max-width: 640px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-kyorits {
            margin-top: 39px;
          }
        }
        .l-admission-residence-kyorits > :where(a) > :where(img) {
          margin-top: 28px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-kyorits > :where(a) > :where(img) {
            margin-top: 22px;
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-kyorits > :where(div) {
            margin-top: 10px;
          }
        }
        .l-admission-residence-kyorits :where(a) {
          display: inline !important;
        }
        .l-admission-residence-jsb {
          background: hsla(0, 0%, 100%, 0.2);
          padding: 26px 32px;
          margin-top: 16px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-jsb {
            padding: 18px 25px;
            margin-top: 12px;
          }
        }
        .l-admission-residence-jsb :where(a) {
          display: inline !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-width-680-sp-only {
            width: 680px !important;
            -webkit-text-size-adjust: 100%; /* stylelint-disable-line */
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-width-547-sp-only {
            width: 547px !important;
          }
        }
        .l-admission-residence-margin-bottom-0 {
          margin-bottom: 0 !important;
        }
        @media screen and (min-width: 961px) {
          .l-admission-residence-margin-bottom-14-pc-only {
            margin-bottom: 14px !important;
          }
        }
        .l-admission-residence-space104-73 {
          margin-top: 104px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-space104-73 {
            margin-top: 73px !important;
          }
        }
        .l-admission-residence-space66-37 {
          margin-top: 66px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-space66-37 {
            margin-top: 37px !important;
          }
        }
        .l-admission-residence-space54-38 {
          margin-top: 54px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-space54-38 {
            margin-top: 38px !important;
          }
        }
        .l-admission-residence-space36-30 {
          margin-top: 36px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-space36-30 {
            margin-top: 30px !important;
          }
        }
        .l-admission-residence-space36-29 {
          margin-top: 36px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-space36-29 {
            margin-top: 29px !important;
          }
        }
        .l-admission-residence-space36-28 {
          margin-top: 36px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-space36-28 {
            margin-top: 28px !important;
          }
        }
        .l-admission-residence-space36-pconly {
          margin-top: 36px !important;
        }
        .l-admission-residence-space33-35 {
          margin-top: 33px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-space33-35 {
            margin-top: 35px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-space29-sp-only {
            margin-top: 29px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-space22-sp-only {
            margin-top: 22px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-space10-sp-only {
            margin-top: 10px !important;
          }
        }
        .l-admission-residence-hidden-anchor {
          padding-top: 114px;
          margin-top: -114px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-hidden-anchor {
            padding-top: 64px;
            margin-top: -64px;
          }
        }
        .l-about-public-publication--padding0 {
          padding: 0;
        }
        .l-admission-message--row a {
          transition: opacity 0.1s ease-out;
        }
        @media (hover: hover) {
          .l-admission-message--row a:hover {
            opacity: 0.5;
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-message--row small {
            display: inline-block;
            margin-top: 8px;
            line-height: 1.4;
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-comprehensive-area-02-text-03--small {
            font-size: 16px !important;
          }
        }
        .l-admission-comprehensive-text strong {
          font-weight: 700;
        }
        @media screen and (max-width: 960px) {
          .content-header-title-2 .h5--padding-right {
            margin-right: 24px !important;
          }
        }
        a.text-blue {
          color: var(--c-color-01);
          transition: opacity 0.1s ease-out;
        }
        @media (hover: hover) {
          a.text-blue:hover {
            opacity: 0.5;
          }
        }
        .l-admission-residence-kyorits--wrapper {
          padding: 40px 48px 42px;
          background: hsla(0, 0%, 100%, 0.2);
        }
        .l-admission-residence-kyorits--wrapper h4:nth-of-type(n + 2) {
          margin-top: 10px;
        }
        .l-admission-residence-kyorits--wrapper a {
          transition: opacity 0.1s ease-out;
        }
        @media (hover: hover) {
          .l-admission-residence-kyorits--wrapper a:hover {
            opacity: 0.5;
          }
        }
        .l-admission-residence-kyorits--martin-top {
          margin-top: 30px !important;
        }
        .l-admission-residence-kyorits--margin-bottom {
          margin-bottom: 100px !important;
        }
        .l-admission-message a {
          transition: opacity 0.1s ease-out;
        }
        .u-color-blue {
          color: var(--c-color-01);
        }
        .l-admission-comprehensive-application-materials-1-list--dot-top {
          margin-top: 30px;
        }
        @media screen and (min-width: 961px) {
          .l-admission-comprehensive-application-materials-1-list--dot-top > :where(li)::before {
            top: 0.95em;
            transform: none;
          }
        }
        .l-admission-example-images--color-blue p {
          color: var(--c-color-01);
        }
        .l-admission-example-images--color-blue p a {
          position: relative;
          display: inline !important;
          padding-right: 22px;
          font-weight: 700;
        }
        .l-admission-example-images--color-blue p a::after {
          position: absolute;
          content: "";
          overflow: visible;
          display: inline-block !important;
          width: 22px; /* アイコンの幅 */
          height: 20px; /* アイコンの高さ */
          background-image: url("/wp-content/themes/original2024/assets/img/admission/admission-pdf-icon.svg"); /* SVGアイコンのパス */
          background-size: cover; /* アイコンが要素のサイズに収まるように */
          background-repeat: no-repeat; /* アイコンを繰り返さない */
          margin-top: 5px !important;
          right: -6px;
        }
        .l-admission-comprehensive-application-materials-1-text--indent p {
          padding-left: 1em;
          text-indent: -1em;
        }
        .l-admission-comprehensive-application-materials-1-text--indent p.is-dot span {
          margin-left: 0.2em;
          margin-right: 0.3em;
        }
        .l-admission-comprehensive-application-materials-1-text--indent-large p {
          padding-left: 2em;
          text-indent: -2em;
        }
        .l-admission-outline--no-gap {
          gap: 0;
        }
        .l-admission-outline--padding-bottom0 {
          padding-bottom: 0 !important;
        }
        .l-admission-outline-inquiry-grid--align-left div {
          place-items: flex-start;
        }
        .l-admission-comprehensive-calendar-caption--center {
          text-align: center;
        }
        .button-area--center {
          margin: 30px auto 0;
          text-align: center;
        }
        .l-admission-comprehensive-table--margin-top {
          margin-top: 10px;
        }
        .c-button--pdf img {
          width: 18px;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-ol--padding,
          .l-admission-residence-kyorits--padding {
            padding: 30px 24px !important;
          }
        }
        .l-admission-residence-top--wide {
          display: block;
          margin-top: 80px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-residence-top--wide {
            margin-top: 60px !important;
          }
        }
        .l-admission-residence-top--wide a {
          display: inline-block;
          color: var(--c-color-01);
        }
        .l-admission-area-02-button-area-wrapper {
          display: flex;
          gap: 10px;
        }
        @media screen and (max-width: 960px) {
          .l-admission-area-02-button-area-wrapper {
            flex-direction: column;
          }
        }
        .l-admission-residence-item p.blue {
          color: var(--c-color-01);
          font-weight: 700;
        }
        .l-about-public-publication-ol--no-number li {
          padding-left: 0;
        }
        .l-about-public-publication-ol--no-number li::before {
          display: none;
        }
        .l-about-public-publication-ol--no-number li span {
          color: var(--c-color-01);
          font-weight: 700;
        }
        .l-about-public-publication-ol--no-number a {
          transition: opacity 0.2s;
        }
        @media (hover: hover) {
          .l-about-public-publication-ol--no-number a:hover {
            opacity: 0.5;
          }
        }
        .l-about-public-publication-ol--margin-top-sp {
          margin-top: 30px;
        }
        @media screen and (max-width: 960px) {
          .l-about-public-publication-table--fit {
            width: 100% !important;
          }
        }
        .l-admission-caption--margin-top {
          margin-top: 40px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-caption--margin-top {
            margin-top: 30px !important;
          }
        }
        .l-admission-general-content-index-menu--low {
          padding-bottom: 0 !important;
        }
        .l-admission-entrance-examination--padding-bottom {
          padding-bottom: 30px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-entrance-examination--padding-bottom {
            padding-bottom: 20px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .l-admission-news {
            padding-top: 40px !important;
          }
        }
        .l-admission-news--padding-top0 {
          padding-top: 0 !important;
        }
        .l-admission-news--background-none {
          background-color: transparent !important;
        }
        @media screen and (min-width: 961px) {
          .l-admission-news-title--padding {
            padding: 0 120px !important;
          }
        }
        .l-admission-news-content {
          margin-top: 28px;
        }
        .c-eyes-scrollbar--news {
          padding-right: 120px !important;
        }
        @media screen and (width >= 1440px) {
          .c-eyes-scrollbar--news {
            padding-right: calc((100vw - 1200px) / 2) !important;
          }
        }
        @media screen and (width >= 2200px) {
          .c-eyes-scrollbar--news {
            padding-right: 500px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .c-eyes-scrollbar--news {
            padding-right: 24px !important;
          }
        }
        .c-eyes-scrollbar--news .swiper-wrapper {
          padding-left: 120px;
        }
        @media screen and (width >= 1440px) {
          .c-eyes-scrollbar--news .swiper-wrapper {
            padding-left: calc((100vw - 1200px) / 2);
          }
        }
        @media screen and (width >= 2200px) {
          .c-eyes-scrollbar--news .swiper-wrapper {
            padding-left: 500px;
          }
        }
        @media screen and (max-width: 960px) {
          .c-eyes-scrollbar--news .swiper-wrapper {
            padding-left: 24px;
          }
        }
        .c-eyes-scrollbar--news .swiper-scrollbar {
          max-width: calc(100% - 240px) !important;
          margin-left: 120px;
        }
        @media screen and (width >= 1440px) {
          .c-eyes-scrollbar--news .swiper-scrollbar {
            max-width: 1200px !important;
            margin-left: calc((100vw - 1200px) / 2);
          }
        }
        @media screen and (width >= 2200px) {
          .c-eyes-scrollbar--news .swiper-scrollbar {
            margin-left: 500px;
          }
        }
        @media screen and (max-width: 960px) {
          .c-eyes-scrollbar--news .swiper-scrollbar {
            width: calc(100% - 48px) !important;
            max-width: calc(100% - 48px) !important;
            margin-left: 24px;
          }
        }
        .c-eyes-scrollbar--white .c-eyes-thumbnail__date, .c-eyes-scrollbar--white .c-eyes-thumbnail__heading, .c-eyes-scrollbar--white .c-eyes-thumbnail-category li {
          color: var(--c-color-02);
        }
        .c-eyes-scrollbar--white .c-eyes-thumbnail__heading span {
          background-image: var(--cb-scroll-text-underline-white) !important;
        }
        .c-eyes-scrollbar--white .c-eyes-thumbnail-category li {
          background-color: var(--c-color-36);
        }
        .c-eyes-scrollbar--white .swiper-scrollbar-drag::before {
          background: var(--c-color-02) !important;
        }
        .c-eyes-scrollbar--grid-inner {
          padding-right: 0 !important;
        }
        @media screen and (width >= 1440px) {
          .c-eyes-scrollbar--grid-inner {
            padding-right: calc((100vw - 1200px) / 2) !important;
          }
        }
        @media screen and (width >= 2200px) {
          .c-eyes-scrollbar--grid-inner {
            padding-right: 500px !important;
          }
        }
        @media screen and (max-width: 960px) {
          .c-eyes-scrollbar--grid-inner {
            padding-right: 24px !important;
          }
        }
        .c-eyes-scrollbar--grid-inner .swiper-wrapper {
          max-width: 0;
          margin-left: 0 !important;
        }
        @media screen and (width >= 1440px) {
          .c-eyes-scrollbar--grid-inner .swiper-wrapper {
            max-width: 1200px;
          }
        }
        @media screen and (width >= 2200px) {
          .c-eyes-scrollbar--grid-inner .swiper-wrapper {
            max-width: 1200px;
          }
        }
        @media screen and (max-width: 960px) {
          .c-eyes-scrollbar--grid-inner .swiper-wrapper {
            max-width: calc(100vw - 48px);
          }
        }
        .l-admission-comprehensive-screening-process--padding-bottom-low,
        .l-admission-comprehensive-application-materials--padding-bottom-low {
          padding-bottom: 70px !important;
        }
        @media screen and (max-width: 960px) {
          .l-admission-comprehensive-screening-process--padding-bottom-low,
          .l-admission-comprehensive-application-materials--padding-bottom-low {
            padding-bottom: 50px !important;
          }
        }
        .l-about-public-publication--small h3 {
          padding-bottom: 0;
          border-bottom: none;
          color: var(--c-color-01);
          font-size: 16px;
        }
        .l-admission-message--long-line .title {
          padding-bottom: 4px;
        }
        .l-admission-message--long-line .title + div span {
          display: none;
        }
      }
      .l-admission-caption {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 19.2px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      .l-admission {
        width: 100%;
        margin-bottom: 160px;
        font-family: var(--t-noto);
      }
      @media screen and (max-width: 960px) {
        .l-admission {
          margin-bottom: 0;
        }
      }
      .l-admission-space41-33 {
        margin-top: 41px !important;
      }
      @media screen and (max-width: 960px) {
        .l-admission-space41-33 {
          margin-top: 33px !important;
        }
      }
      .l-admission-padding {
        padding: 0 120px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-padding {
          padding: 0 24px;
        }
      }
      .l-admission-area-01 {
        margin: 80px auto 120px;
        padding: 40px 0 56px;
        max-width: 1200px;
        background-color: var(--c-color-08);
        display: grid;
        place-content: center;
        place-items: center;
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-01 {
          margin: 24px 0 59px;
          padding: 30px 0 40px;
        }
      }
      .l-admission-area-01-text {
        margin-bottom: 18px;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-01-text {
          margin-bottom: 24px;
          flex-direction: column;
          gap: 2px;
          align-items: center;
        }
      }
      .l-admission-area-01-text > :where(div.h3) {
        margin: 0 7px 0 6px;
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 45px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
        text-align: center;
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-01-text > :where(div.h3) {
          margin: -3px 0;
          font-size: 26px;
          line-height: 36.4px;
        }
      }
      .l-admission-area-01-text > :where(div.h4) {
        margin-bottom: 3px;
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-01-text > :where(div.h4) {
          margin-bottom: 0;
          font-size: 18px;
          line-height: 32.4px;
          font-feature-settings: "halt" on;
        }
      }
      .l-admission-area-01-flex-area {
        display: flex;
        flex-direction: row;
        gap: 16px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-01-flex-area {
          flex-direction: column;
        }
      }
      .l-admission-news {
        padding: 102px 0 120px;
        background-color: var(--c-color-08);
      }
      @media screen and (max-width: 960px) {
        .l-admission-news {
          padding: 46px 0 56px;
        }
      }
      .l-admission-news-overflow {
        overflow-x: visible;
      }
      .l-admission-news-scroll {
        width: 100%;
        max-width: 2200px;
        margin-top: 28px;
      }
      .l-admission-news-scroll > :where(ul) > :where(li.padding) {
        width: calc((100% - 1440px + 180px) / 2);
        min-width: 99px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-news-scroll > :where(ul) > :where(li.padding) {
          width: 21px;
          min-width: 0;
        }
      }
      .l-admission-news-title {
        padding-left: 120px;
        padding-right: 120px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-news-title {
          padding-right: 24px;
          padding-left: 24px;
        }
      }
      .l-admission .scroll-area-date {
        margin: 0;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-admission .scroll-area-date {
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-admission-entrance-examination {
        padding: 102px 120px 100px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-entrance-examination {
          padding: 71px 24px 64px;
        }
      }
      .l-admission-entrance-examination-grid-area-01 {
        margin-top: 28px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: minmax(291px, auto);
        gap: 16px;
        padding-bottom: 8px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-entrance-examination-grid-area-01 {
          margin-top: 20px;
          display: grid;
          grid-template-columns: initial;
          grid-auto-rows: minmax(275px, auto);
          gap: 16px;
        }
      }
      .l-admission-entrance-examination-grid-area-01 .reception::before, .l-admission-entrance-examination-grid-area-01 .reception::after {
        content: "";
        width: 106px;
        height: 36px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
      }
      @media screen and (max-width: 960px) {
        .l-admission-entrance-examination-grid-area-01 .reception::before, .l-admission-entrance-examination-grid-area-01 .reception::after {
          width: 87px;
          height: 30px;
          top: 0;
          right: 0;
        }
      }
      .l-admission-entrance-examination-grid-area-01 .reception::before {
        background-color: var(--c-color-01);
      }
      .l-admission-entrance-examination-grid-area-01 .reception::after {
        background-image: url("/wp-content/themes/original2024/assets/img/admission/admission-reception-pc.svg");
        background-size: contain;
        background-repeat: no-repeat;
        animation: blink 1.5s infinite;
      }
      @media screen and (max-width: 960px) {
        .l-admission-entrance-examination-grid-area-01 .reception::after {
          background-image: url("/wp-content/themes/original2024/assets/img/admission/admission-reception-sp.svg");
        }
      }
      @keyframes blink {
        0%, 100% {
          opacity: 1;
        }
        50% {
          opacity: 0;
        }
      }
      .l-admission-entrance-examination-grid-area-01 > :where(div) {
        position: relative;
        background-color: var(--c-color-08);
        display: grid;
        place-content: center;
        place-items: center;
      }
      @media screen and (max-width: 960px) {
        .l-admission-entrance-examination-grid-area-01 > :where(div) {
          height: fit-content;
          padding-top: 48px;
          padding-bottom: 32px;
        }
      }
      .l-admission-entrance-examination-grid-area-01 > :where(div) > :where(h3) {
        margin-top: -10px;
        margin-bottom: 8px;
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 45px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-admission-entrance-examination-grid-area-01 > :where(div) > :where(h3) {
          margin-bottom: 10px;
          font-size: 22px;
          line-height: 30.8px;
        }
      }
      .l-admission-entrance-examination-grid-area-01 > :where(div) > :where(div) {
        margin-bottom: 24px;
        display: flex;
        flex-direction: column;
        row-gap: 6px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-entrance-examination-grid-area-01 > :where(div) > :where(div) {
          margin-bottom: 26px;
          row-gap: 12px;
        }
      }
      .l-admission-entrance-examination-grid-area-01 > :where(div) > :where(div) > :where(span) {
        display: flex;
        flex-direction: row;
        column-gap: 8px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-entrance-examination-grid-area-01 > :where(div) > :where(div) > :where(span) {
          flex-direction: column;
          align-items: center;
          row-gap: 3px;
        }
      }
      .l-admission-entrance-examination-grid-area-01 > :where(div) > :where(div) > :where(span) > :where(p) {
        margin: 0;
      }
      .l-admission-entrance-examination-grid-area-02 {
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: minmax(212px, auto);
        gap: 16px;
        padding-bottom: 40px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-entrance-examination-grid-area-02 {
          margin-top: 34px;
          display: grid;
          grid-template-columns: initial;
          grid-auto-rows: minmax(151px, auto);
          gap: 8px;
        }
      }
      .l-admission-entrance-examination-grid-area-02 > :where(div) {
        background-color: var(--c-color-08);
        display: grid;
        place-content: center;
        place-items: center;
      }
      .l-admission-entrance-examination-grid-area-02 > :where(div) > :where(h3) {
        margin-top: -14px;
        margin-bottom: 24px;
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 35.2px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-admission-entrance-examination-grid-area-02 > :where(div) > :where(h3) {
          margin-top: -10px;
          margin-bottom: 26px;
          font-size: 18px;
          line-height: 28.8px;
          text-align: center;
        }
      }
      @media screen and (max-width: 960px) {
        .l-admission-entrance-examination-grid-area-02 > :nth-child(1) > :nth-child(1) {
          margin-top: -5px;
          margin-bottom: 19px;
        }
      }
      @media screen and (max-width: 960px) {
        .l-admission-entrance-examination-grid-area-02 > :nth-child(2) > :nth-child(1) {
          margin-top: -5px;
          margin-bottom: 19px;
        }
      }
      .l-admission-area-02 {
        display: grid;
        place-content: center;
        place-items: center;
        margin: -74px 0 114px;
        padding: 56px 0 40px;
        background-color: #282134;
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-02 {
          margin: -64px 0 76px;
          padding: 36px;
        }
      }
      .l-admission-area-02-text {
        margin-top: -8px;
        margin-bottom: 18px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-02-text {
          margin-bottom: 24px;
          text-align: center;
        }
      }
      .l-admission-area-02-text > :where(div.h3) {
        margin-bottom: 3px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: 0.08em;
        font-feature-settings: "palt" on;
        display: inline-block;
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-02-text > :where(div.h3) {
          margin-bottom: 0;
          font-size: 18px;
          line-height: 1.8;
          font-feature-settings: "halt" on;
        }
      }
      .l-admission-area-02-button-area {
        height: 80px;
        width: 343px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-02-button-area {
          height: 80px;
          width: 297px;
        }
      }
      @media screen and (min-width: 961px) {
        .l-admission-area-02-button-area-title {
          font-size: 20px;
          line-height: 32px;
          letter-spacing: 0.08em;
        }
      }
      .l-admission-area-02 > :where(p) {
        margin: 15px 0 0;
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-02 > :where(p) {
          margin: 12px 0 0;
        }
      }
      .l-admission-area-02 .l-admission-caption {
        color: var(--c-color-02);
      }
      .l-admission-results-entrance-examination {
        padding: 0 120px 102px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-results-entrance-examination {
          padding: 0 24px 73px;
        }
      }
      .l-admission-area-03 {
        max-width: 900px;
        margin-top: 28px;
        padding: 30px 40px;
        display: grid;
        place-items: center start;
        background-color: var(--c-color-08);
        row-gap: 20px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-03 {
          padding: 16px 24px 19px;
          row-gap: 18px;
        }
      }
      .l-admission-area-03 > :where(li) {
        display: flex;
        flex-direction: column;
      }
      .l-admission-area-03 > :where(li) > :where(h3) {
        margin-bottom: 6px;
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 35.2px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
        display: inline-block;
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-03 > :where(li) > :where(h3) {
          margin-bottom: 10px;
          font-size: 18px;
          line-height: 28.8px;
        }
      }
      .l-admission-area-03 > :where(li) > :where(p) {
        margin-bottom: 3px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
        display: inline-block;
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-03 > :where(li) > :where(p) {
          margin-bottom: 0;
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-admission-financial-aid-and-accommodations {
        padding: 0 120px 120px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-financial-aid-and-accommodations {
          padding: 0 24px 83px;
        }
      }
      .l-admission-financial-aid-and-accommodations-grid-area {
        margin-top: 27px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: minmax(62px, auto);
        gap: 0 40px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-financial-aid-and-accommodations-grid-area {
          margin-top: 24px;
          grid-template-columns: initial;
          grid-auto-rows: minmax(65px, auto);
        }
      }
      .l-admission-financial-aid-and-accommodations-grid-area > :where(a) {
        text-decoration: none;
        border-bottom: 1px solid var(--c-color-01);
      }
      .l-admission-financial-aid-and-accommodations-grid-area-link {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        column-gap: 14px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .l-admission-financial-aid-and-accommodations-grid-area-link:hover {
          opacity: 0.5;
        }
      }
      .l-admission-financial-aid-and-accommodations-grid-area-link > :where(h3) {
        margin: 0;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 32.4px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-admission-financial-aid-and-accommodations-grid-area-link > :where(h3) {
          font-size: 16px;
          line-height: 25.6px;
        }
      }
      .l-admission-financial-aid-and-accommodations-grid-area-link > :where(img) {
        margin: 2px 0 0;
      }
      @media screen and (max-width: 960px) {
        .l-admission-financial-aid-and-accommodations-grid-area-link > :where(img) {
          margin: 1px 0 0;
        }
      }
      .l-admission-inquiries {
        padding: 100px 0 120px;
        background-color: var(--c-color-08);
      }
      @media screen and (max-width: 960px) {
        .l-admission-inquiries {
          padding: 73px 0 59px;
        }
      }
      .l-admission-inquiries-grid-area {
        margin-top: 28px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto 169px;
        column-gap: 64px;
        padding-right: 120px;
        padding-left: 120px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-inquiries-grid-area {
          margin-top: 22px;
          grid-template-columns: initial;
          grid-template-rows: auto auto auto;
          row-gap: 24px;
          padding-right: 24px;
          padding-left: 24px;
        }
      }
      .l-admission-area-04 {
        grid-row: 1/2;
        grid-column: 1/2;
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-04 {
          grid-row: 1/2;
          grid-column: 1/3;
        }
      }
      .l-admission-area-04 > :where(p) {
        margin: -8px 0 0;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-04 > :where(p) {
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-admission-area-05 {
        grid-row: 1/3;
        grid-column: 2/3;
        padding: 36px 48px;
        background-color: var(--c-color-05);
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-05 {
          grid-row: 2/3;
          grid-column: 1/3;
          padding: 18px 24px 22px;
        }
      }
      .l-admission-area-05 > :where(h3) {
        margin-bottom: 8px;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 32.4px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-05 > :where(h3) {
          margin-bottom: 10px;
          font-size: 16px;
          line-height: 25.6px;
        }
      }
      .l-admission-area-05 > :where(p) {
        margin-bottom: 8px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-05 > :where(p) {
          margin-bottom: 10px;
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-admission-area-05 > :where(span) {
        font-size: 0;
      }
      @media screen and (min-width: 961px) {
        .l-admission-area-05 > :where(span) > :where(br) {
          display: none;
        }
      }
      .l-admission-area-05 > :where(span) > :where(span) {
        display: inline-block;
      }
      .l-admission-area-05 > :where(span) > :where(a) {
        display: inline-block;
        text-decoration: underline;
        text-decoration-thickness: 1px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .l-admission-area-05 > :where(span) > :where(a):hover {
          opacity: 0.5;
        }
      }
      .l-admission-area-06 {
        margin-top: 32px;
        grid-row: 2/3;
        grid-column: 1/2;
      }
      @media screen and (max-width: 960px) {
        .l-admission-area-06 {
          margin-top: 0;
          grid-row: 3/4;
          grid-column: 1/3;
          display: flex;
          align-items: center;
        }
      }
      .l-admission-strong-blue {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-admission-strong-blue {
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-admission-text {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-admission-text {
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-admission-comprehensive-content-index-menu {
        margin-top: 52px;
        padding-left: 120px;
        padding-right: 120px;
        padding-bottom: 106px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-content-index-menu {
          margin-top: 35px;
          padding-left: 24px;
          padding-right: 24px;
          padding-bottom: 53px;
        }
      }
      .l-admission-message {
        margin-top: 56px;
        width: 100%;
        padding-left: 120px;
        padding-right: 120px;
        font-family: var(--t-noto);
        font-style: normal;
      }
      @media screen and (max-width: 960px) {
        .l-admission-message {
          margin-top: 29px;
          padding-left: 24px;
          padding-right: 24px;
        }
      }
      @media screen and (max-width: 960px) {
        .l-admission-message {
          margin-top: 56px;
        }
      }
      .l-admission-message p {
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-admission-message p {
          font-size: 14px;
          line-height: 160%;
        }
      }
      .l-admission-comprehensive {
        width: 100%;
        font-family: var(--t-noto);
        font-style: normal;
      }
      .l-admission-comprehensive strong {
        font-weight: 700;
      }
      .l-admission-comprehensive a {
        width: fit-content;
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-01);
        text-underline-offset: 0.15em;
        text-decoration-thickness: 1px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .l-admission-comprehensive a:hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive a {
          font-size: 14px;
          line-height: 160%;
        }
      }
      .l-admission-comprehensive p {
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive p {
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-margin-bottom-4-sp-only {
          margin-bottom: 4px !important;
        }
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-margin-bottom-3-sp-only {
          margin-bottom: 3px !important;
        }
      }
      .l-admission-comprehensive-space48-34 {
        margin-top: 48px !important;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-space48-34 {
          margin-top: 34px !important;
        }
      }
      .l-admission-comprehensive-space36-32 {
        margin-top: 36px !important;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-space36-32 {
          margin-top: 32px !important;
        }
      }
      .l-admission-comprehensive-space8-4 {
        margin-top: 8px !important;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-space8-4 {
          margin-top: 4px !important;
        }
      }
      .l-admission-comprehensive-space6-3 {
        margin-top: 6px !important;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-space6-3 {
          margin-top: 3px !important;
        }
      }
      .l-admission-comprehensive-space0-3 {
        margin-top: 0 !important;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-space0-3 {
          margin-top: 3px !important;
        }
      }
      .l-admission-comprehensive-space20 {
        margin-top: 20px !important;
      }
      .l-admission-comprehensive-space8 {
        margin-top: 8px !important;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-space18-sp-only {
          margin-top: 18px !important;
        }
      }
      .l-admission-comprehensive-screening-process {
        padding: 0 120px 103px;
        row-gap: 80px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-screening-process {
          padding: 0 24px 70px;
        }
      }
      .l-admission-comprehensive-screening-process-list {
        margin-top: 36px;
        display: flex;
        flex-direction: column;
        row-gap: 8px;
        list-style: none;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-screening-process-list {
          margin-top: 20px;
        }
      }
      .l-admission-comprehensive-screening-process-list-item {
        row-gap: 6px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-screening-process-list-item {
          row-gap: 2px;
        }
      }
      .l-admission-comprehensive-calendar {
        padding: 0 120px 100px;
        row-gap: 80px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-calendar {
          padding: 0 24px 66px;
        }
      }
      .l-admission-comprehensive-calendar-text {
        margin: 20px 0 32px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-calendar-text {
          margin: 13px 0 26px;
        }
      }
      .l-admission-comprehensive-calendar-caption {
        margin: 11px 0 0;
      }
      .l-admission-comprehensive-application-materials {
        padding: 0 120px 120px;
        row-gap: 80px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-application-materials {
          padding: 0 24px 84px;
        }
      }
      .l-admission-comprehensive-application-materials-caption {
        margin: 10px 0 0;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-application-materials-caption {
          -webkit-text-size-adjust: 100%; /* stylelint-disable-line */
        }
      }
      .l-admission-comprehensive-application-materials-list {
        margin-top: 26px;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        list-style: none;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-application-materials-list {
          margin-top: 20px;
          row-gap: 23px;
        }
      }
      .l-admission-comprehensive-application-materials-list-item-title {
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 35.2px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-application-materials-list-item-title {
          font-size: 18px;
          line-height: 28.8px;
        }
      }
      .l-admission-comprehensive-application-materials-1-text {
        margin: 8px 0 24px;
        font-size: 0;
        display: block;
      }
      .l-admission-comprehensive-application-materials-1-text > :where(a) {
        margin: 0;
        padding: 0;
        display: inline-block;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-application-materials-1-text {
          margin-bottom: 21px;
        }
      }
      .l-admission-comprehensive-application-materials-1-list {
        display: flex;
        flex-direction: column;
        list-style: none;
        color: var(--c-color-01);
      }
      .l-admission-comprehensive-application-materials-1-list > :where(li) {
        position: relative;
        padding-left: 19px;
        margin-left: 13px;
        margin-bottom: 5px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-application-materials-1-list > :where(li) {
          margin-left: 10px;
          margin-bottom: 8px;
        }
      }
      .l-admission-comprehensive-application-materials-1-list > :where(li)::before {
        content: "";
        width: 7px; /* 横幅 */
        height: 7px; /* 縦幅 */
        background-color: var(--c-color-01);
        border-radius: 50%; /* 丸くする */
        position: absolute;
        left: 0; /* テキストの左端に配置 */
        top: 1.2em;
        transform: translateY(-50%); /* 中央揃え */
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-application-materials-1-list > :where(li)::before {
          width: 5px;
          height: 5px;
          top: 0.72em; /* 1行目の基準にアイコンを固定配置 */
          transform: none; /* 縦中央揃えを解除 */
        }
      }
      .l-admission-comprehensive-application-materials-1-list > :where(li) > :where(h4) {
        margin: 0;
        display: inline-block;
      }
      .l-admission-comprehensive-application-materials-1-list > :where(li) > :where(h4)::before {
        content: "・";
      }
      .l-admission-comprehensive-application-materials-1-list > :where(li):last-child {
        margin-bottom: 0;
      }
      .l-admission-comprehensive-application-materials-2-text {
        margin: 26px 0 32px;
        font-size: 0;
        display: block;
      }
      .l-admission-comprehensive-application-materials-2-text > :where(a, p) {
        margin: 0;
        padding: 0;
        display: inline-block;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-application-materials-2-text {
          margin: 15px 0 18px;
        }
      }
      .l-admission-comprehensive-table {
        width: 100%;
        text-align: center;
        border: 1px solid var(--c-color-01);
        border-collapse: collapse;
        font-weight: 400;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
        table-layout: fixed;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-table {
          font-size: 14px;
          line-height: 160%;
          width: 1140px;
        }
      }
      .l-admission-comprehensive-table th.blue {
        color: var(--c-color-01);
      }
      .l-admission-comprehensive-table th {
        padding: 14px 11px 15px;
        border: 1px solid var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-table th {
          height: 60px;
          padding: 0 11px;
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 22px;
          letter-spacing: 0.04em;
          font-feature-settings: "halt" on;
        }
      }
      .l-admission-comprehensive-table td {
        padding: 14px 22px 15px;
        border: 1px solid var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-table td {
          padding: 17px 22px;
        }
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-table-width1204-sp-only {
          width: 1204px !important;
        }
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-table-td-height102-sp-only td {
          height: 102px !important;
        }
      }
      .l-admission-comprehensive-overview-of-the-application-and-admissions-process {
        padding: 102px 0 155px;
        row-gap: 80px;
        background-color: var(--c-color-08);
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-overview-of-the-application-and-admissions-process {
          padding: 74px 0 82px;
        }
      }
      .l-admission-comprehensive-overview-of-the-application-and-admissions-process-title {
        padding: 0 120px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-overview-of-the-application-and-admissions-process-title {
          padding: 0 24px;
        }
      }
      .l-admission-comprehensive-overview-of-the-application-and-admissions-process-grid-area {
        padding: 0 120px;
        display: grid;
        grid-template-columns: 90px auto;
        gap: 48px 22px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-overview-of-the-application-and-admissions-process-grid-area {
          padding: 0 24px;
          grid-template-columns: 66px auto;
          gap: 34px 14px;
        }
      }
      .l-admission-comprehensive-area-01 {
        padding: 30px 40px 32px;
        background-color: var(--c-color-08);
        display: grid;
        place-items: start start;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-area-01 {
          padding: 15px 24px 18px;
        }
      }
      .l-admission-comprehensive-area-01 :where(div.h4, h4, h3) {
        margin: 0;
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 35.2px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-area-01 :where(div.h4, h4, h3) {
          font-size: 18px;
          line-height: 28.8px;
        }
      }
      .l-admission-comprehensive-area-01 :where(p) {
        margin: 0;
      }
      .l-admission-comprehensive-area-02 {
        display: flex;
        flex-direction: column;
      }
      .l-admission-comprehensive-area-02-text {
        margin: 0 0 0 8px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-area-02-text {
          margin: 0;
        }
      }
      .l-admission-comprehensive-area-02-text-02 {
        margin: 0 0 0 7px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-area-02-text-02 {
          margin: 0;
        }
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-area-02-text-03 {
          margin-top: -2px !important;
          margin-bottom: 13px !important;
          font-size: 22px !important;
          line-height: 30.8px !important;
        }
      }
      .l-admission-comprehensive-area-02 > :where(h3) {
        margin-top: -6px;
        margin-bottom: 5px;
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 45px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-area-02 > :where(h3) {
          margin-top: 0;
          margin-bottom: 11px;
          font-size: 16px;
          line-height: 25.6px;
        }
      }
      .l-admission-comprehensive-area-02 > :where(h5, div.h5) {
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 32.4px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-area-02 > :where(h5, div.h5) {
          font-size: 16px;
          line-height: 25.6px;
        }
      }
      .l-admission-comprehensive-area-02 > :where(h5, div.h5) > :where(span) {
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-area-02 > :where(h5, div.h5) > :where(span) {
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-admission-comprehensive-area-03 {
        padding: 14px 24px 16px;
        background-color: var(--c-color-08);
        display: grid;
        place-items: start start;
        row-gap: 6px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-area-03 {
          padding: 10px 16px 12px;
          row-gap: 2px;
        }
      }
      .l-admission-comprehensive-area-03 :where(h5, div.h5) {
        margin: 0;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 32.4px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-area-03 :where(h5, div.h5) {
          font-size: 16px;
          line-height: 25.6px;
        }
      }
      .l-admission-comprehensive-area-03 :where(p) {
        margin: 0;
      }
      .l-admission-comprehensive-vertical {
        position: absolute;
        text-align: start;
        justify-content: left;
        height: 100%;
        left: 150px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-vertical {
          left: 44px;
        }
      }
      .l-admission-comprehensive-vertical-line {
        width: 28px;
        height: calc(100% - 16px);
        background: linear-gradient(180deg, rgba(44, 65, 152, 0) 0%, var(--c-color-01) 100%);
        margin-bottom: -1px;
        z-index: 0;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-vertical-line {
          height: calc(100% - 20px);
        }
      }
      .l-admission-comprehensive-vertical-line-area {
        position: relative;
      }
      .l-admission-comprehensive-step-item {
        width: 90px;
        height: 36px;
        background-color: var(--c-color-01);
        display: grid;
        place-items: center;
      }
      .l-admission-comprehensive-step-item > :where(span) {
        z-index: 1;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-02);
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-step-item > :where(span) {
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-step-item {
          width: 66px;
          height: 30px;
        }
      }
      .l-admission-comprehensive-text-line-through {
        text-decoration: line-through;
      }
      .l-admission-comprehensive-right-caption {
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 16px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
        vertical-align: text-top;
      }
      .l-admission-comprehensive-caption {
        font-style: normal;
        font-weight: 400;
        font-size: 12px !important;
        line-height: 19.2px !important;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive-caption {
          font-size: 10px !important;
          line-height: 16px !important;
        }
      }
      .l-admission-comprehensive .hidden-anchor {
        padding-top: 114px;
        margin-top: -114px;
      }
      @media screen and (max-width: 960px) {
        .l-admission-comprehensive .hidden-anchor {
          padding-top: 64px;
          margin-top: -64px;
        }
      }
      .l-error {
        width: 100%;
        margin-top: 228px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-family: var(--t-noto);
        max-width: 828px;
      }
      @media screen and (max-width: 960px) {
        .l-error {
          margin-top: 160px;
          padding-left: 50px;
          padding-right: 50px;
        }
      }
      .l-error-space233-120 {
        margin-top: 233px !important;
      }
      @media screen and (max-width: 960px) {
        .l-error-space233-120 {
          margin-top: 120px !important;
        }
      }
      .l-error :where(h2) {
        margin-bottom: 33px;
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        line-height: 54px;
        letter-spacing: 0.08em;
        font-feature-settings: "palt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-error :where(h2) {
          margin-bottom: 23px;
          font-size: 26px;
          line-height: 36.4px;
        }
      }
      .l-error :where(h4) {
        margin-bottom: 7px;
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 35.2px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-error :where(h4) {
          margin-bottom: 10px;
          font-size: 18px;
          line-height: 28.8px;
        }
      }
      .l-error :where(p) {
        margin-bottom: 48px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-error :where(p) {
          margin-bottom: 34px;
          font-size: 14px;
          line-height: 22.4px;
        }
        .l-error :where(p) :where(br) {
          display: none;
        }
      }
      .l-society-content-index-menu {
        padding-bottom: 117px;
      }
      @media screen and (max-width: 960px) {
        .l-society-content-index-menu {
          margin-top: 29px;
          padding-bottom: 30px;
        }
      }
      .l-society {
        width: 100%;
        overflow: hidden;
        font-family: var(--t-noto);
      }
      .l-society-space80-0 {
        margin-top: 80px !important;
      }
      @media screen and (max-width: 960px) {
        .l-society-space80-0 {
          margin-top: 0 !important;
        }
      }
      .l-society-black {
        color: #000 !important;
      }
      .l-society .topics {
        padding: 105px 0 120px;
        background-color: var(--c-color-08);
      }
      @media screen and (max-width: 960px) {
        .l-society .topics {
          padding: 72px 0 80px;
        }
      }
      .l-society .topics-inner {
        padding: 0 120px;
      }
      @media screen and (max-width: 960px) {
        .l-society .topics-inner {
          padding: 0 24px;
        }
      }
      .l-society .topics-content {
        display: flex;
        gap: 46px;
        justify-content: space-between;
      }
      @media screen and (max-width: 960px) {
        .l-society .topics-content {
          flex-flow: column;
          justify-content: flex-start;
        }
      }
      .l-society .topics .bundle {
        display: flex;
        flex-direction: row;
        margin-top: 48px;
        column-gap: 32px;
        align-items: flex-start;
      }
      @media screen and (max-width: 960px) {
        .l-society .topics .bundle {
          flex-direction: column;
          row-gap: 22px;
          margin-top: 40px;
        }
      }
      .l-society .topics .bundle:first-child {
        margin-top: 35px;
      }
      @media screen and (max-width: 960px) {
        .l-society .topics .bundle:first-child {
          margin-top: 28px;
        }
      }
      .l-society .topics .bundle :where(img) {
        width: 340px;
        height: auto;
        aspect-ratio: 3/2;
        object-fit: cover;
        margin: 0;
      }
      @media screen and (max-width: 960px) {
        .l-society .topics .bundle :where(img) {
          width: 100%;
        }
      }
      .l-society .topics .bundle > :where(div) {
        display: flex;
        flex-direction: column;
        row-gap: 14px;
      }
      @media screen and (max-width: 960px) {
        .l-society .topics .bundle > :where(div) {
          row-gap: 16px;
        }
      }
      .l-society .topics .bundle > :where(div) .c-button {
        margin: 0 auto auto 0;
      }
      @media screen and (max-width: 960px) {
        .l-society .topics .bundle > :where(div) .c-button {
          margin: 0 auto;
        }
      }
      .l-society .topics .bundle-flex-area {
        display: flex;
        flex-direction: row;
        column-gap: 8px;
      }
      .l-society .topics .bundle-flex-area :where(p) {
        margin: 0;
      }
      .l-society .topics .bundle-date {
        margin: -10px 0;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-society .topics .bundle-date {
          margin: -6px 0;
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-society .topics .bundle-new {
        margin: -10px 0;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-society .topics .bundle-new {
          margin: -6px 0;
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-society .topics .bundle :where(div.h5) {
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 32.4px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-society .topics .bundle :where(div.h5) {
          font-size: 16px;
          line-height: 26px;
        }
      }
      .l-society .topics-menu {
        height: fit-content;
        margin-top: 36px;
      }
      @media screen and (max-width: 960px) {
        .l-society .topics-menu {
          margin: 0 0 40px;
        }
      }
      .l-society .content-area {
        padding: 98px 120px 160px;
      }
      @media screen and (max-width: 960px) {
        .l-society .content-area {
          padding: 66px 24px 76px;
        }
      }
      @media screen and (max-width: 960px) {
        .l-society .content-area :where(ul) {
          margin-top: -22px;
        }
      }
      .l-society .content-area :where(li) {
        margin-top: 22px;
        display: flex;
        flex-direction: column;
      }
      @media screen and (max-width: 960px) {
        .l-society .content-area :where(li) {
          margin-top: 32px;
        }
      }
      .l-society .content-area :where(li):first-child {
        margin-top: 44px;
      }
      .l-society .content-area :where(li) :where(p) {
        margin: 0;
      }
      .l-society .content-area :where(li) > :where(a) {
        margin: 14px auto 42px 0;
        padding: 7.5px 25px;
      }
      @media screen and (max-width: 960px) {
        .l-society .content-area :where(li) > :where(a) {
          margin: 16px auto 0;
          padding: 7.5px 25px;
        }
        .l-society .content-area :where(li) > :where(a) > :where(svg) {
          margin-top: 3px;
        }
      }
      .l-society .content-area :where(li):last-child > :where(a) {
        margin: 32px auto 0 0;
      }
      @media screen and (max-width: 960px) {
        .l-society .content-area :where(li):last-child > :where(a) {
          margin: 32px auto 0;
        }
      }
      .l-society-strong-blue {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      .l-society-text {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
      }
      .hidden-anchor {
        padding-top: 114px;
        margin-top: -114px;
      }
      @media screen and (max-width: 960px) {
        .hidden-anchor {
          padding-top: 64px;
          margin-top: -64px;
        }
      }
      .l-search {
        width: 100%;
        padding: 34px 120px 139px;
        font-family: var(--t-noto);
      }
      @media screen and (max-width: 960px) {
        .l-search {
          padding: 22px 24px 66px;
        }
      }
      .l-search :where(input) {
        color: initial;
      }
      .l-search :where(svg) {
        max-inline-size: initial;
      }
      .gs-image {
        border: initial !important;
        padding-right: 4px;
        margin-right: -4px;
      }
      /* stylelint-disable-next-line */
      .gsq_a td > :where(span) {
        color: initial !important;
      }
      .gsq_a td > :where(span) > :where(b) {
        color: initial !important;
      }
      /* stylelint-disable-next-line */
      /**
      .gsib_a {

          // padding: 0 !important;
          // padding: 0 !important;
          //     // font-size: 10px !important;
          //     min-height: 42px !important;
          //     // margin: 0 !important;
          // // padding: 1px 9px !important;
      }
      **/
      .gsc-input {
        margin: -3.1px 0 !important;
        overflow: hidden;
      }
      .gsc-search-button {
        margin: 0 !important;
        padding: auto !important;
        height: 100% !important;
      }
      .l-faq {
        width: 100%;
        padding-left: 120px;
        padding-right: 120px;
        padding-bottom: 56px;
        font-family: var(--t-noto);
        font-style: normal;
      }
      @media screen and (max-width: 960px) {
        .l-faq {
          padding-left: 24px;
          padding-right: 24px;
          padding-bottom: 0;
        }
      }
      .l-faq details summary {
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .l-faq details summary:hover {
          opacity: 0.5;
        }
      }
      .l-faq-margin-bottom-103-73 {
        margin-bottom: 103px !important;
      }
      @media screen and (max-width: 960px) {
        .l-faq-margin-bottom-103-73 {
          margin-bottom: 73px !important;
        }
      }
      .l-faq-space26-29 {
        margin-top: 26px !important;
      }
      @media screen and (max-width: 960px) {
        .l-faq-space26-29 {
          margin-top: 29px !important;
        }
      }
      @media screen and (min-width: 961px) {
        .l-faq-space26-pc-only {
          margin-top: 26px !important;
        }
      }
      @media screen and (max-width: 960px) {
        .l-faq-space12-sp-only {
          margin-top: 12px !important;
        }
      }
      @media screen and (max-width: 960px) {
        .l-faq-space6-sp-only {
          margin-top: 6px !important;
        }
      }
      .l-faq-content {
        margin: 32px 0 104px;
        display: flex;
        flex-direction: column;
        row-gap: 8px;
      }
      @media screen and (max-width: 960px) {
        .l-faq-content {
          margin: 32px 0 73px;
        }
      }
      .l-faq-content-menu {
        overflow: hidden;
        visibility: visible;
        background-color: var(--c-color-08);
      }
      .l-faq-content-menu-summary {
        padding: 41px 16px 44px 40px;
        display: flex;
        cursor: pointer;
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-summary {
          padding: 23px 16px 23px 28px;
          transition: padding 0.3s ease-out;
        }
      }
      .l-faq-content-menu-summary::-webkit-details-marker {
        display: none;
      }
      .l-faq-content-menu-summary > :where(h3) {
        font-weight: 700;
        font-size: 22px;
        line-height: 35.2px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-summary > :where(h3) {
          margin-right: 8px;
          font-weight: 700;
          font-size: 18px;
          line-height: 28.8px;
          letter-spacing: 0.08em;
          font-feature-settings: "halt" on;
        }
      }
      .l-faq-content-menu-summary-question-text {
        position: relative;
        margin-left: 42px;
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-summary-question-text {
          margin-left: 26px;
        }
      }
      .l-faq-content-menu-summary-question-text::before {
        position: absolute;
        left: -42px;
        content: "Q.";
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-summary-question-text::before {
          left: -30px;
        }
      }
      .l-faq-content-menu-answer {
        overflow: hidden;
      }
      .l-faq-content-menu-answer-content {
        padding: 0 40px 64px;
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content {
          padding: 0 24px 35px 28px;
        }
      }
      .l-faq-content-menu-answer-content > :where(hr) {
        margin-bottom: 24px;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content > :where(hr) {
          margin-bottom: 0;
        }
      }
      .l-faq-content-menu-answer-content > :where(h3) {
        margin: 50px 0 0;
        font-weight: 700;
        font-size: 30px;
        line-height: 45px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content > :where(h3) {
          margin: 16px 0 0;
          font-size: 18px;
          line-height: 30.8px;
        }
      }
      .l-faq-content-menu-answer-content-text {
        position: relative;
        margin-left: 48px;
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-text {
          margin-left: 32px;
        }
      }
      .l-faq-content-menu-answer-content-text > :where(a) {
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .l-faq-content-menu-answer-content-text > :where(a):hover {
          opacity: 0.5;
        }
      }
      .l-faq-content-menu-answer-content-text::before {
        position: absolute;
        left: -48px;
        content: "A.";
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-text::before {
          left: -32px;
        }
      }
      .l-faq-content-menu-answer-content > :where(h5) {
        margin: 22px 0 0 48px;
        font-weight: 700;
        font-size: 18px;
        line-height: 32.4px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content > :where(h5) {
          margin: 28px 0 0;
          font-size: 16px;
          line-height: 25.6px;
        }
      }
      .l-faq-content-menu-answer-content > :where(p) {
        margin: 22px 0 0 48px;
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
        display: inline-block;
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content > :where(p) {
          margin: 29px 0 0;
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-faq-content-menu-answer-content > :where(p) > :where(a) {
        font-weight: 400;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        text-decoration-line: underline;
        color: var(--c-color-01);
        display: inline-block;
        text-decoration-thickness: 1px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .l-faq-content-menu-answer-content > :where(p) > :where(a):hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content > :where(p) > :where(a) {
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-faq-content-menu-answer-content > :where(img) {
        width: calc(100% - 48px);
        height: auto;
        margin: 40px 0 0 48px;
        object-fit: contain;
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content > :where(img) {
          width: 100%;
          margin: 40px 0 0;
        }
      }
      .l-faq-content-menu-answer-content-strong {
        font-weight: 700;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-strong {
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-faq-content-menu-answer-content-strong-blue {
        font-weight: 700;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-strong-blue {
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-faq-content-menu-answer-content-large {
        font-weight: 400;
        font-size: 18px;
        line-height: 32.4px;
        letter-spacing: 0.08em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-large {
          font-size: 16px;
          line-height: 25.6px;
        }
      }
      .l-faq-content-menu-answer-content-adjustment-of-strong {
        margin: 0 0 0 -6px;
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-adjustment-of-strong {
          margin: 0 0 0 -3px;
        }
      }
      .l-faq-content-menu-answer-content-adjustment-of-link-section {
        margin: 22px 0 0 48px;
        display: block;
        font-size: 0;
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-adjustment-of-link-section {
          margin: 26px 0 0;
        }
      }
      .l-faq-content-menu-answer-content-adjustment-of-link-section > :where(p) {
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
        display: inline-block;
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-adjustment-of-link-section > :where(p) {
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-faq-content-menu-answer-content-adjustment-of-link-section > :where(a) {
        font-weight: 400;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        text-decoration-line: underline;
        color: var(--c-color-01);
        display: inline-block;
        text-decoration-thickness: 1px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .l-faq-content-menu-answer-content-adjustment-of-link-section > :where(a):hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-adjustment-of-link-section > :where(a) {
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-faq-content-menu-answer-content-grid-area {
        margin: 4px 0 4px 48px;
        display: grid;
        grid-template-columns: 84px auto;
        column-gap: 24px;
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-grid-area {
          margin: 8px 0 0;
          grid-template-columns: initial;
          column-gap: 0;
        }
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-grid-area-link-text {
          margin-top: 3px;
        }
      }
      .l-faq-content-menu-answer-content-grid-area-link-text :where(a) {
        margin-right: 8px;
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-grid-area-link-text :where(a) {
          margin-right: 16px;
          margin-bottom: 2px;
        }
      }
      .l-faq-content-menu-answer-content-grid-area-link-text :where(a:last-child) {
        margin-right: 0;
      }
      .l-faq-content-menu-answer-content-grid-area :where(p) {
        margin-top: 20px;
        font-size: 16px;
        font-weight: 700;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-grid-area :where(p) {
          margin-top: 19px;
          font-size: 14px;
          line-height: 22.4px;
          font-feature-settings: "halt" on;
        }
      }
      .l-faq-content-menu-answer-content-grid-area :where(a) {
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        text-decoration-line: underline;
        color: var(--c-color-01);
        display: inline-block;
        text-decoration-thickness: 1px;
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .l-faq-content-menu-answer-content-grid-area :where(a):hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-grid-area :where(a) {
          font-size: 14px;
          line-height: 22.4px;
        }
      }
      .l-faq-content-menu-answer-content-table {
        width: 100%;
        max-width: 900px;
        margin: 32px 0 8px 48px;
        text-align: center;
        border: 1px solid var(--c-color-01);
        border-collapse: collapse;
        table-layout: fixed;
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-table {
          margin: 34px 0 8px;
          width: calc(100vw - 96px);
          border-top: none;
          border-left: none;
          border-right: none;
        }
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-table :where(th, td) {
          width: 100%;
          display: block;
          border-bottom: none !important;
        }
      }
      .l-faq-content-menu-answer-content-table th.blue {
        color: var(--c-color-01);
      }
      .l-faq-content-menu-answer-content-table th {
        padding: 14px 11px 15px;
        font-weight: 700;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "halt" on;
        color: var(--c-color-03);
        border: 1px solid var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-table th {
          padding: 20px 11px 21px;
        }
        .l-faq-content-menu-answer-content-table th.professional-title {
          padding: 9px 11px 10px;
        }
      }
      .l-faq-content-menu-answer-content-table td {
        min-width: 112px;
        padding: 14px 22px 15px;
        font-weight: 400;
        font-size: 16px;
        line-height: 28.8px;
        letter-spacing: 0.04em;
        font-feature-settings: "palt" on;
        color: var(--c-color-03);
        text-align: left;
        border: 1px solid var(--c-color-01);
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-answer-content-table td {
          padding: 17px 22px;
        }
        .l-faq-content-menu-answer-content-table td.campus-main-1 {
          padding: 53px 22px;
        }
        .l-faq-content-menu-answer-content-table td.campus-main-2 {
          padding: 46px 22px;
        }
        .l-faq-content-menu-answer-content-table td.campus-main-3 {
          padding: 19px 22px;
        }
        .l-faq-content-menu-answer-content-table td.campus-main-4 {
          padding: 19px 22px;
        }
        .l-faq-content-menu-answer-content-table td.professional-main {
          padding: 14px 22px;
        }
      }
      .l-faq-content-menu-plus {
        width: 24px;
        min-width: 24px;
        height: 2px;
        display: inline-block;
        margin: auto 24px auto auto;
        color: var(--c-color-01);
        line-height: 1;
        border-radius: 5px;
        background-color: var(--c-color-01);
        position: relative;
      }
      @media screen and (max-width: 960px) {
        .l-faq-content-menu-plus {
          width: 18px;
          min-width: 18px;
          margin-right: 12px;
        }
      }
      .l-faq-content-menu-plus::before {
        margin-right: 8px;
        content: "";
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background: inherit;
        border-radius: inherit;
        transform: rotate(90deg);
        transition: 0.3s;
      }
      .l-faq-content-menu .is-open .l-faq-content-menu-plus::before {
        transform: rotate(0deg);
      }
      @layer component {
        .p-eyes-category {
          position: relative;
          z-index: 1;
          padding: 228px 120px 80px;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category {
            padding: 185px 16px 16px;
          }
        }
        .p-eyes-category::after {
          display: block;
          position: fixed;
          inset: 0;
          background: url("/wp-content/themes/original2024/assets/img/eyes/eyes_pattern.svg") no-repeat center top/2624px 1312px;
          content: "";
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category::after {
            inset: 0 auto auto 50%;
            translate: -50% 0;
            width: 100%;
            height: 100%;
            background: url("/wp-content/themes/original2024/assets/img/eyes/eyes_pattern_sp.svg") no-repeat center top/100% auto;
          }
        }
        .p-eyes-category .p-eyes-background {
          opacity: 1 !important;
        }
        .p-eyes-category .p-eyes-body {
          position: relative;
          z-index: 1;
          max-width: 1440px;
          margin: 0 auto;
          border-radius: 16px;
          background-color: var(--cb-base);
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category .p-eyes-body {
            border-radius: 8px;
          }
        }
        .p-eyes-category .p-eyes-body__inner {
          padding: 94px 50px 160px;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category .p-eyes-body__inner {
            padding: 70px 32px 80px;
          }
        }
        .p-eyes-category .p-eyes-body__lead {
          position: absolute;
          top: -88px;
          left: 50%;
          translate: -50% 0;
          width: fit-content;
          margin: 0 auto;
          color: var(--c-color-01);
          font-weight: 700;
          font-size: 14px;
          line-height: 1.7;
          letter-spacing: 0.064em !important;
          white-space: nowrap;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category .p-eyes-body__lead {
            top: -73px;
            font-size: 12px;
            line-height: 1.8;
          }
        }
        .p-eyes-category .p-eyes-body__lead span {
          padding: 0 6px 2px;
          background-color: hsla(0, 0%, 100%, 0.85);
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category .p-eyes-body__lead span {
            padding: 0 4px 2px;
          }
        }
        .p-eyes-category .p-eyes-body .p-eyes-heading {
          position: absolute;
          top: -44.5px;
          left: 50%;
          translate: -50% 0;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category .p-eyes-body .p-eyes-heading {
            top: -35px;
          }
        }
        .p-eyes-category .p-eyes-body .p-eyes-heading > :where(span) {
          background-color: hsla(0, 0%, 100%, 0.35);
        }
        .p-eyes-category .p-eyes-body__heading {
          text-align: center;
        }
        .p-eyes-category .p-eyes-body__heading span {
          display: inline-block;
          position: relative;
          flex-shrink: 0;
          padding: 0 6px 1px;
          background-color: var(--c-color-26);
          color: var(--c-color-01);
          font-weight: 700;
          font-size: 30px;
          font-family: var(--t-base);
          line-height: 0.8;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category .p-eyes-body__heading span {
            font-size: 22px;
          }
        }
        .p-eyes-category .p-eyes-body__heading span::after {
          display: block;
          position: absolute;
          right: 0;
          bottom: -16px;
          left: 0;
          height: 3px;
          background-color: var(--c-color-01);
          content: "";
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category .p-eyes-body__heading span::after {
            bottom: -8px;
          }
        }
        .p-eyes-category .p-eyes-body__text {
          margin-top: 30px;
          color: var(--c-color-03);
          line-height: 1.8;
          text-align: center;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category .p-eyes-body__text {
            margin-top: 26px;
            text-align: left;
          }
        }
        .p-eyes-category .p-eyes-body .p-eyes-index {
          display: flex;
          flex-wrap: wrap;
          gap: 44px 40px;
          margin-top: 40px;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category .p-eyes-body .p-eyes-index {
            flex-direction: column;
            gap: 30px;
            margin-top: 26px;
            padding: 0 6px;
          }
        }
        .p-eyes-category .p-eyes-body .p-eyes-index > li {
          width: calc(33.3333% - 26.6666666667px);
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category .p-eyes-body .p-eyes-index > li {
            width: 100%;
          }
        }
        .p-eyes-category .p-eyes-body .p-eyes-paging {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 26px;
          margin-top: 120px;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category .p-eyes-body .p-eyes-paging {
            gap: 8px;
            margin-top: 56px;
          }
        }
        .p-eyes-category .p-eyes-body .p-eyes-paging__button {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background: url("/wp-content/themes/original2024/assets/img/eyes/eyes_arrow_white.svg") no-repeat center/contain var(--c-color-01) !important;
          transition: opacity 0.3s;
        }
        @media (hover: hover) {
          .p-eyes-category .p-eyes-body .p-eyes-paging__button:hover {
            opacity: 0.5;
          }
        }
        .p-eyes-category .p-eyes-body .p-eyes-paging__button:first-of-type {
          rotate: 180deg;
        }
        .p-eyes-category .p-eyes-body .p-eyes-paging .p-eyes-paging-list {
          display: flex;
          gap: 12px;
          padding: 16px;
          border-radius: 72px;
          background-color: var(--c-color-08);
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category .p-eyes-body .p-eyes-paging .p-eyes-paging-list {
            gap: 0;
            padding: 8px;
          }
        }
        .p-eyes-category .p-eyes-body .p-eyes-paging .p-eyes-paging-list > li {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          color: var(--c-color-03);
          font-size: 16px;
          line-height: 40px;
          cursor: pointer;
          transition: opacity 0.3s;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category .p-eyes-body .p-eyes-paging .p-eyes-paging-list > li {
            display: none;
            font-size: 14px;
          }
        }
        @media (hover: hover) {
          .p-eyes-category .p-eyes-body .p-eyes-paging .p-eyes-paging-list > li:hover {
            opacity: 0.3;
          }
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category .p-eyes-body .p-eyes-paging .p-eyes-paging-list > li:nth-of-type(-n + 2), .p-eyes-category .p-eyes-body .p-eyes-paging .p-eyes-paging-list > li:nth-last-of-type(-n + 2) {
            display: flex;
          }
        }
        .p-eyes-category .p-eyes-body .p-eyes-paging .p-eyes-paging-list > li.is-active {
          background-color: var(--c-color-01);
          color: var(--c-color-02);
          pointer-events: none;
        }
        .p-eyes-category .p-eyes-body .p-eyes-paging .p-eyes-paging-list > li.is-inactive {
          pointer-events: none;
        }
        .p-eyes-category .p-eyes-body__button {
          margin-top: 48px;
          text-align: center;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-category .p-eyes-body__button {
            margin-top: 40px;
          }
        }
        .p-eyes-category .p-eyes-body__button .c-button {
          background-color: var(--c-color-04);
          color: var(--c-color-02);
        }
        .p-eyes-category .p-eyes-body__button .c-button path {
          stroke: var(--c-color-02);
        }
        .p-eyes-detail {
          position: relative;
          z-index: 1;
          padding: 228px 120px 80px;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail {
            padding: 185px 16px 16px;
          }
        }
        .p-eyes-detail::after {
          display: block;
          position: fixed;
          inset: 0;
          background: url("/wp-content/themes/original2024/assets/img/eyes/eyes_pattern.svg") no-repeat center top/2624px 1312px;
          content: "";
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail::after {
            inset: 0 auto auto 50%;
            translate: -50% 0;
            width: 100%;
            height: 100%;
            background: url("/wp-content/themes/original2024/assets/img/eyes/eyes_pattern_sp.svg") no-repeat center top/100% auto;
          }
        }
        .p-eyes-detail .p-eyes-background {
          opacity: 1 !important;
        }
        .p-eyes-detail .p-eyes-body {
          position: relative;
          z-index: 1;
          max-width: 1440px;
          margin: 0 auto;
          border-radius: 16px;
          background-color: var(--cb-base);
          color: var(--c-color-03);
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body {
            border-radius: 8px;
          }
        }
        .p-eyes-detail .p-eyes-body__inner {
          padding: 154px 0 120px;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__inner {
            padding: 118px 0 80px;
          }
        }
        .p-eyes-detail .p-eyes-body__lead {
          position: absolute;
          top: -88px;
          left: 50%;
          translate: -50% 0;
          width: fit-content;
          margin: 0 auto;
          color: var(--c-color-01);
          font-weight: 700;
          font-size: 14px;
          line-height: 1.7;
          letter-spacing: 0.064em !important;
          white-space: nowrap;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__lead {
            top: -73px;
            font-size: 12px;
            line-height: 1.8;
          }
        }
        .p-eyes-detail .p-eyes-body__lead span {
          padding: 0 6px 2px;
          background-color: hsla(0, 0%, 100%, 0.85);
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__lead span {
            padding: 0 4px 2px;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-heading {
          position: absolute;
          top: -44.5px;
          left: 50%;
          translate: -50% 0;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body .p-eyes-heading {
            top: -35px;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-heading > :where(span) {
          background-color: hsla(0, 0%, 100%, 0.35);
        }
        .p-eyes-detail .p-eyes-body .p-eyes-related {
          padding: 72px 138px 80px;
          background-color: var(--c-color-26);
          letter-spacing: 0.06em;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body .p-eyes-related {
            padding: 60px 24px 64px;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-related__heading {
          color: var(--c-color-01);
          font-size: 30px;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body .p-eyes-related__heading {
            font-size: 22px;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-related .c-eyes-scrollbar {
          margin-top: 44px;
          margin-right: -138px !important;
          padding-right: 88px !important;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body .p-eyes-related .c-eyes-scrollbar {
            margin-top: 24px;
            margin-right: -24px !important;
            padding-right: 24px !important;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-course {
          padding: 80px 138px 0;
          letter-spacing: 0.06em;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body .p-eyes-course {
            padding: 32px 24px 0;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-course__inner {
          padding: 40px;
          background-color: var(--c-color-26);
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body .p-eyes-course__inner {
            padding: 26px 24px 20px;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-course__heading {
          color: var(--c-color-01);
          font-size: 22px;
          line-height: 1;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body .p-eyes-course__heading {
            font-size: 18px;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-course__text {
          margin-top: 20px;
          line-height: 1.8;
          letter-spacing: 0.04em;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body .p-eyes-course__text {
            margin-top: 16px;
            font-size: 14px;
            line-height: 1.6;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-course .p-eyes-course-list {
          display: flex;
          flex-wrap: wrap;
          gap: 28px 24px;
          margin-top: 32px;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body .p-eyes-course .p-eyes-course-list {
            flex-direction: column;
            gap: 28px;
            margin-top: 26px;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-course .p-eyes-course-list > li {
          width: calc(33.3333% - 16px);
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body .p-eyes-course .p-eyes-course-list > li {
            width: 100%;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-course .p-eyes-course-list > li a {
          text-decoration: none;
          font-weight: 700;
          transition: opacity 0.3s;
        }
        @media (hover: hover) {
          .p-eyes-detail .p-eyes-body .p-eyes-course .p-eyes-course-list > li a:hover {
            opacity: 0.5;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-course .p-eyes-course-list__image img {
          width: 100%;
        }
        .p-eyes-detail .p-eyes-body .p-eyes-course .p-eyes-course-list__text {
          margin-top: 12px;
          line-height: 1.6;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body .p-eyes-course .p-eyes-course-list__text {
            font-size: 14px;
          }
        }
        .p-eyes-detail .p-eyes-body__content {
          padding: 0 138px 118px;
          letter-spacing: 0.06em;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content {
            padding: 0 24px 60px;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group {
          position: relative;
          padding-top: 0 !important;
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .wp-block-post-title {
          font-weight: 700;
          font-size: 52px;
          line-height: 1.3;
          letter-spacing: 0.08em;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .wp-block-post-title {
            font-size: 30px;
            line-height: 1.2;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content h2 {
          margin-top: 60px;
          color: var(--c-color-01);
          font-size: 36px;
          font-weight: 700;
          line-height: 1.4;
          letter-spacing: 0.1em;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content h2 {
            margin-top: 50px;
            font-size: 26px;
            line-height: 1.5;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content h2 strong {
          background: linear-gradient(transparent 22%, var(--c-color-26) 22%, var(--c-color-26) 88%, transparent 88%);
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content h2 strong {
            background: linear-gradient(transparent 12%, var(--c-color-26) 12%, var(--c-color-26) 98%, transparent 98%);
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content h3 {
          margin-top: 30px;
          color: var(--c-color-01);
          font-size: 22px;
          line-height: 1.6;
          letter-spacing: 0.1em;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content h3 {
            font-size: 18px;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content h4 {
          margin-top: 20px;
          line-height: 1.8;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content h4 {
            margin-top: 12px;
            font-size: 14px;
            line-height: 1.6;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content p {
          margin-top: 36px;
          line-height: 1.8;
          letter-spacing: 0.05em;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content p {
            margin-top: 20px;
            font-size: 14px;
            line-height: 1.6;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content p + p {
          margin-top: 32px;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content p + p {
            margin-top: 20px;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content p strong {
          color: var(--c-color-01);
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content figure {
          margin-bottom: 0 !important;
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-categories-list {
          display: flex;
          gap: 16px;
          position: absolute;
          top: -60px;
          left: 0;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-categories-list {
            top: -44px;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-categories-list > li {
          position: relative;
          flex-shrink: 0;
          padding: 0 6px 1px;
          background-color: var(--c-color-26);
          color: var(--c-color-01);
          font-weight: 700;
          font-size: 22px;
          font-family: var(--t-base);
          line-height: 0.8;
          letter-spacing: 0;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-categories-list > li {
            font-size: 17px;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-categories-list > li::after {
          display: block;
          position: absolute;
          right: 0;
          bottom: -14px;
          left: 0;
          height: 3px;
          background-color: var(--c-color-01);
          content: "";
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-categories-list > li::after {
            bottom: -10px;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-categories-list > li a {
          text-decoration: none;
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-categories-list + p {
          margin-top: 18px;
          color: var(--c-color-01);
          font-weight: 700;
          font-size: 18px;
          line-height: 1.8;
          letter-spacing: 0.08em;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-categories-list + p {
            margin-top: 22px;
            font-size: 16px;
            line-height: 1.6;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content ul:not(.wp-block-categories-list) {
          display: flex;
          flex-direction: column;
          gap: 26px;
          margin-top: 10px;
          line-height: 1.8;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content ul:not(.wp-block-categories-list) {
            gap: 16px;
            margin-top: 10px;
            font-size: 14px;
            line-height: 1.6;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content ul:not(.wp-block-categories-list) > li {
          padding-left: 0.7em;
          text-indent: -0.7em;
          letter-spacing: 0.05em;
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content ul:not(.wp-block-categories-list) > li::before {
          content: "・";
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content > :where(a) {
          color: var(--c-color-01);
          transition: opacity 0.3s;
        }
        @media (hover: hover) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content > :where(a):hover {
            opacity: 0.5;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-image img {
          width: 100% !important;
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content > .wp-block-image {
          margin-top: 36px;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content > .wp-block-image {
            margin-top: 24px;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-post-date > time {
          color: var(--c-color-01);
          font-size: 12px;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-post-date > time {
            font-size: 10px;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-post-date + * {
          margin-top: 26px !important;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-post-date + figure {
            margin-right: -24px !important;
            margin-bottom: 0 !important;
            margin-left: -24px !important;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-post-date + figure img {
          width: 100%;
          height: auto;
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-columns,
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-gallery {
          display: flex;
          flex-wrap: wrap;
          gap: 40px !important;
          margin-top: 36px !important;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-columns,
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-gallery {
            flex-direction: column;
            gap: 16px !important;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-columns > *,
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-gallery > * {
          width: calc(50% - 20px) !important;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-columns > *,
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-gallery > * {
            width: 100% !important;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-group {
          margin-top: 40px;
          padding: 42px 40px;
          background-color: var(--c-color-08);
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-group {
            margin-top: 24px;
            padding: 20px 24px 22px;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-group > :first-child, .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-group > :first-child > :first-child {
          margin-top: 0 !important;
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-embed {
          margin-top: 80px;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-embed {
            margin-top: 24px;
          }
        }
        .p-eyes-detail .p-eyes-body__content > .wp-block-group .entry-content .wp-block-embed iframe {
          width: 100%;
          height: auto;
          aspect-ratio: 16/9;
        }
        .p-eyes-detail .p-eyes-body__content .c-content-share {
          margin-top: 76px;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__content .c-content-share {
            margin-top: 56px;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-site {
          padding: 80px 138px 0;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body .p-eyes-site {
            padding: 30px 24px 0;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-site__heading {
          font-size: 16px;
          line-height: 1;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body .p-eyes-site__heading {
            font-size: 14px;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-site .p-eyes-site-list {
          display: flex;
          flex-direction: column;
          gap: 12px;
          margin-top: 20px;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body .p-eyes-site .p-eyes-site-list {
            gap: 16px;
            margin-top: 12px;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-site .p-eyes-site-list > li > :where(a) {
          color: var(--c-color-01);
          text-underline-offset: 8px;
          transition: opacity 0.3s;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body .p-eyes-site .p-eyes-site-list > li > :where(a) {
            font-size: 14px;
          }
        }
        @media (hover: hover) {
          .p-eyes-detail .p-eyes-body .p-eyes-site .p-eyes-site-list > li > :where(a):hover {
            opacity: 0.5;
          }
        }
        .p-eyes-detail .p-eyes-body .p-eyes-site .p-eyes-site-list > li > :where(a)[target=_blank]::after {
          display: inline-block;
          width: 14px;
          height: 12px;
          margin-left: 4px;
          background-color: var(--c-color-01);
          mask: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-blank.svg") no-repeat center/contain;
          content: "";
        }
        .p-eyes-detail .p-eyes-body__button {
          margin-top: 80px;
          text-align: center;
        }
        @media screen and (max-width: 960px) {
          .p-eyes-detail .p-eyes-body__button {
            margin-top: 48px;
          }
        }
        .p-eyes-detail .p-eyes-body__button .c-button {
          background-color: var(--c-color-04);
          color: var(--c-color-02);
        }
        .p-eyes-detail .p-eyes-body__button .c-button span {
          display: flex;
          align-items: center;
          gap: 10px;
        }
        .p-eyes-detail .p-eyes-body__button .c-button span::before {
          display: block;
          width: 16px;
          height: 12px;
          background: url("/wp-content/themes/original2024/assets/img/eyes/eyes_icon_back.svg") no-repeat center/contain;
          content: "";
        }
        .p-eyes-detail .p-eyes-body__button .c-button svg {
          display: none;
        }
      }
      .p-eyes-heading {
        color: var(--c-color-01);
        font-weight: 700;
        font-family: var(--t-base);
        text-align: center;
        line-height: 0.7;
      }
      .p-eyes-heading small {
        display: block;
        font-size: 40px;
      }
      @media screen and (max-width: 960px) {
        .p-eyes-heading small {
          font-size: 30px;
        }
      }
      .p-eyes-heading span {
        display: inline-block;
        margin-top: 10px;
        background-color: var(--c-color-30);
        font-size: 90px;
      }
      @media screen and (max-width: 960px) {
        .p-eyes-heading span {
          font-size: 67.5px;
        }
      }
      .p-eyes-heading--flex {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        line-height: 0.9;
      }
      .p-eyes-heading--flex small,
      .p-eyes-heading--flex span {
        background-color: hsla(0, 0%, 100%, 0.85);
      }
      .p-eyes-heading--flex small {
        font-size: 48px;
      }
      @media screen and (max-width: 960px) {
        .p-eyes-heading--flex small {
          font-size: 41px;
        }
      }
      .p-eyes-heading--flex span {
        font-size: 80px;
      }
      @media screen and (max-width: 960px) {
        .p-eyes-heading--flex span {
          font-size: 68px;
        }
      }
      .p-eyes-background {
        position: fixed;
        inset: 0;
        opacity: 0;
        background-color: #e9eeff;
        transition: opacity 1s ease-out;
        will-change: opacity;
      }
      .p-eyes-background::before {
        display: block;
        position: absolute;
        inset: 0;
        background-color: hsla(46, 100%, 68%, 0.2);
        content: "";
      }
      .p-eyes-background span {
        display: block;
        position: absolute;
        max-width: 2440px;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        width: 200%;
        height: 200%;
        animation: rotate-gradient linear infinite;
      }
      .p-eyes-background span::before {
        display: block;
        position: absolute;
        height: auto;
        aspect-ratio: 1/1;
        content: "";
      }
      .p-eyes-background span:nth-of-type(1) {
        animation-duration: 12s;
      }
      .p-eyes-background span:nth-of-type(1)::before {
        top: -30%;
        left: -30%;
        width: 120%;
        background: radial-gradient(hsla(304, 100%, 50%, 0.2) 0%, transparent 50%);
      }
      @media screen and (max-width: 960px) {
        .p-eyes-background span:nth-of-type(1)::before {
          top: -10%;
          left: -10%;
        }
      }
      .p-eyes-background span:nth-of-type(2) {
        animation-duration: 8s;
        animation-direction: reverse;
      }
      .p-eyes-background span:nth-of-type(2)::before {
        bottom: -20%;
        right: -20%;
        width: 100%;
        background: radial-gradient(hsla(155, 100%, 50%, 0.2) 0%, transparent 50%);
      }
      @media screen and (max-width: 960px) {
        .p-eyes-background span:nth-of-type(2)::before {
          bottom: 0;
          right: 0;
        }
      }
      @keyframes rotate-gradient {
        0% {
          rotate: 0deg;
        }
        100% {
          rotate: 360deg;
        }
      }
      .p-eyes {
        position: relative;
        z-index: 1;
      }
      .p-eyes::after {
        display: block;
        position: fixed;
        inset: 0;
        background: url("/wp-content/themes/original2024/assets/img/eyes/eyes_pattern.svg") no-repeat center top/2624px 1312px;
        content: "";
      }
      @media screen and (max-width: 960px) {
        .p-eyes::after {
          inset: 0 auto auto 50%;
          translate: -50% 0;
          width: 100%;
          height: 100%;
          background: url("/wp-content/themes/original2024/assets/img/eyes/eyes_pattern_sp.svg") no-repeat center top/100% auto;
        }
      }
      .p-eyes.is-loaded .p-eyes-background {
        opacity: 1;
      }
      .p-eyes .p-eyes-kv {
        position: relative;
        z-index: 1;
        overflow: hidden;
        margin: 84px auto 0;
        padding: 56px 48px 0;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-kv {
          margin-top: 50px;
          padding: 62px 0 0;
        }
      }
      .p-eyes .p-eyes-kv__text {
        width: fit-content;
        margin: 0 auto;
        color: var(--c-color-01);
        font-weight: 700;
        font-size: 14px;
        line-height: 1.7;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-kv__text {
          font-size: 12px;
          line-height: 1.8;
        }
      }
      .p-eyes .p-eyes-kv__text > :where(span) {
        padding: 0 6px 2px;
        background-color: hsla(0, 0%, 100%, 0.85);
        letter-spacing: 0.064em !important;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-kv__text > :where(span) {
          padding: 0 4px 2px;
        }
      }
      .p-eyes .p-eyes-kv .p-eyes-heading {
        position: relative;
        z-index: 1;
        margin-top: -4px;
      }
      .p-eyes .p-eyes-body {
        position: relative;
        z-index: 1;
        max-width: 1440px;
        margin: 40px auto 0;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body {
          margin-top: 36px;
        }
      }
      .p-eyes .p-eyes-body__inner {
        position: relative;
        z-index: -1;
        overflow: hidden;
        margin-top: -82px;
        padding: 0 32px 80px;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body__inner {
          margin-top: -150px;
          padding: 0 16px 16px;
        }
      }
      .p-eyes .p-eyes-body__content {
        position: relative;
        padding: 192px 24px 28px;
        border-radius: 16px;
        background-color: var(--cb-base);
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body__content {
          padding: 200px 16px 16px;
          border-radius: 8px;
        }
      }
      .p-eyes .p-eyes-body__text {
        position: absolute;
        top: -34px;
        left: 66px;
        rotate: 90deg;
        color: var(--c-color-03);
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0.1em;
        font-family: var(--t-base);
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body__text {
          display: none;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-nav {
        display: flex;
        align-items: center;
        gap: 22px 28px;
        position: relative;
        max-width: fit-content;
        width: calc(100% - 400px);
        margin: 0 auto;
        padding: 40px 50px;
        border-radius: 16px;
        background-color: var(--c-color-04);
        box-shadow: 0 20px 76px 0 rgba(0, 178, 255, 0.25);
        translate: 10px 0;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-nav {
          width: calc(100% - 64px);
          flex-direction: column;
          padding: 22px 22px 24px;
          translate: 0;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-nav__text {
        font-weight: 700;
        font-family: var(--t-base);
        line-height: 1;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-nav__text {
          font-size: 14px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-nav .p-eyes-nav-list {
        display: inline-flex;
        gap: 14px;
        flex-wrap: wrap;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-nav .p-eyes-nav-list {
          gap: 8px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-nav .p-eyes-nav-list__link {
        display: inline-block;
        padding: 10px 18px;
        border-radius: 38px;
        background-color: rgba(255, 255, 255, 0.15);
        font-weight: 700;
        font-size: 17.5px;
        font-family: var(--t-base);
        line-height: 1;
        text-decoration: none;
        transition: opacity 0.3s;
        will-change: opacity;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-nav .p-eyes-nav-list__link {
          padding: 8px 24px;
          font-size: 15px;
        }
      }
      @media (hover: hover) {
        .p-eyes .p-eyes-body .p-eyes-nav .p-eyes-nav-list__link:hover {
          opacity: 0.5;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-body-list {
        display: flex;
        flex-direction: column;
        gap: 100px;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-body-list {
          gap: 56px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-body-list > li {
        padding: 0 64px;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-body-list > li {
          padding: 0;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-body-list__header {
        display: flex;
        align-items: flex-start;
        gap: 24px 32px;
        padding-bottom: 20px;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-body-list__header {
          flex-direction: column;
          padding: 0;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-body-list__heading {
        position: relative;
        flex-shrink: 0;
        padding: 0 6px 1px;
        background-color: var(--c-color-26);
        color: var(--c-color-01);
        font-weight: 700;
        font-size: 30px;
        font-family: var(--t-base);
        line-height: 0.8;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-body-list__heading {
          font-size: 22px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-body-list__heading::after {
        display: block;
        position: absolute;
        right: 0;
        bottom: -20px;
        left: 0;
        height: 3px;
        background-color: var(--c-color-01);
        content: "";
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-body-list__heading::after {
          bottom: -12px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-body-list__text {
        flex: 1;
        margin-top: 6px;
        color: var(--c-color-03);
        line-height: 1.8;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-body-list__text {
          margin-top: 0;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-body-list .c-eyes-scrollbar {
        margin-top: 40px;
        margin-right: -88px !important;
        padding-right: 88px !important;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-body-list .c-eyes-scrollbar {
          margin-top: 26px;
          margin-right: -16px !important;
          padding-right: 16px !important;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-body-list__button {
        margin-top: 48px;
        text-align: center;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-body-list__button {
          margin-top: 24px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-body-list__button .c-button {
        background-color: var(--c-color-04);
        color: var(--c-color-02);
      }
      .p-eyes .p-eyes-body .p-eyes-body-list__button .c-button path {
        stroke: var(--c-color-02);
      }
      .p-eyes .p-eyes-body .p-eyes-ranking {
        position: relative;
        margin-top: 114px;
        padding: 118px 78px 80px;
        border-radius: 16px;
        background-color: var(--c-color-53);
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-ranking {
          margin-top: 116px;
          padding: 76px 16px 64px;
          border-radius: 8px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-ranking__header {
        position: absolute;
        top: -20px;
        left: 50%;
        translate: -50% 0;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-ranking__header {
          top: -12px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-ranking__header-heading {
        position: relative;
        flex-shrink: 0;
        padding: 0 6px 1px;
        background-color: var(--c-color-26);
        color: var(--c-color-01);
        white-space: nowrap;
        font-weight: 700;
        font-size: 30px;
        font-family: var(--t-base);
        line-height: 0.8;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-ranking__header-heading {
          font-size: 22px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-ranking__header-heading::after {
        display: block;
        position: absolute;
        right: 0;
        bottom: -16px;
        left: 0;
        height: 3px;
        background-color: var(--c-color-01);
        content: "";
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-ranking__header-heading::after {
          bottom: -8px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-ranking__header-text {
        margin-top: 32px;
        color: var(--c-color-01);
        line-height: 1;
        text-align: center;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-ranking__header-text {
          margin-top: 14px;
          font-size: 14px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list {
        display: flex;
        flex-wrap: wrap;
        gap: 76px 78px;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list {
          gap: 32px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list > li {
        width: calc(33.3333% - 52px);
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list > li {
          width: 100%;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list__number {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        translate: -50% -50%;
        font-weight: 200;
        font-size: 64px;
        font-family: var(--t-base);
        font-style: italic;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list__number {
          font-size: 48px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list__content {
        margin-top: 14px;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list__content {
          margin-top: 12px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list__image {
        aspect-ratio: 16/9;
        background-color: var(--c-color-02);
      }
      .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list__date {
        display: none;
        font-weight: 700;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list__date {
          display: block;
          font-size: 14px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list__heading {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        color: var(--c-color-03);
        font-weight: 700;
        font-size: 22px;
        line-height: 1.6;
        letter-spacing: 0.1em;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list__heading {
          margin-top: 4px;
          font-size: 18px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list .p-eyes-ranking-list-tag {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        width: 100%;
        margin-top: 14px;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list .p-eyes-ranking-list-tag {
          margin-top: 12px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list .p-eyes-ranking-list-tag li {
        padding: 8px 16px;
        border-radius: 38px;
        background-color: var(--c-color-30);
        white-space: nowrap;
        font-weight: 700;
        font-size: 14px;
        line-height: 1;
      }
      @media screen and (max-width: 960px) {
        .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list .p-eyes-ranking-list-tag li {
          padding: 8px 18px;
          font-size: 12px;
        }
      }
      .p-eyes .p-eyes-body .p-eyes-ranking .p-eyes-ranking-list__link {
        position: relative;
        color: var(--c-color-01);
      }
      body:has(.c-eyes-nav) .c-parallax {
        display: none !important;
      }
      .l-about-public-publication--padding0 {
        padding: 0;
      }
      .l-admission-message--row a {
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .l-admission-message--row a:hover {
          opacity: 0.5;
        }
      }
      @media screen and (max-width: 960px) {
        .l-admission-message--row small {
          display: inline-block;
          margin-top: 8px;
          line-height: 1.4;
        }
      }
      a.text-blue {
        color: var(--c-color-01);
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        a.text-blue:hover {
          opacity: 0.5;
        }
      }
      .l-admission-residence-kyorits--wrapper {
        padding: 40px 48px 42px;
        background: hsla(0, 0%, 100%, 0.2);
      }
      .l-admission-residence-kyorits--wrapper h4:nth-of-type(n + 2) {
        margin-top: 10px;
      }
      .l-admission-residence-kyorits--wrapper a {
        transition: opacity 0.1s ease-out;
      }
      @media (hover: hover) {
        .l-admission-residence-kyorits--wrapper a:hover {
          opacity: 0.5;
        }
      }
      .l-admission-residence-kyorits--martin-top {
        margin-top: 30px !important;
      }
      .l-admission-residence-kyorits--margin-bottom {
        margin-bottom: 100px !important;
      }
      .l-admission-message a {
        transition: opacity 0.1s ease-out;
      }
      .u-color-blue {
        color: var(--c-color-01);
      }
      .l-admission-comprehensive-application-materials-1-list--dot-top {
        margin-top: 30px;
      }
      @media screen and (min-width: 961px) {
        .l-admission-comprehensive-application-materials-1-list--dot-top > :where(li)::before {
          top: 0.95em;
          transform: none;
        }
      }
      .l-admission-example-images--color-blue p {
        color: var(--c-color-01);
      }
      .l-admission-example-images--color-blue p a {
        position: relative;
        display: inline !important;
        padding-right: 22px;
        font-weight: 700;
      }
      .l-admission-example-images--color-blue p a::after {
        position: absolute;
        content: "";
        overflow: visible;
        display: inline-block !important;
        width: 22px; /* アイコンの幅 */
        height: 20px; /* アイコンの高さ */
        background-image: url("/wp-content/themes/original2024/assets/img/admission/admission-pdf-icon.svg"); /* SVGアイコンのパス */
        background-size: cover; /* アイコンが要素のサイズに収まるように */
        background-repeat: no-repeat; /* アイコンを繰り返さない */
        margin-top: 5px !important;
        right: -6px;
      }
      .l-admission-comprehensive-application-materials-1-text--indent p {
        padding-left: 1em;
        text-indent: -1em;
      }
      .l-admission-comprehensive-application-materials-1-text--indent p.is-dot span {
        margin-left: 0.2em;
        margin-right: 0.3em;
      }
      .l-admission-comprehensive-application-materials-1-text--indent-large p {
        padding-left: 2em;
        text-indent: -2em;
      }
      .l-admission-outline--no-gap {
        gap: 0;
      }
      .l-admission-outline--padding-bottom0 {
        padding-bottom: 0 !important;
      }
      .l-admission-outline-inquiry-grid--align-left div {
        place-items: flex-start;
      }
      .l-admission-comprehensive-calendar-caption--center {
        text-align: center;
      }
      .button-area--center {
        margin: 30px auto 0;
        text-align: center;
      }
      .l-admission-comprehensive-table--margin-top {
        margin-top: 10px;
      }
      .c-button--pdf img {
        width: 18px;
      }
      @media screen and (max-width: 960px) {
        .l-about-public-publication-ol--padding,
        .l-admission-residence-kyorits--padding {
          padding: 30px 24px !important;
        }
      }
      .l-enta-cg > section > .container--only-1-item {
        display: block;
      }
      .l-about-public-publication--margin-top {
        padding-bottom: 40px;
      }
      @media screen and (min-width: 961px) {
        .l-about-public-publication--margin-top {
          margin-top: -150px !important;
        }
      }
      .l-about-public-publication--padding-bottom-low {
        padding-bottom: 10px;
      }
      @media screen and (max-width: 960px) {
        .l-about-public-publication--padding-bottom-low {
          margin-bottom: -10px;
          padding-bottom: 0;
        }
      }
      .l-about-public-publication-space51-sp-only--margin-top0 {
        margin-top: 70px !important;
      }
      @media screen and (max-width: 960px) {
        .l-about-public-publication-ol--margin-top {
          margin-top: 10px !important;
        }
      }
      @media screen and (max-width: 960px) {
        .l-about-public-publication-ol--margin-top ol {
          margin-top: 0 !important;
        }
      }
      .l-about-public-publication-ol--padding-left li {
        padding-left: 30px !important;
      }
      .l-about-public-publication-ol--strong-blue strong {
        color: var(--c-color-01);
      }
      .l-about-public-publication-ol--blank a {
        display: inline-block;
      }
      .l-about-public-publication-ol--blank a[target=_blank]::after {
        display: inline-block;
        width: 14px;
        height: 12px;
        margin-left: 4px;
        background-color: var(--c-color-01);
        mask: url("/wp-content/themes/original2024/assets/img/footer/kk-footer-blank.svg") no-repeat center/contain;
        content: "";
      }
      .l-about-public-publication-item a {
        text-underline-offset: 0.2ex !important;
      }
      .l-about-public-publication-item--inline a {
        display: inline-block;
        padding: 0;
      }
      .l-about-public-publication-item--wrap li:nth-of-type(n + 2) {
        margin-top: 20px;
      }
      .l-about-public-publication-item--wrap a {
        word-break: break-word;
      }
      .l-about-public-publication-item--button .c-button {
        margin-left: 0 !important;
        color: var(--c-color-03);
        font-weight: 700;
        text-decoration: none;
      }
      @media screen and (max-width: 960px) {
        .l-about-public-publication-item--button .c-button {
          margin-top: 20px;
        }
      }
      .l-admission-comprehensive-text--anchor-black a {
        color: var(--c-color-03);
      }
      .l-about-public-publication--padding-bottom {
        margin-top: 20px;
        padding-bottom: 20px !important;
      }
      @media screen and (max-width: 960px) {
        .l-about-public-publication--padding-bottom {
          margin-top: 26px;
        }
      }
      .l-about-public-publication-grid--pdf a.pdf {
        position: relative;
        display: inline !important;
      }
      .l-about-public-publication-grid--pdf a.pdf::after {
        position: absolute;
        content: "";
        overflow: visible;
        display: inline-block !important;
        width: 16px; /* アイコンの幅 */
        height: 15px; /* アイコンの高さ */
        background-image: url("/wp-content/themes/original2024/assets/img/admission/admission-pdf-icon.svg"); /* SVGアイコンのパス */
        background-size: cover; /* アイコンが要素のサイズに収まるように */
        background-repeat: no-repeat; /* アイコンを繰り返さない */
        margin-top: 6px !important;
        right: 0;
      }
      .faculty-feature {
        padding: 100px 0 0;
        background-color: var(--c-color-04);
      }
      @media screen and (max-width: 960px) {
        .faculty-feature {
          padding: 60px 0 0;
        }
      }
      .faculty-feature > div {
        padding: 0 120px 120px;
      }
      @media screen and (max-width: 960px) {
        .faculty-feature > div {
          padding: 0 24px 56px;
        }
      }
      .faculty-feature p {
        color: var(--c-color-02) !important;
      }
      .faculty-feature h3 {
        border-color: var(--c-color-02);
      }
      .faculty-feature__content {
        display: flex;
        gap: 10px 60px;
      }
      @media screen and (max-width: 960px) {
        .faculty-feature__content {
          flex-direction: column;
        }
      }
      .faculty-feature__content > div h3 {
        font-size: 26px;
        line-height: 1.2;
      }
      @media screen and (max-width: 960px) {
        .faculty-feature__content > div h3 {
          font-size: 21px;
          line-height: 1.4;
        }
      }
      .faculty-feature__content > div h3 + span {
        display: block;
        margin-top: 20px;
      }
      @media screen and (min-width: 961px) {
        .faculty-feature__content > div h3 + span {
          line-height: 2;
        }
      }
      @media screen and (max-width: 960px) {
        .faculty-feature__content > div h3 + span {
          margin-top: 10px;
          font-size: 14px;
        }
      }
      @media screen and (max-width: 960px) {
        .faculty-feature__content > div > div {
          text-align: center;
        }
      }
      .faculty-feature__content:nth-of-type(n + 2) {
        margin-top: 50px;
      }
      @media screen and (max-width: 960px) {
        .faculty-feature__content:nth-of-type(n + 2) {
          margin-top: 40px;
        }
      }
      .faculty-feature__content .c-button {
        height: 46px;
        font-size: 14px !important;
      }
      @media screen and (min-width: 961px) {
        .faculty-feature .content-section-title + div {
          line-height: 2;
        }
      }
      @media screen and (max-width: 960px) {
        .faculty-feature .content-section-title + div {
          font-size: 14px;
          font-weight: 700;
        }
      }
      .faculty-feature__text {
        font-size: 25px !important;
        line-height: 1.2;
      }
      @media screen and (max-width: 960px) {
        .faculty-feature__text {
          font-size: 16px !important;
          line-height: 1.8;
          text-align: left;
        }
      }
      .faculty-feature__figure {
        flex-shrink: 0;
        overflow: hidden;
        width: 370px;
        height: auto;
        aspect-ratio: 110/66;
        margin: 0;
      }
      @media screen and (max-width: 960px) {
        .faculty-feature__figure {
          width: 100%;
          margin: 0 auto;
        }
      }
      .faculty-feature__figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin: 0;
      }
      .faculty-feature .l-about-public-publication {
        margin-top: 56px;
      }
      .faculty-feature .l-about-public-publication + p {
        line-height: 2;
      }
      @media screen and (max-width: 960px) {
        .faculty-feature .l-about-public-publication + p {
          line-height: 1.8;
        }
      }
      @media screen and (max-width: 960px) {
        .faculty-feature .l-about-public-publication-button {
          text-align: center;
        }
      }
      .faculty-feature .l-about-public-publication-button > .c-button {
        margin-top: 20px !important;
      }
      @media screen and (max-width: 960px) {
        .faculty-feature .l-about-public-publication-button > .c-button {
          margin: 20px auto 0 !important;
        }
      }
    }
    @layer utility {
      .u-w-full {
        --is-enabled: 1;
        width: calc(100% + var(--s-px-content) * 2 * var(--is-enabled));
        translate: calc(-1 * var(--s-px-content) * var(--is-enabled));
      }
      .u-w-full[data-w-full-pc-only] {
        --is-enabled: 0;
      }
      @media screen and (min-width: 961px) {
        .u-w-full[data-w-full-pc-only] {
          --is-enabled: 1;
        }
      }
      .u-w-full[data-w-full-sp-only] {
        --is-enabled: 0;
      }
      @media screen and (max-width: 960px) {
        .u-w-full[data-w-full-sp-only] {
          --is-enabled: 1;
        }
      }
      .u-w-fit-content {
        width: fit-content;
      }
      /** 取り消し線 **/
      .u-line-through {
        text-decoration: line-through !important;
      }
      @media screen and (min-width: 961px) {
        .u-show-sp-only {
          display: none;
        }
      }
      @media screen and (max-width: 960px) {
        .u-show-pc-only {
          display: none;
        }
      }
      .u-visually-hidden:not(:focus-within, :active) {
        clip-path: inset(50%) !important;
        height: 1px !important;
        width: 1px !important;
        overflow: hidden !important;
        position: absolute !important;
        white-space: nowrap !important;
        border: 0 !important;
      }
      /** backgrounds **/
      .u-bg-table-highlight {
        background-color: #FFA1A1;
      }
    }
  }
}

/*# sourceMappingURL=style.css.map */