/* COMUGICO 共通スタイル（3-01 デザイントークン）2026-09-05
   フォント＝ピコまると同じ BIZ UDPGothic（font.css で自前ホスト）。見出しも同じ書体の太字。
   さし色＝ロゴ緑のみ。他は白・ごく薄いグレー。緑は検討中（--c-green を差し替えれば全体に効く）
   文字サイズは rem。html.fs-sm/md/lg/xl（font.css）で画面まるごと拡大。 */
:root{
  --c-green:#35C02F; --c-green-text:#25861F;
  --c-bg:#FFFFFF; --c-paper:#FFFFFF; --c-tint:#F4F5F4; --c-line:#E1E4E1;
  --c-ink:#232623; --c-muted:#5F6660;
  --c-foot:#2D3436; --c-foot-ink:#ECEFEC; --c-foot-muted:#B3BAB3; --c-foot-line:#444C4E;
  --r-s:8px; --r-m:12px; --r-l:18px; --r-pill:999px;
  --fs-h1:1.9rem; --fs-h2:1.45rem; --fs-h3:1.1rem; --fs-small:.875rem; --fs-cap:.8rem;
  --tap:44px;
}
:root[data-theme="dark"]{
  --c-green-text:#7BDD76; --c-bg:#1A1C1A; --c-paper:#242724; --c-tint:#2E312E; --c-line:#3C403C;
  --c-ink:#F0F2F0; --c-muted:#AEB4AE; --c-foot:#121414; --c-foot-line:#333838;
}
*{box-sizing:border-box}
body{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:var(--font);font-size:1rem;line-height:1.75;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-weight:700;line-height:1.35;margin:0;text-wrap:balance}
h1{font-size:var(--fs-h1)} h2{font-size:var(--fs-h2)} h3{font-size:var(--fs-h3)}
a{color:var(--c-green-text)}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--c-green-text);outline-offset:2px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
@media (max-width:640px){ .wrap{padding:0 16px} :root{--fs-h1:1.55rem;--fs-h2:1.25rem} }
.skip{position:absolute;left:8px;top:8px;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);background:var(--c-ink);color:var(--c-bg);padding:10px 16px;border-radius:var(--r-s);white-space:nowrap;z-index:20}
.skip:focus{width:auto;height:auto;clip:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 20px;border-radius:var(--r-pill);border:2px solid var(--c-green);background:var(--c-green);color:#fff;font-weight:700;text-decoration:none;cursor:pointer}
.btn.ghost{background:var(--c-paper);color:var(--c-green-text);border-color:var(--c-green-text)}
.chip{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:var(--r-pill);background:var(--c-tint);color:var(--c-green-text);font-size:var(--fs-small);font-weight:700;text-decoration:none}
.chip.care{background:transparent;border:2px solid var(--c-green-text)}
.card{background:var(--c-paper);border:2px solid var(--c-line);border-radius:var(--r-l)}
.date{background:var(--c-green);color:#fff;border-radius:var(--r-m);text-align:center;font-weight:700;line-height:1.1;padding:6px 0;width:56px}
.date b{display:block;font-size:1.4rem} .date small{font-size:.7rem}
@media (prefers-reduced-motion:reduce){ *{transition:none!important;animation:none!important} }