@charset "utf-8";

.slide-top {
	opacity: 0;
	transform: translate(0, -20px);
	transition: all 0.5s 0.5s ease-out;
 }

.slide-bottom {
	opacity: 0;
	transform: translate(0, 20px);
	transition: all 0.5s 0.5s ease-out;
 }

.slide-left {
	opacity: 0;
	transform: translate(-30px, 0);
	transition: all 0.5s 1s ease-out;
 }

.slide-right {
	opacity: 0;
	transform: translate(30px, 0);
	transition: all 0.5s 1s ease-out;
 }


 /* 時差クラス */ 

 .time1 {
  transition: all 0.5s 0.2s ease-out;
 }

 .time2 {
  transition: all 0.5s 0.4s ease-out;
 }

 .time3 {
  transition: all 0.5s 0.6s ease-out;
 }
 
 .time4 {
  transition: all 0.5s 0.8s ease-out;
 }
 
  .time5 {
  transition: all 0.5s 1.0s ease-out;
 }