@charset "utf-8";

@-webkit-keyframes fadeIn {
  0% {
	  opacity : 0;
	  -webkit-transform : translate(30px, 0) scale(.95);
	          transform : translate(30px, 0) scale(.95);
	-webkit-transform-origin: center center;
	        transform-origin: center center;
  }
  100% {
    -webkit-transform : translate(0, 0);
            transform : translate(0, 0);
	  opacity : 1;
  }
}

@media all and (min-width: 767px) {	
.fadein {
    opacity : 0;
    -webkit-transform : translate(30px, 0) scale(.95);
        -ms-transform : translate(30px, 0) scale(.95);
            transform : translate(30px, 0) scale(.95);
	-webkit-transform-origin: center center;
	    -ms-transform-origin: center center;
	        transform-origin: center center;
    -webkit-transition: 2s cubic-bezier(.19,1,.22,1);
    -o-transition: 2s cubic-bezier(.19,1,.22,1);
    transition: 2s cubic-bezier(.19,1,.22,1);
    }
.fadein.scrollin {
    opacity : 1;
    -webkit-transform : translate(0, 0) scale(1);
        -ms-transform : translate(0, 0) scale(1);
            transform : translate(0, 0) scale(1);
	-webkit-transform-origin: center center;
	    -ms-transform-origin: center center;
	        transform-origin: center center;
	-webkit-animation-name: fadeIn;
    animation-name: fadeIn;
	-webkit-animation-delay:0s;
	        animation-delay:0s;   /* アニメーションの開始時間指定 */
    -webkit-animation-duration: 1s;
            animation-duration: 1s;   /* アニメーション動作時間の指定 */
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;  /* アニメーションの動き指定（徐々に早く）*/
    -webkit-animation-iteration-count: 0;
            animation-iteration-count: 0;
	opacity : 1;
    }
}
@media all and (max-width: 480px) {	

}