/* sr.hatenabase.jp 向けの差分スタイル。tax-geo.css の後に読み込む。
 * トークン・コンポーネントは tax-geo.css をそのまま使い、ここには社労士サイト固有の追加だけを置く。 */
.hbrand{display:flex;align-items:center}
.hsub{font-size:11.5px;letter-spacing:.14em;font-weight:700;color:var(--navy);margin-left:14px;padding-left:14px;border-left:1px solid var(--line);line-height:1;white-space:nowrap}
.sgrid2{grid-template-columns:1fr 1fr}
.ftsub{font-size:12px;color:#9FB4CB;line-height:2}
.gco.cur b{color:var(--sky)}
.prose{max-width:760px}
.prose p{font-size:15px;line-height:2.1;color:var(--mute);margin:0 0 22px}
.prose p:last-child{margin-bottom:0}
.fgrid .fc.soon{background:var(--sub)}
@media(max-width:767px){.sgrid2{grid-template-columns:1fr}.hsub{margin-left:10px;padding-left:10px;font-size:10px;letter-spacing:.08em}}

/* ヒーロー（トップ）: PC は tax-geo.css のまま。SP では Storyset のイラストを入れる */
.heroill{display:none}
.hero-tcta{margin-left:28px}
.ftcredit a{color:#9FB4CB;text-decoration:none;font-size:11px}
.ftcredit a:hover{text-decoration:underline}
@media(max-width:960px){
  .heroill{display:block;width:min(72%,300px);margin:8px auto 24px}
  .hero .cta{display:block;text-align:center}
  .hero-tcta{margin-left:0;display:block;margin-top:18px;text-align:center}
}
@media(max-width:767px){
  .hdw{padding:12px 24px}
  .hero{padding:40px 0 56px}
  .hero h1{font-size:23px;line-height:1.55;letter-spacing:.01em}
  .hero p{font-size:14px;line-height:1.9}
}
/* フッターのグループ会社名から各サイトへ */
.gco a{text-decoration:none;color:inherit}
.gco a:hover b{color:var(--sky)}
/* パンくず: 英語の言い換えは出さない。HOME・SERVICE はリンクにする */
.crumb a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(10,40,70,.25)}
.crumb a:hover{border-bottom-color:currentColor}
/* 4つの特徴: 見出しの行数が違っても説明文の開始位置を揃える */
#features .fc{display:flex;flex-direction:column}
#features .fc h3{min-height:calc(16.5px * 1.6 * 2)}
@media(max-width:767px){#features .fc h3{min-height:0}}

/* プライバシーポリシー（3事務所共通） */
/* プライバシーポリシー等の規程ページ */
.legal{max-width:820px}
.legal .lead{font-size:15px;line-height:2;color:var(--mute);margin:0 0 48px}
.legal h2{font-size:20px;font-weight:700;letter-spacing:.04em;color:var(--navy);margin:56px 0 18px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.legal p,.legal li{font-size:14.5px;line-height:2;color:var(--mute)}
.legal p{margin:0 0 16px}
.legal ul{margin:0 0 16px;padding-left:22px}
.legal li{margin-bottom:6px}
.legal a{color:var(--blu);text-decoration:underline}
.legal .tbl{overflow-x:auto;margin:0 0 20px}
.legal table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.8;color:var(--mute);min-width:560px}
.legal th,.legal td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.legal th{background:var(--sub);color:var(--navy);font-weight:700;white-space:nowrap}
.legal .kv{margin:0 0 20px;border:1px solid var(--line);border-radius:12px;padding:8px 24px;background:#fff}
.legal .kv>div{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.legal .kv>div:last-child{border-bottom:none}
.legal .kv dt{font-size:13px;font-weight:700;color:var(--navy);letter-spacing:.04em}
.legal .kv dd{margin:0;font-size:14px;line-height:1.9;color:var(--mute)}
.legal .rev{margin-top:40px;font-size:13px;color:var(--mute);text-align:right}
.ftlegal{margin-left:auto}
.ftlegal a{color:#9FB4CB;text-decoration:none;font-size:12px}
.ftlegal a:hover{text-decoration:underline}
@media(max-width:767px){.legal .kv>div{grid-template-columns:1fr;gap:4px}.legal h2{font-size:18px;margin-top:44px}}