@charset "utf-8";
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
株式会社サンロイヤル新潟　カスタム対応
	ver.2025.05.30.Custom-SunroyalNiigata
	ローディングアニメーション　スタイルシート
────────────────────────────────────────
FileName:		/resources/css/loading.css
Editor:			TRUSTEC
Description:	ローディングアニメーションのcss
────────────────────────────────────────
2025/05/30:		サンプル開発開始。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/



/* :::::  [SECTION : MAIN] ::::: */
:root {

	/*
	--------- --------- --------- ------- */
	/**	背景色	*/
	--custom-background-color: #fbfbfb;

	/**	ロゴ画像の幅	*/
	--custom-logo-img-width-large: 15%;
	--custom-logo-img-width-medium: 25%;
	--custom-logo-img-width-small: 50%;

	--custom-logo-img-top-large: 40%;
	--custom-logo-img-left-large: 43%;

	--custom-logo-img-top-medium: 40%;
	--custom-logo-img-left-medium: 38%;

	--custom-logo-img-top-small: 40%;
	--custom-logo-img-left-small: 22%;

}


/* :::::  [SECTION : PRIVACYPOLICY] ::::: */
/* Loading背景画面設定　*/
#splash {
/*fixedで全面に固定*/
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1050;
    background-image: linear-gradient(#83a84a, #00813d);
	text-align:center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.setBlur{
	opacity: 0 !important;
	transition: all 1s !important;
}

/* Loading画像中央配置　*/
#splash_logo {
	position: absolute;
    top: var(--custom-logo-img-top-large);
    left: var(--custom-logo-img-left-large);
	width: var(--custom-logo-img-width-large);
	min-width: 200px;
}
@media(max-width: 768px){
	#splash_logo {
		top: var(--custom-logo-img-top-medium);
		left: var(--custom-logo-img-left-medium);
		width: var(--custom-logo-img-width-medium);
	}
}
@media(max-width: 576px){
	#splash_logo {
		top: var(--custom-logo-img-top-small);
		left: var(--custom-logo-img-left-small);
		width: var(--custom-logo-img-width-small);
	}
}

.logo-img{
    object-fit: contain;
    object-position: center;
    display: block;
}
.logo-img img{
    width: 100%;
}