@charset "UTF-8";
/* ==========================================================================
   【提案版・新規ファイル】トップページ キャッチコピーの字詰め
   「豊かな人と未来とまちづくり」（index.html の .reveal）

   ■ 変更のねらい
     「く」と「り」の間だけ空きすぎて見えるという指摘への対応。

     日本語はベタ組み（全文字が同じ幅の枠に入る）のため、
     文字の形に関係なく同じ送り幅になる。この13文字のうち
     「く」と「り」はインクが最も細く（枠200に対し87と88）、
     2つ並ぶと左右の余白が足し算されて空きが突出する。

       く の右余白 62 ＋ り の左余白 58 ＝ 120（他の組み合わせの平均は約50）

   ■ 対応
     palt（プロポーショナルメトリクス）で字幅を文字の形に合わせて詰め、
     詰まりすぎる分を letter-spacing で少し戻す。

     計測値（62px で描画した場合の「く｜り」の空き）
       現在（ベタ組み）           37px
       palt のみ                  15px  ← 全体が窮屈になる
       palt + letter-spacing .05em 18px  ← 採用。全体のゆとりは保てる

     palt は游明朝・ヒラギノ明朝の両方に実装済み（フォントを解析して確認）。
     未対応の環境では単に何も起きず、現状どおり表示される。

   ■ 既存CSSは1行も変更していない。
     不採用の場合は index.html からこのファイルの読み込み1行を削除すれば元に戻る。
   ========================================================================== */

.reveal {
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
}