/* *{
    margin: 0;
    padding: 0;

} */




.self-consumption .blur-up.lazyloaded {
    filter: blur(0);
  }
  
  .self-consumption .blur-up {
    filter: blur(20px);
    transition: filter .2s;
    will-change: filter;
  }
  .solar-pop-video-bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    display: none;
}
.solar-pop-video-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); 
    width: 70vw;
}

.solar-pop-video-content .solar-pop-close{
    position: absolute;
    top: 0;
    right: 0;
    width: 2vw;
    height: 2vw;
    z-index: 99;
    cursor: pointer;
}
.high-pressure-kv{
    position: relative;
}

.high-pressure-active{
    display: block !important;
}
.high-pressure-rotate{
   transform: rotate(0) !important;
}
.self-consumption img{
    width: 100%;
    display: block;
}
.self-consumption video{
    width: 100%;
    display: block;
}

.high-pressure-kv h2{
    position: absolute;
    left: 16.666667vw;
    top: 10.416667vw;
    color: #fff;
    line-height: 1.25;
    font-size: 2.916667vw;
    font-weight: bold;
}

.self-consumption h2{
    font-size: 2.916667vw;
    font-weight: 700;
    line-height: 1.25;
}
.self-consumption h3{
    font-size: 1.666667vw;
    line-height: 1.25;
    font-weight: 700;
}
.self-consumption p{
    font-size: 1.25vw;
    line-height: 1.5;
}
.self-consumption .space-120{
    margin-top: 6.25vw;
}
.self-consumption .section-kv .kv-content{
    position: relative;
}
.self-consumption .section-kv .kv-content h2{
    position: absolute;
    top: 10.416667vw;
    left: 16.666667vw;
    color: #fff;
}
.self-consumption .section-power-plant{
    width: 100%;
    position: relative;
    background: #D9E1EE;
}
.self-consumption .section-power-plant .plant-title{
    position: absolute;
    top: 6.25vw;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
}
.self-consumption .section-power-plant .plant-title h3{
    padding: 0 1.458333vw;
    border: .208333vw solid #373231;
    border-radius: .46875vw;
    background: #D5F2FF;
    color: #373231;
    height: 3.541667vw;
    display: flex;
    align-items: center;
}
.self-consumption .section-power-plant .plant-desc{
    position: absolute;
    top: 6.25vw;
    right: 18.697917vw;
}
.self-consumption .section-power-plant .plant-desc p{
    font-size: 1.041667vw;
    font-weight: 700;
    margin-left: 1.145833vw;
    line-height: 1.25;
}
.self-consumption .section-power-plant .plant-desc .direct,
.self-consumption .section-power-plant .plant-desc .alternating,
.self-consumption .section-power-plant .plant-desc .communication{
    display: flex;
    align-items: center;
    margin-bottom: .833333vw;
}
.self-consumption .section-power-plant .plant-desc .direct .line{
    width: 2.083333vw;
    height: .416667vw;
    border-radius: 7.864583vw;
    background: #93C2FC;
}
.self-consumption .section-power-plant .plant-desc .alternating .line{
    width: 2.083333vw;
    height: .416667vw;
    border-radius: 7.864583vw;
    background: #FA9E9E;
}
.self-consumption .section-power-plant .plant-desc .communication .line{
    width: 2.083333vw;
    height: .416667vw;
    display: flex;
    justify-content: space-between;
}
.self-consumption .section-power-plant .plant-desc .communication .line div{
    width: .520833vw;
    background: #373231;
    border-radius: 16.458333vw;
}





.sec3-title{
    background-color: #EEF4FA;
    padding-top: 6.25vw;
    font-size: 1.666667vw;
    padding-left: 18.75vw;
    padding-bottom: .833333vw;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.sec3-title span{
    margin-left: 7.8625vw;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.sec3-title span:first-child{
    margin-left: 0;
}
.sec3-tit-active:after{
    content: '';
    position: absolute;
    width: 5vw;
height: 2px;
background-color: #000;
bottom: -.833333vw;
left: 0;
}



.sec4-input img{
    width: 1.1vw;
    margin-left: .625vw;
    transform: rotate(180deg);
    transition: .3s;
    
}
.high-pressure-universal h2{
    font-size: 2.708333vw;
    line-height: 1.25;
    font-weight: bold;
    background: linear-gradient(93deg, #4887BD -11%, #06C1AC 56%, #24857E 110%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    z-index: 2;
    position: relative;
}
.high-pressure-universal p{
font-size: 1.041667vw;
line-height: 1.5;
}
.sec4-list > div > p{
    color: #181818;
    opacity: .8;
}
.high-pressure-universal{
    height: 41.666667vw;
    display: flex;
    align-items: center;
padding-left: 18.75vw;
position: relative;
}

.universal-txt{
    width: 33.333333vw;
}
.universal-img{
    width: 32.291667vw;
    margin-left: 1.041667vw;
}
.sec4-list > div{
    display: none;
}
.sec4-input >p{
    font-size: 1.666667vw;
}
.sec4-img > div{
    display: none;
}
.sec4-select{
    position: absolute;
    top: 120%;
    left: 0;
    width: 29.375vw;
    background-color: #fff;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
    padding: 1.666667vw .833333vw;
    display: none;
    z-index: 11;
    box-sizing: border-box;
    border-radius: .833333vw;
}
.sec4-select p {
    padding: .625vw 0.833333vw;
    background: transparent;
    border-radius: .416667vw;
    line-height: 1;
    font-size: 1.25vw;
}
.sec4-select p:hover {
    background: rgba(0, 0, 0, 0.05);
}
.sec4-input{
    position: relative;
    display: flex;
    align-items: center;
    margin-top: .833333vw;
    cursor: pointer;
}
.sec4-list{
    margin-top: 1.5625vw;
}
.high-pressure-universal a{
    font-size: 1.041667vw;
    color: #474747;
    text-decoration: none;
    margin-top: 2.604167vw;
    display: inline-block;
}
.high-pressure-universal a img{
    width: .520833vw;
    margin-left: .625vw;
    display: inline-block;
}
.universal-txt .p-bold{
    font-size: 1.666667vw;
    line-height: 1.5;
    margin-top: 0.833333vw;
}
.sec5-p{
    margin-top: 1.5625vw;
}

.sec6-p{
    margin-top: 1.5625vw;
}


.sec7-p{
    margin-top: 1.5625vw;
}

.sec5-p > p{
    color: #181818;
    opacity: .8;
}

.sec6-p > p{
    color: #181818;
    opacity: .8;
}

.sec7-p > p{
    color: #181818;
    opacity: .8;
}

@keyframes vertical_bar {
    0%{
        height: 0;
    }
    100%{
        height: 40vw;
    }
}

.sec5-ove{
    position: absolute;
    left: 70%;
    top: 62%;
    width: 16px;
    background: url(/-/media/SolarV4/solar-version2/asia-pacific/jp/solutions/self-consumption/img/universal-ove-gif.gif) no-repeat 54% center;
    animation-name: vertical_bar;
    animation-duration: 2000ms;
    animation-fill-mode: forwards;
    box-shadow: rgba(6, 194, 172, 0.2) 0px 0px 3px inset;
    z-index: -1;
}
.sec6-ove{
    position: absolute;
    left: 70%;
    top: 70%;
    width: 16px;
    background: url(/-/media/SolarV4/solar-version2/asia-pacific/jp/solutions/self-consumption/img/universal-ove-gif.gif) no-repeat 54% center;
    animation-name: vertical_bar;
    animation-duration: 2000ms;
    animation-fill-mode: forwards;
    box-shadow: rgba(6, 194, 172, 0.2) 0px 0px 3px inset;
    z-index: -1;
}



/* video_scale */
.dig_video_scale{
    height: 200vh;
}
.dig_video_scale .dig_vs_sticty {
    position: sticky;
    left: 0;
    top: 82px;
    height: calc(100vh - 82px);
    background-color: #000;
    overflow: hidden;
}

.dig_video_scale .dig_vs_video_start {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: url('../img/img_video_start.svg') no-repeat center center;
    transform: translate(-50%, -50%);
    display: none;
    cursor: pointer;
    background-size: 100%;
}




.dig_video_scale .dig_vs_img_wrap {
    width: 100%;
    height: 100%;
    /* transition: all 400ms ease; */
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img {
    position: absolute;
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}





.dig_vs_help {
    width: 100%;
    height: 100vh;
}




.talk_and_communication {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    width: 66.666667vw;
    margin: 6.25vw auto 0;
}

.talk_and_communication .talk_and_communication_sec {
    background: #F5F5F5;
    position: relative;
    border-radius: 8px;
    width: 32.291667vw;
}

.talk_and_communication .talk_and_communication_sec:nth-child(1) {
    margin-right: 2.083333vw;
}

.talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info {
   position: absolute;
   top: 3.645833vw;
   left: 50%;
   transform: translateX(-50%);
   width: max-content;
   text-align: center;
   z-index: 1;
}
.talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info >a{
    text-decoration: none;
}
.talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info img {
    width: 2.916667vw;
    margin: auto;
}

.talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info h3 {
    font-size: 1.25vw;
    font-weight: bold;
    line-height: 1.25;
    color: #191919;
    margin-top: 1.666667vw;
}

.talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info p {
    font-size: .833333vw;
    font-weight: bold;
    line-height: 1.25;
    color: #000000;
    margin-top: .625vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info p img{
    width: 1.041667vw;
    margin: 0 .520833vw 0 0;
}






.section-feature{
    margin-top: 6.25vw;
}

 .section-feature .feature-content .feature-button{
    position: relative;
}
 .section-feature .feature-content .button-content{
    width: 100%;
}
 .section-feature .feature-content .feature-button::after{
    content:"";
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
}
 .section-feature .feature-content .feature-button .button-content{
    width: 62.5vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

 .section-feature .feature-content .feature-button p{
    font-size: 1.145833vw;
    line-height: 1.25;
    padding-bottom: .885417vw;
    /* margin-right: 7.8125vw; */
    cursor: pointer;
}
 .section-feature .feature-content .feature-button p:last-child{
    /* margin-right: 6.25vw; */
}
 .section-feature .feature-content .feature-button p.active{
    font-weight: 700;
    border-bottom: solid 2px #000;
}
 .section-feature .feature-content .feature-pic{
    width: 100%;
}
 .section-feature .feature-content .feature-pic .pic-content{
    display: none;
    position: relative;
    height: 100%;
}

.pic-content h2{
    font-size: 2.1875vw;
    line-height: 1.25;
    color: #333333;
}
.pic-content p{
    position: absolute;
    font-size: 1.041667vw;
    top: 1.25vw;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1.25;
    color: #333333;
    width: 100%;
    text-align: center;
}

.pic-content .sec3-swiper-item span{
    font-size: 1.041667vw;
    margin-top: 1.25vw;
    line-height: 1.25;
    color: #00000099;
    display: block;
}



.pic-content > div{
    width: 100%;
      box-sizing: border-box;
}
.pic-content .copy-content{
    height: 9.21875vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.pic-content .content-img{
    padding-bottom: 3.59375vw;
}
.feature-swiper .swiper-scrollbar{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    height: 2px;
    width: 100%;
    border-radius: 0;
}


.feature-swiper .swiper-scrollbar .swiper-scrollbar-drag{
    background: #D60033;
}


 .section-feature .feature-content .feature-pic .pic-content.active{
    display: block;
  
}
 .section-feature .feature-content .feature-pic .pic-content .feature-swiper{
    overflow: hidden;
    height: 100%;
}

.pic-content .video-play{
    width: 4.166667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.sec3-1 > div {
    width: 62.5vw;
    margin-left: auto;
    margin-right: auto;
}
.sec3-2 > div {
    width: 62.5vw;
    margin-left: auto;
    margin-right: auto;
}

.sec3-3 > div {
    width: 62.5vw;
    margin-left: auto;
    margin-right: auto;
}

.sec3-4 > div {
    width: 62.5vw;
    margin-left: auto;
    margin-right: auto;
}
.sec3-swiper-item{
    width: 62.5vw;
    margin-left: auto;
    margin-right: auto;
}
.sec3-1 .content-img{
    width: 100%;
    background: #F7F7F7;
    border-radius: .625vw;
    height: 28.645833vw;
    position: relative;
}
.sec3-1 .content-img img{
    width: 47.447917vw;
    margin: 0 auto;
    padding-top: 2.5vw;
}
.sec3-2 .content-img{
    width: 100%;
    background: #F7F7F7;
    border-radius: .625vw;
    height: 28.645833vw;
    position: relative;
}
.sec3-2 .content-img img{
    width: 41.055208vw;
    margin: 0 auto;
    padding-top: 1.666667vw;
}
.sec3-3 .content-img{
    width: 100%;
    position: relative;
    overflow: hidden;
}

.sec3-4 .content-img{
    width: 100%;
}
.sec3-5 .content-img{
    width: 100%;
}

.self-consumption .sec3-3 .copy-content .copy h3{
    font-size: 1.458333vw;
    color: #333333;
}
.self-consumption .sec3-3 .copy-content .special-copy{
    font-size: 7.5vw;
    font-weight: 700; 
}
.self-consumption .sec3-3 .copy-content .special-copy span{
    font-size: 3.645833vw;
}
.self-consumption .sec3-3 .copy-content .special-copy b,
.self-consumption .sec3-3 .copy-content .special-copy span{
    background: linear-gradient(90deg, rgba(18,223,87,0.84) 34%, rgba(60,214,111,0.40) 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "HarmonyOS_Sans", "Microsoft YaHei", Arial, Helvetica, sans-serif !important;
}
.self-consumption .sec3-3 .copy-content .special-copy b:nth-child(2){
    margin-left: -.9375vw;
}
.slide1 .content-img{
    width: 100%;
}
.slide2 .content-img{
    width: 51.927083vw;
    margin: 0 auto;
}
.slide2 .copy-content h2{
    font-size: 1.458333vw;
}

.slide1 > img{
    position: absolute;
    right: 5vw;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    width: 3.333333vw;
    opacity: .4;
    transition: .5s;
}
.slide1 > img:hover{
    opacity: 1;
}
.slide2 > img{
    position: absolute;
    left: 5vw;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%)rotate(180deg);
    width: 3.333333vw;
    opacity: .4;
    transition: .5s;
}
.slide2 > img:hover{
    opacity: 1;
}
/* 放大动效css */



.dig_video_scale .dig_vs_video {
    width: 25%;
    height: 25%;
    position: absolute;
    left: 37.5%;
    top: 37.5%;
}

.dig_video_scale .dig_vs_video>video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.dig_video_scale .dig_vs_img_wrap {
    width: 100%;
    height: 100%;
    /* transition: all 400ms ease; */
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img {
    position: absolute;
}



.dig_video_scale .dig_vs_img_wrap .dig_vs_img1 {
    left: 37.5%;
    top: 4.17%;
    width: 28.3%;
    height: 31.11%;
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img2 {
    left: 16.58%;
    top: 24.82%;
    width: 19.17%;
    height: 37.69%;
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img4 {
    left: 64.18%;
    top: 37.5%;
    width: 25%;
    height: 25%;
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img5 {
    left: 9.34%;
    top: 64.72%;
    width: 31.35%;
    height: 27.96%;
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img6 {
    left: 42.36%;
    top: 64.72%;
    width: 20.16%;
    height: 27.96%;
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img7 {
    left: 64.18%;
    top: 64.72%;
    width: 21.14%;
    height: 27.96%;
}

.dig_vs_help {
    width: 100%;
    height: 100vh;
}




/* 上浮动效 */
.typed-strings{
    display: none;
}
.box-come-up{
    opacity: 0;
    transform: translateY(10vw);
    transition:.7s;
}

.box-come-up-active{
    opacity: 1 !important;
    transform: translateY(0) !important;
}
.sec-ove{
    display: none;
}


.section-faq{
    background: #F9F9F9;
    margin-top: 6.25vw;
}
.section-faq h2{
    font-size: 2.5vw;
    line-height: 1.25;
}
 .faq-content{
    width: 66.666667vw;
    margin: 0 auto;
    padding: 6.25vw 0;
}
 .faq-content .faq-item{
    background: #ffffff;
    margin-top: 1.875vw;
    padding: 3.75vw 4.166667vw;
    position: relative;
    border-radius: .833333vw;
}
.faq-content .faq-item .faq-part{
    height: 13.697917vw;
    overflow-y: auto;
    width: 8.4375vw;
}

 .faq-content .faq-item::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    height: calc(100% - 3.880208vw - 3.151042vw);
    background: #979797;
    top: 3.880208vw;
    left: 13.125vw;
}
 .faq-content .faq-item .q-a{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.666667vw;
}
.faq-content .faq-item .q-a:last-child{
    margin-bottom: 0;
}
 .faq-content .faq-item .q-a .question{
    width: 7.395833vw;
    cursor: pointer;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
 .faq-content .faq-item .q-a .answer{
    width: 48.4375vw;
    display: none;
    position: absolute;
    top: 3.880208vw;
    left: 16.145833vw;
    padding-right: 6.770833vw;
    height: 13.697917vw;
    overflow-y: auto;
}
 .faq-content .faq-item .q-a.active .answer{
    display: block;
}
.faq-content .faq-item .q-a.active .question{
    font-weight: 700;
}
 .faq-content .faq-item .q-a p{
    font-size: .833333vw;
    line-height: 1.25;
}
 .faq-content .faq-item .q-a .answer p{
    color: #333333;
    margin: 1.25vw auto;
   
}
 .faq-content .faq-item .q-a .answer h2{
    font-size: 1.25vw;
    line-height: 1.25;
    margin-bottom: 1.25vw;
}
.faq-content .faq-item .q-a .answer h3{
    font-size: .833333vw;
    line-height: 1.25;
    color: #000;
}
 .faq-content .faq-item .q-a .answer p img{
    width: 1.041667vw;
    display: inline-block;
    vertical-align: middle;
    margin-left: .520833vw;

}

 .mob-show{
    display: none !important;
}
 .nowrap{
    white-space: nowrap;
}



.self-consumption .section-area{
    width: 62.5vw;
    margin: 6.25vw auto 0;
}
.self-consumption .section-area h2{
    margin-bottom: 3.125vw;
}
.self-consumption .section-area p{
    width: 62.5vw;
    margin: 2.083333vw auto 2.916667vw;
}
.self-consumption .mega-cell{
    padding-top: 5.729167vw;
    position: relative;
}
.self-consumption .mega-cell .cell-swiper{
    overflow: hidden;
}
.self-consumption .mega-cell .swiper-pagination{
    top: 0;
    display: flex;
    width: 62.5vw;
    left: 50%;
    transform: translateX(-50%);
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.self-consumption .mega-cell .swiper-pagination-bullet{
    width: auto;
    height: auto;
    text-align: center;
    opacity: 1;
    font-size: .833333vw;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
    color: #191919;
    background: none;
    display: inline-block;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    padding: 0;
    padding-bottom: 1.25vw;
    position: relative;
    transform: translateY(1px);
    width: 6.354167vw;
}


.self-consumption .mega-cell .swiper-pagination-bullet-active{
    padding-top: 0;
    margin: 0;
    line-height: 1.5;
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    border-bottom: 1px solid #000;
}

.self-consumption .cell-swiper .swiper-slide{
    border-radius: 1.25vw;
    overflow: hidden;
}





@media screen and (max-width: 1280px) {
    .high-pressure-kv{
        margin-top: 80px;
    }
    .dig_video_scale .dig_vs_sticty {
        top: 48px;
        height: calc(100vh - 48px);
    }
}

@media screen and (max-width: 768px) {
    .high-pressure-kv{
        margin-top: 0;
    }
    
}
@media screen and (max-aspect-ratio: 11/10) {

    

    .self-consumption h2{
        font-size: 6.666667vw;
    }
    .self-consumption h3{
        font-size: 4.444444vw;
    }
    .self-consumption p{
        font-size: 3.333333vw;
    }
    .self-consumption .section-kv .kv-content h2{
        width: 86.666667vw;
        margin: 0 auto;
        top: 22.222222vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .self-consumption .section-power-plant .plant-title{
        top: 13.888889vw;
    }
    .self-consumption .section-power-plant .plant-title h3{
        padding: 0 3.888889vw;
        border: 2px solid #373231;
        border-radius: 2.5vw;
        height: 11.666667vw;
    }
    .self-consumption .section-power-plant .plant-desc{
        top: 30.555556vw;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }
    .self-consumption .section-power-plant .plant-desc p{
        font-size: 3.333333vw;
        line-height: 1.3;
    }
    .self-consumption .section-power-plant .plant-desc .direct, 
    .self-consumption .section-power-plant .plant-desc .alternating, 
    .self-consumption .section-power-plant .plant-desc .communication{
        margin-bottom: 2.777778vw;
    }
    .self-consumption .section-power-plant .plant-desc .direct .line,
    .self-consumption .section-power-plant .plant-desc .alternating .line,
    .self-consumption .section-power-plant .plant-desc .communication .line{
        width: 4.444444vw;
        height: .888889vw;
    }
    .self-consumption .section-power-plant .plant-desc .communication .line div{
        width: 1.111111vw;
    }


    .dig_video_scale{
        height: auto;
        margin-top: 19.444444vw;
    }
    .dig_video_scale .dig_vs_sticty {
        position: static;
        height: 202px;
        overflow: hidden;
    }

    .dig_video_scale .dig_vs_video {
        width: 100%;
        height: 100%;
        position: static;
    }

    .dig_video_scale .dig_vs_video_start {
        display: block;
    }

    .dig_video_scale .dig_vs_img {
        display: none;
    }

    .dig_vs_help {
        display: none;
    }

    .talk_and_communication {
        margin-top: 13.333333vw;
        flex-wrap: wrap;
        width: 100%;
        padding: 0 3.333333vw;
        box-sizing: border-box;
    }
    .talk_and_communication .talk_and_communication_sec:nth-child(1) {
        margin-right: 0;
    }
    .talk_and_communication .talk_and_communication_sec{
        width: 100%;
    }
    


    .talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info h3 {
        font-size: 4.444444vw;
        margin-top: 2.777778vw;
    }

    .talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info p {
        font-size: 3.333333vw;
        font-weight: 500;
        margin-top: 2.222222vw;
        align-items: center;
    }
    .talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info p img{
        width: 4.444444vw;
        margin: 0 2.222222vw 0 0;
        flex-shrink: 0;
    }
    .talk_and_communication .talk_and_communication_sec:nth-child(2) {
        margin-top: 3.333333vw;
    }
    .talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info{
        width: 38.888889vw;
        right: 6.666667vw;
        top: 50%;
        left: auto;
        transform: translateY(-50%);
    }
    .talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info img{
        width: 8.888889vw;
    }
    

    .section-faq {
        margin-top: 13.333333vw;
        margin-bottom: 8.888889vw;
    }

    .faq-content{
        width: 100%;
        background: #fff;
        padding: 0;
    }
     .faq-content h2{
        margin: 0 0 4.444444vw 6.666667vw;
        font-size: 6.666667vw;
    }
     .faq-content .faq-item{
        padding: 0;
        margin: 0;
        border-radius: none;
    }
    .faq-content .faq-item .faq-part{
        height: auto;
    width: auto;
    overflow: visible;
    }
     .faq-content .faq-item::after{
        display: none;
    }
     .faq-content .faq-item .q-a{
        flex-direction: column;
        padding: 4.444444vw 6.666667vw;
        position: relative;
    }
     .faq-content .faq-item .q-a:nth-child(odd){
        background-color: #F9F9F9;
    }
     .faq-content .faq-item .q-a p{
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
        -moz-user-focus: none;
        -moz-user-select: none;
    }
     .faq-content .faq-item .q-a .answer{
        position: initial;
        width: 84.444444vw;
        padding: 6.666667vw 0 0 2.222222vw;
        height: auto;
        overflow: visible;
    }
     .faq-content .faq-item .q-a .question{
        width: auto;
        display: flex;
        justify-content: space-between;
       
    }
    .faq-content .faq-item .q-a .question span{
        width: 66.666667vw;
        text-decoration: none;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }
     .faq-content .faq-item .q-a .question img{
        width: 4.444444vw;
        transition: .5s;
      
    }
     .faq-content .faq-item .q-a.active .question img{
        transform: rotate(180deg);
    }

    .faq-content .faq-item .q-a .answer h2 {
        font-size: 3.888889vw;
        margin-bottom: 6.666667vw;
        margin-left: 0;
    }


     .faq-content .faq-item .q-a .question{
        font-weight: 700;
        position: relative;
        font-size: 4.44444vw;
    }
     .faq-content .faq-item .q-a .answer p .text-bold{
        color: #000;
        font-weight: 700;
    }
     .faq-content .faq-item .q-a .answer h3{
        font-size: 3.888889vw;
        margin: 6.666667vw auto;
    }
     .faq-content .faq-item .q-a .answer p img{
        width: 5.555556vw;
        margin-left: 1.666667vw;
    }
    .mob-show{
        display: block !important;
    }
    .faq-content .faq-item .q-a .answer p{
        font-size: 3.888889vw;
    }
    .high-pressure-kv h2{
        width: 86.666667vw;
        top: 22.222222vw;
        left: 50%;
        transform: translateX(-50%);
        font-size: 6.666667vw;
    }
    .section-feature .feature-content .feature-button::-webkit-scrollbar{
        display: none;
    }
    .feature-content{
        overflow-x: hidden;
    }
    .section-feature .feature-content .feature-button{
        width: 86.666667vw;
        overflow-x: scroll;
        white-space: nowrap;
        margin: 0 auto;
        transition: .5s;
    }
    .section-feature .feature-content .feature-button .button-content{
        width: auto;
    }
    .section-feature .feature-content .feature-button p{
        font-size: 3.888889vw;
        padding-right: 12.8125vw;
        margin-right: 0;
        white-space: nowrap;
        padding-bottom: 3.333333vw;
        position: relative;
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
        -moz-user-focus: none;
        -moz-user-select: none;
    }



    .section-feature .feature-content .feature-button::after{
        content: none;
    }

    .section-feature .feature-content .feature-button p:last-child{
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
    .section-feature{
        margin-top: 13.333333vw;
    }
    .section-feature .feature-content .feature-button p.active{
        border: none;
    }
    .section-feature .feature-content .feature-button p.active::after{
       content: '';
       position: absolute;
       width: calc(100% - 12.8125vw);
       height: 1px;
       background-color: #000;
       bottom: 0;
       left: 0;
    }
    .section-feature .feature-content .feature-button p::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #D8D8D8;
        bottom: 0;
        left: 0;
     }
     .section-feature .feature-content .feature-button p:last-child.active::after{
        width: 100%;
     }

     .pic-content .content-img{
        padding-bottom: 6.666667vw;
     }
     .pic-content .copy-content{
        height: 37.222222vw;
        text-align: left;
     }
     .pic-content h2 {
        font-size: 6.666667vw;
    }
    .pic-content p{
        font-size: 4.444444vw;
        top: 5.555556vw;
        padding: 0 2.777778vw;
        text-align: left;
    }
    .self-consumption .sec3-3 .copy-content .copy h3{
        font-size: 4.444444vw;
    }
    .pic-content .sec3-swiper-item span{
        font-size: 3.888889vw;
        margin-top: 3.333333vw;
    }
    .sec3-swiper-item{
        width: 86.666667vw;
    }
    .sec3-1 > div{
        width: 86.666667vw;
    }
    .sec3-2 > div{
        width: 86.666667vw;
    }
    .sec3-3 > div{
        width: 86.666667vw;
    }
    .sec3-4 > div{
        width: 86.666667vw;
    }
    .slide1 .content-img {
        width: 100%;
        margin: 12.777778vw auto 0;
    }
    .slide2 .content-img {
        width: 100%;
        margin: 12.777778vw auto 0;
    }
    .sec3-1 .content-img {
        width: 100%;
        height: 101.666667vw;
        border-radius: 3.333333vw;
    }
    .sec3-1 .content-img img{
        width: 97%;
        padding-top: 42.5vw;
    }
    .sec3-2 .content-img {
        width: 100%;
        height: 101.666667vw;
        border-radius: 3.333333vw;
    }
    .sec3-2 .content-img img{
        width: 97%;
        padding-top: 20.833333vw;
    }
    .sec3-3 .content-img {
        width: 100%;
    }
    .sec3-4 .content-img {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }
    .sec3-5 .content-img {
        width: 100%;
        margin-top: 0;
    }
    .sec3-5 .slide2 .content-img{
        margin-top: 0;
    }
    .self-consumption .sec3-3 .copy-content{
        flex-direction: column;
        align-items: flex-start;
    }
    .self-consumption .sec3-3 .copy-content .copy{
        width: auto;
    }
    .self-consumption .sec3-3 .copy-content .copy h3:last-child{
        margin-top: 4.444444vw;
    }
    .self-consumption .sec3-3 .copy-content .special-copy{
        margin-top: 2.222222vw;
        font-size: 22.222222vw;
    }
    .self-consumption .sec3-3 .copy-content .special-copy b:nth-child(2){
        margin-left: -2.222222vw;
    }
    .self-consumption .sec3-3 .copy-content .special-copy span{
        font-size: 11.111111vw;
        margin-left: -2.222222vw;
    }
    .slide1 > img{
        display: none;
    }
    .slide2 > img{
        display: none;
    }
    .slide2 .copy-content h2{
        font-size: 4.444444vw;
    }
    .high-pressure-universal{
        height: auto;
        padding-left: 6.666667vw;
        margin-top: 33.333333vw;
    }
    .high-pressure-sec4{
        margin-top: 13.333333vw;
    }
    .universal-txt{
        width: 44.444444vw;
        position: relative;
    z-index: 11;
    }
    .universal-img{
        width: 46.111111vw;
        position: relative;
        z-index: 10;
    }
    .high-pressure-universal h2{
        font-size: 6.666667vw;
        width: 80vw;
        letter-spacing: 0;
    }
    .high-pressure-universal a{
        font-size: 3.333333vw;
        margin-top: 4.444444vw;
    }
    .high-pressure-universal a img{
        width: 1.511111vw;
        margin-left: 2.222222vw;
    }
    .high-pressure-universal p{
        font-size: 3.333333vw;
    }
    .universal-txt .p-bold{
        font-size: 4.444444vw;
        margin-top: 2.222222vw;
        width: 80vw;
    }
    .sec7-p{
        margin-top: 11.111111vw;
    }
    .sec6-p{
        margin-top: 11.111111vw;
    }
    .sec5-p{
        margin-top: 11.111111vw;
    }
    .sec4-input >p{
        font-size: 4.444444vw;
    }
    .sec4-input img{
        width: 4.044444vw;
        margin-left: 2.625vw;
    }
    .sec4-input{
        margin-top: 2.222222vw;
        width: 80vw;
    }
    .sec4-select > p{
        font-size: 4.444444vw;
        padding: 2.222222vw;
    }

    .sec4-select {
        width: 100%;
        padding: 4.444444vw 2.222222vw;
    }

    .sec4-list {
        margin-top: 11.111111vw;
    }
    .sec5-ove {
        left: 74%;
        top: 48%;
    }
    .sec6-ove {
        left: 74%;
        top: 62%;
    }
    @keyframes vertical_bar {
        0%{
            height: 0;
        }
        100%{
            height: 130vw;
        }
    }
    .pic-content .video-play{
        width: 5.555556vw;
    }
   


    .self-consumption .section-area{
        width: 86.666667vw;
        margin: 13.333333vw auto 0;
    }
    .self-consumption .mega-cell{
        overflow: hidden;
        padding-top: 0;
    }
    .self-consumption .section-area h2{
        margin-bottom: 4.444444vw;
        font-size: 6.666667vw;
    }
    .self-consumption .mega-cell .pagination-content{
        overflow: auto;
    }
    .self-consumption .mega-cell .swiper-pagination{
        width: max-content;
        left: 0;
        transform: none;
        border: none;
        position: inherit;
        margin-bottom: 3.888889vw;
    }
    .self-consumption .mega-cell .swiper-pagination-bullet-active{
        border-bottom: 1px solid transparent;
    }
    .self-consumption .mega-cell .pagination-content::-webkit-scrollbar{
        display: none;
    }
    .self-consumption .mega-cell .swiper-pagination-bullet{
        white-space: nowrap;
        padding-right: 2.222222vw;
        padding-bottom: 4.444444vw;
        font-size: 3.333333vw;
        width: 15.555556vw;
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
        -moz-user-focus: none;
        -moz-user-select: none;
    }
    .self-consumption .mega-cell .swiper-pagination-bullet:last-child{
        padding-right: 0;
    }
    .self-consumption .mega-cell .swiper-pagination-bullet::after{
        position:absolute;
        content:'';
        bottom:0;
        left:0;
        width:100%;
        height:1px;
        background-color: rgba(0, 0, 0, 0.1);
    }
    .self-consumption .mega-cell .swiper-pagination-bullet-active::before{
        position:absolute;
        content:'';
        bottom:0;
        left:0;
        width: calc(100% - 2.222222vw);
        height:1px;
        background-color: rgba(0, 0, 0, 1);
    }
    .self-consumption .mega-cell .swiper-pagination-bullet-active:last-child::before{
        width: 100%;
    }
    .self-consumption .cell-swiper .swiper-slide{
        border-radius: 1.111111vw;
    }
}