/* Security Page Styles */
body { margin: 0; padding: 0; background: #f7f9fb; color: #111827; font-family: 'Noto Sans JP', 'Manrope', sans-serif; }
.jitan-security-page { --security-ink: #111827; --security-line: #d9e1ea; --security-blue: #1e6fb8; --security-blue-dark: #174f84; max-width: 1120px; margin: 0 auto; padding: 56px 24px 72px; }
.jitan-security-hero { max-width: 860px; margin: 0 auto 44px; text-align: center; }
.jitan-security-kicker, .jitan-security-section-heading span { display: inline-flex; align-items: center; width: fit-content; border: 1px solid #c8d5e2; border-radius: 999px; padding: 7px 14px; color: #17324d; background: #fff; font-size: 0.78rem; font-weight: 800; letter-spacing: 0; line-height: 1.2; }
.jitan-security-title { margin: 22px 0 18px; color: var(--security-ink); font-size: clamp(2.45rem, 5vw, 4.3rem); font-weight: 700; line-height: 1.14; letter-spacing: 0; }
.jitan-security-title-mobile { display: none; }
.jitan-security-lead { max-width: 760px; margin: 0 auto; color: #344255; font-size: 1.05rem; font-weight: 500; line-height: 2; }
.jitan-security-actions { display: flex; justify-content: center; gap: 14px; margin-top: 30px; }
.jitan-security-primary, .jitan-security-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; border-radius: 999px; padding: 0 28px; font-size: 0.98rem; font-weight: 800; line-height: 1.2; text-decoration: none; transition: transform 0.15s ease, box-shadow 0.15s ease; }
.jitan-security-primary { border: 1px solid #d7a85b; background: #fff7e8; color: #7a4300; box-shadow: 0 14px 30px rgba(154, 90, 0, 0.12); }
.jitan-security-secondary { border: 1px solid #ccd7e2; background: #fff; color: #17324d; }
.jitan-security-primary:hover, .jitan-security-secondary:hover { transform: translateY(-1px); box-shadow: 0 16px 34px rgba(30, 58, 95, 0.12); }
.jitan-security-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 32px auto 0; max-width: 760px; }
.jitan-security-facts div { border: 1px solid var(--security-line); border-radius: 8px; background: #fff; padding: 16px 18px; text-align: left; }
.jitan-security-facts span, .jitan-security-card-number { display: block; margin: 0 0 5px; color: #6b7a8c; font-size: 0.76rem; font-weight: 800; line-height: 1.3; }
.jitan-security-facts strong { display: block; color: var(--security-ink); font-size: 1rem; line-height: 1.4; }
.jitan-security-section { margin-top: 28px; }
.jitan-security-section-heading { display: grid; gap: 14px; margin-bottom: 18px; }
.jitan-security-section-heading h1, .jitan-security-section-heading h2 { margin: 0; color: var(--security-ink); font-size: clamp(1.65rem, 3vw, 2.45rem); line-height: 1.32; font-weight: 700; letter-spacing: 0; }
.jitan-security-grid, .jitan-security-mode-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.jitan-security-card, .jitan-security-mode-card, .jitan-security-faq-list article { border: 1px solid var(--security-line); border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(30, 58, 95, 0.06); }
.jitan-security-card, .jitan-security-mode-card { padding: 24px; }
.jitan-security-card h2, .jitan-security-card h3, .jitan-security-mode-card h3, .jitan-security-faq-list h3 { margin: 0 0 10px; color: var(--security-ink); font-size: 1.12rem; line-height: 1.45; font-weight: 800; letter-spacing: 0; }
.jitan-security-card p, .jitan-security-mode-card p, .jitan-security-faq-list p, .jitan-security-flow span { margin: 0; color: #344255; font-size: 0.98rem; line-height: 1.85; font-weight: 500; }
.jitan-security-card-number { color: var(--security-blue); }
.jitan-security-mode-card-secret { border-color: #d8b56e; background: #fffaf0; }
.jitan-security-note { margin: 16px 0 0; border: 1px solid #d8b56e; border-radius: 8px; background: #fffaf0; padding: 16px 18px; color: #5f3900; font-size: 0.95rem; font-weight: 700; line-height: 1.8; }
.jitan-security-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; counter-reset: security-flow; }
.jitan-security-flow li { min-height: 168px; border: 1px solid var(--security-line); border-radius: 8px; background: #fff; padding: 22px 18px; counter-increment: security-flow; }
.jitan-security-flow li::before { content: counter(security-flow, decimal-leading-zero); display: block; margin-bottom: 16px; color: var(--security-blue); font-size: 0.82rem; font-weight: 900; line-height: 1; }
.jitan-security-flow strong { display: block; margin-bottom: 8px; color: var(--security-ink); font-size: 1.02rem; line-height: 1.45; }
.jitan-security-faq-list { display: grid; gap: 12px; }
.jitan-security-faq-list article { padding: 20px 22px; }
.jitan-security-faq-list a { color: var(--security-blue-dark); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 840px) { .jitan-security-page { max-width: 420px; padding: 36px 24px 56px; } .jitan-security-hero { max-width: 360px; margin-bottom: 34px; text-align: left; } .jitan-security-kicker, .jitan-security-section-heading span { padding: 7px 13px; font-size: 0.76rem; } .jitan-security-title { margin: 20px 0 14px; font-size: 2.2rem; line-height: 1.25; } .jitan-security-title-desktop { display: none; } .jitan-security-title-mobile { display: inline; } .jitan-security-lead { font-size: 0.98rem; line-height: 1.9; } .jitan-security-actions { display: grid; gap: 12px; margin-top: 24px; } .jitan-security-primary, .jitan-security-secondary { width: 100%; min-height: 54px; padding: 0 18px; } .jitan-security-facts { grid-template-columns: 1fr; gap: 8px; margin-top: 24px; } .jitan-security-facts div { display: grid; grid-template-columns: 76px minmax(0, 1fr); align-items: center; gap: 10px; padding: 14px 16px; } .jitan-security-facts span { margin: 0; } .jitan-security-section { margin-top: 26px; } .jitan-security-section-heading { gap: 12px; margin-bottom: 14px; } .jitan-security-section-heading h1, .jitan-security-section-heading h2 { font-size: 1.48rem; line-height: 1.42; } .jitan-security-grid, .jitan-security-mode-grid, .jitan-security-flow { grid-template-columns: 1fr; gap: 10px; } .jitan-security-card, .jitan-security-mode-card, .jitan-security-faq-list article { padding: 18px 18px 20px; } .jitan-security-card h2, .jitan-security-card h3, .jitan-security-mode-card h3, .jitan-security-faq-list h3 { font-size: 1rem; line-height: 1.55; } .jitan-security-card p, .jitan-security-mode-card p, .jitan-security-faq-list p, .jitan-security-flow span { font-size: 0.94rem; line-height: 1.78; } .jitan-security-note { padding: 14px 16px; font-size: 0.9rem; } .jitan-security-flow li { min-height: 0; padding: 18px; } .jitan-security-flow li::before { margin-bottom: 12px; } }
@media (max-width: 380px) { .jitan-security-page { padding-right: 18px; padding-left: 18px; } .jitan-security-title { font-size: 2.02rem; } }