@charset "utf-8";
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トラステック標準WEBサイト PHP + BootStrap
宮川動物病院　カスタム対応
	ver.2025.07.09.miyagawa-ah.com
	ローディングアニメーション　スタイルシート
────────────────────────────────────────
FileName:		/resources/css/loading.css
Editor:			TRUSTEC
Description:	ローディングアニメーションのcss
────────────────────────────────────────
2025/05/30:		サンプル開発開始。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/



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



}


/* :::::  [SECTION : PRIVACYPOLICY] ::::: */
/* Loading背景画面設定　*/
#splash {
/*fixedで全面に固定*/
	position: fixed;
	width: 100%;
	height: 100vh;
	z-index: 1050;
    background-color: #4699CA;
	text-align:center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

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

/* Loading画像中央配置　*/
#splash_logo {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#splash_logo svg{
    width: 386.44px;
    height: 76.39px;
    aspect-ratio: auto 386.44 / 76.39;
}
@media(max-width: 576px){
	#splash_logo svg{
		width: 200px;
		height: auto;
	}
}
/***************************************************
 * Generated by SVG Artista on 9/18/2025, 3:33:15 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 849.2446899414062px;
    stroke-dasharray: 849.2446899414062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 849.2446899414062px;
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-1 {
  animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 849.2446899414062px;
    stroke-dasharray: 849.2446899414062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 849.2446899414062px;
  }
}

.svg-elem-2 {
  animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 576.6637573242188px;
    stroke-dasharray: 576.6637573242188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 576.6637573242188px;
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-3 {
  animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 576.6637573242188px;
    stroke-dasharray: 576.6637573242188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 576.6637573242188px;
  }
}

.svg-elem-4 {
  animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 924.0072021484375px;
    stroke-dasharray: 924.0072021484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 924.0072021484375px;
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-5 {
  animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 924.0072021484375px;
    stroke-dasharray: 924.0072021484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 924.0072021484375px;
  }
}

.svg-elem-6 {
  animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 618.1741943359375px;
    stroke-dasharray: 618.1741943359375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 618.1741943359375px;
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-7 {
  animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 618.1741943359375px;
    stroke-dasharray: 618.1741943359375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 618.1741943359375px;
  }
}

.svg-elem-8 {
  animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}