:root{--primary:#c63839;--secondary:#bb3839;--tertiary:#c73839;--title:#111;--text:#424242;--bg:#f7f7f7;--border:#e6e4df}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px)}.content{max-width:154rem;margin:0 auto;position:relative}.content .content{padding:0}li{list-style:none}li.swiper-slide{height:auto}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}i,em{font-style:normal}.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:0;top:0}.img img,.img video,.img iframe{width:100%;height:100%;display:block;transition:all 0.5s;aspect-ratio:inherit}.btn_line{position:relative;display:inline-block;cursor:pointer;transition:all 0.2s;text-align:center;border:1px solid rgba(23,23,23,0.32);color:var(--title);background-color:transparent;font-size:1.8rem;font-weight:650;line-height:5.9rem;padding:0 2.75rem;--bs:1.5rem;min-width:17.1rem}.btn_line::after,.btn_line::before{position:absolute;border:0 solid var(--primary);content:''}.btn_line::after{right:-1px;bottom:-1.5px;top:calc(100% - var(--bs));left:calc(100% - var(--bs));border-right-width:2px;border-bottom-width:2px;transition:all 0.3s}.btn_line::before{border-left-width:2px;border-top-width:2px;opacity:0;left:-1px;top:-1px;right:calc(100% - var(--bs));bottom:calc(100% - var(--bs));transition:all 0.3s,opacity 0.1s 0.25s}.btn_line:hover{background-color:var(--primary);border-color:var(--primary);color:#fff;transition:all 0.3s 0.2s}.btn_line:hover::after{top:-1px;left:-1px;transition:all 0.3s}.btn_line:hover::before{opacity:1;right:-1px;bottom:-1.5px;transition:all 0.3s,opacity 0.1s}.btn_line.wt{border-color:rgba(255,255,255,0.32);color:#fff}.btn_line.wt:hover{border-color:var(--primary)}.tcon.bn p,.tcon.bn .desc{font-size:1.7rem;line-height:2.8rem}.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)}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-pagination{position:absolute;text-align:center;transition:0.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled > .swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-horizontal > .swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-lock{display:none}.home_banner{position:relative;max-width:256rem;margin:0 auto;overflow:hidden;background-color:#f6f6f6}.home_banner .home_banner_swiper .img{padding-bottom:43.02083333%}.home_banner .home_banner_swiper .wrap{position:absolute;left:0;right:0;bottom:0;top:0;z-index:2}.home_banner .home_banner_swiper .wrap .content{height:100%;display:flex;align-items:center}.home_banner .home_banner_swiper .swiper-slide .head .title,.home_banner .home_banner_swiper .swiper-slide .head .desc,.home_banner .home_banner_swiper .swiper-slide .head .more{transform:translateX(100px);opacity:0;transition:all 0.5s 0.5s}.home_banner .home_banner_swiper .swiper-slide .head .desc{transition:all 0.5s 0.6s}.home_banner .home_banner_swiper .swiper-slide .head .more{transition:all 0.5s 0.7s}.home_banner .home_banner_swiper .swiper-slide-active .head .title,.home_banner .home_banner_swiper .swiper-slide-active .head .desc,.home_banner .home_banner_swiper .swiper-slide-active .head .more{transform:translateX(0);opacity:1;transition:all 0.5s 0.7s}.home_banner .home_banner_swiper .swiper-slide-active .head .desc{transition:all 0.5s 0.8s}.home_banner .home_banner_swiper .swiper-slide-active .head .more{transition:all 0.5s 0.9s}.home_banner .head{width:50%;max-width:51.9rem;padding:4.54545% 0;margin-bottom:1.2%}.home_banner .head .title{font-size:5.8rem;line-height:1.20689655;font-weight:650}.home_banner .head .title em{color:var(--primary)}.home_banner .head .desc{max-width:37.7rem;margin-top:2.2rem;color:rgba(66,66,66,0.8)}.home_banner .head .btn_line{margin-top:3.3rem;min-width:19.6rem}.home_banner div.swiper-pagination.swiper-pagination-bullets{display:flex;gap:0.8rem;pointer-events:none;bottom:4.9rem;left:unset}.home_banner div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{position:relative;flex:1;max-width:4.8rem;width:100%;height:2px;background:rgba(17,17,17,0.09);opacity:1;margin:0;pointer-events:all}.home_banner div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet::after{position:absolute;width:0;left:0;top:0;bottom:0;content:'';background-color:var(--primary)}.home_banner div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active::after{width:100%;transition:width 5s linear}@media screen and (min-width:769px) and (max-width:1440px){.content{padding:0 3rem}}@media screen and (min-width:769px) and (max-width:1220px){.content{max-width:1220px}}@media screen and (min-width:769px) and (max-width:1024px){.home_banner div.swiper-pagination.swiper-pagination-bullets{bottom:3rem}}@media screen and (min-width:769px) and (max-width:896px){.home_banner .head .title{font-size:5rem}.btn_line,.btn{line-height:5rem}}@media screen and (max-width:768px){.content{padding:0 20px}.btn_line{font-size:14px;line-height:40px;padding:0 20px;--bs:10px;min-width:120px}.tcon.bn p,.tcon.bn .desc{font-size:14px;line-height:1.5}.tcon h1{font-size:25px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}.home_banner .head{padding:40px 0;margin:0;width:100%;max-width:450px}.home_banner .head .title{font-size:25px;line-height:1.3}.home_banner .head .desc{margin-top:12px;max-width:unset}.home_banner .head .btn_line{min-width:120px;margin-top:20px}.home_banner div.swiper-pagination.swiper-pagination-bullets{bottom:20px}}@media screen and (max-width:576px){.home_banner .home_banner_swiper .wrap{position:static;padding-bottom:20px}}.flex{display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.center{text-align:center}.center p,.center .desc,.center h1,.center h2{margin-left:auto;margin-right:auto}.flex_top{align-items:flex-start}.gap{gap:3rem}.img.img_hv:hover img{transform:scale(1.03)}.tcon h2{font-size:4.6rem;line-height:1.30434783;font-weight:600}.tcon h2 em{color:var(--primary)}.home_intro{padding:12.2rem 0 14.2rem}.home_intro .head h2{line-height:1.26086957;max-width:100rem}.home_intro .img{padding-bottom:37.85714286%;margin-top:3.7rem}.home_intro .flex{margin-top:3rem}.home_intro .flex .tcon{flex:1;width:100%;max-width:84.2rem;margin-top:0.5rem}.home_intro .flex .btn_line{min-width:19.6rem}@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}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.tcon h2{font-size:4rem}.btn_line,.btn{line-height:5rem}}@media screen and (max-width:768px){.content{padding:0 20px}.gap{gap:20px}.btn,.btn_line{font-size:14px;line-height:40px;padding:0 20px}.btn_line{--bs:10px;min-width:120px}.tcon.bn p,.tcon.bn .desc{font-size:14px;line-height:1.5}.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}div.head .btn,div.head .btn_line{font-size:14px;line-height:40px;padding:0 20px;margin-top:20px}div.head .btn_line{min-width:120px}.home_intro{padding:50px 0}.home_intro .head h2{line-height:1.3}.home_intro .img{margin-top:30px}.home_intro .flex{margin-top:20px}.home_intro .flex .tcon{margin:0}.home_intro .flex .tcon p{margin:0}.home_intro .flex .btn_line{min-width:120px}}@media screen and (max-width:576px){.home_intro .flex{flex-direction:column}}.swiper_box{position:relative}.img.img_ct img{object-fit:contain}.tcon.white{color:#fff}.tcon.white p,.tcon.white .desc{color:rgba(255,255,255,0.8)}.page_space{max-width:256rem;margin:0 auto;overflow:hidden}.page_space .swiper_box > div{position:static}.page_space .page_space_swiper{background-color:#000}.page_space .page_space_swiper .img.img_ab{padding-bottom:40.41666667%}.page_space .page_space_swiper .wrap{position:absolute;left:0;right:0;bottom:0;top:0;z-index:2}.page_space .page_space_swiper .wrap .content{height:100%;display:flex;align-items:center}.page_space .page_space_swiper .swiper-slide .info .title,.page_space .page_space_swiper .swiper-slide .info .desc,.page_space .page_space_swiper .swiper-slide .info .more{transform:translateX(100px);opacity:0;transition:all 0.5s 0.5s}.page_space .page_space_swiper .swiper-slide .info .desc{transition:all 0.5s 0.6s}.page_space .page_space_swiper .swiper-slide .info .more{transition:all 0.5s 0.7s}.page_space .page_space_swiper .swiper-slide-active .info .title,.page_space .page_space_swiper .swiper-slide-active .info .desc,.page_space .page_space_swiper .swiper-slide-active .info .more{transform:translateX(0);opacity:1;transition:all 0.5s 0.7s}.page_space .page_space_swiper .swiper-slide-active .info .desc{transition:all 0.5s 0.8s}.page_space .page_space_swiper .swiper-slide-active .info .more{transition:all 0.5s 0.9s}.page_space .info{width:50%;max-width:61.3rem;padding:6rem 0;margin-top:1.95%}.page_space .info:has(.awards){margin-top:9.2%}.page_space .info .title{font-size:3.4rem;font-weight:600}.page_space .info .title::after{display:block;width:4.5rem;height:2px;background-color:var(--secondary);content:'';margin-top:4.1rem}.page_space .info .desc{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;margin-top:3.5rem}.page_space .info .btn_line{margin-top:4.4rem}.page_space .info .btn_line.wt{border-color:#fff;margin-top:5rem}.page_space .info .btn_line.wt:hover{border-color:var(--primary)}.page_space .info .awards{max-width:58.7rem;height:auto;margin-top:6.4rem}.page_space .nav{position:absolute;right:0;bottom:0;background-color:#fff;z-index:2;max-width:50%;padding:2.5rem 3.9rem 0 4.5rem}.nav_wrap .nav_list{display:flex;flex-wrap:wrap;gap:3rem 7.8rem}.nav_wrap .nav_item{position:relative;display:block;cursor:pointer;transition:all 0.3s;font-size:2.2rem;font-weight:500;color:#707070;background:linear-gradient(to right,var(--primary),var(--primary)) no-repeat bottom center / 0 2px}.nav_wrap .nav_item:hover{color:var(--primary)}.nav_wrap .nav_item.active,.nav_wrap .nav_item:hover{color:var(--title);background-size:100% 2px}.nav_wrap .nav_item.active{font-weight:600}.home_about .head h2{position:relative;font-size:1px;width:1px;height:1px;white-space:nowrap;opacity:0}.home_about .swiper_box{padding-bottom:0.9rem}@media screen and (max-width:768px){.content{padding:0 20px}.btn,.btn_line{font-size:14px;line-height:40px;padding:0 20px}.btn_line{--bs:10px;min-width:120px}.tcon h2{font-size:22px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}.page_space .page_space_swiper .swiper-slide:has(.tcon.white) .img.img_ab{opacity:0.7}.page_space .info{width:100%;padding:40px 0;margin:0}.page_space .info:has(.awards){margin:0}.page_space .info .title{font-size:22px}.page_space .info .title::after{width:22px;margin-top:16px}.page_space .info .desc{margin-top:12px}.page_space .info .btn_line{margin-top:20px}.page_space .info .btn_line.wt{margin-top:20px}.page_space .info .awards{max-width:250px;margin-top:20px;display:none}.page_space .nav{padding:14px 20px 0}}@media screen and (max-width:576px){.page_space .page_space_swiper .swiper-slide:has(.tcon.white) .img.img_ab{opacity:1}.page_space .page_space_swiper .wrap{position:static;padding-bottom:30px}.page_space .page_space_swiper .wrap .info{color:#fff}.page_space .page_space_swiper .wrap .info .desc{color:rgba(255,255,255,0.8)}.page_space .page_space_swiper .wrap .info .btn_line{border-color:#fff;color:#fff}.page_space .nav{max-width:calc(100% - 20px)}}.tools_part_vendor .tools_part_box{padding:4rem 0px;text-align:center}.tools_part_vendor .tools_part_box input{padding:.8rem 1rem;border-radius:5px;min-width:300px;border:1px #ddd solid}.tools_part_vendor .tools_part_box button{background:white;border:1px solid #f8f8f8;color:#4c4c4c;padding:0.8rem 1.5rem;display:inline-block;font-weight:500;border:none;font-size:16px;cursor:pointer;border-radius:10px;background-color:#33bde9;border:1px solid #33bde9;color:white;padding:0.8rem 1.5rem}.swiper_btns{gap:6.2rem;display:flex}.swiper_btns .btn_prev,.swiper_btns .btn_next{width:3.1rem;height:2rem;cursor:pointer;transition:all 0.3s;background:url(https://goodtone.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_04_home_case/assets/img/arrow-line.svg) no-repeat center / contain;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}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.home_case{padding:7.7rem 0 13.8rem}.home_case .home_case_swiper{overflow:hidden;margin-top:4.1rem}.home_case .home_case_swiper .item{display:block;height:100%}.home_case .home_case_swiper .item:hover img{transform:scale(1.03)}.home_case .home_case_swiper .img{padding-bottom:37.85714286%}.home_case .home_case_swiper .info{display:grid;grid-template-columns:16.5rem 1fr;align-items:start;font-size:2.2rem;line-height:3rem;font-weight:600;color:#171717;gap:2rem;margin-top:3.6rem;width:75%;max-width:95.4rem}.home_case .home_case_swiper .info .title{max-width:12rem}.home_case .home_case_swiper .info .desc{max-width:60rem;padding-top:2px}.home_case .swiper_btns{position:absolute;right:0;top:0;padding-top:40.7%;pointer-events:none;align-items:center;gap:3.4rem;z-index:2}.home_case .swiper_btns div:not(.swiper-button-disabled){pointer-events:all}.home_case .swiper_btns .pagination{font-size:2rem;color:rgba(0,0,0,0.4)}.home_case .swiper_btns .pagination .current{color:#000}.home_case .swiper_btns .pagination.swiper-pagination-lock{display:block;opacity:0}@media screen and (max-width:768px){.content{padding:0 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}.home_case{padding:50px 0}.home_case .home_case_swiper{margin-top:30px}.home_case .home_case_swiper .info{grid-template-columns:40% 1fr;width:100%;margin-top:20px;gap:12px 20px;font-size:18px;line-height:1.5}.home_case .home_case_swiper .info .desc{padding:0;font-size:14px}.home_case .swiper_btns{position:static;padding:0;gap:14px;margin-top:30px;justify-content:flex-end}.home_case .swiper_btns .pagination{width:auto;font-size:14px}}@media screen and (max-width:576px){.home_case .home_case_swiper .info{grid-template-columns:1fr}.home_case .home_case_swiper .info .title{max-width:unset}}.home_sustainability{position:relative;max-width:256rem;margin:0 auto;border-top:1px solid rgba(23,23,23,0.3)}.home_sustainability .bg{padding-bottom:47.86458333%}.home_sustainability .wrap{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2}.home_sustainability .wrap .content{display:flex;height:100%}.home_sustainability .head{flex:1;display:flex;flex-direction:column;padding:13.9% 0 6.233377%}.home_sustainability .head .tcon{margin:auto 0}.home_sustainability .head h2{max-width:71rem;font-size:5.4rem;line-height:1.43;font-weight:400;letter-spacing:0.02962963em}.home_sustainability .head p{max-width:93.5rem;font-size:2.691rem;line-height:1.58639911;margin-top:1.8rem;font-weight:300;letter-spacing:0.0278781em}@media screen and (min-width:769px) and (max-width:1024px){.home_sustainability .head h2{font-size:5rem}}@media screen and (min-width:769px) and (max-width:896px){.home_sustainability .head{padding:4rem 0}.home_sustainability .head h2{font-size:4rem}.home_sustainability .head p{font-size:1.8rem}}@media screen and (max-width:768px){.content{padding:0 20px}.tcon h2{font-size:22px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}.btn_line{font-size:14px;line-height:40px;padding:0 20px;--bs:10px;min-width:120px}div.head .btn_line{font-size:14px;line-height:40px;padding:0 20px;margin-top:20px}.home_sustainability .head{padding:40px 0}.home_sustainability .head h2{font-size:22px;line-height:1.3}.home_sustainability .head p{font-size:14px;line-height:1.5;margin-top:12px}}@media screen and (max-width:576px){.home_sustainability .wrap{position:static;text-align:center;background-color:var(--title)}}