.fn-hero{background:linear-gradient(135deg,#0f1a2e,#04384c 60%,#1a0a08);position:relative;overflow:hidden}.fn-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:400px;height:400px;background:radial-gradient(circle,rgba(220,38,38,.15) 0%,transparent 70%);pointer-events:none}.fn-hero:after{content:"";position:absolute;bottom:-60px;left:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(17,118,212,.15) 0%,transparent 70%);pointer-events:none}#fn-navi{max-width:1000px;margin:0 auto;padding:0 16px 64px;font-family:Noto Sans JP,sans-serif}#fn-navi .fn-privacy-note{text-align:center;font-size:12px;color:#6b7280;padding:16px;margin-top:24px;margin-bottom:0}#fn-navi #fn-select{padding:40px 0 32px}#fn-navi .fn-section-title{font-size:22px;font-weight:800;color:#04384c;text-align:center;margin-bottom:8px}#fn-navi .fn-section-sub{font-size:14px;color:#6b7280;text-align:center;margin-bottom:28px}#fn-navi .fn-pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:767px){#fn-navi .fn-pattern-grid{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1023px){#fn-navi .fn-pattern-grid{grid-template-columns:repeat(2,1fr)}}#fn-navi .fn-pattern-card{display:flex;align-items:flex-start;gap:14px;padding:18px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s,transform .15s;font-family:inherit}#fn-navi .fn-pattern-card:hover{border-color:var(--pcolor, #04384c);box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}#fn-navi .fn-pattern-card.fn-card-active{border-color:var(--pcolor, #04384c);background:color-mix(in srgb,var(--pcolor, #04384c) 6%,white);box-shadow:0 4px 20px #0000001f}#fn-navi .fn-card-icon{flex-shrink:0;width:40px;height:40px;color:var(--pcolor, #04384c);margin-top:2px}#fn-navi .fn-card-icon svg{width:100%;height:100%}#fn-navi .fn-card-body{flex:1;min-width:0}#fn-navi .fn-card-name{font-size:15px;font-weight:800;color:#04384c;margin-bottom:4px;line-height:1.3}#fn-navi .fn-card-symptom{font-size:12px;color:#6b7280;line-height:1.5}#fn-navi #fn-steps-section{border-top:2px solid #e5e7eb;padding-top:40px;margin-top:8px}#fn-navi .fn-situation-inner{background:color-mix(in srgb,var(--pcolor, #04384c) 8%,white);border-left:4px solid var(--pcolor, #04384c);border-radius:0 8px 8px 0;padding:16px 20px;margin-bottom:32px}#fn-navi .fn-situation-label{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--pcolor, #04384c);text-transform:uppercase;margin-bottom:6px}#fn-navi .fn-situation-text{font-size:15px;color:#374151;line-height:1.7}#fn-navi .fn-phase-tabs-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:32px}#fn-navi .fn-phase-tabs{display:flex;align-items:center;min-width:-moz-max-content;min-width:max-content;gap:0;padding:4px 0}#fn-navi .fn-phase-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 20px;border:2px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-family:inherit;transition:all .2s;min-width:120px}#fn-navi .fn-phase-tab:hover{border-color:#1176d4;color:#1176d4}#fn-navi .fn-phase-tab.fn-phase-active{border-color:#04384c;background:#04384c;color:#fff}#fn-navi .fn-phase-dot{display:block;width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.5}#fn-navi .fn-phase-tab.fn-phase-active .fn-phase-dot{opacity:1;background:#fff}#fn-navi .fn-phase-label{font-size:13px;font-weight:700;color:inherit}#fn-navi .fn-phase-sub{font-size:11px;font-weight:500;color:inherit;opacity:.8}#fn-navi .fn-phase-line{flex:1;height:2px;background:#d1d5db;min-width:24px;max-width:48px}#fn-navi .fn-steps-content{animation:fnFadeIn .3s ease;margin-bottom:32px}@keyframes fnFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#fn-navi .fn-steps-header{margin-bottom:20px}#fn-navi .fn-steps-phase-label{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}#fn-navi .fn-steps-list{display:flex;flex-direction:column;gap:16px}#fn-navi .fn-step{display:flex;gap:16px;align-items:flex-start}#fn-navi .fn-step-num{flex-shrink:0;width:36px;height:36px;border-radius:50%;color:#fff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:2px}#fn-navi .fn-step-body{flex:1;min-width:0;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;padding:14px 16px}#fn-navi .fn-step-title{font-size:15px;font-weight:800;color:#04384c;margin-bottom:10px;line-height:1.45}#fn-navi .fn-step-details{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}#fn-navi .fn-step-details li{font-size:14px;color:#374151;line-height:1.65;padding-left:1.4em;position:relative}#fn-navi .fn-step-details li:before{content:"→";position:absolute;left:0;color:#9ca3af;font-size:12px;top:2px}#fn-navi .fn-mistakes-inner{background:#fff7f7;border:2px solid #fecaca;border-radius:10px;padding:20px 24px;margin-bottom:24px}#fn-navi .fn-mistakes-label{font-size:14px;font-weight:800;color:#dc2626;margin-bottom:12px}#fn-navi .fn-mistakes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}#fn-navi .fn-mistakes-list li{font-size:14px;color:#7f1d1d;line-height:1.6;padding-left:1.6em;position:relative}#fn-navi .fn-mistakes-list li:before{content:"✕";position:absolute;left:0;color:#dc2626;font-weight:700}#fn-navi .fn-related-inner{margin-bottom:32px}#fn-navi .fn-related-label{font-size:13px;font-weight:700;color:#6b7280;margin-bottom:12px}#fn-navi .fn-related-links{display:flex;flex-wrap:wrap;gap:10px}#fn-navi .fn-related-btn{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border:2px solid var(--pcolor, #04384c);border-radius:8px;background:transparent;cursor:pointer;font-family:inherit;text-align:left;transition:background .2s}#fn-navi .fn-related-btn:hover{background:color-mix(in srgb,var(--pcolor, #04384c) 8%,white)}#fn-navi .fn-related-name{font-size:13px;font-weight:800;color:var(--pcolor, #04384c)}#fn-navi .fn-related-reason{font-size:11px;color:#6b7280;line-height:1.4}#fn-navi .fn-disclaimer{border:1px solid #e5e7eb;border-radius:8px;padding:16px 20px;font-size:12px;color:#6b7280;line-height:1.8;background:#f9fafb}#fn-navi .fn-disclaimer-label{font-weight:700;color:#4b5563;margin-bottom:6px}#fn-navi .fn-hidden{display:none}.fn-seo-content{background:#f8fafc;border-top:1px solid #e5e7eb;padding:64px 16px}.fn-seo-inner{max-width:800px;margin:0 auto}.fn-seo-inner h2{font-size:22px;font-weight:800;color:#04384c;margin-top:48px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.fn-seo-inner h2:first-child{margin-top:0}.fn-seo-inner h3{font-size:17px;font-weight:700;color:#1e3a5f;margin-top:28px;margin-bottom:8px}.fn-seo-inner p{font-size:15px;color:#374151;line-height:1.85;margin-bottom:12px}.fn-seo-inner a{color:#1176d4}.fn-seo-link{font-size:13px;font-weight:600;cursor:pointer}@media(max-width:600px){#fn-navi{padding:0 12px 48px}#fn-navi .fn-section-title{font-size:18px}#fn-navi .fn-step-num{width:30px;height:30px;font-size:14px}#fn-navi .fn-step-title{font-size:14px}#fn-navi .fn-phase-tab{min-width:100px;padding:8px 14px}#fn-navi .fn-card-icon{width:32px;height:32px}}