.top-page-contents{width:100vw;height:100vh;overflow:hidden;position:relative}.top-page-contents-photo{width:100vw;height:100vh;object-fit:cover;position:absolute;top:0;left:0;z-index:5}.top-page-layer1,.top-page-layer2,.top-page-layer3,.top-page-layer4{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:#000;z-index:8}.top-page-contents-container{position:absolute;width:100vw;height:100vh;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.top-page-contents-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.top-beer-logo,.top-gbc-logo{width:300px}.top-sh-logo{width:360px}.top-page-contents-logo img{height:auto}.top-page-contents-text{position:absolute;top:50%;left:50%;width:30vw;display:flex;flex-direction:column;transform:translateY(-50%);color:#fff}.top-page-contents-text a{text-decoration:none;color:#fff;transition:color .3s ease}.top-page-contents-text a:hover{color:#ff5e00}.hover-arrow{margin-left:10px;font-size:22px;color:#ff5e00;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.top-page-contents-text a:hover .hover-arrow{opacity:1;visibility:visible;animation:wipeEffect .3s forwards}@keyframes wipeEffect{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media (max-width: 768px){.top-beer-logo,.top-gbc-logo{width:150px}.top-sh-logo{width:220px;margin:0 -40px}.top-page-contents-text{position:absolute;top:55%;left:0;width:calc(100% - 20px);padding:10px;transform:translateY(0);color:#fff}.top-page-contents-text h2{font-size:14px}.top-page-contents-text p{white-space:normal;font-size:12px}.top-page-contents-text a{font-size:12px}}