/* ============================================================
   ひといろは — 可読性レイヤー（readability.css）
   ------------------------------------------------------------
   目的: 文字サイズの底上げ・行間/字間の最適化・コントラスト改善。
   - main 内の本文系トークンのみを +0.5〜1px 底上げ
     （class~= による完全一致なので md:/lg: 指定とは衝突しない）
   - ヘッダー/フッターの寸法は変更しない（レイアウト維持）
   調整: 下の「サイズマップ」の px 値
   ============================================================ */

/* ---------- サイズマップ（main内の本文系のみ） ---------- */
main [class~="text-[14px]"]{font-size:15px}
main [class~="text-[13.5px]"]{font-size:14.5px}
main [class~="text-[13px]"]{font-size:14px}
main [class~="text-[12.5px]"]{font-size:13.5px}
main [class~="text-[12px]"]{font-size:13px}
main [class~="text-[11.5px]"]{font-size:12.5px}

/* ---------- 見出し・ラベル ---------- */
.sec-title{font-size:26px}
.sec-en{font-size:11.5px;letter-spacing:.24em}
.crumb{font-size:12px}

/* ---------- カード系コンポーネント ---------- */
.svc-ttl{font-size:16px}
.svc-desc{font-size:13.5px;color:rgba(59,59,55,.88)}
.svc-list{font-size:13px;gap:7px;line-height:1.9}
.svc-more{font-size:13px}
.voice-quote{font-size:13.5px;line-height:2.05}
.news-card .news-ttl{font-size:14px;line-height:1.85;min-height:3.7em}
.news-date{font-size:12.5px}
.tag{font-size:10.5px;padding:3px 11px}
.sns-name{font-size:10px}

/* ---------- 実績数字 ---------- */
.stat-num{font-size:36px}
.stat-label{font-size:12.5px;color:rgba(59,59,55,.82)}
.stat-note{font-size:11.5px;color:rgba(59,59,55,.72)}

/* ---------- FAQ・ボタン ---------- */
.faq-q{font-size:15px}
.faq-a{font-size:14px;color:rgba(59,59,55,.9)}
.btn-primary{font-size:14px}
.btn-outline{font-size:13.5px}

/* ---------- 本文の字間（日本語の読みやすさ） ---------- */
main p,main li,main dd,main td{letter-spacing:.015em}

/* ---------- フォーム（読みやすさ＋iOS拡大防止） ---------- */
main input,main select,main textarea{font-size:14px;line-height:1.7}

/* ---------- キーボード操作の視認性 ---------- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid #3E7A5E;outline-offset:2px;border-radius:4px
}

/* ---------- モバイル ---------- */
@media (max-width:767px){
  .sec-title{font-size:23px}
  .stat-num{font-size:32px}
  /* iOSでフォーカス時に自動ズームさせない */
  main input,main select,main textarea{font-size:16px}
}

/* ---------- コントラスト補正（WCAG AA・黄土系バッジ/マーク） ---------- */
.tag.bg-ochre,.course-mark.bg-ochre{background-color:#9C6B10}
.tag.bg-ochredeep{background-color:#7A5208}
.faq-a::before{color:#8A5C08}

/* ---------- スキップリンク（キーボード操作） ---------- */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:#2E6B4F;color:#fff;font-weight:700;font-size:14px;padding:10px 18px;border-radius:0 0 8px 0}
.skip-link:focus{left:0}
#main,#top{scroll-margin-top:84px}