:root{color-scheme:light;--paper:#f7f7f2;--ink:#222c2c;--muted:#626c68;--line:#dedfd5;--serif:"Yu Mincho","Hiragino Mincho ProN",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #365fbe;outline-offset:6px}p{line-height:1.9}h1,h2,h3,p{margin-top:0}h1,h2,h3{overflow-wrap:anywhere}
.container,.header-inner,.footer-inner{width:min(1120px,calc(100% - 80px));margin-inline:auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{position:relative;font-family:Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:-1.6px;line-height:1}.brand-mark>span{position:absolute;width:6px;height:6px;right:-8px;top:-2px;background:#b87948;border-radius:50%}.brand-label{font-size:13px;margin-left:4px;padding-top:5px;letter-spacing:.04em}.site-nav{display:flex;align-items:center;gap:30px}.site-nav a{position:relative;display:flex;align-items:center;min-height:48px;text-decoration:none;font-size:13px;color:var(--muted)}.site-nav a[aria-current]{color:var(--ink);font-weight:700}.site-nav a[aria-current]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--ink)}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--muted);margin-bottom:25px;line-height:1.6}.little-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#849679}.home-hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:64px;padding:90px 0 92px}.home-hero h1{font-family:var(--serif);font-size:clamp(40px,4.2vw,60px);font-weight:600;line-height:1.55;letter-spacing:.025em;margin-bottom:24px}.hero-lede{font-size:14px;line-height:2.15;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:55px;padding:15px 24px;background:var(--ink);color:white;border-radius:7px;text-decoration:none;font-size:13px;font-weight:650;transition:background .2s}.button:hover{background:#40534b}.button>span{font-size:22px}
.hero-art{position:relative;aspect-ratio:1.03;border:1px solid #dfe2d6;border-radius:20px;background:#ecefe5;overflow:hidden}.art-caption{position:absolute;top:28px;left:28px;font-size:9px;letter-spacing:.13em;color:#5c695b}.art-orbit{position:absolute;width:76%;height:76%;border:1px solid #d6dccf;border-radius:50%;top:12%;left:12%}.orbit-two{width:106%;height:106%;top:-3%;left:-3%}.art-tile{position:absolute;width:35%;height:32%;padding:19px;border-radius:13px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 24px #28382408}.art-tile>span:last-child{font-size:11px;font-weight:550;letter-spacing:.01em}.tile-symbol{font-family:var(--serif);font-size:43px;line-height:1}.tile-strength{top:20%;left:12%;background:#ece4f4;color:#644c82;transform:rotate(-7deg)}.tile-totonoe{top:16%;right:13%;background:#dcece2;color:#3c6b53;transform:rotate(7deg)}.tile-career{bottom:16%;left:16%;background:#dce7f1;color:#395c7b;transform:rotate(5deg)}.tile-resume{bottom:19%;right:10%;background:#f1e5d6;color:#855a32;transform:rotate(-5deg)}.art-bottom{position:absolute;bottom:21px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#52624f;font-size:8px;letter-spacing:.09em}.wave{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:34px}.wave i{display:block;width:3px;border-radius:8px;height:9px;background:currentColor}.wave i:nth-child(2),.wave i:nth-child(6){height:20px}.wave i:nth-child(3),.wave i:nth-child(5){height:28px}.wave i:nth-child(4){height:36px}.art-bottom .wave{transform:scale(.65);transform-origin:left center}
.category-section{padding-bottom:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{font-size:21px;font-weight:600;letter-spacing:.02em;margin-bottom:0}.section-note{font-size:12px;line-height:1.7;color:var(--muted)}.category-card{display:flex;align-items:center;gap:32px;padding:36px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;transition:background .2s,box-shadow .2s}.category-card:hover{background:#fcfdf8;box-shadow:0 8px 24px #25392d08}.category-icon{display:grid;place-items:center;width:108px;height:108px;flex-shrink:0;border-radius:13px;background:#edf0e6;color:#5c6d4c}.category-icon .wave{transform:scale(1.25)}.pill{display:inline-block;color:var(--muted);font-size:9px;letter-spacing:.12em}.category-copy h3{font-family:var(--serif);font-size:34px;font-weight:600;line-height:1.3;margin:5px 0 9px}.category-copy p{font-size:13px;color:var(--muted);margin:0}.category-action{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:12px;white-space:nowrap}.round-arrow{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;font-size:20px;font-weight:400;flex-shrink:0}
.site-footer{border-top:1px solid var(--line)}.footer-inner{min-height:116px;display:flex;align-items:center;gap:36px;font-size:11px;color:var(--muted)}.footer-inner a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}.footer-brand{color:var(--ink);font-size:15px;font-weight:750;text-decoration:none}.footer-note{margin-left:auto;font-size:11px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:var(--muted);padding-top:29px}.breadcrumb a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.voice-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:38px 0 50px}.voice-intro h1{font-family:var(--serif);font-size:clamp(34px,3.8vw,50px);font-weight:600;letter-spacing:.025em;line-height:1.55;margin-bottom:20px}.voice-intro .hero-lede{margin-bottom:0}.intro-wave{height:118px;width:118px;border:1px solid #d6ddcc;border-radius:50%;display:grid;place-items:center;background:#ecefe5;color:#6b8059;margin-right:25px;flex-shrink:0}.intro-wave .wave{transform:scale(1.5)}.tools-heading{border-top:1px solid var(--line);padding-top:27px}.tools-heading h2{font-size:16px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tool-card{display:flex;flex-direction:column;position:relative;padding:34px 38px 26px;border:1px solid var(--card-line);border-radius:15px;background:var(--tint);text-decoration:none;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #22312a09}.strength{--signal:#6d4ca0;--tint:#f0ebf5;--card-line:#dfd4e8}.totonoe{--signal:#256c57;--tint:#e9f1e9;--card-line:#d4e1d6}.career{--signal:#285b96;--tint:#eaf0f6;--card-line:#d2dfeb}.resume{--signal:#805b31;--tint:#f5eee2;--card-line:#e5dac6}
.tool-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;color:var(--signal)}.tool-symbol{font-family:var(--serif);font-size:33px;line-height:1;display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--card-line);border-radius:11px;background:#ffffff65}.tool-kind{font-size:11px;letter-spacing:.04em}.tool-name{font-size:12px;font-weight:700;color:var(--signal);letter-spacing:.025em;margin-bottom:12px}.tool-card h3{font-family:var(--serif);font-size:29px;font-weight:600;line-height:1.65;letter-spacing:.035em;margin-bottom:16px}.tool-description{font-size:13px;color:#596560;max-width:350px;margin-bottom:25px;line-height:1.9}.tool-action{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--card-line);padding-top:18px;margin-top:auto;font-size:13px;font-weight:650;color:var(--signal)}.voice-note{display:flex;align-items:center;gap:14px;margin-top:30px;padding:23px 0;color:var(--muted);font-size:12px}.voice-note p{margin:0;line-height:1.9}.note-mark{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border:1px solid #959e90;border-radius:50%;font-family:Georgia,serif;font-style:italic}.back-link{display:inline-flex;align-items:center;min-height:44px;gap:10px;margin:8px 0 60px;font-size:12px;text-underline-offset:4px}.mobile-break{display:none}.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{position:absolute;top:-100px;left:16px;background:white;z-index:10;padding:15px}.skip:focus{top:12px}
@media(max-width:850px){.container,.header-inner,.footer-inner{width:calc(100% - 48px)}.home-hero{gap:30px;padding:65px 0}.home-hero h1{font-size:40px}.art-tile{padding:13px}.art-tile>span:last-child{font-size:10px}.tile-symbol{font-size:32px}.art-caption{top:20px;left:20px;font-size:8px}.art-bottom{left:20px;right:20px;bottom:10px;font-size:6px}.category-action{gap:12px}.category-card{gap:24px;padding:28px}.footer-inner{gap:22px}.footer-note{display:none}.tool-card{padding:28px}.tool-card h3{font-size:26px}.intro-wave{margin-right:0;width:90px;height:90px}.intro-wave .wave{transform:scale(1.15)}}
@media(max-width:600px){.container,.header-inner,.footer-inner{width:calc(100% - 40px)}.header-inner{height:77px;gap:15px}.brand-mark{font-size:27px}.brand-label{font-size:11px}.site-nav{gap:21px}.site-nav a{font-size:12px}.home-hero{grid-template-columns:1fr;gap:36px;padding:48px 0 50px}.home-hero h1{font-size:clamp(32px,10.25vw,40px);line-height:1.6;margin-bottom:20px}.eyebrow{font-size:9px;margin-bottom:20px}.hero-lede{font-size:13px;line-height:2;margin-bottom:26px}.hero-art{aspect-ratio:1.28}.art-caption{top:22px;left:24px;font-size:8px}.art-tile{width:33%;height:33%;padding:15px}.art-tile>span:last-child{font-size:10px}.tile-symbol{font-size:33px}.tile-strength{left:15%;top:20%}.tile-totonoe{right:14%;top:17%}.tile-career{bottom:12%;left:18%}.tile-resume{bottom:16%;right:11%}.art-bottom{bottom:8px;left:24px;right:24px;font-size:7px}.art-bottom .wave{transform:scale(.5)}.button{min-height:54px;font-size:12px;gap:35px}.section-heading{gap:15px;align-items:flex-start;flex-direction:column;margin-bottom:20px}.section-heading h2{font-size:19px}.section-note{font-size:11px}.category-section{padding-bottom:55px}.category-card{flex-wrap:wrap;gap:20px;padding:24px}.category-icon{width:69px;height:79px;border-radius:10px}.category-icon .wave{transform:scale(.9)}.category-copy{flex:1}.category-copy h3{font-size:29px}.category-copy p{font-size:12px;line-height:1.8}.category-action{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font-size:12px}.footer-inner{padding:25px 0;gap:10px;align-items:flex-start;flex-direction:column;min-height:0}.footer-inner a{min-height:36px}.footer-brand{font-size:14px}.breadcrumb{padding-top:16px}.voice-intro{padding:25px 0 35px;position:relative}.voice-intro h1{font-size:35px;line-height:1.65}.voice-intro .hero-lede{font-size:12px}.intro-wave{display:none}.tools-heading{padding-top:24px;gap:10px}.tools-heading h2{font-size:16px}.tool-grid{grid-template-columns:1fr;gap:18px}.tool-card{padding:25px 26px 23px}.tool-top{margin-bottom:18px}.tool-symbol{width:44px;height:44px;font-size:29px}.tool-card h3{font-size:27px;line-height:1.6;margin-bottom:13px}.tool-description{margin-bottom:22px;font-size:12px}.tool-action{font-size:12px}.tool-name{font-size:12px}.voice-note{font-size:11px;gap:12px;align-items:flex-start;margin-top:18px}.note-mark{margin-top:1px}.back-link{margin-bottom:36px}.mobile-break{display:block}.desktop-break{display:none}}
@media(max-width:360px){.art-tile{padding:10px}.art-tile>span:last-child{font-size:8px;white-space:nowrap}.tile-symbol{font-size:28px}.art-bottom{font-size:5px;bottom:3px}.art-bottom .wave{transform:scale(.4)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-card,.button,.category-card{transition:none}.tool-card:hover{transform:none}}