@charset "utf-8";
/* 本体HP 全ページ共通の手当て（2026-10-05）。
 *
 * ⚠ common.css は旧WordPressからそのまま写した生成物。**触らない。**
 *   このファイルを最後に読み込んで上書きだけする。外せば元に戻る。
 * ⚠ ここには「全ページで同じように困ること」だけを置く。
 *   1ページだけの事情は <ページ名>-own.css に書く。
 */

/* ---------- 1. 見出しの英数字を途中で割らない ----------
 * common.css は body に `word-break: break-all` を敷いている。
 * 日本語の本文にはこれで良いが、見出しに当たると
 *   「KID ACADE／MY」「ベスト1／00」
 * のように**単語や数字の真ん中で**折れる（/aboutus の h2・h3 で実際に出ていた）。
 * 日本語は normal でも好きな位置で折り返せるので、見出しと短いラベルだけ戻す。
 * ⚠ 本文（p・dd）はそのまま。長いURLなどが枠を突き破るのを防いでいるのはこの指定。 */
h1, h2, h3, h4,
.sub-ttl, .ttl-en, .blog-ttl, .news-ttl, .ryoiki, .activity,
.name, .position, .cat, .summary-ttl, .btn {
	word-break: normal;
	overflow-wrap: anywhere;
}

/* ---------- 2. 見出しの最終行に1〜2文字だけ残さない ----------
 * 「モンテッソーリの5つの活動領域」が
 *   モンテッソーリの5つの活動領
 *   域
 * のように、最後の1文字だけ次の行に落ちていた（/aboutus・/five-domains・TOPのブログ見出し）。
 * text-wrap: balance は数行までの短い塊の行長をそろえる指定で、まさにこの用途。
 * ⚠ 対応していないブラウザでは**単に無視される**だけ。崩れない。
 * ⚠ 本文には付けない（balance は行数が多いと効かず、計算も重くなる）。 */
h1, h2, h3, h4,
.sub-ttl, .blog-ttl, .news-ttl, .ryoiki, .activity, .name, .position {
	text-wrap: balance;
}

/* 本文は balance ではなく pretty（最終行だけを整える。対応外では無視される） */
main p, #company p, .summary p {
	text-wrap: pretty;
}

/* ---------- 3. 本文とリンクの英単語も途中で割らない（2026-10-14） ----------
 * 1 は見出しだけだった。携帯幅（375px）で全20ページを実測したところ、**本文とメニュー**
 * にも残っていた：
 *   ・/aboutus の本文 … 「KID ACADE／MY」「Sp／orts」
 *   ・全ページのハンバーガーメニュー … 「PERSON／AL」「TECHNOL／OGY」「EDUCAT／ION」「NURS／ERY」
 *
 * ⚠ 1 のコメントは「本文は break-all のままにして長いURLのはみ出しを防ぐ」と書いていたが、
 *   **それは overflow-wrap: anywhere で足りる。** anywhere は*はみ出すときだけ*割るので、
 *   ふだんは単語の切れ目で折り、長いURLは従来どおり枠内に収まる。break-all は*常に*割る。
 * ⚠ anywhere は min-content 幅にも効くので、flex/grid の中身が枠を突き破るのも防ぐ。
 *   375px で全20ページを測り直し、横スクロールが出ないことを確認済み。 */
body, body * {
	word-break: normal;
	overflow-wrap: anywhere;
}

/* ---------- 4. 日本語の見出しを語句の切れ目で折る（2026-10-14） ----------
 * word-break: normal でも日本語は**どこでも**折れるので、
 *   モンテッソーリ教
 *   育 × KID ACADEMY
 * のように熟語の真ん中で割れていた（/aboutus の h3）。auto-phrase は文節で折る。
 * ⚠ **先に normal を書いてから auto-phrase を重ねる。** 対応していないブラウザ（Safari）は
 *   auto-phrase の行を捨てるだけで normal が残る。逆順にすると body の break-all に戻る。
 * ⚠ 本文には付けない。行数が多いと効果が薄く、計算も重い。 */
h1, h2, h3, h4,
.sub-ttl, .blog-ttl, .news-ttl, .ryoiki, .activity, .name, .position, .btn {
	word-break: normal;
	word-break: auto-phrase;
}