/* 看護転職ガイド 共通スタイル（トップ・運営者情報・プライバシーポリシー・404）
   数値は adaf-board/skills/lp-design/typography-and-color.md に従う */
:root{
  --ink-strong:#0E1A36; --ink:#3A3A3A; --ink-mute:#5C5C5C;
  --bg:#FFFFFF; --bg-soft:#F2F8FB; --bg-tint:#FFF4F8;
  --brand:#F03E8C; --brand-ink:#C2185B; --brand-tint:#FFE4EF;
  --sub-ink:#1F6E91; --sub-tint:#E3F1F8;
  --line:#E3E6EB;
  --shadow-card:0 1px 3px 0 rgba(14,26,54,.10);
  --font-base:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,Meiryo,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--font-base);font-size:16px;line-height:1.8;letter-spacing:.02em;font-feature-settings:"palt" 1}
img{display:block;max-width:100%;height:auto}
a{color:var(--sub-ink)}
ul,ol{list-style:none}
p,li,dd,dt,td,th{text-wrap:pretty}
h1,h2,h3{word-break:keep-all;overflow-wrap:anywhere;color:var(--ink-strong)}
.wrap{max-width:780px;margin:0 auto;padding:0 16px}
@media (min-width:769px){ .wrap{padding:0 20px} }

.pr-bar{background:var(--bg-soft);color:var(--ink-mute);font-size:10px;line-height:1.4;letter-spacing:.04em;text-align:center;padding:8px 16px}
@media (min-width:769px){ .pr-bar{font-size:11px} }

.site-head{border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;min-height:56px}
.brand{display:flex;align-items:center;min-height:44px}
.brand img{width:183px;height:32px}

.hero{background:linear-gradient(180deg,var(--bg-tint) 0%,#FFFFFF 100%);padding:40px 0}
.hero h1{font-size:28px;line-height:1.35;font-weight:800;margin-bottom:16px}
.hero p{font-size:16px;line-height:1.8}
@media (min-width:769px){ .hero{padding:56px 0}.hero h1{font-size:40px;line-height:1.3} }

.sec{padding:40px 0}
.sec--soft{background:var(--bg-soft)}
@media (min-width:769px){ .sec{padding:56px 0} }
.h2{font-size:24px;line-height:1.35;font-weight:800;margin-bottom:16px}
@media (min-width:769px){ .h2{font-size:32px} }

.cards{display:grid;gap:16px}
.card{display:block;background:#fff;border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden;color:inherit;text-decoration:none}
.card img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.card-body{padding:16px}
.card-tag{display:table;font-size:11px;line-height:1.3;font-weight:700;letter-spacing:.04em;padding:4px 8px;border-radius:4px;background:var(--brand-tint);color:var(--brand-ink)}
.card h3{font-size:18px;line-height:1.6;font-weight:800;margin-top:8px}
.card p{font-size:14px;line-height:1.8;margin-top:8px}
@media (min-width:769px){ .cards{grid-template-columns:1fr 1fr} }

.policy{display:grid;gap:16px}
.policy li{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:8px;box-shadow:var(--shadow-card);padding:16px}
.policy .no{flex:none;width:32px;height:32px;border-radius:999px;background:var(--sub-ink);color:#fff;font-size:14px;line-height:1;font-weight:800;display:flex;align-items:center;justify-content:center}
.policy h3{font-size:16px;line-height:1.6;font-weight:800}
.policy p{font-size:14px;line-height:1.8;margin-top:8px}

/* 本文ページ（運営者情報・プライバシーポリシー） */
.doc{padding:40px 0 64px}
.doc h1{font-size:28px;line-height:1.35;font-weight:800;margin-bottom:32px}
.doc h2{font-size:20px;line-height:1.45;font-weight:800;margin-top:32px;margin-bottom:8px;padding-left:12px;border-left:4px solid var(--brand)}
.doc p,.doc li{font-size:16px;line-height:1.8}
.doc p + p{margin-top:16px}
.doc ul{margin-top:8px}
.doc ul li{padding-left:16px;position:relative}
.doc ul li::before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:999px;background:var(--brand)}
.doc .meta{font-size:12px;line-height:1.6;color:var(--ink-mute);margin-top:32px}
.info{border-top:1px solid var(--line)}
.info div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.info dt{font-size:14px;line-height:1.6;font-weight:700;color:var(--ink-mute)}
.info dd{font-size:16px;line-height:1.6;color:var(--ink-strong);word-break:keep-all;overflow-wrap:anywhere}
.table-wrap{overflow-x:auto;margin-top:8px}
.ext{width:100%;min-width:560px;border-collapse:collapse;table-layout:fixed}
.ext th,.ext td{font-size:13px;line-height:1.45;text-align:left;vertical-align:top;padding:8px;border:1px solid var(--line)}
.ext th{background:var(--bg-soft);color:var(--ink-strong);font-weight:700}
@media (min-width:769px){ .doc{padding:56px 0 64px}.doc h1{font-size:32px}.info div{grid-template-columns:160px 1fr} .ext th,.ext td{font-size:14px} }

.site-foot{background:var(--bg-soft);padding:32px 0}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 16px}
.foot-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;font-size:13px;line-height:1.7;color:var(--ink)}
.copy{font-size:12px;line-height:1.6;color:var(--ink-mute);margin-top:16px}

.area-links{display:flex;flex-wrap:wrap;gap:8px}
.area-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:var(--shadow-card);font-size:14px;line-height:1.4;font-weight:700;color:var(--ink-strong);text-decoration:none}