.commitment-wrp{padding:0 5vw}.commitment-wrp .ttl-bg{display:flex;justify-content:center;line-height:1;font-size:12vw;font-weight:700;color:#ebebeb}@media(min-width: 768px){.commitment-wrp .ttl-bg{font-size:13rem}}.commitment-wrp .company-name{text-align:center;font-size:1.7rem;line-height:1;margin-bottom:10px;font-weight:700;margin-top:-80px}@media(min-width: 768px){.commitment-wrp .company-name{font-size:2.3rem;margin-top:-200px}}.commitment-wrp h2{font-size:4.6rem;line-height:1;text-align:center;font-weight:700;letter-spacing:.05em}@media(min-width: 768px){.commitment-wrp h2{font-size:6.3rem}}.commitment-wrp h2 span{font-size:3.3rem}@media(min-width: 768px){.commitment-wrp h2 span{font-size:4.3rem}}.commitment-wrp .commitment-list{margin-top:30px}@media(min-width: 768px){.commitment-wrp .commitment-list{display:flex;justify-content:center;gap:50px;margin-top:50px}}.commitment-wrp .commitment-list li{display:flex;justify-content:center;margin-bottom:10px}@media(min-width: 768px){.commitment-wrp .commitment-list li{text-align:center;display:block;margin-bottom:0}}.commitment-wrp .commitment-list li .number{font-size:1.8rem;line-height:1.4;color:#ff7f00;font-weight:700;flex-shrink:0;margin-right:5px}@media(min-width: 768px){.commitment-wrp .commitment-list li .number{font-size:4rem;line-height:1;margin-bottom:15px;margin-right:0}}.commitment-wrp .commitment-list li h3{font-size:1.8rem;line-height:1.4;font-weight:700;flex:1}@media(min-width: 768px){.commitment-wrp .commitment-list li h3{font-size:2.8rem}}.commitment-wrp .commitment-list li h3 br{display:none}@media(min-width: 768px){.commitment-wrp .commitment-list li h3 br{display:block}}.commitment-wrp .read{max-width:810px;margin:20px auto 0}@media(min-width: 768px){.commitment-wrp .read{margin-top:30px}}.commitment-wrp .btn{max-width:400px;margin:20px auto 0}@media(min-width: 768px){.commitment-wrp .btn{margin-top:30px}}.service-wrp .service-list{display:flex;flex-wrap:wrap;margin-top:30px;margin-left:-15px;margin-bottom:-15px}@media(min-width: 768px){.service-wrp .service-list{justify-content:center;gap:30px;margin-top:50px;margin-left:0;margin-bottom:0}}.service-wrp .service-list>li{box-shadow:0 0 35px rgba(0,0,0,.05);border-radius:6px;padding:15px;background-color:#fff;display:grid;place-content:center;width:calc(50% - 15px);margin-left:15px;margin-bottom:15px;text-align:center;opacity:0;transform:translateX(-20px);animation:fadeInLeft .6s ease-out forwards}@media(min-width: 560px){.service-wrp .service-list>li{width:calc(33.3333333333% - 15px)}}@media(min-width: 768px){.service-wrp .service-list>li{width:192px;margin-left:0;padding:30px 10px}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.service-wrp .service-list>li:nth-child(1){animation-delay:.2s}.service-wrp .service-list>li:nth-child(2){animation-delay:.4s}.service-wrp .service-list>li:nth-child(3){animation-delay:.6s}.service-wrp .service-list>li:nth-child(4){animation-delay:.8s}.service-wrp .service-list>li:nth-child(5){animation-delay:1s}.service-wrp .service-list>li:nth-child(6){animation-delay:1.2s}.service-wrp .service-list>li:nth-child(7){animation-delay:1.4s}.service-wrp .service-list>li:nth-child(8){animation-delay:1.6s}.service-wrp .service-list>li:nth-child(9){animation-delay:1.8s}.service-wrp .service-list>li:nth-child(10){animation-delay:2s}.service-wrp .service-list>li.visible{opacity:1;transform:translateX(0)}.service-wrp .service-list>li h3{font-size:1.5rem;line-height:1.5;font-weight:700}@media(min-width: 768px){.service-wrp .service-list>li h3{font-size:1.7rem}}.service-wrp .service-list>li h3 br{display:none}@media(min-width: 768px){.service-wrp .service-list>li h3 br{display:block}}.service-wrp .service-list>li img{margin:0 auto 10px}@media(min-width: 768px){.service-wrp .service-list>li img{margin-bottom:15px}}.service-wrp .service-list>li .service-box-it img{width:45px}@media(min-width: 768px){.service-wrp .service-list>li .service-box-it img{width:62px}}.service-wrp .service-list>li .service-box-system img{width:58px}@media(min-width: 768px){.service-wrp .service-list>li .service-box-system img{width:75px}}.service-wrp .service-list>li .service-box-software img{width:68px}@media(min-width: 768px){.service-wrp .service-list>li .service-box-software img{width:85px}}.service-wrp .service-list>li .service-box-analytics img{width:48px}@media(min-width: 768px){.service-wrp .service-list>li .service-box-analytics img{width:65px}}.service-wrp .service-list>li .service-box-support img{width:54px}@media(min-width: 768px){.service-wrp .service-list>li .service-box-support img{width:71px}}.service-wrp .service-list>li .service-box-org img{width:59px}@media(min-width: 768px){.service-wrp .service-list>li .service-box-org img{width:76px}}.service-wrp .service-list>li .service-box-flow img{width:58px}@media(min-width: 768px){.service-wrp .service-list>li .service-box-flow img{width:75px}}.case-list{margin-top:30px}@media(min-width: 768px){.case-list{margin-top:100px}}.case-list>li{margin-bottom:30px}@media(min-width: 768px){.case-list>li{margin-bottom:70px}}.case-list>li:last-child{margin-bottom:0}.case-list>li .case-number{font-size:1.5rem;line-height:1;font-style:italic;color:#ff7f00;font-weight:700}@media(min-width: 768px){.case-list>li .case-number{font-size:1.7rem}}.case-list>li h4{font-size:2rem;line-height:1.4;font-weight:700;margin-top:10px;margin-bottom:20px}@media(min-width: 768px){.case-list>li h4{font-size:2.9rem;margin-bottom:25px}}.case-list>li .case-contents li{margin-bottom:15px;border-bottom:solid 1px #ebebeb;padding-bottom:15px}@media(min-width: 768px){.case-list>li .case-contents li{display:flex;align-items:flex-start}}.case-list>li .case-contents li:last-child{margin-bottom:0;border-bottom:none}.case-list>li .case-contents li .label{line-height:1;font-size:1.4rem;font-weight:700;background:#f5f5f5;text-align:center;padding:8px;border-radius:4px;flex-shrink:0;margin-right:20px;margin-bottom:5px;width:fit-content}@media(min-width: 768px){.case-list>li .case-contents li .label{font-size:1.7rem;margin-bottom:0;width:150px}}.case-list>li .case-contents li .value{flex:1;line-height:1.8;font-size:1.5rem}@media(min-width: 768px){.case-list>li .case-contents li .value{font-size:1.7rem}}header .logo-wrp .logo-box .logo{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .1s ease-in-out}header .logo-wrp .logo-box .logo-light{opacity:1}header .logo-wrp .logo-box .logo-dark{opacity:0}header .logo-wrp .logo-box.scrolled .logo-light{opacity:0}header .logo-wrp .logo-box.scrolled .logo-dark{opacity:1}header .logo-wrp .company-name-box{color:#ebebeb}header .nav-wrp nav ul li a .jp{color:#ebebeb}#page-top .hero{position:relative;z-index:1;padding:20vh 5vw 0;height:100vh;min-height:800px;overflow:hidden}#page-top .hero::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1}#page-top .hero .copy-box{max-width:1600px;position:relative;z-index:2;margin:0 auto;color:#ebebeb;line-height:1;font-feature-settings:"palt"}#page-top .hero .copy-box .copy-head{font-size:1.6rem;font-weight:700;letter-spacing:.05em}@media(min-width: 768px){#page-top .hero .copy-box .copy-head{font-size:2.2rem}}#page-top .hero .copy-box h1{font-size:3.1rem;font-weight:700;margin:12px 0;letter-spacing:.05em}@media(min-width: 768px){#page-top .hero .copy-box h1{font-size:6.6rem;margin:25px 0}}#page-top .hero .copy-box h1 span{font-size:2.6rem}@media(min-width: 768px){#page-top .hero .copy-box h1 span{font-size:4.6rem}}#page-top .hero .copy-box .en{font-size:1.4rem}@media(min-width: 768px){#page-top .hero .copy-box .en{font-size:2.1rem}}#page-top .hero .copy-box .btn{margin-top:20px;width:90%;max-width:450px;font-size:1.6rem}@media(min-width: 560px){#page-top .hero .copy-box .btn{font-size:2rem;padding:20px 10px}}@media(min-width: 834px){#page-top .hero .copy-box .btn{margin-top:40px;padding:25px 20px}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}#page-top .hero .copy-box>*{opacity:0;transform:translateX(-50px);animation:fadeInLeft .8s ease-out forwards}#page-top .hero .copy-box .copy-head{animation-delay:.2s}#page-top .hero .copy-box h1{animation-delay:.4s}#page-top .hero .copy-box .en{animation-delay:.6s}#page-top .hero .copy-box .btn{animation-delay:.8s}#page-top .hero video{position:absolute;top:0;left:0;z-index:1;width:100%;height:100vh;object-fit:cover}#page-top .copy-wrp{position:relative;z-index:2;margin-top:-30vh;margin-bottom:-25vh}@media(min-width: 768px){#page-top .copy-wrp{margin-top:-40vh;margin-bottom:0}}#page-top .copy-wrp::before{content:"";position:absolute;top:-200px;left:0;width:100%;height:100%;background-color:#ff7f00;clip-path:polygon(0 0, 100% 27%, 100% 73%, 0% 100%);transition:clip-path 1s ease-out}@media(min-width: 768px){#page-top .copy-wrp::before{top:0}}#page-top .copy-wrp.visible::before{clip-path:polygon(0 27%, 100% 0, 100% 100%, 0 73%)}#page-top .copy-wrp .sub-copy-wrp{padding:0 5vw;position:relative;z-index:2;top:-240px;padding-bottom:99px;color:#fff}@media(min-width: 768px){#page-top .copy-wrp .sub-copy-wrp{top:-190px}}@keyframes slideUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}#page-top .copy-wrp .sub-copy-wrp .sub-copy{text-align:center;line-height:1;opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}#page-top .copy-wrp .sub-copy-wrp .sub-copy.visible{opacity:1;transform:translateY(0)}#page-top .copy-wrp .sub-copy-wrp .sub-copy .copy-bg{font-size:23.2rem;opacity:.14;font-weight:700}@media(min-width: 560px){#page-top .copy-wrp .sub-copy-wrp .sub-copy .copy-bg{font-size:40rem}}@media(min-width: 834px){#page-top .copy-wrp .sub-copy-wrp .sub-copy .copy-bg{font-size:63.2rem}}#page-top .copy-wrp .sub-copy-wrp .sub-copy .copy-main{position:absolute;width:100%;top:80px;left:0;font-size:4rem;font-weight:700;line-height:1.1}@media(min-width: 560px){#page-top .copy-wrp .sub-copy-wrp .sub-copy .copy-main{top:120px;font-size:7rem}}@media(min-width: 834px){#page-top .copy-wrp .sub-copy-wrp .sub-copy .copy-main{top:200px;font-size:13rem}}#page-top .copy-wrp .sub-copy-wrp .read-box{max-width:1080px;margin:-40px auto 0;opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out;transition-delay:.5s}@media(min-width: 834px){#page-top .copy-wrp .sub-copy-wrp .read-box{margin-top:-80px;display:flex}}#page-top .copy-wrp .sub-copy-wrp .read-box.visible{opacity:1;transform:translateY(0)}#page-top .copy-wrp .sub-copy-wrp .read-box h2{font-size:2.4rem;font-weight:700;letter-spacing:.1em;line-height:1.6;text-align:center}@media(min-width: 560px){#page-top .copy-wrp .sub-copy-wrp .read-box h2{font-size:3rem}}@media(min-width: 834px){#page-top .copy-wrp .sub-copy-wrp .read-box h2{flex-shrink:0;font-size:3.7rem}}#page-top .copy-wrp .sub-copy-wrp .read-box p{margin-top:20px}@media(min-width: 834px){#page-top .copy-wrp .sub-copy-wrp .read-box p{margin-top:0;flex:1;margin-left:100px;font-size:1.8rem}}#page-top .copy-wrp .sub-copy-wrp .btn{max-width:400px;margin:20px auto 0}@media(min-width: 768px){#page-top .copy-wrp .sub-copy-wrp .btn{margin-top:25px}}#page-top .copy-wrp .sub-copy-wrp .btn.btn-border{border-color:#fff;color:#fff;background-color:#ff7f00}#page-top .copy-wrp .sub-copy-wrp .btn.btn-border:hover{background-color:#fff;color:#ff7f00}#page-top .copy-wrp .sub-copy-wrp .btn.btn-border:hover::before{transform:translateX(100%)}#page-top .copy-wrp .sub-copy-wrp .btn.btn-border:before{background-color:#fff}#page-top .company-name,#page-top .commitment-wrp h2{opacity:0;transform:translateX(-50px);transition:opacity .8s ease-out,transform .8s ease-out}#page-top .company-name.visible,#page-top .commitment-wrp h2.visible{opacity:1;transform:translateX(0)}#page-top .service-wrp{margin-top:50px}@media(min-width: 768px){#page-top .service-wrp{margin-top:100px}}#page-top .service-wrp .header-wrp{position:relative;z-index:1}#page-top .service-wrp .header-wrp:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5f5f5;clip-path:polygon(0 0, 100% 27%, 100% 73%, 0% 100%);transition:clip-path 1s ease-out;z-index:1}#page-top .service-wrp .header-wrp.visible::before{clip-path:polygon(0 27%, 100% 0, 100% 100%, 0 73%)}#page-top .service-wrp .header-wrp .header-box{position:relative;z-index:2;max-width:calc(1280px + 5vw);margin:0 auto;padding:0 5vw}#page-top .service-wrp .header-wrp .header-box .ttl-bg{text-align:right;margin-left:auto;line-height:1;font-size:5rem;font-weight:700}@media(min-width: 768px){#page-top .service-wrp .header-wrp .header-box .ttl-bg{font-size:13rem}}#page-top .service-wrp .header-wrp .header-box h2{font-size:2rem;line-height:1;text-align:right;font-weight:700;letter-spacing:.05em;margin-top:15px}@media(min-width: 768px){#page-top .service-wrp .header-wrp .header-box h2{font-size:4rem;margin-top:20px}}#page-top .service-wrp .inner{max-width:1280px;margin:0 auto;padding:0 5vw}#page-top .service-wrp .inner .btn{max-width:400px;margin:10px auto 0}@media(min-width: 768px){#page-top .service-wrp .inner .btn{margin-top:30px}}#page-top .client-wrp{padding:0 5vw;margin-top:50px}@media(min-width: 768px){#page-top .client-wrp{margin-top:100px}}#page-top .client-wrp .inner{max-width:1280px;margin:0 auto}#page-top .client-wrp .inner .ttl-bg{text-align:left;line-height:1;font-size:5rem;font-weight:700}@media(min-width: 768px){#page-top .client-wrp .inner .ttl-bg{font-size:13rem}}#page-top .client-wrp .inner h2{font-size:2rem;line-height:1;text-align:left;font-weight:700;letter-spacing:.05em;margin-top:15px}@media(min-width: 768px){#page-top .client-wrp .inner h2{font-size:4rem;margin-top:20px}}#page-top .client-wrp .inner .client-list{margin-top:25px}@media(min-width: 768px){#page-top .client-wrp .inner .client-list{display:flex;flex-wrap:wrap;gap:12px 4%;margin-top:50px}}#page-top .client-wrp .inner .client-list li{line-height:1.4;position:relative;padding-left:20px;font-size:1.5rem;margin-bottom:10px}@media(min-width: 768px){#page-top .client-wrp .inner .client-list li{width:48%;margin-bottom:0}}#page-top .client-wrp .inner .client-list li:before{content:"";position:absolute;top:10px;left:0;width:6px;height:2px;background-color:#ff7f00}@media(min-width: 768px){#page-top .client-wrp .inner .client-list li:before{top:12px}}/*# sourceMappingURL=top.css.map */