.diagnose-page *{box-sizing:border-box}.diagnose-page .container{max-width:880px;margin:0 auto;padding:0 24px}.diagnose-page .diag-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 24px;border-radius:var(--radius-md, 10px);font-family:var(--font-en, "Inter"),var(--font-jp, "Noto Sans JP");font-weight:600;font-size:15px;cursor:pointer;border:none;transition:transform .15s cubic-bezier(.22,1,.36,1),background .15s ease,box-shadow .15s ease;text-decoration:none}.diagnose-page .diag-btn-accent{background:var(--color-accent, #FF6B35);color:#fff;box-shadow:0 1px 3px #1a3a5f14}.diagnose-page .diag-btn-accent:hover{background:#e85c28;transform:translateY(-1px);box-shadow:0 4px 12px #1a3a5f14}.diagnose-page .diag-btn-accent:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.diagnose-page .diag-btn-secondary{background:#fff;color:var(--color-primary, #1A3A5F);border:1px solid var(--color-primary, #1A3A5F)}.diagnose-page .diag-btn-secondary:hover{background:var(--color-bg-warm, #FAF7F2);transform:translateY(-1px)}.diagnose-page .diag-btn-lg{height:52px;padding:0 28px;font-size:16px}.diagnose-page .screen{display:none}.diagnose-page .screen.is-active{display:block}.diagnose-page .intro-hero{background:radial-gradient(1200px 500px at 110% -10%,rgba(255,107,53,.08),transparent 60%),radial-gradient(900px 400px at -10% 110%,rgba(26,58,95,.06),transparent 60%),var(--color-bg-warm, #FAF7F2);padding:80px 0 72px;position:relative;overflow:hidden;text-align:center}.diagnose-page .intro-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.9;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.35  0 0 0 0 0.22  0 0 0 0 0.12  0 0 0 0.22 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:320px 320px}.diagnose-page .intro-hero>.container{position:relative;z-index:1}.diagnose-page .eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--color-accent-soft, #FFE5D6);color:var(--color-accent-dark, #B84A1E);padding:6px 14px;border-radius:var(--radius-full, 999px);font-size:12px;font-weight:500;margin-bottom:24px}.diagnose-page .eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-accent, #FF6B35)}.diagnose-page .intro-hero h1{font-family:var(--font-jp-serif, "Shippori Mincho");font-size:44px;line-height:1.45;font-weight:600;margin-bottom:24px;color:var(--color-text, #1A3A5F)}.diagnose-page .intro-hero h1 .accent{color:var(--color-accent, #FF6B35)}.diagnose-page .intro-lead{font-size:17px;line-height:1.9;color:var(--color-text-body, #4B5563);margin:0 auto 40px;max-width:620px}.diagnose-page .intro-meta{display:inline-flex;gap:28px;font-size:13px;color:var(--color-text-muted, #6C757D);flex-wrap:wrap;justify-content:center;margin-top:28px}.diagnose-page .intro-meta span{display:inline-flex;align-items:center;gap:6px}.diagnose-page .intro-meta .dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary, #1A3A5F);opacity:.4}.diagnose-page .intro-benefits{padding:80px 0;background:#fff}.diagnose-page .section-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--color-accent-dark, #B84A1E);letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px}.diagnose-page .section-eyebrow:before{content:"";display:inline-block;width:48px;height:4px;background:var(--color-accent, #FF6B35);border-radius:2px}.diagnose-page .intro-benefits h2{font-family:var(--font-jp-serif, "Shippori Mincho");font-size:28px;line-height:1.55;font-weight:600;margin-bottom:48px;color:var(--color-text, #1A3A5F)}.diagnose-page .benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.diagnose-page .benefit-card{background:#fff;border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 16px);padding:28px 24px;box-shadow:0 1px 3px #1a3a5f14;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}.diagnose-page .benefit-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a3a5f1a}.diagnose-page .benefit-num{font-family:var(--font-en, "Inter");font-size:13px;font-weight:600;color:var(--color-accent, #FF6B35);letter-spacing:.08em;margin-bottom:12px}.diagnose-page .benefit-card h3{font-family:var(--font-jp, "Noto Sans JP");font-size:18px;line-height:1.5;font-weight:600;margin:0 0 12px;color:var(--color-text, #1A3A5F)}.diagnose-page .benefit-card p{font-size:14px;line-height:1.75;color:var(--color-text-body, #4B5563);margin:0}.diagnose-page .quiz{padding:48px 0 96px;background:var(--color-bg-warm, #FAF7F2);min-height:80vh}.diagnose-page .progress-bar{position:sticky;top:72px;background:var(--color-bg-warm, #FAF7F2);padding:16px 0;border-bottom:1px solid var(--color-border, #E5E7EB);margin-bottom:32px;z-index:5}.diagnose-page .progress-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:var(--color-text-muted, #6C757D)}.diagnose-page .progress-track{flex:1;height:6px;background:var(--color-border, #E5E7EB);border-radius:var(--radius-full, 999px);overflow:hidden}.diagnose-page .progress-fill{height:100%;background:var(--color-accent, #FF6B35);border-radius:var(--radius-full, 999px);transition:width .3s ease;width:0%}.diagnose-page .progress-count{font-family:var(--font-en, "Inter");font-weight:600;color:var(--color-text, #1A3A5F);min-width:48px;text-align:right}.diagnose-page .cat-section{margin-bottom:32px}.diagnose-page .cat-label{display:inline-block;background:var(--color-primary, #1A3A5F);color:#fff;font-size:12px;font-weight:600;padding:4px 12px;border-radius:var(--radius-full, 999px);letter-spacing:.04em;margin-bottom:16px}.diagnose-page .question{background:#fff;border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 16px);padding:28px;box-shadow:0 1px 3px #1a3a5f14;margin-bottom:16px;transition:border-color .2s ease,box-shadow .2s ease}.diagnose-page .question.is-answered{border-color:var(--color-accent-soft, #FFE5D6)}.diagnose-page .question-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.diagnose-page .question-num{flex-shrink:0;font-family:var(--font-en, "Inter");font-weight:700;font-size:14px;color:var(--color-accent, #FF6B35);background:var(--color-accent-soft, #FFE5D6);width:32px;height:32px;border-radius:var(--radius-full, 999px);display:inline-flex;align-items:center;justify-content:center}.diagnose-page .question-text{font-size:16px;font-weight:500;color:var(--color-text, #1A3A5F);line-height:1.7;flex:1}.diagnose-page .answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diagnose-page .answer-btn{background:#fff;border:1px solid var(--color-border, #E5E7EB);color:var(--color-text, #1A3A5F);padding:14px 20px;border-radius:var(--radius-md, 10px);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease}.diagnose-page .answer-btn:hover{border-color:var(--color-primary, #1A3A5F);transform:translateY(-1px);box-shadow:0 1px 3px #1a3a5f14}.diagnose-page .answer-btn.is-selected{background:var(--color-primary, #1A3A5F);color:#fff;border-color:var(--color-primary, #1A3A5F)}.diagnose-page .answer-btn[data-answer=yes].is-selected{background:var(--color-accent, #FF6B35);border-color:var(--color-accent, #FF6B35)}.diagnose-page .quiz-submit{text-align:center;margin-top:48px;padding:32px;background:#fff;border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 16px);box-shadow:0 1px 3px #1a3a5f14}.diagnose-page .quiz-submit-note{font-size:14px;color:var(--color-text-muted, #6C757D);margin-bottom:20px}.diagnose-page .result{padding:64px 0 96px}.diagnose-page .result-hero{text-align:center;margin-bottom:64px}.diagnose-page .result-level-badge{display:inline-block;font-family:var(--font-en, "Inter");font-size:14px;font-weight:700;color:var(--color-accent-dark, #B84A1E);background:var(--color-accent-soft, #FFE5D6);padding:6px 16px;border-radius:var(--radius-full, 999px);letter-spacing:.06em;margin-bottom:20px}.diagnose-page .result-hero h1{font-family:var(--font-jp-serif, "Shippori Mincho");font-size:36px;line-height:1.5;font-weight:600;margin:0 0 20px;color:var(--color-text, #1A3A5F)}.diagnose-page .result-state{font-size:17px;color:var(--color-text-body, #4B5563);line-height:1.9;max-width:640px;margin:0 auto}.diagnose-page .stage-map{background:#fff;border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 16px);padding:48px 40px 56px;box-shadow:0 1px 3px #1a3a5f14;margin-bottom:48px}.diagnose-page .stage-map-title{text-align:center;font-family:var(--font-jp-serif, "Shippori Mincho");font-size:20px;font-weight:600;margin-bottom:12px}.diagnose-page .stage-map-sub{text-align:center;font-size:13px;color:var(--color-text-muted, #6C757D);margin-bottom:40px}.diagnose-page .stage-track{position:relative;padding:40px 0 20px}.diagnose-page .stage-line{position:absolute;top:56px;left:0;right:0;height:4px;background:repeating-linear-gradient(to right,var(--color-border, #E5E7EB) 0 8px,transparent 8px 16px);border-radius:2px;z-index:0}.diagnose-page .stage-nodes{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:1}.diagnose-page .stage-node{text-align:center;position:relative}.diagnose-page .stage-node.zone-dx{background:linear-gradient(180deg,#78788c0d,#78788c1a);border-radius:8px;padding:8px 4px 12px}.diagnose-page .stage-node.zone-ai{background:linear-gradient(180deg,#ff6b350d,#ff6b351f);border-radius:8px;padding:8px 4px 12px}.diagnose-page .stage-zone-tag{display:inline-block;font-family:var(--font-en, "Inter");font-size:10px;font-weight:700;letter-spacing:.08em;padding:2px 8px;border-radius:var(--radius-full, 999px);margin-bottom:8px}.diagnose-page .stage-node.zone-dx .stage-zone-tag{background:#78788c2e;color:#4a4a55}.diagnose-page .stage-node.zone-ai .stage-zone-tag{background:#ff6b352e;color:var(--color-accent-dark, #B84A1E)}.diagnose-page .stage-dot{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--color-border, #E5E7EB);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-en, "Inter");font-weight:700;font-size:13px;color:var(--color-text-muted, #6C757D);margin-bottom:12px;transition:all .2s ease}.diagnose-page .stage-node.is-current .stage-dot{background:var(--color-accent, #FF6B35);border-color:var(--color-accent, #FF6B35);color:#fff;transform:scale(1.25);box-shadow:0 0 0 6px #ff6b3526}.diagnose-page .stage-node.is-past .stage-dot{background:var(--color-primary, #1A3A5F);border-color:var(--color-primary, #1A3A5F);color:#fff}.diagnose-page .stage-node-label{font-size:12px;color:var(--color-text-muted, #6C757D);letter-spacing:.04em;margin-bottom:4px}.diagnose-page .stage-node-name{font-size:14px;font-weight:600;color:var(--color-text, #1A3A5F)}.diagnose-page .stage-node.is-current .stage-node-name{color:var(--color-accent-dark, #B84A1E)}.diagnose-page .stage-marker{position:absolute;top:-28px;left:50%;transform:translate(-50%);background:var(--color-accent, #FF6B35);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full, 999px);white-space:nowrap}.diagnose-page .stage-marker:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-accent, #FF6B35)}.diagnose-page .result-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.diagnose-page .result-card{background:#fff;border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 16px);padding:32px;box-shadow:0 1px 3px #1a3a5f14}.diagnose-page .result-card-label{font-size:12px;color:var(--color-accent-dark, #B84A1E);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.diagnose-page .result-card h3{font-family:var(--font-jp-serif, "Shippori Mincho");font-size:20px;line-height:1.55;font-weight:600;margin:0 0 16px;color:var(--color-text, #1A3A5F)}.diagnose-page .result-card p{font-size:14px;line-height:1.8;color:var(--color-text-body, #4B5563);margin:0}.diagnose-page .action-list{list-style:none;padding:0;margin:0}.diagnose-page .action-list li{display:flex;gap:12px;padding:10px 0;font-size:14px;line-height:1.7;color:var(--color-text-body, #4B5563);border-bottom:1px dashed var(--color-border, #E5E7EB)}.diagnose-page .action-list li:last-child{border-bottom:none}.diagnose-page .action-list li:before{content:"";flex-shrink:0;width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--color-accent-soft, #FFE5D6);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'><path d='M2 6L5 9L10 3' stroke='%23B84A1E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:center}.diagnose-page .prescription{margin-bottom:48px}.diagnose-page .prescription-head{text-align:center;margin-bottom:32px}.diagnose-page .prescription-head h2{font-family:var(--font-jp-serif, "Shippori Mincho");font-size:28px;line-height:1.55;font-weight:600;margin:0 0 12px;color:var(--color-text, #1A3A5F)}.diagnose-page .prescription-head p{font-size:15px;color:var(--color-text-body, #4B5563);margin:0}.diagnose-page .roadmap-hint{margin-top:16px;padding:14px 20px;background:#e6f4ea;border-left:4px solid #2E7D32;border-radius:6px;font-size:14px;line-height:1.65;color:#1b5e20;text-align:left;display:flex;align-items:flex-start;gap:10px}.diagnose-page .roadmap-hint-icon{flex-shrink:0;display:inline-flex;align-items:center;color:#2e7d32;margin-top:2px}.diagnose-page .roadmap-hint a{color:#1b5e20;font-weight:700;text-decoration:underline}.diagnose-page .prescription-main{background:#fff;border:2px solid var(--color-accent, #FF6B35);border-radius:var(--radius-lg, 16px);padding:36px;box-shadow:0 4px 12px #1a3a5f14;margin-bottom:20px;position:relative}.diagnose-page .prescription-badge{position:absolute;top:-14px;left:24px;background:var(--color-accent, #FF6B35);color:#fff;font-size:11px;font-weight:700;padding:4px 14px;border-radius:var(--radius-full, 999px);letter-spacing:.06em}.diagnose-page .prescription-main h3{font-family:var(--font-jp, "Noto Sans JP");font-size:22px;font-weight:700;margin:0 0 8px;color:var(--color-text, #1A3A5F)}.diagnose-page .prescription-main .stage-tag{font-size:13px;color:var(--color-text-muted, #6C757D);margin-bottom:16px}.diagnose-page .prescription-main p{font-size:15px;line-height:1.85;color:var(--color-text-body, #4B5563);margin:0 0 24px}.diagnose-page .prescription-main .price{font-family:var(--font-en, "Inter");font-size:24px;font-weight:700;color:var(--color-accent, #FF6B35);margin-bottom:24px}.diagnose-page .prescription-main .price .unit{font-size:14px;color:var(--color-text-muted, #6C757D);font-weight:500;margin-left:6px}.diagnose-page .prescription-cta{display:flex;gap:12px;flex-wrap:wrap}.diagnose-page .prescription-sub{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.diagnose-page .prescription-sub-card{background:var(--color-bg-warm, #FAF7F2);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-md, 10px);padding:20px}.diagnose-page .prescription-sub-card .stage-tag{font-size:11px;color:var(--color-text-muted, #6C757D);letter-spacing:.04em;margin-bottom:6px}.diagnose-page .prescription-sub-card h4{font-size:15px;font-weight:600;margin:0 0 6px;color:var(--color-text, #1A3A5F)}.diagnose-page .prescription-sub-card p{font-size:13px;color:var(--color-text-muted, #6C757D);margin:0;line-height:1.6}.diagnose-page .final-cta{background:var(--color-primary, #1A3A5F);color:#fff;text-align:center;padding:56px 40px;border-radius:var(--radius-lg, 16px)}.diagnose-page .final-cta h2{font-family:var(--font-jp-serif, "Shippori Mincho");font-size:26px;line-height:1.55;color:#fff;font-weight:600;margin:0 0 16px}.diagnose-page .final-cta p{font-size:15px;color:#fffc;margin:0 0 28px}.diagnose-page .final-cta .diag-btn-accent{box-shadow:0 4px 16px #ff6b3559}.diagnose-page .final-cta .diag-btn-secondary{background:transparent;color:#fff;border-color:#fff6}.diagnose-page .final-cta .diag-btn-secondary:hover{background:#ffffff1a}.diagnose-page .retake{text-align:center;margin-top:32px;font-size:13px;color:var(--color-text-muted, #6C757D)}.diagnose-page .retake a{color:var(--color-primary, #1A3A5F);text-decoration:underline;cursor:pointer}@media(max-width:768px){.diagnose-page .intro-hero{padding:56px 0}.diagnose-page .intro-hero h1{font-size:30px}.diagnose-page .intro-lead{font-size:15px}.diagnose-page .intro-benefits{padding:56px 0}.diagnose-page .intro-benefits h2{font-size:22px}.diagnose-page .benefits-grid{grid-template-columns:1fr}.diagnose-page .quiz{padding:32px 0 64px}.diagnose-page .question{padding:20px}.diagnose-page .question-text{font-size:15px}.diagnose-page .result{padding:40px 0 64px}.diagnose-page .result-hero h1{font-size:26px}.diagnose-page .stage-map{padding:32px 20px 40px}.diagnose-page .stage-node-label{font-size:10px}.diagnose-page .stage-node-name{font-size:12px}.diagnose-page .stage-marker{font-size:10px;padding:3px 8px}.diagnose-page .result-grid{grid-template-columns:1fr}.diagnose-page .prescription-main{padding:28px 20px}.diagnose-page .prescription-main h3{font-size:19px}.diagnose-page .prescription-sub{grid-template-columns:1fr}.diagnose-page .final-cta{padding:40px 24px}.diagnose-page .final-cta h2{font-size:22px}}
