@charset "UTF-8";
/* 2026-10-01 藤岡様ご依頼分 */

/* ---------- 事業内容ページの配色 ----------
   「防災」(page-green #3e7a52)と「事業内容」(page-earth #3e6b4f)が
   どちらも緑で、並べると見分けがつかないとのご指摘。
   すでに青(からだリセットぷらす)・緑(防災)・橙(縄文式健康法)・
   茶(私たちについて)が埋まっているので、空いている藍紫にする。
   変数だけを差し替えれば、見出し・リンク・表組み・CVバンドまで
   ページ全体がそのまま新しい色になる。 */
body.page-earth {
  --thm:        #575492;  /* 桔梗(見出し・リンク) */
  --thm-deep:   #3c3a68;  /* 濃い藍(本文中の強調・CVバンドの文字) */
  --thm-soft:   #eeedf7;  /* 淡い地(表の見出し・CVバンド) */
  --thm-ice:    #f7f7fc;  /* さらに淡い地(帯の背景) */
  --thm-accent: #8d89c0;  /* 差し色(見出しの罫・FAQの印) */
}

/* 申し込みボタンのホバーだけ緑を帯びた白が直書きされていたので、
   新しい配色に合わせる。 */
.rita-services .cv-band a.btn-primary:hover { background: #f8f7fc; }

/* ---------- 数字で見る、私たちの歩み ----------
   「月2回 出張施術会を継続開催」を削除して5項目になった。
   3列のままだと2行目に1つ分の穴が空くので、最後の行を中央にそろえる。
   今後項目が増減しても崩れないよう、折り返しで中央寄せする作りにする。 */
.stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.stats > .stat {
  flex: 0 1 calc((100% - 44px) / 3); /* 22px の隙間が2つ分 */
}
@media (max-width: 900px) {
  .stats > .stat { flex-basis: 100%; }
}

/* ---------- 防災:検定のご紹介バナー ----------
   登録商標の ® が本文と同じ大きさだと目立ちすぎるので小さくする。 */
.intro-banner .t sup,
.intro-banner .ext sup {
  font-size: .62em;
  vertical-align: super;
  line-height: 0;
  margin-left: 1px;
}

/* ---------- 防災:冒頭の4枚のカード ----------
   2026-10-02、「人と地域を守る」が「自分の命を守ることから始まる防災」に
   変わり、3枚目だけ見出しが2行になった。カードの高さはそろうが
   「詳しく見る」の位置だけがずれるので、リンクを下端にそろえる。
   ※ .pillars-flow(縄文式健康法など)の同名カードには触らない。 */
.pillars > .pillar { display: flex; flex-direction: column; }
.pillars > .pillar > img { flex: none; }
.pillars > .pillar .go { margin-top: auto; padding-top: 10px; }

/* ---------- 私たちについて:理念の一行 ----------
   .sec-head は中央ぞろえだが、rita-editorial-v14.css の
   `.content-sec p { text-align: left }` が .lead にも効いていて、
   文字だけ左に寄っていた。旧文(「私たちが目指すもの。それは〜」)は
   1行いっぱいに伸びていたので目立たなかったが、2026-10-03 に
   「ひとつの想いから、世界は変わる。」へ差し替えて短くなり、
   中央の見出しの下で明らかに左へずれて見えるようになった。
   ※ 同じ作りの .lead は contact.html にもあるが、あちらは長文で
     左ぞろえのほうが読みやすいので触らない。 */
.page-stone .sec-head .lead { text-align: center; }