:root{--color-primary: #167d7f;--color-primary-dark: #105e60;--color-primary-light: #e8f5f4;--color-text: #1f2933;--color-text-secondary: #667085;--color-bg: #fafbfc;--color-surface: #ffffff;--color-border: #e4e7ec;--color-exploration: #eef4ff;--color-exploration-border: #c7d7fe;--color-unexpected: #fff8e6;--color-unexpected-border: #f5d98a;--color-error: #b42318;--color-error-bg: #fef3f2;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-card: 0 1px 3px rgba(16, 24, 40, .06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--page-max: 800px;--diagnosis-max: 640px;--page-pad: 20px}@media (min-width: 768px){:root{--page-pad: 32px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%}a{color:var(--color-primary-dark)}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--color-surface);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm)}.skip-link:focus{left:var(--space-4);top:var(--space-4)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{display:flex;flex-direction:column;min-height:100vh}.page{flex:1;width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--space-8) var(--page-pad) var(--space-16)}.page--narrow{max-width:var(--diagnosis-max)}.stack{display:flex;flex-direction:column}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header__inner{max-width:var(--page-max);margin:0 auto;padding:var(--space-3) var(--page-pad);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:56px}.header__logo{font-size:18px;font-weight:700;color:var(--color-text);text-decoration:none;letter-spacing:.02em;min-height:44px;display:inline-flex;align-items:center}.header__link{font-size:14px;color:var(--color-text-secondary);text-decoration:none;padding:var(--space-2);min-height:44px;display:inline-flex;align-items:center}.header__link:hover{color:var(--color-primary-dark)}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:var(--space-16)}.footer__inner{max-width:var(--page-max);margin:0 auto;padding:var(--space-8) var(--page-pad)}.footer__logo{font-size:16px;font-weight:700;margin-bottom:var(--space-4)}.footer__nav{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-bottom:var(--space-6)}.footer__nav a{font-size:14px;color:var(--color-text-secondary);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.footer__nav a:hover{color:var(--color-primary-dark);text-decoration:underline}.footer__copyright{font-size:12px;color:var(--color-text-secondary)}.hero__title{font-size:32px;line-height:1.35;font-weight:700;letter-spacing:.01em}.result__title{font-size:28px;line-height:1.4;font-weight:700}.h2{font-size:22px;line-height:1.5;font-weight:700}.h3{font-size:18px;line-height:1.5;font-weight:700}.body{font-size:16px;line-height:1.75}.small{font-size:14px;line-height:1.7}.caption{font-size:12px;line-height:1.7;color:var(--color-text-secondary)}.muted{color:var(--color-text-secondary)}@media (min-width: 768px){.hero__title{font-size:40px}.result__title{font-size:32px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:54px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:1px solid transparent;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}@media (min-width: 768px){.btn{max-width:360px}.btn--full-pc{max-width:none}}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark)}.btn--secondary{background:var(--color-surface);color:var(--color-primary-dark);border-color:var(--color-border)}.btn--secondary:hover{border-color:var(--color-primary)}.btn--text{background:none;border:none;color:var(--color-text-secondary);min-height:44px;width:auto;font-weight:500;text-decoration:underline;padding:var(--space-2) var(--space-3)}.btn--text:hover{color:var(--color-primary-dark)}.btn-back{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;color:var(--color-text-secondary);font-size:14px;cursor:pointer;padding:var(--space-2) var(--space-2) var(--space-2) 0;min-height:44px}.btn-back:hover:not(:disabled){color:var(--color-primary-dark)}.btn-back:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}@media (min-width: 768px){.card{padding:var(--space-6)}}.progress__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.progress__count{font-size:14px;font-weight:600;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.progress__section{font-size:14px;font-weight:600;color:var(--color-primary-dark)}.progress__track{height:5px;background:var(--color-border);border-radius:999px;overflow:hidden}.progress__bar{height:100%;background:var(--color-primary);border-radius:999px;transition:width .2s ease}.answers{display:flex;flex-direction:column;gap:var(--space-3)}.answer{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:58px;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.answer:hover{border-color:var(--color-primary)}.answer[aria-checked=true]{background:var(--color-primary-light);border-color:var(--color-primary);font-weight:600}.answer__check{flex:none;width:24px;height:24px;border-radius:999px;border:1.5px solid var(--color-border);display:grid;place-items:center;color:#fff;background:transparent}.answer[aria-checked=true] .answer__check{background:var(--color-primary);border-color:var(--color-primary)}.answer__label{flex:1}.question__lead{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.question__text{font-size:20px;line-height:1.6;font-weight:700;margin-bottom:var(--space-6)}@media (min-width: 768px){.question__text{font-size:22px}}.value-poles{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.value-pole{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);line-height:1.7}.value-pole__badge{flex:none;width:26px;height:26px;border-radius:999px;background:var(--color-primary-light);color:var(--color-primary-dark);font-size:13px;font-weight:700;display:grid;place-items:center}.fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.field-chip{display:flex;align-items:center;gap:var(--space-2);min-height:56px;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.field-chip[aria-pressed=true]{background:var(--color-primary-light);border-color:var(--color-primary);font-weight:600}.field-chip__check{flex:none;width:20px;height:20px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);display:grid;place-items:center;color:#fff}.field-chip[aria-pressed=true] .field-chip__check{background:var(--color-primary);border-color:var(--color-primary)}.field-chip--unknown{grid-column:1 / -1}.result-section{margin-top:var(--space-12)}.result-section__head{margin-bottom:var(--space-5)}.result-section__lead{color:var(--color-text-secondary);margin-top:var(--space-3)}.result-eyebrow{font-size:14px;font-weight:600;color:var(--color-primary-dark);margin-bottom:var(--space-3)}.result-hero__label{color:var(--color-text-secondary);margin-bottom:var(--space-1)}.result-hero__note{margin-top:var(--space-4);color:var(--color-text-secondary)}.scores{display:flex;flex-direction:column;gap:var(--space-4)}.score__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2);font-size:15px}.score__name{font-weight:600}.score__value{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);font-size:14px}.score__track{height:10px;background:var(--color-border);border-radius:999px;overflow:hidden}.score__bar{height:100%;background:var(--color-primary);border-radius:999px}.score__bar--weak{background:var(--color-primary);opacity:.45}.occupations{display:flex;flex-direction:column;gap:var(--space-4)}.occ-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.occ-card--exploration{background:var(--color-exploration);border-color:var(--color-exploration-border)}.occ-card__body{padding:var(--space-5)}@media (min-width: 768px){.occ-card__body{padding:var(--space-6)}}.occ-card__tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;padding:2px var(--space-2);border-radius:var(--radius-sm);margin-bottom:var(--space-3);background:#fff;border:1px solid var(--color-exploration-border);color:#3538cd}.occ-card__tag--matched{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.occ-card__name{font-size:20px;line-height:1.4;font-weight:700;margin-bottom:var(--space-2)}.occ-card__desc{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.occ-card__match{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:14px;margin-bottom:var(--space-2)}.occ-card__match-label{font-weight:700;color:var(--color-primary-dark);background:var(--color-primary-light);padding:2px var(--space-2);border-radius:var(--radius-sm)}.occ-card__reason{font-size:15px;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.occ-card__toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;font-weight:600;color:var(--color-primary-dark);cursor:pointer;transition:border-color .15s ease}.occ-card__toggle:hover{border-color:var(--color-primary)}.occ-card__chevron{transition:transform .2s ease;flex:none}.occ-card__toggle[aria-expanded=true] .occ-card__chevron{transform:rotate(180deg)}.occ-detail{border-top:1px solid var(--color-border);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-6)}.occ-detail__block-title{font-size:15px;font-weight:700;margin-bottom:var(--space-3)}.occ-detail__list{display:flex;flex-direction:column;gap:var(--space-2)}.occ-detail__list li{position:relative;padding-left:var(--space-5);font-size:15px;line-height:1.7}.occ-detail__list li:before{content:"";position:absolute;left:4px;top:11px;width:6px;height:6px;border-radius:999px;background:var(--color-primary);opacity:.5}.occ-detail__keywords{display:flex;flex-wrap:wrap;gap:var(--space-2)}.occ-detail__keyword{font-size:13px;padding:var(--space-1) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary)}.occ-detail__search{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-primary);background:var(--color-surface);color:var(--color-primary-dark);font-size:15px;font-weight:600;text-decoration:none}.occ-detail__search:hover{background:var(--color-primary-light)}.unexpected{background:var(--color-unexpected);border:1px solid var(--color-unexpected-border);border-radius:var(--radius-lg);padding:var(--space-5)}@media (min-width: 768px){.unexpected{padding:var(--space-6)}}.unexpected__name{font-size:20px;font-weight:700;margin:var(--space-3) 0 var(--space-2)}.values{display:flex;flex-direction:column;gap:var(--space-4)}.value-item__title{font-size:17px;font-weight:700;margin-bottom:var(--space-2)}.value-item__text{font-size:15px;color:var(--color-text-secondary)}.pr{margin-top:var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-5)}.pr__badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px var(--space-2);margin-bottom:var(--space-3)}.pr__title{font-size:18px;font-weight:700;margin-bottom:var(--space-3)}.pr__disclosure{margin-top:var(--space-4);font-size:12px;color:var(--color-text-secondary)}.disclaimer{margin-top:var(--space-12);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:14px;line-height:1.75}.disclaimer__title{font-size:15px;font-weight:700;color:var(--color-text);margin-bottom:var(--space-3)}.notice-error{background:var(--color-error-bg);border:1px solid #fda29b;color:var(--color-error);border-radius:var(--radius-md);padding:var(--space-4);font-size:15px}.legal h2{font-size:20px;font-weight:700;margin-top:var(--space-8);margin-bottom:var(--space-3)}.legal p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}.legal ul{margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.legal ul li{position:relative;padding-left:var(--space-5);color:var(--color-text-secondary)}.legal ul li:before{content:"";position:absolute;left:4px;top:12px;width:6px;height:6px;border-radius:999px;background:var(--color-primary);opacity:.5}.hero{padding:var(--space-8) 0 var(--space-10)}.hero__lead{margin:var(--space-5) 0 var(--space-8);font-size:17px;color:var(--color-text-secondary)}.hero__meta{margin-top:var(--space-4);font-size:13px;color:var(--color-text-secondary)}.steps{display:flex;flex-direction:column;gap:var(--space-4)}.step__num{font-size:13px;font-weight:700;color:var(--color-primary);letter-spacing:.08em;margin-bottom:var(--space-2)}.step__title{font-size:17px;font-weight:700;margin-bottom:var(--space-1)}@media (min-width: 768px){.steps{flex-direction:row}.steps>*{flex:1}}