@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');
:root{--ink:#183b34;--paper:#f9f6ed;--cream:#eeeadc;--orange:#ee7848;--sky:#b7dbdd;--line:#bfc9bd;--white:#fffdf8;font-family:'Zen Kaku Gothic New',system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0}button,a{font:inherit}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip{position:absolute;z-index:20;top:-70px;left:10px;padding:10px;background:white}.skip:focus{top:10px}.wrap{max-width:1340px;margin:auto;padding-inline:clamp(22px,5vw,74px)}.site-header{height:76px;padding:0 clamp(22px,4.8vw,70px);display:flex;align-items:center;justify-content:space-between;background:var(--white);border-bottom:1px solid var(--ink);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.1}.brand b{font-size:20px;letter-spacing:.05em;font-weight:900}.brand small{display:block;font:700 8px 'DM Sans',sans-serif;letter-spacing:.14em;margin-top:6px}.brand-mark{width:40px;height:40px;display:block}.brand-mark svg{width:100%;height:100%;fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}.site-nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,38px)}.site-nav a{text-decoration:none;font-size:13px;font-weight:900;white-space:nowrap}.site-nav a:not(.nav-cta):hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{background:var(--ink);color:white;border-radius:99px;padding:13px 20px}.nav-cta span{margin-left:13px}.menu-toggle{display:none}
.hero{background:var(--sky);overflow:hidden}.hero-inner{min-height:630px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:30px;padding-block:44px 20px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker,.work-number,.scene-label,.art-caption{font:800 12px 'DM Sans','Zen Kaku Gothic New',sans-serif;letter-spacing:.11em}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 28px}.dot{height:9px;width:9px;background:var(--orange);border-radius:50%}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(58px,6.6vw,98px);letter-spacing:-.065em;line-height:1.07;font-weight:900;margin-bottom:26px}.hero h1 em{font-style:normal;color:var(--orange);position:relative}.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:8px;background:var(--orange);opacity:.45;transform:rotate(-2deg)}.hero-lede{font-size:17px;font-weight:700;line-height:1.85;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{border-radius:99px;text-decoration:none;padding:17px 24px;display:inline-flex;justify-content:space-between;align-items:center;gap:28px;font-size:14px;font-weight:900;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:white}.button-light{background:var(--white);color:var(--ink)}.text-link{font-size:13px;font-weight:900;text-decoration:none}.hero-art{height:535px;position:relative}.stone{position:absolute;background:#668a81;box-shadow:22px 22px 0 #224940;clip-path:polygon(11% 6%,80% 0,100% 21%,95% 91%,29% 100%,0 75%)}.stone-back{width:57%;height:55%;top:10%;right:0;background:#ef874e;transform:rotate(10deg);box-shadow:none}.stone-front{width:68%;height:73%;left:10%;top:18%;transform:rotate(-10deg);background:linear-gradient(130deg,#b2c2b7 0 32%,#7c9990 32% 100%);display:grid;place-items:center}.stone-front:before{content:"";position:absolute;inset:12px;border:3px dashed #d8e0d6;opacity:.75;clip-path:polygon(11% 6%,80% 0,100% 21%,95% 91%,29% 100%,0 75%)}.stone-front span{font-size:190px;font-weight:900;color:#e9eee3;transform:rotate(10deg);text-shadow:6px 6px #52776d}.art-paper{position:absolute;top:1%;left:3%;width:190px;height:135px;background:var(--white);transform:rotate(-8deg);z-index:3;padding:20px 22px;box-shadow:7px 8px 0 rgba(24,59,52,.15)}.art-paper span{font-size:27px;line-height:1.15;font-weight:900}.art-paper small{display:block;font:700 8px 'DM Sans';letter-spacing:.12em;margin-top:7px}.art-spark{position:absolute;right:-3%;bottom:12%;width:145px;fill:none;stroke:var(--ink);stroke-width:6;stroke-linecap:round}.art-stamp{position:absolute;right:4%;top:2%;z-index:4;border:2px solid var(--ink);background:#f6d786;border-radius:50%;width:114px;height:114px;display:grid;place-content:center;transform:rotate(12deg);font-size:18px;line-height:1.25;font-weight:900;text-align:center}.art-stamp span{font-size:16px}.art-caption{position:absolute;bottom:5px;right:3%;font-size:9px}.hero-bottom{height:58px;border-top:1px solid rgba(24,59,52,.35);display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800}.hero-bottom a{font:800 10px 'DM Sans';letter-spacing:.16em;text-decoration:none}.hero-bottom a span{font-size:16px;margin-left:12px}
.section{padding-block:104px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-kicker{margin:0 0 19px;color:#db693f}.section h2{font-size:clamp(36px,4.5vw,64px);letter-spacing:-.055em;line-height:1.2;font-weight:900;margin:0}.section h2 span{color:#718d7b}.section-head>p{font-size:15px;font-weight:700;line-height:1.9;margin:0 0 7px}.work-explorer{border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}.work-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--white)}.work-tabs button{border:0;border-right:1px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--white);color:var(--ink);text-align:left;padding:19px 21px;font-size:17px;font-weight:900;display:flex;align-items:center;gap:15px}.work-tabs button:last-child{border-right:0}.work-tabs button[aria-selected=true]{background:var(--orange);color:#182d27}.work-tabs button span{font:800 11px 'DM Sans'}.work-tabs button b{margin-left:auto;font-size:17px}.work-panel{display:grid;grid-template-columns:1fr 1fr;min-height:390px;background:var(--white)}[hidden]{display:none!important}.work-illustration{position:relative;display:grid;place-items:center;min-height:360px;overflow:hidden}.factory-scene{background:#dfebe1}.site-scene{background:#efdcc8}.care-scene{background:#dbe9e7}.work-illustration:before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(255,255,255,.42);top:20px;right:10%}.work-illustration svg{position:relative;width:min(85%,430px);fill:none;stroke:var(--ink);stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.scene-label{position:absolute;left:24px;bottom:20px;font-size:10px}.work-text{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4.5vw,66px)}.work-number{color:#c15b33}.work-number span{color:var(--ink);font-family:'Zen Kaku Gothic New';letter-spacing:0}.work-text h3{font-size:clamp(30px,3.7vw,49px);line-height:1.3;letter-spacing:-.04em;margin:15px 0 18px}.work-text>p:not(.work-number){font-size:15px;line-height:2;font-weight:600;max-width:430px}.work-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.work-tags span{border:1px solid var(--ink);border-radius:99px;padding:7px 14px;font-size:11px;font-weight:900}.people-block{padding-top:124px;display:grid;grid-template-columns:.84fr 1.16fr;gap:clamp(40px,7vw,110px);align-items:center}.people-intro>p:not(.section-kicker){line-height:1.95;font-weight:700;margin-top:25px}.people-note{font-size:23px;line-height:1.5;font-weight:900;margin-top:32px;color:#c45931;transform:rotate(-4deg)}.people-note span{font-size:33px}.team-board{background:var(--ink);color:var(--white);padding:26px 30px 36px;transform:rotate(1.5deg);box-shadow:11px 11px 0 var(--orange)}.team-number{font:800 clamp(84px,12vw,170px)/1 'DM Sans';letter-spacing:-.1em;border-bottom:1px solid #9caf9c;padding-bottom:20px;display:flex;align-items:end;gap:28px}.team-number small{font:800 12px/1.5 'DM Sans';letter-spacing:.15em;margin-bottom:14px}.team-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.team-card{min-height:105px;background:#31564c;padding:15px;display:flex;flex-direction:column;gap:5px}.team-card:nth-child(2){background:#41675b}.team-card:nth-child(3){background:#4e7164}.team-card:nth-child(4){background:#dc784e;color:#173a33}.team-card span{font:800 11px 'DM Sans'}.team-card b{font-size:18px}.team-card small{font-size:11px;font-weight:700}
.guide{background:var(--cream)}.guide-head{margin-bottom:38px}.guide-layout{display:grid;grid-template-columns:.36fr .64fr;gap:clamp(30px,7vw,110px);align-items:start}.guide-sticker{aspect-ratio:1/1;max-width:360px;background:#f3cf80;border-radius:50%;display:grid;place-content:center;transform:rotate(-8deg);text-align:center;box-shadow:13px 13px 0 #e4aa68;font-weight:900;font-size:clamp(20px,2.8vw,32px);line-height:1.55;position:relative}.guide-sticker div{position:absolute;font-size:52px;right:-12px;top:-22px;color:var(--orange)}.faq-list{border-top:2px solid var(--ink)}details{border-bottom:1px solid var(--ink)}summary{list-style:none;display:flex;align-items:center;gap:20px;font-size:18px;font-weight:900;padding:23px 8px;cursor:pointer}summary::-webkit-details-marker{display:none}.faq-no{font:800 11px 'DM Sans';color:#c25d35}.plus{width:25px;height:25px;border:1px solid var(--ink);border-radius:50%;margin-left:auto;position:relative;flex:none}.plus:before,.plus:after{content:"";position:absolute;left:6px;right:6px;top:11px;height:1px;background:var(--ink)}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:rotate(0)}.faq-answer{padding:0 43px 27px;font-size:14px;font-weight:600;line-height:1.95}.faq-answer a{font-weight:900;text-underline-offset:3px}.contact{background:var(--ink);color:var(--white);padding:clamp(34px,5vw,66px);margin-top:110px;display:flex;align-items:end;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.contact .section-kicker{color:#efa46c}.contact h2{font-size:clamp(38px,4.5vw,62px);margin-bottom:20px}.contact p:not(.section-kicker){font-size:15px;line-height:1.9;font-weight:700}.contact small{font-size:11px;color:#c8d5ca;line-height:1.7;display:block}.contact-actions{position:relative;z-index:1;display:flex;flex-direction:column;gap:19px;align-items:stretch;min-width:245px}.contact-phone{color:white;text-decoration:none;font-size:13px;font-weight:800}.contact-phone strong{display:block;font:800 25px 'DM Sans';margin-top:3px}.contact-star{font-size:240px;color:#315a4d;position:absolute;right:21%;top:-90px;line-height:1}.footer{background:#fffdf8;padding:30px 0}.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer a{text-decoration:none;font-size:12px;font-weight:900}.footer span,.footer small{font-size:10px;font-weight:600}.footer-brand{font-size:18px!important;font-weight:900}.footer-brand small{display:block;font:700 8px 'DM Sans';letter-spacing:.12em}
@media(max-width:900px){.site-header{height:68px}.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent;border:0;font-size:12px;font-weight:900}.menu-toggle i,.menu-toggle i:before,.menu-toggle i:after{width:22px;height:2px;background:var(--ink);display:block;content:"";position:relative}.menu-toggle i:before{position:absolute;top:-6px}.menu-toggle i:after{position:absolute;top:6px}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--white);border-bottom:2px solid var(--ink);padding:20px 25px;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:16px;border-bottom:1px solid var(--line)}.site-nav .nav-cta{margin-top:12px;text-align:center;border:0}.hero-inner{min-height:0}.hero h1{font-size:clamp(55px,8vw,80px)}.hero-art{height:400px}.stone-front span{font-size:130px}.art-paper{width:145px;height:110px}.art-paper span{font-size:21px}.art-stamp{width:80px;height:80px;font-size:13px}.people-block{gap:40px}.team-number{font-size:92px}}
@media(max-width:680px){.brand b{font-size:17px}.brand small{font-size:7px}.brand-mark{width:34px;height:34px}.hero-inner{grid-template-columns:1fr;gap:0;padding-top:45px}.hero h1{font-size:clamp(45px,14vw,84px);margin-bottom:22px}.hero-lede{font-size:14px}.hero-actions{gap:18px}.hero-art{height:330px;margin:20px -10px 0}.stone-front{width:61%;height:80%;left:18%;top:15%}.stone-front span{font-size:110px}.stone-back{width:50%;left:45%;top:10%}.art-paper{left:5%;top:0}.art-spark{width:100px;right:3%;bottom:3%}.art-stamp{right:5%;top:1%}.hero-bottom{font-size:10px;height:53px}.hero-bottom a{font-size:8px}.section{padding-block:72px}.section-head{display:block}.section-head>p{margin-top:23px;font-size:14px}.work-tabs button{font-size:12px;padding:13px 9px;gap:5px}.work-tabs button b{display:none}.work-tabs button span{font-size:9px}.work-panel{display:block}.work-illustration{min-height:240px}.work-illustration svg{max-width:320px}.work-illustration:before{width:230px;height:230px}.work-text{padding:30px 25px 34px}.work-text h3{font-size:34px;margin:4px 0 12px}.work-text>p:not(.work-number){font-size:14px}.people-block{padding-top:95px;display:block}.people-intro>p:not(.section-kicker){font-size:14px}.people-note{font-size:20px;margin:25px 0 45px}.team-board{margin:0 7px 8px 0;padding:20px}.team-number{font-size:100px}.team-card{min-height:100px}.team-card b{font-size:15px}.guide-layout{display:block}.guide-sticker{width:210px;height:210px;margin:0 auto 50px;font-size:20px}.guide-sticker div{font-size:34px}.faq-list summary{font-size:15px;padding:20px 4px;gap:12px}.faq-answer{padding:0 15px 22px 31px;font-size:13px}.contact{margin-top:75px;display:block;padding:31px 26px}.contact h2{font-size:43px}.contact p:not(.section-kicker){font-size:13px}.contact-actions{margin-top:35px;max-width:300px}.contact-star{font-size:160px;right:-8%;top:12%}.footer .wrap{display:grid;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer span{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Photo-led recruitment layout, using Yokomaku's own work photos. */
.hero{background:#f1eee5}
.hero-inner{grid-template-columns:.9fr 1.1fr;min-height:690px;gap:18px;padding-block:46px 30px}
.hero h1{font-size:clamp(66px,6.4vw,96px);line-height:1.13;letter-spacing:-.07em}
.hero h1 em{color:#d86138}
.hero h1 em:after{display:none}
.hero-lede{font-size:16px}
.hero-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:34px}
.hero-facts span{font-size:11px;font-weight:900;padding:7px 11px;border:1px solid var(--ink);border-radius:3px}
.hero-art{height:565px;isolation:isolate;margin-right:-3vw}
.hero-photo-main,.hero-photo-small{position:absolute;overflow:hidden;background:#42645a}
.hero-photo-main{inset:2% 6% 10% 0;border-radius:160px 12px 12px 12px}
.hero-photo-main img,.hero-photo-small img,.work-illustration img,.people-photo img{display:block;width:100%;height:100%;object-fit:cover}
.hero-photo-main img{object-position:center}
.hero-photo-small{width:37%;height:41%;right:0;bottom:0;border:8px solid #f1eee5;transform:rotate(5deg);z-index:2;background:#6e8d80}
.hero-photo-small img{object-position:center}
.art-paper{top:auto;bottom:3%;left:-10%;transform:rotate(-7deg);z-index:3}
.art-stamp{right:-1%;top:0;z-index:4}
.art-caption{right:41%;bottom:0;color:var(--ink);z-index:3}
.hero-bottom{border-top-color:#b4bdb3}
.work-explorer{box-shadow:10px 10px 0 #315b50}
.work-illustration:before{display:none}
.work-illustration img{position:absolute;inset:0}
.work-illustration:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,rgba(11,39,30,.54));pointer-events:none}
.scene-label{z-index:1;color:#fff;font-size:11px;bottom:22px;left:25px}
.day-block{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;margin-top:106px;padding:48px clamp(28px,5vw,68px);background:#193f36;color:#fff;position:relative;overflow:hidden}
.day-block:after{content:"04";font:900 260px/1 'DM Sans';position:absolute;left:-35px;bottom:-94px;color:#2c594c;opacity:.45;pointer-events:none}
.day-heading{position:relative;z-index:1}
.day-heading .section-kicker{color:#f2a174}
.day-heading h3{font-size:clamp(30px,3.2vw,47px);line-height:1.3;letter-spacing:-.04em;margin-bottom:21px}
.day-heading>p:last-child{font-size:13px;line-height:1.9;font-weight:700}
.day-steps{position:relative;z-index:1;list-style:none;margin:0;padding:0;border-top:1px solid #749184}
.day-steps li{display:grid;grid-template-columns:92px 1fr;gap:17px;border-bottom:1px solid #749184;padding:16px 0}
.day-steps li>span{font:800 18px 'DM Sans','Zen Kaku Gothic New',sans-serif;color:#f5a77a}
.day-steps b{display:block;font-size:16px;margin-bottom:3px}
.day-steps small{font-size:12px;line-height:1.6;color:#d4e2da}
.people-block{padding-top:120px;align-items:start}
.people-photo{height:265px;position:relative;overflow:hidden;background:#b5d4cd}
.people-photo span{position:absolute;left:17px;bottom:16px;color:#fff;background:#193f36;padding:7px 11px;font-size:11px;font-weight:900}
.people-visual .team-board{position:relative;margin:-33px 0 0 45px;transform:rotate(1deg);box-shadow:9px 9px 0 var(--orange)}
.guide-sticker{margin-top:70px}
.recruit-summary{display:grid;grid-template-columns:.41fr .59fr;column-gap:40px;background:#fffdf8;border:2px solid var(--ink);padding:34px clamp(25px,3vw,45px);margin-bottom:85px}
.recruit-heading span{font:800 11px 'DM Sans';letter-spacing:.18em;color:#d46139}
.recruit-heading h3{font-size:clamp(29px,3vw,41px);letter-spacing:-.04em;margin:13px 0}
.recruit-heading p{font-size:13px;line-height:1.8;font-weight:600}
.recruit-summary dl{margin:0}
.recruit-summary dl>div{display:grid;grid-template-columns:105px 1fr;gap:20px;border-bottom:1px solid #bfc9bd;padding:10px 0;font-size:13px;line-height:1.7}
.recruit-summary dt{font-weight:900}
.recruit-summary dd{margin:0;font-weight:600}
.recruit-summary>a{grid-column:2;justify-self:end;font-size:12px;font-weight:900;text-underline-offset:4px;margin-top:18px}
@media(max-width:900px){.hero-inner{min-height:0}.hero-art{height:430px}.hero h1{font-size:clamp(54px,7vw,76px)}.hero-photo-main{border-radius:100px 10px 10px 10px}.hero-photo-small{border-width:5px}.art-paper{left:-4%;bottom:1%}.day-block{gap:30px}.people-block{gap:38px}}
@media(max-width:680px){.hero-inner{grid-template-columns:1fr;padding-top:42px;gap:0}.hero h1{font-size:clamp(51px,12.4vw,76px);margin-bottom:21px}.hero-lede{font-size:14px}.hero-facts{margin-top:24px}.hero-art{height:370px;margin:30px -12px 0}.hero-photo-main{inset:0 5% 12% 4%;border-radius:100px 9px 9px 9px}.hero-photo-small{width:40%;height:43%;right:1%;bottom:2%;border-width:5px}.art-paper{width:130px;height:105px;left:-1%;bottom:1%;padding:14px}.art-paper span{font-size:19px}.art-stamp{right:2%;top:-2%;width:76px;height:76px;font-size:12px}.art-caption{font-size:8px;right:46%;bottom:0}.day-block{display:block;margin-top:82px;padding:33px 24px}.day-heading h3{font-size:32px}.day-heading>p:last-child{margin-bottom:28px}.day-steps li{grid-template-columns:68px 1fr;gap:13px;padding:14px 0}.day-steps li>span{font-size:15px}.day-steps b{font-size:14px}.people-block{padding-top:91px}.people-photo{height:205px}.people-visual .team-board{margin:-18px 9px 0 18px}.recruit-summary{display:block;padding:27px 22px;margin-bottom:60px}.recruit-summary dl>div{grid-template-columns:83px 1fr;gap:12px;font-size:12px}.recruit-summary>a{display:block;text-align:right}.guide-sticker{margin-top:0}}