@charset "utf-8";

/* anime-bounce */
.no-touch a:hover .anime-bounce {
 -webkit-animation-name: bounce;
 animation-name: bounce;
 -webkit-animation-duration: .8s;
 animation-duration: .8s;
 -webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}
@keyframes bounce {
	from {
  -webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	30% {
  -webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}
	40% {
  -webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}
	50% {
  -webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}
	65% {
  -webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}
	75% {
  -webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}
	to {
  -webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}



/* anim-fadeIn */
.u-anim-fadeIn {
 -webkit-animation: fadeIn 1.2s ease .15s;
 animation: fadeIn 1.2s ease .15s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
@keyframes fadeIn {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
.u-anim-fadeIn--delay_0 {
 -webkit-animation-delay: 0s;
 animation-delay: 0s;
}
.u-anim-fadeIn--delay_1 {
 -webkit-animation-delay: 0.5s;
 animation-delay: 0.5s;
}
.u-anim-fadeIn--delay_2 {
 -webkit-animation-delay: 1s;
 animation-delay: 1s;
}



/* anim-loop */
@keyframes loopDown {
/* 0% {
  -webkit-transform: translateY(-33.3%);
  transform: translateY(-33.3%);
 }
 to {
  -webkit-transform: translateY(-66.6%);
  transform: translateY(-66.6%);
 }*/
 0% {
  -webkit-transform: translateY(-25%);
  transform: translateY(-25%);
 }
 to {
  -webkit-transform: translateY(-75%);
  transform: translateY(-75%);
 }
}
@keyframes loopUp {
 0% {
  -webkit-transform: translateY(-75%);
  transform: translateY(-75%);
 }
 to {
  -webkit-transform: translateY(-25%);
  transform: translateY(-25%);
 }
}


/* scrollFadeIn */
.u-scrollFadeIn {
 opacity: 0;
 transition: all 0.75s cubic-bezier(0.75, 0, 0.35, 1);
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
.u-scrollFadeIn[data-fadein="reverse"] {
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
.u-scrollFadeIn.is-state_scroll {
 opacity: 1;
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}



/* HOME PAGE */
.is-home .u-scrollFadeIn {
 opacity: 1;
}
@media screen and (max-width: 1024px) {
 .is-home .u-scrollFadeIn {
  opacity: 0;
  transition: all 0.75s cubic-bezier(0.75, 0, 0.35, 1);
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
 }
 .is-home .u-scrollFadeIn[data-fadein="reverse"] {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
 }
 .is-home .u-scrollFadeIn.is-state_scroll {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
 }
}