@charset "UTF-8";
/* ==========================================================================
   privacy.css — 個人情報保護方針 ページ個別スタイル
   デザイン元: design/11_個人情報保護方針.psb（2x → 1/2 実寸px）
   方針: PCは固定px（--w-base 1320px 前提）／SPは @media (max-width:768px) のみ
   ========================================================================== */


/* ---- 見出し（タイトル下に太い黒罫） ------------------------------------ */
/* PSB: 長方形1269 = x398-2602 / y597-607（@2x 10px → 5px 黒） */
/* 罫（border-bottom）と padding は common.css の .p-lower__ttl に共通化済み */
.p-priv__ttl {
  margin-bottom: 0;
  letter-spacing: .05em;
}

/* ---- リード文 ----------------------------------------------------------- */
.p-priv__lead {
  margin-top: 60px;
  font-size: var(--fz-body);   /* 34/2 = 17px */
  line-height: 2;              /* 68/34 */
  letter-spacing: .05em;
  color: var(--c-black);
}

/* ---- 条文リスト --------------------------------------------------------- */
.p-priv__items { margin-top: 53px; }

.p-priv__item {
  padding-bottom: 38px;
  border-bottom: 1px solid var(--c-line);  /* 長方形1036: 4px@2x #D4D9DD */
}
.p-priv__item + .p-priv__item { margin-top: 42px; }

/* 12. お問い合わせ窓口 は PSB 上で区切り線が非表示 */
.p-priv__item--last { padding-bottom: 0; border-bottom: 0; }

/* 条文見出し（50/2 = 25px Bold） */
.p-priv__h {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .05em;
  color: var(--c-black);
}

/* 条文本文 */
.p-priv__p {
  font-size: var(--fz-body);
  line-height: 2;
  letter-spacing: .05em;
  color: var(--c-black);
}
.p-priv__h + .p-priv__p { margin-top: 12px; }
.p-priv__p--after { margin-top: 8px; }

/* ---- 箇条書き（・） ----------------------------------------------------- */
.p-priv__ul {
  margin-top: 10px;
  font-size: var(--fz-body);
  line-height: 2;
  letter-spacing: .05em;
  color: var(--c-black);
  list-style: none;
}
.p-priv__ul > li { position: relative; padding-left: 44px; }
.p-priv__ul > li::before {
  content: "・";
  position: absolute;
  left: 24px;
}
/* 6. 第三者提供・委託 はリストが本文左端寄り（見出し直下） */
.p-priv__h + .p-priv__ul--flush { margin-top: 13px; }
.p-priv__ul--flush > li { padding-left: 23px; }
.p-priv__ul--flush > li::before { left: 3px; }

/* ---- 番号付きリスト（1. 2. 3.） ---------------------------------------- */
.p-priv__ol {
  margin-top: 10px;
  font-size: var(--fz-body);
  line-height: 2;
  letter-spacing: .05em;
  color: var(--c-black);
  list-style: none;
  counter-reset: priv;
}
.p-priv__ol > li { position: relative; padding-left: 44px; counter-increment: priv; }
.p-priv__ol > li::before {
  content: counter(priv) ".";
  position: absolute;
  left: 23px;
}
/* 5. Cookie/GA/… は番号が本文左端（x=398）から始まる */
.p-priv__h + .p-priv__ol--flush { margin-top: 13px; }
.p-priv__ol--flush > li { padding-left: 23px; }
.p-priv__ol--flush > li::before { left: 2px; }
.p-priv__ol--flush .p-priv__p { margin-top: 0; }

/* ---- ※注記（ぶら下げインデント） -------------------------------------- */
.p-priv__note {
  margin-top: 0;
  padding-left: 17px;
  text-indent: -17px;
  font-size: var(--fz-body);
  line-height: 2;
  letter-spacing: .05em;
  color: var(--c-black);
}

/* ---- 制定日 ------------------------------------------------------------- */
.p-priv__date {
  margin-top: 75px;
  text-align: right;
  font-size: var(--fz-body);
  line-height: 2;
  letter-spacing: .05em;
  color: var(--c-black);
}

/* ==========================================================================
   SP（≤768px）
   ========================================================================== */
@media (max-width: 768px) {
  .p-priv__ttl { padding-bottom: 18px; border-bottom-width: 3px; }
  .p-priv__lead { margin-top: 28px; font-size: 15px; line-height: 1.9; }
  .p-priv__items { margin-top: 32px; }
  .p-priv__item { padding-bottom: 24px; }
  .p-priv__item + .p-priv__item { margin-top: 26px; }
  .p-priv__h { font-size: 19px; }
  .p-priv__h + .p-priv__p { margin-top: 8px; }
  .p-priv__p,
  .p-priv__ul,
  .p-priv__ol,
  .p-priv__note,
  .p-priv__date { font-size: 15px; line-height: 1.9; }
  .p-priv__ul > li { padding-left: 22px; }
  .p-priv__ul > li::before { left: 3px; }
  .p-priv__ul--flush > li { padding-left: 18px; }
  .p-priv__ul--flush > li::before { left: 0; }
  .p-priv__ol > li { padding-left: 26px; }
  .p-priv__ol > li::before { left: 3px; }
  .p-priv__ol--flush > li { padding-left: 22px; }
  .p-priv__note { padding-left: 15px; text-indent: -15px; }
  .p-priv__date { margin-top: 40px; }
}