@charset "UTF-8";

/* ============================================================
   法務ページ（プライバシーポリシー等）固有
   about.css の背景（body::before）の上に載るため、背景色は敷かない。
   ============================================================ */
.legal-doc { position: relative; margin: 0px auto 0px auto; }
.legal-doc__lead { color: #444b5e; }

.legal-doc__section { border-bottom: 1px solid rgba(17, 25, 47, 0.10); }
.legal-doc__section:last-of-type { border-bottom: none; }

.legal-doc__h2 { font-family: "Zen Old Mincho", serif; font-weight: 600; color: #11192f; line-height: 1.5; }
.legal-doc__h3 { font-family: "Zen Old Mincho", serif; font-weight: 600; color: #11192f; line-height: 1.5; }
.legal-doc__p { color: #444b5e; line-height: 1.9; }
.legal-doc__p:last-child { margin: 0px 0px 0px 0px; }

.legal-doc__list { list-style: decimal; list-style-position: outside; line-height: 1.9; }
.legal-doc__list li { color: #444b5e; }
.legal-doc__list li:last-child { margin: 0px 0px 0px 0px; }

.legal-doc__sublist { list-style: none; line-height: 1.9; }
.legal-doc__sublist li { color: #444b5e; }
.legal-doc__sublist li:last-child { margin: 0px 0px 0px 0px; }

.legal-doc__link { color: #24abff; text-decoration: none; word-break: break-all; transition: opacity 0.3s ease; }
.legal-doc__link:hover { text-decoration: underline; opacity: 0.8; }

/* 事業者情報・お問い合わせ窓口の囲み */
.legal-doc__address { border: 1px solid rgba(17, 25, 47, 0.10); border-radius: 8px; background: rgba(255, 255, 255, 0.55); color: #444b5e; line-height: 1.9; font-style: normal; }

/* 外部送信先ごとの明細（Google Analytics 等） */
.legal-doc__tool { border-left: 2px solid rgba(36, 171, 255, 0.35); }
.legal-doc__tool:last-child { margin: 0px 0px 0px 0px; }

.legal-doc__meta { color: #8a90a0; text-align: right; }

/* ── PC（768px 以上） ── */
@media (min-width: 768px) {
  .legal-doc { max-width: 880px; padding: 0px 40px 96px 40px; }
  .legal-doc__lead { font-size: 16px; margin: 0px 0px 48px 0px; }
  .legal-doc__section { margin: 0px 0px 40px 0px; padding: 0px 0px 32px 0px; }
  .legal-doc__section:last-of-type { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
  .legal-doc__h2 { font-size: 22px; margin: 0px 0px 16px 0px; }
  .legal-doc__h3 { font-size: 17px; margin: 0px 0px 8px 0px; }
  .legal-doc__p { font-size: 16px; margin: 0px 0px 16px 0px; }
  .legal-doc__list { font-size: 16px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 24px; }
  .legal-doc__list li { margin: 0px 0px 8px 0px; }
  .legal-doc__sublist { font-size: 15px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 16px; }
  .legal-doc__sublist li { margin: 0px 0px 8px 0px; }
  .legal-doc__address { font-size: 16px; padding: 24px 24px 24px 24px; }
  .legal-doc__tool { margin: 0px 0px 24px 0px; padding: 0px 0px 0px 16px; }
  .legal-doc__meta { font-size: 13px; margin: 48px 0px 0px 0px; }
}

/* ── SP（767px 以下） ── */
@media (max-width: 767px) {
  .legal-doc { max-width: none; padding: 0px 24px 72px 24px; }
  .legal-doc__lead { font-size: 15px; margin: 0px 0px 32px 0px; }
  .legal-doc__section { margin: 0px 0px 32px 0px; padding: 0px 0px 24px 0px; }
  .legal-doc__section:last-of-type { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
  .legal-doc__h2 { font-size: 19px; margin: 0px 0px 12px 0px; }
  .legal-doc__h3 { font-size: 16px; margin: 0px 0px 8px 0px; }
  .legal-doc__p { font-size: 15px; margin: 0px 0px 16px 0px; }
  .legal-doc__list { font-size: 15px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 24px; }
  .legal-doc__list li { margin: 0px 0px 8px 0px; }
  .legal-doc__sublist { font-size: 14px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 8px; }
  .legal-doc__sublist li { margin: 0px 0px 8px 0px; }
  .legal-doc__address { font-size: 15px; padding: 16px 16px 16px 16px; }
  .legal-doc__tool { margin: 0px 0px 24px 0px; padding: 0px 0px 0px 16px; }
  .legal-doc__meta { font-size: 12px; margin: 32px 0px 0px 0px; }
}