@charset "utf-8";

/* ============================================================
  クレアス法律扶助ナビ ／ 下層ページ（プライバシーポリシー・特商法表記）
  style.css を読み込んだ上で追加読み込みする
============================================================ */

/* ---------- ページ見出し ---------- */
.page-head{
  background:var(--kon);
  color:#fff;
  padding:52px 0 46px;
}
.page-head__label{
  font-size:12px;letter-spacing:.14em;
  color:#A9BCCD;margin-bottom:10px;
}
.page-head__title{
  font-family:var(--serif);font-weight:600;
  font-size:30px;line-height:1.5;letter-spacing:.02em;
}

/* ---------- パンくず ---------- */
.crumbs{
  font-size:12.5px;color:var(--usumi);
  padding:14px 0;border-bottom:1px solid var(--keisen);
  background:var(--paper);
}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.crumbs li+li::before{content:"›";margin-right:8px;color:#A7ADB6}
.crumbs a{color:var(--kon);text-decoration:underline}

/* ---------- 本文 ---------- */
.article{padding:56px 0 64px;background:var(--paper)}
.article__lead{
  font-size:15px;color:var(--usumi);
  padding-bottom:26px;margin-bottom:34px;
  border-bottom:1px solid var(--keisen);
}
.article section+section{margin-top:38px}
.article h2{
  font-family:var(--serif);font-weight:600;
  font-size:19px;color:var(--kon);line-height:1.6;
  padding-left:14px;border-left:3px solid var(--matsuba);
  margin-bottom:14px;
}
.article h3{
  font-size:15.5px;font-weight:700;color:var(--sumi);
  margin:22px 0 8px;
}
.article p{font-size:15px}
.article p+p{margin-top:12px}
.article ol.num{margin:10px 0 0 1.4em}
.article ol.num li{font-size:15px}
.article ol.num li+li{margin-top:12px}

/* ---------- 特商法表記の対応表 ---------- */
table.spec{width:100%;border-collapse:collapse;font-size:14.5px}
table.spec th,table.spec td{
  padding:14px 16px;border-bottom:1px solid var(--keisen);
  text-align:left;vertical-align:top;
}
table.spec th{
  width:250px;background:#F2F0EB;color:var(--kon);
  font-weight:700;font-size:13.5px;line-height:1.7;
}
table.spec tr:first-child th,table.spec tr:first-child td{border-top:2px solid var(--kon)}

/* ---------- 下部の導線 ---------- */
.page-cta{
  background:var(--washi);
  border-top:1px solid var(--keisen);
  padding:40px 0 46px;text-align:center;
}
.page-cta__h{
  font-family:var(--serif);font-weight:600;
  font-size:19px;color:var(--kon);margin-bottom:8px;
}
.page-cta__t{font-size:14px;color:var(--usumi);margin-bottom:20px}
.page-cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

@media (max-width:720px){
  .page-head{padding:38px 0 34px}
  .page-head__title{font-size:23px}
  .article{padding:38px 0 46px}
  .article h2{font-size:17px}
  table.spec th,table.spec td{display:block;width:auto}
  table.spec th{border-bottom:none}
  table.spec tr:first-child td{border-top:none}
}