@charset "utf-8";

/* inview style
-------------------------- */
.top,
.btm,
.left,
.right,
.zoom,
.blur,
.alpha,
.expand,
.order_ch {
	transition-property: all;
	/*プロパティ（初期値：all）*/
	transition-duration: 1s;
	/*再生時間（初期値：0）*/
	transition-timing-function: ease-in-out;
	/*効果仕方（初期値：ease）*/
	transition-delay: .5s;
	/*遅延時間（初期値：0）*/
	transition: all 1s ease-in-out .5s;
	opacity: 0;
}
.from_top,
.from_btm,
.from_left,
.from_right,
.zoom_in,
.blur_in,
.alpha_in,
.expand_in,
.order_in {
	opacity: 1;
}
.top {
	transform: translateY(-100px);
}
.from_top {
	transform: translateY(0);
}
.btm {
	transform: translateY(100px);
}
.from_btm {
	transform: translateY(0);
}
.left {
	transition-delay: 0s;
	transform: translateX(-50px);
}
.from_left {
	transform: translateX(0);
}
.right {
	transform: translateX(100px);
}
.from_right {
	transform: translateX(0);
}
.zoom {
	transform: scale(.75);
}
.zoom_in {
	transform: scale(1);
}
.blur {
	filter: blur(30px);
}
.blur_in {
	filter: blur(0);
}
.alpha_in {
	opacity: 1;
}
.expand {
	width: 0;
}
.expand_in {
	width: 100%;
}
.order_ch {
	transform: translateY(125px);
}
.order_in {
	transform: translateY(0);
}