.splash[data-astro-cid-tw64yqaf]{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#00aeef,#0087bb);z-index:9999;display:flex;align-items:center;justify-content:center}.splash[data-astro-cid-tw64yqaf] #splash-bg[data-astro-cid-tw64yqaf]{position:absolute;top:50%;left:auto;right:0;transform:translateY(-50%)}.splash[data-astro-cid-tw64yqaf].fadeout{animation:splashFadeOut 1s ease forwards}@keyframes splashFadeOut{0%{opacity:1}to{opacity:0}}@media screen and (max-width: 768px){.splash[data-astro-cid-tw64yqaf] #splash-logo[data-astro-cid-tw64yqaf]{transform:scale(.8)}.splash[data-astro-cid-tw64yqaf] #splash-bg[data-astro-cid-tw64yqaf]{opacity:.5}}body:before{content:"";position:fixed;z-index:-1;display:block;top:0;right:0;bottom:0;width:30vw;height:100%;background:var(--bs-theme-color-reverse-sub)}p{line-height:2rem}.title-header{font-size:3.2rem}@media screen and (min-width: 768px){.title-header{font-size:50px}}#mvheader{width:100%;height:940px;position:relative;overflow:hidden}#mvheader .kbk{opacity:0;overflow:visible;position:absolute;width:20%;height:100%;right:0;top:0;z-index:1;transform:translateY(100px);transition:all .5s ease-in-out}#mvheader .kbk svg{position:absolute;top:40%;left:50%;width:50vw;transform:translate(-40%) rotate(-90deg);transform-origin:center}#mvheader .kbk svg path{opacity:.8;fill:#ededed}#mvheader:before{content:"";display:block;clear:both;width:calc(100% - 50px);height:calc(100% - 50px);background:var(--bs-theme-gradient);position:absolute;left:50px;top:50px}body.loaded #mvheader .kbk{transform:translateY(0)}@media screen and (min-width: 992px){body.loaded #mvheader .kbk{opacity:1}}#mvslider{width:calc(100% - 10px);height:calc(100% - 10px);margin:0 10px 10px 0}@media screen and (min-width: 768px){#mvslider{width:calc(100% - 50px);height:calc(100% - 50px);margin:0 50px 50px 0}}#mvslider .swiper-slide picture{display:block;width:100%;height:100%}#mvslider .swiper-slide img{width:100%;height:100%;object-fit:cover}.swiper-slide{z-index:0}#mvslider .btn{position:relative;width:100%;text-align:left}@media screen and (min-width: 768px){#mvslider .btn{max-width:380px}}#slider-01 .message{position:absolute;z-index:1;bottom:-3em;color:#fff;width:90%;left:50%;transform:translate(-50%,-50%);font-size:1.8rem;font-weight:700}@media screen and (min-width: 768px){#slider-01 .message{width:calc(100% - 1em);top:50%;transform:translateY(-50%);left:2em;font-size:3rem}}#slider-01 .message p{line-height:4rem}#slider-01 .message .btn{width:100%}@media screen and (min-width: 768px){#slider-01 .message.spy{transition-delay:2s}}#business{position:relative;padding-bottom:8em}@media screen and (min-width: 768px){#business{padding-bottom:12.5em;margin-bottom:15em}}#business .bg-row{background-color:#fff;width:100%;margin:0;padding:0;position:absolute;top:0;left:0;bottom:0;background-position:right bottom;background-size:100% auto;background-repeat:no-repeat}@media screen and (min-width: 768px){#business .bg-row{width:100vw;left:50%;transform:translate(-80%)}}#business .title-row{position:relative}@media screen and (min-width: 768px){#business .content-row{width:100vw;position:relative;left:50%;transform:translate(-50%);padding:40px 0}#business .content-row .col{background-size:cover;padding-left:0;padding-right:0}#business .content-row .col:nth-child(1){margin-top:4em}#business .content-row .col:nth-child(2){margin-top:2em}}#business .link-box{position:relative;border:none;display:flex;justify-content:center;align-items:center;padding-top:100%;background-repeat:no-repeat;background-size:100% 100%;background-position:center center;margin-bottom:1em;overflow:hidden;box-shadow:0 0 #0000;transition:all .3s ease-in-out}#business .link-box a{position:absolute;inset:0;width:90%;height:90%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;margin:5%;color:#fff;text-decoration:none;font-weight:700;font-size:1.4em}#business .link-box a:after{content:"";position:absolute;background:url(/assets/images/icon_arrow.png) no-repeat;background-size:contain;width:40px;height:6px;left:50%;bottom:4em;transform:translate(-50%)}#business .link-box:before{background:#000c;content:"";position:absolute;inset:0}@media screen and (min-width: 768px){#business .link-box:hover{transform:translateY(-1em);background-size:120% 120%;box-shadow:0 3px 12px #0009}}#company{color:#fff;background-size:cover}@media screen and (max-width: 767px){#company .row{overflow-x:hidden}}@media screen and (min-width: 768px){#company .row>.col:first-child{margin-top:-15em}}@media screen and (min-width: 768px){#company .row>.col:last-child{margin-top:-5em;margin-bottom:0;padding:0 0 0 4em}}#company h2 span{color:#fff}#company img{width:100%}#recruit{color:#000;background-size:cover;padding:2em .5em}@media screen and (min-width: 768px){#recruit{padding:5em 1em}}#recruit>.row{background-color:#fff;width:100%;margin:0 auto}@media screen and (max-width: 767px){#recruit>.row{overflow-x:hidden}}@media screen and (min-width: 768px){#recruit>.row{width:calc(100% - 2em);margin:0 0 0 auto}}#recruit>.row>.col:first-child{padding:3em 1em}@media screen and (min-width: 768px){#recruit>.row>.col:first-child{padding:6em 3em}}#recruit>.row>.col:last-child{padding:.5em}#recruit>.row>.col:last-child img{width:100%;height:100%;object-fit:cover}#recruit img{width:100%}#news{width:100%;padding:2em 0}@media screen and (min-width: 768px){#news{padding:5em 0}}#news .row{width:calc(100% - 2em);max-width:1680px;padding:0;margin:0 auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc}@media screen and (min-width: 768px){#news .row{width:calc(100% - 4em)}}#news .row>.col{display:flex;justify-content:center;align-items:center;background-color:#fff}#news .row>.col:nth-child(1){background-color:#ccc;color:#000}#news .row .title-header{margin:1em 0;text-align:center}@media screen and (min-width: 768px){#news .row .title-header{margin:1.5em 0}}#news .row ul{width:100%;padding:0 1em;margin:2em auto;list-style:none}@media screen and (min-width: 768px){#news .row ul{width:80%}}#news .row ul>li{margin:1em 0}@media screen and (max-width: 767px){#news .row ul>li>span{display:block}}
