:root{--ClTxt: #172A3A;--ClTxtGray: #717B84;--ClGray: #DADADA;--ClGrayDark: #616163;--ClGreen1: #69C699;--ClGreen2: #508991;--ClBlue: #95C7DF;--ClOrange: #FFBFA0;--ClOrange2: #FF874D;--ClWhite: #fff;--Gap1: 5.128vw;--Grade1:linear-gradient(to bottom right, rgba(105,198,153,1) 0%,rgba(170,210,229,1) 100%);--Grade2:linear-gradient(to bottom right, rgba(255,191,160,1) 0%,rgba(255,170,128,1) 100%)}.container:has(.top-intro){padding-top:min(5.12vw,30px)}.top-body{overflow-y:hidden;height:100svh}.top-body.active{overflow-y:scroll;height:auto}.top-mainv{height:100svh;width:100vw;position:relative;z-index:1}.top-mainv-video{position:fixed;z-index:-1;top:0;right:0;left:0;bottom:0;overflow:hidden;height:100vh;width:100vw;opacity:0;transition:opacity .5s ease-out}.top-mainv-video video{position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%, -50%);width:177.77777778vh;height:56.25vw;min-height:100%;min-width:100%}.top-mainv-video::after{content:"";display:block;width:100%;height:100%;background:linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.15) 100%);position:absolute;left:0;top:0}.top-mainv-video.active{opacity:1}.top-mainv-copy{display:grid;place-items:center;height:100%;width:100%;position:absolute;left:0;top:0}.top-mainv-copy p{color:var(--ClGreen2);font-size:min(4.615vw,3rem);letter-spacing:.08em;transition:color 1s ease-out,text-shadow 1s ease-out}.top-mainv-copy p span{font-size:min(7.692vw,5rem)}.top-mainv-copy p.active{color:var(--ClWhite);text-shadow:0 0 10px #000}.top-mainv-caption{background-color:var(--ClWhite);font-size:1.2rem;padding-inline:var(--Gap1);padding-top:10px;padding-bottom:20px;position:relative;z-index:1}@media screen and (min-width: 768px){.top-mainv-caption{text-align:right}}.top-intro{padding-top:min(20.5vw,160px)}.top-intro-visual .images{position:relative;z-index:1;width:100%;height:132.8vw}.top-intro-visual [class^=image-]{position:absolute;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.top-intro-visual .image-01{width:76.9vw;right:5.12%;top:0;z-index:1}.top-intro-visual .image-02{width:61.5vw;left:0;top:26.06%}.top-intro-visual .image-03{display:none}.top-intro-visual .image-04{width:76.9vw;left:5.12%;top:61.4%}.top-intro-visual .image-05{width:46.15vw;right:0;top:58.49%}.top-intro-visual .icon{position:absolute;width:50vw;left:calc(50% - 25vw);top:37.25%;z-index:3}.top-intro-visual .lead{display:none}.top-intro-visual .splead{padding:min(7.69vw,40px) var(--Gap1);line-height:1.8;letter-spacing:.05em;font-size:min(4.102vw,2.6rem)}.top-intro-visual .spimage{padding-inline:var(--Gap1)}@media screen and (min-width: 768px){.top-intro-visual .images{position:relative;z-index:1;width:min(92.06vw,1600px);height:min(58.62vw,1018px);margin-inline:auto}.top-intro-visual .image-01{width:43.18%;right:auto;left:5.56%;top:0;z-index:1}.top-intro-visual .image-02{width:28.5%;left:0;top:43.07%;z-index:1}.top-intro-visual .image-03{display:block;width:34.12%;left:25.56%;top:61.19%;z-index:1}.top-intro-visual .image-04{width:34.18%;left:auto;right:3.12%;right:8%;top:26.22%;z-index:1}.top-intro-visual .image-05{width:28.5%;right:5%;top:60%;z-index:1}.top-intro-visual .icon{width:22.5%;left:38.75%;top:30.49%}.top-intro-visual .lead{display:block;position:absolute;padding:0;left:55%;top:2.5%;line-height:1.8;letter-spacing:.05em;font-size:min(1.4vw,2.2rem);width:min(40vw,600px)}.top-intro-visual .splead,.top-intro-visual .spimage{display:none}}.top-intro-cooperation{margin-top:min(17.9vw,90px);padding-bottom:min(12.8vw,100px)}.top-intro-cooperation .txt{margin-top:min(7.69vw,60px)}.top-erianthus-bg{background:linear-gradient(to bottom, rgba(80, 137, 145, 0) 0%, rgba(80, 137, 145, 0.15) 10%, rgba(117, 221, 221, 0.15) 40%, rgba(172, 215, 236, 0.15) 80%, rgba(63, 119, 119, 0.15) 100%);padding-bottom:80px}.top-erianthus-header{background:url("/_wp/wp-content/themes/carbongrass/assets/img/top/bg_why_title.webp") center top no-repeat;background-size:cover;width:100vw;height:min(100vw,500px);display:flex;align-items:center;margin-bottom:min(10.25vw,80px)}.top-erianthus-header h2{width:100%;background:linear-gradient(to right, rgba(255, 255, 255, 0.25) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.25) 100%);padding-block:1em;font-size:2.4rem;line-height:1.4}.top-erianthus-header h2 span{font-size:2rem}.top-erianthus-main{padding-top:min(20.512vw,100px)}.top-erianthus-main .main-header{text-align:center;margin-bottom:40px}.top-erianthus-main .main-header img{width:min(56.4vw,220px);transform:translateX(-2em)}.top-erianthus-main .main-header span{display:inline-block;text-align:right;margin-top:-1.5em;font-size:min(4.615vw,2rem);line-height:1.5}.top-erianthus-main .main-box{position:relative;z-index:1}.top-erianthus-main .main-box+.main-box{margin-top:40px}.top-erianthus-main .main-box .txt{background:#fff linear-gradient(135deg, rgba(105, 198, 153, 0) 50%, rgba(105, 198, 153, 0.2) 100%);min-height:218px;display:flex;align-items:center;box-shadow:0 0 20px 0 rgba(80,137,145,.2);padding-inline:min(7.69vw,50px);padding-block:min(5.13vw,20px) min(7.69vw,40px);margin-top:-20px;position:relative}.top-erianthus-main .main-box .txt .num{font-size:7.5rem;color:#fff;background-image:linear-gradient(-45deg, rgba(149, 199, 223, 0.8) 0%, var(--ClGreen1) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);display:inline-block;line-height:1}.top-erianthus-main .main-box .txt .head{font-size:1.8rem;position:relative;margin-bottom:1em}.top-erianthus-main .main-box .txt .head::before{content:"";display:block;height:1px;width:40px;background-color:var(--ClGreen1);position:absolute;left:0;bottom:-0.5em}.top-erianthus-main .main-box:nth-of-type(odd) .image{margin-right:var(--Gap1)}.top-erianthus-main .main-box:nth-of-type(odd) .txt{margin-left:var(--Gap1)}.top-erianthus-main .main-box:nth-of-type(even) .image{margin-left:var(--Gap1)}.top-erianthus-main .main-box:nth-of-type(even) .txt{margin-right:var(--Gap1)}.top-erianthus-tips{background-color:rgba(255,255,255,.5);margin-top:min(25.64vw,200px);padding-bottom:min(10.25vw,50px)}.top-erianthus-tips>div{position:relative}.top-erianthus-tips .tips-header{background-color:#fff;display:inline-block;margin-top:-15px;margin-bottom:min(7.69vw,60px);box-shadow:0 0 20px 0 rgba(80,137,145,.3);padding:10px 20px}.top-erianthus-tips .tips-header h3{font-size:min(4.615vw,2.4rem);color:var(--ClGrayDark)}.top-erianthus-tips .tips-header h3 span{font-size:min(3.589vw,1.8rem)}.top-erianthus-tips .tips-header>span{font-size:8rem;position:absolute;right:5px;top:-30px;color:#616163;background-image:linear-gradient(180deg, #616163 0%, #D6EDFF 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);display:inline-block;letter-spacing:.05em}.top-erianthus-tips .tips-name{background-color:var(--ClGrayDark);color:#fff;font-size:min(4.10vw,1.8rem);line-height:2.5}@media screen and (min-width: 600px){.top-erianthus-main{text-align:left}.top-erianthus-main .main-header{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:20px;margin-bottom:30px}.top-erianthus-main .main-header img{transform:translateX(0)}.top-erianthus-main .main-header span{margin-top:0;text-align:left;font-size:min(3.33vw,2.4rem)}.top-erianthus-main .main-header>br{display:none}}@media screen and (min-width: 768px){.top-erianthus-header{background-image:url("/_wp/wp-content/themes/carbongrass/assets/img/top/bg_why_title-pc.webp")}.top-erianthus-header h2{width:100%;background:linear-gradient(to right, rgba(255, 255, 255, 0.25) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.25) 100%);padding-block:1em;font-size:min(3.125vw,3.6rem);line-height:1.4}.top-erianthus-header h2 span{font-size:min(2.6vw,3rem)}.top-erianthus-header h2 br{display:none}}@media screen and (min-width: 960px){.top-erianthus-main .main-header span>br{display:none}.top-erianthus-main .main-box{margin-inline:auto;max-width:1400px;display:grid}.top-erianthus-main .main-box .txt .num{font-size:10rem;margin-bottom:min(0.52vw,10px)}.top-erianthus-main .main-box:nth-of-type(odd){grid-template-columns:1fr .75fr}.top-erianthus-main .main-box:nth-of-type(odd) .txt{margin-block:2em;margin-left:-5vw;margin-right:min(5vw,70px);padding-inline:min(5.21vw,90px)}.top-erianthus-main .main-box:nth-of-type(odd) .image{margin-inline:0}.top-erianthus-main .main-box:nth-of-type(even){grid-template-columns:.75fr 1fr;grid-template-areas:"txt image"}.top-erianthus-main .main-box:nth-of-type(even) .txt{margin-block:2em;grid-area:txt;margin-left:min(5vw,70px);margin-right:-5vw}.top-erianthus-main .main-box:nth-of-type(even) .image{margin-inline:0;grid-area:image}}@media screen and (min-width: 1400px){.top-erianthus-main .main-box:nth-of-type(odd) .txt{margin-left:-70px}.top-erianthus-main .main-box:nth-of-type(even) .txt{margin-right:-70px}}.top-carbongrass{background:url("/_wp/wp-content/themes/carbongrass/assets/img/top/bg_carbongrass.png") center top no-repeat;background-size:95%;padding-top:30px;margin-top:min(20.51vw,140px)}.top-carbongrass-header p{font-size:min(3.846vw,2rem)}.top-carbongrass-slider{margin-top:60px}.top-carbongrass-slider .swiper-wrapper{transition-timing-function:linear}.top-carbongrass-slider .swiper-slide{margin-inline:2px}@media screen and (min-width: 768px){.top-carbongrass{background:url("/_wp/wp-content/themes/carbongrass/assets/img/top/bg_carbongrass.png") left -50% top no-repeat,url("/_wp/wp-content/themes/carbongrass/assets/img/top/bg_carbongrass.png") right -50% top no-repeat;background-size:50%,50%;padding-top:60px}}
/*# sourceMappingURL=top.min.css.map */