@charset "UTF-8";

@font-face {

  font-family: "Helvetica Light";

  src: url("../font/helvetica-light.ttf") format("truetype");

  font-weight: 300;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: "Helvetica Light";

  src: url("../font/helvetica-light.ttf") format("truetype");

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}

html {

  scroll-padding-top: 6rem;

}

@media (min-width: 768px) {

  html {

    scroll-padding-top: 12.6rem;

  }

}



/*-----------------------------------*/

/*-----------------------------------*/

.section-title {

  display: flex;

  align-items: center;

  margin-bottom: 2rem;

  color: #00a6e9;

  word-break: break-all;

  line-height: 1;

}

@media (max-width: 767px) {

  .section-title {

    flex-direction: column;

    gap: 1rem;

    text-align: center;

  }

}

@media (min-width: 768px) {

  .section-title {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 3rem;

  }

}

.section-title__jp {

  font-size: 1.6rem;

  font-weight: 500;

}

@media (min-width: 768px) {

  .section-title__jp {

    font-size: 2rem;

  }

}

.section-title__en {

  font-size: 3.6rem;

  font-family: "Helvetica Light", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: 300;

  letter-spacing: 0.1em;

  text-transform: uppercase;

}

@media (min-width: 768px) {

  .section-title__en {

    font-size: 7rem;

  }

}



/*-----------------------------------*/

/*-----------------------------------*/

.home .fv__txt {

  opacity: 0;

}

.home.is-fv-ready .fv__txt {

  opacity: 1;

  transition: opacity 0s linear;

}



.fv-char {

  display: inline-block;

  overflow: hidden;

  vertical-align: bottom;

}

.fv-char__inner {

  display: inline-block;

  transform: translateY(110%);

  opacity: 0;

  will-change: transform, opacity;

}



.reveal-char {

  display: inline-block;

  overflow: hidden;

  vertical-align: bottom;

}

.reveal-char__inner {

  display: inline-block;

  transform: translateY(110%);

  opacity: 0;

  will-change: transform, opacity;

}



.text-reveal .reveal-char__inner {

  backface-visibility: hidden;

}



html.is-animation-preparing main h2,

html.is-animation-preparing main h3,

html.is-animation-preparing .section-title__en {

  opacity: 0;

}

html.is-animation-preparing .intro__link-item,

html.is-animation-preparing .intro__txt,

html.is-animation-preparing .schedule__item,

html.is-animation-preparing .program__item,

html.is-animation-preparing .highlights__item,

html.is-animation-preparing #highlights .more-btn,

html.is-animation-preparing .access__intro,

html.is-animation-preparing .access__item,

html.is-animation-preparing .apply__lead,

html.is-animation-preparing .apply__registration,

html.is-animation-preparing .apply__btns .icon-btn,

html.is-animation-preparing .apply__note,

html.is-animation-preparing .detail-section__img,

html.is-animation-preparing .reservation-label,

html.is-animation-preparing .detail-section__lead,

html.is-animation-preparing .detail-table,

html.is-animation-preparing .detail-section__btns .icon-btn,

html.is-animation-preparing .note-box,

html.is-animation-preparing .detail-section__note,

html.is-animation-preparing .resource-links__item,

html.is-animation-preparing .information__links .info-btn,

html.is-animation-preparing .information__sns {

  opacity: 0;

  transform: translate3d(0, 2.5rem, 0);

}

html.is-animation-preparing .detail-section__img {

  transform: translate3d(0, 3rem, 0);

}



.fade-up {

  --reveal-after-fade-delay: .48s;

  opacity: 0;

  transform: translate3d(0, 2.5rem, 0);

  transition: opacity 0.66s cubic-bezier(0.25, 1, 0.5, 1), transform 0.66s cubic-bezier(0.25, 1, 0.5, 1);

  transition-delay: var(--fade-delay, 0s);

  will-change: opacity, transform;

}

.fade-up.fade-up__cld1 {

  transition-delay: 0.3s;

}

.fade-up.fade-up__cld2 {

  transition-delay: 0.6s;

}

.fade-up.fade-up__cld3 {

  transition-delay: 0.9s;

}

.fade-up.fade-up__cld4 {

  transition-delay: 1.2s;

}

.fade-up.fade-up__cld5 {

  transition-delay: 1.5s;

}

.fade-up.fade-up__cld6 {

  transition-delay: 1.8s;

}

.fade-up.is-show {

  opacity: 1;

  transform: translate3d(0, 0, 0);

}



.text-reveal.animation.is-show .reveal-char__inner,

.animation.is-show .text-reveal .reveal-char__inner {

  animation: text-char-rise 0.82s cubic-bezier(0.19, 1, 0.22, 1) both;

  animation-delay: var(--reveal-char-delay, 0s);

}



.fade-up.animation.is-show .text-reveal--after-fade .reveal-char__inner,

.animation.is-show .fade-up .text-reveal--after-fade .reveal-char__inner {

  animation-delay: calc(var(--fade-delay, 0s) + var(--reveal-after-fade-delay, 0.48s) + var(--reveal-char-delay, 0s));

}



.animation.is-show .fv__title--en .fv-char__inner,

.animation.is-show .fv__title--jp .fv-char__inner {

  animation: fv-char-rise 0.92s cubic-bezier(0.19, 1, 0.22, 1) both;

  animation-delay: var(--char-delay, 0s);

}

.animation.is-show .fv__title--jp .fv-char__inner {

  animation-delay: calc(var(--char-delay, 0s) + var(--fv-jp-delay, 0.6s));

}

.animation.is-show .fade-up {

  opacity: 1;

  transform: translate3d(0, 0, 0);

}



@keyframes fv-char-rise {

  0% {

    transform: translateY(110%);

    opacity: 0;

  }

  100% {

    transform: translateY(0);

    opacity: 1;

  }

}

@keyframes text-char-rise {

  0% {

    transform: translateY(110%);

    opacity: 0;

  }

  100% {

    transform: translateY(0);

    opacity: 1;

  }

}

@media (prefers-reduced-motion: reduce) {

  .fv-char__inner,

  .reveal-char__inner,

  .fade-up {

    animation: none !important;

    transition: none !important;

    transform: none !important;

    opacity: 1 !important;

  }

}

/*-----------------------------------*/

/*-----------------------------------*/

@media (min-width: 768px) {

  .hover-line {

    background-image: linear-gradient(#00a6e9, #00a6e9);

    background-repeat: no-repeat;

    background-size: 0 100%;

    background-position: right top;

    -webkit-box-decoration-break: clone;

    box-decoration-break: clone;

    transition: background-size 0.36s cubic-bezier(0.4, 0, 0.2, 1), color 0.36s cubic-bezier(0.4, 0, 0.2, 1);

  }

  .hover-line:hover, .hover-line:focus-visible {

    color: #d50028;

    background-position: left top;

    background-size: 100% 100%;

  }

}



.hover-line-btn {

  color: #d50028;

  background-color: #fff;

}

.hover-line-btn * {

  color: inherit;

}

@media (min-width: 768px) {

  .hover-line-btn {

    background-image: linear-gradient(#00a6e9, #00a6e9);

    background-repeat: no-repeat;

    background-size: 0 100%;

    background-position: right top;

    transition: background-size 0.36s cubic-bezier(0.4, 0, 0.2, 1), color 0.36s cubic-bezier(0.4, 0, 0.2, 1);

  }

  .hover-line-btn:hover, .hover-line-btn:focus-visible {

    color: #d50028;

    background-position: left top;

    background-size: 100% 100%;

  }

}



.hover-line-btn-white {

  position: relative;

  color: #fff;

  border: 1px solid #fff;

  background-image: linear-gradient(#00a6e9, #00a6e9);

  background-repeat: no-repeat;

  background-size: 0 100%;

  background-position: right top;

}

.hover-line-btn-white * {

  color: inherit;

}

.hover-line-btn-white::after {

  display: block;

  content: "";

  position: absolute;

  top: 50%;

  right: 1.6rem;

  transform: translateY(-50%) rotate(45deg);

  width: 1rem;

  aspect-ratio: 1;

  border-top: 1px solid currentColor;

  border-right: 1px solid currentColor;

  transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);

}

@media (min-width: 768px) {

  .hover-line-btn-white {

    transition: background-size 0.36s cubic-bezier(0.4, 0, 0.2, 1), color 0.36s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);

  }

  .hover-line-btn-white:hover, .hover-line-btn-white:focus-visible {

    color: #d50028;

    border-color: #00a6e9;

    background-position: left top;

    background-size: 100% 100%;

  }

}



.more-btn {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  width: fit-content;

  max-width: 100%;

  min-height: 4.2rem;

  padding: 0.8rem 3.6rem 0.8rem 1.6rem;

  color: #d50028;

  font-size: 1.6rem;

  font-weight: 500;

  line-height: 1.2;

  text-align: center;

  border: 1px solid #d50028;

  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.18);

  background-color: #fff;

  background-image: linear-gradient(#00a6e9, #00a6e9);

  background-repeat: no-repeat;

  background-size: 0 100%;

  background-position: right top;

}

.more-btn * {

  color: inherit;

}

.more-btn::after {

  content: "";

  position: absolute;

  top: 50%;

  right: 1.6rem;

  transform: translateY(-50%) rotate(45deg);

  width: 0.8rem;

  aspect-ratio: 1;

  border-top: 1px solid currentColor;

  border-right: 1px solid currentColor;

  transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);

}

@media (min-width: 768px) {

  .more-btn {

    min-height: 4.8rem;

    padding: 1.5rem 4rem 1.5rem 2rem;

    font-size: 2rem;

    transition: background-size 0.36s cubic-bezier(0.4, 0, 0.2, 1), color 0.36s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);

  }

  .more-btn:hover, .more-btn:focus-visible {

    color: #d50028;

    border-color: #00a6e9;

    background-position: left top;

    background-size: 100% 100%;

  }

  .more-btn::after {

    right: 2rem;

    width: 1rem;

  }

}



.icon-btn {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  max-width: 34rem;

  min-height: 5.8rem;

  padding: 1.4rem 3rem 1.4rem 5.4rem;

  color: #d50028;

  font-weight: 500;

  line-height: 1.2;

  letter-spacing: 0.08em;

  text-align: center;

  background-color: #fff;

  background-image: linear-gradient(#00a6e9, #00a6e9);

  background-repeat: no-repeat;

  background-size: 0 100%;

  background-position: right top;

}

.icon-btn * {

  color: inherit;

}

.icon-btn__icon {

  position: absolute;

  top: 50%;

  left: 2rem;

  transform: translateY(-50%);

  display: block;

  height: auto;

}

.icon-btn__icon--new {

  width: 2.3rem;

}

.icon-btn__icon--login {

  width: 2.2rem;

}

@media (min-width: 768px) {

  .icon-btn {

    min-height: 7.2rem;

    padding: 1.8rem 4rem 1.8rem 7rem;

    font-size: 2rem;

    max-width: 42rem;

    transition: background-size 0.36s cubic-bezier(0.4, 0, 0.2, 1), color 0.36s cubic-bezier(0.4, 0, 0.2, 1);

  }

  .icon-btn__icon {

    left: 4rem;

  }

  .icon-btn:hover, .icon-btn:focus-visible {

    color: #d50028;

    background-position: left top;

    background-size: 100% 100%;

  }

}



.outline-btn {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 15.4rem;

  min-height: 3.8rem;

  padding: 0.8rem 3rem 0.8rem 1.4rem;

  color: #fff;

  font-size: 1.3rem;

  font-weight: 500;

  line-height: 1.2;

  text-align: center;

  border: 1px solid #fff;

  background-image: linear-gradient(#00a6e9, #00a6e9);

  background-repeat: no-repeat;

  background-size: 0 100%;

  background-position: right top;

}

.outline-btn::after {

  content: "";

  position: absolute;

  top: 50%;

  right: 1.5rem;

  transform: translateY(-50%);

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 0.5rem 0 0.5rem 0.8rem;

  border-color: transparent transparent transparent currentColor;

}

@media (min-width: 768px) {

  .outline-btn {

    width: 18.4rem;

    min-height: 4.4rem;

    font-size: 1.5rem;

    transition: background-size 0.36s cubic-bezier(0.4, 0, 0.2, 1), color 0.36s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);

  }

  .outline-btn:hover, .outline-btn:focus-visible {

    color: #d50028;

    border-color: #00a6e9;

    background-position: left top;

    background-size: 100% 100%;

  }

}

.outline-btn--pdf {

  gap: 0.8rem;

}

.outline-btn--pdf::after {

  display: none;

}

.outline-btn--pdf img {

  position: absolute;

  top: 50%;

  right: 1.5rem;

  transform: translateY(-50%);

  width: 1.1rem;

  filter: brightness(0) invert(1);

  transition: filter 0.36s cubic-bezier(0.4, 0, 0.2, 1);

}

@media (min-width: 768px) {

  .outline-btn--pdf:hover img, .outline-btn--pdf:focus-visible img {

    filter: brightness(0) saturate(100%) invert(15%) sepia(93%) saturate(5837%) hue-rotate(340deg) brightness(86%) contrast(111%);

  }

}



.info-btn {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  min-height: 6.5rem;

  padding: 1.2rem 2rem 1.2rem 6.4rem;

  color: #d50028;

  font-size: 1.6rem;

  font-weight: 500;

  text-align: center;

  line-height: 1.2;

  background-color: #fff;

  background-image: linear-gradient(#00a6e9, #00a6e9);

  background-repeat: no-repeat;

  background-size: 0 100%;

  background-position: right top;

}

.info-btn__icon {

  position: absolute;

  top: 50%;

  left: 2rem;

  transform: translateY(-50%);

  width: 3.2rem;

}

.info-btn__icon--magazine {

  width: 2.8rem;

}

.info-btn__txt {

  display: flex;

  flex-direction: column;

  gap: 0.5rem;

}

.info-btn small {

  font-size: 1rem;

  line-height: 1.2;

}

@media (min-width: 768px) {

  .info-btn {

    min-height: 7.2rem;

    padding: 1.4rem 3rem 1.4rem 7.6rem;

    font-size: 1.9rem;

    transition: background-size 0.36s cubic-bezier(0.4, 0, 0.2, 1), color 0.36s cubic-bezier(0.4, 0, 0.2, 1);

  }

  .info-btn .info-btn__icon {

    left: 3rem;

  }

  .info-btn:hover, .info-btn:focus-visible {

    color: #d50028;

    background-position: left top;

    background-size: 100% 100%;

  }

  .info-btn small {

    font-size: 1.2rem;

  }

}



.fade-up.icon-btn,

.fade-up.info-btn,

.fade-up.more-btn,

.fade-up.outline-btn {

  transition: opacity 0.66s cubic-bezier(0.25, 1, 0.5, 1) var(--fade-delay, 0s), transform 0.66s cubic-bezier(0.25, 1, 0.5, 1) var(--fade-delay, 0s), background-size 0.36s cubic-bezier(0.4, 0, 0.2, 1), color 0.36s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);

}



/*-----------------------------------*/

/*-----------------------------------*/

@media (max-width: 767px) {

  body.has-quick-nav {

    --quick-nav-sp-height: calc(8rem + 3px);

    padding-bottom: var(--quick-nav-sp-height);

  }

}



.quick-nav {

  position: fixed;

  margin: 0;

  padding: 0;

  list-style: none;

  font-weight: 500;

  z-index: 1;

  pointer-events: none;

}

@media (max-width: 767px) {

  .quick-nav {

    left: 0;

    right: 0;

    bottom: 0;

    display: grid;

    grid-template-columns: repeat(14, minmax(0, 1fr));

    gap: 1px;

    padding: 1px;

    background: #d50028;

  }

}

@media (min-width: 768px) {

  .quick-nav {

    position: relative;

    display: flex;

    justify-content: flex-end;

    align-items: center;

    gap: 4rem;

    width: auto;

    margin-left: auto;

    margin-right: 4rem;

    z-index: 2;

    pointer-events: auto;

  }

}

.quick-nav__item {

  pointer-events: all;

}

@media (min-width: 768px) {

  .quick-nav__item:not(:first-child) {

    margin-top: 0;

  }

}

@media (max-width: 767px) {

  .quick-nav__item:nth-child(1), .quick-nav__item:nth-child(2) {

    grid-column: span 4;

  }

  .quick-nav__item:nth-child(3) {

    grid-column: span 6;

  }

  .quick-nav__item:nth-child(n+4) {

    grid-column: span 7;

  }

}

.quick-nav__link {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 4.2rem;

  padding: 0 2rem 0 1rem;

  font-size: 1.3rem;

  font-weight: 500;

  line-height: 1.1;

  text-align: center;

  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.16);

}

@media (max-width: 767px) {

  .quick-nav__link {

    height: 4rem;

    padding: 0 2.2rem 0 0.8rem;

    font-size: 1.2rem;

  }

}

@media (min-width: 768px) {

  .quick-nav__link {

    height: auto;

    padding: 0;

    color: #fff;

    font-size: 1.6rem;

    line-height: 1;

    box-shadow: none;

    border: 0;

    background-color: transparent;

    background-image: linear-gradient(#00a6e9, #00a6e9);

    background-repeat: no-repeat;

    background-size: 0 100%;

    background-position: right top;

    letter-spacing: 0.06em;

    white-space: nowrap;

    transition: background-size 0.36s cubic-bezier(0.4, 0, 0.2, 1), color 0.36s cubic-bezier(0.4, 0, 0.2, 1);

  }

  .quick-nav__link:hover, .quick-nav__link:focus-visible {

    color: #d50028;

    background-position: left top;

    background-size: 100% 100%;

  }

}

.quick-nav__link::after {

  content: "";

  position: absolute;

  top: 50%;

  right: 1rem;

  transform: translateY(-50%) rotate(45deg);

  width: 0.8rem;

  aspect-ratio: 1;

  border-top: 1px solid currentColor;

  border-right: 1px solid currentColor;

}

@media (min-width: 768px) {

  .quick-nav__link::after {

    display: none;

  }

}

@media (max-width: 767px) {

  .quick-nav__item:nth-child(3) .quick-nav__link {

    white-space: nowrap;

  }

}



/*-----------------------------------*/

/*-----------------------------------*/

.header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 6rem;

  padding: 0 0 0 1.5rem;

  background: #d50028;

  z-index: 10;

}

@media (min-width: 768px) {

  .header {

    top: 0;

    height: 12.6rem;

    padding: 4rem;

  }

}

.header * {

  pointer-events: all;

}

.header__logo {

  position: relative;

  z-index: 2;

}

.header__logo img {

  width: 26rem;

}

@media (min-width: 768px) {

  .header__logo img {

    width: 40rem;

  }

}

.header__overlay {

  display: none;

}

@media (min-width: 768px) {

  .header__overlay {

    display: block;

    position: fixed;

    inset: 0;

    background: rgba(0, 0, 0, 0.58);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition: opacity 0.35s ease, visibility 0s linear 0.35s;

    z-index: 3;

  }

}

.header__btn {

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  width: 6rem;

  aspect-ratio: 1;

  padding: 1rem 0;

  color: #fff;

  overflow: hidden;

  z-index: 5;

}

@media (min-width: 768px) {

  .header__btn {

    z-index: 5;

  }

  .header__btn:hover .header__btn-icon span:nth-child(3), .header__btn:focus-visible .header__btn-icon span:nth-child(3) {

    width: 100%;

  }

}

.header__btn-icon {

  position: relative;

  width: 3rem;

  height: 2rem;

}

@media (min-width: 768px) {

  .header__btn-icon {

    width: 5rem;

    height: 3rem;

  }

}

.header__btn-icon span {

  display: block;

  position: absolute;

  left: 0;

  width: 100%;

  border-bottom: 1px solid currentColor;

  transform-origin: center;

  transition: transform 0.2s, top 0.2s 0.2s, width 0.2s, color 0.2s;

}

.header__btn-icon span:nth-child(1) {

  top: 0;

}

.header__btn-icon span:nth-child(2) {

  top: calc(50% - 1px);

}

.header__btn-icon span:nth-child(3) {

  width: 66.66%;

  top: calc(100% - 2px);

}

.header__nav {

  font-weight: 500;

  z-index: 4;

}

@media (max-width: 767px) {

  .header__nav {

    display: flex;

    justify-content: center;

    align-items: center;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    height: 100dvh;

    background: #d50028;

    overflow-y: auto;

    transform: translateX(100%);

    visibility: hidden;

    pointer-events: none;

    transition: transform 0.35s ease, visibility 0s linear 0.35s;

    will-change: transform;

  }

}

@media (min-width: 768px) {

  .header__nav {

    position: fixed;

    top: 0;

    right: 0;

    width: min(42rem, 86vw);

    height: 100vh;

    height: 100dvh;

    background: #d50028;

    overflow-y: auto;

    transform: translateX(100%);

    visibility: hidden;

    pointer-events: none;

    transition: transform 0.35s ease, visibility 0s linear 0.35s;

    will-change: transform;

  }

}

@media (max-width: 767px) {

  .header__nav-inner {

    padding: 6rem 2rem 4rem;

  }

}

@media (min-width: 768px) {

  .header__nav-inner {

    min-height: 100%;

    padding: 10rem 5rem 5rem;

  }

}

@media (min-width: 768px) {

  .header__menu {

    display: block;

  }

}

.header__menu-item {

  position: relative;

  font-size: 1.8rem;

  font-weight: 500;

  line-height: 1;

}

@media (max-width: 767px) {

  .header__menu-item {

    text-align: center;

    margin-bottom: 3rem;

  }

}

@media (min-width: 768px) {

  .header__menu-item {

    margin: 0 0 3rem;

    font-size: 2rem;

  }

  .header__menu-item > a:not(.hover-line-btn) {

    display: inline-block;

    width: fit-content;

  }

}

@media (max-width: 767px) {

  .header__menu-item--btn {

    margin: 1rem auto 0;

    font-size: 1.6rem;

  }

}

@media (min-width: 768px) {

  .header__menu-item--btn {

    margin: 2rem 0 0;

  }

}

.header__menu-item--btn a {

  text-align: center;

}

@media (max-width: 767px) {

  .header__menu-item--btn a {

    width: 19rem;

    line-height: 4rem;

    margin: 0 auto;

  }

}

@media (min-width: 768px) {

  .header__menu-item--btn a {

    width: 100%;

    line-height: 5rem;

  }

}



body.is-header-open {

  overflow: hidden;

}

body.is-header-open .header__btn-icon span {

  transition: transform 0.2s 0.2s, top 0.2s, width 0.2s;

}

body.is-header-open .header__btn-icon span:nth-child(1) {

  width: 100%;

  top: calc(50% - 1px);

  transform: rotate(-45deg);

}

body.is-header-open .header__btn-icon span:nth-child(2) {

  transform: translateX(190%);

}

body.is-header-open .header__btn-icon span:nth-child(3) {

  width: 100%;

  top: calc(50% - 1px);

  transform: rotate(45deg);

}

@media (min-width: 768px) {

  body.is-header-open .header .header__overlay {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transition: opacity 0.35s ease;

  }

}

body.is-header-open .header .header__nav {

  transform: translateX(0);

  visibility: visible;

  pointer-events: auto;

  transition: transform 0.35s ease;

}



.footer {

  padding: 2.5rem 2rem;

  color: #d50028;

  background: #00a6e9;

}

@media (min-width: 768px) {

  .footer {

    padding: 3.5rem 4rem;

  }

}

.footer__inner {

  display: grid;

  align-items: center;

  gap: 2rem;

}

@media (max-width: 767px) {

  .footer__inner {

    justify-items: center;

    text-align: center;

  }

}

@media (min-width: 768px) {

  .footer__inner {

    grid-template-columns: 1fr auto 1fr;

  }

}

.footer__copy {

  font-size: 1.2rem;

  line-height: 1.2;

}

@media (min-width: 768px) {

  .footer__copy {

    font-size: 1.4rem;

  }

}

.footer__logo img {

  width: 28rem;

  filter: brightness(0) saturate(100%) invert(15%) sepia(93%) saturate(5837%) hue-rotate(340deg) brightness(86%) contrast(111%);

}

@media (min-width: 768px) {

  .footer__logo img {

    width: 40rem;

  }

}

.footer__links {

  display: flex;

  gap: 1.5rem;

  margin: 0;

  padding: 0;

  list-style: none;

  font-size: 1.4rem;

}

@media (min-width: 768px) {

  .footer__links {

    justify-content: flex-end;

    gap: 2rem;

  }

}

.footer__links a {

  transition: opacity 0.3s;

}

@media (min-width: 768px) {

  .footer__links a:hover {

    opacity: 0.65;

  }

}



.detail-section {

  padding-top: 9rem;

}

@media (min-width: 768px) {

  .detail-section {

    padding-top: 13rem;

  }

}

.detail-section .section-title {

  align-items: center;

  padding-bottom: 2rem;

  border-bottom: 1px solid #F07E94;

}

@media (max-width: 767px) {

  .detail-section .section-title {

    align-items: flex-start;

    gap: 1.5rem;

    text-align: left;

    word-break: normal;

  }

}

@media (max-width: 767px) {

  .detail-section .section-title .section-title__en {

    font-size: 3.3rem;

    letter-spacing: 0.06em;

    word-break: normal;

    overflow-wrap: normal;

  }

}

@media (min-width: 768px) {

  .detail-section .section-title {

    padding-bottom: 2.5rem;

    margin-bottom: 6rem;

  }

}

.detail-section__body {

  display: grid;

  gap: 3rem;

}

@media (min-width: 768px) {

  .detail-section__body {

    grid-template-columns: 44rem minmax(0, 1fr);

    gap: 6rem;

  }

}

.detail-section__img.fade-up {

  transform: translate3d(0, 3rem, 0);

  transition-duration: 0.82s;

  backface-visibility: hidden;

}

.detail-section__img img {

  width: 100%;

  height: auto;

  aspect-ratio: 42/51;

  object-fit: cover;

  transform: translate3d(0, 0, 0);

  backface-visibility: hidden;

}

.detail-section__content {

  min-width: 0;

}

.detail-section__lead {

  margin-top: 1.8rem;

  font-size: 2rem;

  font-weight: 500;

  line-height: 1.7;

  letter-spacing: 0.08em;

}

@media (min-width: 768px) {

  .detail-section__lead {

    margin-top: 2rem;

    font-size: 2.8rem;

  }

}

.detail-section__title {

  margin-top: 2.8rem;

  font-size: 1.6rem;

}

@media (min-width: 768px) {

  .detail-section__title {

    margin-top: 4rem;

    font-size: 1.8rem;

  }

}

.detail-section__btns {

  display: flex;

  justify-content: center;

  gap: 2rem;

  margin-top: 5rem;

}

@media (max-width: 767px) {

  .detail-section__btns {

    flex-direction: column;

    align-items: center;

  }

}

@media (min-width: 768px) {

  .detail-section__btns {

    gap: 3rem;

    margin-top: 7rem;

  }

}

@media (min-width: 768px) {

  .detail-section__btns--single .icon-btn {

    max-width: 42rem;

  }

}

.detail-section__note {

  margin-top: 2.5rem;

  font-size: 0.9em;

  line-height: 1.6;

  text-align: center;

}

@media (min-width: 768px) {

  .detail-section__note {

    margin-top: 3rem;

  }

}



.reservation-label {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  min-width: 11rem;

  min-height: 3.2rem;

  padding: 0.4rem 1.6rem;

  font-size: 1.4rem;

  font-weight: 500;

  line-height: 1.2;

  border: 1px solid #fff;

}

@media (min-width: 768px) {

  .reservation-label {

    min-width: 13.5rem;

    min-height: 4rem;

    font-size: 1.8rem;

  }

}



.detail-table {

  margin-top: 2rem;

}

@media (min-width: 768px) {

  .detail-table {

    margin-top: 2.6rem;

  }

}

.detail-table__row {

  display: grid;

  gap: 0.8rem;

  padding: 2rem 0;

  border-bottom: 1px solid #F07E94;

}

.detail-table__row:first-child {

  border-top: 1px solid #F07E94;

}

@media (min-width: 768px) {

  .detail-table__row {

    grid-template-columns: 12rem minmax(0, 1fr);

    gap: 2rem;

    padding: 2.5rem 0;

  }

}

.detail-table dt {

  font-weight: 500;

  font-size: 0.8;

}

@media (max-width: 767px) {

  .detail-table dt {

    opacity: 0.7;

  }

}



.note-box {

  display: grid;

  gap: 2rem;

  margin-top: 5rem;

  padding: 3rem 2rem;

  background: #C30025;

}

@media (min-width: 768px) {

  .note-box {

    grid-template-columns: 10rem minmax(0, 1fr);

    align-items: center;

    gap: 8rem;

    margin-top: 7rem;

    padding: 5rem 9rem;

  }

}

.note-box__head {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 1rem;

  font-weight: 500;

  text-align: center;

}

.note-box__head img {

  width: 4rem;

}

@media (min-width: 768px) {

  .note-box__head img {

    width: 5rem;

  }

}

.note-box__list {

  margin: 0;

  padding: 0;

  font-size: 0.9em;

  list-style: none;

  line-height: 2;

}



.note-text {

  position: relative;

  display: block;

  max-width: 100%;

  padding-left: 1.15em;

  text-align: left;

}

.note-text::before {

  content: "※";

  position: absolute;

  top: 0;

  left: 0;

}



.apply__note.note-text,

.detail-section__note.note-text {

  width: fit-content;

  margin-right: auto;

  margin-left: auto;

}



.resource-links {

  display: grid;

  margin-top: 9rem;

  border-top: 1px solid #F07E94;

  border-bottom: 1px solid #F07E94;

}

@media (min-width: 768px) {

  .resource-links {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    margin-top: 13rem;

  }

}

.resource-links__item {

  padding: 5rem 2rem;

}

@media (max-width: 767px) {

  .resource-links__item:not(:first-child) {

    border-top: 1px solid #F07E94;

  }

}

@media (min-width: 768px) {

  .resource-links__item {

    padding: 7rem 4rem;

  }

  .resource-links__item:not(:first-child) {

    border-left: 1px solid #F07E94;

  }

}

.resource-links__inner {

  display: grid;

  gap: 2.8rem;

  max-width: 56rem;

  margin: 0 auto;

}

@media (min-width: 768px) {

  .resource-links__inner {

    gap: 3.6rem;

  }

}

.resource-links__title {

  text-align: center;

}

.resource-links__title h2 {

  color: #00a6e9;

  font-family: "Helvetica Light", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 4rem;

  font-weight: 300;

  line-height: 1;

  letter-spacing: 0.1em;

  text-transform: uppercase;

}

@media (min-width: 768px) {

  .resource-links__title h2 {

    font-size: 4.8rem;

  }

}

.resource-links__title p {

  margin-top: 0.8rem;

  color: #00a6e9;

  font-size: 1.6rem;

  line-height: 1.2;

}

.resource-links__body {

  display: grid;

  grid-template-columns: minmax(0, 1fr) 8.8rem;

  align-items: center;

  gap: 2rem;

}

@media (min-width: 768px) {

  .resource-links__body {

    display: flex;

    justify-content: center;

    gap: 4rem;

  }

}

.resource-links__content {

  min-width: 0;

}

.resource-links__txt {

  font-size: 1.4rem;

  line-height: 1.8;

}

@media (min-width: 768px) {

  .resource-links__txt {

    font-size: 1.5rem;

  }

}

.resource-links__btns {

  display: grid;

  gap: 1.2rem;

  margin-top: 2.5rem;

}

.resource-links__img {

  justify-self: end;

}

@media (min-width: 768px) {

  .resource-links__img {

    flex: 0 0 12rem;

  }

}

.resource-links__img img {

  width: 8.8rem;

  height: auto;

}

@media (min-width: 768px) {

  .resource-links__img img {

    width: 12rem;

  }

}



#information {

  padding: 6rem 0 8rem;

}

@media (min-width: 768px) {

  #information {

    padding: 8rem 0 10rem;

  }

}

#information .section-title {

  flex-direction: column;

  align-items: center;

  gap: 1rem;

  margin-bottom: 4rem;

  text-align: center;

}

#information .information__body {

  display: grid;

  gap: 3rem;

}

@media (min-width: 768px) {

  #information .information__body {

    grid-template-columns: minmax(0, 2fr) minmax(28rem, 1fr);

    align-items: end;

    gap: 5rem;

  }

}

#information .information__links {

  display: grid;

  gap: 1.5rem;

}

@media (min-width: 768px) {

  #information .information__links {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 2rem;

  }

}

#information .information__sns {

  display: grid;

  grid-template-columns: auto minmax(0, 1fr);

  align-items: center;

  gap: 2rem;

  padding-bottom: 1.2rem;

  border-bottom: 1px solid #F07E94;

}

@media (min-width: 768px) {

  #information .information__sns {

    padding-bottom: 1.8rem;

  }

}

#information .information__sns p {

  margin: 0;

}

#information .information__sns-list {

  display: flex;

  justify-content: flex-end;

  align-items: center;

  gap: 2rem;

  margin: 0;

  padding: 0;

  list-style: none;

}

@media (min-width: 768px) {

  #information .information__sns-list {

    gap: 3.5rem;

  }

}

#information .information__sns-list a {

  transition: opacity 0.3s;

}

@media (min-width: 768px) {

  #information .information__sns-list a:hover {

    opacity: 0.65;

  }

}

#information .information__sns-list img {

  width: auto;

  height: 2.6rem;

}



.fv {

  display: flex;

  align-items: center;

  padding: 3rem 5rem 0;

  height: 100dvh;

  min-height: 55rem;

  color: #00a6e9;

}

@media (min-width: 768px) {

  .fv {

    padding: 6.3rem 0 0;

    min-height: 66rem;

    text-align: center;

  }

}

.fv__txt {

  width: 100%;

}

.fv__title--en {

  display: block;

  font-size: 5.5rem;

  font-family: "Helvetica Light", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: 400;

  letter-spacing: 0.1em;

  line-height: 1.2;

}

@media (min-width: 768px) {

  .fv__title--en {

    padding-left: 0.1em;

    font-size: 12rem;

  }

}

@media (max-width: 767px) {

  .fv__title--en > span {

    display: block;

  }

}

@media (min-width: 768px) {

  .fv__title--en > span:nth-child(3) {

    display: block;

    font-size: 0.8em;

  }

}

.fv__title--jp {

  margin-top: 4rem;

  font-size: 3.1rem;

  font-weight: 500;

  letter-spacing: 0.2em;

  line-height: 1.4;

}

@media (max-width: 767px) {

  .fv__title--jp .fv-char:first-child,

  .fv__title--jp br.sp + .fv-char {

    margin-left: -0.08em;

  }

}

@media (min-width: 768px) {

  .fv__title--jp {

    margin-top: 6rem;

    font-size: 4rem;

  }

}

.fv__catch {

  display: block;

  width: fit-content;

  margin: 2rem 0 0;

  padding: 0.25em 0.3em;

  color: #d50028;

  font-family: "Helvetica Light", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: 300;

  line-height: 0.9;

  background: #00a6e9;

  transition-delay: var(--fv-catch-delay, 1.2s);

}

@media (min-width: 768px) {

  .fv__catch {

    margin: 3rem auto 0;

    font-size: 2rem;

  }

}



.intro__link {

  display: flex;

  justify-content: center;

  gap: 7rem;

  margin: 12rem 0;

}

@media (max-width: 767px) {

  .intro__link {

    flex-direction: column;

    gap: 2rem;

    margin: 4rem 0;

  }

}

@media (min-width: 768px) {

  .intro__link {

    align-items: stretch;

  }

}

@media (min-width: 768px) {

  .intro__link-item {

    width: 45rem;

  }

}

.intro__link-item a {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 1rem 1.5rem;

  line-height: 1;

}

@media (max-width: 767px) {

  .intro__link-item a {

    height: 5rem;

    padding-right: 2rem;

    flex-direction: column;

  }

}

@media (min-width: 768px) {

  .intro__link-item a {

    padding-right: 2.5rem;

    height: 7.5rem;

    font-size: 2.4rem;

  }

}

.intro__link-item a::after {

  right: 2rem;

  width: 1.2rem;

}

@media (min-width: 768px) {

  .intro__link-item a::after {

    right: 2.5rem;

    width: 1.5rem;

  }

}

.intro__link-item .program-btn {

  font-weight: 300;

  font-family: "Helvetica Light", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

@media (max-width: 767px) {

  .intro__link-item .program-btn {

    height: 7rem;

    padding-top: 0.5rem;

    font-size: 2.4rem;

  }

}

@media (min-width: 768px) {

  .intro__link-item .program-btn {

    font-size: 3.6rem;

  }

}

.intro__link-item .program-btn__date {

  display: flex;

  align-items: flex-end;

  line-height: 0.5;

}

.intro__link-item .program-btn__week {

  display: block;

  margin-left: 0.5em;

  font-size: 0.5em;

}

.intro__link-item .program-btn__txt {

  font-size: 2rem;

}

@media (min-width: 768px) {

  .intro__link-item .program-btn__txt {

    font-size: 2.4rem;

  }

}

.intro__txt {

  color: #00a6e9;

  font-size: 1.8rem;

  font-weight: 500;

  line-height: 2;

}

@media (min-width: 768px) {

  .intro__txt {

    width: fit-content;

    margin: 0 auto;

    font-size: 3rem;

    letter-spacing: 0.2em;

  }

}

.intro__txt p:nth-child(n+2) {

  margin-top: 1.6em;

}



section#schedule {

  margin-top: 10rem;

}

@media (min-width: 768px) {

  section#schedule {

    margin-top: 20rem;

  }

}

section#schedule .schedule__list {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  border-top: 1px solid #F07E94;

}

section#schedule .schedule__item {

  position: relative;

  width: 50%;

  border-bottom: 1px solid #F07E94;

  display: flex;

  flex-direction: column;

}

@media (max-width: 767px) {

  section#schedule .schedule__item {

    padding-top: 2rem;

    padding-bottom: 2rem;

  }

  section#schedule .schedule__item:nth-child(odd) {

    padding-right: 2rem;

  }

  section#schedule .schedule__item:nth-child(even) {

    padding-left: 2rem;

  }

  section#schedule .schedule__item:nth-child(even)::after {

    display: block;

    content: "";

    position: absolute;

    top: 50%;

    left: -0.5px;

    transform: translateY(-50%);

    height: calc(100% - 4rem);

    border-right: 1px solid #F07E94;

  }

}

@media (min-width: 768px) {

  section#schedule .schedule__item {

    width: 25%;

    padding: 5rem;

  }

  section#schedule .schedule__item:not(:nth-child(4n)):not(:last-child)::after {

    display: block;

    content: "";

    position: absolute;

    top: 50%;

    right: -0.5px;

    transform: translateY(-50%);

    height: calc(100% - 6rem);

    border-right: 1px solid #F07E94;

  }

}

section#schedule .schedule__date {

  display: flex;

  flex-direction: column;

  justify-content: center;

  min-height: var(--schedule-row-date, auto);

  line-height: 0.6;

  font-size: 4rem;

  font-weight: 300;

  font-family: "Helvetica Light", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

@media (min-width: 768px) {

  section#schedule .schedule__date {

    font-size: 6.5rem;

  }

}

section#schedule .schedule__date-item {

  display: flex;

  justify-content: center;

  align-items: flex-end;

  flex-wrap: wrap;

}

section#schedule .schedule__date-item:nth-child(n+2) {

  margin-top: 2rem;

}

@media (min-width: 768px) {

  section#schedule .schedule__date-item:nth-child(n+2) {

    margin-top: 3rem;

  }

}

section#schedule .schedule__date-item .schedule__desc {

  margin-top: 1rem;

}

@media (min-width: 768px) {

  section#schedule .schedule__date-item .schedule__desc {

    margin-top: 2rem;

  }

}

section#schedule .schedule__date-year {

  font-size: 3rem;

}

@media (min-width: 768px) {

  section#schedule .schedule__date-year {

    font-size: 5.2rem;

  }

}

section#schedule .schedule__date-week {

  display: block;

  font-size: 1.4rem;

  list-style: 1;

}

@media (min-width: 768px) {

  section#schedule .schedule__date-week {

    margin-left: 0.5rem;

    font-size: 2rem;

  }

}

section#schedule .schedule__desc {

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  margin-top: var(--schedule-gap-desc, 0px);

  min-height: var(--schedule-row-desc, auto);

  font-size: 1.2rem;

  line-height: 1.4;

}

@media (min-width: 768px) {

  section#schedule .schedule__desc {

    font-size: 2rem;

  }

}

section#schedule .schedule__place {

  width: 100%;

  margin-top: var(--schedule-gap-place, 0px);

  min-height: var(--schedule-row-place, auto);

  align-self: center;

  justify-self: center;

  text-align: center;

  font-size: 1.2rem;

  line-height: 1.4;

}

section#schedule .schedule__place-line {

  display: inline;

  white-space: normal;

  padding-bottom: 0.05em;

  background-image: linear-gradient(currentColor, currentColor);

  background-repeat: repeat-x;

  background-position: 0 100%;

  background-size: 100% 1px;

  -webkit-box-decoration-break: clone;

  box-decoration-break: clone;

}

@media (min-width: 768px) {

  section#schedule .schedule__place {

    font-size: 1.6rem;

    letter-spacing: 0.05em;

  }

}

section#schedule .view-more {

  margin-top: var(--schedule-gap-more, 0px);

  min-height: var(--schedule-row-more, auto);

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 3.5rem;

  padding-right: 1rem;

  font-size: 1.2rem;

  font-weight: 500;

}

@media (min-width: 768px) {

  section#schedule .view-more {

    height: 5rem;

    font-size: 1.8rem;

  }

}

section#schedule .view-more::after {

  right: 1rem;

  width: 0.8rem;

}

@media (min-width: 768px) {

  section#schedule .view-more::after {

    right: 2rem;

    width: 1rem;

  }

}

section#schedule .view-more.closed {

  padding-right: 0;

  background: #d50028;

  pointer-events: none;

}

section#schedule .view-more.closed::after {

  display: none;

}

section#program {

  margin-top: 10rem;

}

@media (min-width: 768px) {

  section#program {

    margin-top: 20rem;

  }

}

section#program .program__list {

  display: flex;

  gap: 1rem;

}

@media (max-width: 767px) {

  section#program .program__list {

    flex-direction: column;

  }

}

@media (min-width: 768px) {

  section#program .program__list {

    justify-content: center;

    flex-wrap: wrap;

  }

}

section#program .program__item {

  padding: 2rem;

  background: #C30025;

}

@media (min-width: 768px) {

  section#program .program__item {

    width: calc(33.33% - 0.6666rem);

    padding: 3.5rem;

  }

}

section#program .program__img img {

  width: 100%;

  height: auto;

  aspect-ratio: 1;

  object-fit: cover;

}

section#program .program__title {

  margin: 1.5rem 0 1rem;

  font-size: 2.2rem;

}

@media (min-width: 768px) {

  section#program .program__title {

    margin: 2.5rem 0 2rem;

    font-size: 2.4rem;

  }

}

section#highlights {

  margin-top: 10rem;

}

@media (min-width: 768px) {

  section#highlights {

    margin-top: 20rem;

  }

}

@media (min-width: 768px) {

  section#highlights .section-title__en {

    font-size: 6.5rem;

  }

}

section#highlights .highlights__body {

  padding: 5rem 0;

  border-top: 1px solid #F07E94;

  border-bottom: 1px solid #F07E94;

}

@media (min-width: 768px) {

  section#highlights .highlights__body {

    padding: 8rem 0;

  }

}

section#highlights .highlights__list {

  display: grid;

}

@media (max-width: 767px) {

  section#highlights .highlights__list {

    grid-template-columns: minmax(0, 1fr);

    word-break: break-all;

    gap: 2rem;

  }

}

@media (min-width: 768px) {

  section#highlights .highlights__list {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 4rem;

  }

}

section#highlights .highlights__item {

  position: relative;

  padding: 2.5rem 0 0 2rem;

  overflow: hidden;

}

@media (min-width: 768px) {

  section#highlights .highlights__item {

    padding: 3.5rem 0 0 6rem;

  }

}

section#highlights .highlights__title {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  color: #00a6e9;

  font-size: 3rem;

  font-weight: 500;

  z-index: 1;

}

@media (min-width: 768px) {

  section#highlights .highlights__title {

    font-size: 4.4rem;

  }

}

section#highlights .highlights__title span:not(.reveal-char):not(.reveal-char__inner) {

  font-weight: 500;

}

section#highlights .highlights__img {

  position: relative;

  overflow: hidden;

}

section#highlights .highlights__img::before, section#highlights .highlights__img::after {

  display: block;

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  pointer-events: none;

  z-index: 1;

}

section#highlights .highlights__img::before {

  transform: translate(-50%, -50%);

  width: 6rem;

  aspect-ratio: 1;

  border: 1px solid #00a6e9;

  border-radius: 50%;

  background: transparent;

  transition: background-color 0.3s ease;

}

section#highlights .highlights__img::after {

  transform: translate(-35%, -50%);

  width: 1.5rem;

  aspect-ratio: 23/30;

  background: #00a6e9;

  clip-path: polygon(0 0, 100% 50%, 0 100%);

  transition: background-color 0.3s ease;

}

@media (max-width: 767px) {

  section#highlights .highlights__img::after {

    width: 1.4rem;

  }

}

@media (min-width: 768px) {

  section#highlights .highlights__img::before {

    width: 9rem;

  }

  section#highlights .highlights__img::after {

    width: 2.1rem;

  }

  section#highlights .highlights__img:hover::before {

    background: #00a6e9;

  }

  section#highlights .highlights__img:hover::after {

    background: #d50028;

  }

}

@media (min-width: 768px) {

  section#highlights .highlights__img:hover img {

    transform: scale(1.05);

  }

}

section#highlights .highlights__img img {

  width: 100%;

  height: auto;

  aspect-ratio: 592/333;

  object-fit: cover;

  filter: brightness(0.4);

  transition: transform 0.3s;

}

section#highlights .highlights__date {

  position: relative;

  display: block;

  margin-top: 1rem;

  text-align: right;

  color: #00a6e9;

  font-family: "Helvetica Light", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: 300;

  line-height: 1;

  font-size: 1.6rem;

}

@media (min-width: 768px) {

  section#highlights .highlights__date {

    margin-top: 1.5rem;

    font-size: 1.8rem;

  }

}

section#highlights .highlights__date::before {

  display: block;

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  width: calc(100% - 1rem);

  border-bottom: 1px solid #00a6e9;

}

section#highlights .highlights__date span {

  position: relative;

  background: #d50028;

  z-index: 1;

}

section#highlights .highlights__date span::before {

  content: "（";

}

section#highlights .highlights__date span::after {

  content: "）";

}

section#highlights .more-btn {

  margin: 2rem auto 0;

}

@media (min-width: 768px) {

  section#highlights .more-btn {

    margin: 8rem 0 0 6rem;

  }

}

section#access {

  margin-top: 10rem;

}

@media (min-width: 768px) {

  section#access {

    margin-top: 20rem;

  }

}

section#access .access__body {

  padding: 2rem 0 5rem;

  border-top: 1px solid #F07E94;

  border-bottom: 1px solid #F07E94;

}

@media (min-width: 768px) {

  section#access .access__body {

    padding: 6rem 0 8rem;

  }

}

section#access .access__intro {

  margin-bottom: 5rem;

}

@media (min-width: 768px) {

  section#access .access__intro {

    margin-bottom: 6rem;

  }

}

section#access .access__list {

  display: grid;

}

@media (max-width: 767px) {

  section#access .access__list {

    grid-template-columns: minmax(0, 1fr);

    word-break: break-all;

    gap: 8rem;

  }

}

@media (min-width: 768px) {

  section#access .access__list {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 4rem;

  }

}

section#access .access__type {

  margin-bottom: 1rem;

  font-size: 1.8rem;

  font-weight: 500;

}

@media (min-width: 768px) {

  section#access .access__type {

    margin-bottom: 2rem;

    font-size: 2rem;

  }

}

section#access .access__map iframe {

  width: 100%;

  height: auto;

  aspect-ratio: 660/430;

  border: 0;

}

section#access .access__title {

  margin: 1.5rem 0 1rem;

  font-size: 2.2rem;

}

@media (min-width: 768px) {

  section#access .access__title {

    margin: 2.5rem 0 2rem;

    font-size: 2.4rem;

  }

}

section#apply {

  margin-top: 10rem;

  padding: 6rem 0 9rem;

  background: #C30025;

}

@media (min-width: 768px) {

  section#apply {

    margin-top: 10rem;

    padding: 11rem 0 14rem;

  }

}

section#apply .section-title {

  flex-direction: column;

  text-align: center;

  gap: 1rem;

  margin-bottom: 4.5rem;

}

@media (min-width: 768px) {

  section#apply .section-title {

    margin-bottom: 7rem;

  }

}

section#apply .apply__body {

  max-width: 87rem;

  margin: 0 auto;

  text-align: center;

}

section#apply .apply__lead {

  max-width: 60rem;

  margin: 0 auto;

  padding: 1.7rem 0;

  font-size: 1.8rem;

  font-weight: 500;

  line-height: 1.4;

  letter-spacing: 0.14em;

  border-top: 1px solid rgba(255, 255, 255, 0.65);

  border-bottom: 1px solid rgba(255, 255, 255, 0.65);

}

@media (min-width: 768px) {

  section#apply .apply__lead {

    padding: 2rem 0;

    font-size: 2.8rem;

  }

}

section#apply .apply__registration {

  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: 3rem;

}

@media (max-width: 767px) {

  section#apply .apply__registration {

    flex-direction: column;

    gap: 2.5rem;

  }

}

@media (min-width: 768px) {

  section#apply .apply__registration {

    gap: 5rem;

    margin-top: 3.5rem;

  }

}

section#apply .apply__free {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  flex: 0 0 auto;

  width: 8.8rem;

  aspect-ratio: 1;

  font-size: 1.8rem;

  line-height: 1.15;

  border: 1px solid #fff;

  border-radius: 50%;

}

@media (min-width: 768px) {

  section#apply .apply__free {

    width: 12rem;

    font-size: 2rem;

  }

}

section#apply .apply__free strong {

  font-size: 1.5em;

  font-weight: 500;

}

section#apply .apply__list {

  display: flex;

  flex-direction: column;

  gap: 1.2em;

  margin: 0;

  padding: 0;

  list-style: none;

  font-size: 1.4rem;

  line-height: 1.5;

  letter-spacing: 0.08em;

  text-align: left;

}

@media (min-width: 768px) {

  section#apply .apply__list {

    font-size: 1.8rem;

  }

}

section#apply .apply__item {

  display: flex;

  gap: 0.8rem;

}

section#apply .apply__item span {

  flex: 0 0 auto;

}

section#apply .apply__btns {

  display: flex;

  justify-content: center;

  margin-top: 4.5rem;

}

@media (max-width: 767px) {

  section#apply .apply__btns {

    flex-direction: column;

    align-items: center;

    gap: 1.6rem;

  }

}

@media (min-width: 768px) {

  section#apply .apply__btns {

    gap: 2.8rem;

    margin-top: 5.5rem;

  }

}

section#apply .apply__note {

  margin-top: 3rem;

  font-size: 1.2rem;

  line-height: 1.8;

  letter-spacing: 0.06em;

}

@media (min-width: 768px) {

  section#apply .apply__note {

    margin-top: 4.5rem;

    font-size: 1.4rem;

  }

}



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