:root {
 --color-ink:#273332; --color-main:#273332; --color-main-2:#4f6260;
 --color-ink-on-accent:#162424;
 --color-accent:#00afa3; --color-accent-deep:#006b64; --color-accent-2:#00afa3; --color-base:#fff; --color-pale:#fff;
 --color-canvas:#f4f4f4;
 --color-collage-veil:rgb(255 255 255 / .96);
 --color-empathy-veil:rgb(255 255 255 / .96);
 --color-company-veil:rgb(255 255 255 / .82); --color-people-veil:rgb(255 255 255 / .88);
 --color-backdrop-line:rgb(39 51 50 / .085); --color-backdrop-paper:rgb(39 51 50 / .025); --color-backdrop-wash:rgb(39 51 50 / .015);
 --color-backdrop-white:rgb(255 255 255 / .92); --color-backdrop-white-soft:rgb(255 255 255 / .55);
 --color-backdrop-on-accent:rgb(255 255 255 / .24); --color-backdrop-paper-on-accent:rgb(255 255 255 / .085); --color-backdrop-wash-on-accent:rgb(255 255 255 / .045);
 --color-line:rgb(39 51 50 / .25); --color-on-dark:#fff; --color-on-dark-line:#e4e9e6;
 --color-error:#7c302b; --color-shadow:rgb(39 51 50 / .1); --color-paper-shadow:rgb(39 51 50 / .15);
 --color-ink-faint:rgb(39 51 50 / .055); --color-marker:rgb(0 175 163 / .16);
 --color-glass:rgb(255 255 255 / .3); --color-glass-card:rgb(255 255 255 / .8);
 --color-glass-edge:rgb(255 255 255 / .9); --color-glass-highlight:rgb(255 255 255 / .1);
 --bg-dark:var(--color-main); --bg-accent:var(--color-main);
 --font-body:"Hiragino Sans","Noto Sans JP",sans-serif; --font-head:var(--font-body); --font-en:"Outfit",var(--font-body);
 --fs-min:13px; --fs-base:clamp(13px,min(2.1dvh,3.65vw),16px); --fs-ui:13px; --fs-input:16px;
 --fs-head:clamp(22px,min(4.25dvh,7.5vw),32px); --fs-eyebrow:clamp(13px,1.9dvh,14px);
 --fw-body:400; --ls-body:.025em; --lh-body:1.75; --lh-head:1.3;
 --col:480px; --header-h:56px; --gutter:24px; --sp-1:.4em; --sp-p:.65em; --sp-g:clamp(10px,1.8dvh,20px); --pad-y:clamp(12px,2dvh,24px); --next-h:0px;
 --radius-pill:0px; --radius-s:0px; --radius-photo:0px;
 --shadow-soft:3px 3px 0 var(--color-paper-shadow); --shadow-column:0 0 28px var(--color-shadow);
 --ease-out:cubic-bezier(.22,1,.36,1); --rise:14px; --dur-in:450ms; --dur-hover:200ms;
 --stroke:2px; --route-duration:5s; --diagram-cycle:5s; --button-size:36px; --dot-size:8px; --dot-target:26px;
 --empathy-art-h:clamp(42px,10dvh,126px); --photo-h:clamp(82px,19dvh,230px);
 --commute-h:clamp(100px,21dvh,230px); --role-h:clamp(120px,23dvh,270px);
 --work-icon-h:clamp(36px,6.5dvh,88px); --idea-icon-h:clamp(44px,8dvh,104px);
 --career-h:clamp(132px,28dvh,340px); --join-art-h:clamp(110px,27dvh,320px); --company-art-h:clamp(154px,29dvh,330px);
}
@media(max-height:600px){:root{
 --fs-head:22px; --lh-body:1.6; --pad-y:10px; --sp-g:8px; --sp-p:.5em;
 --empathy-art-h:42px; --photo-h:76px; --commute-h:86px; --role-h:112px;
 --work-icon-h:32px; --idea-icon-h:40px; --career-h:118px; --join-art-h:104px; --company-art-h:154px;
}}
@media(min-height:1000px){:root{--photo-h:230px;--empathy-art-h:126px;--work-icon-h:96px;--idea-icon-h:110px;}}