/* ----------------------------------------------------------------
   legal.css — プライバシーポリシー・免責事項ページ専用スタイル
   style.css を読み込んだあとに追加で読み込んでください
---------------------------------------------------------------- */

.legal-container {
    max-width: 760px;
    padding-block: var(--space-xl);
  }
  
  .legal-body {
    background: var(--surface-color);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-soft);
    padding: clamp(1.5rem, 4vw, 2.5rem);
    display: grid;
    gap: var(--space-md);
  }
  
  .legal-section h3 {
    margin: 0 0 0.5rem;
    font-size: 1.05rem;
    color: var(--accent-color);
    border-left: 4px solid var(--accent-color);
    padding-left: 0.75rem;
  }
  
  .legal-section p,
  .legal-section ul {
    margin: 0;
    color: #444b59;
    line-height: 1.85;
  }
  
  .legal-section ul {
    padding-left: 1.5rem;
  }
  
  .legal-section li + li {
    margin-top: 0.3rem;
  }
  
  .legal-section a {
    color: var(--accent-color);
  }
  
  .legal-updated {
    margin: 0;
    font-size: 0.9rem;
    color: #5a6272;
    text-align: right;
  }
  
  /* フッターナビ */
  .footer-nav {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
  }
  
  .footer-nav a {
    color: #5a6272;
    font-size: 0.9rem;
    text-decoration: none;
  }
  
  .footer-nav a:hover {
    text-decoration: underline;
  }