@charset "utf-8";
/*
 * F-map 他社サービスとの比較ページ
 * 2026年10月21日　制作：小野 和幸
 * top_renew.css の後に読み込むこと
 */

.cmp-page .rn-breadcrumb{width:1080px;margin:0 auto;padding:14px 0;font-size:12px;color:var(--ink-2)}
.cmp-page .rn-breadcrumb a{color:var(--ink-2)}
.cmp-page .page-head{background:var(--wash);padding:40px 0 36px;text-align:center}
.cmp-page .page-head h1{font-size:32px;font-weight:900;color:var(--brand);line-height:1.5;margin-bottom:10px}
.cmp-page .page-head p{font-size:15px;color:var(--ink-2);line-height:1.9}
.cmp-page .summary{display:grid;grid-template-columns:420px 1fr;gap:36px;align-items:center;margin-bottom:48px}
.cmp-page .summary__points{display:grid;gap:12px}
.cmp-page .point{background:#fff;border:1px solid var(--line);border-left:4px solid var(--brand);padding:16px 20px}
.cmp-page .point b{display:block;font-size:17px;font-weight:800;margin-bottom:4px}
.cmp-page .point span{font-size:14px;color:var(--ink-2);line-height:1.8}
.cmp-page table.compare{width:100%;border-collapse:collapse;background:#fff;font-size:14px}
.cmp-page table.compare caption{text-align:left;font-size:13px;color:var(--ink-2);padding-bottom:8px}
.cmp-page table.compare th,.cmp-page table.compare td{border:1px solid var(--line);padding:13px 16px;vertical-align:middle}
.cmp-page table.compare thead th{background:var(--dark);color:#fff;text-align:center;font-weight:700;font-size:15px}
.cmp-page table.compare thead th.is-fmap{background:var(--brand)}
.cmp-page table.compare tbody th{background:var(--gray);font-weight:700;text-align:left}
.cmp-page table.compare tbody th.group{background:var(--dark);color:#fff;font-size:13px;width:112px;text-align:center;writing-mode:horizontal-tb}
.cmp-page table.compare td{text-align:center}
.cmp-page table.compare td.is-fmap{background:var(--wash);color:var(--brand);font-weight:700}
.cmp-page table.compare td.note{text-align:left;font-size:13px;line-height:1.8}
.cmp-page .foot-note{margin-top:16px;font-size:12px;color:var(--ink-2);line-height:1.9}
.cmp-page .dl{margin-top:24px;text-align:center}