*{margin:0px;padding:0px;box-sizing:border-box}:root{--primary:#c63839;--secondary:#bb3839;--tertiary:#c73839;--title:#111;--text:#424242;--bg:#f7f7f7;--border:#e6e4df}html{scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px)}.content{max-width:154rem;margin:0px auto;position:relative}i,em{font-style:normal}.wrap{flex-wrap:wrap}body{font-size:1.6rem;color:var(--title)}.img.img_cv{overflow:hidden}.img.img_cv img,.img.img_cv video,.img.img_cv iframe{object-fit:cover}.img.img_ab{position:relative}.img.img_ab img,.img.img_ab video,.img.img_ab iframe{position:absolute;left:0px;top:0px}.img img,.img video,.img iframe{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.tcon.white{color:rgb(255,255,255)}.tcon.white p,.tcon.white .desc{color:rgba(255,255,255,0.8)}.tcon em{font-style:normal}.tcon h1{font-weight:650}.tcon h1 em{color:var(--secondary)}.tcon p,.tcon .desc{font-size:1.8rem;line-height:3.2rem;color:var(--text)}.page_banner2{position:relative;max-width:256rem;margin:0px auto;background-color:var(--title)}.page_banner2 .bg{padding-bottom:43.0729%}.page_banner2 .bg::after{position:absolute;width:100%;height:50.2%;left:0px;bottom:0px;background-image:linear-gradient( to top,rgb(0,0,0) 10.8%,rgba(0,0,0,0.95) 21%,transparent 91% );opacity:0.79;content:"";z-index:2;pointer-events:none}.page_banner2 .bg::before{position:absolute;width:8.59375%;padding-bottom:8.59375%;border-radius:50%;border:5.75em solid var(--tertiary);content:"";right:0px;top:0px;z-index:2;margin:-9.53125% -9.63542% 0px 0px}.page_banner2 .wrap{position:absolute;inset:0px;z-index:2}.page_banner2 .wrap .content{height:100%}.page_banner2 .head{display:flex;flex-direction:column;height:100%;padding:4.09091% 0px 6.36364%}.page_banner2 .head > em{display:block;font-size:1.4rem;opacity:0.4;text-transform:uppercase;margin-bottom:auto;font-weight:300;letter-spacing:0.02143em}.page_banner2 h1{font-size:5.8rem;line-height:1.24138;max-width:73.1rem}.page_banner2 p{max-width:61.3rem;margin-top:2.7rem;font-weight:300;letter-spacing:0.00778em}.page_banner2 .line{position:absolute;right:0px;bottom:9.3rem;width:2px;height:8.9rem;background-color:rgba(255,255,255,0.07);overflow:hidden}.page_banner2 .line::after{position:absolute;left:0px;content:"";width:100%;height:100%;background-color:var(--tertiary);animation:1.5s linear 0s infinite normal none running ani_line}.sustainability_banner .img::after{display:none}.sustainability_banner .head{padding-bottom:8.5065%}@media screen and (min-width:769px) and (max-width:1440px){.content{padding:0px 3rem}}@media screen and (min-width:769px) and (max-width:1220px){.content,.swiper_content{max-width:1220px}.page_banner2 .line{right:2rem}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.page_banner2 h1{font-size:5rem}}@media screen and (min-width:769px){ul::-webkit-scrollbar,div::-webkit-scrollbar{width:4px;height:4px}ul::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgb(139,139,139)}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.tcon h1{font-size:25px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}div.head .desc,div.head p{margin-top:10px}.page_banner2 .bg img{opacity:0.5}.page_banner2 .bg::after{display:none}.page_banner2 .bg::before{border-width:3em}.page_banner2 .head{padding:20px 0px 40px;gap:12px}.page_banner2 .head > em{font-size:13px}.page_banner2 .head h1{font-size:25px;line-height:1.3}.page_banner2 .head p{font-size:14px;line-height:1.5;margin-top:0px}.page_banner2 .line{right:15px;bottom:20px;height:40px}.sustainability_banner .head{padding-bottom:40px}}@media screen and (max-width:576px){.page_banner2 .wrap{position:static}.page_banner2 .wrap .head{padding:40px 0px}.page_banner2 .bg img{opacity:1}.page_banner2 .bg::before{border-width:1.8em}}@keyframes ani_line{0%{top:-100%}100%{top:100%}}li{list-style:none}.flex{display:flex}.between{justify-content:space-between}.flex_middle{align-items:center}.gap{gap:3rem}.img.img_ct img{object-fit:contain}.img.img_aba{position:relative}.img.img_aba::after{content:"";display:block;padding-bottom:var(--h)}.img.img_aba img,.img.img_aba video,.img.img_aba iframe{position:absolute;left:0px;top:0px}.icon img{display:block;object-fit:contain;width:100%;height:100%;transition:0.3s}.tcon h2{font-size:4.6rem;line-height:1.30435;font-weight:600}.sustainability_cycle{padding:17.4rem 0px 10rem}.sustainability_cycle .head{flex:1 1 0%;width:100%;max-width:59.1rem;padding-top:0.65%}.sustainability_cycle h2{max-width:49.6rem}.sustainability_cycle p{max-width:57.9rem;margin-top:5.3rem}.sustainability_cycle .lt{position:relative;width:54.5455%}.sustainability_cycle .lt .mask_img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82.7381%;height:auto;animation:5s linear 0s infinite normal none running rotateC;z-index:-1}.sustainability_cycle .cycle_box{position:relative;width:57.1429%;border:1.9rem solid rgb(234,238,241);border-radius:50%;margin:12.7381% auto}.sustainability_cycle .cycle_box .pic{border-radius:50%;width:100%;--h:100%}.sustainability_cycle .cycle_box .cycle_title{position:absolute;left:50%;top:49.3%;transform:translate(-50%,-50%);font-size:2.6rem;line-height:1.15385;font-weight:600;text-align:center;width:55%;max-width:23rem}.sustainability_cycle .float{position:static}.sustainability_cycle .float ul{position:static}.sustainability_cycle .float li{position:absolute;z-index:3;left:0px;top:0px;display:flex;align-items:center;gap:1.4rem 2.1rem}.sustainability_cycle .float li .icon{width:8.8rem;height:8.8rem;border-radius:50%;border:2px solid rgb(100,132,109);background-color:rgb(255,255,255);flex-shrink:0}.sustainability_cycle .float li .icon img{transform:scale(0.654762)}.sustainability_cycle .float li span{position:absolute;display:block;font-size:2rem;font-weight:500;flex-shrink:0;left:100%;white-space:nowrap;margin:1.4rem 2.1rem}.sustainability_cycle .float li.top{flex-direction:column}.sustainability_cycle .float li.top span{text-align:center;left:unset;top:unset;bottom:100%}.sustainability_cycle .float li.bot{flex-direction:column}.sustainability_cycle .float li.bot span{text-align:center;left:unset;top:100%;gap:1.6rem 2.1rem}.sustainability_cycle .float li.lt span{left:unset;right:100%}@media screen and (min-width:769px) and (max-width:1220px){.content,.swiper_content{max-width:1220px}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}.sustainability_cycle .float li .icon{width:6rem;height:6rem}.sustainability_cycle .float li span{font-size:1.6rem;white-space:unset;margin:1rem}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.tcon h2{font-size:4rem}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.tcon h2{font-size:22px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}div.head .desc,div.head p{margin-top:10px}.sustainability_cycle{padding:50px 0px;overflow:hidden}.sustainability_cycle .flex{flex-direction:column}.sustainability_cycle .head{padding:0px;max-width:unset}.sustainability_cycle .lt{width:100%;max-width:500px}.sustainability_cycle .lt::-webkit-scrollbar{display:none}.sustainability_cycle .cycle_box .cycle_title{font-size:16px}.sustainability_cycle .float li .icon{width:50px;height:50px}.sustainability_cycle .float li span{margin:10px;font-size:14px}}@media screen and (max-width:576px){.sustainability_cycle .float li .icon{width:40px;height:40px}.sustainability_cycle .float li span{font-size:12px;margin:5px;white-space:unset}.sustainability_cycle .cycle_box .cycle_title{font-size:13px}}@keyframes rotateC{0%{transform:translate(-50%,-50%)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.row_reverse{flex-direction:row-reverse}.img.img_hv:hover img{transform:scale(1.03)}.sustainability_intro .flex{max-width:192rem;margin:0px auto}.sustainability_intro .img{width:50%;height:auto}.sustainability_intro .row_reverse .head{max-width:80rem;margin-left:auto}.sustainability_intro .head{flex:1 1 0%;width:100%;max-width:81.4rem;align-self:center;padding:4rem 3rem;margin-bottom:4.5%}.sustainability_intro .head h2{max-width:54rem}.sustainability_intro p{max-width:56.2rem;margin-top:4.5rem}@media screen and (min-width:769px) and (max-width:896px){.tcon h2{font-size:4rem}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.tcon h2{font-size:22px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}div.head .desc,div.head p{margin-top:10px}.sustainability_intro .head{padding:30px 20px;margin:0px}}@media screen and (max-width:576px){.sustainability_intro .head{padding-top:16px}.sustainability_intro .img{width:100%;margin:0px 20px}}.sustainability_intro .head > em{display:block;font-size:4.6rem;font-weight:600;color:var(--tertiary);margin-bottom:0.7rem;margin-top:16.2%}.sustainability_intro .head ul{font-size:1.8rem;line-height:3.2rem;color:var(--text);max-width:51.7rem;margin-top:6rem}.sustainability_intro .head ul li + li{margin-top:2.2rem}.sustainability_intro .head ul li{position:relative;padding-left:1.5556em}.sustainability_intro .head ul li::before{position:absolute;width:0.61112em;height:0.61112em;left:0px;top:0.5em;content:"";border-radius:50%;border:2px solid var(--tertiary)}@media screen and (min-width:769px) and (max-width:896px){.tcon h2{font-size:4rem}.sustainability_intro .head > em{font-size:4rem}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.tcon h2{font-size:22px;line-height:1.3}.sustainability_intro .head{padding:30px 20px;margin:0px}.sustainability_intro .head > em{font-size:14px;margin-bottom:8px;margin-top:0px}.sustainability_intro .head ul{font-size:14px;line-height:1.5;margin-top:12px}.sustainability_intro .head ul li + li{margin-top:10px}}.sustainability_reduce{padding:9.3rem 0px 4.6rem}.sustainability_reduce .flex{max-width:192rem;margin:0px auto;background-color:rgb(16,57,61);color:rgb(255,255,255)}.sustainability_reduce .image{position:relative;width:50%}.sustainability_reduce .image .img{padding-bottom:97.9167%;height:100%}.sustainability_reduce .image .num_box{position:absolute;left:0px;bottom:9.89362%;z-index:2;display:grid;grid-template-columns:auto 1fr;align-items:center;background-color:rgb(16,57,61);min-width:58.4375%;max-width:90%;border-radius:0px 7.4rem 7.4rem 0px;padding:2.2rem 5.9rem 2.3rem;gap:17.556%}.sustainability_reduce .image .num_box .icon{width:10.3rem;height:10.3rem;border-radius:50%;border:0.5rem solid rgba(255,255,255,0.11)}.sustainability_reduce .image .num_box .icon img{transform:scale(0.376344)}.sustainability_reduce .image .num_box strong{display:block;font-size:4.5rem;line-height:1;font-weight:500;margin-top:1.2rem}.sustainability_reduce .image .num_box strong i{font-size:0.622em;margin-left:0.1785em;letter-spacing:0.01786em}.sustainability_reduce .image .num_box p{opacity:0.8;margin-top:1.1rem;font-weight:300;letter-spacing:0.0075em}.sustainability_reduce .rt{flex:1 1 0%;width:100%;align-self:center;max-width:80rem;padding:4rem 3rem;margin-top:1.9%}.sustainability_reduce .head{max-width:65.7rem;border-bottom:1px solid rgba(255,255,255,0.17);padding-bottom:4.3rem}.sustainability_reduce .head p{color:rgba(255,255,255,0.85);margin-top:3.4rem;font-weight:300;letter-spacing:0.00667em}.sustainability_reduce .nums{margin-top:6rem}.sustainability_reduce .nums li + li{margin-top:5.3rem}.sustainability_reduce .nums li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6.6rem}.sustainability_reduce .nums .circle{position:relative;width:16.4rem;height:auto}.sustainability_reduce .nums .circle span{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%);font-size:2.4rem;line-height:1.25;font-weight:600;text-align:center;width:90%;max-width:10.2rem}.sustainability_reduce .nums .circle svg{width:100%;height:100%}.sustainability_reduce .nums .circle .progress{transform:rotate(-90deg);transform-origin:50% 50%;transform-box:fill-box}.sustainability_reduce .nums strong{display:block;font-size:5.2rem;line-height:1;font-weight:500;margin-top:1.2rem}.sustainability_reduce .nums strong::after{display:inline-block;content:"";width:0.5385em;height:0.8077em;background:url("https://goodtone.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/sustainability6-sustainability_reduce/assets/img/arrow-down.svg") center center / contain no-repeat;margin-left:0.5385em}.sustainability_reduce .nums p{font-size:1.8rem;opacity:0.7;margin-top:1.6rem;font-weight:300;letter-spacing:0.00667em}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.tcon h2{font-size:22px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}div.head .desc,div.head p{margin-top:10px}.sustainability_reduce{padding:30px 0px}.sustainability_reduce .image .num_box{padding:10px 30px 10px 14px;gap:14px}.sustainability_reduce .image .num_box .icon{width:50px;height:50px}.sustainability_reduce .image .num_box strong{font-size:20px}.sustainability_reduce .image .num_box p{margin-top:5px}.sustainability_reduce .rt{padding:30px 20px;margin:0px}.sustainability_reduce .head{padding-bottom:20px}.sustainability_reduce .head p{margin-top:12px}.sustainability_reduce .nums{margin-top:20px}.sustainability_reduce .nums li + li{margin-top:22px}.sustainability_reduce .nums li{gap:16px}.sustainability_reduce .nums .circle{width:80px}.sustainability_reduce .nums .circle span{font-size:12px}.sustainability_reduce .nums strong{font-size:24px;margin-top:0px}.sustainability_reduce .nums p{font-size:14px;margin-top:10px}}@media screen and (min-width:769px) and (max-width:1220px){.sustainability_reduce .image .num_box{padding-left:3rem;gap:2rem}}@media screen and (min-width:769px) and (max-width:1024px){.sustainability_reduce .image .num_box strong{font-size:3.5rem}.sustainability_reduce .nums li{gap:2rem}.sustainability_reduce .nums .circle{width:13rem}.sustainability_reduce .nums .circle span{font-size:1.8rem}.sustainability_reduce .nums strong{font-size:4rem}}@media screen and (max-width:576px){.sustainability_reduce .image{width:100%}}.sustainability_impression{padding:4.6rem 0px 9.2rem}.sustainability_impression p{margin-top:5.3rem}.sustainability_impression .head{margin-bottom:1px}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.tcon h2{font-size:22px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}div.head .desc,div.head p{margin-top:10px}.sustainability_intro .head{padding:30px 20px;margin:0px}.sustainability_impression{padding:30px 0px}}li.swiper-slide{height:auto}.sustainability_solution{padding:9.2rem 0px 8.8rem}.sustainability_solution .sustainability_solution_swiper{overflow:hidden;margin-top:3.6rem}.sustainability_solution .item{display:block;height:100%}.sustainability_solution .item:hover img{transform:scale(1.03)}.sustainability_solution .item .img{padding-bottom:61.2218%}.sustainability_solution .item .info{margin-top:3.2rem}.sustainability_solution .item .info h3{font-size:2.6rem;font-weight:600}.sustainability_solution .item .info p{font-size:1.637rem;line-height:1.60415;color:rgb(63,63,63);opacity:0.85;max-width:66.9rem;margin-top:1.4rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.tcon h2{font-size:22px;line-height:1.3}.sustainability_solution{padding:50px 0px;overflow:hidden}.sustainability_solution .sustainability_solution_swiper{overflow:unset;margin-top:30px}.sustainability_solution .item .info{margin-top:20px}.sustainability_solution .item .info h3{font-size:18px}.sustainability_solution .item .info p{font-size:14px;line-height:1.5;margin-top:10px}}.swiper_box{position:relative}.swiper_btns{gap:6.2rem;display:flex}.swiper_btns .btn_prev,.swiper_btns .btn_next{width:3.1rem;height:2rem;cursor:pointer;transition:0.3s;background:url("https://goodtone.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/sustainability9-sustainability_motion/assets/img/arrow-line.svg") center center / contain no-repeat;filter:contrast(0) brightness(0);flex-shrink:0}.swiper_btns .btn_prev:hover,.swiper_btns .btn_next:hover{filter:unset}.swiper_btns .btn_prev{transform:rotate(180deg)}.swiper_btns .swiper-button-disabled{pointer-events:none;filter:contrast(0) brightness(0)}.swiper_btns:has(.swiper-button-lock){opacity:0}.sustainability_motion{padding:8.8rem 0px 8.1rem}.sustainability_motion .flex{margin-top:5.9rem}.sustainability_motion .flex .image{width:63.6364%;align-self:center}.sustainability_motion .flex .intro{position:relative;z-index:2;flex:1 1 0%;width:100%;max-width:56rem;overflow:hidden;display:flex;flex-direction:column;margin:-0.3rem 0px 0.8rem}.sustainability_motion .sustainability_motion_img_swiper{overflow:hidden}.sustainability_motion .sustainability_motion_img_swiper .img{padding-bottom:58.1633%}.sustainability_motion .sustainability_motion_swiper{flex:1 1 0%;overflow:hidden;padding-right:3rem}.sustainability_motion .sustainability_motion_swiper .swiper-slide{display:flex;flex-direction:column}.sustainability_motion .sustainability_motion_swiper .swiper-slide .pagination,.sustainability_motion .sustainability_motion_swiper .swiper-slide h3,.sustainability_motion .sustainability_motion_swiper .swiper-slide p{transform:translateX(100px);opacity:0;transition:0.6s}.sustainability_motion .sustainability_motion_swiper .swiper-slide-active .pagination,.sustainability_motion .sustainability_motion_swiper .swiper-slide-active h3,.sustainability_motion .sustainability_motion_swiper .swiper-slide-active p{transform:translateX(0px);opacity:1;transition:0.6s 0.4s}.sustainability_motion .sustainability_motion_swiper .swiper-slide-active p{transition:0.6s 0.5s}.sustainability_motion .sustainability_motion_swiper .pagination{display:flex;font-size:1.2rem;text-transform:uppercase;color:rgba(17,17,17,0.58);gap:0.4166em;letter-spacing:0.129167em;margin-bottom:2rem}.sustainability_motion .sustainability_motion_swiper .info{max-width:48.8rem;margin:auto 0px;padding-bottom:20%}.sustainability_motion .sustainability_motion_swiper .info h3{font-size:4.2rem;line-height:1.42857;font-weight:600}.sustainability_motion .sustainability_motion_swiper .info p{max-width:47.5rem;margin-top:2.2rem}.sustainability_motion .sustainability_motion_nav_swiper{overflow:hidden;padding-top:1px;margin-top:6.8rem}.sustainability_motion .sustainability_motion_nav_swiper .swiper-slide{position:relative;border-top:1px solid rgba(17,17,17,0.12);transition:border-top-color 0.3s;cursor:pointer;padding-top:2.4rem}.sustainability_motion .sustainability_motion_nav_swiper .swiper-slide::after{position:absolute;width:100%;height:1px;top:0px;content:"";background-color:var(--tertiary);transition:0.3s;opacity:0}.sustainability_motion .sustainability_motion_nav_swiper .swiper-slide-thumb-active{border-top-color:var(--tertiary)}.sustainability_motion .sustainability_motion_nav_swiper .swiper-slide-thumb-active::after{opacity:1}.sustainability_motion .sustainability_motion_nav_swiper .swiper-slide-thumb-active .title{color:var(--tertiary)}.sustainability_motion .sustainability_motion_nav_swiper .cat{font-size:1.2rem;opacity:0.47;text-transform:uppercase;letter-spacing:0.133em}.sustainability_motion .sustainability_motion_nav_swiper .title{font-size:2.2rem;font-weight:600;transition:0.3s;margin-top:0.4rem}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}.sustainability_motion .sustainability_motion_swiper .info h3{font-size:3.5rem}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.tcon h2{font-size:4rem}.sustainability_motion .sustainability_motion_swiper .info h3{font-size:3rem}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.swiper_btns{gap:22px}.swiper_btns .btn_prev,.swiper_btns .btn_next{width:22px;height:14px}.tcon h2{font-size:22px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}.sustainability_motion{padding:50px 0px}.sustainability_motion .flex{margin-top:30px}.sustainability_motion .flex .intro{margin:0px}.sustainability_motion .sustainability_motion_swiper{padding-right:20px}.sustainability_motion .sustainability_motion_swiper .pagination{font-size:12px;margin-bottom:10px}.sustainability_motion .sustainability_motion_swiper .info{padding:0px}.sustainability_motion .sustainability_motion_swiper .info h3{font-size:18px}.sustainability_motion .sustainability_motion_swiper .info p{margin-top:10px}.sustainability_motion .swiper_btns{margin-top:20px}.sustainability_motion .sustainability_motion_nav_swiper{margin-top:20px}.sustainability_motion .sustainability_motion_nav_swiper .swiper-slide{padding-top:16px}.sustainability_motion .sustainability_motion_nav_swiper .cat{font-size:12px}.sustainability_motion .sustainability_motion_nav_swiper .title{font-size:14px;margin-top:5px}}@media screen and (max-width:576px){.sustainability_motion .flex{flex-direction:column}.sustainability_motion .flex .image{width:100%;order:-1}.sustainability_motion .flex .intro{padding:20px 0px}}