@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@500;600;700&display=swap');
:root{--ink:#113f45;--green:#587a56;--mist:#edf3ee;--sand:#e8ddc5;--coral:#ef684b;--white:#fff;--serif:'Noto Serif JP',serif;--sans:'Noto Sans JP',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#173f43;background:#fcfbf7;font-family:var(--sans);line-height:1.9}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(252,251,247,.94);position:fixed;z-index:20;top:0;width:100%;backdrop-filter:blur(12px);border-bottom:1px solid rgba(17,63,69,.08)}.logo{font-family:var(--serif);font-weight:700;font-size:1.2rem;display:flex;gap:10px;align-items:center}.logo-mark{display:grid;place-items:center;border:1px solid;border-radius:50%;width:34px;height:34px;font-family:var(--sans);font-size:.75rem}.header nav{display:flex;align-items:center;gap:2rem;font-size:.78rem;font-weight:600}.header nav a:not(.pill):hover{color:var(--coral)}.menu{display:none;background:none;border:0;font-size:1.5rem}.pill{display:inline-flex;align-items:center;gap:1.2rem;padding:15px 25px;border-radius:99px;background:var(--coral);color:white;font-weight:700;line-height:1.2;box-shadow:0 8px 30px rgba(239,104,75,.25);transition:.2s}.pill:hover{transform:translateY(-2px)}.pill.small{padding:12px 20px}.hero{height:min(850px,100vh);min-height:680px;position:relative;background:url('assets/hero-lakebiwa.webp') center/cover;margin-top:82px;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,249,244,.98) 0%,rgba(247,249,244,.82) 32%,rgba(247,249,244,.03) 68%),linear-gradient(0deg,rgba(11,50,55,.3),transparent 40%)}.hero-copy{position:absolute;left:8vw;top:16%;max-width:640px}.eyebrow,.kicker{letter-spacing:.22em;font-size:.7rem;font-weight:700;color:var(--green)}.hero h1,.section h2,.join h2{font-family:var(--serif);font-size:clamp(3.2rem,6vw,6.8rem);line-height:1.3;margin:.25em 0;color:var(--ink);font-weight:600;letter-spacing:.04em}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p:not(.eyebrow){max-width:490px;font-size:1rem}.actions{display:flex;gap:25px;align-items:center;margin-top:35px}.text-link{font-weight:600;font-size:.85rem}.stats{position:absolute;left:8vw;bottom:6%;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.92);border-radius:20px;box-shadow:0 16px 50px rgba(17,63,69,.18);padding:25px 35px;backdrop-filter:blur(10px)}.stats div{padding:0 35px;border-right:1px solid #d9dfd7}.stats div:first-child{padding-left:0}.stats div:last-child{border:0;padding-right:0}.stats b,.stats span{display:block}.stats b{font-family:var(--serif);font-size:1.15rem}.stats span{font-size:.72rem;color:#648084}.section{padding:110px max(7vw,30px)}.section-tag{writing-mode:vertical-rl;position:absolute;left:3vw;letter-spacing:.3em;font-size:.6rem;color:#91a29b}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw;max-width:1200px;margin:auto}.about h2,.section h2{font-size:clamp(2rem,4vw,3.7rem);margin:.25em 0}.about-grid>div:last-child{padding-top:38px;color:#53696b}.soft{background:var(--mist)}.section-head{display:flex;justify-content:space-between;align-items:end;max-width:1200px;margin:0 auto 45px}.section-head>p{font-size:.85rem;color:#6a7f7c}.cards{display:grid;grid-template-columns:repeat(3,1fr);max-width:1200px;margin:auto;background:#fff;border-radius:24px;box-shadow:0 14px 45px rgba(17,63,69,.08)}.cards article{padding:45px;position:relative;border-right:1px solid #dfe8e1}.cards article:last-child{border:0}.cards article>span{position:absolute;top:28px;right:30px;font-family:var(--serif);color:#aabdb0}.icon{width:70px;height:70px;margin-bottom:25px}.icon svg{fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cards h3{font-family:var(--serif);font-size:1.25rem}.cards p{font-size:.82rem;color:#607374}.photo-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.2fr;grid-auto-rows:410px;gap:15px;max-width:1400px;margin:auto}.photo-grid figure{margin:0;position:relative;overflow:hidden;border-radius:18px}.photo-grid figure:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(9,45,49,.82))}.photo-grid img{transition:.6s}.photo-grid figure:hover img{transform:scale(1.04)}figcaption{position:absolute;z-index:2;bottom:20px;left:22px;color:white}figcaption b,figcaption span{display:block}figcaption b{font-family:var(--serif);font-size:1.1rem}figcaption span{font-size:.7rem}.join{padding:90px max(8vw,35px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--ink);color:#fff;position:relative;overflow:hidden}.join:after{content:'水辺を守る';position:absolute;right:-1%;bottom:-30%;font-family:var(--serif);font-size:9vw;color:rgba(255,255,255,.035);white-space:nowrap}.join h2{color:white;font-size:clamp(2.5rem,4vw,4.5rem);margin:.2em 0}.light{color:#a9c6ae}.join-info{align-self:center;max-width:480px;position:relative;z-index:2}.inverse{background:white;color:var(--ink);margin-top:15px}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1200px;margin:auto}.member-grid article{display:flex;gap:28px;padding:35px;border:1px solid #dbe4dc;border-radius:20px;background:#fff}.initial{flex:0 0 90px;height:110px;border-radius:45px 45px 15px 15px;background:var(--sand);display:grid;place-items:center;font-family:var(--serif);font-size:2.5rem;color:var(--green)}.member-grid span{font-size:.7rem;color:var(--green)}.member-grid h3{font-family:var(--serif);font-size:1.55rem;margin:0}.member-grid p{font-size:.8rem;color:#667b7c;margin-bottom:0}footer{background:#092f34;color:#d8e5df;padding:70px 8vw 28px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:6vw;font-size:.8rem}.footer-logo{font-size:1.25rem;color:white}footer b{font-family:var(--serif);font-size:1rem;color:white}footer a{display:block}footer small{display:block;color:#829c99;margin-top:8px}.copyright{grid-column:1/-1;text-align:center;border-top:1px solid rgba(255,255,255,.12);padding-top:25px;color:#78918e}.reveal{opacity:0;transform:translateY(18px);transition:.8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.header{height:66px}.header nav{display:none;position:absolute;top:66px;inset-inline:0;background:#fff;padding:25px;flex-direction:column}.header nav.open{display:flex}.menu{display:block}.hero{margin-top:66px;height:760px}.hero-shade{background:linear-gradient(90deg,rgba(247,249,244,.94),rgba(247,249,244,.38)),linear-gradient(0deg,rgba(247,249,244,.9),transparent 60%)}.hero-copy{left:7vw;right:7vw;top:10%}.hero h1{font-size:clamp(2.7rem,12vw,4.5rem)}.stats{left:5vw;right:5vw;bottom:4%;padding:18px}.stats div{padding:0 12px}.stats b{font-size:.85rem}.about-grid,.join{grid-template-columns:1fr;gap:25px}.cards{grid-template-columns:1fr}.cards article{border-right:0;border-bottom:1px solid #dfe8e1}.photo-grid{grid-template-columns:1fr 1fr;grid-auto-rows:300px}.member-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.section{padding:80px 6vw}.section-head{align-items:start;flex-direction:column}.section-head>p{display:none}}
@media(max-width:560px){.actions{align-items:flex-start;flex-direction:column;gap:12px}.hero-copy>p:not(.eyebrow){font-size:.9rem}.stats span{font-size:.58rem}.stats div{padding:0 7px}.photo-grid{grid-template-columns:1fr;grid-auto-rows:300px}.member-grid article{padding:24px;gap:18px}.initial{flex-basis:65px;height:85px}footer{grid-template-columns:1fr}.copyright{grid-column:1}}