/* 2026-10-05 藤岡様ご依頼分(26.10.05変更のお願い.pdf) */

/* ---------- トップ:数字カード「7兆8000億」の説明文 ----------
   ほかのカードより説明文が長く、「周/波数」「行いま/す。」のように
   語の途中で折り返していた。<wbr> を入れた文節の切れ目でだけ折り返す。
   狭い画面で文節が1行に収まらないときは overflow-wrap で救う。 */
.stat .desc--phrase { word-break: keep-all; overflow-wrap: anywhere; }

/* ---------- 事業内容:こころの相談の写真(AIイメージ)と注釈 ----------
   旧写真(相談スペース)は高さ220pxの枠で切り抜いていた。
   新しい写真は 3:2 なので、その比率の枠で全体を見せる。 */
.rita-kokoro-figure { margin: 0; }
.rita-kokoro-photo.ph.has-img { aspect-ratio: 3 / 2; min-height: 0; }
.rita-ai-note { word-break: keep-all; overflow-wrap: anywhere; margin-top: 10px; font-size: 12px; line-height: 1.8; color: var(--ink-light); text-align: left; }

/* ---------- 事業内容:カウンセリング・施術の写真 ----------
   新しい写真は 4:3。二人の顔が切れないよう、同じ比率の枠にする。 */
.rita-counseling-photo.ph.has-img { aspect-ratio: 4 / 3; min-height: 0; }

/* ---------- からだリセットぷらす:冒頭の画像 ----------
   女性の写真から、青空と手の写真に差し替え。手の写真の空を淡くして、
   セクションの背景も同じ空(rita-reset-sky-v32.webp)に替えた。
   旧背景の鉱石の写真は、空と手の写真に合わないので外す。 */
/* 四辺の直線的なぼかし(rita-reference-v19.css)だと写真が四角い箱に見えるので、
   楕円でぼかして空の背景に溶け込ませる。 */
.kr-eyecatch { background: linear-gradient(100deg, #fff 12%, #ffffffcc 48%, #ffffff00 82%), url('../img/rita-reset-sky-v32.webp') center / cover; }
.kr-eyecatch .kr-visual img {
  object-position: 55% 50%;
  -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 38%, transparent 88%);
  mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 38%, transparent 88%);
  -webkit-mask-composite: source-over;
  mask-composite: add;
}

/* ---------- からだリセットぷらす:神戸のメドルームへ ----------
   旧写真(rita-salon-room-v13.webp)専用の切り抜き
   (rita-real-room-v13.css の .rita-option-photo--room)は使わず、
   MED ROOM 2027 の画像を枠いっぱいに収める。 */
.rita-receive-options .rita-option-frame .rita-option-photo--medroom { width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }
@media (max-width: 560px) {
  /* スマホは画像の幅が狭く、ぼかしの分だけ手が小さく見えるので、
     枠を横長にして、ぼかし始めを外側へずらす。 */
  .kr-eyecatch .kr-visual { aspect-ratio: 3 / 2; }
  .kr-eyecatch .kr-visual img {
    -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 52%, transparent 98%);
    mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 52%, transparent 98%);
  }
}

/* ---------- メンバー紹介の丸い顔写真 ----------
   元写真ごとに顔の大きさ・位置がばらばらだった(天満様は大きく左寄り、
   藤川様は小さい)。写真そのものを作り直し、800x800 の正方形で
   頭頂 14%・あご 58%・顔の中心が左右中央にそろうようにした
   (rita-face-*-v32.jpg。足りない背景は元写真の外周の色で描き足し)。
   私たちについて・からだリセットぷらすの両方で同じ画像を使う。
   CSS での拡大や位置の調整は不要。 */

/* ---------- トップ:代表メッセージと「数字で見る」の間 ----------
   2026-10-06 波多野さん指摘「変な隙間」。最初からあった空白で、
   スローガン(.pull)の下 44px + 代表メッセージの下 96px + 数字の上 96px が重なり、
   しかも2つのセクションは同じ背景色(--warm)なので、ひとつの大きな空白に見えていた。
   同じ背景が続くので、1つの流れとして間を詰める。 */
.rita-message-sec .pull { margin-bottom: 0; }
.rita-message-sec { padding-bottom: 48px; }
.rita-stats-sec { padding-top: 48px; }
@media (max-width: 768px) {
  .rita-message-sec { padding-bottom: 36px; }
  .rita-stats-sec { padding-top: 36px; }
}