@charset "UTF-8";
/* main */
.inbox{max-width:100%;width:1680px;margin:0 auto;padding:0 20px}
.main-list{display:flex}
.main-list>li{position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.section{position:relative;margin-top:180px}
.section:not(.main-kv, .main-numbers){max-width:1920px;margin:180px auto 0}
.section__header{margin-bottom:80px}
.section__title{font-size:128px;color:#000;line-height:100px;font-weight:600;letter-spacing:-0.045em}
/* main : keyvisual */
.main-kv{margin:0}
.kv__swiper{position:relative;overflow:hidden}
.kv__bg{height:100vh;width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}
.kv__mobg{height:100vh;width:100%;background-position:bottom;background-repeat:no-repeat;background-size:cover;visibility:hidden}
.kv__video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:120%}
.kv__video--pc{display:block}
.kv__video--mo{display:none}
@media screen and (min-width:1920px) {
    .kv__video{width:200%;height:auto}
}
.kv__textbox{position:absolute;width:100%;left:50%;top:50%;color:var(--white);font-weight:bold;text-align:center;z-index:20;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.kv__textbox span{display:block}
.kv__slidetext{position:absolute;left:50%;bottom:0;max-width:1720px;width:100%;height:100%;transform:translateX(-50%);z-index:20}
.kv__slidetext span{position:absolute;left:20px;bottom:132px;font-size:12px;color:var(--white);font-weight:bold;letter-spacing:0;z-index:20;-webkit-transform:rotate(-90deg);-webkit-transform-origin:top left;transform:rotate(-90deg);transform-origin:top left}
.kv__direction{position:absolute;display:inline-block;top:50%;width:26px;height:50px;background-position:50%;background-repeat:no-repeat;cursor:pointer;transform:translateY(-50%);z-index:20}
.kv__direction--left{left:6.25%;background-image:url(../images/icon_kv_swiper_prev.svg)}
.kv__direction--right{right:6.25%;background-image:url(../images/icon_kv_swiper_next.svg)}
.kv__indicator{display:flex;justify-content:center;align-items:center;position:absolute;left:calc(50% - 14px);bottom:60px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:20}
.kv__indicator-list{float:left}
.kv__indicator-list>li{position:relative;margin-right:5px;float:left}
.kv__indicator-list .swiper-pagination-bullet{position:relative;width:45px;height:45px;margin:0 5px 0 0 !important;background-color:transparent;color:#fff;text-align:center;opacity:1}
.kv__indicator-list .swiper-pagination-bullet-active{border:2px solid rgba(255,255,255,0.4);opacity:1}
.kv__indicator-list .swiper-pagination-bullet-active .kv__indicator-loader{animation:kv-loader 7s linear}
.kv__indicator-list .swiper-pagination-bullet-active .kv__indicator-number{color:var(--white);line-height:41px}
.kv__indicator-number{font-size:12px;color:rgba(255,255,255,0.6);font-weight:bold;text-align:center;line-height:45px}
.kv__indicator-loader{fill:none;stroke-width:2px;stroke-linecap:round;stroke:var(--white);stroke-dasharray:314;stroke-dashoffset:314;-webkit-transform:rotate(-90deg);-webkit-transform-origin:center center;transform:rotate(-90deg);transform-origin:center center}
.kv__play-stop{width:45px;height:45px;background:url(../images/main_kv_pause.svg) 50% no-repeat;cursor:pointer}
.kv__play-stop.active{background-image:url(../images/main_kv_play.svg)}
.kv__indicator-imgbox{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.kv__counter{position:absolute;bottom:80px;left:20px;right:0;max-width:1700px;margin:0 auto;font-size:12px;font-weight:bold;color:var(--white);transform:rotate(-90deg);transform-origin:top left;z-index:10}
.kv__counter small{margin:0 3px}
.kv__number-all{font-weight:400;opacity:.4}
.kv__company{margin-top:0;margin-bottom:20px;font-size:108px;line-height:108px;transition:all 0.6s ease-out 0.8s;opacity:0;transform:translateY(30px)}
.kv__slogan{font-size:24px;font-weight:600;line-height:normal;transition:all .6s ease-out 1.2s;opacity:0;transform:translateY(30px)}
.kv__outline{font-size:108px;line-height:108px;color:transparent;-webkit-text-stroke:1px var(--white);transition:all .6s ease-out 0.4s;opacity:0;transform:translateY(30px)}
.kv__news{position:absolute;right:0;bottom:0;width:640px;height:225px;background-color:var(--white);line-height:normal;box-sizing:border-box;-webkit-transform:translateX(calc(100% - 30px));-webkit-transition:all .6s cubic-bezier(0.87, 0, 0.13, 1);transform:translateX(calc(100% - 30px));transition:all .6s cubic-bezier(0.87, 0, 0.13, 1);z-index:20}
.kv__news-category{font-size:20px;font-weight:900}
.kv__news-content{display:-webkit-box;position:relative;overflow:hidden;margin-top:20px;padding-right:200px;line-height:28px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.kv__news-content:after{position:absolute;top:70%;right:10px;width:25px;height:7px;background:url(../images/icon_main_right.svg) 50% no-repeat;content:'';animation:main-arrow .5s infinite alternate}
.kv__news>a{display:block;padding:70px 80px 60px}
.kv__news.active{-webkit-transform:translateX(0);transform:translateX(0)}
.kv__news.active .btn-kvnews{-webkit-transform:rotate(0);transform:rotate(0)}
.btn-kvnews{position:absolute;left:0;top:0;width:30px;height:225px;background-color:var(--lightgray);background-image:url(../images/icon_next.svg);background-repeat:no-repeat;background-position:center 50%;background-size:6px 10px;text-indent:-999em;-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:background 0.3s ease-in-out}
@keyframes kv-loader{100%{stroke-dashoffset:0}}
@keyframes main-arrow {0%{transform:translateX(5px)}50%{transform:translateX(0px)}100%{transform:translateX(5px)}}
.kv__swiper .swiper-slide-active .kv__outline,
.kv__swiper .swiper-slide-active .kv__company,
.kv__swiper .swiper-slide-active .kv__slogan {opacity:1;transform:translateY(0)}
/* main : business */
.main-list--business{padding:0 20px;flex-wrap:wrap}
.main-list--business>li{flex-basis:100%;border-top:1px solid var(--lightgray)}
.main-list--business>li:first-child{border-top:1px solid transparent}
.main-list--business>li>a{position:relative;display:flex;align-items:center;padding:90px}
.main-business__title{flex:1;font-size:36px;font-weight:600;transition:all .3s ease-in-out}
.main-business__description{display:block;height:0;transition:all .3s ease-in-out;opacity:0;color:#857c7a;font-weight:300;visibility:hidden;font-size:18px}
.main-business__number{width:90px;font-size:20px;color:var(--point);font-weight:bold}
.main-business__imgbox{position:absolute;width:600px;top:50%;right:0;transition:all .5s ease-out;opacity:0;transform:translateY(-50%)}
.main-business__imgbox:before{position:absolute;display:inline-block;top:50%;left:-50px;width:100px;height:100px;transform:translateY(-50%);border-radius:50%;background-image:url(../images/business_overview_mouse.png);background-repeat:no-repeat;background-position:50%;content:'';z-index:10}
.main-business__imgbox:after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:var(--white);transition:width 0.6s ease-out;}
/* main : about */
.main-list--about>li{flex-grow:1}
.main-about__box{position:absolute;left:50%;transform:translateX(-50%);bottom:58px;width:480px;height:110px;padding:40px;box-sizing:border-box;background:var(--white);overflow:hidden}
.main-about__box>img{position:absolute;right:40px;bottom:50px}
.main-about__imgbox{margin:0 auto;padding-top:112.5%;background-size:102% auto;background-repeat:no-repeat;background-position:50% 50%;text-align:center;transition:all 0.5s ease-out;transform-origin:50% 50%}
.main-about__imgbox--1{background-image:url(../images/main_about01.jpg)}
.main-about__imgbox--2{background-image:url(../images/main_about02.jpg)}
.main-about__imgbox--3{background-image:url(../images/main_about03.jpg)}
.main-about__description{line-height:28px;font-weight:300}
.main-about__title{margin-bottom:75px;font-size:24px;font-weight:600}
/*  main : numbers */
.main-numbers{max-width:1920px;margin:0 auto;padding-top:175px;background-color:#f6f6f6}
.main-list--numbers{padding-bottom:170px}
.main-list--numbers>li{flex:1;text-align:center}
.main-numbers__title{position:relative;margin-top:30px;color:#000;font-weight:600}
.main-numbers__unit{display:inline-block;margin-top:50px;font-size:24px}
.main-numbers__counter{font-size:72px}
.main-numbers__counter-nodata{font-size:72px}
.main-numbers__counter-nodata sup{font-size:46px;line-height:0}
.main-numbers__description{font-size:18px;line-height:28px}
.numbers__icon{height:85px}
.main-numbers__counter-nodata{position:relative}
.main-numbers__counter-nodata .main-numbers__result{visibility:hidden;opacity:0;transition-delay:0.4s}
.main-numbers__text{display:block;position:absolute;top:0;left:0;line-height:85px;transition-delay:0.4s}
.main-numbers__title.aos-animate .main-numbers__counter-nodata .main-numbers__result{visibility:visible;opacity:1}
.main-numbers__title.aos-animate .main-numbers__text{opacity:0}
/* main : news */
.main-news__parallax{height:500px;width:100%;background-image:url(../images/main_news_bg.jpg);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}
.main-news__slider{position:relative}
.main-news__swiper{position:relative;margin-left:auto;margin-top:-315px;margin-bottom:50px;max-width:1200px;padding:90px 90px 40px;background:var(--white);overflow:hidden;box-sizing:border-box;cursor:none}
.main-news__cursor{position:fixed;pointer-events:none;opacity:0;transform:scale(0.6) translate(-50%,-50%);transform-origin:50% 50%;transition:all 0.6s ease-out;transition-property:opacity,transform}
.main-news__swiper.active .main-news__cursor{transform:scale(1);opacity:1;z-index:10}
.main-news__wrap{position:relative;cursor:none}
.main-news__swiper .swiper-slide{width:425px;padding-left:10px;padding-right:50px;box-sizing:border-box;transition:all 1s ease-in-out}
.main-news__swiper .swiper-slide-prev{opacity:0}
.main-news__number{display:block;font-size:20px;color:var(--point);font-weight:bold}
.main-news__title{display:-webkit-box;margin-top:40px;font-size:36px;color:#000;font-weight:600;line-height:48px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.main-news__description{display:-webkit-box;margin-top:60px;line-height:32px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:9}
.main-news__bg{position:absolute;top:0;right:0;width:90px;background:linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 113.33%) ;}
@media (hover: hover) {
    .btn-kvnews:hover{background-color:var(--point);background-image:url(../images/icon_next_white.svg)}
    @media screen and (min-width:1024px) {
        .main-list--business>li:hover {border-top:1px solid var(--point)}
        .main-list--business>li:hover .main-business__description{height:22px;opacity:1;visibility:unset}
        .main-list--business>li:hover .main-business__imgbox{opacity:1;z-index:10}
        .main-list--business>li:hover .main-business__imgbox:after{width:0}
        .main-list--business>li:hover >a{padding:90px;transition:0.3s ease-in-out}
        .main-list--about>li:hover img{filter:brightness(0.8);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
        .main-list--about>li:hover .main-about__box{height:200px;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
        .main-list--about>li:hover .main-about__title{margin-bottom:20px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
        .main-list--about>li:hover .main-about__box>img{animation:main-arrow .5s infinite alternate}
        .main-list--about>li:hover .main-about__imgbox {background-size:110%}
        .main-list--about>li:first-child:hover .main-about__box{height:230px;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
    }
    @media screen and (max-width:1540px) and (min-width:1024px) {
        .main-list--business>li:hover >a{padding:60px 20px;transition:0.3s ease-in-out}
    }
}
@media screen and (max-width:1540px) {
    .kv__outline{font-size:60px;line-height:66px}
    .kv__company{font-size:60px;line-height:66px}
    .kv__slogan{font-size:20px}
    /* main : business */
    .main-business__number{width:5%}
    .main-list--business>li>a{padding:60px 20px}
    .main-business__imgbox{width:30%}
    .main-business__imgbox:before{left:-37px;width:75px;height:75px}
    .main-about__box{width:90%}
}
@media screen and (max-width:1023px) {
    /* main */
    .inbox{padding:0 30px}
    .section:not(.main-kv, .main-numbers){margin:80px auto 0}
    .section__header{margin-bottom:60px}
    .section__title{font-size:60px;line-height:60px}
    .mo-mode{display:none}
    /* main : keyvisual */
    .kv__swiper{height:calc(100vh + 160px)}
    .kv__swiper.no-news{height:100vh;}
    .kv__textbox{top:calc(50% - 160px)}
    .no-news .kv__textbox{top:calc(50% - 90px)}
    .kv__outline{font-size:47px;line-height:54px}
    .kv__company{font-size:47px;line-height:54px}
    .kv__slogan{font-size:18px}
    .kv__indicator{top:calc(100vh - 105px);bottom:unset}
    .kv__news{width:100%;height:160px;bottom:0;transform:none;border-bottom:1px solid var(--lightgray)}
    .kv__news>a{padding:33px 27px}
    .kv__news-category{font-size:22px}
    .kv__news-content{margin-top:20px;padding-right:107px;font-size:16px;line-height:24px}
    .kv__news-content:after{width:17px;height:6px;background-size:18px;animation:none}
    /* main : business */
    .main-list--business{padding:0}
    .main-list--business>li>a{height:146px;padding:0}
    .main-business__title{font-size:30px}
    .main-business__description{height:auto;font-size:16px;opacity:1;visibility:unset}
    .main-business__number{width:44px;font-size:13px}
    /* main : about */
    .main-list--about{overflow-x:scroll}
    .main-about__imgbox{width:450px;padding-top:148%;background-size:cover;filter:brightness(0.8)}
    .main-about__title{margin-bottom:20px;font-size:20px}
    .main-about__box{width:380px;height:190px;padding:24px}
    .main-about__description{font-size:14px;line-height:1.55}
    /*  main : numbers */
    .main-list--numbers{flex-wrap:wrap;padding-bottom:80px}
    .main-list--numbers>li{flex:none;width:50%;margin-bottom:40px}
    .main-list--numbers>li:nth-child(n+3):nth-child(-n+4){margin:0}
    .main-numbers{padding-top:80px}
    .main-numbers__counter{font-size:43px}
    .main-numbers__counter-nodata{font-size:43px}
    .main-numbers__unit{margin-top:30px;font-size:16px}
    .main-numbers__counter-nodata sup{font-size:32px}
    .main-numbers__title{margin-top:0}
    .main-numbers__description{font-size:16px}
    .main-numbers__counter-nodata>span{transition-delay:0.3s}
    .main-numbers__text{line-height:60px;transition-delay:0.3s}
    .numbers__icon{height:63px}
    .numbers__icon>img{width:60px}
    /* main : news */
	.main-news__parallax{background-attachment:unset}
    .main-news__swiper .swiper-slide{padding:0 29px}
}
@media screen and (max-width:768px) {
    /* main */
    .inbox{padding:0 20px}
    .section:not(.main-kv, .main-numbers){margin:60px auto 0}
    .section__header{margin-bottom:40px}
    .section__title{font-size:40px;line-height:40px}
    /* main : keyvisual */
    .kv__swiper{height:calc(100vh + 120px)}
    .kv__bg{visibility:hidden}
    .kv__mobg{visibility:visible}
    .kv__video--pc{display:none}
    .kv__video--mo{display:block}
    .kv__textbox{top:calc(50% - 120px)}
    .no-news .kv__textbox{top:calc(50% - 60px)}
    .kv__outline{font-size:36px;line-height:42px}
    .kv__company{font-size:36px;line-height:42px}
    .kv__slogan{font-size:14px}
    .kv__indicator{left:0;right:0;width:auto;transform:unset;}
    .kv__indicator-list.swiper-pagination-bullets{width:auto;}
    .kv__indicator-list .swiper-pagination-bullet{width:34px;height:34px;margin:0 4px 0 0 !important}
    .kv__indicator-list .swiper-pagination-bullet-active .kv__indicator-number{line-height:30px}
    .kv__indicator-imgbox{transform:translate(-50%, -50%) scale(0.75)}
    .kv__indicator-number{font-size:9px;line-height:34px}
    .kv__play-stop{width:34px;height:34px}
    .kv__indicator-list>li{margin:0}
    .kv__news{height:120px}
    .kv__news>a{padding:26px 20px}
    .kv__news-category{font-size:16px}
    .kv__news-content{margin-top:13px;padding-right:80px;font-size:12px;line-height:18px}
    .kv__news-content:after{width:13px;height:4px;background-size:13px}
    /* main : business */
    .main-list--business>li>a{height:110px}
    .main-business__title{font-size:20px}
    .main-business__number{font-size:10px}
    .main-business__description{height:auto;font-size:12px}
    /* main : about */
    .main-about__imgbox{width:340px}
    .main-about__title{margin-bottom:12px;font-size:15px;line-height:15px}
    .main-about__box{bottom:25px;width:300px;height:145px;padding:20px}
    .main-about__box>img{right:20px;bottom:25px;width:20px}
    /*  main : numbers */
    .main-numbers{padding-top:60px}
    .main-list--numbers{padding-bottom:60px}
    .main-list--numbers>li{margin-bottom:30px}
    .main-numbers__title{margin-bottom:-10px}
    .main-numbers__counter{font-size:32px}
    .main-numbers__counter-nodata{font-size:32px}
    .main-numbers__unit{margin-top:20px;font-size:12px}
    .main-numbers__counter-nodata sup{font-size:24px;line-height:24px}
    .main-numbers__description{font-size:12px}
    .main-numbers__text{line-height:30px}
    .numbers__icon{height:42px}
    .numbers__icon>img{width:40px}
    /* main : news */
    .main-news__parallax{display:none}
    .main-news__swiper{margin:0;padding:0}
    .main-news__swiper .swiper-slide{margin-right:27px;padding:0 0 0 20px;max-width:267px}
    .main-news__number{font-size:10px}
    .main-news__title{margin-top:25px;font-size:22px;line-height:27px}
    .main-news__description{margin-top:30px;line-height:22px}
}