/* doc_v2.css - 説明・規約ページ（フッター・ガイドのリンク先）共通の2026リニューアル
   トップページと同じ白基調・紺×オレンジに揃える。各ページの <style> の後に読み込んで上書きする（内容は変えない） */
:root {
  --dv-navy: #24508f; --dv-navy2: #1b3f73; --dv-navy-p: #eef3fa;
  --dv-or: #e8743b; --dv-or3: #d2612a; --dv-or-p: #fdf1ea;
  --dv-text: #2b3240; --dv-sub: #5f6b7c; --dv-line: #e3e8ef; --dv-bg: #f5f8fc;
}
html body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  color: var(--dv-text); background: #fff; line-height: 1.9;
}
/* 横幅：以前は 920px 前後で狭かったため広げる */
html body .container { max-width: 1080px; }

/* パンくず */
.breadcrumb-nav a { color: var(--dv-navy) !important; }

/* ページ見出し */
.container > h1, body > h1, .company-head h1 {
  color: var(--dv-navy2) !important; font-size: 28px !important; font-weight: 900 !important; letter-spacing: .02em;
  border-bottom: 1px solid var(--dv-line) !important; padding-bottom: 16px !important; margin: 14px 0 26px !important;
  background: none !important;
}
.container > h1::before {
  content: ""; display: block; width: 36px; height: 4px; border-radius: 2px; background: var(--dv-or); margin-bottom: 14px;
}
/* 小見出し */
.container h2 {
  color: var(--dv-navy2) !important; font-weight: 800 !important; border-left: none !important; padding-left: 0 !important;
  display: flex; align-items: center; gap: 10px; background: none !important; border-bottom: none !important;
}
.container h2::before { content: ""; width: 4px; height: 1.05em; border-radius: 2px; background: var(--dv-or); flex-shrink: 0; }
.container h3 { color: var(--dv-navy2) !important; }
.container p, .container li { color: var(--dv-text); }
.container strong { color: var(--dv-navy2); }

/* リンク */
.container a.inline-link, .container p a:not([class]), .container li a:not([class]) { color: var(--dv-navy) !important; }

/* 囲み・注意書き */
.charge-box, .box, .section-box, .info-box, .free-note {
  background: var(--dv-bg) !important; border: 1px solid var(--dv-line) !important; border-radius: 14px !important;
}
.note, .warn { color: var(--dv-sub) !important; }
.warn { background: var(--dv-or-p) !important; border-color: transparent !important; color: var(--dv-or3) !important; border-radius: 10px !important; }

/* 表 */
.container table { border-collapse: separate !important; border-spacing: 0; border: 1px solid var(--dv-line) !important; border-radius: 12px; overflow: hidden; }
.container table th { background: var(--dv-bg) !important; color: var(--dv-navy2) !important; font-weight: 700; border-color: var(--dv-line) !important; }
.container table td { border-color: var(--dv-line) !important; }

/* よくある質問 */
.faq-item { border: 1px solid var(--dv-line) !important; border-radius: 14px !important; box-shadow: none !important; background: #fff !important; }
.faq-q .qi, .faq-item .qi { background: var(--dv-navy) !important; }
.faq-section-title { color: var(--dv-navy2) !important; border-color: var(--dv-or) !important; }

/* サイトマップ */
.sm-group { border: 1px solid var(--dv-line) !important; border-radius: 14px !important; box-shadow: none !important; }
.sm-head { color: var(--dv-navy2) !important; border-color: var(--dv-line) !important; background: var(--dv-bg) !important; }

/* 会社概要 */
.company-head .en { color: var(--dv-or) !important; }
.info-table th { width: 22%; }

/* 戻るボタン */
.back-link a { background: var(--dv-navy) !important; border-radius: 999px !important; }
.back-link a:hover { background: var(--dv-navy2) !important; }

@media (max-width: 640px) {
  .container > h1, body > h1 { font-size: 22px !important; }
}