@font-face{font-family:NotoSansTC;src:url(../plugins/font/NotoSansTC-VariableFont_wght-subset.woff2) format("woff2");font-weight:100 900;font-display:swap}ul{list-style:none;padding-left:0}button{background-color:transparent;border:none;outline:0;-webkit-tap-highlight-color:rgba(0,151,252,.3)}@media (min-width:768px){button{-webkit-tap-highlight-color:transparent}}a{-webkit-tap-highlight-color:rgba(0,151,252,.3)}@media (min-width:768px){a{-webkit-tap-highlight-color:transparent}}a:hover{text-decoration:none}img{aspect-ratio:attr(width)/attr(height)}body{font-family:NotoSansTC,sans-serif}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,h5,h6,label,p,span{padding:0;margin:0;font-weight:400}a{padding:0;margin:0;font-weight:400;color:#000;text-decoration:none}a:hover{color:#000}ul{padding:0;margin:0}button,input,textarea{padding:0;margin:0;font-weight:400;outline:0;-webkit-tap-highlight-color:transparent}body.js-useMouse a:focus,body.js-useMouse button:focus,body.js-useMouse input:focus,body.js-useMouse select:focus{outline:0}#header{position:absolute;top:0;left:0;width:100%;height:97px;padding-bottom:9px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(8,8,8,0)),to(rgba(0,0,0,.72)));background:linear-gradient(0deg,rgba(8,8,8,0) 0,rgba(0,0,0,.72) 100%);z-index:100}@media (min-width:768px){#header{height:80px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(8,8,8,0)),color-stop(80%,rgba(0,0,0,.48)));background:linear-gradient(0deg,rgba(8,8,8,0) 0,rgba(0,0,0,.48) 80%)}}#header .l-header-nav{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0 20px}@media (min-width:768px){#header .l-header-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1272px;width:90%;height:100%;padding:0;margin:0 auto}}#header .l-header-nav__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:81px;padding-top:8px;margin-bottom:13px}@media (min-width:768px){#header .l-header-nav__header{width:auto;height:auto;padding-top:0;margin-bottom:0}}#header .l-header-nav__logo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;width:139px;height:30px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#header .l-header-nav__logo img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#header .l-header-nav__logo img:nth-of-type(2){opacity:0}#header .l-header-nav .l-header-hamburger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:29px;height:19px;background:0 0;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}@media (min-width:768px){#header .l-header-nav .l-header-hamburger{display:none}}#header .l-header-nav .l-header-hamburger__line{width:100%;height:2px;background-color:#fff;border-radius:1px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform-origin:center;transform-origin:center}#header .l-header-nav .l-header-hamburger--active .l-header-hamburger__line:nth-child(1){-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}#header .l-header-nav .l-header-hamburger--active .l-header-hamburger__line:nth-child(2){opacity:0}#header .l-header-nav .l-header-hamburger--active .l-header-hamburger__line:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}#header .l-header-nav__menu{width:100%;height:0;opacity:0;pointer-events:none;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}@media (min-width:768px){#header .l-header-nav__menu{position:relative;top:auto;left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:53px;width:auto;height:auto;opacity:1;pointer-events:auto}}#header .l-header-nav__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:55px;text-decoration:none;border-bottom:1px solid #fff}@media (min-width:768px){#header .l-header-nav__item{height:auto;border-bottom:none}}#header .l-header-nav__text{position:relative;font-size:18px;font-weight:500;letter-spacing:2px;color:#fff}@media (min-width:768px){#header .l-header-nav__text::after{content:"";position:absolute;bottom:0;left:50%;display:block;width:0;height:2px;background-color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#header .l-header-nav__text:hover::after{width:100%}}#header .l-header-nav__bg{position:absolute;top:0;left:0;width:100%;height:100vh;background:-webkit-gradient(linear,left bottom,left top,color-stop(8%,#83dd9a),to(#00afcc));background:linear-gradient(0deg,#83dd9a 8%,#00afcc 100%);opacity:0;pointer-events:none;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index:-1}@media (min-width:768px){#header .l-header-nav__bg{display:none}}#header .l-header-nav__bg .logo{position:absolute;top:81%;left:0;width:289px;height:206px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:-1}#header .l-header-nav__bg .logo>div{position:absolute;background-color:#ffffff66;-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px)}@media (min-width:768px){#header .l-header-nav__bg .logo>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}#header .l-header-nav__bg .logo>div:nth-of-type(1){top:0;left:0;width:20%;height:28.97%;clip-path:polygon(100% 0,100% 86.624%,0 100%,0 13.376%,100% 0)}#header .l-header-nav__bg .logo>div:nth-of-type(2){bottom:0;left:0;width:20%;height:49.63%;clip-path:polygon(100% .179%,100% 100%,0 100%,0 8.342%,100% .179%)}#header .l-header-nav__bg .logo>div:nth-of-type(3){bottom:0;right:0;width:80%;height:90.59%;clip-path:polygon(100% .191%,100% 99.797%,75.035% 99.797%,75.035% 32.309%,50.07% 36.577%,50.07% 100%,25.106% 100%,25.106% 41.05%,.141% 44.912%,.141% 17.47%,100% .191%)}#header .l-header-nav--active .l-header-nav__logo img:nth-of-type(1){opacity:0}#header .l-header-nav--active .l-header-nav__logo img:nth-of-type(2){opacity:1}#header .l-header-nav--active .l-header-nav__menu{height:auto;opacity:1;pointer-events:auto}#header .l-header-nav--active .l-header-nav__bg{opacity:1}#footer .l-footer-content{padding:59px 0;border-top:1px solid #d9d9d9}@media (min-width:992px){#footer .l-footer-content{padding:47px 80px 24px 80px}}#footer .l-footer-content-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:24px}@media (min-width:992px){#footer .l-footer-content-top{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:71px}}#footer .l-footer-content-top .logo{width:215px;height:46px;margin-bottom:34px}@media (min-width:992px){#footer .l-footer-content-top .logo{margin-bottom:0}}#footer .l-footer-content-top .logo img{width:100%;height:100%}#footer .l-footer-content-top .right-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:992px){#footer .l-footer-content-top .right-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}#footer .l-footer-content-top .right-content .menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px}@media (min-width:992px){#footer .l-footer-content-top .right-content .menu{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:54px}}#footer .l-footer-content-top .right-content .menu a p{font-size:16px;font-weight:500;line-height:24px;color:#000;-webkit-transition:color .3s ease;transition:color .3s ease}@media (min-width:992px){#footer .l-footer-content-top .right-content .menu a p{font-size:18px;line-height:22px}}#footer .l-footer-content-top .right-content .menu a p:hover{color:#00afcc}#footer .l-footer-content-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:992px){#footer .l-footer-content-bottom{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}}#footer .l-footer-content-bottom p{font-size:14px;font-weight:700;line-height:20px;background:-webkit-gradient(linear,left top,right top,color-stop(17%,#00afcc),to(#83dd9a));background:linear-gradient(90deg,#00afcc 17%,#83dd9a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}#top-btn{position:fixed;bottom:22px;right:-100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:999;-webkit-transition:right .5s ease-in-out;transition:right .5s ease-in-out}#top-btn.show{right:17px}@media (min-width:768px){#top-btn.show{right:81px}}#top-btn .l-top-btn-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;background-color:#00afcc}@keyframes bannerFadeIn{0%{opacity:0;-webkit-filter:brightness(1);filter:brightness(1)}33%{opacity:1;-webkit-filter:brightness(2);filter:brightness(2)}50%{opacity:1;-webkit-filter:brightness(2);filter:brightness(2)}100%{opacity:1;-webkit-filter:brightness(1);filter:brightness(1)}}#index:has(.l-header-nav--active){overflow:hidden;-ms-touch-action:none;touch-action:none;overscroll-behavior-y:none}#index>main{overflow-x:hidden;padding-bottom:120px}@media (min-width:992px){#index>main{padding-bottom:152px}}#index .p-index-banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:628px;margin-bottom:53px;background-size:auto 107%;background-position:38% top;background-repeat:no-repeat;background-image:url(../img/pages/index/banner.webp);opacity:0}@media (min-width:768px){#index .p-index-banner{width:100%;height:auto;aspect-ratio:720/403;background-size:100% 100%;background-position:center}}#index .p-index-banner-content{position:relative;width:352px;height:251px;margin-top:212px;z-index:10;opacity:0;-webkit-transition:opacity 1s ease 2s;transition:opacity 1s ease 2s}@media (min-width:768px){#index .p-index-banner-content{width:54.8%;height:69.9%;margin-top:9.9vw}}#index .p-index-banner-content h3{margin:51px 0 16px 0;font-size:14px;font-weight:700;line-height:20px;text-align:center;color:#5a5a5a}@media (min-width:768px){#index .p-index-banner-content h3{margin-top:11.9vw;font-size:23px;line-height:34px}}#index .p-index-banner-content h2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:17px;margin-bottom:48px}#index .p-index-banner-content h2 span{font-size:24px;font-weight:700;line-height:30px;letter-spacing:4px;color:#343434}@media (min-width:768px){#index .p-index-banner-content h2 span{font-size:40px;line-height:40px;letter-spacing:7px}}#index .p-index-banner-content-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:13px}#index .p-index-banner-content-list p{font-size:18px;font-weight:500;line-height:30px;letter-spacing:2px;color:#282424}@media (min-width:768px){#index .p-index-banner-content-list p{font-size:24px;letter-spacing:0}}#index .p-index-banner-content-list img{width:10px;height:10px}#index .p-index-banner-content .logo{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}#index .p-index-banner-content .logo>div{position:absolute;background-color:#ffffff66;-webkit-transition:-webkit-backdrop-filter 2s ease 3s;transition:-webkit-backdrop-filter 2s ease 3s;transition:backdrop-filter 2s ease 3s;transition:backdrop-filter 2s ease 3s,-webkit-backdrop-filter 2s ease 3s}#index .p-index-banner-content .logo>div:nth-of-type(1){top:0;left:0;width:20%;height:28.97%;clip-path:polygon(100% 0,100% 86.624%,0 100%,0 13.376%,100% 0)}#index .p-index-banner-content .logo>div:nth-of-type(2){bottom:0;left:0;width:20%;height:49.63%;clip-path:polygon(100% .179%,100% 100%,0 100%,0 8.342%,100% .179%)}#index .p-index-banner-content .logo>div:nth-of-type(3){bottom:0;right:0;width:80%;height:90.59%;clip-path:polygon(100% .191%,100% 99.797%,75.035% 99.797%,75.035% 32.309%,50.07% 36.577%,50.07% 100%,25.106% 100%,25.106% 41.05%,.141% 44.912%,.141% 17.47%,100% .191%)}#index .p-index-banner.loaded{-webkit-animation:bannerFadeIn 2s ease-in-out forwards;animation:bannerFadeIn 2s ease-in-out forwards}#index .p-index-banner.loaded .p-index-banner-content{opacity:1}#index .p-index-banner.loaded .p-index-banner-content .logo>div{-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px)}@media (min-width:768px){#index .p-index-banner.loaded .p-index-banner-content .logo>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}#index .p-index-about{position:relative;width:85%;margin:0 auto 90px auto}@media (min-width:768px){#index .p-index-about{max-width:1250px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:174px}}#index .p-index-about-text{margin-bottom:48px}@media (min-width:768px){#index .p-index-about-text{width:58%;margin-bottom:0}}#index .p-index-about-text-title1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;margin-bottom:16px}#index .p-index-about-text-title1 img{width:13px;height:13px}#index .p-index-about-text-title1 h2{font-size:14px;font-weight:700;line-height:20px;color:#8c8c8c}#index .p-index-about-text-title2{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px 0 6px 0;border-top:1px solid #8c8c8c;border-bottom:1px solid #8c8c8c;margin-bottom:24px}#index .p-index-about-text-title2 h3{font-size:20px;font-weight:700;line-height:24px;letter-spacing:4px;color:#545252;white-space:nowrap}@media (min-width:768px){#index .p-index-about-text-title2 h3{font-size:32px;line-height:40px}}#index .p-index-about-text h4{font-size:18px;font-weight:700;line-height:22px;letter-spacing:4px;color:#545252}@media (min-width:768px){#index .p-index-about-text h4{font-size:20px;line-height:24px}}#index .p-index-about-text .line{width:30px;height:2px;margin:32px 0;background-color:#00afcc}#index .p-index-about-text-content{font-size:16px;font-weight:400;line-height:30px;letter-spacing:3px;color:#545252}#index .p-index-about-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:22px}#index .p-index-about-image>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:78px;border-radius:8px;border:solid 1px #d9d9d9;background-color:#fff}#index .p-index-about-image>div:nth-of-type(1) img{width:220px;height:31px}#index .p-index-about-image>div:nth-of-type(2) img{width:297px;height:61px}#index .p-index-about>img{position:absolute;bottom:-39px;left:-20px;width:329px;height:235px;opacity:.04;z-index:-10}@media (min-width:768px){#index .p-index-about>img{top:auto;bottom:5px;left:auto;right:-100px;width:391px;height:279px}}#index .p-index-sustainable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:91%;margin:0 auto 90px auto}@media (min-width:768px){#index .p-index-sustainable{max-width:1293px;margin-bottom:174px}}#index .p-index-sustainable-text{margin-bottom:18px}@media (min-width:768px){#index .p-index-sustainable-text{width:58%;margin-bottom:29px;padding-left:13px}}#index .p-index-sustainable-text-title1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;margin-bottom:16px}#index .p-index-sustainable-text-title1 img{width:13px;height:13px}#index .p-index-sustainable-text-title1 h2{font-size:14px;font-weight:700;line-height:20px;color:#8c8c8c}#index .p-index-sustainable-text-title2{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px 0 6px 0;border-top:1px solid #8c8c8c;border-bottom:1px solid #8c8c8c;margin-bottom:24px}#index .p-index-sustainable-text-title2 h3{font-size:20px;font-weight:700;line-height:24px;letter-spacing:4px;color:#545252;white-space:nowrap}@media (min-width:768px){#index .p-index-sustainable-text-title2 h3{font-size:32px;line-height:40px}}#index .p-index-sustainable-text h4{font-size:18px;font-weight:700;line-height:30px;letter-spacing:2px;color:#545252}#index .p-index-sustainable-text .line{width:30px;height:2px;margin:32px 0;background-color:#00afcc}#index .p-index-sustainable-content{display:-ms-grid;display:grid;gap:29px}@media (min-width:768px){#index .p-index-sustainable-content{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}#index .p-index-sustainable-content .item-container{display:-ms-grid;display:grid;gap:29px}@media (min-width:768px){#index .p-index-sustainable-content .item-container{grid-auto-rows:1fr}}#index .p-index-sustainable-content .item-container .item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px;padding:22px 19px}@media (min-width:768px){#index .p-index-sustainable-content .item-container .item{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;gap:25px}}@media (min-width:1200px){#index .p-index-sustainable-content .item-container .item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:22px 30px}}#index .p-index-sustainable-content .item-container .item.theme-1{gap:38px;border-radius:40px 10px 10px 10px;background-color:#33c1b8}#index .p-index-sustainable-content .item-container .item.theme-1 img{top:9px;right:-7px;width:122px;height:113px}@media (min-width:768px){#index .p-index-sustainable-content .item-container .item.theme-1{gap:25px}#index .p-index-sustainable-content .item-container .item.theme-1 img{top:auto;bottom:-4px;left:7px;right:auto}}#index .p-index-sustainable-content .item-container .item.theme-2{gap:20px;border-radius:10px 10px 10px 40px;background-color:#00afcc}#index .p-index-sustainable-content .item-container .item.theme-2 img{top:7px;right:0;width:111px;height:101px}@media (min-width:768px){#index .p-index-sustainable-content .item-container .item.theme-2 img{top:auto;bottom:-15px;left:-20px;right:auto;width:141px;height:129px}}#index .p-index-sustainable-content .item-container .item.theme-3{gap:20px;border-radius:10px 40px 10px 10px;background-color:#87cb9f}#index .p-index-sustainable-content .item-container .item.theme-3 img{top:8px;right:12px;width:93px;height:94px}@media (min-width:768px){#index .p-index-sustainable-content .item-container .item.theme-3 img{top:auto;bottom:1px;left:-25px;right:auto;width:108px;height:108px}}#index .p-index-sustainable-content .item-container .item.theme-4{gap:20px;border-radius:10px 10px 40px 10px;background-color:#33c1b8}#index .p-index-sustainable-content .item-container .item.theme-4 img{top:10px;right:6px;width:104px;height:99px}@media (min-width:768px){#index .p-index-sustainable-content .item-container .item.theme-4 img{top:auto;bottom:-6px;left:0;right:auto;width:114px;height:115px}}@media (min-width:768px){#index .p-index-sustainable-content .item-container .item-title{min-width:220px}}#index .p-index-sustainable-content .item-container .item-title h4{margin-bottom:16px;font-size:20px;font-weight:700;line-height:33px;letter-spacing:4px;color:#fff}@media (min-width:768px){#index .p-index-sustainable-content .item-container .item-title h4{margin-bottom:25px}}#index .p-index-sustainable-content .item-container .item-title p{font-size:14px;font-weight:400;line-height:28px;color:#fff}#index .p-index-sustainable-content .item-container .item-text p{font-size:16px;font-weight:400;line-height:30px;letter-spacing:3px;color:#fff}#index .p-index-sustainable-content .item-container .item-text ul{list-style:disc;padding-left:20px}#index .p-index-sustainable-content .item-container .item-text ul li{font-size:14px;font-weight:400;line-height:28px;color:#fff}#index .p-index-sustainable-content .item-container .item img{position:absolute;opacity:.2;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#index .p-index-sustainable-content .item-container .item:hover img{opacity:.6}#index .p-index-green-media{overflow-y:hidden;position:relative;height:960px;padding-top:20px;margin-bottom:90px}@media (min-width:768px){#index .p-index-green-media{overflow-x:hidden;height:auto;padding-top:26px;margin-bottom:120px}}#index .p-index-green-media-bg{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:40px 0 0 0;background-image:url(../img/pages/index/banner-2-md.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat;z-index:-1}@media (min-width:768px){#index .p-index-green-media-bg{left:79px;width:calc(100% - 79px);height:500px;background-image:url(../img/pages/index/banner-2-pc.webp)}}#index .p-index-green-media-bg img{-webkit-filter:blur(2px);filter:blur(2px)}#index .p-index-green-media-bg img.md{width:100%}@media (min-width:768px){#index .p-index-green-media-bg img.md{display:none}}#index .p-index-green-media-bg img.pc{display:none}@media (min-width:768px){#index .p-index-green-media-bg img.pc{display:inline;width:100%}}#index .p-index-green-media-text{width:85%;margin:0 auto 67px auto}@media (min-width:768px){#index .p-index-green-media-text{width:81%;margin:0 0 26px 120px}}#index .p-index-green-media-text-title1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;margin-bottom:16px}#index .p-index-green-media-text-title1 img{width:13px;height:13px}#index .p-index-green-media-text-title1 h2{font-size:14px;font-weight:700;line-height:20px;color:#fff}#index .p-index-green-media-text-title2{margin-bottom:24px}@media (min-width:768px){#index .p-index-green-media-text-title2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:26px}}#index .p-index-green-media-text-title2 .title-wrap1{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px 0 6px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;margin-bottom:24px}@media (min-width:768px){#index .p-index-green-media-text-title2 .title-wrap1{margin-bottom:0}}#index .p-index-green-media-text-title2 .title-wrap1 h3{font-size:20px;font-weight:700;line-height:24px;letter-spacing:4px;color:#fff;white-space:nowrap}@media (min-width:768px){#index .p-index-green-media-text-title2 .title-wrap1 h3{font-size:32px;line-height:40px}}#index .p-index-green-media-text-title2 .title-wrap2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:768px){#index .p-index-green-media-text-title2 .title-wrap2{width:calc(100% - 363px)}}#index .p-index-green-media-text-title2 .title-wrap2 .line{width:20px;height:1px;margin-right:26px;background-color:#fff;-webkit-transition:width .5s ease-out;transition:width .5s ease-out}@media (min-width:768px){#index .p-index-green-media-text-title2 .title-wrap2 .line{-webkit-transition:width 2.5s ease-out;transition:width 2.5s ease-out}}#index .p-index-green-media-text-title2 .title-wrap2 .line.show{width:60px}@media (min-width:768px){#index .p-index-green-media-text-title2 .title-wrap2 .line.show{width:100%}}#index .p-index-green-media-text-title2 .title-wrap2 p{font-size:20px;font-weight:700;letter-spacing:4px;white-space:nowrap;color:#fff}#index .p-index-green-media-text h4{font-size:18px;font-weight:700;line-height:22px;letter-spacing:4px;color:#fff}@media (min-width:768px){#index .p-index-green-media-text h4{line-height:30px;letter-spacing:2px}}#index .p-index-green-media-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:18px;width:92%;margin:0 auto}@media (min-width:1200px){#index .p-index-green-media-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:33px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 90px 0 120px}}@media (min-width:1200px){#index .p-index-green-media-content .item-container:nth-of-type(1){padding-top:112px}#index .p-index-green-media-content .item-container:nth-of-type(2){padding-top:56px}}#index .p-index-green-media-content .item-container .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px;padding:26px 22px;border-radius:40px 0 0 0;border:solid 1px #d9d9d9;background-color:#fffffff2}@media (min-width:768px){#index .p-index-green-media-content .item-container .item{width:700px;height:200px;margin:0 auto}}@media (min-width:1200px){#index .p-index-green-media-content .item-container .item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;gap:17px;max-width:388px;width:26.9vw;height:440px;padding:24px;margin:0}}#index .p-index-green-media-content .item-container .item img{width:140px}@media (min-width:768px){#index .p-index-green-media-content .item-container .item img{width:auto;height:100%}}@media (min-width:1200px){#index .p-index-green-media-content .item-container .item img{width:100%;height:auto}}@media (min-width:768px){#index .p-index-green-media-content .item-container .item img.md{display:none}}#index .p-index-green-media-content .item-container .item img.pc{display:none}@media (min-width:768px){#index .p-index-green-media-content .item-container .item img.pc{display:inline}}#index .p-index-green-media-content .item-container .item .text h5{margin-bottom:9px;font-size:18px;font-weight:700;line-height:22px;letter-spacing:4px;color:#404040}@media (min-width:768px){#index .p-index-green-media-content .item-container .item .text h5{font-size:20px;line-height:24px}}#index .p-index-green-media-content .item-container .item .text p{font-size:14px;font-weight:400;line-height:28px;color:#404040}@media (min-width:768px){#index .p-index-green-media-content .item-container .item .text p{font-size:16px;line-height:30px;letter-spacing:3px}}#index .p-index-people-culture{overflow-y:hidden;position:relative;height:960px;padding-top:20px;margin-bottom:90px}@media (min-width:768px){#index .p-index-people-culture{overflow-x:hidden;height:auto;padding-top:26px;margin-bottom:120px}}#index .p-index-people-culture-bg{overflow:hidden;position:absolute;top:0;right:0;width:100%;height:100%;border-radius:40px 0 0 0;z-index:-1}@media (min-width:768px){#index .p-index-people-culture-bg{right:60px;width:calc(100% - 60px);height:500px;border-radius:0 40px 0 0}}#index .p-index-people-culture-bg img.md{width:100%}@media (min-width:768px){#index .p-index-people-culture-bg img.md{display:none}}#index .p-index-people-culture-bg img.pc{display:none}@media (min-width:768px){#index .p-index-people-culture-bg img.pc{display:inline;width:100%}}#index .p-index-people-culture-text{width:85%;margin:0 auto 67px auto}@media (min-width:768px){#index .p-index-people-culture-text{width:81%;margin:0 0 26px 120px}}#index .p-index-people-culture-text-title1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;margin-bottom:16px}#index .p-index-people-culture-text-title1 img{width:13px;height:13px}#index .p-index-people-culture-text-title1 h2{font-size:14px;font-weight:700;line-height:20px;color:#fff}#index .p-index-people-culture-text-title2{margin-bottom:24px}@media (min-width:768px){#index .p-index-people-culture-text-title2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:26px}}#index .p-index-people-culture-text-title2 .title-wrap1{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px 0 6px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;margin-bottom:24px}@media (min-width:768px){#index .p-index-people-culture-text-title2 .title-wrap1{margin-bottom:0}}#index .p-index-people-culture-text-title2 .title-wrap1 h3{font-size:20px;font-weight:700;line-height:24px;letter-spacing:4px;color:#fff;white-space:nowrap}@media (min-width:768px){#index .p-index-people-culture-text-title2 .title-wrap1 h3{font-size:32px;line-height:40px}}#index .p-index-people-culture-text-title2 .title-wrap2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:768px){#index .p-index-people-culture-text-title2 .title-wrap2{width:calc(100% - 363px)}}#index .p-index-people-culture-text-title2 .title-wrap2 .line{width:20px;height:1px;margin-right:26px;background-color:#fff;-webkit-transition:width .5s ease-out;transition:width .5s ease-out}@media (min-width:768px){#index .p-index-people-culture-text-title2 .title-wrap2 .line{-webkit-transition:width 2.5s ease-out;transition:width 2.5s ease-out}}#index .p-index-people-culture-text-title2 .title-wrap2 .line.show{width:60px}@media (min-width:768px){#index .p-index-people-culture-text-title2 .title-wrap2 .line.show{width:100%}}#index .p-index-people-culture-text-title2 .title-wrap2 p{font-size:20px;font-weight:700;letter-spacing:4px;white-space:nowrap;color:#fff}#index .p-index-people-culture-text h4{font-size:18px;font-weight:700;line-height:22px;letter-spacing:4px;color:#fff}@media (min-width:768px){#index .p-index-people-culture-text h4{line-height:30px;letter-spacing:2px}}#index .p-index-people-culture-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:18px;width:92%;margin:0 auto}@media (min-width:1200px){#index .p-index-people-culture-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:33px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 90px 0 120px}}@media (min-width:1200px){#index .p-index-people-culture-content .item-container:nth-of-type(1){padding-top:112px}#index .p-index-people-culture-content .item-container:nth-of-type(2){padding-top:56px}}#index .p-index-people-culture-content .item-container .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px;padding:26px 22px;border-radius:40px 0 0 0;border:solid 1px #d9d9d9;background-color:#fffffff2}@media (min-width:768px){#index .p-index-people-culture-content .item-container .item{width:700px;height:200px;margin:0 auto}}@media (min-width:1200px){#index .p-index-people-culture-content .item-container .item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;gap:17px;max-width:388px;width:26.9vw;height:440px;padding:24px;margin:0}#index .p-index-people-culture-content .item-container .item:nth-of-type(1){margin-top:112px}#index .p-index-people-culture-content .item-container .item:nth-of-type(2){margin-top:56px}}#index .p-index-people-culture-content .item-container .item img{width:140px}@media (min-width:768px){#index .p-index-people-culture-content .item-container .item img{width:auto;height:100%}}@media (min-width:1200px){#index .p-index-people-culture-content .item-container .item img{width:100%;height:auto}}@media (min-width:768px){#index .p-index-people-culture-content .item-container .item img.md{display:none}}#index .p-index-people-culture-content .item-container .item img.pc{display:none}@media (min-width:768px){#index .p-index-people-culture-content .item-container .item img.pc{display:inline}}#index .p-index-people-culture-content .item-container .item .text h5{margin-bottom:9px;font-size:18px;font-weight:700;line-height:22px;letter-spacing:4px;color:#404040}@media (min-width:768px){#index .p-index-people-culture-content .item-container .item .text h5{font-size:20px;line-height:24px}}#index .p-index-people-culture-content .item-container .item .text p{font-size:14px;font-weight:400;line-height:28px;color:#404040}@media (min-width:768px){#index .p-index-people-culture-content .item-container .item .text p{font-size:16px;line-height:30px;letter-spacing:3px}}#index .p-index-governance{overflow-x:hidden;position:relative;height:798px;padding-top:20px;margin-bottom:90px;background-image:url(../img/pages/index/banner-4.webp);background-repeat:no-repeat;background-size:cover;background-position:38% 50%}@media (min-width:768px){#index .p-index-governance{overflow-x:hidden;height:666px;padding-top:26px;margin-bottom:120px;background-size:100% 100%;background-position:center}}#index .p-index-governance-text{width:85%;margin:0 auto 39px auto}@media (min-width:768px){#index .p-index-governance-text{width:81%;margin:0 0 32px 120px}}#index .p-index-governance-text-title1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;margin-bottom:16px}#index .p-index-governance-text-title1 img{width:13px;height:13px;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}#index .p-index-governance-text-title1 h2{font-size:14px;font-weight:700;line-height:20px;color:#fff}#index .p-index-governance-text-title2{margin-bottom:24px}@media (min-width:768px){#index .p-index-governance-text-title2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:26px}}#index .p-index-governance-text-title2 .title-wrap1{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px 0 6px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;margin-bottom:24px}@media (min-width:768px){#index .p-index-governance-text-title2 .title-wrap1{margin-bottom:0}}#index .p-index-governance-text-title2 .title-wrap1 h3{font-size:20px;font-weight:700;line-height:24px;letter-spacing:4px;color:#fff;white-space:nowrap}@media (min-width:768px){#index .p-index-governance-text-title2 .title-wrap1 h3{font-size:32px;line-height:40px}}#index .p-index-governance-text-title2 .title-wrap2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:768px){#index .p-index-governance-text-title2 .title-wrap2{width:calc(100% - 330px)}}#index .p-index-governance-text-title2 .title-wrap2 .line{width:20px;height:1px;margin-right:26px;background-color:#fff;-webkit-transition:width .5s ease-out;transition:width .5s ease-out}@media (min-width:768px){#index .p-index-governance-text-title2 .title-wrap2 .line{-webkit-transition:width 2.5s ease-out;transition:width 2.5s ease-out}}#index .p-index-governance-text-title2 .title-wrap2 .line.show{width:60px}@media (min-width:768px){#index .p-index-governance-text-title2 .title-wrap2 .line.show{width:100%}}#index .p-index-governance-text-title2 .title-wrap2 p{font-size:20px;font-weight:700;letter-spacing:4px;white-space:nowrap;color:#fff}#index .p-index-governance-text h4{font-size:16px;font-weight:700;line-height:30px;letter-spacing:3px;color:#fff}@media (min-width:768px){#index .p-index-governance-text h4{font-size:18px;letter-spacing:2px}}#index .p-index-governance-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:18px;width:349px;margin:0 auto 39px auto}@media (min-width:768px){#index .p-index-governance-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:33px;width:auto;padding:0 90px 0 120px}}#index .p-index-governance-content-list .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;width:349px;height:427px;padding:24px;border-radius:40px 0 0 0;border:solid 1px #d9d9d9;background-color:#fffffff2}@media (min-width:768px){#index .p-index-governance-content-list .item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:498px;height:314px}}#index .p-index-governance-content-list .item .img-container{overflow:hidden;width:100%;height:224px;border-radius:12px}@media (min-width:768px){#index .p-index-governance-content-list .item .img-container{width:100%;height:auto}}#index .p-index-governance-content-list .item .img-container img{width:100%;height:100%}@media (min-width:768px){#index .p-index-governance-content-list .item .img-container img.md{display:none}}#index .p-index-governance-content-list .item .img-container img.pc{display:none}@media (min-width:768px){#index .p-index-governance-content-list .item .img-container img.pc{display:inline}}#index .p-index-governance-content-list .item .text h5{margin-bottom:9px;font-size:20px;font-weight:700;line-height:24px;letter-spacing:4px;color:#404040}#index .p-index-governance-content-list .item .text p{font-size:16px;font-weight:400;line-height:30px;letter-spacing:3px;color:#404040}#index .p-index-governance-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:337px;margin:0 auto}@media (min-width:768px){#index .p-index-governance-progress{max-width:1214px;width:84.3vw;margin:0 0 0 120px}}#index .p-index-governance-progress-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:104px}#index .p-index-governance-progress-btn button{position:static;width:40px;height:40px;margin:0;background-color:#fff;opacity:1}#index .p-index-governance-progress-btn button::after{content:none}#index .p-index-governance-progress-btn button.swiper-button-next{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#index .p-index-governance-progress .swiper-scrollbar{position:static;width:214px;height:4px;background-color:#d9d9d9}@media (min-width:768px){#index .p-index-governance-progress .swiper-scrollbar{width:419px}}@media (min-width:992px){#index .p-index-governance-progress .swiper-scrollbar{width:558px}}#index .p-index-governance-progress .swiper-scrollbar .swiper-scrollbar-drag{height:100%;border-radius:4px;background-color:#ffff0090}#index .p-index-commitment{position:relative;width:85%;margin:0 auto 90px auto}@media (min-width:768px){#index .p-index-commitment{max-width:1250px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:240px}}#index .p-index-commitment-text{margin-bottom:32px}@media (min-width:768px){#index .p-index-commitment-text{width:58%;margin:138px 0 0 0}}#index .p-index-commitment-text-title1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;margin-bottom:16px}#index .p-index-commitment-text-title1 img{width:13px;height:13px}#index .p-index-commitment-text-title1 h2{font-size:14px;font-weight:700;line-height:20px;color:#8c8c8c}#index .p-index-commitment-text-title2{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px 0 6px 0;border-top:1px solid #8c8c8c;border-bottom:1px solid #8c8c8c;margin-bottom:26px}#index .p-index-commitment-text-title2 h3{font-size:20px;font-weight:700;line-height:24px;letter-spacing:4px;color:#545252;white-space:nowrap}@media (min-width:768px){#index .p-index-commitment-text-title2 h3{font-size:32px;line-height:40px}}#index .p-index-commitment-text-title3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:13px}#index .p-index-commitment-text-title3 p{font-size:18px;font-weight:500;line-height:30px;letter-spacing:2px;color:#282424}@media (min-width:768px){#index .p-index-commitment-text-title3 p{font-size:24px;letter-spacing:0}}#index .p-index-commitment-text-title3 img{width:10px;height:10px}#index .p-index-commitment-text .line{width:30px;height:2px;margin:32px 0;background-color:#00afcc}#index .p-index-commitment-text-content{font-size:16px;font-weight:400;line-height:30px;letter-spacing:3px;color:#545252}#index .p-index-commitment-list{position:relative;width:314px;min-width:314px;height:299px;margin:0 auto;background-image:url(../img/pages/index/our-commitment-bg.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (min-width:992px){#index .p-index-commitment-list{width:511px;min-width:511px;height:486px}}#index .p-index-commitment-list .item{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#index .p-index-commitment-list .item img{width:26px;height:26px}@media (min-width:992px){#index .p-index-commitment-list .item img{width:43px;height:43px}}#index .p-index-commitment-list .item p{font-size:12px;font-weight:500;line-height:20px;letter-spacing:1px}@media (min-width:992px){#index .p-index-commitment-list .item p{font-size:19px;line-height:32px;letter-spacing:2px}}#index .p-index-commitment-list .item:nth-of-type(1){top:96px;left:94px}#index .p-index-commitment-list .item:nth-of-type(1) p{color:#00afcc}@media (min-width:992px){#index .p-index-commitment-list .item:nth-of-type(1){top:152px;left:161px}}#index .p-index-commitment-list .item:nth-of-type(2){top:96px;left:214px}#index .p-index-commitment-list .item:nth-of-type(2) p{color:#5fd0a9}@media (min-width:992px){#index .p-index-commitment-list .item:nth-of-type(2){top:152px;left:347px}}#index .p-index-commitment-list .item:nth-of-type(3){top:198px;left:157px}#index .p-index-commitment-list .item:nth-of-type(3) p{color:#0076be}@media (min-width:992px){#index .p-index-commitment-list .item:nth-of-type(3){top:322px;left:254px}}#index .p-index-commitment>img{position:absolute;top:100%;left:50%;width:170px;height:97px;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:.08;z-index:-10}@media (min-width:768px){#index .p-index-commitment>img{top:auto;bottom:-100px;left:60%;width:331px;height:231px}}#index .p-index-vision{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:end;width:349px;height:616px;padding-bottom:70px;border-radius:28px;margin:0 auto;background-image:url(../img/pages/index/banner-5-sm.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (min-width:768px){#index .p-index-vision{width:690px;height:715px;padding-bottom:63px;background-image:url(../img/pages/index/banner-5-lg.webp)}}@media (min-width:1300px){#index .p-index-vision{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1278px;height:511px;padding-bottom:0;background-image:url(../img/pages/index/banner-5-pc.webp)}}#index .p-index-vision-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#index .p-index-vision-text-title1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:11px;margin-bottom:11px}@media (min-width:768px){#index .p-index-vision-text-title1{gap:16px;margin-bottom:16px}}#index .p-index-vision-text-title1 img{width:10px;height:10px;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}@media (min-width:768px){#index .p-index-vision-text-title1 img{width:13px;height:13px}}#index .p-index-vision-text-title1 h2{font-size:14px;font-weight:700;line-height:20px;color:#fff}@media (min-width:768px){#index .p-index-vision-text-title1 h2{font-size:18px;line-height:22px}}#index .p-index-vision-text-title2{width:250px;height:46px;position:relative;margin-bottom:17px}@media (min-width:768px){#index .p-index-vision-text-title2{width:340px;height:56px;margin-bottom:24px}}#index .p-index-vision-text-title2>div{overflow:hidden;position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:100%;height:0;padding:0 8px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transition:height .6s ease 1s;transition:height .6s ease 1s}#index .p-index-vision-text-title2>div h3{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);font-size:23px;font-weight:700;line-height:28px;letter-spacing:3px;color:#fff;white-space:nowrap}@media (min-width:768px){#index .p-index-vision-text-title2>div h3{font-size:32px;line-height:40px;letter-spacing:4px}}#index .p-index-vision-text-title2.show>div{height:46px}@media (min-width:768px){#index .p-index-vision-text-title2.show>div{height:56px}}#index .p-index-vision-text h4{font-size:20px;font-weight:700;line-height:24px;letter-spacing:4px;color:#fff;margin-bottom:26px}@media (min-width:768px){#index .p-index-vision-text h4{font-size:18px;line-height:30px;letter-spacing:2px;margin-bottom:27px}}#index .p-index-vision-text p{font-size:16px;font-weight:400;line-height:30px;letter-spacing:3px;text-align:center;color:#fff}*{padding:0;margin:0;font-weight:400}
/*# sourceMappingURL=main.css.map */