.banner{padding-top:0;overflow:hidden}.banner,.banner .esg-banner{position:relative}.banner .esg-banner .m-width-content,.soc-page-box .m-width-content{max-width:clamp(1093.33333px,85.41667vw,1600px);-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0}.banner .esg-banner .crumb{position:absolute;inset-inline-start:0;top:0;z-index:3}.banner .esg-banner .pic .meidia-box{padding-bottom:35%;overflow:hidden;position:relative}.banner .esg-banner .pic .meidia-box img,.banner .esg-banner .pic .meidia-box video{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;object-fit:cover}.banner .esg-banner>.text{position:absolute;box-sizing:border-box;padding-bottom:clamp(146.66667px,11.45833vw,220px);inset-inline-start:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.banner .esg-banner>.text .tit{text-align:center}.banner .esg-banner>.text .tit .big{font-size:clamp(36px,3.125vw,60px);color:#fff;font-weight:600}.banner .esg-banner>.text .tit .small{font-size:clamp(20px,1.5625vw,30px);color:#fff;font-weight:600}.banner .esg-banner>.text .menu{position:absolute;bottom:0;inset-inline-start:0;width:100%;box-sizing:border-box;padding:0 clamp(266.66667px,18vw,400px)}.banner .esg-banner>.text .menu:after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:100%;height:calc(100% - clamp(53.33333px, 4.16667vw, 80px));background-color:#fff;border-radius:150% 150% 0 0;transform:scaleX(1.1)}.banner .esg-banner>.text .menu ul{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.banner .esg-banner>.text .menu ul li a{display:block}.banner .esg-banner>.text .menu ul li a .icon{width:clamp(106.66667px,8.33333vw,160px);height:clamp(106.66667px,8.33333vw,160px);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#FFFFFF;box-shadow:0 4px 30px 0 rgba(0,0,0,.3);position:relative;transition:all .6s;margin:0 auto}.banner .esg-banner>.text .menu ul li a .icon img{width:clamp(70px,5.46875vw,105px);height:clamp(70px,5.46875vw,105px);position:relative;transition:all .6s;opacity:1}.banner .esg-banner>.text .menu ul li a .icon img.h{position:absolute;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden}.banner .esg-banner>.text .menu ul li a .text{font-weight:600;font-size:clamp(20px,1.2vw,30px);text-align:center;line-height:1;margin-top:clamp(13.33333px,1.04167vw,20px)}.banner .esg-banner>.text .menu ul li.active:first-child .icon,.banner .esg-banner>.text .menu ul li:hover:first-child .icon{background:#40A755}.banner .esg-banner>.text .menu ul li.active:nth-child(2) .icon,.banner .esg-banner>.text .menu ul li:hover:nth-child(2) .icon{background:#F9901F}.banner .esg-banner>.text .menu ul li.active:nth-child(3) .icon,.banner .esg-banner>.text .menu ul li:hover:nth-child(3) .icon{background:#0080D0}.banner .esg-banner>.text .menu ul li.active .icon img,.banner .esg-banner>.text .menu ul li:hover .icon img{opacity:0}.banner .esg-banner>.text .menu ul li.active .icon img.h,.banner .esg-banner>.text .menu ul li:hover .icon img.h{opacity:1;visibility:visible}.soc-page-box{position:relative;padding-bottom:clamp(133.33333px,10.41667vw,200px);padding-top:clamp(93.33333px,7.29167vw,140px)}.soc-page-box .soc-page-01{background-repeat:no-repeat;background-size:cover;background-position:50%}.soc-page-box .soc-page-01 .ig-box .text-warp{-webkit-padding-end:58.75%;padding-inline-end:58.75%}.soc-page-box .soc-page-01 .ig-box .text-warp .text{background:rgba(249,144,31,.4);box-sizing:border-box;padding:clamp(26.66667px,2.08333vw,40px);font-size:clamp(17.33333px,1.35417vw,26px);color:#FFFFFF}.soc-page-box .soc-page-01 .ig-box .text-warp:nth-child(2){-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-start:41.125%;padding-inline-start:41.125%}.soc-page-box .soc-tit-box{text-align:center;padding:clamp(46.66667px,3.64583vw,70px) 0 clamp(26.66667px,2.08333vw,40px)}.soc-page-box .soc-tit-box .tit{font-size:clamp(34px,3.125vw,60px);color:#F9901F;font-weight:600;line-height:1.2;margin-bottom:clamp(10px,.78125vw,15px)}.soc-page-box .soc-tit-box .tips{font-size:clamp(17.33333px,1.35417vw,26px);color:#004EA3;font-weight:600}.soc-page-box .soc-bg-01{background-image:url(https://cdn.sanity.io/images/sh7vu7l5/production/ca32066ae065be8303aaa67281d34205bf380fa5-1920x699.png);background-position:center 90%;background-size:100% auto;background-repeat:no-repeat}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .pic .meidia-box{padding-bottom:35%;overflow:hidden;position:relative}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .pic .meidia-box img,.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .pic .meidia-box video{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;object-fit:cover}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .pic img{opacity:0;transform:scale(1.2);transition:all 1.6s}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .pic img.active{opacity:1;transform:scale(1)}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul{display:flex;flex-wrap:wrap;justify-content:space-between}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li{width:50%;background:rgba(254,248,239,.7);transition:all .6s;box-sizing:border-box;padding:clamp(20px,1.5625vw,30px) clamp(26.66667px,2.08333vw,40px);display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li .icon{width:clamp(61.33333px,4.79167vw,92px);height:clamp(61.33333px,4.79167vw,92px);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#F9901F;position:relative;transition:all .6s}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li .icon img{width:clamp(42.66667px,3.33333vw,64px);height:clamp(42.66667px,3.33333vw,64px);position:relative;transition:all .6s;opacity:1}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li .icon img.h{position:absolute;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;transition:all .6s}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li .text{width:calc(100% - clamp(61.33333px, 4.79167vw, 92px));box-sizing:border-box;-webkit-padding-start:clamp(40px,3.125vw,60px);padding-inline-start:clamp(40px,3.125vw,60px)}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li .text .t{font-weight:600;font-size:clamp(17.33333px,1.35417vw,26px);color:#004EA3;transition:all .6s}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li .text .d{margin-top:clamp(10px,.78125vw,15px);font-weight:600;font-size:clamp(13.33333px,1.04167vw,20px);color:#666666;transition:all .6s}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li.active,.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li:hover{background:#F9901F}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li.active .icon,.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li:hover .icon{background:#fff}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li.active .icon img,.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li:hover .icon img{opacity:0}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li.active .icon img.h,.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li:hover .icon img.h{opacity:1;visibility:visible}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li.active .text .d,.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li.active .text .t,.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li:hover .text .d,.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li:hover .text .t{color:#FFFFFF}.soc-page-box .soc-bg-01 .soc-page-03{background:url(https://cdn.sanity.io/images/sh7vu7l5/production/4bdef59f4766ba40e11f282de18520fa5b6b1f76-1920x530.png);background-position:bottom;background-size:100% auto;background-repeat:no-repeat;padding-bottom:clamp(120px,9.375vw,180px)}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper{-webkit-padding-start:8.33333%;padding-inline-start:8.33333%;position:relative}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .text{width:25%;background:#F9901F;box-shadow:0 4px 10px 0 rgba(24,46,100,.12);border-radius:clamp(13.33333px,1.04167vw,20px);box-sizing:border-box;padding-block:clamp(25.33333px,1.97917vw,38px) clamp(25.33333px,1.97917vw,38px);padding-inline:clamp(25.33333px,1.97917vw,38px) clamp(53.33333px,4.16667vw,80px)}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .text .swiper-slide .text-inner a{font-weight:600;font-size:clamp(20px,1.2vw,30px);line-height:1.3;color:#FFFFFF}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .text .swiper-slide .text-inner a:hover{opacity:.9}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .text .swiper{padding-bottom:clamp(60px,4.2vw,90px)}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .text .page{position:absolute;inset-inline-start:0;bottom:0;width:clamp(76.66667px,5.98958vw,115px);height:clamp(30px,2.34375vw,45px)}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .text .page>div{width:clamp(30px,2.34375vw,45px);height:clamp(30px,2.34375vw,45px);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:rgba(255,255,255,0);display:flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:clamp(3.33333px,.26042vw,5px);--swiper-theme-color:#fff;box-sizing:border-box;transition:all .6s}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .text .page>div.swiper-button-prev{inset-inline-start:0}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .text .page>div.swiper-button-next{inset-inline-end:0}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .text .page>div:after{font-size:clamp(13.33333px,1.04167vw,20px)}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .text .page>div:hover{background-color:#fff;color:#666}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .picList{width:70%;position:absolute;inset-inline-end:0;bottom:0;z-index:4}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .picList .swiper-wrapper{align-items:flex-end}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .picList .swiper-slide{width:23%;transition:width .6s}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .picList .swiper-slide .meidia-box{padding-bottom:56.25%;overflow:hidden;position:relative}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .picList .swiper-slide .meidia-box img,.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .picList .swiper-slide .meidia-box video{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;object-fit:cover}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .picList .swiper-slide .meidia-box:after{content:"";position:absolute;inset-inline-start:0;top:0;width:100%;height:100%;box-sizing:border-box;opacity:0;border:4px solid #0155ff;transition:all .6s}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .picList .swiper-slide.swiper-slide-thumb-active{width:30%}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .picList .swiper-slide.swiper-slide-thumb-active .meidia-box:after{opacity:1;visibility:visible}.soc-page-box .soc-page-04{padding-top:clamp(66.66667px,5.20833vw,100px);display:flex;flex-wrap:wrap;align-items:flex-start}.soc-page-box .soc-page-04 .big{width:33%;position:relative}.soc-page-box .soc-page-04 .big .pic .meidia-box{padding-bottom:125%;overflow:hidden;position:relative}.soc-page-box .soc-page-04 .big .pic .meidia-box img,.soc-page-box .soc-page-04 .big .pic .meidia-box video{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;object-fit:cover}.soc-page-box .soc-page-04 .big .text{position:absolute;inset-inline-start:80%;z-index:3;width:clamp(646.66667px,50.52083vw,970px);bottom:clamp(13.33333px,1.04167vw,20px);background:rgba(255,255,255,.8);box-shadow:0 4px 30px 0 rgba(29,58,108,.1);border-radius:clamp(13.33333px,1.04167vw,20px);box-sizing:border-box;padding:clamp(13.33333px,1.04167vw,20px) clamp(26.66667px,2.08333vw,40px)}.soc-page-box .soc-page-04 .big .text .t{font-weight:600;font-size:clamp(20px,1.5625vw,30px);color:#F9901F;line-height:1}.soc-page-box .soc-page-04 .big .text .d{margin-top:clamp(3.33333px,.26042vw,5px);font-size:clamp(13.33333px,1.04167vw,20px);color:#2c2c2c}.soc-page-box .soc-page-04 .small{width:66%;padding-top:clamp(13.33333px,1.04167vw,20px);-webkit-padding-end:8.33333%;padding-inline-end:8.33333%;box-sizing:border-box;-webkit-padding-start:clamp(26.66667px,2.08333vw,40px);padding-inline-start:clamp(26.66667px,2.08333vw,40px)}.soc-page-box .soc-page-04 .small .tit{font-weight:600;font-size:clamp(36px,3.125vw,60px);color:#F9901F;line-height:1}.soc-page-box .soc-page-04 .small .list{margin-top:clamp(33.33333px,2.60417vw,50px)}.soc-page-box .soc-page-04 .small .list ul{display:flex;flex-wrap:wrap}.soc-page-box .soc-page-04 .small .list ul li{width:calc(33.3333333333% - clamp(40px, 3.125vw, 60px) / 3);-webkit-margin-start:calc(clamp(40px, 3.125vw, 60px) / 2);margin-inline-start:calc(clamp(40px, 3.125vw, 60px) / 2)}.soc-page-box .soc-page-04 .small .list ul li .pic .meidia-box{padding-bottom:100%;overflow:hidden;position:relative}.soc-page-box .soc-page-04 .small .list ul li .pic .meidia-box.border-hover:after{opacity:1;visibility:visible}.soc-page-box .soc-page-04 .small .list ul li .pic .meidia-box img,.soc-page-box .soc-page-04 .small .list ul li .pic .meidia-box video{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;object-fit:cover}.soc-page-box .soc-page-04 .small .list ul li .text{text-align:center;margin-top:clamp(6.66667px,.52083vw,10px);font-size:clamp(13.33333px,1.04167vw,20px);color:#2c2c2c}.soc-page-box .soc-page-04 .small .list ul li:first-child{-webkit-margin-start:0;margin-inline-start:0}.soc-page-box .esg-inner-pages{position:absolute;inset-inline-end:8%;bottom:0;width:clamp(139px,11vw,205px);background:#F9901F;border-radius:clamp(6.66667px,.52083vw,10px);box-sizing:border-box;padding:clamp(33.33333px,2.60417vw,50px) clamp(10px,.78125vw,15px);z-index:5}.soc-page-box .esg-inner-pages .t{font-weight:600;font-size:clamp(17.33333px,1.35417vw,26px);color:#FFFFFF}.soc-page-box .esg-inner-pages .d .item{position:relative;margin-top:clamp(6.66667px,.52083vw,10px);-webkit-padding-start:clamp(26.66667px,2.08333vw,40px);padding-inline-start:clamp(26.66667px,2.08333vw,40px)}.soc-page-box .esg-inner-pages .d .item a{font-size:clamp(13.33333px,1.04167vw,20px);color:#FFFFFF;-webkit-text-decoration-line:underline;text-decoration-line:underline;transition:all .6s}.soc-page-box .esg-inner-pages .d .item:after{content:"";width:clamp(3.33333px,.26042vw,5px);height:clamp(3.33333px,.26042vw,5px);border-radius:50%;background:#fff;inset-inline-start:clamp(13.33333px,1.04167vw,20px);top:50%;transform:translateY(-50%);position:absolute;transition:all .6s}.soc-page-box .esg-inner-pages .d .item:hover a{color:#004EA3}.soc-page-box .esg-inner-pages .d .item:hover:after{background:#004EA3}@media screen and (max-width:1023px){.banner{padding-top:0}.banner .esg-banner .pic .meidia-box{padding-bottom:100%}.banner .esg-banner>.text{padding-top:15%;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px}.banner .esg-banner>.text .menu{padding:0 20px}.banner .esg-banner>.text .menu ul li{width:100px}.banner .esg-banner>.text .menu ul li a .icon{width:80px;height:80px;margin:0 auto}.banner .esg-banner>.text .menu ul li a .icon img{width:40px;height:40px}.banner .esg-banner>.text .menu ul li a .text{font-size:16px}.soc-page-box{padding-top:40px;padding-bottom:200px}.soc-page-box .soc-page-01 .ig-box .text-warp{-webkit-padding-end:0;padding-inline-end:0}.soc-page-box .soc-page-01 .ig-box .text-warp:nth-child(2){-webkit-padding-start:0;padding-inline-start:0;margin-top:20px}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li{width:100%;padding:10px}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .pic .meidia-box{padding-bottom:55%}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper{-webkit-padding-start:15px;padding-inline-start:15px}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .text{width:100%}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .picList{position:relative;width:100%;margin-top:20px}.soc-page-box .soc-page-04 .big{width:100%}.soc-page-box .soc-page-04 .big .text{inset-inline-start:20px;width:calc(100% - 40px)}.soc-page-box .soc-page-04 .small{width:100%;padding:40px 20px 0}}@media screen and (min-width:769px) and (max-width:1024px){.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .text{width:22%;padding-block:24px 24px;padding-inline:24px 30px}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .text .swiper-slide .text-inner a{font-size:16px}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .picList{width:75%}.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .picList .swiper-slide.swiper-slide-thumb-active{width:32%}}.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .list ul li,.soc-page-box .soc-bg-01 .soc-page-02 .iecs-box .pic .meidia-box,.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .picList .swiper-slide .meidia-box,.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .picList .swiper-slide .meidia-box:after,.soc-page-box .soc-bg-01 .soc-page-03 .text-swiper .text,.soc-page-box .soc-page-01 .ig-box .text-warp .text,.soc-page-box .soc-page-04 .big .pic .meidia-box,.soc-page-box .soc-page-04 .big .text,.soc-page-box .soc-page-04 .small .list ul li .pic .meidia-box,.soc-page-box .soc-page-04 .small .list ul li .pic .meidia-box.border-hover:after{border-radius:clamp(4px,.3125vw,6px)}