/* TTC DX TYPE-B / privacy.css */

.privacy-body{padding:clamp(60px,9vw,120px) 0;background:var(--c-white);}
.privacy__wrap{
  max-width:880px;margin:0 auto;
  background:var(--c-white);
}
.privacy__revision{
  display:inline-flex;align-items:center;gap:12px;
  background:var(--c-blue-tint);
  color:var(--c-ink-sub);font-size:12.5px;
  padding:10px 18px;border-radius:999px;margin-bottom:36px;
}
.privacy__revision span{
  font-family:'Outfit',sans-serif;font-weight:800;color:var(--c-primary-2);
  background:var(--c-white);padding:3px 10px;border-radius:999px;
  font-size:10px;letter-spacing:.12em;
}
.privacy__lead{
  color:var(--c-ink-sub);font-size:15px;line-height:2;margin-bottom:44px;
  padding:24px 28px;background:var(--c-blue-tint);border-radius:var(--radius-md);
  border-left:4px solid var(--c-primary-2);
}

.privacy__article{
  margin-top:36px;padding-top:36px;border-top:1px solid var(--c-line);
}
.privacy__article:first-of-type{margin-top:0;padding-top:0;border-top:none;}

.privacy__h3{
  display:flex;align-items:center;gap:16px;
  font-size:clamp(17px,2vw,20px);color:var(--c-ink);margin-bottom:16px;line-height:1.5;
}
.privacy__h3 .num{
  font-family:'Outfit',sans-serif;font-weight:800;color:var(--c-white);
  background:var(--c-primary);padding:6px 12px;border-radius:8px;
  font-size:14px;letter-spacing:.04em;line-height:1;min-width:44px;text-align:center;
}

.privacy__article p{color:var(--c-ink-sub);font-size:14.5px;line-height:2;margin-bottom:14px;}
.privacy__article ul{margin:14px 0 0;padding-left:0;list-style:none;}
.privacy__article ul li{
  position:relative;padding-left:22px;font-size:14px;color:var(--c-ink-sub);line-height:2;
}
.privacy__article ul li::before{
  content:"";position:absolute;left:0;top:12px;
  width:8px;height:8px;border-radius:50%;background:var(--c-primary-3);
}

.privacy__contact{
  margin-top:20px;padding:24px 28px;
  background:var(--c-blue-tint);border-radius:var(--radius-md);
  border-top:3px solid var(--c-primary-2);
}
.privacy__contact h4{color:var(--c-primary);font-size:14px;margin-bottom:10px;letter-spacing:.04em;}
.privacy__contact p{color:var(--c-ink);font-size:14px;line-height:1.9;margin-bottom:4px;}

/*------------------------------------
page-hero 背景画像（privacy-policy ページ限定）
- privacy.css は header.php で is_page('privacy-policy') の時のみ読み込まれるため、
  この上書きは当ページにのみ適用される（common.css の .page-hero::before を置換）。
- ※CSSファイルでは PHP（get_template_directory_uri 等）は使えないため、
  画像URLは privacy.css の位置（/assets/css/）からの相対パスで指定する。
  /assets/images/privacy/hero.jpg → ../images/privacy/hero.jpg
- 白いかぶせ（.page-hero::after）と文字（.page-hero > .container）は common.css 側のまま有効。
------------------------------------*/
.page-hero::before{
  background-image:
    url("../images/privacy/hero.webp"),
    linear-gradient(135deg,var(--c-placeholder-1),var(--c-placeholder-2));
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}