/* splitting 設定 =============================================*/

.title-fadeInUp {
  overflow: hidden;
}

.title-fadeInUp .word {
  opacity: 0;
  transform: translateY(500%);
  animation: s-fadeInUP 2.5s ease-in-out forwards;
  animation-delay: calc(var(--word-index) * 0.2s);
}

.title-fadeInUp .char {
  animation: s-Up 5s ease-in-out infinite;
  animation-delay: calc(3s + var(--char-index) * 0.1s);
}

.abstract-fadeInUp {
  overflow: hidden;
}

.abstract-fadeInUp .word {
  opacity: 0;
  transform: translateY(500%);
  animation: s-fadeInUP 3s ease-in-out forwards;
  animation-delay: calc(1.2s + var(--line-index) * 0.2s);
}

@keyframes s-fadeInUP {
  0% {
    opacity: 0;
    transform: translateY(500%);
  }

  40% {
    opacity: 1;
  }

  50%,
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes s-Up {
  0% {
    transform: translateY(0px);
  }

  10% {
    transform: translateY(-7px);
  }

  20%,
  100% {
    transform: translateY(0);
  }
}