/* ============================================================
   プライバシーポリシー（キャリアの処方箋）
   配色・書体はLPに合わせる。長文を読ませるページなので行間は広めに取る
   ============================================================ */
:root {
  --blue: #008dcf;
  --blue-txt: #0069a3;
  --blue-bg: #ecf7fb;
  --green-dark: #049a42;
  --ink: #2d2d2d;
  --grey: #565c62;
  --line: #d7dde2;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: 'Noto Sans JP', sans-serif;
  color: var(--ink);
  background: var(--blue-bg);
  word-break: auto-phrase;
  line-break: strict;
}
img { display: block; }

/* ヘッダー（LPと同じロゴ） */
.head { background: #fff; border-bottom: 1px solid var(--line); padding: 14px 16px; }
.head__logo { display: flex; align-items: center; justify-content: center; gap: 7px; }
.head__name {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 700; font-size: 19px; color: #2a2e33; letter-spacing: -.02em;
}
.head__name .no { color: var(--green-dark); font-size: 14px; }
.head__logo img { width: 28px; height: 25px; }

/* 本文 */
.pp { padding: 22px 16px 40px; }
.pp__inner {
  max-width: 760px; margin: 0 auto;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 14px rgba(0,60,100,.07);
  padding: 30px 20px 34px;
}
.eyebrow {
  font-family: 'Outfit', sans-serif;
  font-weight: 700; font-size: 12.5px; letter-spacing: 3px;
  color: var(--blue-txt); text-align: center;
}
.pp__h1 {
  margin-top: 8px;
  font-size: 25px; font-weight: 900; line-height: 1.5; text-align: center;
}
.pp__intro {
  margin-top: 20px; padding-bottom: 22px;
  border-bottom: 1px solid var(--line);
  font-size: 15px; line-height: 2;
}

.pp__h2 {
  margin: 30px 0 10px;
  padding-left: 12px;
  border-left: 4px solid var(--blue);
  font-size: 17px; font-weight: 900; line-height: 1.6;
}
.pp__p { margin-top: 10px; font-size: 15px; line-height: 2; }
.pp__body ul { margin: 12px 0 4px; padding-left: 2px; list-style: none; }
.pp__body li {
  position: relative;
  padding: 0 0 9px 20px;
  font-size: 15px; line-height: 1.95;
}
.pp__body li::before {
  content: ""; position: absolute; left: 4px; top: 13px;
  width: 6px; height: 6px; border-radius: 50%; background: var(--blue);
}

/* フッター */
.foot { padding: 6px 16px 34px; text-align: center; }
.foot__nav { margin-bottom: 10px; }
.foot__nav a { color: var(--blue-txt); font-size: 14px; font-weight: 700; }
.foot p { color: var(--grey); font-size: 11.5px; }

@media (min-width: 768px) {
  .pp { padding: 32px 20px 52px; }
  .pp__inner { padding: 44px 48px 48px; }
  .pp__h1 { font-size: 28px; }
}