.loading01,.loading02{position:fixed;left:0px;top:0px;right:0px;bottom:0px;min-width:100%;min-height:100%;z-index:9999;transition:.3s ease;pointer-events:none}.loading01 .mask,.loading02 .mask{width:100%;height:100%;position:absolute;top:0;left:0;background:url("../images/mask02.png") no-repeat 0 0/1100% 100%}.loading01 .logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .4s}@media(max-width: 1023.9px){.loading01 .logo img{width:53.3333333333vw}}.loading01 .mask{background-image:url("../images/mask01.webp")}@media(max-width: 1023.9px){.loading01 .mask{background-image:url("../images/mask01-sp.png?1")}}.loading02 .mask{background-image:url("../images/mask02.webp")}@media(max-width: 1023.9px){.loading02 .mask{background-image:url("../images/mask02-sp.png?1")}}.loading01.active .logo{opacity:0}.loading01.active .mask{animation:frame .6s steps(10) .7s both}.loading02.active .mask{animation:frame .6s steps(10) .3s both}.loadingCol{position:fixed;left:0px;top:0px;right:0px;bottom:0px;min-width:100%;min-height:100%;z-index:9999}.loadingCol:has(.loading02.active) .skip_btn{transition-delay:.6s;opacity:0}@keyframes frame{from{background-position:0 0}to{background-position:100% 0}}.skip{position:fixed;z-index:10000;top:20px;right:20px}.skip_btn{background:none;border:none;outline:none;appearance:none;cursor:pointer;display:block;width:120px;margin:0;padding:0;transition-duration:.3s}@media(min-width: 1024px){.skip_btn:hover{opacity:.7}}@media(max-width: 1023.9px){.skip_btn{top:2.6666666667vw;right:2.6666666667vw;width:21.3333333333vw}}.skip img{width:100%;height:auto;vertical-align:bottom}