@charset "utf-8";
/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/


#splash {
    /*fixedで全面に固定*/
	position: fixed;
	z-index: 999;
	width:100%;
	height: 100vh;
	text-align:center;
	color:#0067c0;
	/*background: linear-gradient(90deg, rgb(22, 135, 237), rgb(20, 55, 90));*/
	background-image: url(../image/opening.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center center;
}





/* Loadingバー中央配置　*/
#splash_text {
	position: absolute;
	top: 50%;
	left: 50%;
    z-index: 999;
	width: 100%;
	transform: translate(-50%, -50%);
	color: #fff;
}

/*IE11対策用バーの線の高さ※対応しなければ削除してください*/
#splash_text svg{
    height: 2px;

}

/* モバイル版
------------------------------- */
@media (max-width: 750px) {

#splash {
    /*fixedで全面に固定*/

	background-image: url(../image/opening-tate.png);
	}	
}