:root{--bg:#eef2ff;--text:#101d3f;--muted:#59667e;--accent:#1e5bff;--accent-2:#1e5bff;--accent-deep:#1e5bff;--accent-2-deep:#1e5bff;--on-dark-blue:#1e5bff;--line:#d6dfef;--line-strong:#bdcbe1;--card:#fff;--card-2:#fff;--s0:#1e5bff;--s1:#3865ce;--s2:#5677c3;--s3:#7d8dae;--s4:#7083af;--s5:#5875b8;--s6:#3865ce;--jp:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;color-scheme:light}body{background:#eef2ff}.wrap{max-width:600px;padding-top:40px}.screen{background:white;border-radius:8px;padding:28px 24px}.cover{background:white!important;min-height:70vh}.cover-h{font-family:var(--jp);font-size:30px}.cover .next{flex:0}.cover-more{margin-top:16px}.head{background:white;margin:-28px -24px 24px;padding:18px 24px}.theme{animation:none}.qlist{animation:none}.next,.opt.on,.steps li:before{color:white}.next{background:#1e5bff}.track,.bar .tr{background:#dce5f5}.typename{font-size:30px;line-height:1.55}.result-note{font-size:13px;line-height:1.9;color:#59667e;margin:16px 0}.priority{background:#eef2ff;border:0;padding:24px 20px;margin-top:24px}.sect{border-radius:4px}.sect .h{font-size:16px;font-weight:700}.sect p.lead{background:none;padding:0;border:0;margin-top:0}.result-link{display:block;text-align:center;text-decoration:none;margin:24px 0}.reason{border-top:1px solid #d6dfef;border-bottom:1px solid #d6dfef;padding:20px 0}.reason summary{cursor:pointer;color:#1e5bff;font-weight:700;font-size:14px}.type-label{margin-top:20px;font-size:12px;color:#59667e}.reason>.h{margin-top:24px;font-size:16px}.lead{border-radius:8px}.lead .submit{background:#1e5bff}.field input{color:#101d3f;background:#fafbff}.modal{background:#071331aa}.modal .box{background:white}.formmsg.ng{color:#b42318}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ed9d24;outline-offset:4px}html{scroll-padding-top:85px}@media(max-width:599px){.wrap{padding:16px 16px 60px}.screen{padding:24px 18px}.head{margin:-24px -18px 24px;padding:16px 18px}.typename{font-size:27px}.priority{padding:20px 16px}.dot[data-i="0"],.dot[data-i="6"]{width:40px;height:40px}.dot[data-i="1"],.dot[data-i="5"]{width:36px;height:36px}.dot[data-i="2"],.dot[data-i="4"]{width:30px;height:30px}.dot[data-i="3"]{width:26px;height:26px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* 2026-09-14 NOBISHIRO unification: header and logo, English line labels, top-page colors, wider layout on PC. Spacing uses 8/4/2. */
:root{--text:#0b203e;--accent:#0754ff;--accent-2:#0754ff;--accent-deep:#0754ff;--accent-2-deep:#0754ff;--on-dark-blue:#0754ff;--s0:#0754ff}
body.nobishiro-quiz{background:linear-gradient(#f3f8ff,#eef3fc);color:#0b203e}
.tri-nav{background:#f0f7fd;height:86px;display:flex;align-items:center;padding:0 40px}
.tri-nav .brand{display:block;width:220px;height:44px;overflow:hidden;mix-blend-mode:multiply}
.tri-nav .brand img{width:240px;max-width:none;height:80px;transform:translate(-10px,-17px)}
.nobishiro-quiz .next{background:#0754ff}
.nobishiro-quiz .label-line{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:800;letter-spacing:.24em;color:#0754ff;margin-bottom:16px}
.nobishiro-quiz .label-line:before,.nobishiro-quiz .label-line:after{content:"";width:24px;height:2px;background:currentColor;border-radius:2px}
.nobishiro-quiz .cover-main{text-align:center}
.nobishiro-quiz .cover .label-line{justify-content:center}
@media(min-width:900px){
.nobishiro-quiz .wrap{max-width:800px;padding-top:48px}
.nobishiro-quiz .screen{padding:48px 56px}
.nobishiro-quiz .head{margin:-48px -56px 32px;padding:24px 56px}
.nobishiro-quiz .cover-h{font-size:40px;line-height:1.5}
.nobishiro-quiz .typename{font-size:40px;line-height:1.5}
.nobishiro-quiz .cover-sub{font-size:16px}
.nobishiro-quiz .next{min-height:64px;font-size:18px}
}
@media(max-width:700px){.tri-nav{height:68px;padding:0 20px}.tri-nav .brand{width:170px;height:38px}.tri-nav .brand img{width:186px;height:62px;transform:translate(-8px,-12px)}}
.nobishiro-quiz .opt{min-height:40px;padding:10px 16px}
html:has(body.nobishiro-quiz){background:#eef3fc}body.nobishiro-quiz{min-height:100vh}
/* 2026-09-14 No white card: the whole page background is white. */
html:has(body.nobishiro-quiz),body.nobishiro-quiz{background:#fff}
.nobishiro-quiz .screen{background:transparent;border:0;border-radius:0;box-shadow:none}
.tri-nav{background:#fff;border-bottom:1px solid #e3e9f2}
.tri-nav .brand{mix-blend-mode:normal}
/* 結果のレーダーチャート */.radar{margin:24px 0 32px;padding:24px 16px;border:1px solid var(--line);border-radius:8px;background:#fff}.radar svg{display:block;width:100%;max-width:440px;height:auto;margin:0 auto;overflow:visible}.radar .ring{fill:none;stroke:#e2e8f4;stroke-width:1}.radar .ring.outer{stroke:#bdcbe1}.radar .spoke{stroke:#e2e8f4;stroke-width:1}.radar .tick{font-size:10px;fill:#8b96ab;font-family:var(--latin)}.radar .area{fill:rgba(7,84,255,.14);stroke:#0754ff;stroke-width:2;stroke-linejoin:round}.radar .pt{stroke:#fff;stroke-width:2}.radar .lbl{font-size:14px;font-weight:700;fill:#0b203e;font-family:var(--jp)}.radar-legend{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:16px 0 0}.radar-legend li{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.6;color:var(--muted)}.radar-legend i{flex:none;width:10px;height:10px;border-radius:50%;-webkit-print-color-adjust:exact;print-color-adjust:exact}.radar-legend b{margin-left:auto;font-size:16px;color:var(--text);font-family:var(--num);white-space:nowrap}.radar-legend small{font-size:10px;color:var(--muted)}.radar-note{margin-top:12px;font-size:12px;line-height:1.8;color:var(--muted)}@media(max-width:420px){.radar{padding:16px 0}.radar .lbl{font-size:16px}.radar .tick{font-size:12px}.radar-legend{grid-template-columns:1fr;padding:0 16px}.radar-note{padding:0 16px}}@media print{.radar{border:1px solid #ddd!important;break-inside:avoid}.radar svg{max-width:320px}}
/* 分析と伸びしろ */.analysis{margin-top:8px}.analysis .type-label{margin-top:0}.analysis .sect{margin-top:16px}.reason{margin-top:24px}.reason .sect{margin-top:16px}.nobishiro{margin:32px 0 0;padding:32px 20px;background:#0b203e;color:#fff;border-radius:8px}.nobi-title{font-size:24px;font-weight:700;line-height:1.5}.nobi-note{font-size:12px;color:#c4cfe6;margin-top:4px}.nobi-list{list-style:none;display:grid;gap:12px;margin-top:20px}.nobi-list li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:16px}.nobi-axis{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#91b1ff;font-weight:700}.nobi-axis b{font-family:var(--num);font-weight:400;color:#fff;white-space:nowrap}.nobi-list h3{font-size:16px;font-weight:700;line-height:1.6;margin-top:8px;color:#fff}.nobi-list p{font-size:14px;line-height:1.8;margin-top:4px;color:#dbe3f3}.nobi-cta{margin-top:24px;line-height:1.6}@media(min-width:900px){.nobishiro{padding:40px 32px}.nobi-title{font-size:32px}.nobi-list{grid-template-columns:1fr 1fr;gap:16px}.nobi-list li{padding:20px}}@media print{.nobishiro{background:#fff!important;color:#111!important;border:1px solid #ddd;break-inside:avoid}.nobi-title,.nobi-list h3{color:#111!important}.nobi-list p,.nobi-note{color:#444!important}.nobi-list li{background:#fff!important;border-color:#ddd!important}.nobi-axis,.nobi-axis b{color:#0754ff!important}.nobi-cta{display:none!important}}
.nobi-list h3,.nobi-list p{text-wrap:pretty}.nobi-sp{display:none}@media(max-width:699px){.nobi-sp{display:inline}.nobishiro{padding:32px 16px}.nobi-list li{padding:16px 12px}}
/* 2026-09-15 CEO: ヘッダーとフッターは全ページ共通 */.tri-nav{justify-content:space-between;gap:24px}.tri-navlinks{display:flex;gap:40px;font-size:14px;font-weight:700}.tri-navlinks a{color:#0b203e;text-decoration:none}.tri-navlinks a:hover{text-decoration:underline}.tri-footer{background:#fff;color:#59667e;border-top:1px solid #dfe5f1;padding:48px 40px 24px;font-family:var(--jp)}.tri-footer-inner{max-width:1200px;margin:0 auto}.tri-footer .footer-brand{display:block;width:220px;height:44px;overflow:hidden}.tri-footer .footer-brand img{width:240px;max-width:none;height:80px;transform:translate(-10px,-17px)}.tri-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid #e3e9f2;font-size:12px}.tri-footer .footer-links{display:flex;gap:24px}.tri-footer .footer-links a{color:#59667e;text-decoration:none}.tri-footer .footer-links a:hover{text-decoration:underline}@media(max-width:700px){.tri-navlinks{display:none}.tri-footer{padding:40px 20px 24px}.tri-footer .footer-brand{width:170px;height:38px}.tri-footer .footer-brand img{width:186px;height:62px;transform:translate(-8px,-12px)}.tri-footer .footer-bottom{flex-direction:column-reverse;align-items:flex-start;gap:12px;margin-top:32px;padding-top:16px}}@media print{.tri-footer,.tri-navlinks{display:none!important}}
/* 2026-09-15 CEO: ステップ1の選択肢を同じ幅の3列に */.nobishiro-quiz .opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.nobishiro-quiz .opt{display:flex;align-items:center;justify-content:center;text-align:center;min-height:64px;padding:12px 8px;border-radius:8px;font-size:14px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}@media(max-width:420px){.nobishiro-quiz .screen{padding-left:14px;padding-right:14px}.nobishiro-quiz .opts{gap:4px}.nobishiro-quiz .opt{min-height:64px;padding:8px 2px;font-size:12px;letter-spacing:0}}
/* 2026-09-15 CEO: 見出しはトップと同じ中央揃え（カードの中の本文は左揃えのまま） */.nobishiro-quiz .qnum,.nobishiro-quiz .oq,.nobishiro-quiz .dirhead,.nobishiro-quiz .typename,.nobishiro-quiz .result-note,.nobishiro-quiz .analysis>.type-label,.nobishiro-quiz .analysis>.oneline,.nobishiro-quiz .radar-note,.nobishiro-quiz .nobi-title,.nobishiro-quiz .nobi-note,.nobishiro-quiz #report-request>h3,.nobishiro-quiz #report-request>.mn{text-align:center}.nobishiro-quiz .screen>.label-line,.nobishiro-quiz #report-request>.label-line{display:flex;justify-content:center}
.nobishiro-quiz .result-note,.nobishiro-quiz .analysis>.oneline,.nobishiro-quiz .radar-note{text-wrap:pretty}
/* 2026-09-15 CEO: 答えの丸をつなぐ横線が右半分で見えなかった（白の半透明のグラデーション）。端から端まで同じ濃さの線にする */.nobishiro-quiz .scale::before{background:#dce6f7;height:2px}
/* 2026-09-15 CEO: 丸の線を半分の太さに／項目見出しを見出しと分かる大きさに */.nobishiro-quiz .dot{border-width:1px}.nobishiro-quiz .dirhead{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:20px;font-weight:700;line-height:1.5;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere}@media(min-width:900px){.nobishiro-quiz .dirhead{font-size:24px}}
/* 2026-09-15 CEO: 伸びしろの見出しにロゴの字／先に確かめることの見出しを同じ形に */.nobi-word{display:inline-block;height:1.5em;width:auto;vertical-align:-.36em;margin-left:4px}.nobishiro-quiz .priority .priority-title{font-size:24px;font-weight:700;line-height:1.5;color:#0b203e;text-align:center;letter-spacing:0;margin-bottom:16px}@media(min-width:900px){.nobishiro-quiz .priority .priority-title{font-size:32px}}.nobishiro-quiz .exit{justify-content:center}.nobishiro-quiz .exit>.restart{flex:0 1 320px}
.nobishiro-quiz .nobishiro .nobi-note{margin-top:8px}
.nobishiro-quiz .priority>p.lead{text-align:center;text-wrap:pretty}
/* 2026-09-15 メニューの文言を見出しに合わせて長くなったため、タブレット幅では1行に収める */@media(min-width:700px) and (max-width:1023px){.navlinks a,.tri-navlinks a{white-space:nowrap}.nobishiro-page .fv-stage>.nav .navlinks,.page-nav .navlinks,body .tri-navlinks{gap:24px;font-size:13px}}@media(min-width:700px) and (max-width:899px){.nobishiro-page .fv-stage>.nav .navlinks,.page-nav .navlinks,body .tri-navlinks{gap:16px;font-size:12px}}

/* 2026-09-15 CEO: 結果画面の文字は一番小さくて15px。15/16/18/20の4段にそろえる（一番上の結果の一言だけは大見出し） */
.nobishiro-quiz .result-screen .eyebrow,.nobishiro-quiz .result-screen .result-note,.nobishiro-quiz .result-screen .radar-note,.nobishiro-quiz .result-screen .radar-legend li,.nobishiro-quiz .result-screen .radar-legend small,.nobishiro-quiz .result-screen .nobi-note,.nobishiro-quiz .result-screen .nobi-axis,.nobishiro-quiz .result-screen .nobi-list p,.nobishiro-quiz .result-screen .sect p,.nobishiro-quiz .result-screen .sect p.sub,.nobishiro-quiz .result-screen .steps .why,.nobishiro-quiz .result-screen .caveat,.nobishiro-quiz .result-screen .foot,.nobishiro-quiz .result-screen .formnote,.nobishiro-quiz .result-screen .formmsg,.nobishiro-quiz .result-screen .restart,.nobishiro-quiz .result-screen #report-request .mn,.nobishiro-quiz .result-screen .lead .diff dt,.nobishiro-quiz .result-screen .lead .diff dd,.nobishiro-quiz .result-screen .field label,.nobishiro-quiz .result-screen .field input,.nobishiro-quiz .result-screen .reason summary{font-size:15px}
.nobishiro-quiz .result-screen .analysis .type-label,.nobishiro-quiz .result-screen .sect .h,.nobishiro-quiz .result-screen .sect p.lead,.nobishiro-quiz .result-screen .steps .act,.nobishiro-quiz .result-screen .radar-legend b,.nobishiro-quiz .result-screen .submit{font-size:16px}
.nobishiro-quiz .result-screen .nobi-list h3,.nobishiro-quiz .result-screen .lead h3,.nobishiro-quiz .result-screen .next{font-size:18px}
.nobishiro-quiz .result-screen .nobi-title,.nobishiro-quiz .result-screen .priority .priority-title{font-size:20px}
.nobishiro-quiz .result-screen .radar-legend{grid-template-columns:1fr}
.nobishiro-quiz .result-screen .sect p,.nobishiro-quiz .result-screen .nobi-list p{line-height:1.9}
@media(max-width:699px){.nobishiro-quiz .result-screen .radar{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-left:0;border-right:0;border-radius:0}}
/* 結果の一言は「、」の後で折り返す。スマホは一番長い区切り（14字）が1行に入る大きさへ下げる */.nobishiro-quiz .result-screen .typename{word-break:keep-all;overflow-wrap:anywhere}@media(max-width:699px){.nobishiro-quiz .result-screen .typename{font-size:clamp(16px,calc((100vw - 72px) / 14.5),27px)}}