@charset "utf-8";

/* 透明から左に動くアニメ */
.anime-to-left {
  animation-name: to-left;
  animation-duration: .8s;
}
@keyframes to-left {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 透明から上に動くアニメ */
.anime-fade-up {
  animation-name: fade-up;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}