@charset "UTF-8";

/*----- フェードイン -----*/
.inviewfadeIn {
	opacity: 0;
	transition: .8s;
}

.fadeIn {
	opacity: 1.0;
}

/*----- フェードインしながら上へスライド -----*/
.inviewfadeInUp {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: 1.2s;
}

.fadeInUp {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

/*----- フェードインしながら下へスライド -----*/
.inviewfadeInDown {
	opacity: 0;
	transform: translate(0, -30px);
	-webkit-transform: translate(0, -30px);
	transition: .8s;
}

.fadeInDown {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}


/*----- フェードインしながら右へスライド -----*/
.inviewfadeInRight {
	opacity: 0;
	transform: translate(-30px, 0);
	-webkit-transform: translate(-30px, 0);
	transition: .8s;
}

.fadeInRight {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}


/*----- フェードインしながら左へスライド -----*/
.inviewfadeInLeft {
	opacity: 0;
	transform: translate(30px, 0);
	-webkit-transform: translate(30px, 0);
	transition: .8s;
}

.fadeInLeft {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}