@charset "UTF-8";
.fadein_wa{
	animation-name:wa;
	animation-duration:1s;
	animation-timing-function:ease;
	animation-delay: 0.2s;
}
.fadein_ta{
	animation-name:ta;
	animation-duration:1s;
	animation-timing-function:ease;
	animation-delay: 0.2s;
}
.fadein_na{
	animation-name:na;
	animation-duration:1s;
	animation-timing-function:ease;
	animation-delay: 0.2s;
}
.fadein_be{
	animation-name:be;
	animation-duration:1s;
	animation-timing-function:ease;
	animation-delay: 0.2s;
}
.fadein_ki{
	animation-name:ki;
	animation-duration:1s;
	animation-timing-function:ease;
	animation-delay: 0.2s;
}
.fadein_yo{
	animation-name:yo;
	animation-duration:1s;
	animation-timing-function:ease;
	animation-delay: 0.2s;
}
.fadein_shi{
	animation-name:shi;
	animation-duration:1s;
	animation-timing-function:ease;
	animation-delay: 0.2s;
}
.fadein_d-labo{
	animation-name:d-labo;
	animation-duration:1s;
	animation-timing-function:ease;
	animation-delay: 0.2s;
}
.icon_scroll{
	animation-name:scroll;
	animation-duration:1.5s;
	animation-timing-function:ease-in-out;
	animation-delay: 1.5s;	
	animation-iteration-count:infinite;
}



@keyframes wa{
  0%{
	opacity: 0;
	transform: translate(-15px, 0px);
	}
  100%{
	opacity: 1;
	}
}
@keyframes ta{
  0%{
	opacity: 0;
	transform: translate(0px, 15px);
	}
  100%{
	opacity: 1;
	}
}
@keyframes na{
  0%{
	opacity: 0;
	transform: translate(0px, -15px);
	}
}
@keyframes be{
  0%{
	opacity: 0;
	transform: translate(15px, 0px);
	}
  100%{
	opacity: 1;
	}
}
@keyframes ki{
  0%{
	opacity: 0;
	transform: translate(-20px, 0px);
	}
  100%{
	opacity: 1;
	}
}
@keyframes yo{
  0%{
	opacity: 0;
	transform: translate(0px, 15px);
	}
  100%{
	opacity: 1;
	}
}
@keyframes shi{
  0%{
	opacity: 0;
	transform: translate(15px, 0px);
	}
  100%{
	opacity: 1;
	}
}
@keyframes d-labo{
  0%{
	opacity: 0;
	}
  50%{
	opacity: 0;
	}
  100%{
	opacity: 1;
	}
}
@keyframes scroll{
  50%{
	transform: translate(0px, 10px);
	}
}