@charset "UTF-8";
/* CSS Document */
/*========= ローディング画面のためのCSS ===============*/
#splash {
	position: fixed;
	width: 100%;
	height: 100%;
	background :#F5EEDF;
	z-index: 9999999;
	text-align:center;
	color:#fff;
}
.splash_background_sm{
   display: none;
}
.splash_background{
    position: relative;
    align-items: center;
    justify-content: space-around;
    height: 100vh;
  }

.splash_background::after {
    content: "";
    background-color: #ffffff;
    background-image: radial-gradient(circle, #64a4de 1px, transparent 2px);
    background-position: 0 0;
    background-size: 3px 3px;
    height: 100vh;
    animation: GradientBackground 20s ease infinite;
    opacity: .3;
    position: absolute;
    inset: 0;
}
.splash_background_sm::after {
      content: "";
    background-color: #ffffff;
    background-image: radial-gradient(circle, #64a4de 1px, transparent 2px);
    background-position: 0 0;
    background-size: 3px 3px;
    height: 100vh;
    animation: GradientBackground 20s ease infinite;
    opacity: .3;
    position: absolute;
    inset: 0;
}
#splash-logo img {
  width:130px;
  position: absolute;
	top: 50%;
	left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 660px) {
 #splash-logo img {
  width:100px;
}
  .splash_background{
    display: none;
  }
 .splash_background_sm{
  display: block;
   object-position: left bottom;
  }
}