/* その他動き */

.fv_fade {
  opacity: 0;
}

.scrollanime {
  opacity: 0;
}

.fadeIn.scrollIn {
  opacity: 1;
  transform: translateX(0);
}

.fadeIn {
  opacity: 0;
  transition: 1s;
  transform: translateX(40px);
}

.fadeInRight {
    animation-name: fadeInRight;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
      opacity: 1;
      transform: translate(0);
    }
}

  
@keyframes waveArrow {
  0% {
    padding-left: 0;
  }
  100% {
    padding-left: 1em;
  }
}