/* -- ▷ Splash ------------- 
.splash-container {z-index: 1;overflow: hidden;width: 100%;height: 58%;top: 0;left: 0;position: fixed !important;}
.splash-container-inner {position: relative;display: block;width: 100%;height: 100%;z-index: 3;}

.splash-container::before {display: block; position: absolute; top: 0px; left: 0px; content:""; width: 45%; height: 100%; background: #FFE100 url(/themes/kamo23/images/kamo_ka.svg) no-repeat top center; background-size: contain; border-right: solid 5vw #003894; transform-origin: 40% 0%; transform: skewX(-20deg);}
.splash-container::after {display: block; position: absolute; bottom: 0px; right: 0px; content:""; width: 48%; height: 100%; background: #FFE100 url(/themes/kamo23/images/kamo_mo.svg) no-repeat bottom center; background-size: contain; border-left: solid 5vw #003894; transform-origin: 40% 100%; transform: skewX(-20deg);}
.splash-container-inner::before {display: block; position: absolute; top: 2.5em; left: 0.5em; content:""; width: 48%; height: 30%; background : url(/themes/kamo23/images/kamo_gen_hv.svg) no-repeat top right; background-size: auto; }
.splash-container-inner::after {display: block; position: absolute; bottom: 3em; right: 0.65em; content:""; width: 50%; height: 30%; background: url(/themes/kamo23/images/kamo_kou_hv.svg) no-repeat bottom right; background-size: auto; }

.splash-main {display: block; aspect-ratio: 3 / 4; height: 100%; margin: 0 auto; text-align: center; background:url(/themes/kamo23/images/kamo_vv.png?202302010127) no-repeat center bottom;background-size: cover;}
  
.splash-subhead {color: #FFF;letter-spacing: 0.05em;opacity: 0.8;}
.splash-head {font-size: 20px;font-weight: bold; color: #FFF; border: 3px solid #FFF; padding: 1em 1.6em;}
.content-wrapper {position: absolute; top:57.5%;width: 100%;min-height: 12%;z-index: 2;background: #FFF;}

@media (min-width: 48em) {
.splash-main {display: block; aspect-ratio: 4 / 3; height: 100%; margin: 0 auto; text-align: center; background:url(/themes/kamo23/images/kamo_hv.png?202302010020) no-repeat center bottom;background-size: cover;}
.splash-container::before {width: 40%; background-size: cover; }
.splash-container::after {width: 40%; background-size: cover;}
.splash-container-inner::before {display: block; position: absolute; top: 0px; left: 0.5em; content:""; width: 40%; height: 60%; background :url(/themes/kamo23/images/kamo_gen_hv.svg) no-repeat top right; background-size: auto; }
.splash-container-inner::after {display: block; position: absolute; bottom: 0px; right: 1em; content:""; width: 33%; height: 60%; background: url(/themes/kamo23/images/kamo_kou_hv.svg) no-repeat bottom left; background-size: auto; }

}
*/