@charset "UTF-8";
/**********************************
* Media queries breakpoints
**********************************/
/* Extra small screen / phone
------------------------*/
/* Small screen / tablet
------------------------*/
/* Medium screen / desktop
------------------------*/
/* Large screen / wide desktop
------------------------*/
/* So media queries don't overlap when required, provide a maximum
------------------------*/
/**********************************
* Responsive mixins
**********************************/
.global-wrapper {
  /**
   * uaplus.css version 0.3.0
   */
}
@layer {
  .global-wrapper *, .global-wrapper *::after, .global-wrapper *::before {
    box-sizing: border-box;
  }
  .global-wrapper :focus-visible {
    outline-offset: 3px;
  }
  .global-wrapper html {
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
  }
  .global-wrapper html {
    line-height: 1.5;
  }
  .global-wrapper html {
    scrollbar-gutter: stable;
  }
  .global-wrapper h1 {
    font-size: 2em;
    margin-block: 0.67em;
  }
  .global-wrapper abbr[title] {
    cursor: help;
    text-decoration-line: underline;
    text-decoration-style: dotted;
  }
  @media (forced-colors: active) {
    .global-wrapper mark {
      color: HighlightText;
      background-color: Highlight;
    }
  }
  .global-wrapper audio, .global-wrapper iframe, .global-wrapper img, .global-wrapper svg, .global-wrapper video {
    max-block-size: 100%;
    max-inline-size: 100%;
  }
  .global-wrapper fieldset {
    min-inline-size: 0;
  }
  .global-wrapper label:has(+ input:not([type=radio], [type=checkbox]), select, textarea) {
    display: block;
  }
  .global-wrapper textarea:not([rows]) {
    min-block-size: 6em;
  }
  .global-wrapper button, .global-wrapper input, .global-wrapper select, .global-wrapper textarea {
    font-family: inherit;
    font-size: inherit;
  }
  .global-wrapper [type=search] {
    -webkit-appearance: textfield;
  }
  @supports (-webkit-touch-callout: none) {
    .global-wrapper [type=search] {
      border: 1px solid -apple-system-secondary-label;
      background-color: canvas;
    }
  }
  .global-wrapper input:where([type=tel], [type=url], [type=email], [type=number]):not(:placeholder-shown) {
    direction: ltr;
  }
  .global-wrapper table {
    border-collapse: collapse;
    border: 1px solid;
  }
  .global-wrapper th, .global-wrapper td {
    border: 1px solid;
    padding: 0.25em 0.5em;
    vertical-align: top;
  }
  .global-wrapper dialog::backdrop {
    background: oklch(0% 0 0deg / 0.3);
  }
  .global-wrapper dialog, .global-wrapper [popover], .global-wrapper dialog::backdrop {
    opacity: 0;
    transition: opacity 150ms ease-out, display 150ms allow-discrete, overlay 150ms allow-discrete;
  }
  .global-wrapper dialog[open], .global-wrapper :popover-open, .global-wrapper dialog[open]::backdrop {
    opacity: 1;
  }
  @starting-style {
    .global-wrapper dialog[open], .global-wrapper :popover-open, .global-wrapper dialog[open]::backdrop {
      opacity: 0;
    }
  }
  .global-wrapper [hidden]:not([hidden=until-found]) {
    display: none !important;
  }
  .global-wrapper img {
    display: block;
  }
  .global-wrapper summary {
    cursor: default;
  }
  .global-wrapper iframe {
    border: none;
  }
  @supports (position-area: block-end span-inline-end) {
    .global-wrapper [popover] {
      margin: 0;
      position-area: block-end span-inline-end;
    }
  }
}
.global-wrapper audio, .global-wrapper iframe, .global-wrapper img, .global-wrapper svg, .global-wrapper video {
  max-block-size: none;
}

.global-wrapper [data-animate],
.global-wrapper [data-animate-onload] {
  opacity: 0;
  transition: all 0.6s ease;
}
.global-wrapper [data-animate].is-animated,
.global-wrapper [data-animate-onload].is-animated {
  opacity: 1;
}
.global-wrapper [data-animate=slide-to-top] {
  transform: translateY(8vw);
}
@media screen and (min-width: 768px) {
  .global-wrapper [data-animate=slide-to-top] {
    transform: translateY(2.34375vw);
  }
}
.global-wrapper [data-animate=slide-to-top].is-animated {
  transform: translateX(0);
}
.global-wrapper [data-animate-onload=slide-to-top-tablet] {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .global-wrapper [data-animate-onload=slide-to-top-tablet] {
    opacity: 0;
    transform: translateY(2.34375vw);
  }
  .global-wrapper [data-animate-onload=slide-to-top-tablet].is-animated {
    transform: translateX(0);
  }
}
.global-wrapper [data-animate=slide-to-left] {
  transform: translateX(30px);
}
.global-wrapper [data-animate=slide-to-left].is-animated {
  transform: translateX(0);
}
.global-wrapper [data-animate=slide-to-right] {
  transform: translateX(-30px);
}
.global-wrapper [data-animate=slide-to-right].is-animated {
  transform: translateX(0);
}
.global-wrapper [data-animate=hidden] {
  opacity: 1;
  transition: all 0.6s ease;
}
.global-wrapper [data-animate=hidden].is-animated {
  opacity: 0;
}
.global-wrapper [data-animate-delay="600"] {
  transition-delay: 0.6s;
}
.global-wrapper [data-animate-delay="1200"] {
  transition-delay: 1.2s;
}

/* --- CSS変数 --- */
:root {
  --noto: "Noto Sans JP", sans-serif;
  --poppins: "Poppins", "Noto Sans JP", sans-serif;
  --black: #000000;
  --corporate: #323C99;
  --blue: #007FE8;
  --yellow: #E5F500;
}

/* --- リセット・基本設定 --- */
html {
  scrollbar-gutter: stable;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
}

.global-wrapper {
  font-family: var(--noto);
  color: var(--black);
  font-weight: 400;
  font-size: 15px;
  line-height: 180%;
  overflow: hidden;
}

.global-wrapper *,
.global-wrapper *::before,
.global-wrapper *::after {
  box-sizing: border-box;
}
.global-wrapper :where(a) {
  color: inherit;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.global-wrapper :where(figure) {
  margin: 0;
}
.global-wrapper :where(img) {
  max-width: 100%;
  height: auto;
}
.global-wrapper :where(h1, h2, h3, h4, h5, h6) {
  margin: 0;
}
.global-wrapper :where(p) {
  margin: 0;
}
.global-wrapper :where(ul) {
  margin: 0;
}

.global-wrapper .header {
  line-height: 180%;
  position: sticky;
  top: 0;
  z-index: 100;
}
@media screen and (min-width: 768px) {
  .global-wrapper .header {
    position: static;
  }
}
.global-wrapper .header__group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 2.6666666667vw;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  transition: background 0.2s ease;
}
@media screen and (min-width: 768px) {
  .global-wrapper .header__group {
    padding-left: 1.875vw;
  }
}
.global-wrapper .header.is-scrolled .header__group {
  background: #fff;
}
.global-wrapper .header-logo__img {
  width: 38.9333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .header-logo__img {
    width: 16.875vw;
  }
}
.global-wrapper .global-nav-open-button {
  background: #455272;
  border: none;
  cursor: pointer;
  display: grid;
  gap: 1.0666666667vw;
  padding: 4.6666666667vw 4.2666666667vw;
  width: 18.6666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .global-nav-open-button {
    gap: 0.78125vw;
    padding: 1.25vw 1.09375vw;
    width: 6.640625vw;
  }
}
.global-wrapper .global-nav-open-button__line {
  width: 100%;
  height: 1px;
  background: #fff;
}
.global-wrapper .global-nav {
  position: fixed;
  top: 0;
  right: 0;
  width: 90.4vw;
  max-height: 100%;
  overflow: auto;
  background: #fff;
  transform: translateX(100%);
  transition: transform 0.2s ease;
  z-index: 101;
  padding: 0 4.2666666667vw 6.4vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .global-nav {
    width: 67.109375vw;
    padding: 0 1.875vw 3.75vw;
    display: grid;
    grid-template-columns: 527fr 260fr;
    gap: 0 1.875vw;
  }
}
.global-wrapper .global-nav.is-open {
  transform: translateX(0);
}
.global-wrapper .global-nav__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .global-nav__heading {
    padding-left: 1.25vw;
    grid-column: 1/span 2;
  }
}
@media screen and (max-width: 767px) {
  .global-wrapper .global-nav__heading .header-logo__img {
    display: none;
  }
}
.global-wrapper .overlay {
  position: fixed;
  inset: 0;
  background: var(--blue);
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
  z-index: 100;
}
.global-wrapper .overlay.is-open {
  opacity: 0.1;
  pointer-events: auto;
}
.global-wrapper .global-nav-close-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.global-wrapper .global-nav-close-button img {
  width: 18.6666666667vw;
  height: 12.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .global-nav-close-button img {
    width: 7.421875vw;
    height: 4.84375vw;
  }
}
.global-wrapper .primary-nav {
  padding: 4.2666666667vw;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .global-wrapper .primary-nav {
    padding: 1.25vw 1.25vw 0;
  }
}
.global-wrapper .primary-nav__item {
  border-bottom: 1px solid #CCCCCC;
}
.global-wrapper .primary-nav__link {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 2.6666666667vw 2.6666666667vw 2.4vw;
  gap: 0 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .primary-nav__link {
    padding: 0.8984375vw 0.78125vw 0.8203125vw;
    gap: 0 0.625vw;
  }
}
@media (hover: hover) {
  .global-wrapper .primary-nav__link:hover {
    color: var(--corporate);
  }
}
.global-wrapper .primary-nav__label {
  font-weight: 600;
  font-size: 2.9333333333vw;
  line-height: 120%;
  color: var(--corporate);
}
@media screen and (min-width: 768px) {
  .global-wrapper .primary-nav__label {
    font-size: 0.859375vw;
  }
}
.global-wrapper .primary-nav__title {
  font-weight: 600;
  font-size: 4vw;
  line-height: 160%;
}
@media screen and (min-width: 768px) {
  .global-wrapper .primary-nav__title {
    font-size: 2.03125vw;
    line-height: 140%;
    transition: color 0.2s ease;
  }
}
.global-wrapper .primary-nav__arrow {
  grid-row: 1/span 2;
  grid-column: 2;
  width: 9.6vw;
  height: 2.4vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .primary-nav__arrow {
    width: 2.65625vw;
    transition: color 0.2s ease;
  }
}
.global-wrapper .side-navs {
  background: rgba(0, 127, 232, 0.1);
  padding: 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .side-navs {
    padding: 1.25vw;
    display: grid;
    grid-template-rows: auto 1fr;
  }
}
.global-wrapper .secondary-nav {
  margin-bottom: 4.2666666667vw;
  display: grid;
  gap: max(1px, 0.2666666667vw);
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .global-wrapper .secondary-nav {
    margin-bottom: 1.25vw;
    gap: max(1px, 0.078125vw);
  }
}
.global-wrapper .secondary-nav__link {
  display: block;
  background: #fff;
  padding: 1.0666666667vw;
  font-size: 3.7333333333vw;
  line-height: 180%;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .global-wrapper .secondary-nav__link {
    padding: 0.625vw;
    font-size: 1.09375vw;
    transition: all 0.2s ease;
  }
  .global-wrapper .secondary-nav__link:hover {
    color: #fff;
    background: var(--blue);
  }
}
.global-wrapper .header-sns {
  line-height: 100%;
  margin-inline: auto;
  padding: 6.4vw 0 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .header-sns {
    display: grid;
    place-content: center;
    padding: 0;
  }
}
.global-wrapper .header-sns__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .header-sns__inner {
    gap: 0 0.625vw;
  }
}
.global-wrapper .header-sns__item {
  display: block;
}
.global-wrapper .header-sns__item svg {
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  color: #000;
}
@media screen and (min-width: 768px) {
  .global-wrapper .header-sns__item svg {
    width: 3.75vw;
    height: 3.75vw;
    transition: color 0.2s ease;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .header-sns__item:hover svg {
    color: var(--blue);
  }
}

.global-wrapper .footer {
  background: #333333;
  color: #fff;
  padding: 10.6666666667vw 4.2666666667vw 6.4vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .footer {
    padding: 3.125vw 7.8125vw 1.875vw;
  }
}
.global-wrapper .footer-sns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.2666666667vw;
  margin-bottom: 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .footer-sns {
    gap: 1.25vw;
    margin-bottom: 1.25vw;
  }
}
.global-wrapper .footer-sns__item {
  display: block;
  width: 12.8vw;
  height: 12.8vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .footer-sns__item {
    width: 3.75vw;
    height: 3.75vw;
  }
}
@media (hover: hover) {
  .global-wrapper .footer-sns__item {
    transition: color 0.2s ease;
  }
  .global-wrapper .footer-sns__item:hover {
    color: var(--blue);
  }
}
.global-wrapper .footer-sns__item svg {
  width: 100%;
  height: 100%;
}
.global-wrapper .footer-links {
  font-size: 3.4666666667vw;
  line-height: 180%;
  margin-bottom: 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .footer-links {
    font-size: 1.015625vw;
    margin-bottom: 1.875vw;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 1.25vw;
  }
}
.global-wrapper .footer-links__title {
  text-align: center;
  margin-bottom: 4.2666666667vw;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .global-wrapper .footer-links__title {
    margin-bottom: 0;
  }
}
.global-wrapper .footer-links__list {
  display: grid;
  gap: 2.1333333333vw;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
  .global-wrapper .footer-links__list {
    display: flex;
    gap: 0.625vw;
  }
}
.global-wrapper .footer-links__list-item {
  border: 1px solid #fff;
  padding: 0.9333333333vw;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .global-wrapper .footer-links__list-item {
    width: 100%;
    padding: 0.9765625vw 0;
  }
}
@media (hover: hover) {
  .global-wrapper .footer-links__list-item {
    transition: all 0.2s ease;
  }
  .global-wrapper .footer-links__list-item:hover {
    background: var(--blue);
    border-color: var(--blue);
    color: #fff;
  }
}
.global-wrapper .footer-cta-button {
  background: #fff;
  color: #000;
  display: block;
  margin-bottom: 4.2666666667vw;
  padding: 2.1333333333vw;
  text-align: center;
  font-size: 3.4666666667vw;
  line-height: 180%;
}
@media screen and (min-width: 768px) {
  .global-wrapper .footer-cta-button {
    margin-bottom: 1.25vw;
    padding: 0.625vw;
    font-size: 1.015625vw;
  }
}
@media (hover: hover) {
  .global-wrapper .footer-cta-button {
    transition: all 0.2s ease;
  }
  .global-wrapper .footer-cta-button:hover {
    background: var(--blue);
    color: #fff;
  }
}
.global-wrapper .footer-cta-button span {
  font-size: 4vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .footer-cta-button span {
    font-size: 1.171875vw;
  }
}
.global-wrapper .copyright {
  font-size: 3.4666666667vw;
  line-height: 180%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .global-wrapper .copyright {
    font-size: 1.171875vw;
  }
}

.global-wrapper .experience-section {
  padding: 12.8vw 4.2666666667vw 57.3333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-section {
    padding: 5.703125vw 7.8125vw 13.828125vw;
  }
}
.global-wrapper .living-section {
  background: #F8F3CC;
  padding: 13.8666666667vw 4.2666666667vw 12.8vw;
  position: relative;
  scroll-margin-top: 44.5333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-section {
    padding: 6.484375vw 7.8125vw 4.609375vw;
    margin-bottom: 2.96875vw;
    scroll-margin-top: 9.296875vw;
  }
}
.global-wrapper .living-section__illust {
  pointer-events: none;
  max-block-size: none;
  position: absolute;
  top: -44.5333333333vw;
  right: -16vw;
  width: 50.1333333333vw;
  height: 102.1333333333vw;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-section__illust {
    top: -9.296875vw;
    right: -4.84375vw;
    width: 30.859375vw;
    height: 63.046875vw;
    z-index: 0;
  }
}
.global-wrapper .hachioji-section {
  background: #F4F4F4;
  padding: 19.2vw 4.2666666667vw 12.8vw;
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-section {
    padding: 4.375vw 3.90625vw 6.25vw;
    margin-bottom: 1.875vw;
  }
}
.global-wrapper .hachioji-section__area {
  background: #fff;
  padding: 8.5333333333vw 4.2666666667vw 12.8vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-section__area {
    padding: 3.75vw 3.90625vw 4.375vw;
  }
}
.global-wrapper .education-section {
  background: #F8F3CC;
  padding: 12.8vw 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .education-section {
    padding: 5.625vw 7.8125vw 6.25vw;
  }
}
.global-wrapper .community-section {
  padding: 26.6666666667vw 4.2666666667vw 12.8vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .global-wrapper .community-section {
    padding: 6.25vw 7.8125vw;
  }
}
.global-wrapper .community-section__illust {
  position: absolute;
  z-index: 1;
  top: -10.6666666667vw;
  right: 1.8666666667vw;
  width: 45.0666666667vw;
  height: 31.9413333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .community-section__illust {
    top: -5.546875vw;
    right: 2.7234375vw;
    width: 30.2453125vw;
    height: 21.71875vw;
  }
}
.global-wrapper .waiting-section {
  padding-top: 16.8vw;
  background: #4DC0C6 url(../images/waiting-section-bg-sp.svg) center center/cover no-repeat;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-section {
    padding-top: 4.375vw;
    background-image: url(../images/waiting-section-bg-pc.svg);
  }
}
.global-wrapper .online-section {
  background: #F8F3CC;
  padding: 8.5333333333vw 0 0;
}
@media screen and (min-width: 768px) {
  .global-wrapper .online-section {
    padding: 3.671875vw 9.609375vw 0 7.8125vw;
  }
}

.global-wrapper .section-heading {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2.1333333333vw;
  align-items: center;
  margin-bottom: 12.8vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .section-heading {
    gap: 0.625vw 1.25vw;
    margin-bottom: 3.75vw;
  }
}
.global-wrapper .section-heading:has(+ .text) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .section-heading:has(+ .text) {
    margin-bottom: 4.375vw;
  }
}
.global-wrapper .section-heading:has(+ .education-cards) {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .section-heading:has(+ .education-cards) {
    margin-bottom: 5vw;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .section-heading--center {
    margin-inline: auto;
    width: fit-content;
  }
}
.global-wrapper .section-heading--living {
  background: #fff;
  padding: 2.4vw 4vw;
  border: max(1px, 0.2666666667vw) solid var(--black);
  border-bottom: 0;
  margin-top: -29.8666666667vw;
  margin-bottom: -1px;
  margin-left: 4.5333333333vw;
  position: relative;
  z-index: 1;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .global-wrapper .section-heading--living {
    padding: 1.796875vw 3.046875vw 1.875vw;
    border-width: max(1px, 0.078125vw);
    margin-top: -11.40625vw;
    margin-left: 1.5234375vw;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .section-heading__icon {
    grid-row: 1/span 2;
  }
}
.global-wrapper .section-heading__icon--experience {
  width: 8.2666666667vw;
  height: 9.6vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .section-heading__icon--experience {
    width: 5.3125vw;
    height: 5.95078125vw;
  }
}
.global-wrapper .section-heading__icon--living {
  width: 8.8vw;
  height: 8.8vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .section-heading__icon--living {
    width: 5.3125vw;
    height: 5.37890625vw;
  }
}
.global-wrapper .section-heading__icon--hachioji {
  width: 8.8vw;
  height: 8.8vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .section-heading__icon--hachioji {
    width: 5.3125vw;
    height: 5.3125vw;
  }
}
.global-wrapper .section-heading__icon--education {
  width: 8.8vw;
  height: 8.5333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .section-heading__icon--education {
    width: 5.3125vw;
    height: 5vw;
  }
}
.global-wrapper .section-heading__icon--community {
  width: 12vw;
  height: 6.6666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .section-heading__icon--community {
    width: 5.3125vw;
    height: 2.96875vw;
  }
}
.global-wrapper .section-heading__icon img {
  width: 100%;
}
.global-wrapper .section-heading__label {
  font-size: 5.0666666667vw;
  line-height: 130%;
  font-weight: 700;
  color: var(--corporate);
}
@media screen and (min-width: 768px) {
  .global-wrapper .section-heading__label {
    font-size: 1.5625vw;
    line-height: 120%;
  }
}
.global-wrapper .section-heading__title {
  font-size: 7.2vw;
  line-height: 130%;
  font-weight: 700;
  grid-column: 1/span 2;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .global-wrapper .section-heading__title {
    font-size: 4.375vw;
    line-height: 120%;
    grid-column: auto;
    text-align: left;
  }
}
.global-wrapper .text {
  font-size: 4vw;
  line-height: 180%;
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .text {
    font-size: 1.484375vw;
    margin-bottom: 3.125vw;
  }
}
.global-wrapper .waiting-heading {
  margin: 0 4.2666666667vw 0.2666666667vw 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-heading {
    margin: 0 7.890625vw 0.859375vw 7.890625vw;
    display: grid;
    grid-template-columns: 38.4375vw 1fr;
  }
}
.global-wrapper .waiting-heading__title {
  width: fit-content;
  background: #fff;
  color: #24B7BF;
  padding: 4vw 4.2666666667vw;
  line-height: 100%;
  font-size: 5.8666666667vw;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-heading__title {
    font-size: 3.28125vw;
    padding: 1.8359375vw 1.25vw;
  }
}
.global-wrapper .waiting-heading__label {
  background: #24B7BF;
  color: #fff;
  padding: 2.6666666667vw 4.2666666667vw;
  line-height: 150%;
  font-size: 4.8vw;
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-heading__label {
    font-size: 1.5625vw;
    padding: 1.1328125vw 1.25vw;
  }
}

.global-wrapper .swipe-hint {
  width: 26.6666666667vw;
  height: 34.6666666667vw;
  display: grid;
  place-content: center;
  background: rgba(0, 0, 0, 0.05);
  pointer-events: none;
  border-radius: 2.6666666667vw;
}
.global-wrapper .swipe-hint__img {
  width: 20.5333333333vw;
  height: 15.7333333333vw;
}

.global-wrapper .tama-cta {
  position: relative;
}
@media screen and (min-width: 768px) {
  .global-wrapper .tama-cta {
    margin-inline: -5.9375vw;
  }
}
.global-wrapper .tama-cta__body {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4.2666666667vw;
  right: 4.2666666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5.8666666667vw 0 6.9333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .tama-cta__body {
    left: 20vw;
    right: 20vw;
    padding: 2.1875vw 0;
  }
}
.global-wrapper .tama-cta__logo {
  margin-bottom: 2.1333333333vw;
  width: 47.7333333333vw;
  height: 6.6666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .tama-cta__logo {
    width: 20.46875vw;
    height: 2.8125vw;
    margin: 0.625vw 0 1.25vw 0.78125vw;
  }
}
.global-wrapper .tama-cta__title {
  margin-bottom: 4.2666666667vw;
  font-weight: 600;
  font-size: 6.4vw;
  line-height: 100%;
}
@media screen and (min-width: 768px) {
  .global-wrapper .tama-cta__title {
    margin-bottom: 2.5vw;
    font-size: 2.96875vw;
  }
}
.global-wrapper .living-cta {
  display: grid;
  gap: 8.5333333333vw;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-cta {
    grid-template-columns: 1fr auto;
    gap: 2.5vw;
    align-items: center;
    padding-right: 2.34375vw;
  }
}
.global-wrapper .living-cta__text {
  text-align: center;
  font-weight: 500;
  font-size: 4.8vw;
  line-height: 160%;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-cta__text {
    font-size: 1.953125vw;
    line-height: 140%;
  }
}
.global-wrapper .living-cta__text b {
  font-size: 7.4666666667vw;
  font-weight: 700;
  line-height: normal;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-cta__text b {
    font-size: 4.375vw;
  }
}
.global-wrapper .living-cta .primary-button {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-cta .primary-button {
    font-size: 1.171875vw;
  }
}
.global-wrapper .online-cta {
  position: relative;
  display: grid;
  grid-template-columns: 45.8666666667vw auto;
  align-items: flex-start;
  gap: 0.5333333333vw 0;
}
@media screen and (min-width: 768px) {
  .global-wrapper .online-cta {
    gap: 4.375vw 6.25vw;
    grid-template-columns: 1fr 26.953125vw;
    grid-template-rows: auto 1fr;
  }
}
.global-wrapper .online-cta__heading {
  grid-column: 1/span 2;
}
@media screen and (min-width: 768px) {
  .global-wrapper .online-cta__heading {
    grid-column: auto;
    padding-top: 6.015625vw;
  }
}
.global-wrapper .online-cta__heading-label {
  margin-bottom: 2.1333333333vw;
  font-size: 4.2666666667vw;
  line-height: 180%;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .online-cta__heading-label {
    margin-bottom: 1.25vw;
    font-size: 1.25vw;
    gap: 0.625vw;
  }
}
.global-wrapper .online-cta__heading-label::before, .global-wrapper .online-cta__heading-label::after {
  content: "";
  display: block;
  width: max(1px, 0.2666666667vw);
  height: 6.1333333333vw;
  background: var(--black);
}
@media screen and (min-width: 768px) {
  .global-wrapper .online-cta__heading-label::before, .global-wrapper .online-cta__heading-label::after {
    width: max(1px, 0.078125vw);
    height: 1.796875vw;
  }
}
.global-wrapper .online-cta__heading-label::before {
  transform: rotate(-30deg);
  transform-origin: bottom left;
}
.global-wrapper .online-cta__heading-label::after {
  transform: rotate(30deg);
  transform-origin: bottom right;
}
.global-wrapper .online-cta__heading-title {
  color: var(--blue);
  text-align: center;
  font-family: var(--poppins);
  font-size: 9.0666666667vw;
  line-height: 100%;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .global-wrapper .online-cta__heading-title {
    font-size: 4.53125vw;
  }
}
.global-wrapper .online-cta__heading-title span {
  background: var(--blue);
  color: #F8F3CC;
  font-size: 10.6666666667vw;
  display: block;
  line-height: 100%;
  margin-left: 2.1333333333vw;
  font-family: var(--noto);
  padding: 0.5333333333vw 1.3333333333vw 1.6vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .online-cta__heading-title span {
    font-size: 3.90625vw;
    margin-left: 0.625vw;
    padding: 0.15625vw 0.3125vw 0.390625vw;
  }
}
.global-wrapper .online-cta__heading-title span + span {
  margin-left: 1.0666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .online-cta__heading-title span + span {
    margin-left: 0.3125vw;
  }
}
.global-wrapper .online-cta__buttons {
  display: grid;
  gap: 2.1333333333vw;
  position: relative;
  z-index: 1;
  margin-left: -8.5333333333vw;
  padding-right: 4.2666666667vw;
  padding-top: 19.232vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .online-cta__buttons {
    gap: 1.25vw;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    padding: 0;
  }
}
.global-wrapper .online-cta .online-button {
  width: 100%;
}
.global-wrapper .online-cta__image {
  display: block;
}
@media screen and (min-width: 768px) {
  .global-wrapper .online-cta__image {
    grid-column: 2;
    grid-row: 1/span 2;
  }
}
.global-wrapper .school-list {
  border-top: max(1px, 0.2666666667vw) solid var(--black);
  border-left: max(1px, 0.2666666667vw) solid var(--black);
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 8.5333333333vw;
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-list {
    border-width: max(1px, 0.078125vw);
    margin-bottom: 2.5vw;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.global-wrapper .school-list:has(> :nth-child(1):last-child) {
  grid-template-columns: 1fr;
}
.global-wrapper .school-list:has(> :nth-child(2):last-child) {
  grid-template-columns: 1fr 1fr;
}
.global-wrapper .school-list__item {
  border-bottom: max(1px, 0.2666666667vw) solid var(--black);
  border-right: max(1px, 0.2666666667vw) solid var(--black);
  font-size: 3.4666666667vw;
  line-height: 140%;
  padding: 1.8666666667vw;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-list__item {
    border-width: max(1px, 0.078125vw);
    font-size: 1.328125vw;
    padding: 0.78125vw;
    letter-spacing: 0.02em;
  }
}

.global-wrapper .primary-button {
  border-radius: calc(infinity * 1px);
  background: var(--corporate);
  color: #fff;
  line-height: 100%;
  font-size: 4vw;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  gap: 3.2vw;
  padding: 4.8vw 6.1333333333vw 4.8vw 10.4vw;
  border: max(1px, 0.2666666667vw) solid var(--corporate);
  transition: all 0.2s ease;
}
@media screen and (min-width: 768px) {
  .global-wrapper .primary-button {
    font-size: 1.5625vw;
    gap: 0.9375vw;
    padding: 1.25vw 1.796875vw 1.25vw 3.046875vw;
    border-width: max(1px, 0.078125vw);
  }
}
@media (hover: hover) {
  .global-wrapper .primary-button:hover {
    background: transparent;
    color: var(--corporate);
  }
}
.global-wrapper .primary-button:has(.primary-button__pdf) {
  gap: 4vw;
  padding: 4vw 12.1333333333vw 4vw 13.4666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .primary-button:has(.primary-button__pdf) {
    gap: 1.171875vw;
    padding: 0.78125vw 3.5546875vw 0.78125vw 3.9453125vw;
  }
}
.global-wrapper .primary-button__arrow {
  width: 13.8666666667vw;
  height: 3.2vw;
  margin-bottom: 1.4666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .primary-button__arrow {
    width: 4.0625vw;
    height: 0.9375vw;
    margin-bottom: 0.4296875vw;
  }
}
.global-wrapper .primary-button__pdf {
  width: 4.8vw;
  height: 5.8666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .primary-button__pdf {
    width: 2.03125vw;
    height: 2.5vw;
  }
}
.global-wrapper .primary-button--white {
  background: #fff;
  border-color: #fff;
  color: var(--black);
}
@media (hover: hover) {
  .global-wrapper .primary-button--white:hover {
    background: var(--black);
    color: #fff;
    border-color: var(--black);
  }
}
.global-wrapper .online-button {
  border-radius: 2.1333333333vw;
  background: var(--corporate);
  color: #fff;
  line-height: 100%;
  font-size: 4vw;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
  gap: 3.2vw;
  padding: 6.1333333333vw 5.8666666667vw 6.1333333333vw 6.4vw;
  border: max(1px, 0.2666666667vw) solid var(--corporate);
  transition: all 0.2s ease;
}
@media screen and (min-width: 768px) {
  .global-wrapper .online-button {
    border-radius: calc(infinity * 1px);
    font-size: 1.171875vw;
    gap: 0.9375vw;
    padding: 1.40625vw 1.796875vw 1.40625vw 3.046875vw;
    border-width: max(1px, 0.078125vw);
    justify-content: center;
  }
}
@media (hover: hover) {
  .global-wrapper .online-button:hover {
    background: transparent;
    color: var(--corporate);
  }
}
.global-wrapper .online-button__arrow {
  width: 13.8666666667vw;
  height: 3.2vw;
  margin-bottom: 1.4666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .online-button__arrow {
    width: 4.0625vw;
    height: 0.9375vw;
    margin-bottom: 0.4296875vw;
  }
}
.global-wrapper .online-button--white {
  background: #fff;
  border-color: #fff;
  color: var(--black);
}
@media (hover: hover) {
  .global-wrapper .online-button--white:hover {
    background: var(--black);
    color: #fff;
    border-color: var(--black);
  }
}
.global-wrapper .map-button {
  background: #fff;
  color: var(--corporate);
  line-height: 100%;
  font-size: 3.7333333333vw;
  font-weight: 700;
  padding: 1.0666666667vw 4.2666666667vw;
  border-radius: calc(infinity * 1px);
  display: block;
  width: fit-content;
  transition: all 0.2s ease;
}
@media screen and (min-width: 768px) {
  .global-wrapper .map-button {
    padding: 0.625vw 1.875vw;
    font-size: 1.171875vw;
  }
}
.global-wrapper .map-button:hover {
  background: var(--corporate);
  color: #fff;
}
.global-wrapper .experience-buttons {
  margin-top: -2.7626666667vw;
  width: fit-content;
  margin-left: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-buttons {
    margin-top: -8.046875vw;
  }
}

.global-wrapper .community-table {
  border: 0;
  width: 100%;
  margin-bottom: 12.8vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .community-table {
    margin-bottom: 4.375vw;
  }
}
.global-wrapper .community-table tr:not(:last-child) th, .global-wrapper .community-table tr:not(:last-child) td {
  border-bottom: max(2px, 0.5333333333vw) solid #fff;
}
@media screen and (min-width: 768px) {
  .global-wrapper .community-table tr:not(:last-child) th, .global-wrapper .community-table tr:not(:last-child) td {
    border-width: max(2px, 0.15625vw);
  }
}
.global-wrapper .community-table th {
  background: var(--black);
  color: #fff;
  padding: 2.1333333333vw;
  font-size: 4.2666666667vw;
  line-height: 160%;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .global-wrapper .community-table th {
    padding: 0.625vw 1.25vw;
    font-size: 1.484375vw;
    line-height: 180%;
  }
}
.global-wrapper .community-table td {
  background: #CCF1F8;
  padding: 2.1333333333vw 2.6666666667vw;
  font-size: 4vw;
  line-height: 140%;
}
@media screen and (min-width: 768px) {
  .global-wrapper .community-table td {
    padding: 0.9375vw 1.25vw;
    font-size: 1.40625vw;
  }
}
.global-wrapper .community-table th, .global-wrapper .community-table td {
  border: 0;
}
.global-wrapper .community-table th:not(:first-child), .global-wrapper .community-table td:not(:first-child) {
  border-left: max(2px, 0.5333333333vw) solid #fff;
}
@media screen and (min-width: 768px) {
  .global-wrapper .community-table th:not(:first-child), .global-wrapper .community-table td:not(:first-child) {
    border-width: max(2px, 0.15625vw);
  }
}

.global-wrapper .education-card__image {
  aspect-ratio: 343/169;
  display: block;
}
@media screen and (min-width: 768px) {
  .global-wrapper .education-card__image {
    aspect-ratio: 518/255;
  }
}
.global-wrapper .education-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.global-wrapper .education-card__heading {
  position: relative;
}
.global-wrapper .education-card__title {
  font-size: 4.8vw;
  line-height: 140%;
  font-weight: 700;
  background: #F8F3CC;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 2.1333333333vw 2.6666666667vw 2.1333333333vw 0;
}
@media screen and (min-width: 768px) {
  .global-wrapper .education-card__title {
    font-size: 1.5625vw;
    padding: 0.89765625vw 1.25vw 0.89765625vw 0;
  }
}
.global-wrapper .education-card__text {
  font-size: 4vw;
  line-height: 180%;
  margin-top: 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .education-card__text {
    font-size: 1.25vw;
    margin-top: 1.25vw;
  }
}
.global-wrapper .education-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8.5333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .education-cards {
    grid-template-columns: 1fr 1fr;
    gap: 2.5vw 3.4375vw;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-card:nth-child(odd) {
    padding-top: 4.921875vw;
  }
}
.global-wrapper .experience-card:nth-child(odd) .message-panel {
  margin-left: -6.4vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-card:nth-child(odd) .message-panel {
    margin-left: -4.6875vw;
  }
}
.global-wrapper .experience-card:nth-child(odd) .experience-card__person {
  right: -6.4vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-card:nth-child(odd) .experience-card__person {
    right: 1.640625vw;
  }
}
.global-wrapper .experience-card:nth-child(even) .message-panel {
  margin-left: auto;
  margin-right: -1.6vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-card:nth-child(even) .message-panel {
    margin-right: -3.90625vw;
  }
}
.global-wrapper .experience-card:nth-child(even) .experience-card__person {
  left: -6.4vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-card:nth-child(even) .experience-card__person {
    left: 0;
  }
}
.global-wrapper .experience-card .message-panel {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-card .message-panel {
    margin-bottom: 3.75vw;
  }
}
.global-wrapper .experience-card__images {
  aspect-ratio: 298/167;
  position: relative;
  margin-bottom: 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-card__images {
    aspect-ratio: 415/233;
    margin-bottom: 1.25vw;
  }
}
.global-wrapper .experience-card__bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.global-wrapper .experience-card__person {
  position: absolute;
  height: 58.6666666667vw;
  width: auto;
  bottom: 0;
  max-block-size: none;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-card__person {
    height: 24.53125vw;
  }
}
.global-wrapper .experience-card__body {
  border-left: max(1px, 0.2666666667vw) solid var(--black);
  padding-left: 6.1333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-card__body {
    border-width: max(1px, 0.078125vw);
    padding-left: 1.171875vw;
  }
}
.global-wrapper .experience-card__date {
  font-family: var(--poppins);
  font-size: 3.4666666667vw;
  line-height: 100%;
  font-weight: 300;
  margin-bottom: 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-card__date {
    font-size: 1.015625vw;
    margin-bottom: 0.625vw;
  }
}
.global-wrapper .experience-card__department {
  font-size: 4.5333333333vw;
  line-height: 120%;
  letter-spacing: 0.02em;
  margin-bottom: 2.1333333333vw;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-card__department {
    font-size: 1.5625vw;
    margin-bottom: 0.625vw;
  }
}
.global-wrapper .experience-card__name {
  font-size: 4.5333333333vw;
  line-height: 120%;
  letter-spacing: 0.02em;
  margin-bottom: 4.2666666667vw;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-card__name {
    font-size: 1.5625vw;
    margin-bottom: 1.25vw;
  }
}
.global-wrapper .experience-card .primary-button {
  width: 61.0666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-card .primary-button {
    width: fit-content;
    font-size: 1.171875vw;
  }
}
.global-wrapper .experience-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12.8vw;
  padding: 0 6.4vw 38.496vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-cards {
    grid-template-columns: 1fr 1fr;
    gap: 6.25vw;
    padding: 0 7.03125vw 7.8125vw 6.25vw;
  }
}
.global-wrapper .experience-cards__shape {
  filter: drop-shadow(2.1333333333vw 2.1333333333vw 0px #F8F3CC);
  position: absolute;
  top: 24.5333333333vw;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-cards__shape {
    filter: drop-shadow(0.9375vw 0.859375vw 0px #F8F3CC);
    top: 6.71875vw;
  }
}
.global-wrapper .experience-cards__shape-border {
  width: 100%;
  height: 100%;
  background: var(--black);
  clip-path: polygon(100% 0%, 100% calc(100% - 32vw), 0% 100%, 0% 32vw);
  padding: max(1px, 0.2666666667vw);
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-cards__shape-border {
    clip-path: polygon(100% 0, 100% calc(100% - 15.078125vw), 0 100%, 0 15.078125vw);
    padding: max(1px, 0.078125vw);
  }
}
.global-wrapper .experience-cards__shape-body {
  width: 100%;
  height: 100%;
  background: #BFEDAC;
  clip-path: polygon(100% 0%, 100% calc(100% - 32vw), 0% 100%, 0% 32vw);
}
@media screen and (min-width: 768px) {
  .global-wrapper .experience-cards__shape-body {
    clip-path: polygon(100% 0, 100% calc(100% - 15.078125vw), 0 100%, 0 15.078125vw);
  }
}
.global-wrapper .living-card__title {
  padding: 2.6666666667vw 4.2666666667vw;
  font-size: 4.5333333333vw;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #fff;
  background: var(--black);
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-card__title {
    font-size: 1.25vw;
    line-height: 130%;
    padding: 0.78125vw 0.625vw;
  }
}
.global-wrapper .living-card__title small {
  font-size: 4.5333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-card__title small {
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  .global-wrapper .living-card__title--small {
    font-size: 3.7333333333vw;
    padding: 3.2vw 4.2666666667vw;
  }
}
.global-wrapper .living-card__body {
  border: max(1px, 0.2666666667vw) solid var(--black);
  padding: 8.8vw 4.8vw 6.6666666667vw;
  display: grid;
  grid-template-columns: 37.3333333333vw 1fr;
  gap: 4.2666666667vw;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-card__body {
    padding: 1.875vw 1.484375vw 1.796875vw;
    grid-template-columns: 12.5vw 1fr;
    gap: 0.78125vw;
    border-width: max(1px, 0.078125vw);
  }
}
.global-wrapper .living-card__img {
  width: 100%;
}
.global-wrapper .living-card__list {
  display: grid;
  gap: 0.8vw;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-card__list {
    gap: 0.234375vw;
  }
}
.global-wrapper .living-card__list-item {
  font-size: 4.2666666667vw;
  line-height: 140%;
  display: flex;
  align-items: center;
  gap: 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-card__list-item {
    font-size: 1.25vw;
    gap: 0.625vw;
  }
}
.global-wrapper .living-card__list-item::before {
  content: "";
  display: block;
  width: 4.8vw;
  height: 4.8vw;
  border-radius: 100%;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-card__list-item::before {
    width: 1.40625vw;
    height: 1.40625vw;
  }
}
.global-wrapper .living-card__list-item:nth-child(1):before {
  background: #CCF1F8;
}
.global-wrapper .living-card__list-item:nth-child(2):before {
  background: #F8F3CC;
}
.global-wrapper .living-card__list-item:nth-child(3):before {
  background: #F8CCF7;
}
.global-wrapper .living-card__list-item:nth-child(4):before {
  background: #BFEDAC;
}
.global-wrapper .waiting-card {
  position: relative;
  width: 54.1333333333vw;
  height: 42.4vw;
  display: block;
  transition: opacity 0.2s ease;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card {
    width: 18.046875vw;
    height: 12.421875vw;
  }
}
@media (hover: hover) {
  .global-wrapper .waiting-card:hover {
    opacity: 0.7;
  }
}
.global-wrapper .waiting-card::after {
  content: "";
  display: block;
  width: 13.6vw;
  height: 5.8666666667vw;
  position: absolute;
  bottom: 0;
  left: 29.6vw;
  background: url(../images/waiting-card-shape.svg) left top/100% 100% no-repeat;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card::after {
    width: 3.984375vw;
    height: 1.71875vw;
    left: 11.5625vw;
  }
}
.global-wrapper .waiting-card__title {
  line-height: 100%;
  font-size: 5.3333333333vw;
  font-weight: 700;
  padding: 2.4vw 2.6666666667vw 2.6666666667vw;
  background: var(--yellow);
  border: max(1px, 0.2666666667vw) solid var(--black);
  margin-bottom: 7.7333333333vw;
  width: 43.2vw;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card__title {
    font-size: 1.796875vw;
    padding: 0.859375vw 1.09375vw 1.015625vw;
    margin-bottom: 2.421875vw;
    border-width: max(1px, 0.078125vw);
    width: 15vw;
  }
}
.global-wrapper .waiting-card__title::before {
  content: "";
  display: block;
  position: absolute;
  width: 5.8666666667vw;
  height: 5.8666666667vw;
  background: var(--black);
  clip-path: polygon(0 0, 100% 0, 0 100%);
  bottom: 0;
  left: calc(max(1px, 0.2666666667vw) * -1);
  transform: translateY(100%);
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card__title::before {
    width: 1.71875vw;
    height: 1.71875vw;
    left: calc(max(1px, 0.078125vw) * -1);
  }
}
.global-wrapper .waiting-card__title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.8vw;
  left: 0;
  width: 6.1333333333vw;
  height: 6.1333333333vw;
  background: var(--yellow);
  clip-path: polygon(0 0, 100% 0, 0 100%);
  z-index: 1;
  transform: translateY(100%);
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card__title::after {
    bottom: 0.234375vw;
    width: 1.796875vw;
    height: 1.796875vw;
  }
}
.global-wrapper .waiting-card__location {
  font-size: 3.7333333333vw;
  line-height: 80%;
  padding: 2.1333333333vw 1.6vw;
  background: var(--black);
  color: #fff;
  width: fit-content;
  font-family: var(--poppins);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card__location {
    font-size: 1.09375vw;
    padding: 0.625vw 0.46875vw;
  }
}
.global-wrapper .waiting-card__image {
  display: block;
  position: absolute;
}
.global-wrapper .waiting-card__image--hokkaido {
  width: 24.8vw;
  height: 21.2186666667vw;
  top: 12.8133333333vw;
  left: 22.6666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card__image--hokkaido {
    width: 7.93984375vw;
    height: 6.79296875vw;
    top: 3.75390625vw;
    left: 6.640625vw;
  }
}
.global-wrapper .waiting-card__image--kanto {
  width: 25.6666666667vw;
  height: 18.6666666667vw;
  top: 13.3333333333vw;
  left: 17.568vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card__image--kanto {
    width: 9.453125vw;
    height: 6.875vw;
    top: 3.75vw;
    left: 7.265625vw;
  }
}
.global-wrapper .waiting-card__image--tokyo {
  width: 34.5226666667vw;
  height: 13.6vw;
  top: 14.9333333333vw;
  left: 14.8506666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card__image--tokyo {
    width: 11.50234375vw;
    height: 4.53125vw;
    top: 5vw;
    left: 5.9375vw;
  }
}
.global-wrapper .waiting-card__image--kanagawa {
  width: 19.2vw;
  height: 15.8906666667vw;
  top: 15.4666666667vw;
  left: 28.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card__image--kanagawa {
    width: 8.125vw;
    height: 6.72421875vw;
    top: 4.05703125vw;
    left: 7.5vw;
  }
}
.global-wrapper .waiting-card__image--saitama {
  width: 23.7333333333vw;
  height: 11.6773333333vw;
  top: 15.9946666667vw;
  left: 21.6vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card__image--saitama {
    width: 9.140625vw;
    height: 4.49765625vw;
    top: 4.95546875vw;
    left: 6.875vw;
  }
}
.global-wrapper .waiting-card__image--chiba {
  width: 18.6373333333vw;
  height: 24.752vw;
  top: 10.6666666667vw;
  left: 20vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card__image--chiba {
    width: 5.28515625vw;
    height: 7.109375vw;
    top: 3.59375vw;
    left: 7.890625vw;
  }
}
.global-wrapper .waiting-card__image--shinetsu {
  width: 16.2666666667vw;
  height: 25.2693333333vw;
  top: 12.8vw;
  left: 24.5333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card__image--shinetsu {
    width: 5.02890625vw;
    height: 7.8125vw;
    top: 3.75vw;
    left: 8.203125vw;
  }
}
.global-wrapper .waiting-card__image--kansai {
  width: 20.84vw;
  height: 28.1493333333vw;
  top: 9.3333333333vw;
  left: 20.8vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card__image--kansai {
    width: 6.10546875vw;
    height: 8.246875vw;
    top: 3.28125vw;
    left: 8.046875vw;
  }
}
.global-wrapper .waiting-card__image--chugoku {
  width: 26.216vw;
  height: 22.664vw;
  top: 9.464vw;
  left: 18.6666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card__image--chugoku {
    width: 8.515625vw;
    height: 7.36171875vw;
    top: 3.321875vw;
    left: 7.03125vw;
  }
}
.global-wrapper .waiting-card__image--kyushu {
  width: 28.992vw;
  height: 25.064vw;
  top: 8.8vw;
  left: 21.0666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card__image--kyushu {
    width: 6.40625vw;
    height: 8.984375vw;
    top: 2.890625vw;
    left: 8.203125vw;
  }
}
.global-wrapper .waiting-card__img {
  width: 100%;
  height: 100%;
}
.global-wrapper .waiting-card__arrow {
  position: absolute;
  top: 2.4vw;
  right: 0;
  width: 13.8666666667vw;
  height: 3.2vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card__arrow {
    top: 1.09375vw;
    width: 4.0625vw;
    height: 0.9375vw;
  }
}

.global-wrapper .hachioji-media {
  display: grid;
  gap: 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-media {
    gap: 0.625vw;
  }
}
.global-wrapper .hachioji-media:has(> .hachioji-media__image) {
  grid-template-columns: 26.4vw 1fr;
  gap: 6.4vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-media:has(> .hachioji-media__image) {
    grid-template-columns: 12.34375vw 1fr;
    gap: 0.625vw 1.875vw;
    grid-template-rows: auto 1fr;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-media:has(> .hachioji-media__image) .hachioji-media__image {
    grid-row: 1/span 2;
  }
}
.global-wrapper .hachioji-media:has(> .hachioji-media__image) .hachioji-media__title {
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-media:has(> .hachioji-media__image) .hachioji-media__title {
    flex-direction: row;
  }
}
.global-wrapper .hachioji-media:has(> .hachioji-media__image) .hachioji-media__text {
  grid-column: 1/span 2;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-media:has(> .hachioji-media__image) .hachioji-media__text {
    grid-column: auto;
  }
}
.global-wrapper .hachioji-media__image {
  aspect-ratio: 1/1;
}
.global-wrapper .hachioji-media__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.global-wrapper .hachioji-media__title {
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 140%;
  padding: 1.8666666667vw 0 1.0666666667vw;
  display: flex;
  gap: 1.0666666667vw 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-media__title {
    font-size: 2.03125vw;
    gap: 1.25vw;
    padding: 0.3125vw 0;
  }
}
.global-wrapper .hachioji-media__number {
  font-family: var(--poppins);
  font-size: 8.5333333333vw;
  font-weight: 800;
  line-height: 100%;
  color: #BFEDAC;
  -webkit-text-stroke: max(1px, 0.2666666667vw) var(--black);
  transform: translateY(-0.8vw);
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-media__number {
    font-size: 2.734375vw;
    -webkit-text-stroke: max(1px, 0.078125vw) var(--black);
    transform: translateY(0);
  }
}
.global-wrapper .hachioji-media__text {
  font-size: 4vw;
  line-height: 180%;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-media__text {
    font-size: 1.25vw;
  }
}
.global-wrapper .hachioji-medias {
  display: grid;
  gap: 6.4vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-medias {
    gap: 3.125vw;
  }
}
.global-wrapper .school-media {
  display: grid;
  grid-template-columns: 30.1333333333vw 1fr;
  gap: 8.5333333333vw 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-media {
    grid-template-columns: 26.5625vw 1fr;
    gap: 1.875vw 2.5vw;
  }
}
.global-wrapper .school-media__image {
  display: block;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-media__image {
    grid-row: 1/span 2;
    padding: 1.796875vw 3.59375vw 1.171875vw 3.3796875vw;
  }
}
.global-wrapper .school-media__img {
  width: 100%;
}
.global-wrapper .school-media__title {
  font-size: 4.2666666667vw;
  line-height: 140%;
  font-weight: 700;
  margin-bottom: 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-media__title {
    font-size: 1.875vw;
    line-height: 120%;
    margin-bottom: 1.875vw;
  }
}
.global-wrapper .school-media__text {
  font-size: 3.4666666667vw;
  line-height: 180%;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-media__text {
    font-size: 1.09375vw;
  }
}
.global-wrapper .school-media__body {
  grid-column: 1/span 2;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-media__body {
    grid-column: auto;
  }
}
.global-wrapper .school-media .primary-button {
  width: 100%;
}

.global-wrapper .message-panel {
  width: fit-content;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .message-panel {
    gap: 0 0.625vw;
  }
}
.global-wrapper .message-panel__title {
  font-size: 4vw;
  line-height: 100%;
  padding: 1.0666666667vw 2.6666666667vw;
  background: var(--black);
  color: #fff;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .global-wrapper .message-panel__title {
    font-size: 1.171875vw;
    padding: 0.390625vw 0.78125vw 0.3125vw;
  }
}
.global-wrapper .message-panel__tag {
  line-height: 100%;
  font-size: 3.7333333333vw;
  letter-spacing: 0.02em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .global-wrapper .message-panel__tag {
    font-size: 1.09375vw;
  }
}
.global-wrapper .message-panel__text {
  border: max(1px, 0.2666666667vw) solid var(--black);
  padding: 4vw;
  font-size: 4.8vw;
  line-height: 140%;
  letter-spacing: 0.02em;
  grid-column: 1/span 2;
  background: #F8F8F8;
}
@media screen and (min-width: 768px) {
  .global-wrapper .message-panel__text {
    font-size: 1.5625vw;
    border-width: max(1px, 0.078125vw);
    padding: 1.171875vw 1.796875vw;
  }
}
.global-wrapper .hachioji-panel {
  margin-bottom: 12.8vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel {
    margin-bottom: 4.375vw;
  }
}
.global-wrapper .hachioji-panel__label {
  font-size: 4.2666666667vw;
  line-height: 180%;
  font-weight: 700;
  margin-bottom: 2.4vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel__label {
    font-size: 1.25vw;
    margin-bottom: 3.046875vw;
    text-align: center;
  }
}
.global-wrapper .hachioji-panel__inner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.global-wrapper .hachioji-panel__title {
  background: var(--black);
  color: #fff;
  line-height: 100%;
  font-size: 4vw;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: fit-content;
  margin: auto;
  padding: 2.1333333333vw 0 2.4vw 2.2vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel__title {
    font-size: 2.34375vw;
    padding: 0.234375vw 0 0.625vw 1.40625vw;
  }
}
.global-wrapper .hachioji-panel__title b {
  font-size: 9.3333333333vw;
  line-height: 100%;
  margin-top: -4.8vw;
  display: inline-block;
  text-shadow: 1px 1px 0 var(--black), -1px 1px 0 var(--black), 1px -1px 0 var(--black), -1px -1px 0 var(--black);
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel__title b {
    font-size: 6.40625vw;
    margin-top: -3.4375vw;
  }
}
.global-wrapper .hachioji-panel__item {
  border: max(1px, 0.2666666667vw) solid var(--black);
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel__item {
    border-width: max(1px, 0.078125vw);
    padding: 5.703125vw 2.421875vw 1.796875vw;
  }
}
.global-wrapper .hachioji-panel__item:last-child {
  border-left: 0;
}
.global-wrapper .hachioji-panel__item--blue {
  background: #CCF1F8;
}
.global-wrapper .hachioji-panel__item--pink {
  background: #F8CCF7;
}
.global-wrapper .hachioji-panel__item-title {
  padding: 12.8vw 0 2.1333333333vw;
  font-size: 4.8vw;
  line-height: 120%;
  letter-spacing: -0.08em;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel__item-title {
    padding: 0;
    font-size: 1.5625vw;
    margin-bottom: 0.625vw;
    text-align: left;
  }
}
.global-wrapper .hachioji-panel__item-title small {
  font-size: 3.7333333333vw;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel__item-title small {
    font-size: 1.09375vw;
  }
}
.global-wrapper .hachioji-panel__item-body {
  background: #fff;
  padding: 0.8vw 2.6666666667vw 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel__item-body {
    padding: 1.25vw 1.875vw;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1.25vw;
  }
}
.global-wrapper .hachioji-panel__item-sum {
  font-size: 3.2vw;
  line-height: 100%;
  margin-bottom: 1.3333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel__item-sum {
    font-size: 1.5625vw;
    margin-bottom: 0;
  }
}
.global-wrapper .hachioji-panel__item-sum:not(:has(+ .hachioji-panel__item-notice)) {
  margin-bottom: 3.6vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel__item-sum:not(:has(+ .hachioji-panel__item-notice)) {
    margin-bottom: 0;
  }
}
.global-wrapper .hachioji-panel__item-sum b {
  font-size: 3.7333333333vw;
  font-weight: 900;
  line-height: normal;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel__item-sum b {
    font-size: 1.5625vw;
  }
}
.global-wrapper .hachioji-panel__item-sum b span {
  font-size: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel__item-sum b span {
    font-size: 2.34375vw;
  }
}
.global-wrapper .hachioji-panel__item-notice {
  margin-bottom: 2.1333333333vw;
  font-size: 2.6666666667vw;
  line-height: 140%;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel__item-notice {
    margin: 0.46875vw 0 0;
    font-size: 1.09375vw;
  }
}
.global-wrapper .hachioji-panel__item-breakdown {
  font-size: 3.4666666667vw;
  line-height: 180%;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel__item-breakdown {
    font-size: 1.25vw;
    line-height: 174%;
  }
}
.global-wrapper .hachioji-panel__item-breakdown b {
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel__item-breakdown b {
    font-size: 1.25vw;
  }
}
.global-wrapper .hachioji-panel__item-breakdown small {
  font-size: 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-panel__item-breakdown small {
    font-size: 1.015625vw;
  }
}
.global-wrapper .school-nav-panel {
  margin: 22.4vw 4vw 10.1333333333vw;
  border-radius: 2.6666666667vw 2.6666666667vw 2.6666666667vw 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-panel {
    margin: 0;
    border-radius: 0;
  }
}
.global-wrapper .school-nav-panel__heading {
  padding: 4.2666666667vw;
  background: rgba(255, 255, 255, 0.7);
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-panel__heading {
    padding: 0.78125vw 1.25vw;
    background: rgba(255, 255, 255, 0.9);
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0 1.25vw;
    width: fit-content;
    border-radius: 0.78125vw 0.78125vw 0 0;
  }
}
.global-wrapper .school-nav-panel__title {
  margin-bottom: 2.1333333333vw;
  font-weight: 700;
  font-size: 4.8vw;
  line-height: 100%;
  letter-spacing: 0.02em;
  background: linear-gradient(90deg, #03AEFE 0%, #004CB3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-panel__title {
    font-size: 2.03125vw;
    margin-bottom: 0;
    grid-row: 1/span 2;
  }
}
.global-wrapper .school-nav-panel__subtitle {
  margin-bottom: 1.0666666667vw;
  font-size: 3.7333333333vw;
  line-height: 150%;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-panel__subtitle {
    font-size: 1.171875vw;
    line-height: 180%;
    margin-bottom: 0;
  }
}
.global-wrapper .school-nav-panel__text {
  font-size: 3.2vw;
  line-height: 140%;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-panel__text {
    font-size: 0.9375vw;
    line-height: 180%;
  }
}
.global-wrapper .school-nav-panel__body {
  background: rgba(0, 0, 0, 0.3);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: max(1px, 0.2666666667vw);
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-panel__body {
    background: transparent;
    display: flex;
    align-items: center;
    gap: 0;
    border-radius: 0 0 0.78125vw 0.78125vw;
    overflow: hidden;
  }
}
.global-wrapper .school-nav-panel__item {
  background: #fff;
  text-align: center;
  padding: 2.1333333333vw 0 2.4vw;
  font-size: 3.2vw;
  line-height: 100%;
  font-weight: 700;
  transition: opacity 0.2s ease;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-panel__item {
    padding: 0.625vw 0 0.78125vw;
    font-size: 1.09375vw;
    letter-spacing: 0.02em;
    width: 100%;
  }
  .global-wrapper .school-nav-panel__item:not(:first-child) {
    position: relative;
  }
  .global-wrapper .school-nav-panel__item:not(:first-child)::after {
    content: "";
    display: block;
    width: max(1px, 0.078125vw);
    height: calc(100% - 1.09375vw);
    background: #D9D9D9;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
}
@media (hover: hover) {
  .global-wrapper .school-nav-panel__item:hover {
    opacity: 0.7;
  }
}
.global-wrapper .school-nav-panel__item--hokkaido {
  color: #2F6B57;
}
.global-wrapper .school-nav-panel__item--kanto {
  color: #4F6D8A;
}
.global-wrapper .school-nav-panel__item--tokyo {
  color: #D94B4B;
}
.global-wrapper .school-nav-panel__item--kanagawa {
  color: #2B8C82;
}
.global-wrapper .school-nav-panel__item--saitama {
  color: #8A5A44;
}
.global-wrapper .school-nav-panel__item--chiba {
  color: #2D83C5;
}
.global-wrapper .school-nav-panel__item--shinetsu {
  color: #2F5D9F;
}
.global-wrapper .school-nav-panel__item--kansai {
  color: #9C3D54;
}
.global-wrapper .school-nav-panel__item--chugoku {
  color: #D98A2B;
}
.global-wrapper .school-nav-panel__item--kyushu {
  color: #DD749E;
}
.global-wrapper .school-nav-panel__img {
  height: 9.0666666667vw;
  margin: 0 auto 1.6vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-panel__img {
    height: 3.125vw;
    margin: 0 auto 0.625vw;
  }
}
.global-wrapper .school-nav-panel__switch {
  border: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: var(--corporate);
  color: #fff;
  display: block;
  grid-column: 3/span 2;
  padding: 1.0666666667vw 0 2.6666666667vw;
  font-size: 3.2vw;
  line-height: 100%;
  font-weight: 700;
  position: relative;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-panel__switch {
    display: none;
  }
}
.global-wrapper .school-nav-panel__switch-icon {
  width: 10.1333333333vw;
  height: 10.9333333333vw;
  margin: 0 auto 0.8vw;
  display: block;
}
.global-wrapper .school-nav-panel__switch-prev, .global-wrapper .school-nav-panel__switch-next {
  position: absolute;
  width: 1.3333333333vw;
  height: 2.1333333333vw;
  top: 0;
  bottom: 0;
  margin: auto;
}
.global-wrapper .school-nav-panel__switch-prev {
  left: 8.1333333333vw;
  opacity: 0.5;
}
.global-wrapper .school-nav-panel__switch-next {
  right: 8.1333333333vw;
}
@media (hover: hover) {
  .global-wrapper .school-nav-panel__switch {
    transition: all 0.2s ease;
  }
  .global-wrapper .school-nav-panel__switch:hover {
    background: #fff;
    color: var(--corporate);
  }
}

.global-wrapper .school-nav-map {
  padding: 7.7333333333vw 1.3333333333vw 7.7333333333vw 1.6vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-map {
    padding: 0;
  }
}
.global-wrapper .school-nav-map {
  position: relative;
}
.global-wrapper .school-nav-map__image {
  display: block;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-map__image {
    width: 58.046875vw;
  }
}
.global-wrapper .school-nav-map__img {
  width: 100%;
}
.global-wrapper .school-nav-map__link {
  display: block;
  background: #fff;
  transition: all 0.2s ease;
  color: var(--corporate);
  font-size: 3.7333333333vw;
  line-height: 100%;
  font-weight: 700;
  padding: 1.0666666667vw 4.2666666667vw;
  border-radius: calc(infinity * 1px);
  position: absolute;
}
@media (hover: hover) {
  .global-wrapper .school-nav-map__link:hover {
    background: var(--corporate);
    color: #fff;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-map__link {
    font-size: 1.171875vw;
    padding: 0.625vw 1.875vw;
  }
}
.global-wrapper .school-nav-map__link--hokkaido {
  top: 32.5333333333vw;
  left: 50.1333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-map__link--hokkaido {
    top: 10.703125vw;
    left: 33.671875vw;
  }
}
.global-wrapper .school-nav-map__link--kanto {
  top: 53.352vw;
  left: 64.016vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-map__link--kanto {
    top: 18.75vw;
    left: 35.625vw;
  }
}
.global-wrapper .school-nav-map__link--tokyo {
  top: 60.5253333333vw;
  left: 51vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-map__link--tokyo {
    top: 28.515625vw;
    left: 33.4375vw;
  }
}
.global-wrapper .school-nav-map__link--kanagawa {
  top: 77.0613333333vw;
  left: 49.752vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-map__link--kanagawa {
    top: 31.171875vw;
    left: 27.1875vw;
  }
}
.global-wrapper .school-nav-map__link--saitama {
  top: 69.024vw;
  left: 74.1066666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-map__link--saitama {
    top: 25.46875vw;
    left: 35.625vw;
  }
}
.global-wrapper .school-nav-map__link--chiba {
  top: 81.7706666667vw;
  left: 67.2026666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-map__link--chiba {
    top: 31.796875vw;
    left: 36.328125vw;
  }
}
.global-wrapper .school-nav-map__link--shinetsu {
  top: 51.7333333333vw;
  left: 25.6vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-map__link--shinetsu {
    top: 20.859375vw;
    left: 21.015625vw;
  }
}
.global-wrapper .school-nav-map__link--kansai {
  top: 66.1013333333vw;
  left: 35.8613333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-map__link--kansai {
    top: 27.734375vw;
    left: 20.9375vw;
  }
}
.global-wrapper .school-nav-map__link--chugoku {
  top: 72.5333333333vw;
  left: 9.8666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-map__link--chugoku {
    top: 30.859375vw;
    left: 12.34375vw;
  }
}
.global-wrapper .school-nav-map__link--kyushu {
  top: 80vw;
  left: 1.6vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-map__link--kyushu {
    top: 34.140625vw;
    left: 6.09375vw;
  }
}
.global-wrapper .school-nav-map__switch {
  border: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: var(--corporate);
  width: 18.4vw;
  height: 18.4vw;
  color: #fff;
  display: block;
  border-radius: 2.6666666667vw;
  position: absolute;
  right: 1.3333333333vw;
  bottom: 7.7333333333vw;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-map__switch {
    display: none;
  }
}
.global-wrapper .school-nav-map__switch-icon {
  width: 7.2vw;
  height: 7.2vw;
  margin: 0 auto 1.6vw;
  display: block;
}
.global-wrapper .school-nav-map__switch-prev, .global-wrapper .school-nav-map__switch-next {
  position: absolute;
  width: 1.3333333333vw;
  height: 2.4vw;
  top: 7.4666666667vw;
}
.global-wrapper .school-nav-map__switch-prev {
  left: 1.6vw;
}
.global-wrapper .school-nav-map__switch-next {
  right: 1.6vw;
  opacity: 0.5;
}
@media (hover: hover) {
  .global-wrapper .school-nav-map__switch {
    transition: all 0.2s ease;
  }
  .global-wrapper .school-nav-map__switch:hover {
    background: #fff;
    color: var(--corporate);
  }
}

.global-wrapper .hachioji-value-group {
  position: relative;
  z-index: 1;
  padding-bottom: 23.7333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-value-group {
    padding-bottom: 11.09375vw;
  }
}
.global-wrapper .hachioji-value-group__title {
  font-size: 5.8666666667vw;
  line-height: 140%;
  font-weight: 700;
  margin-bottom: 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-value-group__title {
    font-size: 3.125vw;
    margin-bottom: 1.875vw;
  }
}
.global-wrapper .hachioji-value-group__subtitle {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5333333333vw;
  margin-bottom: 15.2vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-value-group__subtitle {
    gap: 0.15625vw;
    margin-bottom: 3.90625vw;
  }
}
.global-wrapper .hachioji-value-group__subtitle span {
  display: block;
  background: var(--black);
  color: #fff;
  padding: 2.1333333333vw 1.8666666667vw;
  font-size: 4.5333333333vw;
  line-height: 140%;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-value-group__subtitle span {
    font-size: 2.34375vw;
    padding: 0.625vw;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-value-group__body {
    display: grid;
    grid-template-columns: 690fr 390fr;
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-value-group__images {
    order: 1;
    position: relative;
    height: 100%;
  }
}
.global-wrapper .hachioji-value-group__illust {
  position: absolute;
}
.global-wrapper .hachioji-value-group__illust--1 {
  width: 40.2586666667vw;
  top: 24.2666666667vw;
  right: -12.1146666667vw;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-value-group__illust--1 {
    width: 18.75vw;
    height: 14.94921875vw;
    top: -1.25vw;
    right: -5.625vw;
  }
}
.global-wrapper .hachioji-value-group__illust--2 {
  width: 24.952vw;
  height: 30.4vw;
  bottom: -8.2666666667vw;
  left: -6.4vw;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-value-group__illust--2 {
    width: 15.234375vw;
    height: 21.09375vw;
    bottom: 3.359375vw;
    left: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .global-wrapper .hachioji-value-group__illust--2 {
    transition-delay: 0s;
  }
}
.global-wrapper .hachioji-access-group {
  padding: 11.4666666667vw 0 21.3333333333vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-access-group {
    padding: 6.640625vw 0 8.59375vw;
  }
}
.global-wrapper .hachioji-access-group::before {
  content: "";
  display: block;
  height: 1.3333333333vw;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top: max(1px, 0.2666666667vw) solid var(--black);
  border-bottom: max(1px, 0.2666666667vw) solid var(--black);
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-access-group::before {
    height: 0.390625vw;
    border-width: max(1px, 0.078125vw);
  }
}
.global-wrapper .hachioji-access-group__heading {
  display: grid;
  gap: 6.4vw;
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-access-group__heading {
    grid-template-columns: auto 1fr;
    gap: 6.25vw;
    align-items: center;
    margin-bottom: 4.765625vw;
  }
}
.global-wrapper .hachioji-access-group__title {
  font-size: 5.8666666667vw;
  line-height: 140%;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-access-group__title {
    font-size: 3.125vw;
  }
}
.global-wrapper .hachioji-access-group__subtitle {
  font-size: 4vw;
  line-height: 180%;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-access-group__subtitle {
    font-size: 1.484375vw;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-access-group__body {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 3.671875vw;
    align-items: flex-start;
  }
}
.global-wrapper .hachioji-access-group__images {
  margin-bottom: 13.3333333333vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-access-group__images {
    margin-bottom: 0;
  }
}
.global-wrapper .hachioji-access-group__image {
  display: block;
  aspect-ratio: 268/306;
  width: 71.4666666667vw;
  margin-left: -8.5333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-access-group__image {
    aspect-ratio: 511/585;
    width: 39.921875vw;
    margin-left: 0;
  }
}
.global-wrapper .hachioji-access-group__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-access-group__img {
    margin-left: -7.8125vw;
  }
}
.global-wrapper .hachioji-access-group__illust {
  position: absolute;
  right: -2.4vw;
  bottom: -10.6666666667vw;
  width: 52vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-access-group__illust {
    right: 1.71875vw;
    bottom: -7.96875vw;
    width: 23.90625vw;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-access-group .hachioji-medias {
    padding-top: 9.140625vw;
  }
}
.global-wrapper .hachioji-convenience-group {
  padding: 23.2vw 0 38.9333333333vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-convenience-group {
    padding: 7.5vw 0 7.03125vw;
  }
}
.global-wrapper .hachioji-convenience-group::before {
  content: "";
  display: block;
  height: 1.3333333333vw;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top: max(1px, 0.2666666667vw) solid var(--black);
  border-bottom: max(1px, 0.2666666667vw) solid var(--black);
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-convenience-group::before {
    height: 0.390625vw;
    border-width: max(1px, 0.078125vw);
  }
}
.global-wrapper .hachioji-convenience-group__heading {
  display: grid;
  gap: 6.4vw;
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-convenience-group__heading {
    grid-template-columns: 1fr 40.78125vw;
    grid-template-rows: auto 1fr;
    gap: 0.9375vw 9.53125vw;
    margin-bottom: 10.15625vw;
  }
}
.global-wrapper .hachioji-convenience-group__title {
  font-size: 5.8666666667vw;
  line-height: 140%;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-convenience-group__title {
    font-size: 3.125vw;
  }
}
.global-wrapper .hachioji-convenience-group__subtitle {
  font-size: 4vw;
  line-height: 180%;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-convenience-group__subtitle {
    font-size: 1.484375vw;
  }
}
.global-wrapper .hachioji-convenience-group__heading-image {
  display: none;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-convenience-group__heading-image {
    display: block;
    grid-column: 2;
    grid-row: 1/span 2;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-convenience-group__body {
    display: grid;
    grid-template-columns: 1fr 34.375vw;
    gap: 6.40625vw;
    align-items: flex-start;
  }
}
.global-wrapper .hachioji-convenience-group__images {
  position: relative;
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-convenience-group__images {
    order: 1;
    padding-right: 6.734375vw;
    margin-bottom: 0;
  }
}
.global-wrapper .hachioji-convenience-group__image {
  display: block;
  aspect-ratio: 311/100;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-convenience-group__image {
    aspect-ratio: 353.8/265.35;
  }
}
.global-wrapper .hachioji-convenience-group__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.global-wrapper .hachioji-convenience-group__illust {
  position: absolute;
  width: 25.3333333333vw;
  right: -6.6666666667vw;
  bottom: -13.3333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-convenience-group__illust {
    width: 11.640625vw;
    right: 0;
    bottom: -3.203125vw;
  }
}
.global-wrapper .hachioji-global-group {
  padding: 13.6vw 0 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-global-group {
    padding: 6.796875vw 0 0;
  }
}
.global-wrapper .hachioji-global-group::before {
  content: "";
  display: block;
  height: 1.3333333333vw;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top: max(1px, 0.2666666667vw) solid var(--black);
  border-bottom: max(1px, 0.2666666667vw) solid var(--black);
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-global-group::before {
    height: 0.390625vw;
    border-width: max(1px, 0.078125vw);
  }
}
.global-wrapper .hachioji-global-group__heading {
  margin-bottom: 8.5333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-global-group__heading {
    display: grid;
    grid-template-columns: 29.6875vw 1fr;
    gap: 0;
    align-items: center;
    margin-bottom: 5.46875vw;
  }
}
.global-wrapper .hachioji-global-group__title {
  font-size: 5.8666666667vw;
  line-height: 140%;
  font-weight: 700;
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-global-group__title {
    font-size: 3.125vw;
    margin-bottom: 0.9375vw;
  }
}
.global-wrapper .hachioji-global-group__subtitle {
  font-size: 4vw;
  line-height: 180%;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-global-group__subtitle {
    font-size: 1.484375vw;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-global-group__heading-image {
    grid-column: 1;
    grid-row: 1/span 2;
  }
}
.global-wrapper .hachioji-global-group__heading-img {
  width: 60.8vw;
  position: absolute;
  top: -33.3333333333vw;
  left: -21.8666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-global-group__heading-img {
    width: 35.078125vw;
    top: 2.421875vw;
    left: -10.859375vw;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-global-group__body {
    display: grid;
    grid-template-columns: 1fr 40.78125vw;
    gap: 5.15625vw;
    align-items: flex-start;
  }
}
.global-wrapper .hachioji-global-group__images {
  margin-bottom: 6.4vw;
  display: grid;
  grid-template-columns: 172fr 135fr;
  gap: 1.0666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-global-group__images {
    margin-bottom: 0;
    grid-template-columns: 1fr;
    gap: 1.5625vw;
    order: 1;
  }
}
.global-wrapper .hachioji-global-group__image {
  height: 40.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-global-group__image {
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-global-group__image:nth-child(1) {
    aspect-ratio: 522/326;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-global-group__image:nth-child(2) {
    aspect-ratio: 522/241;
  }
}
@media screen and (max-width: 767px) {
  .global-wrapper .hachioji-global-group__image:nth-child(2) .hachioji-global-group__img {
    transition-delay: 0s;
  }
}
.global-wrapper .hachioji-global-group__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hachioji-global-group .hachioji-medias {
    padding-top: 4.453125vw;
  }
}

.global-wrapper .school-nav-slider {
  background: #F8F3CC;
  position: relative;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-slider {
    position: static;
    background: transparent;
  }
  .global-wrapper .school-nav-slider .swiper-wrapper,
  .global-wrapper .school-nav-slider .swiper-slide {
    display: contents;
  }
}
.global-wrapper .school-nav-slider__message {
  position: absolute;
  top: -5.8666666667vw;
  left: 4vw;
  right: 4vw;
  display: block;
  background: #F8F3CC;
  padding: 6.4vw 0 0;
  border-radius: 8vw 8vw 0 0;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-slider__message {
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
  }
}
.global-wrapper .school-nav-slider__message img {
  width: 71.7333333333vw;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .global-wrapper .school-nav-slider__message img {
    width: 28.203125vw;
  }
}
.global-wrapper .living-card-slider {
  overflow: hidden;
  background: #fff;
  margin: 0 -4.2666666667vw 12.8vw;
  position: relative;
  border-top: max(1px, 0.2666666667vw) solid var(--black);
  border-bottom: max(1px, 0.2666666667vw) solid var(--black);
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-card-slider {
    margin: 0 -7.8125vw 2.5vw;
    border-width: max(1px, 0.078125vw);
  }
}
.global-wrapper .living-card-slider .swipe-hint {
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-card-slider .swipe-hint {
    display: none;
  }
}
.global-wrapper .living-card-slider__inner {
  padding: 8.2666666667vw 3.4666666667vw 8.8vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-card-slider__inner {
    padding: 3.828125vw 7.8125vw 3.828125vw;
  }
}
.global-wrapper .living-card-slider .swiper-slide {
  padding-right: 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-card-slider .swiper-slide {
    padding-right: 0.625vw;
  }
}
.global-wrapper .living-card-slider .swiper-scrollbar {
  position: static;
  margin-top: 6.9333333333vw;
  width: calc(100% - 1.0666666667vw);
  margin-left: 0.5333333333vw;
  height: 2.1333333333vw;
  background: #fff;
  outline: 0.5333333333vw solid #D9D9D9;
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-card-slider .swiper-scrollbar {
    margin-top: 2.65625vw;
    width: calc(100% - 0.3125vw);
    margin-left: 0.15625vw;
    height: 0.625vw;
    outline: 0.15625vw solid #D9D9D9;
  }
}
.global-wrapper .living-card-slider .swiper-scrollbar .swiper-scrollbar-drag {
  border: max(1px, 0.2666666667vw) solid #fff;
  background: var(--black);
}
@media screen and (min-width: 768px) {
  .global-wrapper .living-card-slider .swiper-scrollbar .swiper-scrollbar-drag {
    border-width: max(1px, 0.078125vw);
  }
}
.global-wrapper .waiting-card-slider {
  position: relative;
  z-index: 1;
  padding: 12.6053333333vw 0 21.4vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card-slider {
    padding: 7.5vw 0 12.34375vw;
  }
}
.global-wrapper .waiting-card-slider::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16vw;
  height: 100%;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card-slider::before {
    width: 11.71875vw;
  }
}
.global-wrapper .waiting-card-slider::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 26.6666666667vw;
  height: 100%;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card-slider::after {
    width: 54.6875vw;
  }
}
.global-wrapper .waiting-card-slider__icon {
  width: 85.0666666667vw;
  height: 78.2053333333vw;
  position: absolute;
  top: 0;
  left: -10.6666666667vw;
  max-block-size: none;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card-slider__icon {
    width: 32.8890625vw;
    height: 32.3203125vw;
    left: 7.8125vw;
  }
}
.global-wrapper .waiting-card-slider__people {
  pointer-events: none;
  position: absolute;
  width: 103.7333333333vw;
  left: -4.5333333333vw;
  bottom: -0.2666666667vw;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card-slider__people {
    width: 94.609375vw;
    bottom: 0;
    left: 0.859375vw;
  }
}
.global-wrapper .waiting-card-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.global-wrapper .waiting-card-slider .swiper-slide {
  width: 72.8vw;
  padding-right: 18.6666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .waiting-card-slider .swiper-slide {
    width: 23.515625vw;
    padding-right: 5.46875vw;
  }
}

@media screen and (min-width: 768px) {
  .global-wrapper .hero {
    position: relative;
  }
}
.global-wrapper .hero__inner {
  padding: 14.4vw 4.2666666667vw 0;
  position: relative;
  height: 112vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hero__inner {
    height: 56.25vw;
    padding: 8.75vw 6.25vw 0;
  }
}
.global-wrapper .hero__image {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.global-wrapper .hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.global-wrapper .hero__title {
  color: var(--corporate);
  font-size: 8vw;
  line-height: 120%;
  letter-spacing: 0.02em;
  font-weight: 500;
  margin-bottom: 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hero__title {
    font-size: 4.296875vw;
    margin-bottom: 1.875vw;
  }
}
.global-wrapper .hero__title b {
  font-size: 12.2666666667vw;
  line-height: 120%;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hero__title b {
    font-size: 6.25vw;
  }
}
.global-wrapper .hero__label {
  margin-bottom: 4.2666666667vw;
  font-size: 4.2666666667vw;
  line-height: 120%;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hero__label {
    margin-bottom: 1.484375vw;
    font-size: 1.5625vw;
    letter-spacing: 0.05em;
    gap: 1.25vw;
  }
}
.global-wrapper .hero__label::before, .global-wrapper .hero__label::after {
  content: "";
  display: block;
  height: max(1px, 0.2666666667vw);
  width: 9.6vw;
  background: var(--black);
}
@media screen and (min-width: 768px) {
  .global-wrapper .hero__label::before, .global-wrapper .hero__label::after {
    height: max(1px, 0.078125vw);
    width: 3.125vw;
  }
}
.global-wrapper .hero__text {
  font-size: 4vw;
  line-height: 165%;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hero__text {
    font-size: 1.328125vw;
    line-height: 180%;
  }
}
.global-wrapper .hero__text b {
  font-size: 5.3333333333vw;
  color: var(--corporate);
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .global-wrapper .hero__text b {
    font-size: 1.71875vw;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .hero .school-nav-slider__message {
    position: absolute;
    top: 5.0703125vw;
    right: 26.26796875vw;
    left: auto;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .hero .school-nav-map {
    position: absolute;
    top: 0.390625vw;
    right: 1.875vw;
  }
}
@media screen and (min-width: 768px) {
  .global-wrapper .hero .school-nav-panel {
    position: absolute;
    bottom: 1.796875vw;
    right: 6.25vw;
    left: 6.25vw;
  }
}

.global-wrapper .modal {
  border: none;
  background: transparent;
  max-width: none;
  max-height: 100%;
  padding: 4.2666666667vw;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .global-wrapper .modal {
    padding: 1.25vw;
  }
}
.global-wrapper .modal::backdrop {
  background: rgba(255, 255, 255, 0.6);
}
.global-wrapper .modal__close {
  display: block;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  margin-left: auto;
}
.global-wrapper .modal__close svg {
  width: 12.8vw;
  height: 12.8vw;
  display: block;
}
@media screen and (min-width: 768px) {
  .global-wrapper .modal__close svg {
    width: 4.6875vw;
    height: 4.6875vw;
  }
}
.global-wrapper .modal__contents {
  border: max(1px, 0.2666666667vw) solid var(--black);
  background: #fff;
  padding: 10.4vw 4vw;
  box-shadow: 2.1333333333vw 2.1333333333vw 0 0 #F8F3CC;
}
@media screen and (min-width: 768px) {
  .global-wrapper .modal__contents {
    border-width: max(1px, 0.078125vw);
    padding: 3.671875vw 2.578125vw;
    box-shadow: 0.625vw 0.625vw 0 0 #F8F3CC;
  }
}
.global-wrapper .modal[open] {
  opacity: 1;
  translate: 0 0;
  transition: translate 0.5s ease-out, opacity 0.5s ease-out, display 0.5s ease-out allow-discrete;
}
@starting-style {
  .global-wrapper .modal[open] {
    translate: 0 8vw;
    opacity: 0;
  }
  @media screen and (min-width: 768px) {
    .global-wrapper .modal[open] {
      translate: 0 2.34375vw;
    }
  }
}
.global-wrapper .modal[open]::backdrop {
  opacity: 1;
  transition: opacity 0.25s ease;
}
@starting-style {
  .global-wrapper .modal[open]::backdrop {
    opacity: 0;
  }
}

@media screen and (min-width: 768px) {
  .global-wrapper .u-sp-show {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .global-wrapper .u-tb-show {
    display: none;
  }
}