@charset "utf-8";
/******************************************************************
HOME Styles
******************************************************************/
/* ===================================
   MV
=================================== */
#mv {
  background-color: #000;
  position: relative;
  overflow: hidden;
}
#mv::before {
  content: '';
  display: block;
  width: 100%;
  height: 15%;
  background: linear-gradient(180deg, rgba(88, 88, 88, 1) 0%, rgba(255, 255, 255, 0) 100%);
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
#mv .mv-img {
  display: block;
  object-fit: contain;
  margin: 0 auto;
}
#mv .hero__inner {
  margin: 0 auto;
  text-align: center;
}
#mv .ttl img {
  width: 16rem;
}



#mv > picture,
#mv > picture img {
  display: block;
  min-width: 100%;
}


@media (orientation: landscape){
  #mv img {
    aspect-ratio: 1980 / 1080;
  }
}
@media (orientation: portrait){
  #mv img {
    aspect-ratio: 1786 / 2526;
  }
}



.scroll-down-box {
  display: inline-block;
  position: absolute;
  left: calc(6vw - 1rem);
  bottom: 0;
  z-index: 2;
  padding: 1rem 1rem 4.5rem;
  font-family: var(--font1);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
  writing-mode: vertical-lr;
  transition: 0.2s;
  overflow: hidden;
}
.scroll-down-box::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2px;
  height: 4rem;
  margin-left: -1px;
  background: currentColor;
  opacity: .2;
}
.scroll-down-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2px;
  height: 4rem;
  margin-left: -1px;
  background: currentColor;
  animation: sdl06 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}
a.scroll-down-box:hover {
  opacity: 0.5;
}
@keyframes sdl06 {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}



.splide__slide picture,
.splide__slide picture img {
  display: block;
  width: 100%;
}

/* Zoom Slider */
.splide__slide figure {
  width: 100%;
  height: 100%;
}
.splide__slide figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 8s ease-out;
}
.splide__slide.is-active figure img {
  transform: scale(1.15);
  transition-delay: 0s;
}


/* ===================================
   ABOUT
=================================== */

/* ===================================
   Teams
=================================== */
#teams {
  padding-bottom: 7.5vw;
}

/* ===================================
   Register
=================================== */
#register {
  padding-top: calc(5vw + 3rem);
  margin-top: -15vw;
  clip-path: polygon(50% 15vw, 100% 0, 100% 100%, 0 100%, 0 0);
  -webkit-clip-path: polygon(50% 15%, 100% 0, 100% 100%, 0 100%, 0 0);
  position: relative;
  z-index: 3;
}