@charset "UTF-8";[aria-selected=false]{opacity:1}.tab-list multipurpose-nav[m4-type=drag] .drag-container{padding:0;max-width:none}.tab-list multipurpose-nav[m4-type=drag] .drag-container .wrapper{padding:0;display:flex;flex-direction:column;gap:10px!important}.tab-list multipurpose-nav[m4-type=drag] .drag-container .wrapper.end,.tab-list multipurpose-nav[m4-type=drag] .drag-container .wrapper.center,.tab-list multipurpose-nav[m4-type=drag] .drag-container .wrapper.start{-webkit-mask-image:none;mask-image:none}.tab-list multipurpose-nav[m4-type=drag] .drag-container .item.active .category{color:#fff;background-color:#00cbb5;border-color:transparent}.tab-list multipurpose-nav[m4-type=drag] .drag-container .category{padding:20px 30px;display:flex;align-items:center;height:100%;border-radius:10px;border:1px solid rgba(0,0,0,.2);text-align:start;transition:color var(--trans-normal),background-color var(--trans-normal),border-color var(--trans-normal);font-family:Figtree,Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.6;letter-spacing:normal}.tab-list multipurpose-nav[m4-type=drag] .drag-container .category>p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width: 1201px){.tab-list multipurpose-nav[m4-type=drag] .drag-container .category:hover{color:#fff;background-color:#00cbb5;border-color:transparent}}@media only screen and (max-width: 1200px){.tab-list multipurpose-nav[m4-type=drag] .drag-container .category:hover{color:#fff;background-color:#00cbb5;border-color:transparent}.tab-list multipurpose-nav[m4-type=drag] .drag-container .category:active{color:#fff;background-color:#00cbb5;border-color:transparent}}.tab-list multipurpose-nav[m4-type=drag] .drag-container .category:after{display:none}.option-nav multipurpose-nav[m4-type=drag],.subNav-block multipurpose-nav[m4-type=drag]{z-index:1}.option-nav multipurpose-nav[m4-type=drag] .drag-container,.subNav-block multipurpose-nav[m4-type=drag] .drag-container{padding-inline:0;max-width:unset;transition:padding var(--trans-normal)}.option-nav multipurpose-nav[m4-type=drag] .drag-container:has(.button.active),.subNav-block multipurpose-nav[m4-type=drag] .drag-container:has(.button.active){padding-inline:clamp(30px,.7721rem + 1.9608vw,50px)}.option-nav multipurpose-nav[m4-type=drag] .category,.subNav-block multipurpose-nav[m4-type=drag] .category{display:flex;justify-content:center;align-items:center;font-size:1.125rem;font-weight:500;line-height:1.6;letter-spacing:.5px}.option-nav multipurpose-nav[m4-type=drag] .category:after,.subNav-block multipurpose-nav[m4-type=drag] .category:after{content:unset}.option-nav multipurpose-nav[m4-type=drag] .navigation .button,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button{width:clamp(20px,.6985rem + .9804vw,30px);background-color:transparent}.option-nav multipurpose-nav[m4-type=drag] .navigation .button div,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button div{width:clamp(20px,.6985rem + .9804vw,30px);height:clamp(20px,.6985rem + .9804vw,30px)}.option-nav multipurpose-nav[m4-type=drag] .navigation .button div:before,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button div:before{width:clamp(10px,.4044rem + .3922vw,14px);height:clamp(10px,.4044rem + .3922vw,14px);transition:border var(--trans-normal)}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.prev,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.prev{left:0;transform:translate3d(0,-50%,0)}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.prev div:before,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.prev div:before{border-top:3px solid #000000;border-left:3px solid #000000}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.prev.hide,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.prev.hide{opacity:.5}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.prev.hide div:before,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.prev.hide div:before{border-top:1px solid #000000;border-left:1px solid #000000}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.next,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.next{right:0;transform:translate3d(0,-50%,0)}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.next div:before,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.next div:before{border-top:3px solid #000000;border-right:3px solid #000000}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.next.hide,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.next.hide{opacity:.5}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.next.hide div:before,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.next.hide div:before{border-top:1px solid #000000;border-right:1px solid #000000}.option-nav .container{transition:transform var(--trans-normal),opacity var(--trans-normal)}.option-nav .container.hide{opacity:0}.option-nav multipurpose-nav[m4-type=drag]{z-index:1}.option-nav multipurpose-nav[m4-type=drag] .drag-container{padding-inline:0;max-width:unset;transition:padding var(--trans-normal)}.option-nav multipurpose-nav[m4-type=drag] .drag-container:has(.button.active){padding-inline:clamp(30px,.7721rem + 1.9608vw,50px)}.option-nav multipurpose-nav[m4-type=drag] .drag-container .wrapper{position:relative;padding:0;display:flex;gap:0!important;width:100%;border-radius:5px}.option-nav multipurpose-nav[m4-type=drag] .drag-container .wrapper.end,.option-nav multipurpose-nav[m4-type=drag] .drag-container .wrapper.center,.option-nav multipurpose-nav[m4-type=drag] .drag-container .wrapper.start{-webkit-mask-image:none;mask-image:none}.option-nav multipurpose-nav[m4-type=drag] .drag-container .wrapper:after{display:block;position:absolute;bottom:0;height:5px;width:calc(var(--indicator-width, 0) - clamp(20px,.6985rem + .9804vw,30px) * 2);left:calc(var(--indicator-left, 0) + clamp(20px,.6985rem + .9804vw,30px));background-color:#d81c2d;transition:left 1s,transform var(--trans-s);content:""}.option-nav multipurpose-nav[m4-type=drag] .drag-container .wrapper.animating:after{transform:scaleX(.1)}.option-nav multipurpose-nav[m4-type=drag] .drag-container .item{flex:1;min-width:max-content;border-radius:5px;transition:background-color var(--trans-normal)}.option-nav multipurpose-nav[m4-type=drag] .drag-container .item:after{position:absolute;z-index:0;top:0;left:50%;transform:translate(-50%);width:calc(100% - (clamp(20px,.6985rem + .9804vw,30px)*2));height:100%;border-radius:5px;background-color:#f3f3f3;opacity:0;transition:opacity var(--trans-normal),width var(--trans-normal);content:""}.option-nav multipurpose-nav[m4-type=drag] .drag-container .item:hover:after{opacity:1}.option-nav multipurpose-nav[m4-type=drag] .drag-container .item.active:after{opacity:1;width:100%}.option-nav multipurpose-nav[m4-type=drag] .drag-container .category{margin-inline:clamp(15px,.1103rem + 1.4706vw,30px);padding:10px;z-index:1;min-width:clamp(80px,-3.8235rem + 15.6863vw,240px);min-height:clamp(49px,2.1801rem + 1.5686vw,65px)}.subNav-block .container{grid-column:var(--xs-grid)}.subNav-block multipurpose-nav[m4-type=drag]{z-index:1}.subNav-block multipurpose-nav[m4-type=drag] .drag-container{padding-inline:0;max-width:unset;transition:padding var(--trans-normal)}.subNav-block multipurpose-nav[m4-type=drag] .drag-container:has(.button.active){padding-inline:clamp(30px,.7721rem + 1.9608vw,50px)}.subNav-block multipurpose-nav[m4-type=drag] .drag-container .wrapper{position:relative;padding:0;display:flex;gap:20px!important;width:100%}.subNav-block multipurpose-nav[m4-type=drag] .drag-container .wrapper.end,.subNav-block multipurpose-nav[m4-type=drag] .drag-container .wrapper.center,.subNav-block multipurpose-nav[m4-type=drag] .drag-container .wrapper.start{-webkit-mask-image:none;mask-image:none}.subNav-block multipurpose-nav[m4-type=drag] .drag-container .item{min-width:max-content;border-radius:5px}.subNav-block multipurpose-nav[m4-type=drag] .drag-container .item:after{position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#d81c2d;opacity:0;transform:scaleX(0);transform-origin:center;transition:transform var(--trans-normal),opacity var(--trans-normal);content:""}.subNav-block multipurpose-nav[m4-type=drag] .drag-container .item:hover:after{transform:scaleX(1);opacity:1;width:100%}.subNav-block multipurpose-nav[m4-type=drag] .drag-container .category{padding:20px 10px}.index-page{--section-gap: clamp(80px,1.1397rem + 6.8627vw,150px)}.index-page .indexBannerTitle{font-size:clamp(2.625rem,-1.6765rem + 7.6471vw,7.5rem);font-weight:700;line-height:1.2;letter-spacing:-3px}.index-page .indexBannerSubTitle{font-size:clamp(1.625rem,1.0735rem + .9804vw,2.25rem);font-weight:600;line-height:1.3}.index-page .indexBlockTitle{font-size:clamp(2.25rem,.375rem + 3.3333vw,4.375rem);font-weight:700;line-height:1.2}.index-page .indexBlockTitle-m{font-size:clamp(1.625rem,.8529rem + 1.3725vw,2.5rem);font-weight:700;line-height:1.2}.index-page .indexItemTitle-l{font-size:clamp(1.375rem,.6029rem + 1.3725vw,2.25rem);font-weight:500;line-height:1.3}.index-page .indexItemTitle-m{font-size:clamp(1.25rem,.9191rem + .5882vw,1.625rem);font-weight:500;line-height:1.4}.index-page .indexItemTitle-s{font-size:clamp(1.125rem,.7941rem + .5882vw,1.5rem);font-weight:700;line-height:1.4}.index-page:has(.products-block .item-box:hover) .plus-cursor{--cursor-size: 80px}.index-page section.gray{position:relative}.index-page section.gray .layer{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%}.index-page section.gray .layer:before{display:block;padding-bottom:620px;content:""}.index-page section.gray .background-wrapper{position:sticky;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.index-page section.gray .background-wrapper.bg-gray .img-box{position:sticky;top:0;width:100%;height:100%}.index-page section.gray .background-wrapper.bg-gray .img-box img{width:100%;height:100%;object-fit:cover;object-position:center}.index-page section.gray .background-wrapper.pic-white .img-box{position:absolute;bottom:1.4815%;left:52.9167%;width:clamp(500px,21.3235rem + 17.6471vw,680px);height:clamp(500px,21.3235rem + 17.6471vw,680px)}@media only screen and (max-width: 900px){.index-page section.gray .background-wrapper.pic-white .img-box{width:clamp(330px,1.8269rem + 52.3077vw,500px);height:clamp(330px,1.8269rem + 52.3077vw,500px);bottom:28%}}@media only screen and (max-width: 575px){.index-page section.gray .background-wrapper.pic-white .img-box{bottom:46%;left:36.8%}}.index-page:not(:has(.application-block,.products-block)) .banner .container{margin-bottom:0}.index-page .banner .container{margin-bottom:clamp(60px,.7169rem + 5.3922vw,115px);grid-column:var(--full-grid);position:relative}.index-page .banner .swiper-block{--notice-height: 91px}.index-page .banner .swiper-inner{margin:0 var(--baseSpace) var(--notice-height);position:relative}.index-page .banner .swiper-inner[data-theme=black] .title,.index-page .banner .swiper-inner[data-theme=black] .desc-box{color:#000}.index-page .banner .swiper-inner[data-theme=black] .more-btn{--btn-color: #000000}.index-page .banner .swiper-inner[data-theme=white] .rounded-img-box:after{position:absolute;inset:0;background:linear-gradient(0deg,#0000001a 0% 100%),linear-gradient(180deg,#0000 43.37%,#00000080 86.81%);transition:background var(--trans-normal);content:""}.index-page .banner .swiper-inner[data-theme=white] .title,.index-page .banner .swiper-inner[data-theme=white] .desc-box{color:#fff}.index-page .banner .swiper-inner[data-theme=white] .more-btn{--btn-color: #FFFFFF}.index-page .banner .rounded-img-box{height:clamp(768px,37.1429rem + 16.9643vw,920px);box-shadow:10px 30px 40px #0000004d;position:relative}.index-page .banner .rounded-img-box:before{display:block;width:100%;height:0;padding-bottom:50%;content:""}.index-page .banner .rounded-img-box picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.index-page .banner .rounded-img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.index-page .banner .video-box{display:flex;justify-content:center;align-items:center;aspect-ratio:1840/920;width:100%;height:clamp(768px,37.1429rem + 16.9643vw,920px);border-radius:10px;box-shadow:10px 30px 40px #0000004d;overflow:hidden}.index-page .banner .video-box video{width:100%;height:100%;background-color:#000}.index-page .banner .media-box{display:flex;width:100%;height:clamp(768px,37.1429rem + 16.9643vw,920px);aspect-ratio:1840/920;border-radius:10px;box-shadow:10px 30px 40px #0000004d;overflow:hidden;pointer-events:none}.index-page .banner .media-box .media{width:100%;height:auto}.index-page .banner .title{padding-inline:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index-page .banner .bottom{overflow:hidden;padding:80px;position:absolute;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;width:100%;gap:20px}.index-page .banner .desc-box{max-width:800px;width:100%;text-align:start}.index-page .banner .desc-box .indexBannerSubTitle{margin-bottom:20px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index-page .banner .desc-box .paragraph{opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-page .banner .swiper-controls{padding-inline:60px;position:absolute;z-index:1;top:calc((100% - var(--notice-height)) / 2);display:flex;justify-content:space-between;width:100%;transform:translateY(-50%)}.index-page .banner .swiper-controls .swiper-btn-prev,.index-page .banner .swiper-controls .swiper-btn-next{width:40px;height:40px;font-size:1.625rem}.index-page .banner .notice-box{margin-block:35px;margin-inline:120px;position:absolute;bottom:0;z-index:2;color:#00000080;cursor:pointer}.index-page .banner .notice-box .notice{overflow:hidden}.index-page .banner .notice-box .notice span{position:relative;display:inline-block;opacity:1;transform:translateY(-30px)}@media only screen and (max-width: 1200px){.index-page .banner .notice-box .notice span{transform:translateY(0)}}.index-page .banner .notice-box .notice span:before{position:absolute;inset:0;transform:translateY(-100%);content:attr(data-text)}@media only screen and (max-width: 1024px){.index-page .banner .swiper-inner{margin-inline:0}.index-page .banner .rounded-img-box,.index-page .banner .video-box,.index-page .banner .media-box{height:clamp(650px,-12.9032rem + 95.1613vw,768px);box-shadow:-10px 10px 15px #00000026}.index-page .banner .indexBannerTitle{letter-spacing:-1px}.index-page .banner .bottom{padding:80px 40px}.index-page .banner .swiper-controls{padding-inline:20px}.index-page .banner .notice-box{margin-inline:var(--baseSpace)}}@media only screen and (max-width: 900px){.index-page .banner .swiper-block{--notice-height: 61px}.index-page .banner .bottom{padding:40px 20px;flex-direction:column;align-items:flex-start}.index-page .banner .notice-box{margin-block:20px}}@media only screen and (max-width: 575px){.index-page .banner .rounded-img-box,.index-page .banner .video-box,.index-page .banner .media-box{box-shadow:-5px 10px 20px #00000026}.index-page .banner .title{padding-inline:20px;top:calc((100% - 100px)/2);transform:translate(-50%)}.index-page .banner .swiper-controls{top:auto;bottom:100px;justify-content:flex-end;gap:20px}.index-page .banner .swiper-controls .swiper-btn-prev,.index-page .banner .swiper-controls .swiper-btn-next{width:20px;height:20px;font-size:.9375rem}.index-page .banner .swiper-controls .swiper-btn-prev i.active,.index-page .banner .swiper-controls .swiper-btn-next i.active{opacity:1}}.index-page .application-block .container{margin-bottom:var(--section-gap)}.index-page .application-block .block-title-box{padding-inline:20px;margin-bottom:60px}.index-page .application-block .block-title{margin-inline:auto;width:100%;max-width:880px;text-align:center}.index-page .application-block .content{display:flex;gap:0px 40px;margin-left:calc(var(--baseSpace) + var(--frSpace) * 2)}.index-page .application-block .tab-block{flex-shrink:0;max-width:280px;display:flex;flex-direction:column;gap:clamp(20px,.1471rem + 1.9608vw,40px)}.index-page .application-block .swiper-block{position:relative;max-width:calc(100vw - 440px)}.index-page .application-block .mask-shadow{position:absolute;left:0;top:0;width:81.0811%;min-width:750px;min-height:clamp(520px,24.7794rem + 13.7255vw,660px);aspect-ratio:1200/660;border-radius:10px;box-shadow:-10px 10px 15px #00000026;opacity:0;transition:opacity 1s}.index-page .application-block .mask-shadow.active{opacity:1}.index-page .application-block .swiper{border-radius:10px 0 0}.index-page .application-block .swiper-slide{width:81.0811%;min-width:750px}.index-page .application-block .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active) .rounded-img-box:after{background:#000c}.index-page .application-block .swiper-slide.next-transform .rounded-img-box img{transform:translate(-50%);transition:transform 1s cubic-bezier(.5,.1,.5,1)}.index-page .application-block .swiper-slide-active .swiper-content,.index-page .application-block .swiper-slide-duplicate-active .swiper-content{opacity:1}.index-page .application-block .swiper-inner{border-radius:10px;background-color:transparent}.index-page .application-block .rounded-img-box{display:block;min-height:clamp(520px,24.7794rem + 13.7255vw,660px);background-color:transparent;position:relative}.index-page .application-block .rounded-img-box:before{display:block;width:100%;height:0;padding-bottom:55%;content:""}.index-page .application-block .rounded-img-box picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.index-page .application-block .rounded-img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.index-page .application-block .rounded-img-box:after{position:absolute;inset:0;transition:background var(--trans-l);content:""}.index-page .application-block .rounded-img-box:hover img{transform:scale(var(--scale-normal))}.index-page .application-block .rounded-img-box img{transition:transform var(--trans-normal) cubic-bezier(.5,.1,.5,1)}.index-page .application-block .swiper-content{margin-top:40px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px clamp(40px,-1.9118rem + 7.8431vw,120px);opacity:0;transition:opacity var(--trans-normal)}.index-page .application-block .swiper-title{width:43.3333%;flex-shrink:0;text-align:start;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index-page .application-block .swiper-desc{margin-top:10px;color:#000c;text-align:start;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index-page .application-block .rwd-btn-box{margin-top:20px;padding-right:20px;display:none;align-items:center;justify-content:space-between}.index-page .application-block .swiper-controls{display:flex;gap:10px}@media only screen and (max-width: 1400px){.index-page .application-block .content{margin-left:calc(var(--baseSpace) + var(--frSpace))}}@media only screen and (max-width: 1200px){.index-page .application-block .content{margin-left:var(--baseSpace);flex-direction:column}.index-page .application-block .tab-block{padding-right:20px;margin-bottom:40px;max-width:none;width:100%}.index-page .application-block .tab-block .tab-list,.index-page .application-block .tab-block .plus-btn{display:none}.index-page .application-block .swiper-block{max-width:100%}.index-page .application-block .mask-shadow{width:70%;min-width:unset;min-height:212px;aspect-ratio:auto}.index-page .application-block .swiper{border-radius:0}.index-page .application-block .swiper-slide{width:70%;min-width:unset}.index-page .application-block .rounded-img-box{min-height:212px}.index-page .application-block .rwd-btn-box{display:flex}}@media only screen and (max-width: 900px){.index-page .application-block .title{margin-bottom:40px}.index-page .application-block .swiper-content{margin-top:20px;flex-direction:column;text-align:start}.index-page .application-block .swiper-title{width:100%}.index-page .application-block .swiper-desc{margin-top:0}}@media only screen and (max-width: 768px){.index-page .application-block .tab-block{margin-bottom:20px}}@media only screen and (max-width: 575px){.index-page .application-block .title{padding-inline:20px}.index-page .application-block .title br{display:none}.index-page .application-block .content{margin-inline:var(--baseSpace)}.index-page .application-block .tab-block{padding-right:0}.index-page .application-block .tab-list multipurpose-nav[m4-type=collapse] .drag-container .category{padding:10px 15px;max-width:335px}.index-page .application-block .mask-shadow{width:100%}}.index-page .products-block .container{margin-bottom:var(--section-gap);grid-column:var(--normal-grid);position:relative;display:flex;flex-direction:column}.index-page .products-block .block-title-box{margin-bottom:40px;width:50%}.index-page .products-block .btn-box{position:absolute;top:clamp(0px,-.9926rem + 1.7647vw,18px);right:0;display:flex;align-items:center;gap:40px}.index-page .products-block .mask-shadow{position:absolute;top:0;left:0;width:78.5714%;min-width:950px;min-height:clamp(550px,25rem + 16.6667vw,720px);aspect-ratio:1320/720;box-shadow:-10px 10px 15px #00000026;border-radius:10px;opacity:0;transition:opacity 1s}.index-page .products-block .mask-shadow.active{opacity:1}.index-page .products-block .swiper-controls{display:flex;gap:10px}.index-page .products-block .swiper-block{position:relative}.index-page .products-block .swiper{border-radius:10px}.index-page .products-block .swiper-wrapper{position:relative}.index-page .products-block .swiper-slide{width:78.5714%;min-width:950px}.index-page .products-block .swiper-slide:after{position:absolute;inset:0;border-radius:10px;transition:background var(--trans-l);pointer-events:none;content:""}.index-page .products-block .swiper-slide.swiper-slide-active:hover .rounded-img-box img{transform:scale(var(--scale-normal))}.index-page .products-block .swiper-slide:not(.swiper-slide-active):after{background:#00000080}.index-page .products-block .swiper-slide:not(.swiper-slide-active) .swiper-content{opacity:0}.index-page .products-block .swiper-slide.next-transform .rounded-img-box img{transform:translate(-50%);transition:transform 1s cubic-bezier(.5,.1,.5,1)}.index-page .products-block .swiper-inner{position:relative}.index-page .products-block .swiper-inner[data-theme=black] .desc-box{color:#000}.index-page .products-block .swiper-inner[data-theme=black] .desc-box .paragraph{color:#000c}.index-page .products-block .swiper-inner[data-theme=black] .more-btn{--btn-color: #000000}.index-page .products-block .swiper-inner[data-theme=black] .name{color:#000}.index-page .products-block .swiper-inner[data-theme=white] .rounded-img-box:after{position:absolute;inset:0;background:linear-gradient(180deg,#0000 43.9%,#0003);transition:background var(--trans-normal);content:""}.index-page .products-block .swiper-inner[data-theme=white] .desc-box{color:#fff}.index-page .products-block .swiper-inner[data-theme=white] .desc-box .paragraph{color:#fffc}.index-page .products-block .swiper-inner[data-theme=white] .more-btn{--btn-color: #FFFFFF}.index-page .products-block .swiper-inner[data-theme=white] .name{color:#fff}.index-page .products-block .rounded-img-box{min-height:clamp(550px,25rem + 16.6667vw,720px);position:relative}.index-page .products-block .rounded-img-box:before{display:block;width:100%;height:0;padding-bottom:54.5454545455%;content:""}.index-page .products-block .rounded-img-box picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.index-page .products-block .rounded-img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.index-page .products-block .rounded-img-box img{transition:transform var(--trans-normal) cubic-bezier(.5,.1,.5,1)}.index-page .products-block .swiper-content{padding:60px;position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;opacity:1;transition:opacity var(--trans-l)}.index-page .products-block .desc-box{max-width:460px;width:100%;display:flex;flex-direction:column;gap:20px;text-align:start}.index-page .products-block .desc,.index-page .products-block .title{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index-page .products-block .common-btn{--btn-color: #FFFFFF}.index-page .products-block .item-list{display:flex;gap:10px}.index-page .products-block .item-list .wrapper{flex:1;max-width:clamp(132px,7.2574rem + 1.7647vw,150px)}.index-page .products-block .item-box{padding:10px;position:relative;display:flex;align-items:center;justify-content:center;width:clamp(132px,7.2574rem + 1.7647vw,150px);height:clamp(132px,7.2574rem + 1.7647vw,150px);border-radius:10px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media only screen and (min-width: 1201px){.index-page .products-block .item-box:hover .rounded-img-box{opacity:1;transform:scale(1)}.index-page .products-block .item-box:hover .name{opacity:0;transform:scale(0)}}@media only screen and (max-width: 1200px){.index-page .products-block .item-box:hover .rounded-img-box{opacity:1;transform:scale(1)}.index-page .products-block .item-box:hover .name{opacity:0;transform:scale(0)}.index-page .products-block .item-box:active .rounded-img-box{opacity:1;transform:scale(1)}.index-page .products-block .item-box:active .name{opacity:0;transform:scale(0)}}.index-page .products-block .item-box .rounded-img-box{width:100%;height:100%;min-height:unset;opacity:0;transform:scale(0);transition:opacity var(--trans-normal),transform var(--trans-normal);position:relative}.index-page .products-block .item-box .rounded-img-box:before{display:block;width:100%;height:0;padding-bottom:100%;content:""}.index-page .products-block .item-box .rounded-img-box picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.index-page .products-block .item-box .rounded-img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.index-page .products-block .item-name{padding:20px;position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.index-page .products-block .rwd-item-name{display:none;margin-top:10px}.index-page .products-block .name{font-size:clamp(1rem,.7794rem + .3922vw,1.25rem);font-weight:600;line-height:1.5;transition:opacity var(--trans-normal),transform var(--trans-normal);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (max-width: 1200px){.index-page .products-block .container{grid-column:var(--full-grid)}.index-page .products-block .block-title-box{padding-inline:var(--baseSpace)}.index-page .products-block .swiper-block{margin-left:var(--baseSpace)}.index-page .products-block .btn-box{right:var(--baseSpace)}.index-page .products-block .mask-shadow{width:95.935%;min-width:unset;aspect-ratio:auto}.index-page .products-block .swiper{border-radius:10px 0 0 10px}.index-page .products-block .swiper-slide{width:95.935%;min-width:unset}.index-page .products-block .item-box .rounded-img-box{opacity:1;transform:scale(1)}.index-page .products-block .item-box .item-name{opacity:0;transform:scale(0)}.index-page .products-block .rwd-item-name{display:block}}@media only screen and (max-width: 900px){.index-page .products-block .swiper-content{padding:clamp(30px,-1.4423rem + 9.2308vw,60px);flex-direction:column;align-items:flex-start}.index-page .products-block .item-list{width:100%}}@media only screen and (max-width: 768px){.index-page .products-block .block-title-box{margin-bottom:20px;width:100%}.index-page .products-block .btn-box{margin-top:20px;margin-inline:var(--baseSpace);position:relative;top:auto;right:auto;justify-content:space-between;order:3}.index-page .products-block .desc-box{gap:10px}.index-page .products-block .more-btn{margin-top:10px}}@media only screen and (max-width: 575px){.index-page .products-block .swiper-block{margin-inline:var(--baseSpace)}.index-page .products-block .swiper-inner{padding-right:0}.index-page .products-block .mask-shadow{width:100%}}@media only screen and (max-width: 374px){.index-page .products-block .item-box{width:auto;height:auto}}.index-page section.white{position:relative}.index-page section.white .layer{position:absolute;z-index:-2;top:0;left:0;width:100%;height:100%}.index-page section.white .layer:before{display:block;padding-bottom:100px;content:""}.index-page section.white .background-wrapper{position:sticky;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.index-page section.white .background-wrapper .img-box{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(460px,14.1176rem + 24.902vw,704px);height:clamp(460px,14.1176rem + 24.902vw,704px);filter:grayscale(100%) brightness(.7);opacity:.1}@media only screen and (max-width: 1200px){.index-page section.white .layer:before{padding-bottom:0}}@media only screen and (max-width: 900px){.index-page section.white .background-wrapper .img-box{width:clamp(375px,15.1442rem + 23.0769vw,450px);height:clamp(375px,15.1442rem + 23.0769vw,450px)}}.index-page .esg-block .container{margin-top:var(--section-gap);grid-column:var(--normal-grid)}.index-page .esg-block .block-title-box{margin-inline:auto;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:880px;width:100%;text-align:center}.index-page .esg-block .block-desc{max-width:560px;color:#000c;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index-page .esg-block .swiper-slide{--slide-count: 5;flex:0 0 calc((100% - (var(--slide-count) - 1) * 10px) / var(--slide-count));transition:flex var(--trans-normal)}.index-page .esg-block .swiper-slide:hover{flex-basis:34%}.index-page .esg-block .swiper-slide:hover .desc{opacity:.8;max-height:3em}.index-page .esg-block .swiper-inner{position:relative}.index-page .esg-block .rounded-img-box{display:block;height:413px;position:relative}.index-page .esg-block .rounded-img-box:before{display:block;width:100%;height:0;padding-bottom:100%;content:""}.index-page .esg-block .rounded-img-box picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.index-page .esg-block .rounded-img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.index-page .esg-block .mask-img:after{border-radius:10px;background:linear-gradient(180deg,#0000 48.07%,#0009 81.2%)}.index-page .esg-block .swiper-content{padding:40px;position:absolute;inset:0;display:flex;justify-content:start;align-items:flex-end;text-align:start;color:#fff;pointer-events:none}.index-page .esg-block .desc{margin-top:10px;opacity:0;max-height:0;transition:opacity var(--trans-xl),max-height var(--trans-normal);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index-page .esg-block .swiper-controls{margin-top:40px;display:none;justify-content:center;gap:10px}@media only screen and (min-width: 1441px){.index-page .esg-block .swiper-wrapper{transition:transform var(--trans-normal) 0s!important}.index-page .esg-block .swiper:has(.swiper-slide:nth-child(3) .swiper-inner:hover) .swiper-wrapper{transform:translate(-6.75595%)!important}.index-page .esg-block .swiper:has(.swiper-slide:nth-child(4) .swiper-inner:hover) .swiper-wrapper,.index-page .esg-block .swiper:has(.swiper-slide:nth-child(5) .swiper-inner:hover) .swiper-wrapper{transform:translate(-13.5119%)!important}.index-page .esg-block .swiper:has(.swiper-slide:nth-child(3) .swiper-inner:hover) .swiper-slide:nth-child(1) .mask-img:after,.index-page .esg-block .swiper:has(.swiper-slide:nth-child(3) .swiper-inner:hover) .swiper-slide:nth-child(5) .mask-img:after{background-color:#00000080}.index-page .esg-block .swiper:has(.swiper-slide:nth-child(1) .swiper-inner:hover) .swiper-slide:nth-child(5) .mask-img:after,.index-page .esg-block .swiper:has(.swiper-slide:nth-child(2) .swiper-inner:hover) .swiper-slide:nth-child(5) .mask-img:after{background-color:#00000080}.index-page .esg-block .swiper:has(.swiper-slide:nth-child(4) .swiper-inner:hover) .swiper-slide:nth-child(1) .mask-img:after,.index-page .esg-block .swiper:has(.swiper-slide:nth-child(5) .swiper-inner:hover) .swiper-slide:nth-child(1) .mask-img:after{background-color:#00000080}}@media only screen and (max-width: 1440px){.index-page .esg-block .swiper-slide{flex:0 1 auto;width:100%;min-width:413px}.index-page .esg-block .swiper-slide:hover{flex-basis:auto}.index-page .esg-block .desc{opacity:.8;max-height:3em}}@media only screen and (max-width: 575px){.index-page .esg-block .swiper-slide{flex-shrink:0;min-width:unset}.index-page .esg-block .rounded-img-box{height:auto}.index-page .esg-block .swiper-content{padding:20px}.index-page .esg-block .swiper-controls{display:flex}}.index-page .investor-block .container{margin-top:var(--section-gap);margin-bottom:var(--section-gap);grid-column:var(--normal-grid)}.index-page .investor-block .block-title-box{margin-bottom:clamp(40px,1.3971rem + 1.9608vw,60px);display:flex;justify-content:space-between;align-items:center;gap:20px}.index-page .investor-block .block-title{max-width:880px;width:100%}.index-page .investor-block .block-desc{margin-bottom:10px;font-size:clamp(1rem,.8897rem + .1961vw,1.125rem);font-weight:700;line-height:1.3}.index-page .investor-block .code{font-size:clamp(3.125rem,.3676rem + 4.902vw,6.25rem);font-weight:300;line-height:.9}.index-page .investor-block .slideshow-block{position:relative;border-radius:10px;padding-bottom:44.6428571429%}.index-page .investor-block .slideshow-img-box{position:relative}.index-page .investor-block .slideshow-img-box .img-box{position:absolute;inset:0;opacity:0;transition:opacity var(--trans-l)}.index-page .investor-block .slideshow-img-box .img-box.active{opacity:1}.index-page .investor-block .slideshow-img-box .rounded-img-box{position:relative}.index-page .investor-block .slideshow-img-box .rounded-img-box:before{display:block;width:100%;height:0;padding-bottom:44.6428571429%;content:""}.index-page .investor-block .slideshow-img-box .rounded-img-box picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.index-page .investor-block .slideshow-img-box .rounded-img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.index-page .investor-block .slideshow-img-box .rounded-img-box:after{position:absolute;inset:0;background:linear-gradient(180deg,#0000 53.67%,#00000080 88.73%);content:""}.index-page .investor-block .content-block{position:absolute;inset:0;display:flex}.index-page .investor-block .content-box{padding:60px 60px 40px;display:flex;flex-direction:column;justify-content:space-between;width:calc((100% - 2px) / 3);color:#fff;cursor:pointer}.index-page .investor-block .content-box:not(:last-child){border-right:1px solid rgba(255,255,255,.5)}.index-page .investor-block .content-box.active .content-desc{opacity:.8}.index-page .investor-block .content-box.active .plus:before{width:100%}.index-page .investor-block .content-box.active .plus:after{height:100%}.index-page .investor-block .content-desc{opacity:0;transition:opacity var(--trans-l);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index-page .investor-block .content-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.index-page .investor-block .swiper{display:none}.index-page .investor-block .swiper-slide{width:46.09375%;min-width:432px}.index-page .investor-block .swiper-inner{position:relative;cursor:pointer}.index-page .investor-block .swiper-inner .rounded-img-box{display:block;min-height:clamp(550px,23.3456rem + 19.6078vw,750px);position:relative}.index-page .investor-block .swiper-inner .rounded-img-box:before{display:block;width:100%;height:0;padding-bottom:44.6428571429%;content:""}.index-page .investor-block .swiper-inner .rounded-img-box picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.index-page .investor-block .swiper-inner .rounded-img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.index-page .investor-block .swiper-inner .rounded-img-box:after{position:absolute;inset:0;background:linear-gradient(180deg,#0000 53.67%,#00000080 88.73%);content:""}.index-page .investor-block .swiper-content{padding:clamp(20px,-.9615rem + 6.1538vw,40px);position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:start;color:#fff}.index-page .investor-block .swiper-content .plus{opacity:1}.index-page .investor-block .swiper-desc{opacity:.8;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index-page .investor-block .swiper-title{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px}.index-page .investor-block .plus{--plus-color: #FFFFFF;--plus-size: 15px;flex-shrink:0;position:relative;width:var(--plus-size);height:var(--plus-size);border-radius:var(--plus-size);transition:opacity var(--trans-l)}.index-page .investor-block .plus:before,.index-page .investor-block .plus:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--plus-color);transition:background-color var(--trans-normal),width var(--trans-normal),height var(--trans-normal),opacity var(--trans-normal);content:""}.index-page .investor-block .plus:before{width:0;height:1.5px}.index-page .investor-block .plus:after{height:0;width:1.5px}.index-page .investor-block .swiper-controls{margin-top:40px;display:none;justify-content:center;gap:10px}@media only screen and (max-width: 1200px){.index-page .investor-block .slideshow-block{display:none}.index-page .investor-block .swiper{display:flex;flex-direction:column}.index-page .investor-block .plus:before{width:100%}.index-page .investor-block .plus:after{height:100%}}@media only screen and (max-width: 900px){.index-page .investor-block .swiper-inner .rounded-img-box{min-height:clamp(400px,8.4135rem + 46.1538vw,550px)}}@media only screen and (max-width: 768px){.index-page .investor-block .block-title-box{flex-direction:column;align-items:flex-start}}@media only screen and (max-width: 575px){.index-page .investor-block .swiper-slide{min-width:unset}.index-page .investor-block .swiper-controls{display:flex}}.index-page .about-block{position:relative;overflow:hidden}.index-page .about-block .bg-box{position:absolute;z-index:-1;width:100%;height:100%}.index-page .about-block .bg-box img{width:100%;height:100%;object-fit:cover}.index-page .about-block .container{padding-top:clamp(80px,2.7941rem + 3.9216vw,120px);padding-bottom:90px;grid-column:var(--normal-grid)}.index-page .about-block .block-title-box{margin-bottom:5px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.index-page .about-block .block-title{max-width:880px;width:100%}.index-page .about-block .content-box{display:flex;justify-content:space-between;gap:80px 40px}.index-page .about-block .info-box{margin-top:45px;display:flex;flex-direction:column}.index-page .about-block .desc-box{display:flex;flex-direction:column;gap:30px}.index-page .about-block .desc-box:not(:last-child){padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid rgba(0,0,0,.2)}.index-page .about-block .desc-box .paragraph{color:#000c;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index-page .about-block .data-box{display:flex}.index-page .about-block .data:not(:last-child){margin-right:50px;padding-right:50px;border-right:1px solid rgba(0,0,0,.2)}.index-page .about-block .item{margin-bottom:15px;font-size:1rem;font-weight:700;line-height:1.5;color:#00cbb5}.index-page .about-block .num-box span{font-size:2.5rem;vertical-align:top}.index-page .about-block .num{display:inline;font-size:clamp(3.125rem,2.0221rem + 1.9608vw,4.375rem);font-weight:300;line-height:.9}.index-page .about-block .common-btn{margin-top:10px}.index-page .about-block .map-wrapper{flex-shrink:0;position:relative;width:66.6667%}.index-page .about-block .img-box{display:block;width:100%;position:relative}.index-page .about-block .img-box:before{display:block;width:100%;height:0;padding-bottom:50.5357142857%;content:""}.index-page .about-block .img-box picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.index-page .about-block .img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.index-page .about-block .marker-wrap{pointer-events:none;inset:unset;top:0;left:0;width:100%;aspect-ratio:1120/566}.index-page .about-block .location-point[data-size=big] .point{--cir-size: clamp(8px, .0577rem + 1.2308vw, 12px)}.index-page .about-block .location-point[data-size=big] .ripple{--cir-size: clamp(54px,-6.1346rem + 26.4615vw,140px)}.index-page .about-block .location-point[data-size=small] .point{--cir-size: clamp(5px, -.0192rem + .9231vw, 8px)}.index-page .about-block .location-point[data-size=small] .ripple{--cir-size: clamp(29px,-1.6154rem + 9.5385vw,60px)}@media only screen and (max-width: 1500px){.index-page .about-block .content-box{flex-direction:column-reverse}.index-page .about-block .info-box{margin-top:0;flex-direction:row}.index-page .about-block .desc-box{width:calc((100% - 101px)/2)}.index-page .about-block .desc-box:not(:last-child){padding-bottom:0;padding-right:50px;margin-bottom:0;margin-right:50px;width:calc((100% - 101px)/2 + 50px);border-bottom:0px;border-right:1px solid rgba(0,0,0,.2)}.index-page .about-block .map-wrapper{margin-top:50px;width:100%}}@media only screen and (max-width: 900px){.index-page .about-block .info-box{flex-direction:column}.index-page .about-block .desc-box{width:100%}.index-page .about-block .desc-box:not(:last-child){width:100%;padding-bottom:50px;padding-right:0;margin-bottom:50px;margin-right:0;border-bottom:1px solid rgba(0,0,0,.2);border-right:0px}}@media only screen and (max-width: 768px){.index-page .about-block .block-title-box{flex-direction:column;align-items:flex-start;margin-bottom:0}.index-page .about-block .content-box{gap:55px}.index-page .about-block .desc-box{gap:10px}.index-page .about-block .desc-box:not(:last-child){padding-bottom:40px;margin-bottom:40px}.index-page .about-block .more-btn{margin-top:10px}.index-page .about-block .map-wrapper{margin-top:20px}}.index-page .index-asideButton{position:fixed;top:50%;right:var(--baseSpace);z-index:10;transform:translateY(-50%);opacity:1;transition:opacity var(--trans-normal),transform var(--trans-normal);pointer-events:none;mix-blend-mode:difference}.index-page .index-asideButton.hidden{opacity:0;transform:translate(30px,-50%)}.index-page .index-asideButton .block-list{margin-top:110px;max-width:120px;width:100%;display:flex;flex-direction:column;gap:15px}.index-page .index-asideButton .inner{padding-block:6.5px;position:relative}.index-page .index-asideButton .inner:has(.deco-dot:hover) .block-item{opacity:1}.index-page .index-asideButton .inner:has(.deco-dot:hover) .deco-dot{opacity:0}.index-page .index-asideButton .block-item{display:flex;justify-content:end;opacity:0;color:#fff;transition:opacity var(--trans-normal)}.index-page .index-asideButton .deco-dot{position:absolute;top:50%;transform:translateY(-50%);right:0;display:block;width:8px;height:8px;border-radius:50%;background-color:#fff;opacity:1;transition:opacity var(--trans-normal);cursor:pointer;pointer-events:auto}@media only screen and (max-width: 1024px){.index-page .index-asideButton{display:none}}