:root{--paper:#fffaf2;--ink:#222640;--muted:#666779;--blue:#3451ed;--coral:#ff7e68;--lime:#e9f49d;--lilac:#ddd7ff;--line:#dddcd7;--display:'Zen Maru Gothic','Hiragino Maru Gothic ProN',Meiryo,sans-serif;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:15px;font-weight:500;line-height:1.75;-webkit-font-smoothing:antialiased}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}.wrap{max-width:var(--max);margin:auto;padding:0 32px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.03em}.muted{color:var(--muted)}.tiny{font-size:12px;line-height:1.8;color:var(--muted)}
.header{background:var(--paper)}.header-inner{height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:43px;height:43px;border-radius:14px;background:var(--blue);color:#fff;font-weight:900;font-size:28px;text-align:center;line-height:38px;transform:rotate(-8deg);box-shadow:3px 3px 0 var(--ink)}.brand-text{font-size:21px;font-weight:900;letter-spacing:-.055em}.brand-text em{font-style:normal;color:var(--blue)}.brand-sub{display:block;font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:700;margin-top:-2px}.nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:700}.nav-start{padding:10px 20px;border:1.5px solid var(--ink);border-radius:99px;background:var(--lime);box-shadow:2px 2px 0 var(--ink);font-size:12px;font-weight:900}.nav-start:hover{background:#e0ec88}
.hero{padding:14px 0 42px;position:relative}.hero-shell{max-width:1380px;margin:auto;padding:44px 0 32px;border-radius:44px;background:#ffded1;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:32px;align-items:center}.hero-kicker{display:flex;gap:9px;align-items:center;margin-bottom:22px}.small-tag{display:inline-block;border:1.5px solid var(--ink);border-radius:99px;background:var(--lime);font-size:11px;font-weight:900;padding:6px 13px;transform:rotate(-3deg)}.hero h1{font-size:clamp(36px,4.3vw,61px);line-height:1.6;letter-spacing:-.055em;font-weight:900;margin:0 0 22px;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--blue);position:relative;display:inline-block;z-index:0}.hero h1 em:after{content:'';position:absolute;left:-3px;right:-7px;bottom:10px;height:15px;background:var(--lime);border-radius:50%;z-index:-1;transform:rotate(-3deg)}.hero-description{font-size:15px;line-height:2.05;letter-spacing:.015em;margin:0 0 25px;max-width:470px}.primary{background:var(--blue);color:#fff;border:2px solid var(--ink);border-radius:99px;box-shadow:4px 5px 0 var(--ink);display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-width:300px;padding:18px 25px;font-size:16px;font-weight:900;line-height:1.6;transition:transform .18s,box-shadow .18s}.primary:hover{transform:translate(2px,2px);box-shadow:2px 3px 0 var(--ink)}.primary .arrow{background:#fff;color:var(--blue);font:22px sans-serif;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.hero-fine{font-size:11px;margin:12px 0 0 18px}.hero-art{position:relative;margin:0 -10px 0 -3px;transform:rotate(2deg)}.hero-art img{width:100%;border:2px solid var(--ink);border-radius:33px;background:var(--paper);box-shadow:7px 8px 0 var(--blue)}.hero-sticker{position:absolute;right:-6px;top:-26px;border:2px solid var(--ink);border-radius:50%;width:85px;height:85px;text-align:center;display:flex;flex-direction:column;justify-content:center;background:var(--lime);transform:rotate(10deg);font-size:10px;font-weight:900;line-height:1.3}.hero-sticker b{font-size:30px;letter-spacing:-.1em;margin-right:5px}.art-caption{font-size:11px;text-align:center;color:var(--ink);font-weight:700;margin:17px 0 0;transform:rotate(-2deg)}.hero-bottom{display:flex;justify-content:center;gap:16px;margin-top:29px}.hero-bottom span{background:#fff7ee;padding:7px 15px;border-radius:99px;font-size:11px;font-weight:700}.hero-bottom b{color:var(--blue);margin-right:4px}
.intro{padding:34px 0 64px}.section-heading{text-align:center;margin-bottom:32px}.section-heading .eyebrow{display:inline-block;color:var(--blue);position:relative;padding:0 23px}.section-heading .eyebrow:before,.section-heading .eyebrow:after{content:'';width:2px;height:14px;background:var(--blue);position:absolute;top:2px}.section-heading .eyebrow:before{left:8px;transform:rotate(-28deg)}.section-heading .eyebrow:after{right:8px;transform:rotate(28deg)}.section-heading h2{font-size:34px;letter-spacing:-.035em;line-height:1.7;margin:10px 0 12px;font-weight:900}.section-heading p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.type-card{border:1.5px solid var(--ink);background:#fff;border-radius:24px;overflow:hidden;box-shadow:4px 4px 0 var(--ink);position:relative;transition:transform .2s}.type-card:hover{transform:translateY(-5px)}.type-number{padding:13px 17px 11px;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid var(--ink)}.type-card:nth-child(1) .type-number{background:var(--lime)}.type-card:nth-child(2) .type-number{background:var(--lilac)}.type-card:nth-child(3) .type-number{background:#ffdbce}.type-card:nth-child(4) .type-number{background:#d8e8ff}.portrait,.result-art{background-image:url('pop-types.png');background-size:200% 200%;background-repeat:no-repeat;aspect-ratio:1}.person-0{background-position:0% 0%}.person-1{background-position:100% 0%}.person-2{background-position:0% 100%}.person-3{background-position:100% 100%}.type-info{padding:16px 16px 19px;border-top:1.5px solid var(--ink)}.type-card h3{font-size:15px;line-height:1.8;font-weight:900;letter-spacing:-.055em;margin:0 0 8px;white-space:nowrap}.type-card p{font-size:11px;line-height:1.95;color:var(--muted);margin:0}.type-key{display:inline-block;font-size:10px;padding:4px 9px;background:#f1f1f6;border-radius:99px;margin-top:13px;font-weight:700}.how-section{background:#e7e5fa;padding:45px 0 0;border-top:1.5px solid var(--ink)}.how-title{font-size:13px;text-align:center;font-weight:900;margin:0 0 30px}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.how-item{position:relative;text-align:center;background:var(--paper);border:1.5px solid var(--ink);border-radius:22px;padding:29px 22px 24px;box-shadow:3px 3px 0 var(--ink)}.how-item>span{width:43px;height:43px;display:grid;place-items:center;position:absolute;top:-19px;left:calc(50% - 22px);border:1.5px solid var(--ink);border-radius:50%;background:var(--lime);font-size:17px;font-weight:900}.how-item:nth-child(2)>span{background:var(--coral)}.how-item:nth-child(3)>span{background:#c5d8ff}.how-item h3{font-size:16px;font-weight:900;letter-spacing:-.035em;margin:7px 0 11px}.how-item p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.bottom-cta{text-align:center;padding:50px 0}.bottom-cta h2{font-size:26px;font-weight:900;letter-spacing:-.04em;margin:0 0 24px}.bottom-cta .primary{background:var(--blue)}
.quiz{padding:27px 32px 65px;max-width:900px;min-height:calc(100vh - 240px)}.quiz-shell{margin:auto}.quiz-top{display:flex;align-items:center;justify-content:space-between;font-size:12px}.text-button{font:inherit;font-size:12px;color:var(--muted);padding:9px 0;border:0;background:none}.progress{height:10px;background:#e8e6df;border:1.5px solid var(--ink);border-radius:20px;margin:12px 0 30px;overflow:hidden}.progress span{display:block;height:100%;background:var(--coral);border-radius:20px;transition:width .2s}.question-panel{background:#fff;border:1.5px solid var(--ink);border-radius:30px;padding:30px;box-shadow:5px 5px 0 var(--lilac)}.question-label{display:inline-block;font-size:18px;font-weight:900;margin:0 0 15px;background:var(--lime);border:1.5px solid var(--ink);border-radius:14px;padding:5px 15px;transform:rotate(-4deg)}.question-title{font-size:30px;font-weight:900;letter-spacing:-.035em;line-height:1.8;margin:0 0 25px;outline:none;min-height:65px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:15px}.choice{display:flex;align-items:center;gap:14px;text-align:left;line-height:1.9;padding:23px 18px;min-height:105px;border:1.5px solid var(--ink);border-radius:18px;background:#fffaf2;font-size:14px;font-weight:700;box-shadow:2px 3px 0 #e1dfd9;transition:transform .15s,background .15s}.choice:hover,.choice.selected{background:#e9e6ff;transform:translateY(-2px);box-shadow:2px 4px 0 var(--blue)}.choice-letter{width:29px;height:29px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;flex:none;background:var(--lime);font-size:12px;font-weight:900}.choice:nth-child(2) .choice-letter{background:var(--lilac)}.choice:nth-child(3) .choice-letter{background:#ffd6ca}.choice:nth-child(4) .choice-letter{background:#d7e6ff}.quiz-end{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px}.quiz-note{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.quiz-end .eyebrow{font-size:11px}.secondary-btn{border:1.5px solid var(--ink);background:var(--lime);border-radius:99px;box-shadow:2px 3px 0 var(--ink);padding:11px 18px;font-size:12px;font-weight:900}.secondary-btn:hover{background:#e3ed8b}
.result{padding:25px 32px 70px}.result-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.result-heading>.eyebrow{color:var(--blue);font-size:14px}.result-card{background:#fff;border:2px solid var(--ink);border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1.3fr 1fr;box-shadow:6px 6px 0 var(--lilac)}.result-copy{padding:38px}.result-index{font-size:12px;font-weight:900;display:inline-block;padding:6px 12px;border:1.5px solid var(--ink);background:var(--lime);border-radius:99px}.result-title{font-size:34px;line-height:1.7;font-weight:900;letter-spacing:-.06em;margin:22px 0 19px;outline:none}.result-lead{font-size:14px;line-height:2.1;margin:0;color:#54596c}.secondary-type{border-top:1px dashed #c9c9d2;margin:23px 0 0;padding-top:18px;font-size:11px;color:var(--muted);line-height:1.9}.result-art{width:100%;border-left:2px solid var(--ink);align-self:center;aspect-ratio:1;min-height:0}.insights{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin:28px 0 24px}.insight{border:1.5px solid var(--ink);border-radius:22px;padding:23px 25px;background:#f2f7da}.insight:nth-child(2){background:#f2edff}.insight small{font-size:11px;font-weight:900;color:var(--blue)}.insight h3{font-size:18px;font-weight:900;letter-spacing:-.035em;margin:11px 0}.insight p{font-size:12px;line-height:1.95;color:#5c6172;margin:0}.result-actions{display:flex;gap:25px;align-items:center}.result-note{font-size:10px;color:var(--muted);line-height:1.9;margin-top:22px}
.jobs-section{margin-top:55px}.jobs-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.jobs-heading .eyebrow{color:var(--blue);font-size:12px}.jobs-heading h2{font-size:29px;line-height:1.7;letter-spacing:-.035em;font-weight:900;margin:7px 0 0}.jobs-heading .count{font-size:12px;color:var(--muted);white-space:nowrap}.filters{display:flex;gap:22px;background:#fff;border:1.5px solid var(--ink);border-radius:20px;padding:18px 22px;margin-bottom:27px}.filters label{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:700}.filters select{background:#f6f5f1;border:1px solid #bcbeca;border-radius:99px;padding:10px 35px 10px 14px;font-size:12px;color:var(--ink);min-width:160px}.jobs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.job-card{background:#fff;border:1.5px solid var(--ink);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:3px 4px 0 #d9d4ee;transition:transform .2s,box-shadow .2s}.job-card:hover{transform:translateY(-4px);box-shadow:4px 7px 0 #bdb4e7}.job-media{aspect-ratio:4/3;position:relative;background:#f0eef8;display:grid;place-items:center;border-bottom:1.5px solid var(--ink)}.job-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s}.has-image .job-thumb{opacity:1}.has-image .image-state{display:none}.image-state{font-size:12px;line-height:1.9;text-align:center;padding:20px;color:var(--muted)}.job-media.failed{aspect-ratio:auto;min-height:60px}.job-media.failed .image-state{padding:16px}.job-image-caption{display:none;position:absolute;bottom:8px;right:8px;left:auto;background:#fffef2ee;color:var(--ink);padding:4px 8px;border-radius:99px;font-size:9px}.has-image .job-image-caption{display:block}.job-body{padding:21px;display:flex;flex-direction:column;flex:1}.job-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);font-weight:700}.job-tag{font-size:9px;background:var(--lime);padding:4px 7px;border-radius:99px;color:#444d26}.job-body h3{font-size:17px;letter-spacing:-.045em;font-weight:900;line-height:1.9;margin:14px 0 11px;overflow-wrap:anywhere}.job-catch{font-size:11px;line-height:1.8;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 17px}.job-meta{display:grid;grid-template-columns:36px 1fr;gap:10px;font-size:12px;line-height:1.9;margin:0 0 18px}.job-meta dt{color:var(--muted)}.job-meta dd{margin:0;overflow-wrap:anywhere}.job-meta .hours{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pay{font-size:24px;font-weight:900;color:var(--blue);margin-top:auto;padding-top:3px}.pay small{font-size:11px;color:var(--ink);margin-right:7px;font-weight:700}.salary-detail{font-size:10px;color:var(--muted);line-height:1.8;margin:5px 0 16px}.job-link{border-top:1px dashed #d3d3df;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:900}.job-link span:last-child{background:var(--blue);color:#fff;border-radius:50%;display:grid;place-items:center;width:26px;height:26px;font:20px sans-serif}.jobs-note{font-size:10px;line-height:1.95;color:var(--muted);margin:26px 0 0}.empty{grid-column:1/-1;text-align:center;border:1.5px dashed #bfc0d0;border-radius:22px;padding:40px 22px;background:#fff;font-size:13px;line-height:2}.empty button{margin-top:20px}.more{display:block;margin:30px auto 0;padding:13px 28px}.loading-bar{width:150px;height:6px;border-radius:99px;overflow:hidden;background:#edebf4;margin:20px auto}.loading-bar:after{content:'';background:var(--blue);height:100%;display:block;width:40%;border-radius:99px;animation:loading 1.2s infinite}@keyframes loading{to{transform:translateX(260%)}}
.footer{border-top:1.5px solid var(--ink);background:var(--blue);color:white;padding:35px 0}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.footer-brand{font-size:18px;font-weight:900;margin-bottom:12px}.footer p{font-size:10px;line-height:1.95;margin:0;color:#e5e8ff}.footer-links{display:flex;gap:20px;font-size:11px;flex-wrap:wrap;line-height:2.1}.footer-links a{text-decoration:underline;text-underline-offset:5px}.copyright{font-size:9px;text-align:right;margin-top:22px;color:#d7deff}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:12px;padding:12px 20px;border-radius:99px;z-index:30;max-width:90vw}
@media(min-width:1500px){.hero-shell{max-width:1420px}.hero-art{margin-right:-15px}}
@media(max-width:1000px){.wrap{padding-left:25px;padding-right:25px}.hero{padding:8px 18px 36px}.hero-shell{padding:35px 0 28px;border-radius:33px}.hero-grid{gap:24px;grid-template-columns:1fr 1fr}.hero h1{font-size:44px}.hero-description{font-size:12px}.hero-art{margin-right:0}.hero-sticker{width:70px;height:70px;font-size:9px;right:-8px;top:-19px}.hero-sticker b{font-size:25px}.primary{min-width:260px;font-size:14px;padding:16px 20px}.type-grid{gap:15px}.type-info{padding:13px 12px}.type-card h3{font-size:13px}.type-card p{font-size:10px}.type-number{padding:11px 12px;font-size:9px}.type-key{font-size:9px}.jobs-grid{grid-template-columns:1fr 1fr}.result-title{font-size:29px}.result-copy{padding:29px}.result-lead{font-size:13px}.result-art{min-height:0}.how-item{padding:27px 15px 20px}.how-item h3{font-size:14px}.how-item p{font-size:11px}}
@media(max-width:650px){body{font-size:14px}.wrap{padding-left:20px;padding-right:20px}.header-inner{height:76px;gap:12px}.brand{gap:9px}.brand-icon{width:34px;height:34px;line-height:29px;font-size:23px;border-radius:10px;box-shadow:2px 2px 0 var(--ink)}.brand-text{font-size:16px}.brand-sub{font-size:8px;letter-spacing:.06em}.nav{gap:0}.nav>a{display:none}.nav-start{font-size:10px;padding:8px 10px;box-shadow:2px 2px 0 var(--ink)}.hero{padding:3px 11px 29px}.hero-shell{border-radius:27px;padding:27px 0 24px}.hero-shell>.wrap{padding:0 22px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero-kicker{margin-bottom:14px;gap:10px}.small-tag{font-size:10px;padding:5px 11px}.eyebrow{font-size:10px}.hero h1{font-size:38px;line-height:1.62;margin-bottom:14px;letter-spacing:-.06em}.hero h1 em:after{height:10px;bottom:6px}.hero-description{font-size:12px;line-height:2;margin:0 0 20px;max-width:100%}.primary{min-width:0;width:100%;font-size:14px;padding:16px 18px;box-shadow:3px 4px 0 var(--ink)}.primary .arrow{font-size:20px;width:26px;height:26px}.hero-fine{text-align:center;margin:11px 0 0;font-size:10px}.hero-art{margin:29px 1px 0;transform:rotate(1.5deg)}.hero-art img{border-radius:23px;box-shadow:4px 5px 0 var(--blue)}.hero-sticker{width:60px;height:60px;right:-6px;top:-16px;font-size:8px}.hero-sticker b{font-size:23px}.art-caption{font-size:10px;margin-top:13px;transform:rotate(-1.5deg)}.hero-bottom{gap:7px;margin-top:16px;flex-wrap:wrap}.hero-bottom span{font-size:9px;padding:5px 8px}.intro{padding-top:16px;padding-bottom:37px}.section-heading{margin-bottom:23px}.section-heading h2{font-size:25px;line-height:1.7;margin-top:9px}.section-heading p{font-size:11px}.type-grid{grid-template-columns:1fr 1fr;gap:20px 14px}.type-card{border-radius:18px;box-shadow:3px 3px 0 var(--ink)}.type-number{font-size:8px;padding:10px}.type-info{padding:12px 10px 14px}.type-card h3{font-size:12px;letter-spacing:-.065em}.type-card p{font-size:10px;line-height:1.85}.type-key{font-size:8px;padding:4px 7px;margin-top:10px}.how-section{padding-top:31px}.how-title{font-size:12px;margin-bottom:30px}.how{grid-template-columns:1fr;gap:32px}.how-item{text-align:left;padding:22px 21px 22px 72px;box-shadow:3px 3px 0 var(--ink)}.how-item>span{left:17px;top:24px;width:38px;height:38px;font-size:15px}.how-item h3{font-size:14px;margin:0 0 8px}.how-item p{font-size:11px}.bottom-cta{padding:32px 0 36px}.bottom-cta h2{font-size:20px;line-height:1.8;margin-bottom:19px}.quiz{padding-top:15px;padding-bottom:42px}.quiz-top{font-size:11px}.text-button{font-size:11px}.progress{height:8px;margin:10px 0 23px}.question-panel{padding:23px 18px;border-radius:24px;box-shadow:4px 4px 0 var(--lilac)}.question-label{font-size:16px;padding:4px 12px;border-radius:11px;margin-bottom:16px}.question-title{font-size:22px;line-height:1.8;min-height:65px;margin:0 0 22px}.choices{grid-template-columns:1fr;gap:13px}.choice{min-height:77px;font-size:12px;padding:16px 13px;gap:12px;border-radius:16px}.choice-letter{font-size:11px;width:27px;height:27px}.quiz-end{display:block;margin-top:22px}.quiz-note{font-size:10px}.quiz-end>.eyebrow{display:none}.result{padding-top:15px;padding-bottom:45px}.result-heading{margin-bottom:20px;gap:15px}.result-heading>.eyebrow{font-size:12px}.result-card{display:flex;flex-direction:column;border-radius:25px;box-shadow:4px 4px 0 var(--lilac)}.result-copy{padding:24px 23px}.result-index{font-size:10px;padding:5px 10px}.result-title{font-size:26px;line-height:1.7;margin:18px 0 15px;letter-spacing:-.055em}.result-lead{font-size:12px}.secondary-type{font-size:10px;margin-top:19px;padding-top:16px}.result-art{aspect-ratio:1;min-height:0;border-left:0;border-top:2px solid var(--ink);width:100%}.insights{grid-template-columns:1fr;gap:18px;margin:24px 0}.insight{padding:19px 20px;border-radius:19px}.insight small{font-size:10px}.insight h3{font-size:16px;margin:10px 0}.insight p{font-size:11px}.result-actions{gap:16px}.secondary-btn{font-size:11px;padding:10px 14px}.result-note{font-size:9px;margin-top:20px}.jobs-section{margin-top:36px}.jobs-heading{display:block;margin-bottom:19px}.jobs-heading h2{font-size:24px;line-height:1.8;margin-top:7px}.jobs-heading .eyebrow{font-size:10px}.jobs-heading .count{display:block;margin-top:11px;font-size:11px}.filters{padding:16px 15px;border-radius:18px;gap:13px}.filters label{display:block;flex:1;min-width:0;font-size:10px}.filters select{display:block;width:100%;min-width:0;padding:9px 26px 9px 10px;font-size:11px;margin-top:9px}.jobs-grid{grid-template-columns:1fr;gap:24px}.job-card{border-radius:22px}.job-body{padding:20px}.job-body h3{font-size:16px}.job-meta{font-size:11px}.pay{font-size:23px}.jobs-note{font-size:9px}.footer{padding:28px 0}.footer-inner{display:block}.footer-brand{font-size:17px}.footer p{font-size:9px}.footer-links{font-size:10px;gap:15px;margin-top:23px}.copyright{text-align:left;font-size:8px;margin-top:20px}}
@media(max-width:360px){.hero h1{font-size:34px}.type-card h3{font-size:11px}.brand-text{font-size:14px}.nav-start{font-size:9px}.question-title{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v5: 説明のために必要な情報を中心に、装飾と重複を整理。 */
.choices.work-choices{grid-template-columns:1fr 1fr}.choice.work-choice{display:block;text-align:left;min-height:120px;padding:20px;background:white}.work-choice strong{display:block;font-size:15px;font-weight:700;line-height:1.8}.work-choice-detail{display:block;font-size:12px;color:var(--muted);margin-top:8px}.career-directions{margin-top:28px}.career-directions>h2{font-size:18px;font-weight:700;margin:0 0 16px}.direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.direction-card{border:1px solid #d9ddd3;border-radius:13px;background:#f6f8ed;padding:22px}.direction-card h3{font-size:17px;font-weight:700;line-height:1.8;margin:0 0 11px;text-wrap:balance}.direction-card p{font-size:12px;line-height:2;margin:0;color:#555d63}.job-fallback-note{grid-column:1/-1;font-size:12px;line-height:1.9;margin:0 0 4px;color:var(--muted)}
@media(max-width:650px){.choices.work-choices{grid-template-columns:1fr}.choice.work-choice{min-height:90px;padding:15px}.work-choice strong{font-size:13px}.work-choice-detail{font-size:11px;margin-top:6px}.direction-grid{grid-template-columns:1fr;gap:12px}.career-directions>h2{font-size:16px}.direction-card{padding:20px}.direction-card h3{font-size:16px}.direction-card p{font-size:12px}}
.result-title,.job-body h3,.section-heading h2{text-wrap:balance;line-break:strict}
.brand-icon,.nav-start,.primary,.hero-art img,.type-card,.job-card,.result-card,.question-panel,.secondary-btn{box-shadow:none}
.hero{padding-bottom:32px}.hero-shell{background:#ffebe2;border-radius:28px;padding-top:43px;padding-bottom:43px}.hero-grid{gap:48px}.hero h1{font-size:clamp(38px,4vw,54px);line-height:1.65;white-space:normal;font-weight:900}.hero h1 em:after{display:none}.hero-description{font-size:15px;line-height:2;max-width:440px}.hero-art{transform:none;margin:0}.hero-art img{border:0;border-radius:18px}.small-tag{transform:none;border:0;background:transparent;padding:0;font-size:12px;color:var(--muted)}.hero-kicker .eyebrow{display:none}.hero-fine{margin-left:0;max-width:390px;line-height:1.8}.primary{border:0;border-radius:14px;padding:18px 24px;font-weight:700}.primary:hover{transform:none;box-shadow:none;background:#2541d1}.primary .arrow{background:none;color:white;font-size:24px}.nav-start{border:1px solid #d3d4cb;background:transparent;border-radius:10px}.nav-start:hover{background:#eeeecb}
.section-heading{margin-bottom:13px}.section-heading .eyebrow{padding:0;color:var(--muted);font-size:12px;font-weight:500}.section-heading .eyebrow:before,.section-heading .eyebrow:after{display:none}.section-heading h2{font-size:29px;font-weight:700;margin-bottom:12px}.intro{padding-top:28px;padding-bottom:32px}.type-grid{grid-template-columns:1fr 1fr;gap:0 40px}.type-card{display:grid;grid-template-columns:90px 1fr;background:transparent;border:0;border-bottom:1px solid #d9d9d0;border-radius:0;overflow:visible;padding:23px 0}.type-card:hover{transform:none}.type-card .portrait{width:90px;height:90px;align-self:center;border-radius:50%}.type-info{border:0;padding:7px 0 7px 22px}.type-card h3{font-size:18px;font-weight:700;white-space:normal;letter-spacing:-.02em;margin-bottom:8px}.type-card p{font-size:13px;line-height:1.85}.type-key{display:none}.bottom-cta{padding:18px 20px 45px;text-align:center}.bottom-cta p{font-size:13px;margin:0 0 20px;color:var(--muted)}
.quiz{max-width:1000px;padding-top:20px}.question-panel{border:0;border-radius:20px;padding:32px;background:#fff}.question-label{transform:none;border:0;padding:0;background:none;border-radius:0;font-size:13px;font-weight:500;color:var(--muted);margin-bottom:16px}.question-title{font-size:27px;line-height:1.9;max-width:800px;min-height:90px;font-weight:700}.question-instruction{font-size:12px;color:var(--muted);margin:0 0 18px}.choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.choice{display:flex;justify-content:center;align-items:center;text-align:center;min-height:80px;padding:17px 11px;font-size:12px;font-weight:500;border:1px solid #c7c9d3;border-radius:10px;background:#fff;box-shadow:none;line-height:1.8}.choice:hover,.choice.selected{transform:none;box-shadow:none;background:#edf0ff;border-color:var(--blue)}.choice:first-child{background:#edf4ee}.choice:last-child{background:#f5eff5}.choice:first-child:hover,.choice:last-child:hover{background:#edf0ff}.progress{height:6px;border:0;background:#dedfd8;margin-bottom:25px}.progress span{background:var(--blue)}.quiz-note{font-size:11px}
.result-heading>.eyebrow{font-weight:500;color:var(--muted);font-size:13px}.result-card{grid-template-columns:1.15fr 1fr;border:0;border-radius:22px;gap:0;background:#fff}.result-copy{padding:34px}.result-index{background:none;padding:0;border:0;color:var(--muted);font-size:11px;font-weight:500}.result-title{font-size:29px;line-height:1.8;font-weight:700;letter-spacing:-.025em;margin:16px 0 20px}.result-lead{font-size:14px}.secondary-type{border:0;padding-top:0;font-size:11px;margin-top:20px}.result-breakdown{border-left:1px solid #e1e1db;padding:33px 30px;align-self:stretch}.result-breakdown h2{font-size:15px;font-weight:700;margin:0 0 24px}.score-row{margin-bottom:22px}.score-row-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:10px}.score-value{font-variant-numeric:tabular-nums;color:var(--muted);font-family:var(--display);font-size:11px}.score-track{height:8px;border-radius:10px;background:#efefe8;overflow:hidden}.score-fill{display:block;height:100%;border-radius:10px;background:var(--blue)}.score-people{background:#8baa55}.score-organize{background:#7d70c1}.score-ideas{background:#d27c6d}.score-routine{background:#5f8fc0}.score-caption{font-size:10px;line-height:1.9;color:var(--muted);margin:4px 0 0}.result-support{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding:30px 0}.result-support h2{font-size:15px;margin:0 0 18px;font-weight:700}.answer-evidence>ul{list-style:none;padding:0;margin:0}.evidence-item{border-bottom:1px solid #dddcd7;padding:0 0 14px;margin-bottom:17px}.evidence-question{font-size:12px;line-height:1.95;margin:0 0 9px;color:#4f5564}.evidence-answer{font-size:11px;font-weight:700;color:var(--blue)}.answer-details summary{font-size:11px;cursor:pointer;color:var(--muted);padding:8px 0}.answer-details ol{padding:0;list-style:none}.review-item{display:block;border-top:1px solid #e0e1da;padding:12px 0;font-size:11px;line-height:1.9}.review-item strong{display:block;color:var(--blue);margin-top:5px;font-weight:500}.work-checks{border-left:1px solid #dddcd7;padding-left:30px}.work-checks ul{padding-left:1.3em;margin:0}.work-checks li{font-size:12px;line-height:2.05;margin-bottom:10px}.result-actions{padding-top:7px}.result-note{font-size:10px;max-width:850px;color:var(--muted)}.secondary-btn{border:1px solid #c7c8bc;border-radius:10px;background:var(--lime);padding:12px 19px;font-weight:500}.jobs-heading .eyebrow{display:none}.jobs-heading h2{font-size:27px;font-weight:700;letter-spacing:-.015em}.jobs-section{margin-top:45px}.filters{border:1px solid #deded7;background:transparent;border-radius:12px;padding:18px 20px}.filters select{border-radius:8px;background:white;font-weight:500}.job-card{border:1px solid #deded7;border-radius:16px}.job-card:hover{box-shadow:none;transform:translateY(-2px);border-color:#a4abd6}.job-media{border-bottom:1px solid #e1e1da}.job-body{padding:21px}.job-body h3{font-size:17px;font-weight:700;letter-spacing:-.015em;margin:13px 0 15px}.match-reason{font-size:11px;line-height:1.8;color:#546444;background:#f0f4e7;padding:9px 11px;border-radius:5px;margin:0 0 18px}.job-link{font-weight:700;border-top:1px solid #e2e2dc}.job-link span:last-child{color:var(--blue);background:none}.pay{font-size:23px;font-weight:700}.pay-other{font-size:12px;color:var(--muted);font-weight:500}.jobs-note{font-size:10px;line-height:2.05}.browse-all{display:block;margin:20px auto 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.footer{background:#f0efe9;color:var(--ink);border-top:1px solid #deded6}.footer p,.copyright{color:var(--muted)}.footer-brand{font-size:17px;font-weight:700}.footer-links{font-size:10px}
@media(max-width:900px){.hero-grid{gap:25px}.hero h1{font-size:42px}.type-grid{gap:0 25px}.type-card{grid-template-columns:74px 1fr}.type-card .portrait{width:74px;height:74px}.type-info{padding-left:17px}.type-card h3{font-size:16px}.type-card p{font-size:12px}.result-copy{padding:28px}.result-breakdown{padding:28px 24px}.result-title{font-size:25px}.choices{gap:9px}.choice{padding:15px 9px;font-size:11px}}
@media(max-width:650px){.header-inner{height:74px}.hero{padding-bottom:24px}.hero-shell{border-radius:20px;padding-top:26px;padding-bottom:26px}.hero-grid{gap:0}.hero h1{font-size:36px;line-height:1.65;letter-spacing:-.035em;margin-top:9px}.hero-description{font-size:12px;line-height:2}.hero-kicker{margin-bottom:12px}.small-tag{font-size:10px}.hero-art{margin-top:24px}.hero-art img{border-radius:12px;box-shadow:none}.hero-fine{font-size:10px;line-height:1.9}.primary{padding:16px 18px;border-radius:11px;font-size:14px}.hero-fine{text-align:left}.section-heading h2{font-size:23px;line-height:1.8}.section-heading p{font-size:11px}.intro{padding-top:14px;padding-bottom:24px}.type-grid{grid-template-columns:1fr;gap:0}.type-card{grid-template-columns:65px 1fr;padding:18px 0}.type-card .portrait{width:65px;height:65px}.type-info{padding:4px 0 4px 17px}.type-card h3{font-size:15px;letter-spacing:0;margin-bottom:5px}.type-card p{font-size:11px;line-height:1.9}.bottom-cta{padding-top:8px;padding-bottom:35px}.bottom-cta p{font-size:11px;line-height:1.9}.quiz{padding-top:16px}.question-panel{padding:23px 18px}.question-label{font-size:11px;margin-bottom:14px}.question-title{font-size:21px;line-height:1.9;min-height:95px;letter-spacing:-.02em;margin-bottom:18px}.question-instruction{font-size:10px;line-height:1.9;margin-bottom:17px}.choices{grid-template-columns:1fr;gap:10px}.choice{min-height:52px;padding:13px 14px;font-size:12px;border-radius:8px}.quiz-end{margin-top:18px}.quiz-note{font-size:10px}.result{padding-top:16px}.result-heading{margin-bottom:18px}.result-heading>.eyebrow{font-size:11px}.result-card{display:block;border-radius:16px}.result-copy{padding:24px 22px}.result-title{font-size:24px;line-height:1.8;letter-spacing:-.025em;margin-bottom:16px}.result-lead{font-size:12px;line-height:2.05}.secondary-type{font-size:10px;margin-top:17px}.result-breakdown{border-left:0;border-top:1px solid #e1e1db;padding:24px 22px}.result-breakdown h2{font-size:13px;margin-bottom:21px}.score-row{margin-bottom:18px}.score-row-top{font-size:11px}.score-caption{font-size:9px}.result-support{grid-template-columns:1fr;gap:25px;padding:26px 0}.result-support h2{font-size:14px;margin-bottom:15px}.evidence-question{font-size:11px}.evidence-answer{font-size:10px}.work-checks{border-left:0;border-top:1px solid #dddcd7;padding:22px 0 0}.work-checks li{font-size:11px}.result-note{font-size:9px;line-height:1.9}.jobs-section{margin-top:34px}.jobs-heading h2{font-size:23px;line-height:1.8}.filters{padding:15px 12px;border-radius:10px}.filters select{font-size:11px;padding-left:8px}.job-card{border-radius:13px}.job-body h3{font-size:16px}.match-reason{font-size:10px;padding:9px 10px}.job-link{font-size:11px}.browse-all{font-size:11px}.footer-brand{font-size:16px}.footer p{font-size:9px}}

/* v7: タイプ名とイラストから仕事の候補につなげる。 */
.brand-icon{transform:none;font-size:28px;font-family:var(--display);line-height:41px;border-radius:13px}.brand-text{letter-spacing:-.035em;font-size:22px}.brand-sub{display:none}.hero h1{line-height:1.45}.type-card{grid-template-columns:116px 1fr}.type-card .portrait{width:116px;height:116px;border-radius:22px}.type-card h3{font-size:18px}.result-card{grid-template-columns:1.3fr 1fr;align-items:center;background:#fff}.result-index{font-size:12px;color:var(--blue)}.result-title{font-size:36px;font-weight:900;line-height:1.65;margin:15px 0 16px}.result-subtitle{font-size:17px;font-weight:700;line-height:1.9;margin:0 0 15px}.result-illustrations{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px 28px 30px 0}.result-person{margin:0;min-width:0;flex:1;max-width:310px}.result-portrait{width:100%;border-radius:24px}.result-person figcaption{text-align:center;font-size:11px;line-height:1.8;margin-top:12px;color:var(--muted)}.result-illustrations[data-count='1'] figcaption{display:none}.result-illustrations[data-count='3']{gap:9px;padding-right:22px}.result-illustrations[data-count='3'] .result-portrait{border-radius:16px}.answer-scores{border:1px solid #deded6;border-radius:12px;background:transparent;margin:20px 0 0;padding:0;display:block}.answer-scores summary{font-size:12px;font-weight:500;padding:16px 20px;cursor:pointer;color:var(--muted)}.answer-scores #scoreRows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:10px 22px 0}.answer-scores .score-caption{padding:0 22px 18px;margin:0}.choice.work-choice{display:grid;grid-template-columns:82px minmax(0,1fr);gap:18px;align-items:center}.choice-portrait{width:82px;height:82px;border-radius:15px}.work-choice-copy{min-width:0}.work-choice strong{font-size:14px}
@media(max-width:900px){.type-card{grid-template-columns:92px 1fr}.type-card .portrait{width:92px;height:92px}.type-card h3{font-size:16px}.result-title{font-size:29px}.result-subtitle{font-size:15px}.result-illustrations{padding:22px 22px 22px 0}.answer-scores #scoreRows{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.brand-text{font-size:18px}.brand-icon{width:35px;height:35px;line-height:33px;font-size:25px}.brand{gap:9px}.hero h1{font-size:44px;line-height:1.45}.type-card{grid-template-columns:86px minmax(0,1fr);padding:19px 0}.type-card .portrait{width:86px;height:86px;border-radius:17px}.type-card h3{font-size:15px}.type-card p{font-size:11px}.result-card{display:grid;grid-template-columns:1fr}.result-illustrations{order:-1;padding:24px 24px 0;gap:12px}.result-person{max-width:190px}.result-portrait{border-radius:20px}.result-illustrations[data-count='2'] .result-person{max-width:140px}.result-illustrations[data-count='3']{padding:24px 20px 0;gap:9px}.result-illustrations[data-count='3'] figcaption{font-size:9px}.result-copy{padding:23px 22px 27px}.result-title{font-size:28px;line-height:1.65;margin:12px 0 16px}.result-subtitle{font-size:14px;line-height:1.9}.result-illustrations[data-count='1']+.result-copy{padding-top:20px}.answer-scores summary{font-size:11px;padding:15px 17px}.answer-scores #scoreRows{gap:10px 18px;padding:8px 17px 0}.answer-scores .score-row-top{display:block}.answer-scores .score-value{display:block;margin-top:3px}.answer-scores .score-caption{padding:0 17px 16px}.choice.work-choice{grid-template-columns:70px minmax(0,1fr);gap:14px;padding:14px}.choice-portrait{width:70px;height:70px;border-radius:12px}.work-choice strong{font-size:12px}.work-choice-detail{font-size:10px}}