.top_animation{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:100}.top_animation__white{position:fixed;top:0;left:0;margin:-10% -10% 0;width:120%;height:120%;z-index:110;background-color:rgba(255,255,255,.8);-webkit-transform:rotate(3deg) translate(0,0);transform:rotate(3deg) translate(0,0);-webkit-transform-origin:right center;transform-origin:right center}.top_animation__white.is_hide{height:0;-webkit-animation-delay:1s;animation-delay:1s;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.top_animation__bg{position:fixed;top:0;left:0;width:120%;height:120%;z-index:90;background-color:#fff;-webkit-transform:translate(0,120%);transform:translate(0,120%);-webkit-transform-origin:right center;transform-origin:right center;-webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out;-webkit-animation-delay:2.3s;animation-delay:2.3s;-webkit-transform:translate(0,0);transform:translate(0,0)}.top_animation__bg.is_hide{height:0;-webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out;-webkit-animation-delay:2.3s;animation-delay:2.3s}.top_animation__logo{position:fixed;width:100%;height:100%;top:0;left:0;background:0 0;z-index:100}.top_animation__logo img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60%;max-width:473px;height:auto}@media screen and (max-width:960px){.top_animation__logo img{width:80%}}.top_animation__logo.is_hide{opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-animation-delay:1.8s;animation-delay:1.8s}