@charset "utf-8";



/*

************************************************************************

* スクロールインアニメーション

* @copyright Revolme Inc.

************************************************************************

*/



/* ################################################################################################ */

/* ## PC						 ################################################################## */

/* ################################################################################################ */

.chk-in-window > *

{

	filter:alpha(opacity=0);

	-moz-opacity: 0.0;

	opacity: 0.0;

}

.chk-in-window.fade.isInWindow > *

{

	animation-name:fncScrollInFace;

	animation-delay:0.1s;

	animation-duration:0.5s;

	animation-timing-function:ease;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

}

@keyframes fncScrollInFace

{

	0% {

		opacity:0;

		transform:translateY(2em);

	}

	100% {

		opacity:1;

		transform:translateY(0em);

	}

}

.chk-in-window.slide-l.isInWindow > *

{

	animation-name:fncScrollInSlideL;

	animation-delay:0.1s;

	animation-duration:0.6s;

	animation-timing-function:ease;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

}

@keyframes fncScrollInSlideL

{

	0% {

		opacity:0;

		transform:translateX(-10%);

	}

	100% {

		opacity:1;

		transform:translateX(0%);

	}

}

.chk-in-window.slide-r.isInWindow > *

{

	animation-name:fncScrollInSlideR;

	animation-delay:0.1s;

	animation-duration:0.6s;

	animation-timing-function:ease;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

}

@keyframes fncScrollInSlideR

{

	0% {

		opacity:0;

		transform:translateX(10%);

	}

	100% {

		opacity:1;

		transform:translateX(0%);

	}

}





/* ################################################################################################ */

/* ## TAB						 ################################################################## */

/* ################################################################################################ */

@media screen and (max-width:1200px) {



	

}



/* ################################################################################################ */

/* ## スマホサイト用スタイル ###################################################################### */

/* ################################################################################################ */

@media screen and (max-width:640px) {

	

}