利用規約

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap'); .jp-legal-wrapper { /* Scoped Variables */ --c-dark-jp: #0F172A; --c-accent-jp: #F97316; --c-bg-jp: #F8FAFC; --c-border-jp: #E2E8F0; font-family: 'Noto Sans JP', sans-serif !important; background: var(--c-bg-jp); padding: 60px 20px; color: var(--c-dark-jp); border-radius: 8px; } .jp-legal-wrapper * { font-family: 'Noto Sans JP', sans-serif !important; box-sizing: border-box; } .jp-legal-container { max-width: 800px; margin: 0 auto; } /* Header */ .jp-header { text-align: center; margin-bottom: 40px; } .jp-title { font-size: 1.8rem; font-weight: 800; margin: 0 0 16px; letter-spacing: -0.02em; line-height: 1.3; } /* Table Style */ .jp-legal-table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid var(--c-border-jp); border-radius: 12px; overflow: hidden; } .jp-row { display: flex; border-bottom: 1px solid var(--c-border-jp); } .jp-row:last-child { border-bottom: none; } .jp-th { width: 30%; background: #f1f5f9; padding: 20px; font-weight: 700; font-size: 0.9rem; display: flex; align-items: center; color: #334155; } .jp-td { width: 70%; padding: 20px; font-size: 0.95rem; line-height: 1.6; color: #0F172A; } /* Mobile Responsive */ @media (max-width: 600px) { .jp-row { flex-direction: column; } .jp-th { width: 100%; padding: 12px 20px; background: #e2e8f0; color: #0f172a; } .jp-td { width: 100%; padding: 16px 20px; } }