@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))}.top__container{position:relative;background:url(../../assets/img/bg.webp);padding-bottom:var(--hs-xxl)}.top__sections{position:relative;z-index:1;overflow:hidden;--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{.top__sections>*{grid-column:content}.top__sections>*[data-w=full]{grid-column:full}}@media screen and (min-width: 768px){.top__sections{--gap: 10vw}}.top__sections .section:not(.top__sections .section-mv)>*{opacity:0;transform:translateY(5vh);transition-property:opacity, transform;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.top__sections .section:not(.top__sections .section-mv).is-current>*:nth-child(1){opacity:1;transform:translateY(0);transition-delay:calc(.1s*1)}.top__sections .section:not(.top__sections .section-mv).is-current>*:nth-child(2){opacity:1;transform:translateY(0);transition-delay:calc(.1s*2)}.top__sections .section:not(.top__sections .section-mv).is-current>*:nth-child(3){opacity:1;transform:translateY(0);transition-delay:calc(.1s*3)}.top__sections .section:not(.top__sections .section-mv).is-current>*:nth-child(4){opacity:1;transform:translateY(0);transition-delay:calc(.1s*4)}.top__sections .section:not(.top__sections .section-mv).is-current>*:nth-child(5){opacity:1;transform:translateY(0);transition-delay:calc(.1s*5)}.top__sections .section:not(.top__sections .section-mv).is-current>*:nth-child(6){opacity:1;transform:translateY(0);transition-delay:calc(.1s*6)}.top__sections .section:not(.top__sections .section-mv).is-current>*:nth-child(7){opacity:1;transform:translateY(0);transition-delay:calc(.1s*7)}.top__sections .section:not(.top__sections .section-mv).is-current>*:nth-child(8){opacity:1;transform:translateY(0);transition-delay:calc(.1s*8)}.top__sections .section:not(.top__sections .section-mv).is-current>*:nth-child(9){opacity:1;transform:translateY(0);transition-delay:calc(.1s*9)}.top__sections .section:not(.top__sections .section-mv).is-current>*:nth-child(10){opacity:1;transform:translateY(0);transition-delay:calc(.1s*10)}.top__sections .section__titles{display:grid;grid-template-rows:auto 30% auto}.top__sections .section__titles>*{grid-column:1}.top__sections .section__titles .en{grid-row:1/3;font-family:Montserrat, serif;font-size:min(18vw,128px);text-transform:capitalize;font-weight:600;line-height:1.4}.top__sections .section__titles .en:is(.section-system *){background:linear-gradient(to right, #ffc6df, #ffdbb5 80%);color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;transform:translateX(calc(var(--glGap) * -0.8))}.top__sections .section__titles .en:is(.section-women *){color:#fff}.top__sections .section__title{grid-row:2/4;z-index:1;font-size:var(--fs-title);margin-bottom:1em}@container section-intro (min-width:300px){.top__sections .section__title:is(.section-intro *){word-break:keep-all}}@container section-system (min-width:300px){.top__sections .section__title:is(.section-system *){word-break:keep-all}}@container section-women (min-width:300px){.top__sections .section__title:is(.section-women *){word-break:keep-all}}@media screen and (min-width: 1000px){.top__sections .section__title:is(.section-women *):is(html[lang=ja] *){width:min(100%,380px)}}.top__sections .section-mv{position:relative;display:grid;align-items:center;height:100svh;margin-bottom:var(--hs-xl);container-type:inline-size;container-name:section-mv}.top__sections .section-mv__set{grid-column:1;grid-row:1;display:grid;width:min(100%,500px);margin-inline:auto}@media screen and (min-width: 1000px){.top__sections .section-mv__set{width:45%;margin-inline:auto 10%}.top__sections .section-mv__set[data-set=second]:is(html[lang=en] *){width:55%;margin-inline:auto 0%}}.top__sections .section-mv__set p{overflow:hidden}.top__sections .section-mv__set[data-set=first]{gap:min(3vh,30px)}.top__sections .section-mv__set[data-set=first].before-load{opacity:0;filter:blur(1em)}.top__sections .section-mv__set[data-set=first].before-load img{transform:translateY(0%)}.top__sections .section-mv__set[data-set=second]{gap:min(5vh,40px)}.top__sections .section-mv__set[data-set=second] img[src*=second-1]{width:84%}.top__sections .section-mv__set[data-set=second] img[src*=second-2]{width:98%}.top__sections .section-mv__set[data-set=second] img[src*=second-4]{width:94%}.top__sections .section-mv__set[data-set=second] img[src*=second-en-1]{width:87%}.top__sections .section-mv__set[data-set=second] img[src*=second-en-3]{width:72%}.top__sections .section-mv__set[data-set=second] img[src*=second-en-4]{width:59%}.top__sections .section-mv__set[data-set=second].before-load img{transform:translateY(105%)}.top__sections .section-mv__scroll{position:absolute;right:0;top:50%;font-family:Montserrat, serif;font-size:12px;translate:0 calc((100vw - var(--glGap)*2)/375*49 + (100vw - var(--glGap)*2)/356*43 + min(5vh,40px)*2);transition-property:opacity, transform;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.top__sections .section-mv__scroll.before-load{opacity:0;transform:translateY(-20%)}.top__sections .section-mv__scroll.is-scrolled{opacity:0}@media screen and (min-width: 1000px){.top__sections .section-mv__scroll{right:calc(var(--glGap)*-1/2);translate:0 -50%}}.top__sections .section-mv__scroll .line{position:relative;background:#19181a;width:1px;height:min(7vh,80px);margin-inline:auto;margin-top:1em;--dot-size: 6px}@media screen and (min-width: 1280px)and (orientation: landscape){.top__sections .section-mv__scroll .line{--dot-size: 10px}}.top__sections .section-mv__scroll .line::before{position:absolute;top:0;left:0;translate:-50% -50%;content:"";display:block;width:var(--dot-size);height:var(--dot-size);background:#19181a;border-radius:100vmax;animation:move-to-bottom 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite forwards}@keyframes move-to-bottom{0%{top:0;opacity:0}20%{top:0;opacity:1}80%{top:100%;opacity:1}100%{top:100%;opacity:0}}.top__sections .section-intro{margin-bottom:calc(var(--hs-xxl)*2);container-type:inline-size;container-name:section-intro}@container section-intro (min-width:500px){.top__sections .section-intro .blk-grid p{word-break:keep-all}}@media screen and (min-width: 1000px){.top__sections .section-intro .blk-grid:is(html[lang=ja] *){width:min(100%,420px)}}.top__sections .section-intro .ul-note{display:flex;flex-wrap:wrap;gap:.6em 2em}@media screen and (min-width: 1000px){.top__sections .section-intro{justify-self:end;width:55%}}.top__sections .section-system{margin-bottom:calc(var(--hs-xxl)*2 + var(--hs-xl));container-type:inline-size;container-name:section-system}@media screen and (min-width: 1000px){.top__sections .section-system:is(html[lang=ja] *){width:50%}.top__sections .section-system:is(html[lang=en] *){width:60%}}.top__sections .section-system .blk-grid{gap:0}@container section-system (min-width:300px){.top__sections .section-system .blk-grid p{word-break:keep-all}}@media screen and (min-width: 1000px){.top__sections .section-system .blk-grid:is(html[lang=ja] *){width:min(100%,420px)}.top__sections .section-system .blk-grid:is(html[lang=en] *){width:min(100%,500px)}}.top__sections .section-system .link-circle{--link-button-bg: #ffc6df;--link-button-bg-accent: #ffe3f4;--icon-arrow: #fff;margin-left:auto}.top__sections .section-women{margin-bottom:5vh;container-type:inline-size;container-name:section-women}@container section-women (min-width:300px){.top__sections .section-women>p{word-break:keep-all}}@media screen and (min-width: 1000px){.top__sections .section-women{justify-self:end;width:calc(50% - min(7vw,80px))}}.top__sections .section-women .link-circle{--link-button-bg: #4dbe68;--link-button-bg-hover: #fff;--link-button-bg-accent: #d2f8ab;--icon-arrow: #4dbe68;background:#fff;margin-left:auto}.top__backgrounds{position:fixed;top:0;left:0;width:100%;height:100lvh;mix-blend-mode:multiply;pointer-events:none;container-type:inline-size;container-name:backgrounds}.top__backgrounds .background{position:absolute;width:100%;opacity:0;transition-property:opacity;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}@container backgrounds (min-width:1000px){.top__backgrounds .background{height:100vh}}.top__backgrounds .background.is-current{opacity:1}.top__backgrounds .background-mv{top:50%;translate:0 -50%}.top__backgrounds .background-mv.before-load{clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0% 100%)}.top__backgrounds .background-mv__bg{background:url(../../assets/img/grd-mv.webp) no-repeat center 5%/200%;clip-path:url(#mask-and);aspect-ratio:500/562}@container backgrounds (min-width:1000px){.top__backgrounds .background-mv__bg{height:100%;margin-inline:auto 40%}}.top__backgrounds .background-system{top:50%;translate:0 -50%;display:grid;height:90%}@container backgrounds (min-width:1000px){.top__backgrounds .background-system{right:0;width:55%;height:80vh}}.top__backgrounds .background-system__set{z-index:1;display:flex;align-items:center;background:url(../../assets/img/grd-system.webp) no-repeat center/140%;width:90%;height:20vh;overflow:hidden;opacity:0;transition-property:translate, opacity;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}@container backgrounds (min-width:1000px){.top__backgrounds .background-system__set{width:95%;height:100%}}.top__backgrounds .background-system__set[data-set=top]{justify-self:end;background-position:left 10% top 20%;border-radius:100vmax 0 0 100vmax;translate:20% 0}.top__backgrounds .background-system__set[data-set=top]:is(.is-current *){translate:0 0;opacity:1}.top__backgrounds .background-system__set[data-set=bottom]{align-self:end;background-position:left 5% bottom 40%;border-radius:0 100vmax 100vmax 0;transform:translateY(-1px);translate:-20% 0}.top__backgrounds .background-system__set[data-set=bottom]:is(.is-current *){translate:0 0;opacity:1}@container backgrounds (min-width:1000px){.top__backgrounds .background-system__set[data-set=bottom]{background-position-y:top calc(-40vh + 20%)}}.top__backgrounds .background-system__set .image{max-inline-size:unset;height:min(33%,100px);aspect-ratio:192/10;opacity:0}.top__backgrounds .background-system__set .image:is(.is-current *){opacity:1}.top__backgrounds .background-system__set .image:is(.background-system__set[data-set=top] *):is(.is-current *){animation:loop-to-left 40s infinite .3s linear}.top__backgrounds .background-system__set .image:is(.background-system__set[data-set=bottom] *):is(.is-current *){animation:loop-to-right 40s infinite linear}@keyframes loop-to-left{0%{translate:0% 0}100%{translate:-100% 0}}@keyframes loop-to-right{0%{translate:-100% 0}100%{translate:0% 0}}.top__backgrounds .background-women{background:url(../../assets/img/grd-women.webp) no-repeat center/140% 140%;height:100%}.top__backgrounds .background-women__set{display:flex;gap:10px;overflow:hidden;transform:translateY(15vh);translate:10% 10%;opacity:0;transition-property:translate, opacity;transition-duration:1s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.top__backgrounds .background-women__set:is(.is-current *){transition-delay:.1s;translate:0 0;opacity:1}@container backgrounds (min-width:1000px){.top__backgrounds .background-women__set{flex-direction:column;transform:translate(var(--glGap), 0);translate:0 5vh;width:calc((100% - var(--glGap)*2)/2)}}.top__backgrounds .background-women__set .image{border-radius:var(--glRad);-o-object-fit:cover;object-fit:cover;width:min(60vw,300px);aspect-ratio:1.4/1;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);opacity:0}@container backgrounds (min-width:1000px){.top__backgrounds .background-women__set .image{width:100%}}.top__backgrounds .background-women__set .image:is(.is-current *){opacity:1}.top__backgrounds .background-women__set .image:is(.is-loop *){animation:loop-horizontal calc(var(--photos)*8s) infinite .3s linear}@container backgrounds (min-width:1000px){.top__backgrounds .background-women__set .image:is(.is-loop *){animation-name:loop-vertical}}@keyframes loop-horizontal{0%{translate:0% 0}100%{translate:calc((100% + 10px)*var(--photos)*-1) 0}}@keyframes loop-vertical{0%{translate:0 0}100%{translate:0 calc((100% + 10px)*var(--photos)*-1)}}.footer{position:relative;background:url(../../assets/img/bg.webp)}