@charset "utf-8";


/* inviewのスタイル */

.up, .left, .right, .transform1, .transform2 {
	opacity: 0;
	position: relative;
}

.upstyle, .leftstyle, .rightstyle, .transform1style, .transform2style {
	opacity: 1;
	transition: 0.5s ease-in 0.3s;
}

.up {
	bottom: -100px;
}

.upstyle {
	bottom: 0px;
}

.left {
	left: -400px;
}

.leftstyle {
	left: 0px;
}

.right {
	right: -100px;
}

.rightstyle {
	right: 0px;
}
/* 回転 */
.transform1 {
	transform: scaleX(0);
}

.transform1style {
	transform: scaleX(1);
}

/* Wakeup */
.transform2 {
	transform: perspective(400px) rotateX(100deg);
}

.transform2style {
	transform: perspective(0px) rotateX(0deg);
}