:root{font-family:"Yu Gothic",Meiryo,sans-serif;color:#20343d;background:#edf0e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible,img:focus-visible{outline:3px solid #b99e55;outline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;border-bottom:1px solid #d3dacf}header img{width:190px;height:auto;display:block}header>span{font:9px Arial,sans-serif;letter-spacing:.15em}main{max-width:1200px;margin:auto;padding:34px 5% 40px}.intro{text-align:center;margin-bottom:28px}.eyebrow{font:10px Arial,sans-serif;letter-spacing:.2em;color:#778570}h1{font-family:"Yu Mincho",serif;font-size:32px;font-weight:500;letter-spacing:.08em;margin:18px 0 16px}.intro>p:last-child{font-size:13px}.room-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.room-tabs button{min-width:130px;padding:10px 25px;border:1px solid #acbbae;border-radius:24px;background:transparent;font-size:12px}.room-tabs button[aria-pressed=true]{background:#213a40;color:#fff;border-color:#213a40}.viewer{position:relative;overflow:hidden;background:#d8ded8;isolation:isolate}.viewer.panorama{aspect-ratio:16/9;min-height:340px}.viewer.exterior{aspect-ratio:16/11}.viewer canvas,.viewer>img{width:100%;height:100%;display:block;object-fit:cover}.viewer canvas{position:absolute;inset:0;touch-action:none;cursor:grab}.viewer canvas:active,.exterior:active{cursor:grabbing}.viewer>img{user-select:none;-webkit-user-drag:none}.exterior{touch-action:pan-y;cursor:grab}.viewer-caption{position:absolute;left:14px;bottom:14px;padding:5px 10px;background:#203a40c4;color:white;font-size:10px;pointer-events:none}#status{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:max-content;max-width:88%;background:#203a40e6;color:white;font-size:12px;line-height:1.9;padding:12px 20px;margin:0;text-align:center;pointer-events:none}.controls{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;padding:21px 0 8px}.controls button{min-height:42px;min-width:44px;border:1px solid #9eafa0;background:#f8faf5;padding:9px 15px;font-size:12px;border-radius:3px}.controls button[aria-pressed=true]{background:#203a40;color:white}.helper{text-align:center;font-size:11px;color:#607062}.note{max-width:750px;margin:23px auto 0;font-size:12px;line-height:2}.small{font-size:10px;color:#6c786c;margin-top:10px}nav{display:flex;justify-content:center;gap:35px;flex-wrap:wrap;margin-top:27px;font-size:12px}nav a{border-bottom:1px solid #9baa9b;padding-bottom:8px}footer{text-align:center;font-size:11px;padding:25px 5%;background:#23383e;color:#eee}@media(max-width:700px){header{padding:17px 6%}header img{width:150px}header>span{display:none}main{padding:28px 0 30px}.intro{padding:0 20px;margin-bottom:23px}h1{font-size:25px;letter-spacing:.025em}.intro>p:last-child{font-size:11px}.viewer.panorama{aspect-ratio:4/5;min-height:0;max-height:68svh}.viewer.exterior{aspect-ratio:1;max-height:64svh}.viewer.exterior>img{object-fit:contain}.controls{gap:7px;padding:17px 12px 5px}.controls button{padding:9px 12px;font-size:11px}.note{padding:0 24px;font-size:11px}.small{font-size:9px}.helper{font-size:10px;padding:0 20px}nav{padding:0 20px;gap:22px;font-size:11px}.viewer-caption{font-size:9px;left:10px;bottom:10px}}