@charset "utf-8";
/*▽js_inview*/	
/*----- フェードイン -----*/
.js_fadeIn {
	opacity: 0;
	transition: .8s;}
.js_fadeIn_on {
	opacity: 1.0;}

/*----- 上へスライド -----*/
.js_Up {
	transform: translate(0, 40px);
	-webkit-transform: translate(0, 40px);
	transition: .8s;}
.js_Up_on {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);}

/*----- ズームイン -----*/
.js_zoomIn {
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	transition: .8s;}
.js_zoomIn_on {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);} 

/*----- フェードインしながら上へスライド -----*/
.js_fadeInUp {
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
	transition: .8s;}
.js_fadeInUp_on {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);}
	/*----- フェードインしながら左からスライド -----*/
.js_fadeInLeft {
	opacity: 0;
	transform: translate(-100px, 0);
	-webkit-transform: translate(-100px, 0);
	transition: .8s;}
.js_fadeInLeft_on {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);}

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