@charset "UTF-8";
.text-load-animation span {
  display: inline-block;
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInUp 0.4s forwards;
  animation-fill-mode: both;
  animation-timing-function: ease-out; }

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0); } }
.zoom-image {
  width: 100%;
  height: auto;
  transform: scale(1.1);
  /* 初期は拡大 */
  transition: transform 4s ease, opacity 4s ease;
  will-change: transform; }

.swiper-slide-active .zoom-image {
  transform: scale(1);
  /* アクティブ時に通常サイズにズームアウト */
  opacity: 1; }

.zoom-image.zoom-trigger {
  animation: zoomOut 1s ease forwards; }

@keyframes zoomOut {
  0% {
    transform: scale(1.1); }
  80% {
    transform: scale(1); } }