@charset "UTF-8";
/* ===========================================================
   mv
   =========================================================== */
.mv {
   position: relative;
   z-index: 1;
   text-align: center;
}


.mv__catch {
   color: #FFF;
   text-align: center;
   font-size: calc(48 * var(--u));
   font-weight: 800;
   line-height: 150%;
   margin-bottom: calc(24 * var(--u));
}

.mv__image {
   position: relative;
}

/* 16枚の写真を自動でループ再生（Splide + Auto Scroll拡張。assets/common/js/mv-slider.js） */
.mv__slider {
   overflow: hidden;
   padding-top: calc(60 * var(--u));
   margin-bottom: calc(24 * var(--u));
}

.mv__slider-image {
   width: calc(240 * var(--u));
   aspect-ratio: 3 / 5;
   object-fit: cover;
}

.mv__body {
   padding-bottom: calc(40 * var(--u));
}

.mv__title-image {
   filter: invert(100%);
}

.mv__description {
   text-align: center;
   margin-bottom: calc(24 * var(--u));
}

.mv__description-text {
   font-size: calc(16 * var(--u));
   font-weight: 800;
   line-height: 150%;
}

.mv__description-text:not(:last-child) {
   margin-bottom: 1em;
}

.mv__action:not(:last-child) {
   margin-bottom: calc(24 * var(--u));
}

.mv__balloon {
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   top: calc(10 * var(--u));
   animation: mv-balloon-bounce 1s linear infinite;
}

@keyframes mv-balloon-bounce {
   0% {
      animation-timing-function: ease-out;
      translate: 0 0;
   }

   33% {
      animation-timing-function: cubic-bezier(0.3, -0.05, 0.7, -0.5);
      translate: 0 calc(-28 * var(--u));
   }

   100% {
      translate: 0 0;
   }
}