/* Shared navigation: clear labels and generous hit targets. */
header nav a{font-size:12px;line-height:1.7;padding:12px 0}header .header-contact{font-size:12px}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline-offset:4px}
/* Purpose-built layout for the five application proposals. */
.proposals-page{--proposal-ink:#183a52;--proposal-muted:#536e82;--proposal-edge:#d8e4ed;background:#f5f8fa}.proposals-page main{overflow:clip}.proposal-hero{padding:28px max(6%,calc((100% - 1240px)/2)) 54px}.proposal-hero .breadcrumb{margin-bottom:35px;font-size:10px}.proposal-hero h1{font-size:clamp(34px,3.8vw,54px);line-height:1.55;margin:22px 0}.proposal-hero p{font-size:15px;line-height:2;color:#c4d8e5}.proposal-hero .tiny{font-size:10px}.proposal-hero-stamp{padding-left:36px}.proposal-hero-stamp strong{font-size:106px}.proposal-hero-stamp p{font-size:12px;line-height:1.8}.proposal-jump{position:sticky;top:0;z-index:8;box-shadow:0 4px 16px #163c520a;padding:0 max(6%,calc((100% - 1240px)/2));overflow-x:auto;scrollbar-width:thin;isolation:isolate}.proposal-jump a{position:relative;min-height:88px;padding:16px 20px;white-space:nowrap;font-size:14px;border:0;border-bottom:3px solid transparent;transition:background .15s,color .15s}.proposal-jump a:first-child{border-left:0}.proposal-jump small{font-size:10px;margin-bottom:4px}.proposal-jump a:hover,.proposal-jump a[aria-current=true]{background:#eaf4fc;color:#006db8;border-bottom-color:#006db8}.proposal-jump a[aria-current=true] small{color:#006db8}.proposal-guidance{padding:24px max(6%,calc((100% - 1240px)/2));gap:24px;background:#eaf2f8}.proposal-guidance>span{font-size:12px}.proposal-guidance p{font-size:12px;color:#536e82;line-height:1.9}.proposal-scene{padding:64px max(6%,calc((100% - 1240px)/2));scroll-margin-top:100px}.proposal-scene-heading{padding-bottom:24px;margin-bottom:32px;gap:20px}.proposal-scene-heading .tiny{font-size:10px}.proposal-scene-heading h2{font-size:32px;font-weight:700}.proposal-no{font-size:50px;color:#006db8}.scene-use{font-size:12px;padding:8px 13px;background:#e9f2f8;color:#486b84;border-radius:4px}.proposal-grid{grid-template-columns:1.1fr 1fr;gap:40px}.plan-figure{border-radius:10px;overflow:hidden;box-shadow:0 6px 24px #254b6908;position:relative}.plan-top{padding:18px 22px;flex-wrap:wrap;gap:10px}.plan-top>span{font-size:9px;letter-spacing:1px}.plan-top b{font-size:12px;font-weight:600}.plan-figure figcaption{padding:22px}.plan-markers{gap:13px 16px}.plan-markers>span{font-size:12px;line-height:1.7}.plan-markers b{width:22px;height:22px;flex-shrink:0;font-size:11px}.plan-figure figcaption p{font-size:10px;line-height:1.8;flex-wrap:wrap;color:#526f84}.plan-figure .room-label{font-size:13px;fill:#345d79}.plan-figure .outside-label{fill:#4f738e}.diagram-expand{font:inherit;font-size:11px;background:#fff;color:#006db8;border:1px solid #b8cfdf;border-radius:5px;cursor:pointer;padding:9px 13px;display:flex;gap:14px;align-items:center;margin:0 22px 20px;min-height:38px}.diagram-expand:hover{background:#edf7ff}.proposal-explanation h3{font-size:25px;line-height:1.7;font-weight:700;margin-bottom:16px;overflow-wrap:anywhere}.proposal-explanation>p,.proposal-explanation li p{font-size:14px;line-height:1.95;color:var(--proposal-muted)}.proposal-explanation li{padding:17px 0 0;margin-top:17px}.proposal-explanation h4{font-size:14px;font-weight:600;margin-bottom:8px}.proposal-bottom{margin-top:32px;background:#eaf2f8;padding:26px;border:1px solid #d7e5ef;border-radius:8px;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.proposal-bottom>div>span{font-size:12px;color:#254e6c}.proposal-bottom p{font-size:13px;line-height:1.9;color:#48687f}.proposal-bottom small{font-size:11px;line-height:1.8;color:#688196}.proposal-bottom>a{grid-column:1 / -1;justify-self:end;min-width:250px;padding:15px 20px;font-size:13px;border-radius:5px;min-height:52px}.proposal-bottom>a:hover{background:#005b9a}.proposal-close{padding:60px max(6%,calc((100% - 1240px)/2));gap:40px}.proposal-close .tiny{font-size:10px}.proposal-close p{font-size:14px;line-height:2}.proposal-close .button{font-size:13px;border-radius:5px}.proposal-close .text-link{font-size:12px}.diagram-dialog{width:min(960px,94vw);max-height:92svh;overflow:auto;border:0;border-radius:12px;padding:0;color:#193d55;box-shadow:0 30px 100px #071b3266}.diagram-dialog::backdrop{background:#092136bc;backdrop-filter:blur(4px)}.diagram-dialog-top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#fff;position:sticky;top:0;z-index:1;border-bottom:1px solid #d8e5ee}.diagram-dialog-top h2{font-size:19px;line-height:1.5}.diagram-dialog-top button{font:inherit;font-size:13px;color:#345b75;background:#eef4f8;border:1px solid #c9dae6;min-height:42px;min-width:74px;border-radius:5px;cursor:pointer}.diagram-dialog svg{display:block;width:100%;height:auto}.diagram-dialog>p{font-size:12px;padding:4px 24px 20px;color:#5f7c91;margin:0}.diagram-dialog .room-label{font-size:13px;fill:#345d79}.diagram-dialog .outside-label{font-size:11px;fill:#4f738e}.diagram-dialog .cam-number{font-size:11px;font-weight:700}
@media(max-width:1100px){header{gap:22px}header nav{gap:18px}header nav a{font-size:11px}.proposal-grid{gap:28px}.proposal-explanation h3{font-size:22px}.proposal-explanation>p,.proposal-explanation li p{font-size:13px}.proposal-jump a{font-size:12px;padding:16px 12px}.proposal-hero-row{grid-template-columns:1fr 170px}.plan-top>span{font-size:8px}}
@media(max-width:740px){.proposal-hero{padding:24px 6% 35px}.proposal-hero .breadcrumb{font-size:9px;margin-bottom:28px}.proposal-hero h1{font-size:30px;line-height:1.6}.proposal-hero p{font-size:13px;line-height:2}.proposal-hero .tiny{font-size:8px;letter-spacing:1px}.proposal-jump{display:flex!important;position:sticky!important;top:0;width:100%!important;padding:0 5%!important;gap:0!important;background:#fff!important;scroll-padding-inline:5%}.proposal-jump a,.proposal-jump a:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;flex:0 0 auto;min-height:72px;padding:12px 17px;font-size:13px;border-bottom:3px solid transparent;line-height:1.5}.proposal-jump small{font-size:9px;line-height:1.2;margin:0}.proposal-jump span{display:none}.proposal-jump a[aria-current=true]{border-bottom-color:#006db8}.proposal-guidance{padding:22px 6%}.proposal-guidance p{font-size:12px;line-height:1.9}.proposal-guidance>span{font-size:12px}.proposal-scene{padding:38px 6%;scroll-margin-top:88px}.proposal-scene-heading{gap:16px;padding-bottom:20px;margin-bottom:24px}.proposal-scene-heading h2{font-size:27px;line-height:1.5}.proposal-scene-heading .tiny{font-size:9px;letter-spacing:1px}.proposal-no{font-size:44px}.scene-use{font-size:11px;margin:0;width:auto;padding:7px 10px;flex-basis:auto}.proposal-grid{grid-template-columns:1fr;gap:27px}.plan-top{padding:16px;gap:8px}.plan-top>span{font-size:8px}.plan-top b{font-size:11px}.plan-figure figcaption{padding:18px 16px}.plan-markers{gap:12px 10px}.plan-markers>span{font-size:11px}.plan-markers b{width:21px;height:21px;font-size:10px}.plan-figure figcaption p{font-size:10px;line-height:1.7;gap:5px}.legend-view{margin-left:2px}.diagram-expand{font-size:12px;margin:0 16px 17px;min-height:44px;justify-content:center;width:calc(100% - 32px)}.proposal-explanation h3{font-size:23px;line-height:1.7}.proposal-explanation>p,.proposal-explanation li p{font-size:14px;line-height:1.95}.proposal-explanation h4{font-size:14px}.proposal-explanation li{padding-top:17px;margin-top:17px}.proposal-bottom{grid-template-columns:1fr;padding:22px 18px;gap:23px;margin-top:27px}.proposal-bottom>div>span{font-size:12px}.proposal-bottom p{font-size:13px;line-height:1.9}.proposal-bottom small{font-size:11px}.proposal-bottom>a{grid-column:auto;justify-self:stretch;min-width:0;font-size:13px;padding:15px 17px}.proposal-close{padding:40px 6%;gap:24px}.proposal-close p{font-size:13px;line-height:2}.proposal-close .button{font-size:13px;min-height:56px}.proposal-close .text-link{font-size:12px}.diagram-dialog-top{padding:14px 16px;gap:15px}.diagram-dialog-top h2{font-size:16px}.diagram-dialog>p{font-size:11px;padding:4px 16px 18px}.diagram-dialog svg{min-width:560px}.diagram-dialog{width:96vw}.diagram-scroll{overflow:auto}}
@media(prefers-reduced-motion:reduce){.proposal-jump a{transition:none}}
@media(max-width:740px){.proposal-jump{flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;left:auto;right:auto;height:auto;max-height:76px}.proposal-jump a{border-right:0}.diagram-scroll:after{content:"図を左右にスワイプして確認できます";display:block;padding:8px 16px;font-size:10px;color:#006db8;background:#eef6fb;position:sticky;left:0}}
@media(max-width:740px){.proposal-jump{overflow-y:hidden;max-height:none;scrollbar-width:none}.proposal-jump::-webkit-scrollbar{display:none}}
