/* コンテンツ全体が少し下から上にアップする */
.up_anime {
    animation:up 1s ease-out forwards;
}
@keyframes up {
  0% {
    opacity:0;
	transform: translateY(3rem);
  }
  100% {
    opacity:1;
	transform: translateY(0%);
  }
}

/* スライド（→） */
.slide_left_anime {
    animation:slide_left 0.5s ease-out forwards;
}
@keyframes slide_left {
  0% {
    opacity:0;
	transform: translateX(-100%);
  }
  100% {
    opacity:1;
	transform: translateX(0%);
  }
}

/* スライド（←） */
.slide_right_anime {
    animation:slide_right 0.5s ease-out forwards;
}
@keyframes slide_right {
  0% {
    opacity:0;
	transform: translateX(100%);
  }
  100% {
    opacity:1;
	transform: translateX(0%);
  }
}

/* フェードイン */
@keyframes feadin {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}