@charset "UTF-8";
/* ==================================================================
 *  プライバシーポリシー（page-policy.php）専用CSS
 * ================================================================== */
#policy { padding: 100px 48px 110px; background: #fff; }
.policy-inner { max-width: 860px; margin: 0 auto; }

/* リード文 */
.policy-lead { text-align: center; font-size: 15px; line-height: 2.05; color: #2b2b30; max-width: 40em; margin: 0 auto 64px; }

/* 見出し */
#policy h2 { font-family: var(--serif); font-size: 18px; font-weight: 700; color: var(--ink); letter-spacing: .06em; margin: 46px 0 14px; padding-left: 14px; border-left: 3px solid var(--ink); line-height: 1.6; }
#policy h2:first-child { margin-top: 0; }
#policy p { font-size: 14px; line-height: 2.2; color: #2b2b30; }
#policy p + p { margin-top: 12px; }
#policy a { text-decoration: underline; text-underline-offset: 3px; }

/* 利用目的などの箇条書き */
.policy-list { list-style: disc; padding-left: 1.5em; margin: 14px 0 0; }
.policy-list li { font-size: 14px; line-height: 2.1; color: #2b2b30; }
.policy-list li::marker { color: var(--ink); }

/* 末尾：事業者情報 */
.policy-foot { margin-top: 70px; padding-top: 10px; border-top: 1px solid var(--line-d); }
.policy-info { width: 100%; border-collapse: collapse; margin-top: 6px; }
.policy-info th, .policy-info td { text-align: left; padding: 16px 10px; border-bottom: 1px solid var(--line-d); font-size: 14px; vertical-align: top; line-height: 1.9; }
.policy-info th { width: 160px; color: #6a6a6e; font-weight: 400; letter-spacing: .08em; }
.policy-info td { color: #22222a; }
.policy-note { margin-top: 26px; font-size: 13.5px; color: #35353b; line-height: 2; }

@media (max-width: 768px) {
  #policy { padding: 70px 22px 90px; }
  .policy-lead { margin-bottom: 44px; }
  .policy-info th { width: 96px; }
}