@charset "UTF-8";
/*------------------------------------------------------------
	JS Function
------------------------------------------------------------*/
@media screen {
.is-fade,
.is-fade-left,
.is-fade-right,
.is-fade-up,
.is-fade-down {
	opacity: 0;
}
.f-fade,
.f-fade-left,
.f-fade-right,
.f-fade-up,
.f-fade-down {
	 -webkit-animation-fill-mode: both;
	 -ms-animation-fill-mode: both;
	 animation-fill-mode: both;
	 -webkit-animation-duration: 0.8s;
	 -ms-animation-duration: 0.8s;
	 animation-duration: 0.8s;
}
.f-fade {
	 -webkit-animation-name: f-fade;
	 animation-name: f-fade;
}
.f-fade-left {
	 -webkit-animation-name: f-fade-left;
	 animation-name: f-fade-left;
}
.f-fade-right {
	 -webkit-animation-name: f-fade-right;
	 animation-name: f-fade-right;
}
.f-fade-up {
	 -webkit-animation-name: f-fade-up;
	 animation-name: f-fade-up;
}
.f-fade-down {
	 -webkit-animation-name: f-fade-down;
	 animation-name: f-fade-down;
}
}
@-webkit-keyframes f-fade {
	 0% { opacity: 0; }
	 100% { opacity: 1; }
}
@keyframes f-fade {
	 0% { opacity: 0; }
	 100% { opacity: 1; }
}
@-webkit-keyframes f-fade-left {
	 0% { opacity: 0; -webkit-transform: translateX(-30px); }
	 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes f-fade-left {
	 0% { opacity: 0; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); }
	 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
@-webkit-keyframes f-fade-right {
	 0% { opacity: 0; -webkit-transform: translateX(30px); }
	 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes f-fade-right {
	 0% { opacity: 0; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }
	 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
@-webkit-keyframes f-fade-up {
	 0% { opacity: 0; -webkit-transform: translateY(30px); }
	 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes f-fade-up {
	 0% { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
	 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@-webkit-keyframes f-fade-down {
	 0% { opacity: 0; -webkit-transform: translateY(-30px); }
	 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes f-fade-down {
	 0% { opacity: 0; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
	 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}