*{box-sizing:border-box}html{font-family:'Open Sans','Noto Sans JP','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;font-weight:500}body{margin:0;padding:0;background-color:#f4f4f4;display:flex;flex-direction:column;min-height:100vh}header{color:#fff;text-align:center;background:url(../images/header.webp);aspect-ratio:1920/800;background-size:cover;border-bottom:solid 30px #000;place-items:end;border-width:0 0 30px 0;border-style:solid;border-image-source:linear-gradient(to right,#2471c8,#36f0fd);border-image-slice:1;position:relative}header hgroup{margin:0;position:absolute;right:3%;bottom:calc(3% + 30px)}header h2{margin:0;font-size:76px;font-weight:500;letter-spacing:.05em;filter:drop-shadow(0 0 5px rgba(0,0,0,.3));font-size:clamp(28px,5.5vw,76px)}header p{margin:15px 0 0;opacity:.9;font-size:44px;font-weight:600;letter-spacing:.07em;filter:drop-shadow(0 0 5px rgba(0,0,0,.3));font-size:clamp(21px,3.5vw,44px);text-align:right}main{width:100%;margin:auto;flex:1;background:#eff7ff;padding:140px 0}.main-inner{width:90%;max-width:1600px;margin:auto}.floor-block{width:95%;max-width:1100px;margin:0 auto}.floor-block figure{margin:140px 0}.floor-block p{font-size:24px;text-align:center;line-height:2;color:#222;margin:0;letter-spacing:.05em}figure{margin:0;text-align:center;display:block}figure img.view-360{max-width:100%;height:auto;border-radius:8px}.floor-selector{display:flex;gap:15px}.floor-button{padding:10px 5px;border:1px solid #222;cursor:pointer;transition:background-color 0.2s,color 0.2s;font-size:24px;width:calc(100% / 6);font-weight:500;background:#fff;color:#222;font-size:clamp(15px,1.9vw,23px)}.floor-button:hover{background-color:#ddd}.floor-button.active{background-color:#2ebde8;color:#fff;border-color:#222;outline:none}.floor-map-area{position:relative;margin-bottom:30px;text-align:center;width:100%;max-width:1100px;margin:60px auto 60px;min-height:73px}.floor-map-area h3{font-size:26px;color:#222;margin:0 0 50px;font-weight:600;letter-spacing:.03em}.map-container{position:relative;display:inline-block;max-width:100%;width:100%;height:100%}#floor-map-image{display:block;width:1100px;height:528px;width:100%}#current-floor-indicator{position:absolute;bottom:-10px;right:0;font-size:150px;font-weight:400;color:rgb(16 54 115);padding:0;border-radius:5px;line-height:1;font-feature-settings:"palt"}.cafeteria-style{font-size:90px!important}.map-icon{position:absolute;width:25px;height:25px;background-color:rgba(255,0,0,.7);border-radius:50%;border:2px solid #fff;box-shadow:0 0 8px rgba(0,0,0,.5);transform:translate(-50%,-50%);transition:background-color 0.3s ease,transform 0.3s ease;cursor:pointer;z-index:10;display:none!important}.map-icon:hover{background-color:rgba(0,0,255,.9);transform:translate(-50%,-50%) scale(1.2)}.head-border{display:flex;align-items:center;font-size:28px;font-weight:600;letter-spacing:.03em;color:#222}.head-border:before,.head-border:after{content:"";height:1px;flex-grow:1;background-color:#666}.head-border:before{margin-right:1rem}.head-border:after{margin-left:1rem}.panorama-area h3{text-align:center;color:#222;font-size:48px;text-align:justify;margin:0;font-weight:500;width:max-content;position:relative;z-index:2;padding:0 .2em}.panorama-area h3:after{content:"";position:absolute;bottom:0;right:0;z-index:-1;width:100%;height:12px;background:#ffdc00}.panorama-area p{text-align:center;color:#222;font-size:20px;text-align:justify;line-height:1.6;margin:20px 0 0}#panorama{width:100%;aspect-ratio:1660/933;margin-bottom:40px}#panorama-location-name{font-weight:400}footer{background-color:#143273;color:#fff;padding:80px 0 110px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:60px}footer p{margin:0;line-height:1.6;font-size:28px}footer figure{background:#fff;padding:25px 60px 20px}footer .logo{height:auto;width:100%;max-width:434px}@media (max-width:768px){header{background:url(../images/header_sp.webp);aspect-ratio:575/800;border-width:0 0 22px 0;background-size:cover;background-repeat:no-repeat;justify-items:right;position:relative}header hgroup{width:max-content;position:absolute;bottom:8%;right:10px}header h2{text-align:right;width:max-content}header p{margin:8px 0 0 auto;width:max-content}main{padding:80px 0}.floor-block{width:100%}.floor-block p{font-size:17px;text-align:justify}.floor-block figure{margin:30px auto 56px;width:90%}.floor-selector{gap:25px 3%;flex-wrap:wrap}.floor-button{padding:10px 5px;font-size:24px;width:calc(94% / 3)}.floor-button:nth-of-type(6){font-size:16px;letter-spacing:-.1em}.floor-map-area{width:100%;margin:40px 0 50px;min-height:40px;height:100%}.map-container{position:relative;display:inline-block;max-width:100%;width:100%;height:100%;aspect-ratio:387 / 186;position:relative;padding:186px 0 0;margin:0}#floor-map-image{height:auto;width:100%;min-height:186px;aspect-ratio:387/186;position:absolute;top:0;padding:0;margin:0}#current-floor-indicator{bottom:-4px;right:0;font-size:40px!important}.panorama-area h3{font-size:28px}.panorama-area p{font-size:16px}footer{padding:40px 0 60px;gap:30px}footer p{font-size:15px}footer a{width:70%;margin:auto}footer figure{padding:15px 30px 10px;width:100%;margin:auto}.cafeteria-style{font-size:40px!important}}.floor-5f-thumbnails.swiper{margin:0 0 30px;width:100%}.floor-5f-thumbnails.swiper .swiper-wrapper{display:flex;gap:2%;align-items:center;width:100%;height:auto;margin-bottom:40px}.floor-5f-thumbnails.swiper .swiper-slide{cursor:pointer;transition:all 0.2s ease;overflow:hidden;height:auto;opacity:.7;width:calc(100% / 6)!important;filter:brightness(.5)}.floor-5f-thumbnails.swiper .swiper-slide.active{opacity:1;filter:brightness(1)}.floor-5f-thumbnails.swiper .swiper-slide img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16/9}.floor-5f-thumbnails.swiper .swiper-slide span{font-size:18px;color:#222;margin:15px 0 0;text-align:center;display:block;}.floor-5f-thumbnails.swiper .swiper-pagination{margin-top:10px}@media (max-width:768px){.floor-5f-thumbnails.swiper{margin:20px 0}.floor-5f-thumbnails.swiper .swiper-wrapper{flex-wrap:wrap;gap:15px 4%}.floor-5f-thumbnails.swiper .swiper-slide{border-width:2px;width:48%!important}.floor-5f-thumbnails.swiper .swiper-slide span{font-size:14px;color:#222;margin:10px 0 0;text-align:center;display:block}.floor-map-area h3{font-size:16px;margin-bottom:40px}.head-border{font-size:16px}}