@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600&display=swap');
:root{--ink:#153d4b;--blue:#257d9c;--aqua:#dceef0;--sage:#7a9783;--cream:#f5f4ef;--paper:#fff;--muted:#63757a;--line:#dbe3e3;--serif:'Noto Serif JP','Yu Mincho',serif;--sans:'Noto Sans JP','Hiragino Kaku Gothic ProN',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #59a9c1;outline-offset:5px}a,button{transition:color .18s,background .18s,transform .18s}.wrap{width:min(1184px,calc(100% - 80px));margin:auto}.serif,h1,h2{font-family:var(--serif);font-weight:500}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:600;line-height:1.8;color:var(--blue)}.muted{color:var(--muted)}.arr{font-family:Arial,sans-serif;font-size:21px;font-weight:400;display:inline-block}.topnote{height:30px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#edf6f5;font-size:10px;letter-spacing:.09em}.siteheader{position:sticky;top:0;z-index:30;background:#ffffffef;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.headerinner{height:88px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand svg{width:31px;height:42px}.brandname{font-family:var(--serif);font-size:27px;letter-spacing:.1em;line-height:1.15;font-weight:600}.brandname small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.26em;padding-top:7px;font-weight:500}.nav{display:flex;gap:28px;margin-left:auto;align-items:center;font-size:12px;font-weight:500}.nav a:hover{color:var(--blue)}.iconbutton{border:0;background:transparent;padding:10px;color:var(--ink);display:grid;place-items:center}.iconbutton svg{width:20px;height:20px}.headercta{font-size:11px;background:var(--ink);color:white;padding:14px 20px;border-radius:3px}.headercta:hover,.btn:hover{background:var(--blue);transform:translateY(-2px)}.menubtn{display:none}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--ink);color:#fff;padding:16px 25px;font-weight:500;font-size:12px;border:0;border-radius:3px}.textlink{display:inline-flex;align-items:center;gap:25px;font-size:12px;font-weight:500;border-bottom:1px solid #b9c9cb;padding:0 0 10px}.textlink:hover{color:var(--blue)}
.hero{background:var(--cream);position:relative;overflow:hidden}.herogrid{display:grid;grid-template-columns:1fr 1.14fr;min-height:573px;align-items:center;gap:46px}.herocopy{padding:61px 0 75px;z-index:2}.herocopy .eyebrow{margin:0 0 26px}.herocopy h1{font-size:39px;line-height:1.8;letter-spacing:.055em;margin:0 0 24px;white-space:nowrap}.herocopy h1 em{font-style:normal;position:relative}.herocopy h1 em:after{content:'';position:absolute;bottom:0;left:0;right:0;height:9px;background:#c4dee0;z-index:-1}.herocopy p{font-size:13px;color:#5f7378;line-height:2.2;margin:0 0 32px;letter-spacing:.025em}.herolinks{display:flex;align-items:center;gap:22px}.herolinks .textlink{font-size:11px;padding-bottom:8px;gap:12px}.herovisual{align-self:stretch;position:relative;margin-right:calc((1184px - 100vw)/2);min-width:0}.herovisual>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:60% center}.herovisual:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--cream) 0,transparent 22%)}.heroimagecaption{position:absolute;right:24px;bottom:19px;z-index:3;color:white;text-shadow:0 1px 4px #222;font-size:9px}.herostamp{position:absolute;left:12px;bottom:38px;z-index:3;display:flex;align-items:center;gap:13px;background:#ffffffec;padding:17px 24px;border-left:2px solid var(--sage);box-shadow:0 5px 30px #1c40460b}.herostamp span{font-family:var(--serif);font-size:12px;line-height:1.9}.herostamp small{font-family:Arial,sans-serif;font-size:9px;color:var(--sage);letter-spacing:.16em;display:block}.scrollhint{position:absolute;left:24px;bottom:26px;writing-mode:vertical-rl;letter-spacing:.15em;font:9px Arial;color:#5f777b}.scrollhint:after{content:'';height:34px;width:1px;display:inline-block;background:#9aafb2;margin-top:12px}.valuebar{border-bottom:1px solid var(--line)}.values{min-height:112px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:55px}.value{display:flex;align-items:center;gap:16px}.value>span{font-family:var(--serif);font-size:25px;color:#a8c6cb}.value strong{font-family:var(--serif);font-size:15px;font-weight:500;display:block;letter-spacing:.04em}.value small{font-size:10px;display:block;margin-top:6px;color:var(--muted)}
.intro{padding:85px 0 88px;display:grid;grid-template-columns:.85fr 1.4fr;gap:92px;align-items:start}.intro h2,.sectiontitle h2{font-size:29px;line-height:1.7;letter-spacing:.06em;margin:10px 0 20px}.intro p{font-size:12px;line-height:2.1;color:var(--muted)}.intro .eyebrow{margin-top:0}.introsteps{border-top:1px solid var(--line)}.introstep{display:grid;grid-template-columns:45px 1fr 32px;gap:15px;border-bottom:1px solid var(--line);padding:25px 0;align-items:center}.introstep:hover{background:#f5faf9;padding-left:8px}.introstep>span:first-child{font-family:var(--serif);font-size:21px;color:var(--sage)}.introstep h3{font-size:15px;font-weight:500;margin:0 0 7px}.introstep p{font-size:11px;margin:0}.introstep>.arr{font-size:20px;color:var(--sage)}
.journalsection{background:#f4f8f7;padding:72px 0 80px}.sectiontitle{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:34px}.sectiontitle h2{margin-bottom:0}.sectiontitle p{margin:0;font-size:12px;color:var(--muted)}.editorialgrid{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:48px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 25px}.filter{border:1px solid var(--line);padding:8px 15px;font-size:11px;color:#647a7e;background:#fff;border-radius:30px}.filter.active,.filter:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.articlegrid{display:grid;grid-template-columns:1fr 1fr;gap:34px 24px}.postcard{display:flex;flex-direction:column}.postvisual{height:209px;position:relative;overflow:hidden;background:#dcecef;border-radius:4px}.postvisual img{height:100%;width:100%;object-fit:cover;transition:transform .45s}.postcard:hover .postvisual img{transform:scale(1.035)}.postvisual.product img{object-position:center 46%}.postvisual.family img{object-position:73% center}.thumbword{position:absolute;left:22px;bottom:20px;font-family:var(--serif);font-size:25px;line-height:1.6;letter-spacing:.08em;z-index:2}.thumbeyebrow{position:absolute;left:22px;top:20px;font:9px Arial;letter-spacing:.18em}.waterart{background:#dcecef}.waterart .orb{position:absolute;border:1px solid #b2d3dd;width:270px;height:270px;border-radius:50%;right:-54px;top:-25px}.waterart .orb:before,.waterart .orb:after{content:'';position:absolute;inset:20px;border:1px solid #b2d3dd;border-radius:50%}.waterart .orb:after{inset:42px}.glassart{background:#e4e9df}.glassart .drawglass{position:absolute;right:35px;top:35px;width:83px;height:124px;border:2px solid #769382;border-top:3px solid #769382;border-radius:3px 3px 22px 22px;transform:rotate(-7deg)}.glassart .drawglass:before{content:'';position:absolute;inset:40px 5px 6px;background:#b7cdbb;border-radius:0 0 15px 15px}.healthart{background:#ece9de}.healthart .leaf{position:absolute;width:94px;height:130px;border:1px solid #a5af94;border-radius:100% 0 100% 0;right:40px;top:40px;transform:rotate(15deg)}.healthart .leaf:after{content:'';width:1px;height:140px;background:#a5af94;position:absolute;left:50px;top:0;transform:rotate(35deg)}.postmeta{display:flex;align-items:center;gap:15px;margin:17px 0 10px;font-size:9px;color:#7c9093}.postmeta .category{font-weight:500;color:var(--blue)}.postcard h3{font-family:var(--serif);font-weight:500;font-size:17px;line-height:1.85;margin:0 0 10px;letter-spacing:.03em}.postcard p{font-size:11px;line-height:1.95;color:var(--muted);margin:0}.postfoot{display:flex;align-items:center;justify-content:space-between;font:10px Arial,sans-serif;color:#68868d;border-top:1px solid #dde6e5;padding-top:13px;margin-top:17px}.loadmore{display:block;margin:37px auto 0;background:transparent;border:1px solid #afc4c8;border-radius:3px;padding:13px 30px;font-size:12px;color:var(--ink)}.loadmore:hover{background:var(--ink);color:white}.noresults{padding:40px;grid-column:1/-1;background:#fff;color:var(--muted)}
.sidebar{padding-top:0}.sideprofile{background:var(--ink);color:white;padding:27px 25px;border-radius:4px;margin-bottom:30px;position:relative;overflow:hidden}.sideprofile:after{content:'';position:absolute;right:-42px;top:-38px;width:140px;height:140px;border:1px solid #ffffff18;border-radius:50%}.sideprofile .eyebrow{color:#b6d5da;position:relative;z-index:1}.writerheading{display:flex;gap:14px;align-items:center;margin:24px 0 19px}.monogram{width:49px;height:49px;border:1px solid #98b4b7;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:22px;color:#d7e8e9;flex-shrink:0}.writerheading small{display:block;font-size:9px;color:#bad0d2;margin-bottom:5px}.writerheading strong{font-family:var(--serif);font-size:17px;font-weight:500;letter-spacing:.06em}.sideprofile p{font-size:11px;line-height:2.1;color:#d6e5e6}.sideprofile a{border-top:1px solid #ffffff30;display:flex;justify-content:space-between;font-size:11px;padding-top:16px;margin-top:19px;align-items:center}.sideblock{margin-bottom:31px}.sidetitle{font-size:12px;font-weight:500;border-bottom:1px solid #b9cece;padding-bottom:13px;margin:0 0 16px;letter-spacing:.07em}.siderow{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.siderow>span{font-family:var(--serif);font-size:19px;color:#9bbaae}.siderow h4{font-size:11px;font-weight:500;margin:0;line-height:1.9}.siderow small{display:block;color:#7c9093;font-size:9px;margin-top:5px}.sidecta{border:1px solid #cddfdd;border-radius:4px;background:#e9f1eb;padding:24px}.sidecta small{font:9px Arial;letter-spacing:.16em;color:#68846c}.sidecta h3{font-family:var(--serif);font-size:19px;line-height:1.85;font-weight:500;margin:12px 0}.sidecta p{font-size:10px;color:var(--muted);line-height:2}.sidecta a{display:flex;align-items:center;justify-content:space-between;font-size:11px;border-bottom:1px solid #bdd0be;padding:10px 0 7px}.sidesearch{position:relative;margin-bottom:25px}.sidesearch input{background:white;width:100%;border:1px solid var(--line);border-radius:3px;padding:13px 40px 13px 13px;font-size:11px}.sidesearch button{position:absolute;right:5px;top:4px;border:0;background:transparent;padding:8px;color:var(--muted)}
.watersection{padding:83px 0 90px}.watergrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.waterphoto{position:relative;height:431px;background:#e5ece9;overflow:hidden;border-radius:4px}.waterphoto img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.photocaption{position:absolute;bottom:17px;left:20px;right:20px;background:#fffef0;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.watercopy h2{font-size:29px;line-height:1.85;margin:12px 0 23px;letter-spacing:.055em}.watercopy p{font-size:12px;line-height:2.2;color:var(--muted)}.watersteps{display:flex;gap:10px;margin:25px 0}.watersteps div{flex:1;border-top:1px solid var(--line);padding-top:15px;font-size:10px;line-height:1.9}.watersteps span{display:block;font:11px Arial;color:var(--sage);margin-bottom:8px}.watercopy .textlink{margin-top:10px}.smallnote{font-size:9px!important;color:#7c8e91!important;line-height:1.9!important;margin:17px 0!important}.storyband{background:var(--cream);padding:63px 0}.storyinner{display:grid;grid-template-columns:160px 1fr 190px;gap:34px;align-items:center}.storymark{width:126px;height:126px;border:1px solid #bbcebd;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;color:var(--sage);font-family:var(--serif);letter-spacing:.09em}.storymark svg{width:27px;height:35px;margin-bottom:7px}.storymark small{font:8px Arial;letter-spacing:.2em;margin-top:7px}.storyinner h2{font-size:23px;margin:8px 0 15px;line-height:1.8}.storyinner p{font-size:12px;color:var(--muted);line-height:2}.storyinner>.textlink{justify-self:end}.sitefooter{background:var(--ink);color:white;padding:60px 0 24px}.footertop{display:flex;justify-content:space-between;gap:40px;padding-bottom:45px;border-bottom:1px solid #ffffff25;align-items:center}.footertop h2{font-size:26px;line-height:1.9;letter-spacing:.07em;margin:0}.footertop .eyebrow{color:#a2cbd2}.footertop .btn{background:#fff;color:var(--ink)}.footermain{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;padding-top:39px;padding-bottom:35px}.footerbrand .brandname{font-size:29px}.footerbrand p{font-size:10px;line-height:2.1;color:#a9c6ca;margin-top:20px}.footerlinks strong{font-size:10px;font-weight:500;color:#bdd4d6;display:block;margin-bottom:19px;letter-spacing:.05em}.footerlinks a{display:block;font-size:11px;margin-bottom:13px}.footerlinks a:hover{color:#b4dfe5}.footerbottom{border-top:1px solid #ffffff25;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font:9px Arial;color:#93b2b7;line-height:1.7}.footerbottom small{font-family:var(--sans);font-size:9px}
.breadcrumb{font-size:10px;color:#789095;padding:24px 0;display:flex;gap:12px}.articlepage{background:#f5f8f7;padding-bottom:74px}.articlelayout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:48px;align-items:start}.articlepaper{background:#fff;border-radius:4px;padding:46px 49px 50px;min-width:0}.articlehead .eyebrow{margin:0 0 16px}.articlehead h1{font-size:29px;line-height:1.8;margin:0 0 18px;letter-spacing:.025em}.articlehead .postmeta{margin:0 0 23px;gap:18px;flex-wrap:wrap}.articleauthor{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;display:flex;align-items:center;gap:10px;font-size:10px;margin-bottom:26px}.articleauthor .monogram{width:32px;height:32px;font-size:15px;border-color:#c8d7d5;color:var(--sage)}.articleauthor .authorrole{margin-left:auto;color:#788d91;font-size:9px}.articlecover{height:278px;overflow:hidden;border-radius:3px;margin-bottom:31px}.articlecover img{height:100%;width:100%;object-fit:cover;object-position:center 40%}.articlelede{font-size:13px;line-height:2.3;color:#587279;margin-bottom:31px}.articlequick{background:#edf5f3;border-left:3px solid var(--sage);padding:22px 25px;margin-bottom:28px}.articlequick h2{font-family:var(--sans);font-size:12px;font-weight:600;margin:0 0 13px}.articlequick ul{font-size:12px;line-height:2.2;margin:0;padding-left:18px;color:#51696d}.tocbox{border:1px solid var(--line);padding:20px 24px;margin:30px 0}.tocbox summary{cursor:pointer;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:space-between}.tocbox summary:after{content:'−';font-size:18px}.tocbox:not([open]) summary:after{content:'+'}.tocbox ol{margin:17px 0 3px;padding-left:19px;font-size:11px;line-height:2.1;color:#57757d}.tocbox a:hover{color:var(--blue)}.articlebody{font-size:13px;line-height:2.25;color:#3e555d;overflow-wrap:anywhere}.articlebody p{margin:0 0 1.9em}.articlebody a{color:var(--blue);border-bottom:1px solid #b5d1db}.articlebody h2{font-size:22px;line-height:1.8;color:var(--ink);border-top:1px solid var(--line);padding-top:30px;margin:46px 0 25px;position:relative;scroll-margin-top:120px}.articlebody h2:before{content:'';width:38px;height:3px;background:var(--sage);position:absolute;top:-2px;left:0}.articlebody h3{font-family:var(--sans);font-size:16px;color:var(--ink);font-weight:500;border-left:3px solid #b4d4dd;padding:4px 0 4px 15px;margin:32px 0 20px;scroll-margin-top:120px}.articlebody h4{font-size:14px}.articlebody ul,.articlebody ol{background:#f5f8f7;border-radius:3px;padding:22px 25px 22px 40px;margin:20px 0 30px;font-size:12px}.articlebody li{padding:3px 0}.articlebody figure{margin:26px 0;max-width:100%}.articlebody figure img{margin:auto;max-height:600px;object-fit:contain;height:auto}.articlebody .wp-block-image{display:block}.articlebody table{width:100%;font-size:11px;border-collapse:collapse;background:white}.articlebody th,.articlebody td{border:1px solid var(--line);padding:13px 12px}.articlebody th{background:#edf4f3}.articlebody blockquote{border-left:3px solid #afc8ce;background:#f5f8f8;margin:28px 0;padding:16px 22px;font-size:11px;color:#638089}.articlebody iframe{width:100%;max-width:100%;border:0;aspect-ratio:16/9;height:auto}.articlebody .wp-block-embed__wrapper{max-width:100%}.articleclosing{margin-top:40px;background:var(--cream);padding:27px;border-radius:3px}.articleclosing h3{font-family:var(--serif);font-size:19px;font-weight:500;margin:0 0 12px}.articleclosing p{font-size:11px;line-height:2;color:var(--muted)}.articleclosing .btn{font-size:11px;padding:12px 18px}.articlesource{border-top:1px solid var(--line);margin-top:28px;padding-top:17px;font-size:10px;line-height:2;color:var(--muted)}.articlesource a{color:var(--blue)}.articleextras{margin-top:35px}.articleextras .sectiontitle h2{font-size:22px}.relatedgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.relatedgrid .postvisual{height:150px}.relatedgrid h3{font-size:14px}.articlelayout>.sidebar{position:sticky;top:115px}.readingbar{height:2px;background:var(--blue);width:0;position:absolute;bottom:-1px;left:0}.pageback{display:inline-flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin-top:28px}
.dialog{border:0;border-radius:8px;padding:35px;width:min(520px,calc(100% - 36px));color:var(--ink);box-shadow:0 25px 80px #153d4b33}.dialog::backdrop{background:#173a4666;backdrop-filter:blur(3px)}.dialogtop{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialogtop h2{font-size:22px;margin:0}.dialog input{width:100%;padding:13px;border:1px solid var(--line);border-radius:3px}.reveal{animation:fadein .75s ease-out}@keyframes fadein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1500px){.herovisual{margin-right:calc((1184px - 100vw)/2)}}@media(max-width:1180px){.wrap{width:calc(100% - 56px)}.headerinner{gap:20px}.nav{gap:19px}.headercta{padding:12px}.herogrid{gap:23px;min-height:520px}.herocopy h1{font-size:33px}.herovisual{margin-right:-28px}.herolinks{gap:16px;flex-wrap:wrap}.editorialgrid,.articlelayout{gap:30px;grid-template-columns:minmax(0,1fr) 240px}.postvisual{height:180px}.intro{gap:50px}.articlepaper{padding:35px}.articlehead h1{font-size:25px}.watergrid{gap:50px}.storyinner{grid-template-columns:140px 1fr 175px;gap:20px}}
@media(max-width:900px){.nav{display:none}.headercta{margin-left:auto}.menubtn{display:grid}.nav.mobileopen{position:absolute;top:88px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;background:white;padding:24px 28px;gap:0;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #153d4b0a}.nav.mobileopen a{padding:14px;border-bottom:1px solid var(--line)}.headerinner{height:78px}.nav.mobileopen{top:78px}.herocopy h1{font-size:28px}.herocopy p{font-size:12px}.herogrid{min-height:500px;grid-template-columns:1fr 1fr;gap:15px}.herocopy{padding:55px 0}.herostamp{left:8px;padding:12px 14px;bottom:20px}.herostamp span{font-size:10px}.scrollhint{display:none}.editorialgrid,.articlelayout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.postvisual{height:145px}.postcard h3{font-size:15px}.sideprofile{padding:23px 19px}.intro{grid-template-columns:.9fr 1.1fr;gap:40px}.intro h2,.sectiontitle h2{font-size:25px}.introstep{padding:20px 0;grid-template-columns:32px 1fr 20px;gap:7px}.introstep h3{font-size:13px}.introstep p{font-size:10px}.values{gap:24px}.value{gap:10px}.value strong{font-size:13px}.value small{font-size:9px}.watercopy h2{font-size:24px}.watergrid{gap:35px}.waterphoto{height:360px}.storyinner{grid-template-columns:100px 1fr}.storymark{height:90px;width:90px;font-size:12px}.storyinner>.textlink{grid-column:2;justify-self:start}.footermain{gap:35px}.articlepaper{padding:27px}.articlehead h1{font-size:22px}.articlecover{height:220px}.articleauthor .authorrole{display:none}.articlebody{font-size:12px}.articlebody h2{font-size:19px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.topnote{font-size:8px;height:25px;letter-spacing:.04em}.headerinner{height:70px;gap:6px}.brand{gap:9px}.brandname{font-size:23px}.brandname small{font-size:8px;padding-top:5px}.brand svg{width:25px;height:33px}.headercta{font-size:9px;padding:11px 12px;margin-left:auto}.headerinner>.iconbutton{padding:8px}.headerinner>.searchtoggle{display:none}.nav.mobileopen{top:70px}.herogrid{display:flex;flex-direction:column;gap:0;min-height:0}.herocopy{width:100%;padding:43px 0 35px}.herocopy .eyebrow{font-size:9px;margin-bottom:18px}.herocopy h1{font-size:29px;line-height:1.9;letter-spacing:.04em;margin-bottom:17px}.herocopy p{font-size:11px;line-height:2.15;margin-bottom:24px}.herocopy p br{display:none}.herolinks{gap:21px}.herolinks .btn{font-size:11px;padding:14px 19px;gap:22px}.herolinks .textlink{font-size:10px;gap:8px}.herovisual{width:calc(100% + 40px);height:310px;align-self:auto;margin:0 -20px;overflow:hidden}.herovisual>img{object-position:64% 50%}.herovisual:before{background:linear-gradient(180deg,var(--cream),transparent 12%)}.herostamp{left:20px;bottom:20px;padding:12px 16px}.herostamp span{font-size:11px}.heroimagecaption{font-size:8px;bottom:12px;right:12px}.values{grid-template-columns:1fr;gap:0;min-height:0;padding:13px 0}.value{padding:15px 5px;border-bottom:1px solid var(--line);gap:17px}.value:last-child{border:0}.value>span{font-size:22px}.value strong{font-size:13px;display:inline}.value small{display:inline;margin-left:10px;font-size:8px}.intro{display:block;padding:54px 0}.intro h2{font-size:25px;line-height:1.8}.intro p{font-size:11px}.introsteps{margin-top:27px}.introstep{grid-template-columns:35px 1fr 22px;gap:9px;padding:21px 0}.introstep h3{font-size:13px}.introstep p{font-size:10px}.journalsection{padding:47px 0 50px}.sectiontitle{display:block;margin-bottom:24px}.sectiontitle h2{font-size:25px;margin-bottom:11px}.sectiontitle p{font-size:10px}.editorialgrid,.articlelayout{display:block}.filters{gap:7px;margin-bottom:22px}.filter{font-size:10px;padding:7px 11px}.articlegrid{gap:25px 16px}.postvisual{height:137px;border-radius:3px}.postcard h3{font-size:13px;line-height:1.85;letter-spacing:0}.postcard p{font-size:10px;line-height:1.9}.postmeta{margin-top:12px;font-size:8px;gap:8px}.postmeta time{font-size:8px}.postfoot{font-size:8px;margin-top:13px;padding-top:10px}.thumbword{font-size:17px;left:16px;bottom:17px}.thumbeyebrow{font-size:7px;left:15px;top:14px}.waterart .orb{width:180px;height:180px;right:-76px;top:-12px}.glassart .drawglass{width:59px;height:86px;top:31px;right:15px}.glassart .drawglass:before{inset:28px 4px 4px}.healthart .leaf{width:66px;height:96px;right:19px;top:24px}.healthart .leaf:after{height:90px;left:30px}.sidebar{margin-top:42px;display:grid;grid-template-columns:1fr;gap:0}.sidebar .sidesearch{display:none}.sideprofile{padding:28px}.writerheading{margin:20px 0 15px}.sideprofile p{font-size:12px}.sideprofile a{font-size:12px}.sidecta{padding:25px}.sidecta h3 br{display:none}.sidecta p{font-size:11px}.watersection{padding:52px 0}.watergrid{display:flex;flex-direction:column;gap:28px;align-items:stretch}.waterphoto{height:340px}.watercopy h2{font-size:25px}.watercopy p{font-size:11px}.storyband{padding:39px 0}.storyinner{grid-template-columns:1fr;gap:20px}.storymark{display:none}.storyinner h2{font-size:22px}.storyinner p{font-size:11px}.storyinner>.textlink{grid-column:auto}.sitefooter{padding:41px 0 21px}.footertop{display:block;padding-bottom:31px}.footertop h2{font-size:23px;margin-bottom:22px}.footertop .btn{font-size:11px}.footermain{grid-template-columns:1fr 1fr;gap:27px;padding:30px 0 23px}.footerbrand{grid-column:1/-1}.footerbrand p{font-size:10px;max-width:280px}.footerlinks a{font-size:10px}.footerlinks strong{font-size:9px}.footerbottom{display:block;font-size:8px}.footerbottom small{display:block;margin-top:9px;font-size:8px}.breadcrumb{padding:17px 0;font-size:8px;overflow:hidden;white-space:nowrap}.articlepage{padding-bottom:50px}.articlepaper{padding:26px 20px;border-radius:3px}.articlehead h1{font-size:23px;line-height:1.85}.articlehead .eyebrow{font-size:9px;margin-bottom:13px}.articlehead .postmeta{font-size:8px;gap:12px}.articleauthor{font-size:9px;padding:12px 0}.articlecover{height:235px;margin-bottom:25px}.articlelede{font-size:12px}.articlequick{padding:20px}.articlequick ul{font-size:11px}.articlebody{font-size:13px;line-height:2.15}.articlebody h2{font-size:19px;margin-top:36px;padding-top:24px}.articlebody h3{font-size:15px}.articlebody ul,.articlebody ol{padding:19px 18px 19px 33px;font-size:11px}.articlebody table{font-size:9px}.articlebody th,.articlebody td{padding:9px 6px}.tocbox{padding:18px}.tocbox ol{font-size:10px}.articleclosing{padding:22px}.articleclosing h3{font-size:18px}.articlelayout>.sidebar{position:static;margin-top:30px}.relatedgrid{grid-template-columns:1fr 1fr;gap:22px 16px}.relatedgrid .postvisual{height:130px}.relatedgrid .postcard:last-child{display:none}.relatedgrid h3{font-size:12px}.dialogtop h2{font-size:20px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.herocopy h1{font-size:25px}.headercta{font-size:8px;padding:10px}.brandname{font-size:21px}.value small{display:block;margin:5px 0 0}.postvisual{height:118px}}

[hidden]{display:none!important}



/* Keep navigation available while reading; Japanese text sizes for comfortable reading. */
#site-header{position:sticky;top:-30px;z-index:30}.siteheader{position:relative;top:auto}.articlebody{font-size:16px;line-height:2.1}.articlebody ul,.articlebody ol{font-size:14px}.articlebody h2{font-size:24px}.articlebody h3{font-size:18px}.articlelede{font-size:14px}.sideprofile p{font-size:12px}.siderow h4{font-size:12px}@media(max-width:900px){.articlebody{font-size:15px}.articlebody h2{font-size:21px}.articlebody h3{font-size:17px}}@media(max-width:680px){#site-header{top:-25px}.articlebody{font-size:15px;line-height:2.15}.articlebody ul,.articlebody ol{font-size:13px}.articlebody h2{font-size:21px}.articlebody h3{font-size:17px}.articlelede{font-size:13px}}

/* SWELLのリセット・標準見出しと共存させるための調整。本文のブロックはWordPressで描画します。 */
html{font-size:16px}
body.mizulog-theme{font-family:var(--sans);font-size:14px;font-weight:400;line-height:normal;background:var(--paper);color:var(--ink);--swl-font_family:var(--sans);--swl-font_weight:400;--swl-h2-margin--x:0px;--color_link:var(--blue)}
.mizulog-theme #body_wrap.mz-theme-shell{max-width:none;width:100%;overflow:visible;position:relative;z-index:auto}
.mizulog-theme .l-scrollObserver{position:absolute;inset:0 auto auto 0;width:1px;height:1px;pointer-events:none}
.mizulog-theme .mz-content-shell{width:100%;max-width:none;margin:0;padding:0}
.mizulog-theme #main_content.mz-main{width:100%;max-width:none;float:none;margin:0}
.mizulog-theme #main_content.mz-main:not(.articlepage):not(.journalsection){padding:0}
.mizulog-theme #main_content.articlepage{padding:0 0 74px}
.mizulog-theme #main_content.mz-archive{padding:55px 0 80px}
.mizulog-theme .mz-theme-shell p{margin-top:1em;margin-bottom:1em}
.mizulog-theme .herocopy p{margin:0 0 32px}
.mizulog-theme .herocopy .eyebrow{margin:0 0 26px}
.mizulog-theme .intro .eyebrow{margin-top:0}
.mizulog-theme .introstep p,.mizulog-theme .sectiontitle p{margin:0}
.mizulog-theme .postcard p{margin:0}
.mizulog-theme .articlehead .eyebrow{margin:0 0 16px}
.mizulog-theme .articlelede{margin:0 0 31px}
.mizulog-theme .articleclosing .eyebrow{margin:0 0 10px}
.mizulog-theme .mz-primary-menu,.mizulog-theme .footerlinks ul{list-style:none;padding:0;margin:0}
.mz-primary-menu{display:flex;align-items:center;gap:28px}
.mz-primary-menu li{margin:0;padding:0}
.mz-primary-menu .current-menu-item>a{color:var(--blue)}
.mz-writer-photo{width:49px;height:49px;object-fit:cover;border-radius:50%;flex-shrink:0}
.articleauthor .mz-writer-photo{width:32px;height:32px}
.articlecover{position:relative}
.mz-image-note{position:absolute;right:10px;bottom:8px;z-index:2;font-size:9px;color:white;text-shadow:0 1px 4px #153d4b}
.mizulog-theme .sitefooter h2{font-weight:500}
.mizulog-theme .footerbrand p{margin:20px 0 10px}
.mizulog-theme .sitefooter .brand{color:#fff}
.mizulog-theme .breadcrumb{min-width:0;align-items:center;line-height:1.7}
.mizulog-theme .breadcrumb>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mizulog-theme #main_content .articlebody.post_content{font-size:16px;line-height:2.1;max-width:100%;padding:0;margin:0;overflow-wrap:anywhere;color:#3e555d}
.mizulog-theme .articlebody.post_content .p-toc{display:none!important}
.mizulog-theme .articlebody.post_content p{margin:0 0 1.9em}
.mizulog-theme .articlebody.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.8;color:var(--ink);background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:30px 0 0;margin:46px 0 25px;scroll-margin-top:12px}
.mizulog-theme .articlebody.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)):before{content:'';position:absolute;display:block;top:-2px;left:0;width:38px;height:3px;padding:0;border:0;box-sizing:border-box;background:var(--sage)}
.mizulog-theme .articlebody.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)):after{content:none}
.mizulog-theme .articlebody.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){font-family:var(--sans);font-size:18px;font-weight:500;line-height:1.8;color:var(--ink);background:none;border:0;border-left:3px solid #b4d4dd;border-radius:0;padding:4px 0 4px 15px;margin:32px 0 20px;scroll-margin-top:12px}
.mizulog-theme .articlebody.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)):before,.mizulog-theme .articlebody.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)):after{content:none}
.mizulog-theme .articlebody.post_content>ul,.mizulog-theme .articlebody.post_content>ol{font-size:14px;line-height:2.1;background:#f5f8f7;padding:22px 25px 22px 40px;margin:20px 0 30px}
.mizulog-theme .articlebody.post_content li{line-height:1.9}
.mizulog-theme .articlebody.post_content li>ul,.mizulog-theme .articlebody.post_content li>ol{background:transparent;padding:0 0 0 1.5em;margin:.5em 0;font-size:inherit}
.mizulog-theme .articlebody.post_content figure{margin:26px 0;max-width:100%}
.mizulog-theme .articlebody.post_content .wp-block-image img{height:auto;max-width:100%}
.mizulog-theme .articlebody.post_content .alignwide,.mizulog-theme .articlebody.post_content .alignfull{position:relative;left:auto;width:100%;max-width:100%;margin-left:0!important;margin-right:0!important}
.mizulog-theme .articlebody.post_content .wp-block-table{display:block;max-width:100%;overflow-x:auto}
.mizulog-theme .articlebody.post_content table{font-size:11px}
.mizulog-theme .articlebody.post_content th,.mizulog-theme .articlebody.post_content td{border:1px solid var(--line);padding:13px 12px}
.mizulog-theme .articlebody.post_content thead th{background:#edf4f3;color:var(--ink)}
.mizulog-theme .articlebody.post_content blockquote{border:0;border-left:3px solid #afc8ce;background:#f5f8f8;margin:28px 0;padding:16px 22px;font-size:13px;color:#638089}
.mizulog-theme .articlebody.post_content blockquote:before,.mizulog-theme .articlebody.post_content blockquote:after{content:none}
.mizulog-theme .articlebody.post_content .swell-block-button a,.mizulog-theme .articlebody.post_content .wp-block-button a{color:var(--the-btn-color--text,#fff);border-bottom:0}
.mizulog-theme .articlebody.post_content .p-blogCard a{border-bottom:0}
.mz-toc-sub{margin-left:1em}
.mz-pagination,.mz-archive .pagination{margin:30px 0;line-height:2;font-size:12px}
.mz-pagination a,.mizulog-theme .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:5px 10px;margin:0 4px 5px 0;border:1px solid var(--line);border-radius:3px;background:white;color:var(--ink)}
.mizulog-theme .page-numbers.current{color:white;background:var(--ink);border-color:var(--ink)}
.mz-post-tags{margin-top:26px;display:flex;gap:8px;flex-wrap:wrap}
.mz-post-tags a{font-size:10px;background:#eff4f3;border:1px solid var(--line);padding:5px 12px;border-radius:3px}
.mz-search-submit{margin-top:20px}
.mz-search-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mz-search-form input{flex:1;min-width:120px;padding:12px;border:1px solid var(--line);border-radius:3px;background:white}
.mz-search-form .btn{padding:11px 20px}
.mz-widget{font-size:12px;line-height:1.9;overflow-wrap:anywhere}
.mz-widget ul{list-style:none;margin:0;padding:0}
.mz-widget li{margin:0 0 12px}
.mz-widget input,.mz-widget select{max-width:100%}
.mz-comments{border-top:1px solid var(--line);margin-top:36px;padding-top:30px;font-size:13px;line-height:1.9}
.mz-comments h2{font-size:20px;margin-bottom:20px}
.mz-comments h3{font-size:17px;margin:24px 0 15px}
.mz-comment-list,.mz-comment-list .children{list-style:none;padding:0;margin:20px 0}
.mz-comment-list .children{margin-left:20px}
.mz-comment-list>li{padding:20px 0;border-bottom:1px solid var(--line)}
.mz-comment-list .avatar{float:left;border-radius:50%;margin-right:12px}
.mz-comment-list .comment-metadata{font-size:10px;color:var(--muted);margin-bottom:12px}
.mz-comment-list .reply{font-size:11px}
.mz-comments label{display:block;font-size:12px;margin-bottom:5px}
.mz-comments input:not([type=submit]):not([type=checkbox]),.mz-comments textarea,.mz-password-form input[type=password]{width:100%;padding:11px;border:1px solid var(--line);border-radius:3px;background:white}
.mz-comments .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:9px}
.mz-comments .comment-form-cookies-consent input{margin-top:6px}
.mz-comments .comment-form-cookies-consent label{font-size:11px}
.mz-skip-link{position:fixed;left:12px;top:-100px;z-index:100001;padding:12px 18px;background:white;border:2px solid var(--blue);font-size:13px}
.mz-skip-link:focus{top:12px}
.mizulog-theme.admin-bar #site-header{top:2px}
@media(max-width:1180px){.mz-primary-menu{gap:19px}}
@media(max-width:900px){.mz-primary-menu{flex-direction:column;align-items:stretch;gap:0;width:100%}.mz-primary-menu a{display:block}.mizulog-theme #main_content .articlebody.post_content{font-size:15px}.mizulog-theme .articlebody.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){font-size:21px}.mizulog-theme .articlebody.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){font-size:17px}}
@media(max-width:782px){.mizulog-theme.admin-bar #site-header{top:16px}}
@media(max-width:680px){html{scroll-padding-top:90px}.mizulog-theme #main_content.articlepage{padding:0 0 50px}.mizulog-theme #main_content.mz-archive{padding:30px 0 50px}.mizulog-theme .herocopy p{margin:0 0 24px}.mizulog-theme .herocopy .eyebrow{margin:0 0 18px}.mizulog-theme .articlehead .eyebrow{margin:0 0 13px}.mizulog-theme .articlebody.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){font-size:21px;margin:36px 0 25px;padding:24px 0 0}.mizulog-theme .articlebody.post_content>ul,.mizulog-theme .articlebody.post_content>ol{font-size:13px;padding:19px 18px 19px 33px}.mizulog-theme #main_content .articlebody.post_content{line-height:2.15}.mizulog-theme .articlebody.post_content table{font-size:11px;min-width:300px}.mizulog-theme .articlebody.post_content td,.mizulog-theme .articlebody.post_content th{padding:9px 6px}.mizulog-theme.admin-bar #site-header{top:21px}.relatedgrid .postcard:last-child{display:block}}
@media(max-width:600px){.mizulog-theme.admin-bar #site-header{top:-25px}}
@media print{#site-header,.sidebar,.sitefooter,.pageback,.articleextras,.readingbar,.mz-toc,.mz-comments,.dialog{display:none!important}.articlepage{background:white}.wrap{width:100%}.articlelayout{display:block}.articlepaper{padding:0}.articlebody{font-size:11pt!important}.articlebody a{color:inherit}.reveal{animation:none}}
.mz-mobile-search{display:none;border:0;background:transparent;color:var(--blue);text-align:left;font-size:12px;padding:14px;line-height:1.8}
@media(max-width:900px){.nav.mobileopen .mz-mobile-search{display:block}}
/* SWELLの全要素リセット後も検索ダイアログを中央に表示します。 */
.mizulog-theme .dialog{position:fixed;margin:auto;max-height:calc(100vh - 40px);overflow:auto;line-height:1.6}
