@charset "UTF-8";
/* コンパイルCSS 直接修正禁止 */
.top-loading{margin:auto;width:150px;height:130px;overflow:hidden;position:fixed;inset:0 0 130px;z-index:2000;pointer-events:none}.top-loading_wrap{width:100%;height:100%;background-color:#fff;position:fixed;top:0;left:0;z-index:500000000}.top-loading-box{display:flex;justify-content:center;align-items:center;margin:0 auto;width:98px;height:60px;background-color:#f3f1eb;position:absolute;z-index:10;inset:auto 0 0}.top-loading-box::after,.top-loading-box::before{content:"";width:50%;height:5px;background-color:#f3f1eb;position:absolute;top:-3px}.top-loading-box::before{left:0;transform:rotate(-20deg);transform-origin:left center;animation:loading_futa_left forwards .5s;animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-delay:.6s}.top-loading-box::after{right:0;transform:rotate(10deg);transform-origin:right center;animation:loading_futa_right forwards .5s;animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-delay:.6s}.top-loading-box>svg{width:65px;height:20px}.top-loading>svg{margin:0 auto;position:absolute;inset:70px 0 auto}.top-loading-img01{width:68px;height:113px;animation:loading_img01 forwards 1s;animation-delay:.3s}.top-loading-img02{width:31px;height:28px;animation:loading_img02 forwards 1s;animation-delay:.3s}.top-loading-img03{width:37px;height:28px;animation:loading_img03 forwards 1s;animation-delay:.3s}.top-loading-img04{width:16px;height:16px;animation:loading_img04 forwards 1s;animation-delay:.3s}.top-loading-bar{margin:auto;height:3px;width:160px;border-radius:100px;background-color:#f3f1eb;overflow:hidden;position:fixed;inset:0 0 -80px;pointer-events:none;user-select:none;z-index:55000000000}.top-loading-bar_inner{--progress:0%;box-sizing:border-box;display:block;border-radius:100px;max-width:160px;position:fixed;z-index:2000;height:100%;width:100%;clip-path:polygon(0 0,var(--progress) 0,var(--progress) 100%,0 100%);position:absolute;top:0;right:left;transition:clip-path .2s;background-image:linear-gradient(to right,#2ca4d3 40px,#77bd55 40px,#77bd55 80px,#f0677a 80px,#f0677a 120px,#fabe42 120px,#fabe42 160px)}.top-loading-text>svg{margin:auto;width:73px;height:11px;position:absolute;inset:0 0 -145px}@keyframes loading_futa_left{20%{transform:rotate(-20deg)}100%{transform:rotate(-150deg)}}@keyframes loading_futa_right{20%{transform:rotate(20deg)}100%{transform:rotate(150deg)}}@keyframes loading_img01{40%{transform:translate(0,0)}100%{transform:translate(0,-69px)}}@keyframes loading_img02{40%{transform:translate(0,0)}100%{transform:translate(-36px,-38px)}}@keyframes loading_img03{40%{transform:translate(0,0)}100%{transform:translate(20px,-31px)}}@keyframes loading_img04{40%{transform:translate(0,0)}100%{transform:translate(34px,-44px)}}body:not(.__kv-video-loaded-end) .top-loading_wrap{opacity:1}body.__kv-video-loaded-end .top-loading_wrap{opacity:0;transition:opacity .6s;pointer-events:none}@media print,screen and (min-width:769px){body:not(.__kv-video-loaded-end) .top_container{height:calc(100vh + 1px);overflow:hidden}body:not(.__kv-video-loaded-end)>:not(.top_container,.top-loading_wrap){display:none}}@media screen and (max-width:768px){body:not(.__kv-video-loaded-end){overflow:hidden}}
/*# sourceMappingURL=top-loading_2023.css.map */