@charset "UTF-8";
/* load.css */

/* ローディングの背景部分のCSS */
.loader{
	background-color: #fff;
  height:100vh;
  left:0;
  position:fixed;
  top:0;
  width:100vw;
  z-index:100;
}
 
/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation {
  display: block;
  background: #fff;
	position: relative;
	width:100vw;
	height: 100vh;
}
.loader-animation .loader-animation-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 184px;
	height: 107px;
}

.fadeIn {
  opacity: 0;
  transform : translate(0, 20px);
  transition : all 1000ms;
}

.fadeIn.scrollIn{
  opacity: 1;
  transform: translate(0, 0);
}