:root{--navy:#081b2c;--dark:#0c2437;--aqua:#8bd7e2;--text:#203343;--mute:#5c7080;--paper:#f4f7f8;--line:#d5e0e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--text);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.8;padding-bottom:86px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p{margin:0 0 18px}h1,h2,h3{line-height:1.45}body{word-break:keep-all;overflow-wrap:anywhere}h2{font-size:clamp(28px,3.4vw,48px);margin:12px 0 26px;letter-spacing:.025em}h3{font-size:21px;margin:12px 0}small,.note{font-size:12px;color:var(--mute)}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.header-inner{height:88px;max-width:1440px;margin:auto;padding:0 40px;display:flex;align-items:center;gap:24px}.brand{margin-right:auto}.brand img{width:265px}.header-phone{border-left:1px solid var(--line);padding-left:22px;line-height:1.4}.header-phone strong{font-size:25px;letter-spacing:.03em}.header-phone small{display:block}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--navy);color:white;padding:16px 23px;font-weight:700;font-size:14px}.button span{color:var(--aqua)}.bright{background:var(--aqua);color:var(--navy)}.bright span{color:var(--navy)}.overline{font-size:12px;letter-spacing:.17em;font-weight:800;color:#13819b;margin:0 0 16px}.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;min-height:610px;align-items:center;gap:6%}.hero-copy{padding:55px 0}.hero .overline{color:var(--aqua)}.hero h1{font-size:clamp(38px,4.2vw,62px);letter-spacing:.03em;margin:18px 0 26px;line-height:1.42}.hero h1 span{color:var(--aqua)}.hero-lead{color:#d3e0e8;font-size:16px;max-width:510px}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.hero-tags span{border:1px solid #486173;padding:4px 12px;font-size:12px}.hero-photo{position:relative;margin:0;align-self:stretch;padding:40px 0;display:flex;align-items:center}.hero-photo img{width:100%;max-height:530px;object-fit:contain}.hero-photo figcaption{position:absolute;bottom:13px;right:0;color:#afc8d3;font-size:11px}.hero-action{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.hero-action a:last-child{font-size:13px;border-bottom:1px solid #6d8799}.proof{background:var(--paper);border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0}.proof-grid div{padding:0 25px;border-right:1px solid var(--line)}.proof-grid div:first-child{padding-left:0}.proof-grid div:last-child{border:0}.proof strong{display:block;font-size:21px}.proof small{font-size:12px}.section{padding:80px 0}.muted{background:var(--paper)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.intro p{color:var(--mute)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:27px;background:white;border:1px solid var(--line)}.card .num{font-size:13px;color:#13819b;letter-spacing:.08em}.card p{font-size:14px;color:var(--mute);margin:0}.auth{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.auth article{background:#fff;padding:27px}.auth strong{font-size:20px;display:block;margin:15px 0 10px}.auth p{font-size:14px;color:var(--mute);margin:0}.icon{height:50px;width:50px;color:#176c80}.icon svg{height:100%;width:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.section-note{margin:17px 0 0;font-size:12px;color:var(--mute)}.use-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}.use{padding:28px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:55px 1fr;gap:12px}.use b{font-size:28px;color:#91b0bc;font-weight:400}.use h3{margin:0 0 10px}.use p{font-size:14px;color:var(--mute);margin:0}.dark{background:var(--navy);color:white}.dark .overline{color:var(--aqua)}.strength-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:center}.strength-photo img{width:100%;max-height:380px;object-fit:cover}.strength-photo figcaption{font-size:12px;color:#9bb4c3;margin-top:8px}.strength-photo{margin:0}.strength-list{padding:0;list-style:none}.strength-list li{padding:16px 0;border-top:1px solid #304455}.strength-list b{display:block;font-size:19px;margin-bottom:4px}.strength-list p{font-size:14px;color:#c2d1dc;margin:0}.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare article{border-top:3px solid #177d93;background:white;padding:30px}.compare p{color:var(--mute);font-size:14px}.label{font-size:11px;letter-spacing:.13em;color:#13819b;font-weight:bold}.check{background:#e7f0f3;padding:22px 26px;margin-top:24px;font-size:14px}.check p{margin:5px 0 0}.cost{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0}.cost span{padding:16px 23px;background:var(--paper);font-weight:bold}.cost i{font-style:normal;color:#7a929f}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:38px}.step{border-top:1px solid var(--line);padding-top:20px}.step b{font-size:13px;color:#13819b}.step p{font-size:14px;color:var(--mute)}.step h3{font-size:19px}.faq{max-width:950px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-weight:700;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'＋';color:#13819b}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:var(--mute);margin:16px 0 0}.company{display:grid;grid-template-columns:.7fr 1.3fr;gap:6%}.company dl{margin:0;font-size:14px}.company dl div{display:grid;grid-template-columns:105px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}dt{font-weight:bold}dd{margin:0}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8%}.contact-grid h2{font-size:clamp(28px,3vw,43px)}.contact-grid p{color:#c5d6e0}.contact-box{border:1px solid #435d6f;padding:25px;text-align:center}.tel{display:block;font-size:clamp(26px,3vw,39px);font-weight:bold;letter-spacing:.035em;line-height:1.5;white-space:nowrap}.contact-box small{color:#ccdae1}.contact-box .button{margin-top:20px;width:100%}.footer{background:#051420;color:#b5c7d2;padding:32px 0;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer nav{display:flex;gap:25px}.dock{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;box-shadow:0 -4px 25px #081b2c15;border-top:1px solid var(--line)}.dock-inner{min-height:80px;display:flex;align-items:center;justify-content:flex-end;gap:30px}.dock-copy{margin-right:auto;font-size:13px}.dock-copy b{display:block;font-size:15px}.dock a.phone{font-size:27px;font-weight:bold;white-space:nowrap}.dock a.phone small{display:block;font-size:10px;line-height:1.1;font-weight:normal}.draft{background:#e8f0f3;text-align:center;font-size:11px;padding:5px 15px;color:#536b79}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:10px;z-index:100}a:focus-visible,summary:focus-visible{outline:3px solid #13819b;outline-offset:4px}
@media(max-width:980px){.header-inner{height:74px;padding:0 24px}.brand img{width:220px}.hero-grid{gap:4%;min-height:530px}.hero h1{font-size:40px}.auth{grid-template-columns:repeat(2,1fr)}.cards{gap:12px}.card{padding:21px}.dock-copy{display:none}.dock-inner{justify-content:center}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){body{padding-bottom:85px}.wrap{width:min(calc(100% - 36px),540px)}.header-inner{height:84px;padding:0 18px;gap:12px}.brand img{width:min(245px,calc(100vw - 125px))}.header-phone{display:none}.header-inner .button{padding:10px;font-size:11px;gap:7px}.hero-grid{display:flex;flex-direction:column;gap:0}.hero-copy{padding:36px 0 24px;width:100%}.hero h1{font-size:clamp(33px,8.4vw,46px);margin:18px 0}.hero-lead{font-size:14px}.hero-photo{width:100%;padding:0 0 27px;display:block}.hero-photo img{height:310px;object-fit:contain;background:#132c3b}.hero-photo figcaption{bottom:7px;font-size:10px}.hero-tags{margin-bottom:18px}.hero-action{gap:17px}.hero-action .button{padding:13px 18px}.proof-grid{gap:14px;padding:20px 0;grid-template-columns:1fr}.proof-grid div,.proof-grid div:first-child{padding:0;border:0;display:flex;gap:15px;align-items:center}.proof strong{font-size:16px;min-width:126px}.proof small{font-size:11px}.section{padding:51px 0}.intro,.strength-grid,.compare,.company,.contact-grid{grid-template-columns:1fr;gap:24px}h2{font-size:29px;margin:12px 0 22px}.cards{grid-template-columns:1fr}.card{padding:23px}.auth article{padding:21px 16px}.auth strong{font-size:18px}.auth p{font-size:13px}.use-grid{grid-template-columns:1fr}.use{padding:22px 0}.strength-photo{order:2}.cost{gap:8px}.cost span{padding:12px;font-size:13px}.steps{gap:16px}.company dl div{grid-template-columns:80px 1fr;gap:10px;font-size:12px}.contact-box{padding:20px}.tel{font-size:32px}.dock-inner{gap:12px;min-height:77px}.dock .button{padding:14px 13px;font-size:12px;gap:10px}.dock a.phone{font-size:23px}.dock a.phone small{font-size:9px}.footer .wrap{gap:16px}.footer nav{gap:18px}.faq summary{font-size:15px}.overline{font-size:10px}.check{padding:20px}}

/* Supplied wide hero photograph: keep the complete frame on every screen. */
.hero{position:relative;isolation:isolate;max-width:1920px;margin-inline:auto}
.hero-grid{display:block;min-height:0;aspect-ratio:auto;padding:0;position:static}
.hero-photo{position:relative;display:block;width:calc(100vw);max-width:1920px;left:50%;transform:translateX(-50%);padding:0;margin:0;z-index:-2}
.hero-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,33,.96) 0%,rgba(4,20,33,.88) 26%,rgba(4,20,33,.5) 43%,rgba(4,20,33,0) 59%)}
.hero-photo figcaption{bottom:13px;right:20px;z-index:1;color:white;background:#081b2c99;padding:2px 8px}
.hero-copy{position:absolute;top:50%;transform:translateY(-50%);width:min(42%,540px);padding:22px 0;z-index:2}
.hero h1{font-size:clamp(32px,3.45vw,55px);line-height:1.4;margin:15px 0 20px}
.hero-lead{font-size:clamp(13px,1.12vw,16px);line-height:1.9}
.hero-tags{gap:6px;margin-bottom:18px}.hero-tags span{font-size:11px;padding:3px 8px}
.hero-action{gap:16px}.hero-action .button{padding:14px 18px}
@media(max-width:1100px){.hero .overline{font-size:10px}.hero-copy{width:43%}.hero h1{font-size:34px}.hero-lead{font-size:13px}.hero-tags{margin-bottom:12px}.hero-action{gap:12px}.hero-action .button{padding:12px 15px}.hero-action a:last-child{font-size:12px}}
@media(max-width:980px){.hero-grid{display:flex;flex-direction:column;gap:0}.hero-photo{order:-1;position:relative;left:auto;transform:none;width:100vw;max-width:none;align-self:center;z-index:0}.hero-photo:after{display:none}.hero-photo img{height:auto;width:100%;max-height:none;object-fit:contain}.hero-photo figcaption{bottom:8px;right:12px;font-size:10px}.hero-copy{position:relative;top:auto;transform:none;width:100%;padding:28px 0 36px}.hero h1{font-size:clamp(32px,5vw,44px)}.hero h1 span br{display:none}.hero-lead{font-size:15px;max-width:650px}.hero-action{gap:18px}.hero .overline{font-size:11px}}
@media(max-width:680px){.hero-copy{padding:24px 0 30px}.hero h1{font-size:clamp(28px,7.4vw,40px)}.hero-lead{font-size:14px}.hero-photo img{height:auto;max-height:none}.hero-tags span{font-size:10px}.hero-photo figcaption{font-size:9px;padding:1px 6px}.hero-action{gap:16px}}

/* Match the corporate hero height while preserving the person and reader. */
.hero{height:min(760px,calc(100svh - 88px));min-height:620px;max-width:none}
.hero-grid{height:100%;min-height:0;display:block}
.hero-photo{position:absolute;inset:0;left:0;width:100%;height:100%;max-width:none;transform:none;z-index:0;overflow:hidden}
.hero-photo img{position:absolute;right:0;top:0;width:auto;height:100%;max-width:none;max-height:none}
.hero-photo:after{background:linear-gradient(90deg,#061727 0%,#061727ec 24%,#061727a8 41%,#06172700 61%)}
.hero-copy{z-index:2;width:min(43%,540px)}
.installation-total{display:block!important;font-size:26px!important;font-weight:800;color:#13758a;line-height:1.5}
.advantage{background:#eaf2f4}.advantage h2{font-size:clamp(28px,3.1vw,44px)}.advantage h2 span{color:#17798b}.adv-lead{font-size:17px;line-height:2}.adv-diagram{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;margin-top:28px}.adv-diagram article{padding:30px}.outsourced{background:white;border:1px solid var(--line)}.adv-diagram h3{margin:12px 0 24px}.adv-diagram p{font-size:14px;margin:24px 0 0;color:var(--mute)}.route{display:flex;align-items:center;gap:15px;margin:12px 0}.route span{background:#f0f4f6;padding:12px;flex:1;text-align:center;font-size:14px}.route b{color:#70929f}.inhouse{background:var(--navy);color:white;border-top:4px solid var(--aqua)}.inhouse .label{color:var(--aqua)}.inhouse p{color:#d3e3ea}.team-skills{display:flex;align-items:center;gap:16px}.team-skills div{flex:1;text-align:center;border:1px solid #527282;padding:17px 8px}.team-skills small{display:block;color:var(--aqua);font-size:9px;letter-spacing:.1em}.team-skills strong{display:block;font-size:24px;margin:5px 0}.team-skills span{font-size:11px}.team-skills>b{color:var(--aqua);font-size:26px}
.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.company-home .body-lead{font-size:17px;line-height:2.15}.company-image{margin-top:35px;aspect-ratio:1.7;overflow:hidden}.company-image img{width:100%;height:100%;object-fit:cover;object-position:center 54%}.profile{margin:0}.profile div{display:grid;grid-template-columns:130px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:19px 0}.profile dt{font-size:13px;color:#637887}.profile dd{margin:0;font-size:15px}.company-links{display:flex;flex-wrap:wrap;gap:18px 24px}.text-link{display:inline-flex;gap:20px;border-bottom:1px solid #34849b;padding-bottom:8px;font-size:14px;font-weight:700;color:#145b75}
@media(max-width:980px){.hero{height:auto;min-height:0}.hero-grid{display:flex;height:auto;flex-direction:column}.hero-photo{position:relative;inset:auto;width:100vw;height:auto;transform:none;order:-1;flex:none;align-self:center}.hero-photo img{position:static;width:100%;height:auto;max-width:100%}.hero-photo:after{display:none}.hero-copy{position:relative;width:100%;top:auto;transform:none;padding:28px 0 36px}.adv-diagram{gap:16px}.adv-diagram article{padding:22px}.company-grid{gap:5%}.proof-grid div{padding:0 15px}.team-skills{gap:9px}.team-skills strong{font-size:21px}}
@media(max-width:680px){.hero-copy{padding:24px 0 30px}.adv-diagram,.company-grid{grid-template-columns:1fr;gap:22px}.adv-lead{font-size:15px}.adv-lead br{display:none}.adv-diagram article{padding:22px}.advantage h2 br{display:none}.advantage h2 span{display:block;margin-top:10px}.company-image{margin-top:15px}.profile div{grid-template-columns:94px 1fr}.profile dd{font-size:14px;overflow-wrap:anywhere}.proof-grid div{padding:0}.installation-total{font-size:22px!important}.company-home .body-lead{font-size:15px}}

.u{font-style:normal}.team-skills strong,.team-skills small,.dock .button,.header-inner .button,.auth strong{white-space:nowrap}
@media(max-width:680px){.hero h1{font-size:clamp(24px,6.6vw,36px);line-height:1.45}h2,.contact-grid h2,.advantage h2{font-size:clamp(22px,6.2vw,28px)}.hero-lead{font-size:13px}.team-skills{gap:8px}.team-skills div{padding:12px 4px}.team-skills strong{font-size:18px}.team-skills span{font-size:10px}.team-skills small{font-size:8px;letter-spacing:.05em}.team-skills>b{font-size:20px}.auth strong{font-size:16px}.dock .button{padding:12px 10px;font-size:11px;gap:6px}.dock a.phone{font-size:21px}}
.button{white-space:nowrap}
@media(max-width:680px){.contact-box .button{font-size:13px;gap:12px;padding:15px 18px}}
.makers{padding:64px 0 0}.makers figure{margin:0}.makers img{width:100%;height:auto}.makers figcaption{display:none}
@media(max-width:680px){.makers{padding:40px 0 0}.makers .wrap{width:100%}.makers figcaption{display:block;width:calc(100% - 36px);margin:12px auto 0;font-size:13px;color:var(--mute)}}

/* ===== Shared additions for all pages built on this template ===== */
.nw{white-space:nowrap;font-style:normal}
.brand img{height:auto}
.footer nav{flex-wrap:wrap;row-gap:6px}
/* Forms (ekey style) */
.form{position:relative;display:grid;gap:18px;background:#fff;color:var(--text);padding:30px;border:1px solid var(--line);text-align:left}
.form label{display:grid;gap:7px;font-size:14px;font-weight:700}
.form label b{display:inline-block;margin-left:8px;padding:1px 7px;background:var(--navy);color:#fff;font-size:10px;font-weight:700;vertical-align:2px}
.form label small{margin-left:8px;font-size:11px;font-weight:400;color:var(--mute)}
.form input,.form select,.form textarea{width:100%;font:inherit;font-size:16px;font-weight:400;color:var(--text);background:#fff;border:1px solid #b8c8d0;border-radius:0;padding:12px 14px}
.form textarea{min-height:170px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid #13819b55;border-color:#13819b}
.form button{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;border:0;cursor:pointer;background:var(--aqua);color:var(--navy);padding:17px 23px;font:inherit;font-weight:800;font-size:15px;white-space:nowrap}
.form button:hover{filter:brightness(.95)}
.form-policy{font-size:12px;color:var(--mute);margin:0}.form-policy a{text-decoration:underline}
.form-trap{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-result{background:#fff;color:var(--text);border-top:4px solid var(--aqua);padding:30px}.form-result h3{margin-top:0}
.form-error{background:#fff4f2;color:#8a2a1c;border:1px solid #e8b4aa;padding:14px 18px;font-size:14px;margin:0 0 18px}
@media(max-width:680px){.form{padding:22px 18px;gap:15px}.form button{padding:15px 18px;font-size:14px}}
@media(max-width:400px){.auth{grid-template-columns:1fr}}