:root{--ink:#111;--paper:#f6f6f3;--line:#d7d7d1;--accent:#d9ff43;--grey:#6e706d;--white:#fff;--sans:"Noto Sans JP",sans-serif;--latin:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}img{display:block;width:100%}section{scroll-margin-top:90px}.site-header{height:82px;padding:0 clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:rgba(246,246,243,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(17,17,17,.1)}.brand,.footer-brand{display:inline-flex;align-items:center}.brand-logo{width:auto;height:68px;object-fit:contain}.brand span{font:600 .62rem/1 var(--latin);letter-spacing:.16em;margin-left:2px;color:var(--grey)}.footer-logo{width:auto;height:96px;object-fit:contain;filter:invert(1)}nav{display:flex;align-items:center;gap:32px;font-size:.85rem}nav a{transition:opacity .2s}nav a:hover{opacity:.55}.nav-cta{background:var(--ink);color:#fff;padding:12px 20px}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:49% 51%;padding:clamp(48px,8vh,96px) clamp(24px,5vw,72px) clamp(48px,7vw,80px);gap:4vw;align-items:center}.eyebrow{font:600 .73rem/1.4 var(--latin);letter-spacing:.18em;text-transform:uppercase}.hero h1{font-size:clamp(2.8rem,5.4vw,6.2rem);line-height:1.16;letter-spacing:-.055em;margin:24px 0 30px;font-weight:500}.hero h1 em{font-style:normal;position:relative;z-index:1}.hero h1 em:after{content:"";position:absolute;left:-.03em;right:-.06em;bottom:.08em;height:.22em;background:var(--accent);z-index:-1}.hero-lead{color:#50524f;line-height:2;font-size:clamp(.9rem,1.15vw,1.05rem)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:40px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 22px;font-size:.9rem;font-weight:600;min-width:225px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#323431}.text-link{font-size:.86rem;border-bottom:1px solid;padding-bottom:3px}.hero-visual{position:relative}.hero-visual img{aspect-ratio:1.7/1;object-fit:cover;min-height:360px;filter:saturate(.82)}.hero-note{position:absolute;right:-10px;bottom:-32px;background:var(--accent);padding:19px 24px;min-width:285px;font-size:.86rem;box-shadow:0 16px 35px rgba(0,0,0,.09)}.hero-note span{font:600 .65rem var(--latin);letter-spacing:.13em;display:block;margin-bottom:3px}.intro,.jobs,.benefits,.flow{padding:110px clamp(24px,7vw,110px)}.section-label{font:600 .72rem var(--latin);letter-spacing:.15em;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:62px}.section-label span{display:inline-block;min-width:48px}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw}.intro h2,.values h2,.jobs h2,.benefits h2,.flow h2,.entry h2{font-size:clamp(2rem,3.6vw,4.3rem);line-height:1.35;letter-spacing:-.04em;font-weight:500;margin:18px 0}.intro-copy{color:#4f514e;max-width:630px}.intro-copy p{margin:0 0 20px}.salon-photo{display:grid;grid-template-columns:1.2fr .8fr;margin-top:70px;background:#e7e7e2}.salon-photo img{height:520px;object-fit:cover}.salon-facts{display:flex;flex-direction:column;justify-content:center;padding:50px}.salon-facts div{padding:24px 0;border-bottom:1px solid #c5c5bf}.salon-facts div:last-child{border:0}.salon-facts b{font:500 1.5rem var(--latin);display:block}.salon-facts span{font-size:.82rem;color:#676965}.values{background:var(--ink);color:#fff;padding:110px clamp(24px,7vw,110px)}.section-label.light{border-color:#3b3b3b;color:#c9c9c9}.values-head{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end}.values-head p{color:#b9bbb7;max-width:540px;margin:0 0 24px}.value-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #393a38}.value-list article{padding:28px 28px 20px 0;border-right:1px solid #393a38;min-height:240px}.value-list article:not(:first-child){padding-left:28px}.value-list article:last-child{border:0}.value-list article>span{font:500 .72rem var(--latin);color:var(--accent)}.value-list h3{font-size:1.1rem;margin:48px 0 12px}.value-list p{font-size:.82rem;color:#aeb0ad;margin:0}.jobs-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.jobs-heading p{max-width:500px;color:var(--grey)}.job-cards{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.job-card{background:#fff;padding:38px;min-height:440px;border:1px solid #e3e3df}.job-card.featured{background:var(--accent);border-color:var(--accent)}.job-top{display:flex;justify-content:space-between;align-items:center}.job-top span{border:1px solid currentColor;border-radius:100px;padding:4px 12px;font-size:.7rem}.job-top p{font:600 .66rem var(--latin);letter-spacing:.15em}.job-card h3{font-size:1.5rem;font-weight:500;margin:34px 0}.salary small{display:block;font-size:.75rem}.salary strong{font:500 4rem/1 var(--latin)}.salary strong em{font:500 1rem var(--sans);font-style:normal}.salary.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.salary.split>div+div{border-left:1px solid var(--line);padding-left:24px}.salary.split strong{font-size:3.1rem}.muted{font-size:.7rem;margin-top:8px}.job-card ul{list-style:none;padding:0;margin:38px 0 0;border-top:1px solid rgba(17,17,17,.2)}.job-card li{padding:11px 0;border-bottom:1px solid rgba(17,17,17,.2);font-size:.83rem}.job-card li:before{content:"＋";margin-right:10px}.commission-title{font-size:.75rem;margin:42px 0 10px}.commission-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.commission-grid span{display:flex;flex-direction:column;padding:15px 12px;font-size:.72rem;border-right:1px solid var(--line)}.commission-grid span:last-child{border:0}.commission-grid b{font:500 1.45rem var(--latin)}.freelance{margin-top:64px}.freelance-head{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end;margin-bottom:28px}.freelance-head span{font-size:.76rem;background:var(--ink);color:white;padding:5px 12px}.freelance-head h3{font-size:2.3rem;margin:10px 0 0}.freelance-head p{color:var(--grey)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.plans article{background:#fff;padding:30px;min-height:240px}.plan-name{display:flex;gap:15px;align-items:center}.plan-name b{font:500 2.4rem var(--latin)}.plan-name span{font-size:.82rem}.plan-main{font-size:1.15rem;font-weight:600;margin:36px 0 6px}.plan-main small{font-weight:400}.plans article>p:not(.plan-main),.plans article>small{font-size:.76rem;color:var(--grey)}.benefits{background:#e6e6e1}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.benefits-grid ul{list-style:none;margin:0;padding:0}.benefits-grid li{border-top:1px solid #c7c7c0;padding:18px 0;font-size:1.05rem}.benefits-grid li:last-child{border-bottom:1px solid #c7c7c0}.benefits-grid li span{font:500 .68rem var(--latin);color:#777;margin-right:22px}.benefits-grid li small{font-size:.72rem;color:var(--grey)}.flow{text-align:center}.flow .section-label{text-align:left}.flow>h2{margin-bottom:56px}.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);text-align:left}.flow-steps div{padding:32px 5vw;border-right:1px solid var(--line)}.flow-steps div:first-child{padding-left:0}.flow-steps div:last-child{border:0;padding-right:0}.flow-steps b{font:500 2rem var(--latin);color:#a7a9a5}.flow-steps h3{font-size:1.1rem;margin:35px 0 10px}.flow-steps p{font-size:.82rem;color:var(--grey)}.entry{background:var(--ink);color:#fff;text-align:center;padding:120px 24px}.entry h2{margin:25px 0}.entry>p:not(.eyebrow){color:#b9bbb7}.button-light{background:var(--accent);color:var(--ink);margin-top:35px}.entry>small{display:block;color:#8d8f8c;font-size:.7rem;margin-top:12px}footer{display:grid;grid-template-columns:.6fr 1.4fr .4fr;align-items:end;gap:40px;background:var(--ink);color:#fff;border-top:1px solid #343434;padding:42px clamp(24px,5vw,72px);font-size:.7rem}footer p{margin:2px 0;color:#a9aaa7}footer>a:last-child{text-align:right;font-family:var(--latin);letter-spacing:.1em}@media(max-width:900px){nav>a:not(.nav-cta){display:none}.site-header{height:70px}.brand-logo{height:58px}.hero{grid-template-columns:1fr;padding-top:44px}.hero-copy{order:1}.hero-visual{order:0}.hero-visual img{min-height:250px}.hero-note{right:10px}.hero h1{margin-top:18px}.intro-grid,.values-head,.benefits-grid,.freelance-head{grid-template-columns:1fr}.salon-photo{grid-template-columns:1fr}.salon-photo img{height:380px}.value-list{grid-template-columns:1fr 1fr}.job-cards{grid-template-columns:1fr}.jobs-heading{display:block}.plans{grid-template-columns:1fr}.flow-steps{grid-template-columns:1fr}.flow-steps div,.flow-steps div:first-child,.flow-steps div:last-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr;align-items:start}footer>a:last-child{text-align:left}}@media(max-width:560px){body{font-size:15px}.brand span{display:none}.nav-cta{padding:9px 14px}.hero{min-height:auto}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.button{width:100%}.hero-note{position:relative;right:auto;bottom:auto}.intro,.jobs,.benefits,.flow,.values{padding:76px 22px}.section-label{margin-bottom:42px}.salon-photo{margin-top:45px}.salon-photo img{height:300px}.salon-facts{padding:24px}.value-list{grid-template-columns:1fr}.value-list article,.value-list article:not(:first-child){padding:24px 0;border-right:0;border-bottom:1px solid #393a38;min-height:auto}.value-list h3{margin-top:20px}.salary.split{grid-template-columns:1fr}.salary.split>div+div{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.commission-grid{grid-template-columns:1fr}.commission-grid span{border-right:0;border-bottom:1px solid var(--line)}.commission-grid span:last-child{border-bottom:0}.job-card{padding:26px}.entry{padding:85px 22px}}
