@charset "UTF-8";

/*fade-in*/
.fl-text {
  opacity: 0;
  transform: translateX(20px);
  transition: none; /* Not Delate */
}
.fl-textY{
    transform: translateY(30px);
}
.fl-text.is-visible {
  animation: fadeInLeft 0.8s ease-out forwards;
  animation-play-state: running;
}
.fl-textY.is-visible {
  animation: fadeInBottom 0.8s ease-out forwards;
  animation-play-state: running;
}

@keyframes fadeInLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInBottom {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*fl-mots*/
.fl-mots {
  opacity: 0;
  transform: translateY(30px);
  transition: none; /* Not Delate */
}
.fl-mots.is-visible {
  animation: motion 0.8s ease-out forwards;
  animation-play-state: running;
}
@keyframes motion {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*figure-motion*/
.figure-motion {
  transform: translateY(0);
  transition: none; /* Not Delate */
}
.ue.figure-motion.is-visible {
  animation: figure01 1.2s ease-out forwards;
  animation-play-state: running;
}
.sita.figure-motion.is-visible {
  animation: figure02 1.2s ease-out forwards;
  animation-play-state: running;
}
@keyframes figure01 {
  to {
    transform: scale(0.9) translateY(100px);
  }
}
@keyframes figure02 {
  to {
    transform: scale(1.1) translateY(-100px);
  }
}

/*kurukuru*/
.kuru {
    display: inline-block;
    perspective: 1000px;
}

.kuru span {
    display: inline-block;
}