.toilet-hero{background:#eeeae3}.toilet-accent{color:#a86d53}.toilet-hero-graphic{background:#dce5df;padding:58px 8% 45px;display:flex;flex-direction:column;justify-content:space-between;min-height:560px}.plan-kicker,.plan-caption{font-size:11px;letter-spacing:.12em;color:#536d5d}.plan-board{height:355px;position:relative;background:#eeeae1;border:1px solid #b7c7b9;overflow:hidden}.plan-wall{position:absolute;background:#607665}.plan-wall.top{height:13px;left:0;right:0;top:0}.plan-wall.left{width:13px;left:0;top:0;bottom:0}.plan-clearance{position:absolute;width:159px;height:189px;left:71px;top:63px;border:2px dashed #a57659}.plan-rack{position:absolute;z-index:1;width:130px;height:170px;left:85px;top:73px;background:#8aa18a;border:9px solid #496a55;box-shadow:8px 10px 0 #5c755e30;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.plan-rack b{font-size:12px}.plan-rack strong{font:21px 'DM Sans',sans-serif;white-space:nowrap;margin:9px 0}.plan-rack small{font-size:11px}.plan-door{position:absolute;right:42px;bottom:41px;width:138px;height:138px;border:3px dashed #aa785c;border-left:0;border-bottom:0;border-radius:0 100% 0 0;transform:rotate(-12deg)}.plan-door:after{content:'';position:absolute;width:136px;border-top:6px solid #aa785c;right:0;bottom:0;transform:rotate(16deg);transform-origin:right}.plan-w,.plan-d,.plan-path{position:absolute;color:#4d6553;font-size:11px}.plan-w{left:111px;top:37px}.plan-d{left:22px;top:130px;writing-mode:vertical-rl}.plan-path{right:28px;bottom:27px;color:#996b53}.plan-caption{line-height:1.7}.toilet-measures{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0 15px}.toilet-measures>div{padding:25px;background:#e7eee7;display:flex;flex-direction:column;gap:11px}.toilet-measures>div+div{background:#eee7df}.toilet-measures span{font-size:13px;color:#596e5b}.toilet-measures strong{font:clamp(25px,2.8vw,38px) 'DM Sans',sans-serif;white-space:nowrap;color:#3e5945}.toilet-measures strong small{font-size:.45em}.toilet-measures>div>small{font-size:11px;color:#67766a}.toilet-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.toilet-checks>div{padding:28px;background:#e8ede6}.toilet-checks>div:nth-child(2){background:#eee9e1}.toilet-checks>div:nth-child(3){background:#e4eae3}.toilet-checks span{color:#748a75;font-size:12px}.toilet-checks h3,.toilet-source h3{font-family:'Noto Serif JP',serif;font-size:22px;font-weight:500;margin:28px 0 14px}.toilet-checks p,.toilet-source p{font-size:12px;line-height:1.9;color:#5e6d60}.toilet-source{border:1px solid #d8dfd5;background:#fffefa;padding:31px;display:flex;justify-content:space-between;gap:45px}.toilet-source>div:first-child{max-width:570px}.toilet-source small{color:#718472}.toilet-source h3{margin:12px 0}.toilet-source .source-links{min-width:250px;align-self:center;margin:0}@media(max-width:900px){.toilet-hero-graphic{min-height:500px}.plan-board{max-width:550px;width:100%;margin:auto}.toilet-checks{grid-template-columns:1fr}.toilet-source{flex-direction:column;gap:18px}.toilet-source .source-links{align-self:stretch}}@media(max-width:560px){.toilet-hero-graphic{padding:32px 22px;min-height:420px}.plan-board{height:285px}.plan-clearance{left:49px;top:52px;width:128px;height:157px}.plan-rack{left:60px;top:60px;width:104px;height:138px}.plan-rack strong{font-size:16px}.plan-w{left:71px;top:27px}.plan-d{left:18px;top:102px}.plan-door{right:23px;bottom:34px;width:105px;height:105px}.plan-door:after{width:104px}.plan-path{right:8px;font-size:9px}.toilet-measures{grid-template-columns:1fr}.toilet-measures strong{font-size:30px}.toilet-source{padding:24px}}
.toilet-photo-feature{background:linear-gradient(145deg,#e2ebe3,#d3e0d5);align-items:center;gap:18px}
.toilet-photo-feature .plan-kicker,.toilet-photo-feature .plan-caption{align-self:stretch}
.toilet-photo-link{display:block;background:#fff;padding:8px;width:min(340px,82%);box-shadow:0 18px 35px #405c4420}
.toilet-photo-link img{display:block;width:100%;height:auto}
.toilet-photo-measure{align-self:stretch;display:flex;justify-content:space-between;align-items:end;gap:12px;border-top:1px solid #8fa790;padding-top:16px;color:#3c5b44}
.toilet-photo-measure strong{font-family:'Noto Serif JP',serif;font-size:31px;font-weight:500}
.toilet-photo-measure span{font-size:12px}
@media(max-width:560px){.toilet-photo-feature{min-height:0}.toilet-photo-measure{flex-direction:column;align-items:start}}