.l-main{overflow:clip}@media screen and (max-width: 980px){.p-pageMv .c-title__ani{height:230px}}@media screen and (max-width: 810px){.p-pageMv .c-title__ani{height:180px}}@media screen and (max-width: 500px){.p-pageMv .c-title__ani{height:140px}}@media screen and (max-width: 370px){.p-pageMv .c-title__ani{height:120px}}.three-container{position:fixed}.p-controls{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 85%);padding:230px 0 270px;margin-top:-150px;z-index:2;background-color:#000;scroll-margin-top:-150px}@media screen and (max-width: 1080px){.p-controls{padding:230px 0}}@media screen and (max-width: 980px){.p-controls{padding:230px 0 200px}}@media screen and (max-width: 810px){.p-controls{padding:230px 0 170px}}@media screen and (max-width: 650px){.p-controls{padding:330px 0 140px;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 92%)}}@media screen and (max-width: 500px){.p-controls{padding:330px 0 120px;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 95%)}}.p-controls__bg{position:absolute;top:0;left:0;height:100%;width:100%;opacity:.8}.p-controls__bg:before{position:absolute;content:"";top:0;left:0;height:100%;width:100%;background:linear-gradient(to left, #ffffff, #004596);mix-blend-mode:multiply}.p-controls__bg .c-ofiCover{object-position:80% 50%}.p-controls__bg .c-ofiCover:nth-child(1){display:block}.p-controls__bg .c-ofiCover:nth-child(2){display:none}@media screen and (max-width: 650px){.p-controls__bg .c-ofiCover:nth-child(1){display:none}.p-controls__bg .c-ofiCover:nth-child(2){display:block}}.p-controls__subtitle{font-size:3.5rem;color:#0c4794;background-color:#fff;padding:10px 20px;display:table;margin-top:10px}@media screen and (max-width: 1080px){.p-controls__subtitle{font-size:3.2rem}}@media screen and (max-width: 810px){.p-controls__subtitle{font-size:3rem}}@media screen and (max-width: 650px){.p-controls__subtitle{font-size:2.6rem}}@media screen and (max-width: 500px){.p-controls__subtitle{font-size:2.2rem;padding:10px 20px}}.p-controls__subtitle:nth-child(1){margin-top:0}.p-controls__text{line-height:2;margin-top:30px}@media screen and (max-width: 810px){.p-controls__text{margin-top:25px}}@media screen and (max-width: 500px){.p-controls__text{margin-top:20px;line-height:1.8}}.p-controls__buttons{display:flex;justify-content:center;gap:20px 40px;margin-top:75px;width:100%;flex-wrap:wrap}@media screen and (max-width: 1080px){.p-controls__buttons{margin-top:70px}}@media screen and (max-width: 810px){.p-controls__buttons{margin-top:65px}}@media screen and (max-width: 650px){.p-controls__buttons{margin-top:60px;gap:20px 30px}}@media screen and (max-width: 500px){.p-controls__buttons{margin-top:55px;gap:20px}}.p-controls__button{max-width:250px;width:100%;height:80px;background-color:#242424;color:#fff;position:relative;display:flex;justify-content:center;align-items:center;opacity:0;transition:background-color .3s;text-align:center}@media screen and (max-width: 650px){.p-controls__button{max-width:210px;height:70px}}@media screen and (max-width: 500px){.p-controls__button{height:60px;max-width:156px}}@media screen and (max-width: 500px){.p-controls__button:nth-child(3){max-width:200px}}.p-controls__button .text{color:#fff}.p-controls__button .circle{width:17px;height:17px;background-color:#ff9c00;position:absolute;top:50%;transform:translateY(-50%);right:20px;border-radius:50%;transition:background-color .3s}@media screen and (max-width: 980px){.p-controls__button .circle{right:15px}}@media screen and (max-width: 650px){.p-controls__button .circle{right:10px}}.p-controls__button .circle:before{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%, -50%);width:0;height:0;border-right:3px solid transparent;border-left:3px solid transparent;border-top:4px solid #fff;transition:border-top-color .3s}.p-controls__button:hover{background-color:#ff9c00}.p-controls__button:hover .circle{background-color:#fff}.p-controls__button:hover .circle:before{border-top-color:#ff9c00}.p-controls__button.view:nth-child(1){animation:fadeUp .3s linear forwards}.p-controls__button:nth-child(2).view{animation:fadeUp .3s linear forwards .2s}@media screen and (max-width: 500px){.p-controls__button:nth-child(2).view{animation:fadeUp .3s linear forwards 0s}}.p-controls__button:nth-child(3).view{animation:fadeUp .3s linear forwards .4s}@media screen and (max-width: 810px){.p-controls__button:nth-child(3).view{animation:fadeUp .3s linear forwards 0s}}.p-original{z-index:1;margin-top:-150px;width:100%;padding:200px 0 210px;overflow:hidden;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 90%)}.p-original__list{margin-top:50px;display:flex;gap:30px 5%;flex-wrap:wrap;justify-content:center}@media screen and (max-width: 810px){.p-original__list{gap:30px 6%}}@media screen and (max-width: 500px){.p-original__list{gap:30px 0}}.p-original__item{width:30%;opacity:0}@media screen and (max-width: 810px){.p-original__item{width:47%}}@media screen and (max-width: 500px){.p-original__item{width:100%;max-width:300px}}.p-original__item.view:nth-child(1){animation:fadeUp .3s linear forwards}.p-original__item:nth-child(2).view{animation:fadeUp .3s linear forwards .2s}@media screen and (max-width: 500px){.p-original__item:nth-child(2).view{animation:fadeUp .3s linear forwards 0s}}.p-original__item:nth-child(3).view{animation:fadeUp .3s linear forwards .4s}@media screen and (max-width: 810px){.p-original__item:nth-child(3).view{animation:fadeUp .3s linear forwards 0s}}.p-original__item .subtitle{font-size:2rem;display:table;margin:10px auto 0;text-align:center;letter-spacing:.02em;height:65px;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 810px){.p-original__item .subtitle{height:57px}}@media screen and (max-width: 500px){.p-original__item .subtitle{height:auto}}.p-original__item .text{margin-top:10px}.p-original__img{overflow:hidden;aspect-ratio:1/1;border-radius:50%;width:100%}.p-environment{z-index:1;margin-top:-150px;width:100%;padding:200px 0 210px;overflow:hidden;clip-path:polygon(0% 0%, 100% 6%, 100% 100%, 0% 90%);background-color:#101010}@media screen and (max-width: 980px){.p-environment{clip-path:polygon(0% 0%, 100% 5%, 100% 100%, 0% 91%);padding:150px 0 210px}}@media screen and (max-width: 810px){.p-environment{clip-path:polygon(0% 0%, 100% 4%, 100% 100%, 0% 95%);padding:100px 0 210px}}@media screen and (max-width: 500px){.p-environment{padding:80px 0 130px;clip-path:polygon(0% 0%, 100% 3%, 100% 100%, 0% 97%)}}.p-environment .three-container{opacity:.5}.p-environment__list{margin-top:65px;display:flex;flex-wrap:wrap;gap:2px}@media screen and (max-width: 1080px){.p-environment__list{margin-top:55px}}@media screen and (max-width: 810px){.p-environment__list{margin-top:50px}}@media screen and (max-width: 650px){.p-environment__list{margin-top:40px}}@media screen and (max-width: 500px){.p-environment__list{margin-top:30px}}.p-environment__item{width:calc(50% - 1px);padding:65px 30px 45px;position:relative}@media screen and (max-width: 650px){.p-environment__item{width:calc(100% - 2px)}}.p-environment__item:before{position:absolute;content:"";top:0;left:0;height:100%;width:100%;background-color:#fff;opacity:.1}.p-environment__item .icon{width:fit-content;height:70px;margin:0 auto;position:relative}@media screen and (max-width: 650px){.p-environment__item .icon{height:50px}}.p-environment__item .icon:before{position:absolute;content:"";height:135px;width:135px;left:50%;top:50%;border:1px solid #fff;border-radius:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 650px){.p-environment__item .icon:before{height:100px;width:100px}}.p-environment__item .subtitle{font-size:2rem;display:table;margin:55px auto 0;font-feature-settings:"palt";text-align:center}@media screen and (max-width: 810px){.p-environment__item .subtitle{margin:40px auto 0}}@media screen and (max-width: 500px){.p-environment__item .subtitle{margin:30px auto 0}}.p-environment__item .text{margin-top:20px;line-height:1.8;letter-spacing:0}.p-wrap{padding:200px 0 120px;margin-top:-150px}.p-wrap__buttons{display:flex;justify-content:center;gap:20px 40px;margin-top:75px;width:100%;flex-wrap:wrap}@media screen and (max-width: 810px){.p-wrap__buttons{flex-wrap:wrap;gap:30px 20px}}@media screen and (max-width: 500px){.p-wrap__buttons{gap:30px 0}}.p-wrap__button{border:1px solid #fff;width:100%;max-width:250px;height:80px;color:#fff;position:relative;display:flex;justify-content:center;align-items:center;opacity:0}@media screen and (max-width: 810px){.p-wrap__button{max-width:220px}}@media screen and (max-width: 500px){.p-wrap__button{max-width:240px;height:60px}}.p-wrap__button:before{position:absolute;content:"";background-color:#fff;opacity:.1;height:100%;width:100%}.p-wrap__button .text{color:#fff}.p-wrap__button .circle{width:17px;height:17px;background-color:#ff9c00;position:absolute;top:50%;transform:translateY(-50%);right:20px;border-radius:50%;transition:background-color .3s}@media screen and (max-width: 980px){.p-wrap__button .circle{right:15px}}.p-wrap__button .circle:before{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%, -50%);width:0;height:0;border-right:3px solid transparent;border-left:3px solid transparent;border-top:4px solid #fff;transition:border-color .3s}.p-wrap__button:hover{background-color:#ff9c00}.p-wrap__button:hover .circle{background-color:#fff}.p-wrap__button:hover .circle:before{border-top-color:#ff9c00}.p-wrap__button.view:nth-child(1){animation:fadeUp .3s linear forwards}.p-wrap__button:nth-child(2).view{animation:fadeUp .3s linear forwards .2s}.p-wrap__button:nth-child(3).view{animation:fadeUp .3s linear forwards .4s}.p-wrap__block{margin-top:120px}.p-wrap__block:nth-child(1){margin-top:100px}.p-solution .p-wrap__title{width:100%;aspect-ratio:8.45/2.63;max-width:830px}@media screen and (max-width: 1080px){.p-solution .p-wrap__title{width:80%}}@media screen and (max-width: 500px){.p-solution .p-wrap__title{width:100%}}.p-solution .p-wrap__title .c-title__ani{height:100%;width:100%}.p-solution .p-wrap__title .c-title__ani .c-title__img{width:100%}.p-engineer .p-wrap__title{width:90%;aspect-ratio:9.84/1.89;max-width:980px}.p-engineer .p-wrap__title .c-title__ani{height:100%;width:100%}.p-engineer .p-wrap__title .c-title__ani .c-title__img{width:100%}.p-customer .p-wrap__title{width:90%;aspect-ratio:9.84/3.2;max-width:980px}.p-customer .p-wrap__title .c-title__ani{height:100%;width:100%}.p-customer .p-wrap__title .c-title__ani .c-title__img{width:100%}.p-customer .p-wrap__img .c-ofiCover{object-position:right}.p-wrap__thumb{position:relative;aspect-ratio:12.8/6;width:100%;min-height:340px}.p-wrap__letters{font-size:23rem;color:transparent;-webkit-text-stroke:2px #fff;text-stroke:2px #fff;line-height:.8;letter-spacing:0;z-index:3;opacity:1;opacity:.5;position:absolute;top:0;right:0}@media screen and (max-width: 1080px){.p-wrap__letters{font-size:17rem}}@media screen and (max-width: 810px){.p-wrap__letters{font-size:14rem}}@media screen and (max-width: 650px){.p-wrap__letters{font-size:12rem}}@media screen and (max-width: 500px){.p-wrap__letters{font-size:10rem}}.p-wrap__title{position:absolute;bottom:0}.p-wrap__img{position:absolute;height:100%;width:100%;top:0;left:0}.p-wrap__img:before{position:absolute;content:"";top:0;left:0;height:100%;width:100%;background:linear-gradient(to left, #ffffff, #004596);mix-blend-mode:multiply;opacity:.4}.p-wrap__subtitle{margin-top:90px;width:100%}@media screen and (max-width: 1080px){.p-wrap__subtitle{margin-top:80px}}@media screen and (max-width: 810px){.p-wrap__subtitle{margin-top:70px}}@media screen and (max-width: 650px){.p-wrap__subtitle{margin-top:60px}}@media screen and (max-width: 500px){.p-wrap__subtitle{margin-top:50px}}.p-wrap__list{margin-top:55px}@media screen and (max-width: 1080px){.p-wrap__list{margin-top:50px}}@media screen and (max-width: 810px){.p-wrap__list{margin-top:45px}}@media screen and (max-width: 650px){.p-wrap__list{margin-top:40px}}@media screen and (max-width: 500px){.p-wrap__list{margin-top:35px}}.p-wrap__item{border:1px solid #fff;padding:50px 55px;display:flex;gap:0 50px;align-items:center;margin-top:80px}@media screen and (max-width: 1080px){.p-wrap__item{margin-top:75px;padding:40px 30px;gap:0 40px}}@media screen and (max-width: 810px){.p-wrap__item{margin-top:70px;gap:0 20px;padding:30px 20px}}@media screen and (max-width: 650px){.p-wrap__item{margin-top:60px;flex-wrap:wrap}}@media screen and (max-width: 500px){.p-wrap__item{margin-top:65px}}.p-wrap__item:before{position:absolute;content:"";height:100%;width:100%;top:0;left:0;background-color:#fff;opacity:.1}.p-wrap__item:after{position:absolute;content:"";bottom:-60px;left:50%;transform:translateX(-50%);width:0;height:0;border-right:30px solid transparent;border-left:30px solid transparent;border-top:30px solid #ff9c00;transition:border-color .3s}@media screen and (max-width: 1080px){.p-wrap__item:after{bottom:-55px}}@media screen and (max-width: 810px){.p-wrap__item:after{bottom:-50px}}.p-wrap__item:nth-child(1){margin-top:0}.p-wrap__item:last-child:after{display:none}.p-wrapItem__thumb{display:flex;justify-content:center;align-items:center;width:120px}@media screen and (max-width: 650px){.p-wrapItem__thumb{margin:0 auto;width:fit-content}}.p-wrap__icon{height:110px}.p-wrap__desc{width:645px;margin-top:20px;width:100%}.p-wrap__desc .title{font-size:3rem;line-height:1}@media screen and (max-width: 1080px){.p-wrap__desc .title{font-size:2.8rem}}@media screen and (max-width: 810px){.p-wrap__desc .title{font-size:2.6rem}}@media screen and (max-width: 650px){.p-wrap__desc .title{font-size:2.4rem}}@media screen and (max-width: 500px){.p-wrap__desc .title{font-size:2.2rem}}.p-wrap__desc .text{margin-top:20px}@media screen and (max-width: 650px){.p-wrap__desc .text{margin-top:10px}}.p-wrap__data{display:flex;align-items:center;gap:0 30px;margin-top:10px}@media screen and (max-width: 1080px){.p-wrap__data{gap:0 10px}}@media screen and (max-width: 650px){.p-wrap__data{gap:0 5px}}.p-wrap__data .year{padding:10px 30px;line-height:1;border:1px solid #fff;font-size:2rem}@media screen and (max-width: 1080px){.p-wrap__data .year{padding:10px 15px}}@media screen and (max-width: 650px){.p-wrap__data .year{padding:10px}}@media screen and (max-width: 500px){.p-wrap__data .year{font-size:1.6rem}}@media screen and (max-width: 370px){.p-wrap__data .year{padding:5px}}.p-wrap__data .line{font-size:3rem;line-height:1}@media screen and (max-width: 1080px){.p-wrap__data .line{font-size:2.8rem}}@media screen and (max-width: 810px){.p-wrap__data .line{font-size:2.6rem}}@media screen and (max-width: 650px){.p-wrap__data .line{font-size:2.4rem}}@media screen and (max-width: 500px){.p-wrap__data .line{font-size:1.6rem}}.p-wrap__data .p-wrap__amount{display:flex;align-items:flex-end}@media screen and (max-width: 650px){.p-wrap__data .p-wrap__amount{margin-bottom:2px}}.p-wrap__data .p-wrap__amount .number{font-size:8rem;line-height:1;letter-spacing:0}@media screen and (max-width: 1080px){.p-wrap__data .p-wrap__amount .number{font-size:7rem}}@media screen and (max-width: 810px){.p-wrap__data .p-wrap__amount .number{font-size:6rem}}@media screen and (max-width: 650px){.p-wrap__data .p-wrap__amount .number{font-size:5rem}}@media screen and (max-width: 500px){.p-wrap__data .p-wrap__amount .number{font-size:3.5rem}}@media screen and (max-width: 370px){.p-wrap__data .p-wrap__amount .number{font-size:2.8rem}}.p-wrap__data .p-wrap__amount .text{line-height:1;font-size:3rem}@media screen and (max-width: 1080px){.p-wrap__data .p-wrap__amount .text{font-size:2.8rem}}@media screen and (max-width: 810px){.p-wrap__data .p-wrap__amount .text{font-size:2.6rem}}@media screen and (max-width: 650px){.p-wrap__data .p-wrap__amount .text{font-size:2.4rem}}@media screen and (max-width: 500px){.p-wrap__data .p-wrap__amount .text{font-size:2rem}}@media screen and (max-width: 370px){.p-wrap__data .p-wrap__amount .text{font-size:1.8rem}}