body{overflow:hidden;height:100vh;display:flex;flex-direction:column;margin:0;padding:0;font-family:"Yuji Syuku",serif}.p-top__content{height:50vh;background-color:#fff;overflow:hidden;background-repeat:no-repeat;background-size:cover;width:100vw}.p-top__bottom{height:50vh;background-color:#000}.loading{position:fixed;z-index:1000;width:100%;height:100vh;margin:0;padding:0;background:#fdfdfd}.loading.hide{opacity:0;pointer-events:none;transition:opacity 1000ms}.loading .circle{background-image:url(../img/load.png);background-repeat:no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0 auto;animation:loading 7000ms linear 0ms infinite normal both}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.p-top__center{position:relative;top:-50%;width:100%;z-index:1}.slider{width:100vw;height:60vh;overflow:hidden;position:relative;max-width:100%}.slider div{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;z-index:10;opacity:0;animation-name:slide-fade;animation-duration:18s;animation-iteration-count:infinite}@keyframes slide-fade{0%{opacity:0}5%,35%{opacity:1}40%{opacity:0}100%{opacity:0;z-index:0}}img{width:100%;object-fit:contain}.slider div{max-width:100%;object-fit:contain;position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%}.slider div:first-of-type{background-image:url(../img/top-content1.webp);background-size:100%;max-width:650px;object-fit:contain}.slider div:nth-of-type(2){background-image:url(../img/top-content2.webp);animation-delay:6s;max-width:650px;object-fit:contain;background-size:100%}.slider div:last-of-type{background-image:url(../img/top-content3.webp);animation-delay:12s;max-width:650px;object-fit:contain;background-size:100%}.right-bottom-text{position:absolute;bottom:13%;right:10%;writing-mode:vertical-rl;text-align:left;text-orientation:upright}.right-bottom-text a{font-family:"Yuji Syuku",serif;line-height:62px;font-size:clamp(19px,3.5vw,28px)}.left-bottom-text{position:absolute;bottom:15%;left:5%;writing-mode:vertical-rl;text-align:left;text-orientation:upright;font-size:clamp(11px,1.5vw,23px);line-height:55px;z-index:2;font-family:"ab-ootori",sans-serif;text-shadow:1px 1px 3px #000}header{position:fixed;width:100%;height:100px;background-color:transparent;display:flex;justify-content:end;z-index:10}.vertical-menu{writing-mode:vertical-rl;text-align:left;text-orientation:upright;padding:0;margin-top:20px;height:200px;font-size:30px;z-index:10;text-shadow:1px 1px 3px #000}.vertical-menu ul{list-style:none;padding:0}.vertical-menu ul li a{color:#fff;font-family:"Yuji Syuku",serif;position:relative}.vertical-menu ul li a::after{position:absolute;right:0;top:0;content:'';width:2px;height:100%;background:#fff;transform:scale(0,1);transform-origin:center top;transition:transform 0.3s;display:inline-block}.vertical-menu ul li a:hover::after{transform:scale(1,1)}a{text-decoration:none}header .logo{margin-right:10%;margin-top:100px;height:10px}header .logo img{width:150px}.top-bg div img{position:absolute;top:50%;left:37%;transform:translate(-50%,-50%);max-width:1150px}@media screen and (max-width:650px){.vertical-menu ul li a{line-height:0}.left-bottom-text{bottom:5%;right:5%;line-height:35px}header .logo{margin-top:10px;margin-right:5%}}