/* CSS Document */
/* contents---------------
	 1.Reset
	 2.Base
	 3.Layout
	 4.Common
	 5.Page
	 6.Script
		------------ */
section#kv1 .lead {
  opacity: 0;
  transform: translate(0, 27vh);
}
section#kv1 .lead.animated {
  opacity: 1;
  animation: leadanime 2s ease 0s forwards;
}
section#kv1 .il_box, section#kv1 .il_family {
  opacity: 0;
}
section#kv1 .il_box.animated, section#kv1 .il_family.animated {
  animation: fadeIn 1s ease-in 1 forwards;
}
section#kv1 .il_obj01, section#kv1 .il_obj02, section#kv1 .il_obj03, section#kv1 .il_obj04, section#kv1 .il_obj05, section#kv1 .il_obj06, section#kv1 .il_obj07, section#kv1 .il_obj08, section#kv1 .il_obj09 {
  opacity: 0;
}
section#kv1 .il_obj01.animated, section#kv1 .il_obj02.animated, section#kv1 .il_obj03.animated, section#kv1 .il_obj04.animated, section#kv1 .il_obj05.animated, section#kv1 .il_obj06.animated, section#kv1 .il_obj07.animated, section#kv1 .il_obj08.animated, section#kv1 .il_obj09.animated {
  animation: fadeIn 0.5s ease-in 1 forwards;
}
section#kv1 .logo {
  opacity: 0;
}
section#kv1 .logo.animated {
  animation: fadeIn 0.5s ease-in 1 forwards;
}
section#kv1 .cmt {
  opacity: 0;
}
section#kv1 .cmt.animated {
  animation: fadeIn 0.7s ease-in 1 forwards;
}
section#kv1 .cmt.anm_fuwa {
  opacity: 1;
  animation: fuwa 1.3s linear infinite;
}

section#kv2 .boy, section#kv2 .lead {
  opacity: 0;
}
section#kv2 .boy.animated, section#kv2 .lead.animated {
  animation: fadeIn 1s ease-in 1 forwards;
}
section#kv2 .il_obj01, section#kv2 .il_obj02, section#kv2 .il_obj03, section#kv2 .il_obj04, section#kv2 .il_obj05, section#kv2 .il_obj06, section#kv2 .il_obj07, section#kv2 .il_obj08, section#kv2 .il_obj09 {
  opacity: 0;
}
section#kv2 .il_obj01.animated, section#kv2 .il_obj02.animated, section#kv2 .il_obj03.animated, section#kv2 .il_obj04.animated, section#kv2 .il_obj05.animated, section#kv2 .il_obj06.animated, section#kv2 .il_obj07.animated, section#kv2 .il_obj08.animated, section#kv2 .il_obj09.animated {
  animation: fadeIn 0.5s ease-in 1 forwards;
}
section#kv2 .logo {
  opacity: 0;
}
section#kv2 .logo.animated {
  animation: fadeIn 0.5s ease-in 1 forwards;
}
section#kv2 .cmt {
  opacity: 0;
}
section#kv2 .cmt.animated {
  animation: fadeIn 0.5s ease-in 1 forwards;
}
section#kv2 .cmt.anm_fuwa {
  opacity: 1;
  animation: fuwa 1.3s linear infinite;
}

/*----------------------------------------------------------
	animation
--------------------------------------------------------- */
@keyframes leadanime {
  0% {
    opacity: 0;
    transform: rotateX(90deg);
    transform: translate(0, 27vh);
  }
  50% {
    transform: rotateX(0);
    opacity: 1;
    transform: translate(0, 27vh);
  }
  60% {
    transform: translate(0, 27vh);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fuwa {
  0% {
    transform: translate(0, -5px);
  }
  50% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -5px);
  }
}/*# sourceMappingURL=animation.css.map */