/* Loading背景画面設定　*/
#splash {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background:#fff;
  text-align:center;
  color:#fff;
}

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

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
    height: 100vh;
}

#splash_logo2 {
    position: absolute;
    bottom: 4%;
    left: 50%;
    right: auto;
    transform: translate(-50%);
}
#splash_logo2 img {
    width:500px;
}

/* fadeUpをするアイコンの動き */
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
  opacity: 0;
  }

  to {
  opacity: 1;
  }
}

@media screen and (max-width: 768px) {
    #splash {
        background-color: #fff;
    }
    #splash_logo {
        position: absolute;
        top: 45%;
        transform: translate(-60%,-50%);
    }
    #splash_logo img {
        width: auto;
        height: 80vh;
    }
    #splash_logo2 {
        width: 90%;
    }
    #splash_logo2 img {
        width: 100%;
    }
}