/*========================================================================
motion
========================================================================*/
@charset "utf-8";

@keyframes TransYT { 
	0% { opacity:0; transform:translateY(-60px) } 
	100% { opacity:1; transform:translateY(0) } 
}
@keyframes TransYS { 
	0% { opacity:0; transform:translateY(40px) } 
	100% { opacity:1; transform:translateY(0) } 
}
@keyframes TransYSM { 
	0% { transform:translateY(0) } 
	50% { transform:translateY(-400px) } 
	100% { transform:translateY(0) } 
}
@keyframes TransXL { 
	0% { opacity:0; transform:translateX(60px) } 
	100% { opacity:1; transform:translateX(0) } 
}

@keyframes TransXR { 
	0% { opacity:0; transform:translateX(-60px) } 
	100% { opacity:1; transform:translateX(0) } 
}

@keyframes FadeIn { 
	from{ opacity:0 } 
	to{ opacity:1 } 
}

@keyframes Rotate { 
	0% { transform:rotate(0) } 
	100% { transform:rotate(360deg) } 
}

@keyframes scrollDown { 
	0% { bottom:30px; } 
	40% { bottom:60px; } 
	100% { bottom:30px; } 
}

@keyframes flowTxt {
    0% {
      transform:translateX(0);
    }
    100% {
        transform:translateX(-50%);
    }
  }

[class*="_trans"],
.fadeIn { opacity:0; }
.motion ._transYT { animation:TransYT 1s forwards; }
.motion ._transYS { animation:TransYS 1s forwards; }
.motion ._transXL { opacity:0; animation:TransXL 1s forwards; }
.motion ._transXR { opacity:0; animation:TransXR 1s forwards; }
.motion .fadeIn { animation:FadeIn 1s forwards; }

.motion .ani2 { animation-delay:.2s; }
.motion .ani3 { animation-delay:.3s; }
.motion .ani4 { animation-delay:.4s; }
.motion .ani5 { animation-delay:.5s; }
.motion .ani6 { animation-delay:.6s; }
.motion .ani7 { animation-delay:.7s; }
.motion .ani8 { animation-delay:.8s; }
.motion .ani9 { animation-delay:.9s; }
.motion .ani10 { animation-delay:1.0s; }
.motion .ani11 { animation-delay:1.1s; }
.motion .ani12 { animation-delay:1.2s; }
.motion .ani13 { animation-delay:1.3s; }
.motion .ani14 { animation-delay:1.4s; }
.motion .ani15 { animation-delay:1.5s; }
.motion .ani16 { animation-delay:1.6s; }
.motion .ani17 { animation-delay:1.7s; }
.motion .ani18 { animation-delay:1.8s; }
.motion .ani19 { animation-delay:1.9s; }
.motion .ani20 { animation-delay:2.0s; }