@charset "utf-8";
/* CSS Document */


/* 透明から左に動くアニメ */
.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);
  }
}
.delay01 {
  animation-delay: 0.4s;
}
.delay02 {
  animation-delay: 0.8s;
}