/* ================================
   Legal Pages (terms / privacy / about / faq)
   ================================ */

.legal {
    max-width: 860px;
    margin: 40px auto 80px auto;
    padding: 0 20px;
    line-height: 1.75;
    font-size: 15px;
    color: #333;
}

.legal h1 {
    font-size: 26px;
    margin-bottom: 28px;
    padding-bottom: 12px;
    border-bottom: 2px solid #222;
}

.legal h2 {
    font-size: 18px;
    margin-top: 36px;
    margin-bottom: 12px;
    border-left: 4px solid #222;
    padding-left: 10px;
}

.legal p {
    margin-bottom: 16px;
}

.legal ul {
    margin: 10px 0 20px 20px;
}

.legal li {
    margin-bottom: 6px;
}

/* FAQ強調 */
.legal h2::before {
    content: "";
}

/* h2の直後に来る本文ブロックを統一 */
.legal h2+p,
.legal h2+ul {
    background: #f6f7f9;
    padding: 14px 16px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.legal h2+ul {
    padding-left: 24px;
}

/* ul内の余白調整 */
.legal ul {
    margin: 0;
    padding-left: 20px;
}

.legal li {
    margin-bottom: 6px;
}

.legal-table {
  border-collapse: collapse;
  margin-top: 20px;
}

.legal-table th {
  text-align: left;
  padding: 8px 16px 8px 0;
  font-weight: 600;
  vertical-align: top;
}

.legal-table td {
  padding: 8px 0;
}

/* モバイル */
@media (max-width: 600px) {
    .legal {
        margin-top: 24px;
        font-size: 14px;
    }

    .legal h1 {
        font-size: 22px;
    }

    .legal h2 {
        font-size: 16px;
    }
}