#splash {
/*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background:#fff;
  text-align:center;
  color:#fff;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width:200px;
}
#loading {
	position: absolute;
    font-size: 2.4rem;
    font-weight: 500;
    color: #019FE8;
	top: 60%;
	left: 50%;
    z-index: 999;
	width: 100%;
	transform: translate(-50%, -50%);
}
#splash_text {
	position: absolute;
	top: 65%;
	left: 50%;
    z-index: 999;
	width: 100%;
	transform: translate(-50%, -50%);
}
.slideIn{
    animation-name: slideIn;
    animation-duration:1.5s;
    animation-fill-mode:forwards;
    opacity: 0; 
}
@keyframes slideIn{
from {
    opacity: 0;
    transform: translateX(-50px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.fadeIn{
    animation-name: fadeIn;
    animation-duration:2.0s;
    animation-fill-mode:forwards;
    opacity: 0; 
}
@keyframes fadeIn{
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}