@charset "UTF-8";
@import url("/water-site-20261107/article-preserved.css");
:root{color-scheme:light;--ink:#163349;--blue:#124b70;--blue-dark:#123e5b;--muted:#344f61;--tint:#eff5f8;--line:#ccdbe4;--white:#fff;--accent:#f6d780;--max:1240px;font-family:"Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:2rem}body{margin:0;color:var(--ink);background:#fff;font-size:17px;line-height:1.9;overflow-wrap:anywhere}a{color:var(--blue);text-underline-offset:.25em;text-decoration-thickness:1px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}img,svg{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;line-height:1.55;letter-spacing:.015em}h1{font-size:clamp(2.25rem,4.6vw,4.2rem);letter-spacing:.035em}h2{font-size:clamp(1.65rem,2.5vw,2.3rem)}h3{font-size:1.28rem}p+p{margin-top:1.1em}ul,ol{padding-left:1.4em}li+li{margin-top:.4em}[hidden]{display:none!important}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.narrow{max-width:860px}.section{padding-block:88px}.top-tight{padding-top:18px}.tint{background:var(--tint)}.eyebrow{color:var(--blue);font-size:.87rem;font-weight:700;letter-spacing:.12em;margin-bottom:20px}.lead{font-size:1.1rem;line-height:2;color:var(--muted);margin-top:24px}.fine{font-size:.9rem;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:fixed;z-index:100;left:12px;top:-100px;background:#fff;padding:12px 20px;color:#123e5b}.skip:focus{top:12px}:focus-visible{outline:3px solid #101e2a;outline-offset:5px;box-shadow:0 0 0 7px #fff}main:focus{outline:none}a,button,input{touch-action:manipulation}.preview-note{background:#e6edf2;border-bottom:1px solid var(--line);color:#243f52;font-size:.8rem;padding:8px 0}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:17px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--blue-dark);font-size:1.16rem;font-weight:700;line-height:1.6;flex-shrink:0}.brand img{width:48px;height:48px;object-fit:contain}.brand small{display:block;font-size:.78rem;letter-spacing:.08em;color:var(--muted)}.site-header nav{display:flex;gap:26px;align-items:center}.site-header nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:.93rem;font-weight:700;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a[aria-current]{border-color:var(--blue)}.hero{display:grid;grid-template-columns:1fr 1.06fr;align-items:center;min-height:660px;padding-block:60px 70px;gap:14px}.hero-copy{position:relative;z-index:1}.marker{background:linear-gradient(transparent 79%,#f6d780 79%,#f6d780 94%,transparent 94%)}.hero-lead{font-size:1.28rem;margin-top:30px;color:var(--ink);line-height:1.85}.hero-text{font-size:1rem;color:var(--muted);margin-top:18px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border:1px solid var(--blue);border-radius:3px;background:var(--blue);color:#fff;font-size:.96rem;font-weight:700;text-decoration:none}.button:hover{background:#073352}.button.secondary{background:#fff;color:var(--blue)}.button.secondary:hover{background:#eaf2f7}.hero-visual{min-width:0}.scene{position:relative;aspect-ratio:1.06;background:radial-gradient(ellipse at 50% 50%,#eaf3f7 0,transparent 67%);isolation:isolate}.scene-static{position:absolute;inset:0}.scene-static svg{width:100%;height:100%;display:block}.scene-canvas{position:absolute;inset:0;opacity:0;transition:opacity .3s}.scene-canvas canvas{width:100%;height:100%;display:block}.scene.is-3d .scene-canvas{opacity:1}.scene.is-3d .scene-static{opacity:0}.visual-caption{position:absolute;left:20%;right:20%;bottom:5%;text-align:center;font-size:.69rem;letter-spacing:.18em;font-weight:700;color:#344f61}.hero-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:12px;font-size:.78rem;color:var(--muted)}.motion-button{color:var(--blue);border:1px solid #7594a6;border-radius:3px;background:#fff;font-size:.78rem;min-height:44px;padding:9px 12px;flex-shrink:0}.intro-section{background:var(--tint);padding-block:62px;border-top:1px solid #e3edf3}.intro-grid{display:grid;grid-template-columns:1fr 1.2fr;column-gap:90px}.intro-grid .eyebrow{grid-column:1/-1}.intro-grid>p:last-child{font-size:1.02rem;color:var(--muted);line-height:2.2}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:36px}.section-head p:not(.eyebrow){color:var(--muted);margin-top:15px}.text-link{font-size:.95rem;font-weight:700;display:inline-block;color:var(--blue);text-decoration:underline;text-underline-offset:.3em}.section-head>.text-link{white-space:nowrap;margin-bottom:8px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.service-panel{padding:45px;border:1px solid #b8cdd9;background:#fff;text-decoration:none;color:var(--ink);min-height:310px;display:flex;flex-direction:column;align-items:start}.service-label{font-size:.9rem;font-weight:700;color:var(--blue);margin-bottom:24px}.service-panel h3{font-size:1.7rem}.service-panel p{margin-block:18px 25px;font-size:1rem;color:var(--muted)}.service-panel .text-link{margin-top:auto}.service-panel.dark{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}.service-panel.dark .service-label,.service-panel.dark .text-link,.service-panel.dark p{color:#fff}.service-panel:hover{outline:2px solid var(--blue);outline-offset:3px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;list-style:none;padding:0;margin:0}.article-card{margin:0!important;border:1px solid var(--line);background:#fff;min-width:0}.article-card>a{height:100%;display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}.article-card>a:hover h3{text-decoration:underline;text-underline-offset:.25em}.article-art{height:202px;background:#e4eef4;overflow:hidden;text-align:center}.article-art svg{height:255px;width:100%;transform:translateY(-30px)}.article-copy{padding:24px 25px 28px;display:flex;flex-direction:column;flex:1}.tag{font-size:.78rem;font-weight:700;color:var(--blue);align-self:start;margin-bottom:13px}.article-copy h3{font-size:1.18rem}.article-copy p{font-size:.93rem;color:var(--muted);margin-top:13px;line-height:1.9}.article-copy .text-link{font-size:.87rem;margin-top:auto;padding-top:21px}.choice-section{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.choice-section>div>p:not(.eyebrow){color:var(--muted);font-size:1rem}.choice-section .text-link{margin-top:25px}.contact-band{background:var(--tint);padding-block:80px;text-align:center}.contact-band .actions{justify-content:center}.footer{border-top:1px solid var(--line);padding-block:40px;background:#fff}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.footer-name{font-weight:700}.footer p{font-size:.88rem;color:var(--muted)}.footer p+p{margin-top:4px}.footer nav{display:flex;flex-wrap:wrap;justify-content:end;gap:10px 24px}.footer nav a{font-size:.88rem;min-height:44px;display:flex;align-items:center}.footer .footer-small{grid-column:1/-1;font-size:.78rem;padding-top:20px;border-top:1px solid var(--line)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:.82rem;color:var(--muted);padding-top:28px}.breadcrumbs a{min-height:44px}.page-heading{padding-block:62px 58px}.page-heading h1{font-size:clamp(2.1rem,4vw,3.3rem)}.page-heading .lead{max-width:850px}.service-detail{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;padding-block:20px 80px}.service-detail h2{font-size:1.8rem;margin-bottom:22px}.service-detail p{color:var(--muted)}.price-block{background:var(--tint);padding:30px 36px;align-self:start;border-top:4px solid var(--blue)}.price-block .price{font-size:3.2rem;letter-spacing:-.03em;font-weight:700;color:var(--blue-dark);line-height:1.4}.price-block .price span{font-size:1.3rem;margin-left:8px}.price-block .price+p{margin-top:5px}.price-block .fine{margin-top:20px}.note{padding:27px 30px;border:1px solid #a8c0cf;border-left:4px solid var(--blue);margin-top:30px;background:#f5f8fa;font-size:.97rem}.note h2{font-size:1.4rem;margin-bottom:15px}.note h3{font-size:1.1rem;margin-bottom:12px}.note p{color:var(--muted)}.preparation-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;margin:35px 0 24px;padding:0}.preparation-list li{border-top:2px solid var(--blue);padding-top:22px;margin:0}.preparation-list p{margin-top:13px;color:var(--muted);font-size:.98rem}.steps{margin-top:30px;padding-left:1.7em}.steps li{padding:17px 0 22px 12px;border-bottom:1px solid var(--line)}.steps p{color:var(--muted);margin-top:12px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-card{padding:0 27px 30px;border:1px solid var(--line)}.product-art{margin-inline:-27px;height:230px;background:var(--tint);overflow:hidden;display:flex;justify-content:center}.product-art svg{height:290px;transform:translateY(-40px)}.product-card .eyebrow{margin-top:24px;margin-bottom:12px;font-size:.8rem}.product-card p:not(.eyebrow){color:var(--muted);font-size:.94rem;margin-top:15px}.product-card .text-link{margin-top:25px}.product-detail{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.product-large{background:var(--tint);align-self:start;border-radius:50%}.variant-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:20px 0}.variant-list li{margin:0;padding:8px 14px;border:1px solid #a8c0cf;border-radius:3px;font-size:.9rem}.product-detail p{color:var(--muted)}.resource-list li{padding-block:10px}.search-tools{background:var(--tint);padding:25px 30px;display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.search-tools label,.search-tools legend{font-size:.9rem;font-weight:700;display:block;padding:0;margin-bottom:9px}.search-tools fieldset{margin:0;padding:0;border:0;min-width:0}.search-tools input{width:100%;height:49px;font-size:1rem;border:1px solid #68899d;padding:10px 14px;border-radius:3px;background:#fff;color:var(--ink)}.search-tools input::placeholder{color:#344f61}.filter-buttons{display:flex;gap:9px;flex-wrap:wrap}.filter-buttons button{min-height:49px;padding:9px 17px;font-size:.9rem;border:1px solid #6b889c;border-radius:3px;background:#fff;color:var(--blue-dark)}.filter-buttons button[aria-pressed=true]{background:var(--blue-dark);color:#fff;border-color:var(--blue-dark)}.index-note{font-size:.9rem;color:var(--muted);margin-block:23px}.filter-count{font-size:.85rem;color:var(--muted);margin-bottom:18px;min-height:1.6em}.empty-result{padding:35px;background:var(--tint)}.article-page{max-width:920px;padding-block:52px 70px}.article-page header h1{font-size:clamp(2rem,4vw,3.15rem)}.article-sample{margin-block:35px;text-align:center;background:var(--tint);padding-bottom:20px}.article-sample>div{height:300px;overflow:hidden}.article-sample svg{height:370px;transform:translateY(-30px)}.article-sample p{font-size:.82rem;color:var(--muted);padding-inline:20px}.source-pending{border-block:1px solid var(--line);padding-block:32px}.source-pending h2{font-size:1.6rem;margin-bottom:24px}.source-pending p:not(.eyebrow){color:var(--muted)}.source-meta{margin-top:28px}.source-meta>div{display:grid;grid-template-columns:160px 1fr;gap:22px;padding:16px 0;border-top:1px solid var(--line);font-size:.93rem}.source-meta dt{font-weight:700}.source-meta dd{margin:0;color:var(--muted)}.article-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px}.article-links a{min-height:44px;display:inline-flex;align-items:center;font-size:.93rem}.narrow>h2:not(:first-child){margin-top:40px}.narrow>h2+p{margin-top:20px}
@media(min-width:1600px){.hero{min-height:710px}}
@media(max-width:1040px){.wrap{width:calc(100% - 48px)}.site-header nav{gap:18px}.brand{font-size:1rem}.hero{min-height:600px;grid-template-columns:1fr .95fr}.hero h1{font-size:3.1rem}.hero-lead{font-size:1.1rem}.hero-text{font-size:.95rem}.hero .actions{gap:9px}.hero .button{font-size:.85rem;padding:12px 16px}.hero-visual figcaption{flex-wrap:wrap}.intro-grid{column-gap:45px}.article-grid{gap:18px}.article-copy{padding:20px}.service-panel{padding:32px}.service-panel h3{font-size:1.4rem}.product-detail{gap:35px}.service-detail{gap:40px}.search-tools{grid-template-columns:1fr}.choice-section{gap:45px}.section-head>.text-link{white-space:normal}.price-block{padding:28px}.price-block .price{font-size:2.6rem}}
@media(max-width:760px){body{font-size:16px}.wrap{width:calc(100% - 40px)}.preview-note{font-size:.72rem}.header-inner{min-height:0;flex-direction:column;align-items:start;gap:11px;padding-block:16px 8px}.brand{font-size:1.04rem}.brand img{width:39px;height:39px}.brand small{font-size:.72rem}.site-header nav{width:100%;justify-content:space-between;gap:12px}.site-header nav a{font-size:.82rem}.hero{grid-template-columns:1fr;padding-block:40px 35px;gap:14px;min-height:0}.hero h1{font-size:clamp(2.35rem,8.2vw,3.4rem)}.hero-copy .eyebrow{font-size:.8rem}.hero-lead{margin-top:25px;font-size:1.15rem}.hero-text{font-size:.98rem}.hero .actions{margin-top:27px}.hero .button{font-size:.88rem;padding-inline:14px}.hero-visual{max-width:580px;width:100%;margin:auto}.scene{aspect-ratio:1.35}.scene-static svg{transform:scale(1.06)}.visual-caption{bottom:1%}.hero-visual figcaption{font-size:.72rem;padding-top:9px;justify-content:space-between;flex-wrap:nowrap}.motion-button{font-size:.72rem;padding:8px}.intro-section{padding-block:42px}.intro-grid,.choice-section,.service-detail,.product-detail{grid-template-columns:1fr;gap:25px}.intro-grid .eyebrow{margin-bottom:0}.intro-grid>p:last-child{font-size:.98rem}.section{padding-block:55px}.top-tight{padding-top:10px}.section-head{align-items:start;flex-direction:column;gap:17px;margin-bottom:26px}.section-head h2{font-size:1.65rem}.section-head .text-link{margin:0}.service-grid{grid-template-columns:1fr;gap:20px}.service-panel{min-height:280px;padding:29px}.service-panel h3{font-size:1.5rem}.service-label{margin-bottom:18px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.article-art{height:155px}.article-art svg{height:210px}.article-copy{padding:17px}.article-copy h3{font-size:1.05rem}.article-copy p{font-size:.88rem}.article-copy .text-link{font-size:.78rem}.contact-band{padding-block:55px}.footer-grid{grid-template-columns:1fr;gap:20px}.footer nav{justify-content:start;gap:6px 20px}.footer .footer-small{margin-top:0}.page-heading{padding-block:37px 35px}.page-heading h1{font-size:2.2rem}.page-heading .lead{font-size:1rem}.breadcrumbs{padding-top:17px}.service-detail{padding-block:5px 50px}.price-block{padding:26px}.price-block .price{font-size:3rem}.price-block .eyebrow{margin-bottom:10px}.service-detail h2{font-size:1.6rem}.preparation-list{grid-template-columns:1fr;gap:23px}.preparation-list h3{font-size:1.1rem}.product-grid{grid-template-columns:1fr;gap:25px}.product-card{padding-bottom:26px}.product-art{height:220px}.product-art svg{height:290px}.product-large{max-width:420px;margin:auto}.note{padding:22px}.search-tools{padding:22px;gap:20px}.filter-buttons{gap:8px}.filter-buttons button{padding-inline:12px}.article-page{padding-top:32px}.article-page header h1{font-size:2rem}.article-page .lead{font-size:1rem}.source-meta>div{grid-template-columns:1fr;gap:7px}.article-sample>div{height:250px}.article-sample svg{height:320px}.source-pending h2{font-size:1.5rem}.desktop-break{display:none}}
@media(max-width:430px){.wrap{width:calc(100% - 32px)}.hero .actions{display:grid;grid-template-columns:1fr}.hero h1{font-size:2.45rem}.hero-visual figcaption{flex-wrap:wrap}.article-grid{grid-template-columns:1fr}.article-art{height:190px}.article-art svg{height:260px;transform:translateY(-40px)}.article-copy{padding:22px}.article-copy h3{font-size:1.18rem}.article-copy p{font-size:.95rem}.article-copy .text-link{font-size:.86rem}.article-card>a{display:flex}.scene{aspect-ratio:1.2}.filter-buttons button{font-size:.82rem}.page-heading h1{font-size:1.85rem}.hero-copy .eyebrow{letter-spacing:.04em}.button{font-size:.9rem}.article-page header h1{font-size:1.8rem}.site-header nav{gap:8px}.site-header nav a{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.marker{background:none}.service-panel.dark{border:2px solid CanvasText}.scene-canvas{display:none}.scene.is-3d .scene-static{opacity:1}.filter-buttons button[aria-pressed=true]{outline:3px solid ButtonText}.note,.article-card,.service-panel{border:1px solid CanvasText}}
@media print{.preview-note{background:none}.site-header nav,.motion-button,.scene-canvas,.search-tools,.contact-band,.footer nav{display:none!important}.scene.is-3d .scene-static{opacity:1}.hero,.intro-grid,.choice-section,.service-detail,.product-detail{display:block}.hero-visual{max-width:400px}.wrap{width:100%}.section{padding-block:24px}.article-grid{grid-template-columns:repeat(2,1fr)}.article-card,.service-panel{break-inside:avoid}.button{color:#000;background:none}.service-panel.dark{background:none;color:#000}.service-panel.dark *{color:#000}.skip{display:none}}