/*---------------------------------
コンテンツ動作
---------------------------------*/

/*下から上フェードイン*/
.f_in {
	opacity: 0;
	transition: all 0.8s ease .3s;
	transform: translate(0,20px);
	-webkit-transform: translate(0,20px);
}
/*下から上フェードイン*/
.f_in_top {
	opacity: 0;
	transition: all 0.8s ease .3s;
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
}
/*右から左フェードイン*/
.f_in_left {
	opacity: 0;
	transition: all 0.8s ease .3s;
	transform: translate(20px,0);
	-webkit-transform: translate(20px,0);
}
.f_in_right {
	opacity: 0;
	transition: all 0.8s ease .3s;
	transform: translate(-20px,0);
	-webkit-transform: translate(-20px,0);
}
.active {
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}

.f_rate1 {
	transition-delay: .1s;
}
.f_rate2 {
	transition-delay: .2s;
}
.f_rate3 {
	transition-delay: .3s;
}
.f_rate4 {
	transition-delay: .4s;
}
.f_rate5 {
	transition-delay: .5s;
}
.f_rate6 {
	transition-delay: .6s;
}
.f_rate7 {
	transition-delay: .7s;
}
.f_rate8 {
	transition-delay: .8s;
}
.f_rate9 {
	transition-delay: .9s;
}
.f_rate10 {
	transition-delay: 1s;
}
.f_rate11 {
	transition-delay: 1.1s;
}
.f_rate12 {
	transition-delay: 1.2s;
}
.f_rate13 {
	transition-delay: 1.3s;
}
.f_rate14 {
	transition-delay: 1.4s;
}
.f_rate15 {
	transition-delay: 1.5s;
}

/*---------------------------------
MVエリアH1動作
---------------------------------*/

/*上から*/
.slt {
	display: inline-block;
	opacity: 0;
	transition: all 1s ease .0s;
	transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
}

/*---------------------------------
定位置
---------------------------------*/
.f_go {
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}