@charset "utf-8";

/* 透明から左に動くアニメ */
.anime-to-left {
  animation-name: to-left;
  animation-duration: 1.5s;
  margin: 20px auto;
}
@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);
  }
}
.delay01{
  animation-delay: .5s;
}
.delay02{
  animation-delay: 1s;
}