@charset "UTF-8";
.c-intro{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:space-between;width:100%}.c-intro__box{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(50% - 25px);max-width:720px}.c-intro__box:last-child{margin:0}.c-intro__box__item{display:block;width:100%;margin:0 0 15px 0}.c-intro__box__item.wow{animation-name:fadeInUp}.c-intro__box__item:last-child{margin:0}.c-intro__box__item__title{display:block;width:100%;margin:0px 0 10px 0;font-size:17px;line-height:2;color:var(--titleColor);font-family:'NotoSansTC-M';letter-spacing:.5px}.c-intro__box__item__text{margin:0 0 15px 0;line-height:2.3;color:#10193999}.c-intro__box__item__text:last-child{margin:0}.c-intro__box__btGroup{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;margin:auto 0 0 0}.c-intro__box__btGroup.wow{animation-name:fadeInUp}.c-intro__box__btGroup__bt{max-width:200px}@media screen and (max-width:991px){.c-intro{display:block}.c-intro__box{display:block;width:100%;max-width:none;margin:0 0 15px 0}.c-intro__box__bt[class^="c-bt"]{margin:60px 0 0 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-intro__box{margin:0 0 15px 0}.c-intro__box__bt[class^="c-bt"]{margin:30px 0 0 0;max-width:160px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.list{background:#fff;margin:0 auto 200px auto}.list__inner{padding:130px max(60px,calc(50% - 610px))}.list__inner__box{left:-25px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 50px);margin:0 0 65px 0}.list__inner__box .c-case{width:calc(33.33% - 50px);margin:0 25px 30px 25px}@media screen and (max-width:1200px){.list__inner__box{left:0;justify-content:space-between;width:100%}.list__inner__box .c-case{width:calc(50% - 20px);margin:0 0 45px 0}}@media screen and (max-width:991px){.list{margin:70px auto 130px auto;background:none}.list .c-nav{margin:0 auto 35px auto}.list__inner{padding:0}.list__inner__box{margin:0 0 15px 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.list{margin:70px auto 80px auto}.list__inner__box{margin:0 0 25px 0}.list__inner__box .c-case{width:100%;margin:0 0 40px 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.about{overflow:hidden}.about__title{margin:0 0 55px 0}.about .c-intro{margin:0 0 85px 0}.about .c-intro__box__btGroup{display:none}.about__service{display:block;width:100%;margin:0 auto 260px auto;counter-reset:service}.about__service:last-child{margin:0}.about__service__item{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:space-between;width:100%;margin:0 auto 145px auto;counter-increment:service}.about__service__item.wow{opacity:1;visibility:visible}.about__service__item::before{content:counter(service,decimal-leading-zero);position:absolute;top:0;right:-.1em;display:block;width:auto;font-size:250px;line-height:.7;color:#f6f6f6;font-family:'Montserrat','NotoSerifTC';text-shadow:3px 3px 3px #10193914;pointer-events:none}.about__service__item.wow::before{opacity:0;transform:translateY(-30%);transition:opacity 1s .4s ease-in-out,transform 1.2s .4s ease-in-out}.about__service__item::after{content:'';position:absolute;display:block;background:center/contain no-repeat}.about__service__item.wow::after{opacity:0;transform:translateY(-30px);transition:opacity 1s .8s ease-in-out,transform 1s .8s ease-in-out}.about__service__item.wow.animated::before{opacity:1;transform:none}.about__service__item.wow.animated::after{opacity:1;transform:none}.about__service__item:nth-child(1)::after{top:55px;right:6px;width:111px;height:132px;background-image:url(/assets/images/about/about_service_water01.png)}.about__service__item:nth-child(3)::after{top:45px;right:15px;width:182px;height:117px;background-image:url(/assets/images/about/about_service_water02.png)}.about__service__item__pic{display:block;width:50.82%;margin:0 40px 0 0;flex:0 0 auto}.about__service__item__pic.wow{animation-name:fadeInLeft}.about__service__item:last-child{margin:0 auto}.about__service__item__content{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:100%;max-width:480px;line-height:1.2;color:var(--titleColor);letter-spacing:.5px;flex:0 1 auto}.about__service__item__content.wow{animation-name:fadeInRight}.about__service__item__content__inner{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:auto;max-width:100%}.about__service__item__content__inner__sub{display:block;width:auto;max-width:100%;margin:0 0 10px 0;font-size:12px;line-height:inherit;color:inherit;font-family:'Montserrat','NotoSansTC';text-transform:uppercase;opacity:.6}.about__service__item__content__inner__title{display:block;width:auto;max-width:100%;font-size:25px;line-height:inherit;color:var(--titleColor);font-family:'Montserrat-M','NotoSerifTC-M'}.about__service__item__content__inner__tag{display:block;width:auto;max-width:100%;margin:20px 0 0 0;font-size:15px;line-height:inherit;color:inherit;font-family:'NotoSansTC';opacity:.8}.about__service__item__content__inner__tag__item{display:inline-block;width:auto;max-width:100%;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}.about__service__item__content__inner__tag__item::after{content:'、'}.about__service__item__content__inner__tag__item:last-child::after{display:none}.about__product{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;max-width:1150px;margin:0 auto}.about__product__item{display:flex;flex-direction:column;align-items:center;align-content:center;justify-items:center;justify-content:center;margin:0 0 0 auto;line-height:1.2;color:var(--titleColor);text-align:center;letter-spacing:.5px;transform-origin:center;z-index:10}.about__product__item:last-child{margin:0 0 0 auto}.about__product__item::before,.about__product__item::after{position:absolute;pointer-events:none}.about__product__item::before{content:attr(data-text);display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:auto;font-size:min(100px,calc((100vw - 220px) * .075));line-height:.7;color:#1019391a;font-family:'Montserrat','NotoSansTC';text-transform:uppercase;letter-spacing:-.025em;transform-origin:center right}.about__product__item::after{content:'';top:0;left:0;display:block;width:100%;height:100%;background:center/contain no-repeat}.about__product__item__title{display:block;width:100%;font-size:30px;line-height:inherit;color:var(--titleColor);font-family:'NotoSerifTC-SB';z-index:10}.about__product__item__text{display:block;width:100%;margin:20px auto 0 auto;font-size:15px;line-height:1.6;color:inherit;font-family:inherit;opacity:.5;z-index:10}.about__product__item__link{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:96px;height:96px;margin:30px auto 0 auto;border-radius:50%;border:1px dashed #acafba;overflow:hidden;z-index:10}.about__product__item__link::before{content:'';position:relative;display:block;width:calc(100% - 24px);height:calc(100% - 24px);border-radius:50%;background:var(--gradient);overflow:hidden}.about__product__item__link::after{content:'';position:absolute;top:calc(50% - 6px);left:calc(50% - 3px);display:block;width:6px;height:12px;background:url(/assets/images/common/icon_arrow_next_white.svg) center/contain no-repeat}.about__product__item__link:hover::before{animation:buttonBgMove 3s linear infinite}.about__product__item:nth-child(even){margin:0 auto 0 0}.about__product__item:nth-child(even)::before{text-align:right;transform-origin:left center}.about__product__item:last-child:nth-child(even){margin:0 auto 0 0}.about__product__item[data-style="project"]{width:416px;height:425px;padding:55px 0 0 0}.about__product__item[data-style="project"]::before{top:175px;right:calc(100% + 50px);max-width:min(860px,calc(100vw - 240px - 416px - 50px))}.about__product__item[data-style="project"]::after{background-image:url(/assets/images/about/about_product_bg01_white.png)}.about__product__item[data-style="project"] .about__product__item__text{max-width:210px}.about__product__item[data-style="material"]{width:456px;height:406px;padding:15px 0 0 0}.about__product__item[data-style="material"]::before{top:163px;left:calc(100% + 65px);justify-items:flex-end;justify-content:flex-end;max-width:min(800px,calc(100vw - 240px - 456px - 65px));text-align:left}.about__product__item[data-style="material"]::after{background-image:url(/assets/images/about/about_product_bg02_white.png)}.about__product__item[data-style="material"] .about__product__item__text{max-width:250px}.about__product__item.wow{opacity:1;transform:scale(0);transition:transform 1s .4s ease-in-out;visibility:visible}.about__product__item.wow::before{opacity:0;transform:scaleX(0);transition:transform 1s 1.4s ease-in-out,opacity 1s 1.4s ease-in-out}.about__product__item.wow.animated{transform:none}.about__product__item.wow.animated::before{opacity:1;transform:none}.about__product__line{position:absolute;top:301px;left:min(383px,calc(50% - 100px));display:none;width:calc(100% - 731px);min-width:199px;height:241px;pointer-events:none}.about__product__line.wow{animation-name:fadeIn;animation-delay:.6s}.about__product__line::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(to top left,#e9e9e900 calc(50% - .5px),#e9e9e9 calc(50% - .5px),#e9e9e9 calc(50% + .5px),#e9e9e900 calc(50% + .5px))}.about__product__line__water{position:absolute;bottom:0;left:0;display:block;width:20px;max-width:57px;min-width:20px;transform:translate(-50%,50%);opacity:0;animation:aboutProductWaterMovw 11s linear infinite;will-change:opacity,bottom,left;z-index:10}.about__product__line__water::before{content:'';position:absolute;top:0;display:block;width:100%;height:100%;background:#fff;border-radius:50%;overflow:hidden}.about__product__line__water:nth-child(1){width:57px;z-index:20}.about__product__line__water:nth-child(1) img{opacity:.25}.about__product__line__water:nth-child(2){animation-duration:13s;animation-delay:3s}.about__product__line__water:nth-child(3){animation-duration:17s;animation-delay:6s}@media screen and (min-width:768px){.about__service__item:nth-child(even)::before{right:auto;left:-.1em}.about__service__item:nth-child(even) .about__service__item__pic{margin:0 0 0 40px;order:10}.about__service__item:nth-child(even) .about__service__item__pic.wow{animation-name:fadeInRight}.about__service__item:nth-child(even) .about__service__item__content{justify-items:flex-end;justify-content:flex-end}.about__service__item:nth-child(even) .about__service__item__content.wow{animation-name:fadeInLeft}}@media screen and (max-width:1200px){.about__service__item::before{font-size:150px}}@media screen and (max-width:991px){.about .c-intro{margin:0 0 45px 0}.about__service{margin:0 auto 140px auto}.about__service__item{margin:0 auto 60px auto}.about__service__item::before{font-size:150px;color:#fafafa}.about__service__item:nth-child(1)::after{top:0;right:0;width:100px;height:118px}.about__service__item:nth-child(3)::after{top:18px;right:0;width:154px;height:99px}.about__service__item__pic{width:56.5%}.about__product__item{margin:0 0 190px auto}.about__product__item[data-style="project"]::before{top:175px;max-width:calc(100vw - 60px - 416px + 100px)}.about__product__item[data-style="project"]::after{background-image:url(/assets/images/about/about_product_bg01_gray.png)}.about__product__item[data-style="material"]::before{top:163px;max-width:calc(100vw - 60px - 456px + 106px)}.about__product__item[data-style="material"]::after{background-image:url(/assets/images/about/about_product_bg02_gray.png)}.about__product__item:nth-child(even){margin:0 auto 190px 0}.about__product__line{top:373px;left:min(210px,calc(50% - 100px));width:calc(100% - 450px);height:310px}.about__product__line__water::before{background:#f4f4f4}}@media screen and (max-width:767px){.about__service__item{display:block}.about__service__item::before,.about__service__item::after{display:none}.about__service__item__pic{width:100%;max-width:none;margin:0 auto 20px auto}.about__service__item__pic.wow{animation-name:fadeInUp}.about__service__item__content{max-width:none}.about__service__item__content.wow{animation-name:fadeInUp}.about__product__item::before{display:none}}@media screen and (max-width:575px){.about__title{margin:0 0 25px 0}.about__service{margin:0 auto 90px auto}.about__service__item{margin:0 auto 35px auto}.about__product__item{margin:0 0 40px auto}.about__product__item__title{font-size:20px}.about__product__item__text{margin:15px auto 0 auto}.about__product__item__link{width:64px;height:64px;margin:15px auto 0 auto}.about__product__item:nth-child(even){margin:0 auto 40px 0}.about__product__item[data-style="project"]{width:297px;height:305px;padding:35px 0 0 0}.about__product__item[data-style="material"]{width:315px;height:280px}.about__product__item[data-style="material"] .about__product__item__text{max-width:205px}.about__product__line{display:none}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}