/* 日本語の書体と折り返し（02b_budoux.mjs が書き出す） */
/* 書体（10/14 クライアントチェック A-1）：Mac はヒラギノ・San Francisco のまま（デザインを確かめた見た目）、Mac 以外は Noto Sans JP（Google Fonts）。見出しの明朝（Noto Serif JP）はそのまま */
html { font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif; }
/* 文字の濃さ（10/21 クライアントチェック No.1・本人 案A）：灰色の本文を1段ずつ濃く・暗い地の白い文字も1段濃く。見出し・青緑の文字・ボタンは今のまま */
/* html を前に付けて Tailwind の指定より強くする（!important にしないので、マウスを乗せた時の色 hover: はそのまま効く） */
html .text-gray-400 { color: #6B7280; }
html .text-gray-500 { color: #4B5563; }
html .text-gray-600 { color: #374151; }
html .text-gray-700 { color: #1F2937; }
html .text-white\/60 { color: rgba(255, 255, 255, .75); }
html .text-white\/70 { color: rgba(255, 255, 255, .85); }
html .text-white\/80 { color: rgba(255, 255, 255, .92); }
html .text-white\/90 { color: #fff; }
/* 写真の上のメニュー（ヘッダーが透明の間）：ごく薄い影 */
[data-nav-pill].bg-transparent [data-nav-link], [data-nav-pill].bg-transparent [data-nav-title] { text-shadow: 0 1px 4px rgba(0, 0, 0, .35); }
/* 1280px 未満：文節（<wbr> の所）でだけ折る。1行に入らない長い文節だけは途中で折る */
@media (max-width: 1279px) {
  .jp-bx { word-break: keep-all; overflow-wrap: anywhere; }
}
/* 文章は、どの幅でも最後の行が1〜2文字にならないように整える（10/14 クライアントチェック No.15・対応していないブラウザでは今のまま） */
p, li, dd { text-wrap: pretty; }
/* スマホ：見出しなども同じく */
@media (max-width: 767px) {
  h1, h2, h3, h4, dt, label { text-wrap: pretty; }
}