/* HIDAMARI：白地に、黄色→オレンジのやわらかいグラデーションの「ひだまり」と、緑の差し色。大きく太い英字の見出し */
:root {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #fbf8ef;
  --ink: #1f1f1f;
  --muted: #7f7a70;
  --line: #efe9da;
  --accent: #f39800;      /* オレンジ */
  --accent-ink: #ffffff;
  --hot: #e85d1a;
  --ok: #5aa832;
  --badge: #7cc242;
  --pmark: linear-gradient(135deg, #f7d000, #f39800);
  --side-dark: #1f1f1f;
  --side-ink: #1f1f1f;
  --side-pill: rgba(255, 255, 255, .9);
  --human-bg: #fffbe6;
  --human-line: #f7d000;
  --human-node: #ffe766;
  --bar-ink: #ffe766;
  --radius: 22px;
  --font-head: "Noto Sans JP", sans-serif;
  /* 黄色→オレンジの、ふくらんだ丸い形 */
  --side:
    radial-gradient(120% 70% at 110% 0%, rgba(255, 255, 255, .45), transparent 60%),
    radial-gradient(90% 60% at -10% 100%, rgba(124, 194, 66, .45), transparent 70%),
    linear-gradient(170deg, #f7e000 0%, #f7c600 35%, #f39800 100%);
}
body.resident {
  background:
    radial-gradient(38% 46% at 100% 4%, rgba(247, 208, 0, .35), transparent 70%),
    radial-gradient(28% 34% at 88% 30%, rgba(243, 152, 0, .18), transparent 70%),
    #ffffff;
  background-attachment: fixed;
}
.r-side { border-radius: 40px 40px 120px 40px / 40px 40px 60px 40px; box-shadow: 0 30px 60px -24px rgba(243, 152, 0, .55); }
.r-ptag { border: 0; background: #1f1f1f; color: #fff; font-family: "Inter", sans-serif; font-weight: 900; letter-spacing: .08em; }
.r-menu a.on { background: #fff; box-shadow: 0 10px 22px -12px rgba(180, 100, 0, .6); }
.r-menu a.on .ic { color: #f39800; }
.r-pill.dark { background: #1f1f1f; }
/* 見出し：大きく太く。下に「社会のために」の色の線 */
.r-head h1 { font-family: "Inter", "Noto Sans JP", sans-serif; font-weight: 900; font-size: 38px; letter-spacing: -.01em; }
.r-crumb { color: #e85d1a; font-weight: 700; }
.r-crumb::before { content: "Care for Your Life"; font-family: "Inter", sans-serif; font-weight: 900; color: #1f1f1f; margin-right: 6px; }
.r-btn.primary { background: #1f1f1f; color: #fff; }
.r-btn.primary .ic { color: #f7d000; }
.r-card h3 .ic, .r-note .ic { color: #7cc242; }
.r-kic { background: #fffbe6; color: #f39800; }
.r-lead { border-left: 6px solid #f7d000; }
.r-chat-head { background: linear-gradient(135deg, #f7d000, #f39800); }