/* ── 全体設定：にじみ/ギザつきを抑える ───────────────────────── */
html {
  /* iOSでの自動拡大無効化 */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  /* フォントスタック：まず WebFont、無ければOSごとに相性の良い日本語ゴシック */
  font-family:
    "Noto Sans JP",
    "Yu Gothic", "Yu Gothic UI",       /* Windows */
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", /* macOS */
    "Meiryo", "MS PGothic",
    system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* 行間と字間を少し広げると日本語が読みやすくなる */
  line-height: 1.8;
  letter-spacing: 0.2px;

  /* 抗鋸歯化（Safari/Chromium系で効く） */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* ブラウザの擬似ボールド/イタリックを禁止 → “潰れ”防止 */
  font-synthesis: none;
}

/* 見出しは太くしすぎない・サイズで強調 */
h1, h2, h3, .display-*, .h1, .h2, .h3 {
  font-weight: 500;      /* 700→500へ */
  letter-spacing: 0.3px; /* わずかに広げる */
}

/* 小さな文字の可読性を上げる（フォームなど） */
.small, .form-text, .navbar small {
  letter-spacing: 0.25px;
}

/* ボタン/リンクの文字が太りすぎるのを抑制 */
.btn, .nav-link, .breadcrumb, label {
  font-weight: 500;   /* 600-700は避ける */
}

/* 英字ロゴだけ別フォントなら */
.brand-en {
  /* 英字部分を別フォントにしたい場合のみ（任意） */
  font-family: "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;
  font-weight: 600; /* 日本語と混ぜるより英字のみ強めでもOK */
}

/* 影でにじみが出る場合は控えめに（またはオフ） */
.card, .btn { text-shadow: none; }

/* ぼやけの原因になりやすい transform の微妙な値は避ける */
.card:hover { transform: translateY(-1px); } /* 0.5px未満は使わない */