@layer base;@layer base{*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden=until-found])){display:none !important}:where(html){-webkit-text-size-adjust:none}@supports not (min-block-size: 100dvb){:where(html){block-size:100%}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border:none;background:none}:where(fieldset){border:none;padding:0}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color, Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%) !important;height:1px !important;width:1px !important;overflow:hidden !important;position:absolute !important;white-space:nowrap !important;border:0 !important}table{border-collapse:collapse;border-spacing:0}}
@layer temp;:root{--rate: 1.5}@media screen and (min-width: 480px){:root{--rate: 0.8}}@media(orientation: landscape){:root{--rate: 1}}:root{--fs-xs: 10px;--fs-s: clamp(12px, 10.58px + 0.44vw, 14px);--fs-m: clamp(14px, 12.58px + 0.44vw, 16px);--fs-l: clamp(16px, 13.15px + 0.89vw, 20px);--fs-title: clamp(24px, 12.58px + 3.57vw, 40px);--fs-h1: clamp(42px, 20.58px + 6.69vw, 72px);--fs-h2: clamp(32px, 16.29px + 4.91vw, 54px)}@media screen and (min-width: 1280px){:root{--fs-xs: 10px;--fs-s: 14px;--fs-m: 16px;--fs-l: 20px;--fs-title: 40px;--fs-h1: 72px;--fs-h2: 54px}}@media screen and (min-width: 1536px){:root{--fs-xs: clamp(10px, 2px + 0.52vw, 12px);--fs-s: clamp(14px, 6px + 0.52vw, 16px);--fs-m: clamp(16px, 0px + 1.04vw, 20px);--fs-l: clamp(20px, 4px + 1.04vw, 24px);--fs-title: clamp(40px, 8px + 2.08vw, 48px);--fs-h1: clamp(72px, 40px + 2.08vw, 80px);--fs-h2: clamp(54px, 22px + 2.08vw, 62px)}}:root{--hs-s: calc(5vmin * var(--rate));--hs-m: calc(10vmin * var(--rate));--hs-l: calc(20vmin * var(--rate));--hs-xl: calc(25vmin * var(--rate));--hs-xxl: calc(30vmin * var(--rate))}:root{--glGap: max(7vw, 1.5rem);--glRad: 6px}@media screen and (min-width: 768px){:root{--glGap: 10vw;--glRad: 12px}}html[lang=ja] :where(body){font-family:YakuHanJP, Zen Kaku Gothic New, serif;font-weight:200}html[lang=en] :where(body){font-family:Outfit, serif;font-weight:300}:where(body){color:#19181a;font-size:var(--fs-m);letter-spacing:.04em;line-height:1.8}:where(a){display:block;text-decoration:none;color:#19181a;font-weight:500}:where(h1,h2,h3,h4){font-size:unset;font-weight:500;line-height:1.8;letter-spacing:.06em}:where(b){font-weight:500}:root{--frame-w: 10px;--headerNavBottom: 3vh}@media screen and (min-width: 768px){:root{--frame-w: 20px}}@media screen and (min-width: 1280px)and (orientation: landscape){:root{--headerNavBottom: 0px}}body{background:url(../../assets/img/bg.webp)}#loading-screen{position:fixed;z-index:1000;display:grid;justify-content:center;align-items:center;width:100%;height:100%}#loading-screen div{position:relative;border-radius:100vmax;background:#f2f5f7;width:min(33vw,160px);height:3px;overflow:hidden}#loading-screen div::before{position:absolute;left:0;content:"";display:block;width:100%;height:100%;background:#7f8ec6;translate:-100% 0;animation:loading 1.6s infinite .3s forwards}@keyframes loading{0%{translate:-100% 0}10%{translate:-98% 0}90%{translate:98% 0}100%{translate:100% 0}}#transitions-screen{position:fixed;top:0;left:0;z-index:900;background:#fff;width:100%;height:100%}#svg{height:0}#frame{pointer-events:none}#frame::before{position:fixed;z-index:100;content:"";display:block;width:100%;height:100%;border-left:var(--frame-w) solid #fff;border-right:var(--frame-w) solid #fff}#frame span{position:fixed;z-index:100;display:flex;justify-content:space-between;border-top:var(--frame-w) solid #fff;width:100%}#frame span::before,#frame span::after{content:"";display:block;width:calc(var(--frame-w)*4);height:calc(var(--frame-w)*4);background:#fff;clip-path:url(#mask-corner);transform:translateY(calc(var(--frame-w) * -1))}#frame span::after{scale:-1 1}#frame span:first-child{top:0}#frame span:last-child{bottom:0;scale:1 -1}.header>*{position:fixed;z-index:110;left:50%;translate:-50% 0}.header__top{display:grid;grid-template-columns:auto 1fr auto;gap:.5em;align-items:center;padding:1em var(--frame-w)}.header__top:is([data-screen=narrow] *){background:#fff;box-shadow:0 0px 46px -10px rgba(127,142,198,.4);width:100%}.header__top:is([data-screen=narrow] *)>*{z-index:1}.header__top:is([data-screen=narrow] *)::before,.header__top:is([data-screen=narrow] *)::after{position:absolute;bottom:0;content:"";display:block;width:calc(var(--frame-w)*4);height:calc(var(--frame-w)*4);background:#fff;clip-path:url(#mask-corner)}.header__top:is([data-screen=narrow] *)::before{left:0;translate:0 calc(100% - 1px - var(--frame-w))}.header__top:is([data-screen=narrow] *)::after{right:0;scale:-1 1;translate:0 calc(100% - 1px - var(--frame-w))}.header__top:is(:not([data-screen=narrow] *)){top:calc(var(--frame-w)*2);width:calc(100% - var(--frame-w)*4)}.header__top:is(.header.before-load *){opacity:0;transform:translateY(-200%)}@media screen and (min-width: 768px){.header__top{padding:0}}.header__top__logo:is([data-screen=narrow] *){justify-self:center}.header__top__logo{width:min(100%,22em)}.header__top__logo img{width:100%}@media screen and (min-width: 768px){.header__top__logo a{padding:.6em}}@media screen and (min-width: 768px)and (hover: hover){.header__top__logo a{transition-property:opacity;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.header__top__logo:hover a{opacity:.7}}.header__bottom{bottom:calc(var(--frame-w)*2 + var(--headerNavBottom));backdrop-filter:blur(30px) brightness(100%) opacity(100%);-webkit-backdrop-filter:blur(30px) brightness(100%) opacity(100%);background:hsla(0,0%,100%,.7);box-shadow:0 0 46px -10px rgba(127,142,198,.5);border:1px solid #fff;border-radius:100vmax}.header__bottom:is(.header.before-load *){opacity:0;transform:translateY(200%)}@media(hover: hover){.header__bottom{transition-property:box-shadow;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.header__bottom:hover{box-shadow:0 0 66px -10px #7f8ec6}}.header__logo{grid-column:1;grid-row:1}.header__logo:is([data-screen=narrow] *){height:min(80%,50px);min-height:35px;aspect-ratio:1.1/1}.header__logo:is([data-screen=narrow] *) img{-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;height:100%;aspect-ratio:1.1/1}@media screen and (min-width: 768px){.header__logo{width:min(20vw,240px)}}.header__nav{display:grid;grid-template-columns:repeat(2, 1fr);gap:2px}.header__nav>*{border-radius:100vmax}.header__nav::before{position:absolute;top:50%;left:50%;content:"";display:block;width:6px;height:6px;border-radius:6px;background:#fff;translate:-50% -50%}.header__nav__link{position:relative;display:grid;border-radius:100vmax;width:-moz-max-content;width:max-content;padding:.8em 1.5em;overflow:hidden}.header__nav__link:is(html[lang=en] *){text-transform:capitalize;font-family:Montserrat, serif}.header__nav__link>*{z-index:1;white-space:nowrap}.header__nav__link::before,.header__nav__link::after{position:absolute;content:"";display:block;width:70%;height:100%;filter:blur(6px);border-radius:100vmax;transition-property:opacity, translate;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);opacity:0}.header__nav__link::before{left:0;translate:15% 0}.header__nav__link::after{right:0;translate:-15% 0}.header__nav__link[href*=system]::before{background:radial-gradient(circle at left, rgba(255, 219, 181, 0.8) 40%, transparent)}.header__nav__link[href*=system]::after{background:radial-gradient(circle at right, rgba(255, 198, 223, 0.8) 40%, transparent)}.header__nav__link[href*=women]::before{background:radial-gradient(circle at left, rgba(236, 246, 142, 0.8) 40%, transparent)}.header__nav__link[href*=women]::after{background:radial-gradient(circle at right, rgba(171, 249, 182, 0.8) 40%, transparent)}.header__nav__link.current::before,.header__nav__link.current::after{opacity:1;translate:0 0}.header__nav__link:active::before,.header__nav__link:active::after{opacity:1;translate:0 0}@media(hover: hover){.header__nav__link:hover::before,.header__nav__link:hover::after{opacity:1;translate:0 0}}.header__langs{cursor:pointer;font-size:var(--fs-s);font-family:Montserrat, serif;text-transform:uppercase;-webkit-tap-highlight-color:rgba(0,0,0,0)}.header__langs .clickable{position:fixed;top:0;left:0;content:"";display:block;width:100%;height:100vh;background:rgba(0,0,0,0);display:none}.header__langs .clickable:is(.header__langs.is-open *){display:block}.header__langs .clickable:is([data-screen=middle] *,[data-screen=wide] *){display:none}.header__langs .toggle{background:#d8e0ff;border:2px solid #fff;border-radius:100vmax;box-shadow:0 0px 46px -10px rgba(127,142,198,.4);text-transform:uppercase;height:min(3em,35px);aspect-ratio:1/1}.header__langs .toggle:is([data-screen=middle] *,[data-screen=wide] *){display:none}.header__langs .select{position:absolute;top:var(--frame-w);right:var(--frame-w);display:flex;flex-direction:column;background:#fff;border-radius:calc(var(--glRad)*2);box-shadow:0 0px 26px -10px rgba(127,142,198,.4);width:0;height:0;overflow:hidden}@media(hover: hover){.header__langs .select{transition-property:box-shadow;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.header__langs .select:hover{box-shadow:0 0 46px -10px #7f8ec6}}.header__langs .select::before{position:absolute;content:"";display:block;width:100%;height:50%;border-radius:calc(var(--glRad)*2);background:#d8e0ff;border:2px solid #fff}.header__langs .select:is(html[lang=en] *)::before{bottom:0}.header__langs .select:is(.header__langs.is-open *){transition-property:width, height;transition-duration:.3s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);width:7.5em;height:calc(min(3em,35px)*2*1.5)}.header__langs .select:is([data-screen=middle] *,[data-screen=wide] *){position:relative;top:0;right:0;flex-direction:row;width:min(6em,140px);height:min(3em,35px)}.header__langs .select:is([data-screen=middle] *,[data-screen=wide] *)::before{border-radius:100vmax;width:50%;height:100%;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.header__langs .select:is([data-screen=middle] *,[data-screen=wide] *):is(.header__langs[select=ja] *)::before{transform:translateX(0)}.header__langs .select:is([data-screen=middle] *,[data-screen=wide] *):is(html[lang=en] *)::before,.header__langs .select:is([data-screen=middle] *,[data-screen=wide] *):is(.header__langs[select=en] *)::before{transform:translateX(100%)}.header__langs .lang{z-index:1;display:flex;justify-content:center;align-items:center;width:7.5em;height:calc(min(3em,35px)*1.5);opacity:0}.header__langs .lang:is(.header__langs.is-open *){transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-delay:.3s;opacity:1}.header__langs .lang:is([data-screen=middle] *,[data-screen=wide] *){width:5em;height:min(3em,35px);opacity:1}.footer{--gap: max(7vw, 1.5rem);--full: minmax(var(--gap), 1fr);--content: min(100% - var(--gap) * 2);display:grid;grid-template-columns:[full-start] var(--full) [content-start] var(--content) [content-end] var(--full) [full-end]}@layer temp{.footer>*{grid-column:content}.footer>*[data-w=full]{grid-column:full}}@media screen and (min-width: 768px){.footer{--gap: 10vw}}.footer{padding:var(--hs-xl) 0 var(--hs-l)}.footer__container{display:grid;grid-template:"links links" "logo copy"/1fr auto;gap:var(--hs-m) min(7vw,100px)}@media screen and (min-width: 900px){.footer__container{grid-template:"logo links" "copy links"/auto 1fr}}.footer__links{grid-area:links;display:grid;gap:10px;width:min(100%,1000px);margin-inline-start:auto;container-type:inline-size;container-name:footer-links}.footer__links__link{display:grid;gap:min(3vw,40px);background:#f2f5f7;border-radius:calc(var(--glRad)*2);border:1px solid rgba(0,0,0,0);font-weight:200;padding:min(5vw,60px)}@container footer-links (min-width:550px){.footer__links__link{grid-template-columns:min(40%,240px) 1fr}}@media screen and (min-width: 900px){@container footer-links (max-width:549px){.footer__links__link .images{max-width:240px}}}.footer__links__link .images img[src$="work-with-us.svg"]{width:80%;margin-inline:auto;margin-top:.5em}@container footer-links (min-width:500px){.footer__links__link .images img[src$="work-with-us.svg"]{width:100%}}.footer__links__link .images img[src$="c-challenge.webp"]{background:#fff;-o-object-fit:contain;object-fit:contain;width:100%;aspect-ratio:4/1;padding:.5em 0}.footer__links__link .texts{font-size:var(--fs-s)}.footer__logo{grid-area:logo;align-self:start;display:grid;gap:1.5em;width:min(100%,200px)}.footer__logo a{transition-property:opacity, filter;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.footer__logo a:active{opacity:.5;filter:brightness(1.05)}@media(hover: hover){.footer__logo a:hover{opacity:.5;filter:brightness(1.05)}}.footer__copy{grid-area:copy;align-self:end;font-size:12px;font-family:Outfit, serif;letter-spacing:.06em;line-height:1}
@layer temp;:root{--rate: 1.5}@media screen and (min-width: 480px){:root{--rate: 0.8}}@media(orientation: landscape){:root{--rate: 1}}:root{--fs-xs: 10px;--fs-s: clamp(12px, 10.58px + 0.44vw, 14px);--fs-m: clamp(14px, 12.58px + 0.44vw, 16px);--fs-l: clamp(16px, 13.15px + 0.89vw, 20px);--fs-title: clamp(24px, 12.58px + 3.57vw, 40px);--fs-h1: clamp(42px, 20.58px + 6.69vw, 72px);--fs-h2: clamp(32px, 16.29px + 4.91vw, 54px)}@media screen and (min-width: 1280px){:root{--fs-xs: 10px;--fs-s: 14px;--fs-m: 16px;--fs-l: 20px;--fs-title: 40px;--fs-h1: 72px;--fs-h2: 54px}}@media screen and (min-width: 1536px){:root{--fs-xs: clamp(10px, 2px + 0.52vw, 12px);--fs-s: clamp(14px, 6px + 0.52vw, 16px);--fs-m: clamp(16px, 0px + 1.04vw, 20px);--fs-l: clamp(20px, 4px + 1.04vw, 24px);--fs-title: clamp(40px, 8px + 2.08vw, 48px);--fs-h1: clamp(72px, 40px + 2.08vw, 80px);--fs-h2: clamp(54px, 22px + 2.08vw, 62px)}}:root{--hs-s: calc(5vmin * var(--rate));--hs-m: calc(10vmin * var(--rate));--hs-l: calc(20vmin * var(--rate));--hs-xl: calc(25vmin * var(--rate));--hs-xxl: calc(30vmin * var(--rate))}.lh-m{line-height:2.4}.lh-l{line-height:3.2}.mb-s{margin-bottom:var(--hs-s)}.mb-m{margin-bottom:var(--hs-m)}.mb-l{margin-bottom:var(--hs-l)}.mb-xl{margin-bottom:var(--hs-xl)}.mb-xxl{margin-bottom:var(--hs-xxl)}.blk-grid{display:grid;gap:1em}.blk-list{display:grid;gap:10px}.ul{display:grid;gap:.6em;line-height:1.6}.ul-note{font-size:var(--fs-s)}.ul-note-num{counter-reset:ul-count}.ul>li{position:relative}.ul>li::before{position:absolute;left:0;display:block}.ul>li:is(:not(.ul-note *)){padding-left:1em}.ul>li:is(:not(.ul-note *))::before{content:"";top:calc(.6em + 3px);translate:50% -50%;background:#f2f5f7;border-radius:100vmin;width:6px;height:6px}.ul>li:is(.ul-note *){padding-left:1.2em}.ul>li:is(.ul-note *)::before{content:"※";width:1em}.ul>li:is(.ul-note-num *){counter-increment:ul-count;padding-left:1.8em}.ul>li:is(.ul-note-num *):is(html[lang=ja] *)::before{content:"※" counter(ul-count);width:1.5em}.ul>li:is(.ul-note-num *):is(html[lang=en] *)::before{content:"*" counter(ul-count);width:1.5em}svg.icon{width:var(--icon-width, 1.4em);fill:var(--icon-arrow, #7f8ec6)}svg.icon-arrow{aspect-ratio:5/4}svg.icon-pdf{aspect-ratio:8/9}.link-circle{--link-button-bg: #f2f5f7;--link-button-bg-hover: #fff;--link-button-bg-accent: #d8e0ff;position:relative;background:var(--link-button-bg);border:1px solid rgba(0,0,0,0);overflow:hidden}.link-circle:is(html[lang=en] *){line-height:1.4}.link-circle{transition-property:background, box-shadow, border;transition-duration:.6s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.link-circle>*{z-index:1}.link-circle::after{position:absolute;top:50%;right:0;content:"";display:block;width:50%;border-radius:100vmax;background:radial-gradient(var(--link-button-bg-accent), transparent 80%);aspect-ratio:1/1;transform:translate(50%, -50%);filter:blur(1em);pointer-events:none;opacity:0;translate:20% 0;transition-property:opacity, translate;transition-duration:.6s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.link-circle:active{background:var(--link-button-bg-hover);border-color:var(--link-button-bg-hover);box-shadow:var(--hover-shadow, 0 0 46px -16px) var(--link-button-bg-accent)}.link-circle:active::after{opacity:1;translate:var(--hover-transX, -25%) 0}@media(hover: hover){.link-circle:hover{background:var(--link-button-bg-hover);border-color:var(--link-button-bg-hover);box-shadow:var(--hover-shadow, 0 0 46px -16px) var(--link-button-bg-accent)}.link-circle:hover::after{opacity:1;translate:var(--hover-transX, -25%) 0}}.link-circle{--hover-transX: -10%;--hover-shadow: 0 0 46px -6px;display:grid;justify-content:center;align-items:center;border-radius:100vmax;width:7.5em;aspect-ratio:1/1}.link-circle::after{width:100%}.link-circle svg.icon{--icon-width: 1.6em;transition-property:translate, fill;transition-duration:.6s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.link-circle:active svg.icon{translate:.6rem 0;fill:var(--link-button-bg)}@media(hover: hover){.link-circle:hover svg.icon{translate:.6rem 0;fill:var(--link-button-bg)}}.link-button{--link-button-bg: #f2f5f7;--link-button-bg-hover: #fff;--link-button-bg-accent: #d8e0ff;position:relative;background:var(--link-button-bg);border:1px solid rgba(0,0,0,0);overflow:hidden}.link-button:is(html[lang=en] *){line-height:1.4}.link-button{transition-property:background, box-shadow, border;transition-duration:.6s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.link-button>*{z-index:1}.link-button::after{position:absolute;top:50%;right:0;content:"";display:block;width:50%;border-radius:100vmax;background:radial-gradient(var(--link-button-bg-accent), transparent 80%);aspect-ratio:1/1;transform:translate(50%, -50%);filter:blur(1em);pointer-events:none;opacity:0;translate:20% 0;transition-property:opacity, translate;transition-duration:.6s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.link-button:active{background:var(--link-button-bg-hover);border-color:var(--link-button-bg-hover);box-shadow:var(--hover-shadow, 0 0 46px -16px) var(--link-button-bg-accent)}.link-button:active::after{opacity:1;translate:var(--hover-transX, -25%) 0}@media(hover: hover){.link-button:hover{background:var(--link-button-bg-hover);border-color:var(--link-button-bg-hover);box-shadow:var(--hover-shadow, 0 0 46px -16px) var(--link-button-bg-accent)}.link-button:hover::after{opacity:1;translate:var(--hover-transX, -25%) 0}}.link-button{display:grid;grid-auto-flow:column;justify-content:space-between;align-items:center;border-radius:100vmax;padding:1.5em 2em}.link-button span{transition-property:color, translate;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.link-button svg.icon{transition-property:translate;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.link-button:active span{color:#7f8ec6;translate:.6rem 0}.link-button:active svg.icon{translate:.6rem 0}@media(hover: hover){.link-button:hover span{color:#7f8ec6;translate:.6rem 0}.link-button:hover svg.icon{translate:.6rem 0}}.link-panel{--link-button-bg: #f2f5f7;--link-button-bg-hover: #fff;--link-button-bg-accent: #d8e0ff;position:relative;background:var(--link-button-bg);border:1px solid rgba(0,0,0,0);overflow:hidden}.link-panel:is(html[lang=en] *){line-height:1.4}.link-panel{transition-property:background, box-shadow, border;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.link-panel>*{z-index:1}.link-panel::after{position:absolute;top:50%;right:0;content:"";display:block;width:50%;border-radius:100vmax;background:radial-gradient(var(--link-button-bg-accent), transparent 80%);aspect-ratio:1/1;transform:translate(50%, -50%);filter:blur(1em);pointer-events:none;opacity:0;translate:20% 0;transition-property:opacity, translate;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.link-panel:active{background:var(--link-button-bg-hover);border-color:var(--link-button-bg-hover);box-shadow:var(--hover-shadow, 0 0 46px -16px) var(--link-button-bg-accent)}.link-panel:active::after{opacity:1;translate:var(--hover-transX, -25%) 0}@media(hover: hover){.link-panel:hover{background:var(--link-button-bg-hover);border-color:var(--link-button-bg-hover);box-shadow:var(--hover-shadow, 0 0 46px -16px) var(--link-button-bg-accent)}.link-panel:hover::after{opacity:1;translate:var(--hover-transX, -25%) 0}}
@layer temp;:root{--rate: 1.5}@media screen and (min-width: 480px){:root{--rate: 0.8}}@media(orientation: landscape){:root{--rate: 1}}:root{--fs-xs: 10px;--fs-s: clamp(12px, 10.58px + 0.44vw, 14px);--fs-m: clamp(14px, 12.58px + 0.44vw, 16px);--fs-l: clamp(16px, 13.15px + 0.89vw, 20px);--fs-title: clamp(24px, 12.58px + 3.57vw, 40px);--fs-h1: clamp(42px, 20.58px + 6.69vw, 72px);--fs-h2: clamp(32px, 16.29px + 4.91vw, 54px)}@media screen and (min-width: 1280px){:root{--fs-xs: 10px;--fs-s: 14px;--fs-m: 16px;--fs-l: 20px;--fs-title: 40px;--fs-h1: 72px;--fs-h2: 54px}}@media screen and (min-width: 1536px){:root{--fs-xs: clamp(10px, 2px + 0.52vw, 12px);--fs-s: clamp(14px, 6px + 0.52vw, 16px);--fs-m: clamp(16px, 0px + 1.04vw, 20px);--fs-l: clamp(20px, 4px + 1.04vw, 24px);--fs-title: clamp(40px, 8px + 2.08vw, 48px);--fs-h1: clamp(72px, 40px + 2.08vw, 80px);--fs-h2: clamp(54px, 22px + 2.08vw, 62px)}}:root{--hs-s: calc(5vmin * var(--rate));--hs-m: calc(10vmin * var(--rate));--hs-l: calc(20vmin * var(--rate));--hs-xl: calc(25vmin * var(--rate));--hs-xxl: calc(30vmin * var(--rate))}@font-face{font-family:"h1 title";font-style:normal;font-weight:400;src:url(../../assets/img/subset.woff) format("woff");font-display:swap}.second__container{--gap: max(7vw, 1.5rem);--full: minmax(var(--gap), 1fr);--content: min(100% - var(--gap) * 2);display:grid;grid-template-columns:[full-start] var(--full) [content-start] var(--content) [content-end] var(--full) [full-end]}@layer temp{.second__container>*{grid-column:content}.second__container>*[data-w=full]{grid-column:full}}@media screen and (min-width: 768px){.second__container{--gap: 10vw}}.second__container{--content: min(100% - var(--gap) * 2, 1200px)}.second__mv{grid-column:full;position:relative;display:grid;align-content:center;margin-bottom:var(--hs-l);mix-blend-mode:multiply;height:max(80lvh,640px)}.second__mv>*{z-index:1;width:calc(100% - var(--glGap)*2);margin-inline:auto}.second__mv .mv__titles{display:grid;align-items:center}.second__mv .mv__titles>*{grid-column:1;grid-row:1}.second__mv .mv__titles .en{justify-self:end;color:hsla(0,0%,100%,.5);font-family:Montserrat, serif;font-weight:600;font-size:min(18vw,128px);line-height:1;text-transform:capitalize;text-align:right;translate:var(--glGap) -50%}.second__mv .mv__titles .en.before-enter{letter-spacing:.2em;transform:translateX(-0.5em);opacity:0}@media screen and (min-width: 1000px){.second__mv .mv__titles .en{translate:0 0}}.second__mv .mv__title{z-index:1}.second__mv .mv__title:is(html[lang=ja] *){font-size:var(--fs-h1);font-family:"h1 title",serif}.second__mv .mv__title:is(html[lang=en] *){font-size:var(--fs-h2)}.second__mv::before{position:absolute;right:0;content:"";display:block;width:100%;height:100%;background:no-repeat left 20% center;border-radius:100vmax 0 0 100vmax;width:80%}@media(orientation: portrait){.second__mv::before{background-size:200% 120%}}@media(orientation: landscape){.second__mv::before{background-size:200% 200%}}.second__mv:is(.second-system *)::before{background-image:url(../../assets/img/grd-system.webp)}.second__mv:is(.second-women *)::before{background-image:url(../../assets/img/grd-women.webp)}.second__article{display:grid;gap:var(--hs-xl)}.second__article .hg-2{margin-bottom:var(--fs-h2)}.second__article .hg-2 .en{font-family:Montserrat, serif;font-size:var(--fs-l);text-transform:capitalize}.second__article .hg-2 .en:is(.second-system *){color:#ffc6df}.second__article .hg-2 .en:is(.second-women *){color:#b6f3aa}.second__article .hl-2:is(html[lang=ja] *){font-size:var(--fs-h2)}.second__article .hl-2:is(html[lang=en] *){font-size:var(--fs-title)}.second__article .hl-2{line-height:1.4}
@layer temp;:root{--rate: 1.5}@media screen and (min-width: 480px){:root{--rate: 0.8}}@media(orientation: landscape){:root{--rate: 1}}:root{--fs-xs: 10px;--fs-s: clamp(12px, 10.58px + 0.44vw, 14px);--fs-m: clamp(14px, 12.58px + 0.44vw, 16px);--fs-l: clamp(16px, 13.15px + 0.89vw, 20px);--fs-title: clamp(24px, 12.58px + 3.57vw, 40px);--fs-h1: clamp(42px, 20.58px + 6.69vw, 72px);--fs-h2: clamp(32px, 16.29px + 4.91vw, 54px)}@media screen and (min-width: 1280px){:root{--fs-xs: 10px;--fs-s: 14px;--fs-m: 16px;--fs-l: 20px;--fs-title: 40px;--fs-h1: 72px;--fs-h2: 54px}}@media screen and (min-width: 1536px){:root{--fs-xs: clamp(10px, 2px + 0.52vw, 12px);--fs-s: clamp(14px, 6px + 0.52vw, 16px);--fs-m: clamp(16px, 0px + 1.04vw, 20px);--fs-l: clamp(20px, 4px + 1.04vw, 24px);--fs-title: clamp(40px, 8px + 2.08vw, 48px);--fs-h1: clamp(72px, 40px + 2.08vw, 80px);--fs-h2: clamp(54px, 22px + 2.08vw, 62px)}}:root{--hs-s: calc(5vmin * var(--rate));--hs-m: calc(10vmin * var(--rate));--hs-l: calc(20vmin * var(--rate));--hs-xl: calc(25vmin * var(--rate));--hs-xxl: calc(30vmin * var(--rate))}.blk-interview{container-type:inline-size;container-name:blk-interview}.blk-interview__container{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:10px}@container blk-interview (min-width:820px){.blk-interview__container{grid-template-columns:repeat(auto-fit, minmax(30%, 1fr))}}.blk-interview__set{container-type:inline-size;container-name:blk-interview-set}.blk-interview__set .link{position:relative;display:grid;grid-template-rows:1fr 25% 25%;background:#f2f5f7;border:1px solid rgba(0,0,0,0);border-radius:min(var(--glRad)*2,12px);overflow:hidden;aspect-ratio:1/1.4;transition-property:background, box-shadow, border;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.blk-interview__set .link:active{box-shadow:0 0 46px -16px #d8e0ff;background:#fff;border-color:#fff}@media(hover: hover){.blk-interview__set .link:hover{box-shadow:0 0 46px -16px #d8e0ff;background:#fff;border-color:#fff}}.blk-interview__set .photo{grid-column:1;grid-row:1/3;overflow:hidden}.blk-interview__set .photo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@media(hover: hover){.blk-interview__set .photo img{transition-property:scale, opacity, filter;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.blk-interview__set .photo img:is(.blk-interview__set .link:hover *){scale:1.1;opacity:.7;filter:brightness(1.05)}}.blk-interview__set .tag{position:absolute;top:10px;left:10px;border-radius:100vmax;font-size:var(--fs-s);line-height:1.6;padding:0 .6em}.blk-interview__set .tag[data-tag=事務系],.blk-interview__set .tag[data-tag=Administrative]{background:#f9f586}.blk-interview__set .tag[data-tag=研究系],.blk-interview__set .tag[data-tag=Research]{background:#b6f8af}.blk-interview__set .tag[data-tag=技術系],.blk-interview__set .tag[data-tag=Technical]{background:#aff8f8}.blk-interview__set .titles{position:relative;grid-column:1;grid-row:2/4;display:flex;flex-direction:column;background:linear-gradient(to bottom, rgba(242, 245, 247, 0), rgba(242, 245, 247, 0.7) 30%, #f2f5f7 50%);padding:0 2em 2em}.blk-interview__set .titles>p{z-index:1}.blk-interview__set .titles::before{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7) 30%, #fff 50%);opacity:0}@media(hover: hover){.blk-interview__set .titles::before{transition-property:opacity;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.blk-interview__set .titles:is(.blk-interview__set .link:hover *)::before{opacity:1}}.blk-interview__set .titles .position{font-size:var(--fs-s);font-weight:300;line-height:1.4;margin:auto 0 .8em}@container blk-interview-set (min-width:300px){.blk-interview__set .titles .position{word-break:keep-all}}.blk-interview__set .titles .title:is(html[lang=en] *){line-height:1.4}.blk-interview__set span.icon{position:absolute;right:0;bottom:0;display:grid;justify-items:center;align-items:center;width:min(40%,120px);aspect-ratio:1/1;transform:translate(25%, 25%);--icon-width: 1.6em}.blk-interview__set span.icon::before{position:absolute;content:"";display:block;width:100%;height:100%;background:#fff;border-radius:100vmax;transition-property:scale, opacity, filter;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.blk-interview__set span.icon svg.icon{z-index:1}@media(hover: hover){.blk-interview__set span.icon svg.icon{transition-property:translate;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.blk-interview__set span.icon svg.icon:is(.blk-interview__set .link:hover *){translate:.6rem 0}}@media(hover: hover){.blk-interview__set span.icon:is(.blk-interview__set .link:hover *)::before{opacity:0;filter:blur(1em);scale:3}}.blk-column{container-type:inline-size;container-name:blk-column}.blk-column__container{display:grid;gap:var(--hs-s)}@container blk-column (min-width:800px){.blk-column__container{grid-template-columns:repeat(2, 1fr)}}.blk-column__set{display:grid;grid-template-columns:min(40%,240px) 1fr;gap:5%}.blk-column__set .images{position:relative;align-self:start}.blk-column__set .images .image{border-radius:var(--glRad);overflow:hidden}.blk-column__set .images .image img{-o-object-fit:cover;object-fit:cover;aspect-ratio:1.6/1;width:100%}@media(hover: hover){.blk-column__set .images .image img{transition-property:scale;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.blk-column__set .images .image img:is(.blk-column__set .link:hover *){scale:1.1}}.blk-column__set .photos{position:absolute;bottom:0;right:0;display:flex;justify-content:flex-end;gap:5px;width:100%}.blk-column__set .photos .photo{border-radius:100vmax;-o-object-fit:cover;object-fit:cover;width:min(40%,70px);aspect-ratio:1/1;transform:translate(15%, 15%)}.blk-column__set .link{align-self:start}.blk-column__set .link .title{display:inline-block}.blk-column__set .link .title span{background:linear-gradient(transparent, #a2a4a6) no-repeat 0% 100%/100% 1px}@media(hover: hover){.blk-column__set .link .title span{transition-property:background-size, color;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.blk-column__set .link .title span:is(.blk-column__set .link:hover *){background-position:100% 100%;background-size:0% 1px;color:#7f8ec6}}.blk-column__set .link .title svg.icon{display:inline-block;--icon-width: 1em}@media(hover: hover){.blk-column__set .link .title svg.icon{transition-property:translate;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.blk-column__set .link .title svg.icon:is(.blk-column__set .link:hover *){translate:.6rem 0}}