/* ============================================================
   天清院テーマ — 木漏れ日の緑×丸ゴ（子育て呑龍さんのやさしさ）
   ============================================================ */
:root{
  --bg:#f6f5ee;
  --bg-2:#eef0e3;
  --white:#fdfdf9;
  --ink:#2a3026;
  --ink-2:#46503f;
  --soft:#76806b;
  --line:#d3d8c2;
  --line-soft:#e2e6d3;
  --acc:#3c5a3e;
  --acc-deep:#2c452f;
  --acc-soft:#c8d6a8;
  --cv:#c0612f;
  --cv-deep:#9e4c20;
  --night:#222b20;
  --night-2:#1b231a;
  --on-night:#f6f5ee;
  --acc-night:#c8d6a8;
  --serif:"Zen Old Mincho","Yu Mincho",serif;
  --body-font:"Zen Maru Gothic","Hiragino Maru Gothic ProN",sans-serif;
  --r:18px;
  --r-btn:999px;
  --bw:1.5px;
  --badge-mark:"❀ ";
}

/* 木漏れ日（ゆらぐ光のシミ） */
body::after{
  content:"";
  position:fixed;inset:0;z-index:-3;pointer-events:none;
  background:
    radial-gradient(ellipse 420px 300px at 12% 8%,rgba(200,214,168,.4),transparent 70%),
    radial-gradient(ellipse 520px 380px at 88% 22%,rgba(200,214,168,.32),transparent 70%),
    radial-gradient(ellipse 460px 340px at 24% 86%,rgba(200,214,168,.3),transparent 70%);
  animation:komorebi 16s ease-in-out infinite alternate;
}
@keyframes komorebi{
  from{transform:translate(0,0) scale(1)}
  to{transform:translate(-26px,16px) scale(1.05)}
}

/* モバイル: ヒーロー見出しを折り返さず2行で固定（最長12文字が320px幅でも収まるサイズ） */
@media(max-width:760px){
  .hero__title{
    font-size:clamp(20px,7.4vw,32px);
    letter-spacing:.04em;
    white-space:nowrap;
  }
}