#visual{width:100%;height:var(--sub-visual-height);z-index:12;position:relative}body:has(#visual:is(.sub-visual-products,.sub-visual-about)){--sub-menu-bar-surface:#6060601a;--sub-menu-trigger-weight:500;--sub-menu-trigger-hover:#ffffff0a;--site-menu-panel-surface:#7e86867a;--site-menu-panel-text:#fff}#visual.sub-visual-application{--sub-visual-height:65rem}#visual.sub-visual-about{--sub-visual-position:78% 58%}#visual.sub-visual-products{--sub-visual-position:50% 42%}#visual.sub-visual-ir{--sub-visual-position:70% 55%}#visual.sub-visual-careers{--sub-visual-position:64% 46%}#visual .visual-img-con{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#visual .visual-img-con.has-soft-dim:after{content:"";pointer-events:none;background:#0000001f;position:absolute;inset:0}#visual .visual-img-inner{background-color:#eee;background-repeat:no-repeat;background-position:var(--sub-visual-position,50% 50%);filter:blur(14px);transform-origin:50% 44%;width:100%;height:100%;transition:filter 1.35s var(--motion-ease-elegant), transform 2.8s var(--motion-ease-elegant);background-size:cover;transform:scale(1.12)}#visual.sub-visual-application .visual-img-inner{background-position:50% 0}#visual .visual-txt-con{z-index:1;box-sizing:border-box;width:100%;height:100%;display:table;position:relative}#visual .table-cell-layout{vertical-align:bottom;box-sizing:border-box;padding-bottom:3rem}#visual .visual-txt-container{width:100%;position:relative}#visual .visual-tit{font-family:var(--font-family1);opacity:1;letter-spacing:-.01em;color:#fff;margin-bottom:3rem;font-size:11rem;font-weight:700;transition:none;transform:none}#visual .main-scroll-icon{z-index:9;opacity:0;transition:opacity .7s var(--motion-ease-elegant) .28s;margin-left:82rem;position:absolute;bottom:12.3rem;left:50%}.side-menu-anchor{width:100%;height:var(--sub-menu-height)}#topMenu04{opacity:1;width:100%;height:var(--sub-menu-height);transition:none;position:relative;transform:none}#topMenu04.is-portaled{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}#topMenu04.is-portaled .side-menu-inner.is-fixed{pointer-events:auto}#topMenu04 .side-menu-inner{--side-menu-fixed-top:1rem;width:100%;height:var(--sub-menu-height);box-sizing:border-box;transition:border-color .45s var(--motion-ease-elegant);background-color:#0000;background-clip:padding-box;border:1px solid #fff3;border-radius:.8rem;position:relative}#topMenu04 .side-menu-inner.is-fixed{top:var(--side-menu-fixed-top);left:max(var(--area-padding), calc((100% - var(--area-wide-width)) / 2));right:max(var(--area-padding), calc((100% - var(--area-wide-width)) / 2));z-index:9990;isolation:auto;opacity:1;width:auto;transition:opacity .36s var(--motion-ease-elegant), transform .68s var(--motion-ease-elegant), box-shadow .68s var(--motion-ease-elegant), border-color .45s var(--motion-ease-elegant), background-color .45s var(--motion-ease-elegant), backdrop-filter .55s var(--motion-ease-elegant), -webkit-backdrop-filter .55s var(--motion-ease-elegant);background-color:#4c525457;border-color:#ffffff4d;position:fixed;transform:translate(0,0);box-shadow:0 1.2rem 3.6rem #11181a1f}#topMenu04 .side-menu-inner.is-fixed:before{-webkit-backdrop-filter:blur(3rem)saturate(138%)contrast(102%);backdrop-filter:blur(3rem)saturate(138%)contrast(102%);background-color:#4c525424}#topMenu04 .side-menu-inner.is-fixed.is-visible{transition-duration:.38s,.72s,.72s,.45s,.45s,.55s,.55s}#topMenu04 .side-menu-inner.is-fixed.is-hidden{transform:translate3d(0, calc(-100% - var(--side-menu-fixed-top) - 6rem), 0);pointer-events:none;transition-duration:.26s,.5s,.5s,.45s,.45s,.55s,.55s}#topMenu04 .side-menu-inner.is-undocked{animation:sideMenuUndock .6s var(--motion-ease-elegant) both}@keyframes sideMenuUndock{0%{background-color:#4c525457;border-color:#ffffff3d;box-shadow:0 1.2rem 3.6rem #11181a1f}to{background-color:#0000;border-color:#fff3;box-shadow:0 0 #11181a00}}#topMenu04 .side-menu-inner:before{z-index:0;background-color:var(--sub-menu-bar-surface,#ffffff0d);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);pointer-events:none;content:"";transition:background-color .45s var(--motion-ease-elegant), backdrop-filter .55s var(--motion-ease-elegant), -webkit-backdrop-filter .55s var(--motion-ease-elegant);border-radius:calc(.8rem - 1px);position:absolute;inset:1px}#topMenu04 .cm-top-menu{z-index:1;flex-wrap:wrap;align-items:center;display:flex;position:relative}#topMenu04 .cm-top-menu>.location-to-home-btn,#topMenu04 .cm-top-menu>.menu-location{opacity:1;transform:none}#topMenu04 .location-to-home-btn{box-sizing:border-box;color:#fff;width:5rem;transition:background-color .24s var(--motion-ease-elegant);border-radius:.7rem 0 0 .7rem;justify-content:center;align-items:center;display:flex}#topMenu04 .location-to-home-btn svg{height:2.4rem;display:block}#topMenu04 .menu-location{float:left;width:auto;position:relative}#topMenu04 .menu-location>.cur-location{width:max-content;min-width:16rem;max-width:28rem;height:var(--sub-menu-height);text-align:left;transition:background-color .24s var(--motion-ease-elegant);padding:0 3.5rem 0 2rem;display:block;position:relative}#topMenu04 .menu-location>.cur-location:before{content:"";width:1px;height:2.4rem;transition:opacity .24s var(--motion-ease-elegant);background-color:#fff3;position:absolute;top:50%;left:0;transform:translateY(-50%)}#topMenu04 .menu-location:hover>.cur-location:before,#topMenu04 .menu-location.open>.cur-location:before,#topMenu04 .location-to-home-btn:hover+.menu-location>.cur-location:before,#topMenu04 .menu-location:hover+.menu-location>.cur-location:before,#topMenu04 .menu-location.open+.menu-location>.cur-location:before{opacity:0}#topMenu04 .menu-location>.cur-location span{color:#fff;width:auto;max-width:100%;font-weight:var(--sub-menu-trigger-weight,400);font-size:1.4rem;line-height:var(--sub-menu-height);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}#topMenu04 .menu-location>.cur-location .arrow{color:#fff;margin-top:-1.2rem;font-size:2.4rem;transition:transform .3s;position:absolute;top:50%;right:1rem}#topMenu04 .menu-location.open>.cur-location .arrow{transform:rotate(-180deg)}@media (hover:hover){#topMenu04 .location-to-home-btn:hover,#topMenu04 .menu-location>.cur-location:hover,#topMenu04 .menu-location.open>.cur-location{background-color:var(--sub-menu-trigger-hover,#ffffff14)}}#topMenu04 .location-to-home-btn:focus-visible,#topMenu04 .menu-location>.cur-location:focus-visible{outline-offset:-.4rem;outline:1px solid #ffffffb8}#topMenu04 .menu-location .location-menu-con{z-index:12;background-color:var(--site-menu-panel-surface,#7e86866b);-webkit-backdrop-filter:blur(2.4rem)saturate(120%);backdrop-filter:blur(2.4rem)saturate(120%);transform-origin:50% 0;width:max-content;min-width:100%;max-width:32rem;transition:opacity .68s var(--motion-ease-elegant), transform .96s var(--motion-ease-elegant), box-shadow .96s var(--motion-ease-elegant), visibility 0s linear .96s;background-image:linear-gradient(145deg,#ffffff24,#3944440d);border:1px solid #ffffff52;border-radius:1.2rem;position:absolute;top:calc(100% + .8rem);left:0;right:auto;overflow:hidden;transform:translateY(.5rem)scale(.992);box-shadow:0 .8rem 1.8rem #05121314,0 2.4rem 6rem #05121329}#topMenu04 .menu-location.open .location-menu-con{transition-delay:0s;transform:translate(0,0)scale(1);box-shadow:0 1rem 2.4rem #0512131a,0 2.8rem 7rem #0512132e}#topMenu04 .menu-location .location-menu-con>ul{padding-bottom:0}#topMenu04 .menu-location .location-menu-con li:first-child{padding-top:0}#topMenu04 .menu-location .location-menu-con li a{letter-spacing:-.02em;color:var(--site-menu-panel-text,#ffffffd1);word-break:keep-all;transition:color .2s var(--motion-ease-elegant), background-color .2s var(--motion-ease-elegant);padding:1rem 2rem;font-size:1.4rem;font-weight:600;line-height:1.3;display:block}#topMenu04 .menu-location .location-menu-con li+li{border-top:1px solid #ffffff1f;transition:border-color .2s}#topMenu04 .menu-location .location-menu-con li:hover,#topMenu04 .menu-location .location-menu-con li:hover+li,#topMenu04 .menu-location .location-menu-con li.on,#topMenu04 .menu-location .location-menu-con li.on+li{border-top-color:#0000}#topMenu04 .menu-location .location-menu-con li a:hover,#topMenu04 .menu-location .location-menu-con li a:focus-visible{color:#fff;background-color:var(--main-color)}#topMenu04 .menu-location .location-menu-con li.on{position:relative}#topMenu04 .menu-location .location-menu-con li.on a{color:#fff;background-color:var(--main-color)}.share-btn-wrapper{opacity:0;transition:opacity .72s var(--motion-ease-elegant) .24s, transform .8s var(--motion-ease-elegant) .24s;z-index:11;position:absolute;bottom:0;right:0;transform:translateY(.8rem)}.share-btn-wrapper.recruit-css .share-open-btn{width:20rem}.share-btn-wrapper .share-open-btn{box-sizing:border-box;letter-spacing:-.04em;color:#fff;border:0;justify-content:space-between;align-items:center;width:16rem;height:4.8rem;padding:0 2.4rem;font-size:1.6rem;font-weight:500;display:flex}.share-btn-wrapper .share-open-btn i{font-size:2rem}#topMenu04 .side-menu-inner .share-btn-wrapper.in-fixed-bar{z-index:1;opacity:1;height:100%;transition:none;position:absolute;top:0;bottom:auto;right:0;transform:none}#topMenu04 .side-menu-inner .share-btn-wrapper.in-fixed-bar .share-open-btn{width:auto;height:100%;transition:background-color .24s var(--motion-ease-elegant);background:0 0;gap:1.2rem;padding:0 2rem}#topMenu04 .side-menu-inner .share-btn-wrapper.in-fixed-bar .share-open-btn:hover{background-color:#ffffff1a}#topMenu04 .side-menu-inner .share-btn-wrapper.in-fixed-bar:before{content:"";background-color:#fff3;width:1px;height:2.4rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}:is(body:has(#header .gnb-2dep.open) #topMenu04 .side-menu-inner.is-fixed,body:has(#header.open) #topMenu04 .side-menu-inner.is-fixed,body:has(#header.sitemap-open) #topMenu04 .side-menu-inner.is-fixed){transform:translate3d(0, calc(-100% - var(--side-menu-fixed-top) - 6rem), 0);pointer-events:none}#visual.active .visual-img-inner{filter:none;transform:none}#visual.active .share-btn-wrapper,#visual.active .visual-tit{opacity:1;transform:translate(0,0)}#visual.active #topMenu04 .cm-top-menu>.location-to-home-btn,#visual.active #topMenu04 .cm-top-menu>.menu-location{opacity:1;transform:none}#visual.active .main-scroll-icon{opacity:1}@media (prefers-reduced-motion:reduce){#visual .visual-img-inner,#visual .visual-tit,#visual #topMenu04,#visual #topMenu04 .cm-top-menu,#visual #topMenu04 .cm-top-menu>.location-to-home-btn,#visual #topMenu04 .cm-top-menu>.menu-location,#visual .share-btn-wrapper,#visual .main-scroll-icon{opacity:1;clip-path:none;filter:none;transition:none;transform:none}#topMenu04 .side-menu-inner.is-fixed{transition:none}#topMenu04 .side-menu-inner.is-undocked{animation:none}#topMenu04 .menu-location .location-menu-con{transition:none;transform:none}}@media (max-width:1820px){#visual .main-scroll-icon{left:auto;right:calc(var(--area-padding) + 3rem);margin-left:0}}@media (max-width:1280px){#content:not(.wide){padding:70px var(--area-padding)}#content.wide{padding:70px 0 0}#visual .main-scroll-icon{bottom:12.3rem}}@media (max-width:1279px){#topMenu04 .side-menu-inner{--side-menu-fixed-top:calc(var(--header-height) + 1rem)}}@media (max-width:800px){#visual.sub-visual-application{--sub-visual-height:60rem}#visual.sub-visual-about{--sub-visual-position:90% 58%}#visual.sub-visual-products{--sub-visual-position:50% 50%}#visual.sub-visual-ir{--sub-visual-position:88% 50%}#visual.sub-visual-careers{--sub-visual-position:70% 50%}#visual .table-cell-layout{vertical-align:bottom;box-sizing:border-box;padding-bottom:3rem}#visual .visual-tit{margin-bottom:4.5rem;font-size:5rem}#visual .main-scroll-icon,#topMenu04 .location-to-home-btn{display:none}#topMenu04 .menu-location{width:50%}#topMenu04 .menu-location>.cur-location{width:100%;min-width:0;max-width:none;padding:0 3.5rem 0 2rem}#topMenu04 .menu-location .location-menu-con{width:auto;min-width:0;max-width:none;right:0}#topMenu04 .menu-location>.cur-location:before{height:2.4rem}#topMenu04 .menu-location.location1>.cur-location:before{display:none}#topMenu04 .menu-location>.cur-location span{font-size:1.4rem}#topMenu04 .menu-location>.cur-location .arrow{margin-top:-1.2rem;font-size:2.4rem;right:1rem}#topMenu04 .menu-location .location-menu-con>ul{padding-bottom:0}#topMenu04 .menu-location .location-menu-con li:first-child{padding-top:0}#topMenu04 .menu-location .location-menu-con li a{padding:1rem 2rem;font-size:1.4rem}.share-btn-wrapper{display:none}}