@charset "utf-8";

.anime-scroll--hidden-x{
    overflow-x:hidden;
}
.anime-scroll--hidden-y{
    overflow-y:hidden;
}


/* 下からスライドイン */
.slideUp{
	opacity: 0;
	transform: translateY(80px);
}
.slideUp.slideIn{
	opacity: 1;
	transform: translateY(0);
	transition: .8s ease-in-out;
}

/* 上からスライドイン */
.slideDown{
	opacity: 0;
	transform: translateY(-80px);
}
.slideDown.slideIn{
	opacity: 1;
	transform: translateY(0);
	transition: .8s ease-in-out;
}


/* 左からスライドイン */
.slideLeft{
	visibility: hidden;
}
.slideLeft.slideIn{
	visibility: visible;
	animation: slideLeft 1s 0s 1 ease backwards;
}
.slideLeft--delay1{
	visibility: hidden;
}
.slideLeft--delay1.slideIn{
	visibility: visible;
	animation: slideLeft 1s 1 ease backwards;
	animation-delay: 0.3s;
}
.slideLeft--delay2{
	visibility: hidden;
}
.slideLeft--delay2.slideIn{
	visibility: visible;
	animation: slideLeft 1s 1 ease backwards;
	animation-delay: 0.6s;
}
.slideLeft--delay3{
	visibility: hidden;
}
.slideLeft--delay3.slideIn{
	visibility: visible;
	animation: slideLeft 1s 1 ease backwards;
	animation-delay: 0.9s;
}
@keyframes slideLeft{
	0%{
		opacity: 0;
		transform: translateX(-80px);
	}
}