@charset "UTF-8";
.c-subMenu{top:0;left:0;display:block;width:100%;margin:0 auto;z-index:100;overflow:visible}.c-subMenu::before{content:'';position:absolute;top:0;left:calc(50% - 50vw);display:block;width:100vw;height:100%;background:#fff;box-shadow:0 0 73px rgba(0,0,0,.2);opacity:0;pointer-events:none}.c-subMenu__box{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:100%;background:#fff;box-shadow:0 0 73px rgba(0,0,0,.2);overflow:hidden}.c-subMenu__box .slick-list{margin:0 auto}.c-subMenu__box .slick-list.notFull{min-width:0}.c-subMenu__box.slick-slider{overflow:visible}.c-subMenu__box .slick-next{right:-60px}.c-subMenu__box .slick-prev{left:-60px}.c-subMenu__box .slick-track{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start}.c-subMenu__box__item{display:block;width:25%;height:auto;font-size:19px;line-height:1;color:#000;font-family:"NotoSansTC-B";float:none;flex:0 0 auto}.c-subMenu__box__item::before{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;background:var(--mainColor);opacity:0;transition:opacity .4s ease-in-out}.c-subMenu__box__item.active,.c-subMenu__box__item:hover{color:#fff}.c-subMenu__box__item.active::before,.c-subMenu__box__item:hover::before{opacity:1}.c-subMenu__box__item::after{content:'';position:absolute;top:27.5%;left:0;display:block;width:.5px;height:45%;background:rgba(0,0,0,.2)}.c-subMenu__box__item.slick-current::after,.c-subMenu__box__item:hover+.c-subMenu__box__item::after,.c-subMenu__box__item.active::after,.c-subMenu__box__item.active+.c-subMenu__box__item::after,.c-subMenu__box__item:hover::after{opacity:0}.c-subMenu__box__item__link{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%;padding:35px 5px;font-size:inherit;line-height:1.5;color:inherit;font-family:inherit;text-align:center}.c-subMenu__select{display:none;height:70px}.c-subMenu.j-subMenuFixed{position:sticky}.c-subMenu.fixed::before{opacity:1;pointer-events:all}.c-subMenu.fixed .c-subMenu__box{box-shadow:none}.c-subMenuSelect{top:0;left:0;display:none;width:100%;margin:0 auto;background:#fff;overflow:visible;z-index:100}.c-subMenuSelect::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#fff;box-shadow:1px 1px 30px rgba(4,0,0,.2)}.c-subMenuSelect__select{border:none}.c-subMenu__box:not(.j-subMenu-slick){flex-wrap:wrap}.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item{margin:0 0 -1px 0;border-bottom:1px solid rgba(0,0,0,.2);flex:1 0 auto}.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(1):nth-last-child(5),.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(2):nth-last-child(4),.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(3):nth-last-child(3),.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(4):nth-last-child(2),.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(5):nth-last-child(1){width:33.33%}.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(4):nth-last-child(2)::after{display:none}.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(5):nth-last-child(1)::after{display:block}.c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item:nth-child(4n+1)::after{display:none}.c-subMenu.j-subMenuFixed.fixed .c-subMenu__box:not(.j-subMenu-slick){left:calc(50% - 50vw);width:100vw}.c-subMenu.j-subMenuFixed.fixed .c-subMenu__box:not(.j-subMenu-slick) .c-subMenu__box__item .c-subMenu__box__item__link{padding:20px 5px}@media screen and (max-width:1500px){.c-subMenu{width:calc(100% - 120px)}.c-subMenu.full{width:100%;box-shadow:0 0 73px rgb(0 0 0 / 20%);overflow:visible}.c-subMenu.full .c-subMenu__box{box-shadow:none}.c-subMenu__box:not(.j-subMenu-slick){left:-60px;width:calc(100% + 120px)}}@media screen and (max-width:991px){.c-subMenu{width:calc(100% - 60px)}.c-subMenu.full{width:100%}.c-subMenu__box{display:none}.c-subMenu__box .slick-arrow{top:calc(50% - 10px);width:10px;height:20px}.c-subMenu__box .slick-prev{left:-30px}.c-subMenu__box .slick-next{right:-30px}.c-subMenu__box__item{font-size:16px}.c-subMenu__box__item__link{padding:27.5px 5px}.c-subMenu__select{display:block}.c-subMenu.j-subMenuFixed .c-subMenu__box{display:flex}.c-subMenu__box:not(.j-subMenu-slick){left:-30px;width:calc(100% + 60px)}}@media screen and (max-width:767px){.c-subMenu.fixed{position:sticky}.c-subMenu.j-subMenuFixed{position:absolute;top:0;left:calc(50% - 50vw);display:block;width:100vw}.c-subMenu__box{padding:0 60px}.c-subMenu__box::before,.c-subMenu__box::after{content:'';position:absolute;top:0;display:block;width:60px;height:100%;background:linear-gradient(to right,#fff 70%,rgba(255,255,255,0) 100%);z-index:10}.c-subMenu__box::before{left:0}.c-subMenu__box::after{right:0;transform:scaleX(-1)}.c-subMenu__box .slick-list,.c-subMenu__box .slick-track{overflow:visible}.c-subMenu__box .slick-prev{left:30px}.c-subMenu__box .slick-next{right:30px}.c-subMenu__box__item{width:auto}.c-subMenu__box__item::before{height:3px}.c-subMenu__box__item::after{display:none}.c-subMenu__box__item.active,.c-subMenu__box__item:hover{color:#000}.c-subMenu__box__item__link{padding:20px 12.5px}.c-subMenu.fixed{position:fixed}.c-subMenu__box:not(.j-subMenu-slick),.c-subMenu.j-subMenuFixed .c-subMenu__box:not(.j-subMenu-slick){display:none}.c-subMenuSelect{position:sticky;display:block;margin:0 auto 30px auto}.c-subMenuSelect.fixed::before{left:calc(50% - 50vw);width:100vw}.c-subMenuSelect.fixed .c-subMenuSelect__select{left:-25px;width:calc(100% + 50px)}}@media screen and (max-width:575px){.c-subMenu__box{padding:0 40px}.c-subMenu__box::before,.c-subMenu__box::after{width:45px}.c-subMenu__box .slick-prev{left:20px}.c-subMenu__box .slick-next{right:20px}.c-subMenu__box__item{font-size:15px}.c-subMenu__select{height:50px}.c-subMenuSelect{width:100%}.c-subMenuSelect.fixed{padding:0 10px}}@media (any-hover:none){.c-subMenu__box__item:hover::before{opacity:0}}@supports (-webkit-touch-callout:none){}
.c-news{display:block;width:100%;flex:0 0 auto}.c-news.wow{animation-name:fadeInUp}.c-news__pic{display:block;width:100%}.c-news__content{display:block;width:100%;margin:15px 0 0 0}.c-news__content__info{margin:0 0 10px 0}.c-news__content__title{display:block;width:100%;font-size:20px;line-height:1.2;color:#000;font-family:"NotoSansTC-M"}.c-news__content__text{width:100%;margin:7.5px 0 0 0;font-size:16px;line-height:1.5;color:var(--textColor);text-align:justify;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.c-news__content__text.active{display:block}.c-news__content__link{display:inline-block;width:auto;max-width:100%;font-size:15px;line-height:1;color:var(--textColor);font-family:'NotoSansTC-M';letter-spacing:.05em;text-decoration:underline #b5b5b5;text-underline-offset:5px;transition:opacity .4s ease-in-out}.c-news__content__link:hover{opacity:.7}.c-news__toggle{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:75px;max-width:100%;margin:30px 0 0 0}.c-news__toggle::before,.c-news__toggle::after{content:'';position:absolute;top:calc(50% - 1px);right:0;display:block;width:30px;height:2px;background:var(--mainColor);transform-origin:center;opacity:0;transition:opacity .4s ease-in-out;order:10;flex:0 0 auto}.c-news__toggle::before{transform:rotate(15deg)}.c-news__toggle::after{transform:rotate(-15deg)}.c-news__toggle__text{display:block;width:auto;max-width:100%;font-size:15px;line-height:1;color:var(--mainColor);font-family:inherit;flex:0 0 auto}.c-news__toggle__text::before{position:absolute;top:0;left:0;content:'more';transition:opacity .4s ease-in-out}.c-news__toggle__text::after{content:'close';position:relative;display:block;width:100%;opacity:0;transition:opacity .4s ease-in-out}.c-news__toggle.hide{display:none}.c-news__toggle.active::before,.c-news__toggle.active::after{opacity:1}.c-news__toggle.active .c-news__toggle__text::before{opacity:0}.c-news__toggle.active .c-news__toggle__text::after{opacity:1}@media screen and (max-width:991px){.c-news__content{margin:15px 0 0 0}.c-news__content__info{margin:0 0 10px 0}.c-news__content__title{font-size:17px;line-height:1.5}.c-news__content__text{margin:5px 0 0 0;font-size:15px}.c-news__toggle{margin:25px 0 0 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-news__content__info{margin:0 0 5px 0}.c-news__content__title{font-size:16px}.c-news__content__text{font-size:14px}.c-news__content__link{font-size:14px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}
body{overflow:visible}.esg{margin:80px auto 0 auto}.esg__inner{display:block;width:100%;margin:75px auto 0 auto}.esg__inner__select{display:none;margin:0 auto 30px auto}.c-esg__title{display:block;width:100%;font-family:'NotoSansTC-M';color:#000;font-size:18px;margin:0 0 20px 0}.c-esg__title::before{content:'';position:relative;top:-2px;display:inline-block;vertical-align:middle;width:4px;height:1.2em;background:var(--subColor);transform-origin:center;margin:0 18px 0 0}.c-esg__sub{display:block;width:100%;margin:0 0 70px 0}.esg__inner__area__content{display:block;width:100%;text-align:center;line-height:1;font-family:'NotoSansTC-M';letter-spacing:1px;margin:0 auto 55px auto}.esg__inner__area__content__main{display:block;width:100%;font-family:inherit;font-size:27px;line-height:inherit;letter-spacing:inherit;margin:0 0 10px 0}.esg__inner__area__content__text{display:block;width:100%;font-family:inherit;font-size:18px;line-height:1.67;letter-spacing:inherit}.esg__inner__content{display:block;width:100%;max-width:920px;margin:0 auto 45px auto;text-align:center;animation-name:fadeInUp}.esg__inner__content__text{display:block;width:100%;font-size:16px;line-height:2;color:var(--textColor)}.esg__inner__area{width:100%}.esg__inner__area.wow{animation-name:fadeInUp}.esg__inner__area__head{display:block;width:100%;padding:35px 0 0 0;border-bottom:1px solid rgba(74,74,74,.3)}.esg__inner__area__head__menu{display:flex;align-items:flex-end;align-content:flex-end;justify-items:center;justify-content:center;width:calc(100% - 120px);max-width:800px;margin:0 auto}.esg__inner__area__head__menu-product{max-width:400px}.esg__inner__area__head__menu .slick-track{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start}.esg__inner__area__head__menu .slick-arrow{top:calc(50% - 20px);width:20px;height:40px;background-image:url(../svg/icon_arrow_next_bold_black.svg);background-size:50% auto}.esg__inner__area__head__menu .slick-prev{left:-30px}.esg__inner__area__head__menu .slick-next{right:-30px}.esg__inner__area__head__menu__item{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;height:auto;max-width:100%;padding:25px 30px;font-size:16px;line-height:1.2;color:#000;font-family:"NotoSansTC-M";text-align:center;cursor:pointer;opacity:.5;transition:opacity .4s ease-in-out}.esg__inner__area__head__menu__item::after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:3px;background:var(--mainColor);transform-origin:center;transform:scaleX(0);transition:transform .4s ease-in-out}.esg__inner__area__head__menu__item.active{opacity:1}.esg__inner__area__head__menu__item.active::after{transform:none}.esg__inner__area__box{display:none;width:calc(100% - 200px);max-width:1180px}.esg__inner__area__box.active{display:block}.esg__inner__area__box__content__text{display:block;width:100%;font-size:16px;line-height:2;color:var(--textColor);font-family:'NotoSansTC'}.bg-gray{background:#f2f2f6}.bg-gray-full::before{content:"";position:absolute;top:0;left:calc(50% - 50vw);display:block;width:100vw;height:100%;background:#f2f2f6;pointer-events:none}.c-esgLink{display:block;width:100%;background:var(--bgColor)}.c-esgLink__bg{display:block;width:100%;height:480px;min-height:500px;max-height:calc(100vh - 100px);animation-name:fadeIn}.c-esgLink__bg::after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.4)}.c-esgLink__bg img{object-fit:cover;object-position:center;height:100%}.c-esgLink__bg .pad,.c-esgLink__bg .mb{display:none}.c-esgLink__content{position:absolute;top:0;left:60px;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-items:center;justify-content:center;width:calc(100% - 120px);height:100%;color:#fff;text-align:center;animation-name:fadeInUp}.c-esgLink__content__title{display:block;width:100%;color:#eff3f6;line-height:1.2;letter-spacing:1px}.c-esgLink__content__title__main{display:block;width:100%;font-family:"NotoSansTC-B";font-size:36px;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0 0 45px 0}.c-esgLink__content__title__main:after{content:"";width:56px;height:1px;position:absolute;bottom:-22.5px;left:calc(50% - 28px);background:rgba(239,243,246,.4)}.c-esgLink__content__title__sub{display:block;width:100%;margin:0 auto;font-family:"Poppins","NotoSansTC";font-size:15px;line-height:inherit;color:rgba(239,243,246,.5)}.c-esgLink__content__title__text{display:block;width:100%;margin:0 auto;font-family:"NotoSansTC";font-size:15px;line-height:1.8;color:inherit;margin:0 0 35px 0}.c-esgLink__content__link{display:block;width:250px;max-width:100%;background:none;color:#eff3f6}.c-esgLink__content__link .c-more__line01{background:linear-gradient(to right,#fff calc(45.45% - 1px),rgba(255,255,255,0) 45.45%,rgba(255,255,255,0) calc(54.54% - 1px),#fff 54.54%)}.c-esgLink__content__link .c-more__line02{background:linear-gradient(to top,#fff calc(33.33% - 1px),rgba(255,255,255,0) 33.33%,rgba(255,255,255,0) 66.66%,#fff calc(66.66% + 1px))}.c-esgLink__content__link .c-more__line03{background:linear-gradient(to left,#fff calc(45.45% - 1px),rgba(255,255,255,0) 45.45%,rgba(255,255,255,0) calc(54.54% - 1px),#fff 54.54%)}.c-esgLink__content__link .c-more__line04{background:linear-gradient(to bottom,#fff calc(33.33% - 1px),rgba(255,255,255,0) 33.33%,rgba(255,255,255,0) 66.66%,#fff calc(66.66% + 1px))}@media screen and (max-width:1200px){}@media screen and (max-width:991px){.esg{margin:60px auto 0 auto}.esg__inner{margin:65px auto 0 auto}.c-esg__title{margin:0 0 25px 0}.c-esg__sub{margin:0 0 20px 0}.esg__inner__area__box{width:calc(100% - 60px)}.esg__inner__area__content__text{font-size:17px}.c-esgLink__bg{height:500px;min-height:450px;max-height:calc(100vh - 100px)}.c-esgLink__bg::after{background:rgba(0,0,0,.5)}.c-esgLink__bg .pc{display:none}.c-esgLink__bg .pad{display:block}.c-esgLink__content{left:30px;width:calc(100% - 60px)}.c-esgLink__content__title__main{margin:0 0 40px 0}}@media screen and (max-width:767px){.esg{position:static}.esg__inner__area__head{padding:0}.esg__inner__area__head__menu{width:calc(100% - 140px);max-width:none}.esg__inner__area__head__menu__item{padding:25px 10px}}@media screen and (max-width:575px){.esg{margin:-10px auto 0 auto}.esg__inner{margin:30px auto 0 auto}.c-esg__title{margin:0 0 16px 0}.c-esg__sub{margin:0 0 50px 0}.esg__inner__area__box{width:calc(100% - 40px)}.esg__inner__area__box__content__text{font-size:14px}.esg__inner__area__content{max-width:calc(100% - 40px);margin:0 auto 45px auto}.esg__inner__area__content__main{font-size:23px}.esg__inner__area__content__text{font-size:15px}.esg__inner__select{width:calc(100% - 40px);margin:0 auto 20px auto}.esg__inner__area__head__menu{max-width:200px}.esg__inner__area__head__menu .slick-arrow{top:calc(50% - 14px);width:14px;height:28px}.esg__inner__area__head__menu__item{padding:20px 10px}.esg__inner__content__text{font-size:15px}.c-esgLink__bg{height:388px;min-height:200px}.c-esgLink__bg::after{background:rgba(0,0,0,.6)}.c-esgLink__bg .pad{display:none}.c-esgLink__bg .mb{display:block}.c-esgLink__content{left:20px;width:calc(100% - 40px)}.c-esgLink__content__title__main{font-size:25px;margin:0 0 35px 0}.c-esgLink__content__title__main:after{bottom:-18.5px}.c-esgLink__content__title__sub,.c-esgLink__content__title__text{font-size:14px}.c-esgLink__content__title__text{margin:0 0 17px 0}.c-esgLink__content__link{width:100%}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}
.esg__inner__area__content{display:block;margin:110px auto 145px auto;animation-name:fadeInUp}.esg__inner__area__box{width:auto;max-width:100%}.esg__inner__area__box__content{display:block;width:100%;padding:120px 0}.esg__inner__area__box__content:nth-child(even):before{content:'';position:absolute;top:0;left:calc(50% - 50vw);display:block;width:100vw;height:100%;background:#f2f2f6;pointer-events:none}.esg__inner__area__box__content__item{display:block;width:100%;padding:10px 0 0 0;overflow:hidden;animation-name:fadeInUp}.esg__inner__area__box__content__item__desc{width:calc(100% - 200px);margin:20px 0 40px 0}.esg__inner__area__box__content__item__desc__text{display:block;width:100%;font-size:16px;font-family:'NotoSansTC';line-height:2;letter-spacing:.5px;color:var(--textColor);margin:0 0 60px 0}.esg__inner__area__box__content__item__slick{position:static;left:-15px;display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 30px)}.esg__inner__area__box__content__item__slick .slick-arrow{top:20px;left:auto;right:0}.esg__inner__area__box__content__item__slick .slick-prev{right:95px}.esg__inner__area__box__content__item__slick.slick-slider{display:block}.esg__inner__area__box__content__item__slick__item{width:calc(100% / 3 - 30px);margin:0 15px}.esg__inner__area__box__content__item__slick__item .c-news__content__title{font-size:18px}.esg__inner__area__box__content__item__slick__item .c-news__content__text{font-size:15px}.esg__inner__area__box__csr{display:block;width:100%;overflow:hidden;margin:0 auto;animation-name:fadeInUp}.esg__inner__area__box__csr__content{display:flex;justify-content:space-between;justify-items:space-between;align-items:flex-start;align-content:flex-start;width:100%;padding:120px 0}.esg__inner__area__box__csr__content__desc{display:block;width:calc(50% - 50px);flex:0 0 auto;margin:0 8.5% 0 0}.esg__inner__area__box__csr__content__pic{display:block;width:100%;max-width:620px;margin:0 auto;flex:0 1 auto}.esg__inner__area__box__csr__content__desc__text{margin:25px 0 0 0;font-size:16px;line-height:2;color:var(--textColor);font-family:'NotoSansTC'}@media screen and (max-width:991px){.esg__inner__area__content{margin:75px auto 90px auto;max-width:100%}.esg__inner__area__box__content__item{padding:0}.esg__inner__area__box__content__item__slick{left:-20px;width:calc(100% + 40px)}.esg__inner__area__box__content__item__slick__item{width:calc(50% - 40px);margin:0 20px}.esg__inner__area__box__content__item__slick .slick-arrow{top:auto;bottom:0;right:20px}.esg__inner__area__box__content__item__slick .slick-prev{right:100px}.esg__inner__area__box__content__item__slick .slick-dotsLine{left:15px;width:calc(100% - 235px);margin:80px 0 35px 0}.esg__inner__area__box__csr__content{display:block}.esg__inner__area__box__csr__content__desc{width:100%;margin:0 auto 70px auto}.esg__inner__area__box__csr__content__desc__text{margin:40px 0 0 0}.esg__inner__area__box__csr__content__pic{max-width:none}.esg__inner__area__box__content__item__desc{margin:0 0 57px 0;width:100%}.esg__inner__area__box__content__item__slick{position:relative}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.esg__inner__area__content{margin:50px auto 65px auto}.esg__inner__area__box__csr__content__desc{margin:0 0 35px 0}.esg__inner__area__box__csr__content__desc__text{margin:5px 0 0 0;font-size:14px}.esg__inner__area__box__content__item__desc{margin:0 0 10px 0}.esg__inner__area__box__content__item__desc__text{font-size:14px;margin:0 0 25px 0;text-align:justify}.esg__inner__area__box__content__item__slick .slick-list{margin:0 0 50px 0}.esg__inner__area__box__content__item__slick__item{width:calc(100% - 40px)}.esg__inner__area__box__content__item__slick__item .c-news__content__title{font-size:15px}.esg__inner__area__box__content__item__slick__item .c-news__content__text{font-size:14px}.esg__inner__area__box__content__item__slick .slick-prev{right:80px}.esg__inner__area__box__content__item__slick .slick-dotsLine{width:calc(100% - 165px);margin:35px 0 25px 0}.esg__inner__area__box__content{padding:70px 0}.esg__inner__area__box__content__item__desc{margin:0 0 25px 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}