@charset "utf-8";

/* inview style
-------------------------- */
.top,
.btm,
.left,
.right,
.zoom,
.blur,
.alpha,
.expand,
.order_ch {
	/*transition-property: all; [対象]（初期値：all）*/
	/*transition-duration: .75s; [所要時間]（初期値：0s）*/
	/*transition-timing-function: ease-in-out; [イージング関数]（初期値：ease）*/
	/*transition-delay: .75s; [遅延時間]（初期値：0s）*/
	/*transition: [対象] [所要時間] [イージング関数] [遅延時間];*/
	/*transition: all 1s ease-in-out .75s;*/
	/*transition: all .75s ease-in-out .5s;*/
	transition: all .75s ease-in-out 0s;
	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(75px);
}
.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(.125);
}
.zoom_in {
	transform: scale(1);
}
.blur {
	filter: blur(15px);
}
.blur_in {
	filter: blur(0);
}
.alpha_in {
	opacity: 1;
}
.expand {
	width: 0;
}
.expand_in {
	width: 100%;
}
.order_ch {
	transform: translateY(100px);
}
.order_in {
	transform: translateY(0);
}