:root{--mint-500:#4ecdc4;--mint-600:#36bfb5;--mint-650:#1fa79d;--mint-700:#0c7e74;--mint-300:#9de6e0;--mint-150:#c8f2ef;--mint-100:#e2f8f6;--mint-50:#f1fcfb;--ink-900:#06302e;--ink-800:#0e3d39;--ink-700:#2b4945;--ink-500:#516965;--ink-400:#7a8e8b;--ink-300:#a6b7b4;--line:#e0ebe9;--line-soft:#ecf4f3;--paper:#fff;--paper-2:#f3faf9;--paper-3:#eaf6f4;--cat-talk:#3fc9c0;--cat-event:#f0a23c;--cat-food:#e8584a;--cat-job:#7e93b0;--cat-kodo:#1e9e78;--shadow-sm:0 1px 2px #06302e0d, 0 2px 6px #06302e0d;--shadow-md:0 6px 16px #06302e14, 0 2px 6px #06302e0d;--shadow-lg:0 18px 48px #06302e24, 0 6px 16px #06302e12;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:30px;--maxw:1160px;--ff-head:"Zen Kaku Gothic New","Noto Sans JP",system-ui,sans-serif;--ff-body:"Noto Sans JP",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--ff-body);color:var(--ink-800);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:.01em;margin:0;line-height:1.85}a{color:var(--mint-700);text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--ff-head);color:var(--ink-900);letter-spacing:.01em;margin:0;font-weight:700;line-height:1.32}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:24px}.center{text-align:center}.eyebrow{font-family:var(--ff-head);letter-spacing:.14em;color:var(--mint-700);align-items:center;gap:9px;font-size:.82rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--mint-500);border-radius:2px;width:22px;height:2px}.eyebrow--center{justify-content:center}.eyebrow--center:after{content:"";background:var(--mint-500);border-radius:2px;width:22px;height:2px}.h-sect{text-wrap:balance;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.4}.lead{color:var(--ink-500);font-size:clamp(1rem,1.4vw,1.12rem);line-height:2}.muted{color:var(--ink-500)}.btn{font-family:var(--ff-head);white-space:nowrap;border:1.5px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:.55em;padding:.92em 1.5em;font-size:1.02rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.btn .arrow{transition:transform .18s}.btn:hover .arrow{transform:translate(3px)}.btn-primary{background:var(--mint-500);color:var(--ink-900);box-shadow:0 6px 18px #4ecdc461}.btn-primary:hover{background:var(--mint-600);transform:translateY(-2px);box-shadow:0 12px 28px #4ecdc46b}.btn-ghost{color:var(--ink-900);border-color:var(--line);box-shadow:var(--shadow-sm);background:#fff}.btn-ghost:hover{border-color:var(--mint-300);background:var(--mint-50);transform:translateY(-2px)}.btn-sm{border-radius:11px;padding:.6em 1.15em;font-size:.9rem}.blog-intro{padding:66px 0 8px}.blog-intro .lead{max-width:40rem;margin-top:14px}.chip{font-family:var(--ff-head);letter-spacing:.02em;color:color-mix(in srgb, var(--cc) 74%, var(--ink-900));background:color-mix(in srgb, var(--cc) 15%, #fff);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:.76rem;font-weight:700;line-height:1;display:inline-flex}.chip:before{content:"";background:var(--cc);border-radius:50%;flex:none;width:8px;height:8px}.chip--event{--cc:var(--cat-event)}.chip--gourmet{--cc:var(--cat-food)}.chip--news{--cc:var(--mint-600)}.chip--community{--cc:var(--cat-kodo)}.pdate{color:var(--ink-400);font-size:.82rem;font-weight:500}.draft-badge{color:#fff;background:var(--cat-food);letter-spacing:.02em;border-radius:999px;padding:2px 9px;font-size:.7rem;font-weight:700}.feature{border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:1.15fr .85fr;gap:0;margin-top:40px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;overflow:hidden}.feature:hover{box-shadow:var(--shadow-lg);border-color:var(--mint-300);transform:translateY(-3px)}.feature-body{flex-direction:column;justify-content:center;padding:40px 42px;display:flex}.feature .meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.feature h2{margin-bottom:14px;font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1.34}.feature p{color:var(--ink-500);margin:0 0 22px;font-size:1rem;line-height:1.95}.feature .more{font-family:var(--ff-head);color:var(--mint-700);align-items:center;gap:.5em;font-weight:700;display:inline-flex}.feature .more .arrow{transition:transform .18s}.feature:hover .more .arrow{transform:translate(4px)}.feature-side{background:radial-gradient(120% 90% at 80% 15%, var(--mint-100), transparent 60%), linear-gradient(150deg, var(--mint-50), var(--paper-3));border-left:1px solid var(--line);justify-content:center;align-items:center;min-height:210px;display:flex;position:relative}.feature-side .badge{font-family:var(--ff-head);color:var(--mint-700);letter-spacing:.08em;border:1.5px solid var(--mint-300);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;padding:8px 18px;font-size:1rem;font-weight:900}.section-label{align-items:baseline;gap:14px;margin:56px 0 4px;display:flex}.section-label .t{font-family:var(--ff-head);color:var(--ink-900);font-size:1.15rem;font-weight:700}.section-label .ln{background:var(--line);flex:1;height:1px}.post-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:26px;display:grid}.pcard{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;height:100%;padding:26px 26px 24px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.pcard:hover{box-shadow:var(--shadow-md);border-color:var(--mint-300);transform:translateY(-3px)}.pcard .meta{flex-wrap:wrap;align-items:center;gap:11px;margin-bottom:14px;display:flex}.pcard h3{margin-bottom:10px;font-size:1.22rem;line-height:1.45}.pcard p{color:var(--ink-500);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 18px;font-size:.93rem;line-height:1.8;display:-webkit-box;overflow:hidden}.pcard .more{font-family:var(--ff-head);color:var(--mint-700);align-items:center;gap:.45em;margin-top:auto;font-size:.92rem;font-weight:700;display:inline-flex}.pcard .more .arrow{transition:transform .18s}.pcard:hover .more .arrow{transform:translate(4px)}.empty{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-xl);text-align:center;color:var(--ink-500);margin-top:40px;padding:64px 24px}.empty .eyebrow{justify-content:center;margin-bottom:14px}.empty h2{color:var(--ink-900);margin-bottom:8px;font-size:1.3rem}.article{padding:52px 0 8px}.art-head{text-align:center;max-width:760px;margin:0 auto}.art-head .meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:18px;display:flex}.art-title{text-wrap:balance;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.4}.art-cover{border-radius:var(--r-lg);border:1px solid var(--line);max-width:960px;box-shadow:var(--shadow-sm);margin:34px auto 0;overflow:hidden}.prose{border:1px solid var(--line);border-radius:var(--r-xl);max-width:760px;box-shadow:var(--shadow-sm);color:var(--ink-700);background:#fff;margin:14px auto 0;padding:clamp(28px,4vw,52px);font-size:1.02rem;line-height:2.05}.prose>p{margin:0 0 1.5em}.prose h2{font-family:var(--ff-head);color:var(--ink-900);border-left:5px solid var(--mint-500);margin:2.1em 0 .8em;padding-left:14px;font-size:1.5rem}.prose h3{font-family:var(--ff-head);color:var(--ink-900);margin:1.8em 0 .6em;font-size:1.2rem}.prose ul,.prose ol{margin:0 0 1.5em;padding-left:1.4em}.prose li{margin-bottom:.55em}.prose li::marker{color:var(--mint-500)}.prose a{color:var(--mint-700);text-underline-offset:2px;text-decoration:underline;text-decoration-color:var(--mint-300)}.prose a:hover{text-decoration-color:var(--mint-500)}.prose strong{color:var(--ink-900);font-weight:700}.prose blockquote{background:var(--mint-50);border-left:4px solid var(--mint-500);color:var(--ink-700);border-radius:0 10px 10px 0;margin:1.6em 0;padding:14px 20px}.prose code{background:var(--mint-50);border-radius:6px;padding:.12em .4em;font-size:.92em}.prose img{border-radius:var(--r-md);margin:1.6em 0}.art-foot{justify-content:center;max-width:760px;margin:40px auto 0;display:flex}.void{text-align:center;max-width:34rem;margin-inline:auto;padding:90px 0 96px}.void .eyebrow{justify-content:center;margin-bottom:16px}.void .big{font-family:var(--ff-head);color:var(--mint-500);letter-spacing:.02em;font-size:clamp(4rem,15vw,8rem);font-weight:900;line-height:1}.void h2{color:var(--ink-900);margin:10px 0 12px;font-size:1.5rem}.void p{color:var(--ink-500);margin:0 0 28px}.void .btns{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.site-footer{background:var(--ink-900);color:#ffffff9e;margin-top:84px;font-size:.9rem}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:40px;padding-block:56px 36px;display:flex}.footer-brand{max-width:340px}.footer-brand .brand{color:#fff;margin-bottom:14px}.footer-brand p{color:#ffffff80;margin:0;font-size:.86rem;line-height:1.85}.footer-cols{flex-wrap:wrap;gap:64px;display:flex}.fcol h4{font-family:var(--ff-head);color:#fff;letter-spacing:.04em;margin:0 0 14px;font-size:.86rem;font-weight:700}.fcol a,.fcol p{color:#ffffff8c;margin-bottom:9px;font-size:.86rem;transition:color .15s;display:block}.fcol a:hover{color:var(--mint-300)}.footer-bottom{color:#fff6;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:22px;font-size:.8rem;display:flex}@media (width<=760px){.wrap{padding-inline:18px}.feature{grid-template-columns:1fr}.feature-side{display:none}.feature-body{padding:28px 24px}.blog-intro{padding:44px 0 4px}.art-head{text-align:left}.art-head .meta{justify-content:flex-start}}