.mv{position:relative}.mv-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.mv-copy{position:absolute;top:55%;left:128px;font-family:var(--font-roboto);font-weight:700;font-size:50px;font-size:clamp(36px,3vw,50px);letter-spacing:.05em;color:#fff}.mv-copy span{display:block;transform:translateY(12px);opacity:0;transition:all .6s}.mv-copy.fadein span{transform:translateY(0);opacity:1}.mv-scroll{position:absolute;right:68px;bottom:90px;width:1px;height:150px;background-color:#fff}.mv-scroll span{position:absolute;top:-64px;left:-13.5px;font-family:var(--font-roboto);font-weight:400;font-size:20px;writing-mode:vertical-rl;color:#fff}.scroll-line{position:absolute;left:50%;bottom:-90px;width:2px;height:180px;background:#fff;transform:translateX(-50%);z-index:999}.scroll-line::after{content:"";display:block;position:absolute;left:0;width:2px;background:#000;animation:lineMove 4s ease infinite}@keyframes lineMove{0%{bottom:100%;height:0}20%{bottom:0;height:100%}40%{bottom:0;height:0}100%{bottom:0;height:0}}.about{position:relative;width:100%;background:url(../img/index/about-bg.jpg) center center no-repeat;background-size:cover;padding:200px 0 180px;overflow:hidden}.about::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#d9d9d9;opacity:.5;z-index:-1}.about-inner{display:flex;align-items:center;justify-content:center;gap:0 64px;margin-bottom:40px}.about-img-wrap{width:50%;max-width:810px;transform:translateY(25px);opacity:0;transition-property:transform,opacity;transition-duration:.8s}.about-img-wrap.scrollin{position:relative;transform:translateY(0);opacity:1;transition-delay:.05s}.about-contents{width:32%;min-width:420px}.about-title{font-weight:500;font-size:28px;margin-bottom:32px;transform:translateY(20px);opacity:0;transition-property:transform,opacity;transition-duration:.8s}.about-title.scrollin{transform:translateY(0);opacity:1;transition-delay:.1s}.about-desc{line-height:2;transform:translateY(20px);opacity:0;transition-property:transform,opacity;transition-duration:.8s}.about-desc.scrollin{transform:translateY(0);opacity:1;transition-delay:.2s}.about-message{position:absolute;left:0;bottom:0;display:flex;overflow:hidden}.about-message li{font-family:var(--font-roboto);font-weight:300;font-size:180px;line-height:1;white-space:nowrap;color:#fff}.feature-card-wrap{display:flex;gap:0 10px;margin:80px auto 0}.feature-card{width:33.33333%;position:relative;overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:#fff;transform:translateY(20px);opacity:0;transition-property:transform,opacity;transition-duration:.8s}.feature-card.scrollin{transform:translateY(0);opacity:1}.feature-card-wrap .feature-card:nth-child(2){transition-delay:.1s}.feature-card-wrap .feature-card:nth-child(3){transition-delay:.2s}.feature-card img{width:100%;height:100%;object-fit:cover;filter:brightness(0.7);position:absolute;top:0;left:0;z-index:1;transition:all .3s}.feature-card:hover img{filter:brightness(0.6);transform:scale(1.1)}.feature-card-head{position:absolute;top:6px;left:6px;display:flex;align-items:center;gap:0 8px;z-index:2}.feature-number{font-family:var(--font-roboto);font-weight:300;font-style:italic;font-size:80px;line-height:1}.feature-title{font-weight:400;font-size:24px}.feature-link{position:absolute;bottom:20px;left:30px;color:#fff;z-index:2}.feature-link::after{display:block;content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:url(../img/common/link-circle-wh.svg) 0 0 no-repeat;background-size:60px 60px;transition:all .3s}.feature-card:hover .feature-link::after{transform:scale(0.9) rotate(45deg);transform-origin:center center}.feature-link span{position:relative;display:inline-block;font-size:14px;padding:20px 110px 20px 0;transition:color .3s}.feature-card:hover .feature-link span{color:#ccc}.feature-link span::before{display:block;content:"";position:absolute;top:32px;right:28px;width:60px;height:1px;background-color:#fff;transition:all .3s}.feature-card:hover .feature-link span::before{right:23px;width:65px}.feature-link span::after{display:block;content:"";position:absolute;top:32px;right:28px;width:8px;height:1px;background-color:#fff;transform-origin:right bottom;transform:rotate(40deg);transition:right .3s}.feature-card:hover .feature-link span::after{right:23px}.energy-reduction{position:relative;width:100%;background:url(../img/index/energy-reduction-bg.png) center center no-repeat;background-size:cover;padding:60px 0;overflow:hidden}.energy-reduction::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.32);z-index:1}.energy-reduction>*{position:relative;z-index:2}.energy-reduction-desc{font-weight:600;font-size:20px;color:#fff;text-align:center;line-height:1.8;margin-bottom:40px;transform:translateY(20px);opacity:0;transition-property:transform,opacity;transition-duration:.8s}.energy-reduction-desc.scrollin{transform:translateY(0);opacity:1}.energy-reduction-graph-img-wrap{max-width:300px;margin:0 auto;transform:translateY(20px);opacity:0;transition-property:transform,opacity;transition-duration:.8s}.energy-reduction-graph-img-wrap.scrollin{transform:translateY(0);opacity:1;transition-delay:.1s}.step{background-color:#f0f9f7}.step-list{position:relative;width:92%;margin:80px auto 0}.step-list::before{content:"";position:absolute;inset:0;top:185px;left:50%;width:2px;background-image:repeating-linear-gradient(to bottom, #1F5642 0 2px, transparent 2px 4px);margin-left:-1px;margin-bottom:175px;pointer-events:none}.step-item{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:48px;padding:64px 0;opacity:0;transition-property:transform,opacity;transition-duration:.8s}.step-item.scrollin{transform:translateY(0);opacity:1;transition-delay:.1s}.step-item::before{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;background-color:#1f5642;border:3px solid #1f5642;border-radius:50%;z-index:0}.step-item-badge{position:relative;grid-column:2;display:grid;place-items:center;width:80px;height:80px;border-radius:999px;background-color:#1f5642;color:#fff;font-weight:600;font-size:40px;z-index:1}.step-item-badge::after{content:"";position:absolute;top:50%;right:-48px;width:48px;height:8px;background:#1f5a4a;transform:translateY(-50%)}.step-item:nth-of-type(even) .step-item-badge::after{right:auto;left:-48px}.step-item-contents{display:flex;align-items:center;justify-content:space-between;gap:0 16px}.step-item-title{font-weight:600;font-size:32px;color:#1f5642}.step-item-title span{display:none}.step-item-text-list{display:flex;flex-direction:column;gap:10px 0;width:100%;max-width:260px;font-weight:600}.step-item-img{aspect-ratio:3/2}.company-inner{display:flex;align-items:center;justify-content:center;gap:0 64px;margin:80px auto 0}.company-img-wrap{width:calc(50% - 32px);transform:translateY(20px);opacity:0;transition-property:transform,opacity;transition-duration:.8s}.company-img-wrap.scrollin{transform:translateY(0);opacity:1;transition-delay:.1s}.company-menu-list{display:flex;flex-direction:column;width:calc(50% - 32px);transform:translateY(20px);opacity:0;transition-property:transform,opacity;transition-duration:.8s}.company-menu-list.scrollin{transform:translateY(0);opacity:1;transition-delay:.3s}.company-menu-list li{border-bottom:1px solid #000}.company-menu-list li:last-of-type{border-bottom:none}.company-menu-list li a{display:block;position:relative;font-weight:500;font-size:24px;color:#1f5642;padding:24px 24px 24px 40px;transition:all .3s}.company-menu-list li a::before{content:"";position:absolute;top:50%;left:0;width:24px;height:24px;border-radius:50%;background-color:#1f5642;transform:translateY(-50%)}.company-menu-list li a::after{content:"";position:absolute;top:50%;left:9.5px;width:5px;height:5px;border-radius:50%;background-color:#fff;transform:translateY(-50%)}.company-menu-list li a:hover{color:rgba(31,86,66,.7)}.news{background-color:#e6e6e6}.news-inner{background-color:#fff;padding:40px 20px;box-shadow:5px 5px 10px 0 rgba(0,0,0,.25);transform:translateY(20px);opacity:0;transition-property:transform,opacity;transition-duration:.8s}.news-inner.scrollin{transform:translateY(0);opacity:1}.news-box{display:flex;align-items:center;justify-content:space-between;max-width:960px;margin:0 auto}.news-head{width:30%;text-align:center}.news-head-title{display:flex;flex-direction:column;margin-bottom:16px}.news-head-title h3{font-weight:500;font-size:32px;text-align:center}.news-head-title span{display:block;font-weight:400;font-size:20px;text-align:center;letter-spacing:.03em;color:#1f5642;padding:0 0 16px 0}.news-head a{position:relative;display:inline-block;color:#1f5642;padding-left:32px;transition:all .3s}.news-head a:hover{color:rgba(31,86,66,.7)}.news-head a::before{content:"";position:absolute;top:50%;left:0;width:16px;height:16px;background:url(../img/index/news-list-icon.svg) no-repeat;transform:translateY(-50%)}.news-list{width:70%}.news-list-main-title{font-size:24px;color:#1f5642;border-bottom:1px solid #dadada;padding-bottom:16px;margin-bottom:32px}.news-list ul{display:flex;flex-direction:column}.news-list li{margin-bottom:24px}.news-list li:last-of-type{margin-bottom:0}.news-list li a{display:flex;gap:0 32px}.news-date{min-width:80px;color:#a8a8a8}.news-list-sp-more{display:none}@media screen and (max-width: 960px){.mv-copy{left:60px}.about-inner{gap:0 32px}.about-title{font-size:24px}.feature-card{aspect-ratio:1}.feature-number{font-size:64px}.feature-title{font-size:22px}.step-list{width:100%}.step-item-contents{gap:16px 0;max-width:100%}.step-item:nth-of-type(odd) .step-item-contents{flex-direction:column-reverse}.step-item:nth-of-type(even) .step-item-contents{flex-direction:column}.company-inner{gap:0 32px}.company-img-wrap{width:calc(50% - 16px)}.company-menu-list{width:calc(50% - 16px)}}@media screen and (max-width: 768px){.about{padding:120px 0 180px}.about-inner{flex-direction:column-reverse;gap:80px 0;max-width:500px;margin:0 auto 40px}.about-img-wrap{width:100%}.about-contents{width:100%}.about-title{font-size:32px}.feature-card-wrap{flex-direction:column;gap:48px 0;max-width:500px;margin:80px auto 0}.feature-card{width:100%;aspect-ratio:4/3}.energy-reduction-inner{max-width:500px;margin:0 auto}.company-inner{flex-direction:column;gap:32px 0;max-width:500px}.company-img-wrap{width:100%}.company-menu-list{width:100%}.news-inner{max-width:500px;padding:40px;margin:0 auto;box-shadow:none}.news-box{flex-direction:column;gap:40px 0}.news-head{width:100%}.news-head-title{flex-direction:column-reverse}.news-head-title span{padding:10px 0 0 0}.news-head a{display:none}.news-list{width:100%}.news-list-main-title{margin-bottom:0}.news-list ul{margin-bottom:40px}.news-list li{border-bottom:1px solid #dadada;padding:24px 0;margin-bottom:0}.news-list li a{flex-direction:column;gap:12px 0}.news-list-sp-more{display:block;text-align:right}.news-list-sp-more-link{position:relative;display:inline-block;color:#000;cursor:pointer}.news-list-sp-more-link::after{display:block;content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:url(../img/common/link-circle-blk.svg) 0 0 no-repeat;background-size:60px 60px;transition:all .3s}.news-list-sp-more-link:hover::after{transform:scale(0.9) rotate(45deg);transform-origin:center center}.news-list-sp-more-link span{position:relative;display:inline-block;font-size:14px;padding:20px 110px 20px 0;transition:color .3s}.news-list-sp-more-link:hover span{color:#3a3a3a}.news-list-sp-more-link span::before{display:block;content:"";position:absolute;top:32px;right:28px;width:60px;height:1px;background-color:#000;transition:all .3s}.news-list-sp-more-link:hover span::before{right:23px;width:65px}.news-list-sp-more-link span::after{display:block;content:"";position:absolute;top:32px;right:28px;width:8px;height:1px;background-color:#000;transform-origin:right bottom;transform:rotate(40deg);transition:right .3s}.news-list-sp-more-link:hover span::after{right:23px}}@media screen and (max-width: 500px){.mv-copy{top:50%;left:16px;font-size:30px;line-height:1.8}.mv-scroll{right:24px;bottom:24px}.mv-scroll span{font-size:18px}.about{padding:120px 0 128px}.about-contents{min-width:auto}.about-img-wrap{display:none}.about-message li{font-size:128px}.energy-reduction{padding:120px 0}.step .container{padding:0}.step .section-title{padding:0 16px}.step-list::before{content:none}.step-item{display:flex;flex-direction:column;gap:24px 0;padding:64px 16px}.step-item::before{content:none}.step-item:nth-of-type(odd){flex-direction:column-reverse}.step-item:nth-of-type(even){flex-direction:column;background-color:#fff}.step-item:last-of-type{padding:64px 16px 0}.step-item-contents{width:100%}.step-item-title{position:relative;font-size:24px}.step-item-title span{display:block;text-align:center;line-height:51px}.step-item:nth-of-type(odd) .step-item-title{margin:9px auto 9px 70px}.step-item:nth-of-type(even) .step-item-title{margin:9px 70px 9px auto}.step-item:nth-of-type(odd) .step-item-title span{position:absolute;top:-9px;left:-70px;width:54px;height:54px;border-radius:999px;background-color:#1f5642;color:#fff;font-weight:600;font-size:30px}.step-item:nth-of-type(even) .step-item-title span{position:absolute;top:-9px;right:-70px;width:54px;height:54px;border-radius:999px;background-color:#1f5642;color:#fff;font-weight:600;font-size:30px}.step-item-text-list{max-width:100%}.step-item-badge{display:none}.company-img-wrap img{aspect-ratio:1}}/*# sourceMappingURL=index.css.map */