@charset "UTF-8";
/*
 * 読みやすさの下限をそろえる
 * --------------------------------------------------------------------------
 * 2026-08-14 追加。実測したところ、本文の約7割が 14px（Tailwind の text-sm）、
 * 1割が 12px（text-xs）で組まれていた。いまのWebでは本文16pxが標準で、
 * 主な読み手が40〜60代の経営者・担当者であることを考えると小さすぎる。
 *
 * ページを1枚ずつ書き換えると 400箇所以上の text-sm を触ることになるため、
 * ここでまとめて底上げする。ページ側の text-sm / text-xs はそのままでよい。
 *
 * 読み込み順は  … → ページ個別CSS → これ → section-head.css → diagram.css。
 * 後ろの2つが見出しと図解の大きさを決めるので、この順序を変えないこと。
 *
 * pl- 接頭辞の付いた要素（section-head.css / diagram.css で作った部品）は
 * 対象外にしている。あちらは figure の中の補足など、意図して14px以下に
 * 落としている箇所があり、ここで一律に上げると図の中で文字が溢れるため。
 */

/* --------------------------------------------------------------------------
   本文
   -------------------------------------------------------------------------- */

#pl-main,
main.content {
  font-size: 16px;
  line-height: 1.9;
}

#pl-main :is(p, li, dd, dt, summary, label):not([class*="pl-"]),
main.content :is(p, li, dd, summary, label) {
  font-size: 16px;
  line-height: 1.9;
}

/* --------------------------------------------------------------------------
   Tailwind の小さい文字を底上げする
   text-sm(14px) は本文として使われているので16pxへ。
   text-xs(12px) 以下は補足なので、拡大せずに読める下限の14pxへ。
   -------------------------------------------------------------------------- */

#pl-main .text-sm:not([class*="pl-"]) {
  font-size: 16px;
  line-height: 1.85;
}

#pl-main :is(.text-xs, [class~="text-[10px]"], [class~="text-[11px]"], [class~="text-[12px]"]):not([class*="pl-"]) {
  font-size: 14px;
  line-height: 1.7;
}

/* --------------------------------------------------------------------------
   補足情報。本文ではないが、読める下限は保つ
   -------------------------------------------------------------------------- */

#pl-main :is(small, figcaption):not([class*="pl-"]),
main.content :is(small, figcaption) {
  font-size: 14px;
  line-height: 1.7;
}

/* --------------------------------------------------------------------------
   押してほしい場所は、本文より小さくしない
   ボタンの文字が14pxのままだと、読めても押す気になりにくい。
   -------------------------------------------------------------------------- */

#pl-main :is(button, input, select, textarea) {
  font-size: 16px;
}

#pl-main :is(a[class*="rounded-xl"], a[class*="rounded-lg"], a[class*="rounded-full"])[class*="px-"] {
  font-size: 16px;
  line-height: 1.6;
}

/* ボタンの中の矢印アイコンだけは、文字に引きずられて大きくしない。 */
#pl-main :is(a, button) > :is(i, svg) {
  font-size: inherit;
}

/* --------------------------------------------------------------------------
   スマホ
   本文は据え置き。行間だけ少し詰めて、1画面に入る情報量を確保する。
   -------------------------------------------------------------------------- */

@media (max-width: 700px) {
  #pl-main :is(p, li, dd, dt, summary, label):not([class*="pl-"]),
  main.content :is(p, li, dd, summary, label) {
    line-height: 1.85;
  }
}