@charset "utf-8";
/* ANIMATION */
.first {
	opacity: 0;
	transition-duration: 0.8s;
}
.first.show {
	opacity: 1;
	transform: none;
}
.move-lr {
	transform: translate(-30px, 0);
}
.move-rl {
	transform: translate(30px, 0);
}
.move-up {
	transform: translate(0, 30px);
}
.move-down {
	transform: translate(0, -30px);
}
.move.move-p {
	opacity: 1;
}
.move-p.show {
	opacity: 1;
}
.move-d1 {
	transition-delay: 0.4s;
}
.move-d2 {
	transition-delay: 0.8s;
}
.move-d3 {
	transition-delay: 1.2s;
}
.move-d4 {
	transition-delay: 1.6s;
}
.move-d5 {
	transition-delay: 2s;
}
.move-d6 {
	transition-delay: 2.4s;
}
.move-d7 {
	transition-delay: 2.8s;
}
.move-c.move-d1 {
	transition-delay: 0.4s;
}
.move-c.move-d2 {
	transition-delay: 0.8s;
}
.move-c.move-d3 {
	transition-delay: 1.2s;
}
.move-c.move-d4 {
	transition-delay: 1.6s;
}
.move-c.move-d5 {
	transition-delay: 2s;
}
.move-c.move-d6 {
	transition-delay: 2.4s;
}
.move-c.move-d7 {
	transition-delay: 2.8s;
}
@media screen and (max-width:767px) {
	.move {
		opacity: 0;
		transition-duration: 0.8s;
	}
	.move.show {
		opacity: 1;
		transform: none;
	}
	.move-c {
		opacity: 0;
		transition-duration: 0.8s;
	}
	.show .move-c {
		opacity: 1;
		transform: none;
	}
}
@media screen and (min-width:768px) {
	.move {
		opacity: 1;
	}
	.first .move-c {
		opacity: 0;
		transition-duration: 0.8s;
	}
	.first.show .move-c {
		opacity: 1;
		transform: none;
	}
	.first .move-d1 {
		transition-delay: 0.4s;
	}
	.first .move-d2 {
		transition-delay: 0.8s;
	}
	.first .move-d3 {
		transition-delay: 1.2s;
	}
	.first .move-d4 {
		transition-delay: 1.6s;
	}
	.first .move-d5 {
		transition-delay: 2s;
	}
	.first .move-d6 {
		transition-delay: 2.4s;
	}
	.first .move-d7 {
		transition-delay: 2.8s;
	}
	.move-p .move-c {
		opacity: 0;
		transition-duration: 0.8s;
	}
	.move-p.show .move-c {
		opacity: 1;
		transform: none;
	}
	.maincan {
		opacity: 0;
		transition-duration: 0.8s;
	}
	.maincan.canfixed {
		opacity: 1;
	}
}