*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:#172033;line-height:1.75}a{color:#1769e0;text-decoration:none}.wrap{max-width:1080px;margin:auto;padding:0 22px}header{border-bottom:1px solid #dbe7f5;background:#fff}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:24px;font-weight:800;color:#0b3f91}nav{display:flex;gap:18px;flex-wrap:wrap}.hero{background:linear-gradient(135deg,#eef6ff,#fff);padding:76px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hero .grid{grid-template-columns:1.2fr .8fr;align-items:center}h1{font-size:44px;line-height:1.3}h2{font-size:30px}.lead{font-size:18px;color:#475569}.site{padding:65px 0}.pale{background:#eef6ff}.card,.mock{background:#fff;border:1px solid #dbe7f5;border-radius:16px;padding:24px}.mock{box-shadow:0 20px 50px #1e3a5f18}.btn{display:inline-block;background:#1769e0;color:#fff;padding:11px 18px;border-radius:10px;font-weight:700}.notice{border-left:4px solid #1769e0;background:#f8fbff;padding:16px 18px}.article{border-bottom:1px solid #dbe7f5;padding:16px 0}footer{background:#0f172a;color:#cbd5e1;padding:34px 0}footer a{color:#fff}.small{font-size:13px;color:#64748b}@media(max-width:780px){.grid,.hero .grid{grid-template-columns:1fr}h1{font-size:32px}.nav{padding:12px 0;flex-direction:column;align-items:flex-start}}/* Visual guide */
.guide-page{background:#f8fbff}.guide-head{text-align:center;max-width:760px;margin:0 auto 34px}.guide-head h1{margin:8px 0 10px}.eyebrow{display:inline-block;background:#e7f1ff;color:#0b5ed7;font-weight:800;padding:5px 12px;border-radius:999px}.guide-overview{background:#fff;border:1px solid #dbe7f5;border-radius:20px;padding:14px;box-shadow:0 14px 40px #1e3a5f12;margin-bottom:44px}.guide-overview img{display:block;width:100%;max-height:760px;object-fit:contain;border-radius:12px}.guide-section{background:#fff;border:1px solid #dbe7f5;border-radius:20px;padding:28px;margin:24px 0;box-shadow:0 10px 30px #1e3a5f0b}.step-title{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px}.step-title>span{flex:0 0 auto;background:#1769e0;color:#fff;font-weight:800;border-radius:9px;padding:6px 11px}.step-title h2{font-size:25px;margin:0 0 5px}.step-title p{margin:0;color:#475569}.shot-grid{display:grid;gap:16px}.shot-grid.three{grid-template-columns:repeat(3,1fr)}.shot-grid.two{grid-template-columns:repeat(2,1fr)}figure{margin:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}figure img{display:block;width:100%;height:auto}.shot-grid figure img{aspect-ratio:16/10;object-fit:contain;background:#fff}.wide-shot img{max-height:720px;object-fit:contain;background:#fff}figcaption{padding:10px 14px;font-size:14px;color:#475569;text-align:center}.quick{background:linear-gradient(135deg,#eef6ff,#fff)}.quick>h2{text-align:center;margin-top:0}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid>div{background:#fff;border:1px solid #dbe7f5;border-radius:14px;padding:18px;text-align:center}.quick-grid b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1769e0;color:#fff;margin:0 auto 9px}.quick-grid strong{display:block}.quick-grid p{font-size:14px;color:#64748b;margin:4px 0 0}@media(max-width:780px){.shot-grid.three,.shot-grid.two,.quick-grid{grid-template-columns:1fr}.guide-section{padding:18px}.step-title{gap:10px}.step-title h2{font-size:21px}.guide-overview{padding:8px}}
/* FAQ v4 */
.faq-page{background:#f8fbff}.faq-head{text-align:center;max-width:760px;margin:0 auto 26px}.faq-head h1{margin:8px 0 8px}.faq-nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 34px}.faq-nav a{background:#fff;border:1px solid #dbe7f5;border-radius:999px;padding:8px 14px;font-weight:700}.faq-section{background:#fff;border:1px solid #dbe7f5;border-radius:18px;padding:24px 26px;margin:22px 0;box-shadow:0 10px 30px #1e3a5f0b}.faq-section h2{font-size:24px;margin:0 0 12px;color:#0b3f91}.faq-section details{border-top:1px solid #e2e8f0}.faq-section details:first-of-type{border-top:0}.faq-section summary{cursor:pointer;font-weight:750;padding:17px 38px 17px 0;position:relative;list-style:none}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:after{content:'＋';position:absolute;right:4px;top:14px;color:#1769e0;font-size:22px;font-weight:500}.faq-section details[open] summary:after{content:'−'}.faq-section details>div{padding:0 32px 17px 0;color:#475569}.faq-section details p{margin:0}.faq-help{text-align:center;background:linear-gradient(135deg,#eaf4ff,#fff);border:1px solid #dbe7f5;border-radius:18px;padding:28px;margin-top:28px}.faq-help h2{margin:0 0 6px;font-size:24px}.faq-help p{margin:0 0 16px;color:#475569}@media(max-width:780px){.faq-section{padding:18px}.faq-section h2{font-size:21px}.faq-nav{justify-content:flex-start}.faq-section summary{padding-right:34px}}
/* Features v5 */
.feature-page{background:#f8fbff}.feature-head{text-align:center;max-width:800px;margin:0 auto 30px}.feature-head h1{margin:8px 0 10px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:30px 0}.feature-card{background:#fff;border:1px solid #dbe7f5;border-radius:18px;padding:26px;box-shadow:0 10px 30px #1e3a5f0b}.feature-card h2{font-size:23px;margin:7px 0 8px;color:#0b3f91}.feature-card p{color:#475569;margin:0 0 12px}.feature-card ul{margin:0;padding-left:20px;color:#334155}.feature-card li{margin:5px 0}.feature-no{display:inline-block;background:#e7f1ff;color:#1769e0;font-weight:800;font-size:13px;padding:4px 9px;border-radius:999px}.support-box,.feature-flow,.feature-caution{background:#fff;border:1px solid #dbe7f5;border-radius:18px;padding:28px;margin:24px 0}.support-box h2,.feature-flow h2,.feature-caution h2{margin-top:0;font-size:25px;color:#0b3f91}.support-sites{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 14px}.support-sites span{background:#eef6ff;border:1px solid #cfe2fb;border-radius:999px;padding:8px 14px;font-weight:750;color:#0b3f91}.support-box p,.feature-caution p{color:#475569;margin-bottom:0}.feature-flow{background:linear-gradient(135deg,#eef6ff,#fff)}.feature-cta{text-align:center;margin:22px 0 0}@media(max-width:780px){.feature-grid{grid-template-columns:1fr}.feature-card,.support-box,.feature-flow,.feature-caution{padding:19px}.feature-card h2{font-size:21px}.support-box h2,.feature-flow h2,.feature-caution h2{font-size:22px}}
/* Updates v6 */
.update-page{background:#f8fbff}.update-head{text-align:center;max-width:780px;margin:0 auto 30px}.update-head h1{margin:8px 0 8px}.update-year{margin-top:34px}.update-year>h2{font-size:26px;color:#0b3f91;border-bottom:2px solid #cfe2fb;padding-bottom:8px}.update-item{background:#fff;border:1px solid #dbe7f5;border-radius:18px;padding:24px 26px;margin:16px 0;box-shadow:0 8px 26px #1e3a5f0b}.update-item h3{font-size:21px;margin:9px 0 7px;color:#172033}.update-item p{margin:0;color:#475569}.update-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.update-meta time{font-weight:800;color:#64748b;font-size:14px}.tag{display:inline-block;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800;vertical-align:middle}.fix-tag{background:#fff1f2;color:#be123c}.improve-tag{background:#ecfdf5;color:#047857}.site-tag{background:#e7f1ff;color:#1769e0}.info-tag{background:#f1f5f9;color:#475569}.update-guide{background:#fff;border:1px solid #dbe7f5;border-radius:18px;padding:24px 26px;margin-top:28px}.update-guide h2{font-size:23px;margin:0 0 10px;color:#0b3f91}.update-guide p{color:#475569}@media(max-width:780px){.update-item,.update-guide{padding:18px}.update-item h3{font-size:19px}.update-year>h2{font-size:23px}}
/* Legal & Contact v7 */
.legal-page,.contact-page{background:#f8fbff}.legal-head,.contact-head{text-align:center;max-width:800px;margin:0 auto 34px}.legal-head h1,.contact-head h1{margin:8px 0 8px}.legal-card{background:#fff;border:1px solid #dbe7f5;border-radius:18px;padding:24px 28px;margin:16px 0;box-shadow:0 8px 26px #1e3a5f08}.legal-card h2{font-size:22px;color:#0b3f91;margin:0 0 8px}.legal-card p{margin:0;color:#475569}.legal-card ul{margin:8px 0 0;padding-left:22px;color:#475569}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.contact-card{background:#fff;border:1px solid #dbe7f5;border-radius:18px;padding:26px;box-shadow:0 10px 30px #1e3a5f0b}.contact-card.primary{grid-column:1/-1}.contact-card h2{font-size:23px;color:#0b3f91;margin:7px 0 9px}.contact-card p{color:#475569}.contact-label{display:inline-block;background:#e7f1ff;color:#1769e0;font-weight:800;font-size:13px;padding:4px 10px;border-radius:999px}.report-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.report-steps>div{display:flex;align-items:center;gap:10px;background:#f8fbff;border:1px solid #dbe7f5;border-radius:12px;padding:14px}.report-steps b{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#1769e0;color:#fff}.report-steps span{font-weight:700;color:#334155}.check-list{padding-left:22px;color:#334155}.check-list li{margin:7px 0}.contact-caution{background:#fff;border:1px solid #dbe7f5;border-left:4px solid #1769e0;border-radius:14px;padding:20px 24px;margin-top:20px}.contact-caution h2{font-size:20px;margin:0 0 5px;color:#0b3f91}.contact-caution p{margin:0;color:#475569}@media(max-width:780px){.legal-card,.contact-card{padding:19px}.contact-grid,.report-steps{grid-template-columns:1fr}.contact-card.primary{grid-column:auto}.legal-card h2,.contact-card h2{font-size:20px}}