h2 {
	font-weight: 900;
	font-size: 8.5rem;
	line-height: 1em;
	text-align: center;
	background: linear-gradient(135deg,  rgba(20,88,53,1) 0%,rgba(48,145,94,1) 50%,rgba(19,86,52,1) 99%);
  /* background: linear-gradient(to top, #3a1c71, #d76d77, #ffaf7b);
   background: -webkit-linear-gradient(to top, #3a1c71, #d76d77, #ffaf7b);*/
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   display: flex;
   justify-content: center;align-items: center;
}

h2 p{
  font-weight: 900;
  font-size: 8.5rem;
  line-height: 1em;
  text-align: center;
  background: linear-gradient(135deg,  rgba(20,88,53,1) 0%,rgba(48,145,94,1) 50%,rgba(19,86,52,1) 99%);
  /* background: linear-gradient(to top, #3a1c71, #d76d77, #ffaf7b);
   background: -webkit-linear-gradient(to top, #3a1c71, #d76d77, #ffaf7b);*/
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   position: relative;
}
.step-main h3,.sec7-product-txts h3,.sec4-txt h3{
  font-weight: 900;
  background: linear-gradient(135deg,  rgba(20,88,53,1) 0%,rgba(48,145,94,1) 50%,rgba(19,86,52,1) 99%);
  background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
}
.container{
  width: calc(100% - 18.4rem);
  margin:0 auto;
}

.sec-cube{position: absolute;width: 100%;left: 0;}

.sec-title{position: relative;margin:0 auto;}
.sec-title-light{
  position: absolute;left: 0;top: 0;
  width: 100%;
  mix-blend-mode: screen;
}
.secsp .sec-title{width: 110.3rem;}
.sec3 .sec-title{
  width: 96.8rem;
}
.sec6 .sec-title{width: 69.6rem;}
.sec7 .sec-title{
  width: 115rem;
}
.sec8 .sec-title{width: 66.9rem;margin:0;}
.sec9 .sec-title{width: 76rem;}


.kv{z-index: 2;}
/*sec2*/
.sec2{background: #01361c url(../images/sec2_bg.png?t=2024);padding-top: 15rem;padding-bottom:10rem;background-size: 100% auto;background-repeat: no-repeat;background-position: 50% -10%;margin-top: -5rem;}
.sec2-video{
  width: 159.6rem;
  margin:0 auto;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b6925e+0,fff2b3+50,b4905c+100 */
  background: linear-gradient(135deg,  rgba(182,146,94,1) 0%,rgba(255,242,179,1) 50%,rgba(180,144,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: 1rem;
}

/*sec3*/
.sec3{
  background: #251e19 url(../images/sec3_bg.png?t=2024);
  background-size: 100% auto;
  background-position: 50% bottom;
  background-repeat: no-repeat;
  /*padding-top: 4rem;*/
  padding-bottom: 3.5rem;
}
.sec3 .sec-txt{
  font-size: 3rem;
  line-height: 4rem;
  text-align: center;
  margin-bottom: 2em;
  margin-top: 2em;
}
.sec3-sptxt{
  width: 62.1rem;
  /* margin: 0 auto; */
  /*margin-bottom: 10rem;*/
  position: relative;
}
.sec3-sptxt-h{
  width: 46.6rem;
  left: 0;
  position: absolute;
  top: 0;
  margin-left: 6rem;
  margin-top: -1rem;
}
.sec3-product{}
.sec-tip{
  font-size: 1.6rem;
  text-align: center;
  line-height: 2em;
  color: #fff;
}

.sec3-no1{
  position: absolute;
  width: 26.3rem;
}
.sec3 .sec-title-light{
  margin-left: 25rem;
  margin-top: -5rem;
  width: 63.5rem;
}
.sec3 .sec-txt{
  color: #fff;
}
.sec3 .sec-dec{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10rem 0;
}
/*sec4*/

.sec4{
  background:#e1dad6;
  padding-bottom: 7.5rem;
  /*padding-top: 4rem;*/
  background-color: #01361c;

}
.sec4-cube{
  position: absolute;
  bottom: 35rem;
  left: 0;
  width: 100%;
}
.sec4-cube img{
  opacity: 0.3;
}
.sec4-main{
  position: relative;
  width: 100%;
  /*margin-top: 4rem;*/
}
.sec4-main-ing{position: absolute;width: 78.1rem;top: 2rem;left: 50%; transform: translateX(-50%);}
.sec4-main-txts{
  position: absolute;
  top: 15rem;
  left: 9rem;
  color: #fff;
}
.sec4-main-txts h4{font-size: 7rem;text-shadow: .15em .15em .5em rgba(2,57,29,0.6);}
.sec4-main-txts p{font-size: 3rem;line-height: 4rem;margin-top: 1.5em;text-shadow: .15em .15em .5em rgba(2,57,29,0.6);}
.sec4-list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 8rem;
    width: calc(100% - 18.5rem);
    margin-left: 9.25rem;
}

.sec4-txt{
    position: relative;
    bottom: 0;
    width: calc(100% - 95rem);
    padding-left: 15rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sec4-txt-light{
  position: absolute;
  left: 0;
  top: 0;

}
.sec4-txt-light img{
  max-width: 100%;
  max-height: 100%;
}
.sec4-box{display: flex;width: 100%;}
.sec4-box.sec4-box1,
.sec4-box.sec4-box3,
.sec4-box.sec4-box5{
  flex-direction: row-reverse;
}
.sec4-box .sec4-txt{
    padding-left: 10rem;
}
.sec4-txt h3{
  font-size: 7rem;
  line-height: 1em;
  margin-bottom: .5em;
  height: 13.7rem;
}
.sec4-box3 .sec4-txt h3{
  height: 13.9rem; /*6.5rem*/
}
.sec4-box4 .sec4-txt h3{
    height: 13.9rem;
}
.sec4-box4 .sec4-txt p{
  line-height: 1.5;
}
.sec4-txt h3 img{
  max-height: 100%;
}

.sec4-txt p{
  font-size: 3rem;
  color: #fff;
  line-height: 2em;
}
.sec4-box .sec4-pic{

}
.sec4-pic{width: 95rem;}

/*secsp*/
.secsp{position: relative;}
.secsp .container{
  padding-top: 7rem;
  position: absolute;
  top: 0;
  left: 0rem;
  width: calc(100%);
}
.secsp h3{font-size: 7rem;text-align: center;color: #fff;font-weight: 500;margin-top: 1em;margin-bottom:.5em;}
.secsp .sec-txt{color: #fff;font-size: 3rem;text-align: center;}

.secsp-pic{
  position: relative;
  margin-top: 105rem;
  width: 100%;
}
.secsp-pic img{max-width: initial;width: 100%;}
.secsp-pic h3{
  width: 100%;
  text-align: center;
  color: #fff;
  position: absolute;
  font-size: 8.5rem;
  top: 35rem;
  margin:0;
}
.secsp-pic p{
  width: 100%;
  text-align: center;
  color: #fff;
  position: absolute;
  font-size: 3rem;
  top: 49rem;
  line-height: 2em;
}
.secsp-ing{width: 60rem;margin:0 auto;margin-top: -26rem;}
.secsp-ing img{width: 55.8rem;}
.secsp-ing h3{
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 8.5rem;
  margin-top: 5rem;
}
.secsp-ing p{
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 3rem;
  line-height: 2em;
}

.secsp-bottom{position: relative;display: flex;justify-content: center;padding-top: 10rem;}
.secsp-bottom-txt{
  position: relative;
  width: 58.3rem;
}
.secsp-bottom-txt-h{
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
      mask-image:url(../images/secsp_bottom_txt_h.png?t=2024);
    -webkit-mask-image:url(../images/secsp_bottom_txt_h.png?t=2024);
    mask-size:cover;
    mask-position:50% 0%;
}
.secsp-bottom-txt-h::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    background: rgb(255, 255, 255);
    background: linear-gradient(70deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .8) 50%, rgba(255, 255, 255, 0) 70%);
    top: 0;
    left: -100%;
}
.secsp-bottom-pro{width: 60.5rem;position: relative;margin-left: 10rem;margin-top: 4rem;}
.secsp-bottom-pro-m{position: absolute;width: 27.7686%;top: 37.5%;z-index: 3;}
.secsp-bottom-pro > img{position: relative;z-index: 2;}
.secsp-bottom-pro-ing{width: 100%;position: absolute;left: 0;top:0;z-index: 1;mix-blend-mode: screen;}
.secsp-bottom-pro-bg{position: absolute;width: 116.2rem;z-index: 0;left: 50%;transform: translateX(-50%);top: -30rem;}
/*sec5*/
.sec5{
  /*background:#e1dad6;*/
  z-index: 2;
  background-color: #251e19;
	font-size: 0
}
.sec5-txts{
  position: absolute;
  /*width: 75.1rem;*/
  /*width: 96rem;*/
  top: 10rem;
  left: 60rem;
  display: flex;
  justify-content: center;align-items: center;
  flex-direction: column;
}
.sec5-txts .sec5-span{width: 49.2rem;}
.sec5-txts .sec5-title{
  margin-top: 5rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 75.1rem;;
 /* margin-left: -12rem/*20260425 new add pc */
}
.sec5-txts p{font-size: 4rem;line-height: 5.2rem;text-align: center;color: #fff;font-weight: 500;margin-top: 5rem;}

.sec5-spname{
  width: 27.8rem;
  position: absolute;
  bottom: 14rem;
  left: 86rem;
}
.sec5-sub_title{
  letter-spacing: 0.8rem;
/*margin-left: -9.5rem/*20260423 newadd pc*/
}
.sec5-slogan::before{
  content: '';
  position: absolute;
  width: 10rem;
  height: 1px;
  background-color: #fff;
  margin-left: -11rem;
  margin-top: 2.5rem;
}
.sec5-slogan::after{
  content: '';
  position: absolute;
  width: 10rem;
  height: 1px;
  background-color: #fff;
  margin-left: 1rem;
  margin-top: 2.5rem;
}
.sec5 .sec6-peos{
  padding-top: 0;
}
.sec5 .sec6-peos ul li{
  width: 48rem;
  height: 12.3rem;
  background-size: cover;
}
.sec5 .sec6-peo{
  width: 10rem;
}
.sec5 .sec6-peo-txts p{
  font-size: 2.2rem;
  line-height: 1em;
  margin-top: 1rem;
  text-align: left;
}

.sec5 .sec6-peo-txts span{
  font-size: 2rem;
}
/*6*/
.sec6{
  background: #e1dad6;
  padding-bottom: 14rem;
  padding-top: 4rem;

}

.sec6 .sec-txt{text-align: center;font-weight: 900;font-size: 3rem;margin-top: -1em;}
.sec6-pics{position: relative;display: flex;
justify-content: center;align-items: center;margin-top: 7rem;}
.sec6-pics > div{width: 85.8rem;}
.sec6-pics-txts {
  position: absolute;
  bottom: 6rem;
}
.sec6-pics-txts p{color: #fff;font-size: 3.5rem;text-align: center;}
.sec6-pic1 .sec6-pics-txts{left: 0;}
.sec6-pic2 .sec6-pics-txts{right: 2.5rem;}

.sec6 h4{font-weight: 900;font-size: 6rem;text-align: center;}
.sec6 h4::before{content: "";display: inline-block;height: .2rem;width: 5rem;background:#2e2e2e;vertical-align: middle;margin: 0 .5em;}
.sec6 h4::after{content: "";display: inline-block;height: .2rem;width: 5rem;background:#2e2e2e;vertical-align: middle;margin: 0 .5em;}

.sec6-peos{padding-top:5rem;}/*20260423 11rem pc */

.sec6-peos ul{display: flex;flex-wrap: wrap;justify-content: center;margin-top: 0.5rem;}/*margin-top: 4rem;*/

.sec6-peos ul li{width: 57.9rem;height: 14.8rem;background: url(../images/sec6_peo_bg.png?t=2024);background-size: cover;padding: 1.3rem 1.3rem 1.3rem 1.3rem;display: flex;align-items: center;margin:2rem;}

.sec6-peo{width: 12.6rem;}

.sec6-peo-txts{padding-left: 1rem;width: calc(100% - 12.6rem)}

.sec6-peo-txts span{color: #474747;font-size: 2.3rem;}
.sec6-peo-txts span b{color: #007b3a;font-weight: bold;}
.sec6-peo-txts p{font-size: 3rem;color: #007b3a;letter-spacing: -.05em;}
.sec6-peo-txts p b{font-weight: bold;}
.sec6-icons{
  padding-top: 12.5rem;
  

}
.sec6-icons ul{display: flex;
  justify-content: space-between;align-items: center;margin-top: 10rem;}
.sec6-icons li{  width: 31.9rem;}
.sec6-icon-txt{
  position: relative;
  background:url(../images/sec6_icon_bg.png?t=2024);
  background-size: cover;
  width: 28.6rem;
  height: 7.8rem;
  margin-top: 5rem;
  color: #fff;
  font-weight: 900;
  text-align: center;
  line-height: 7.8rem;
  font-size: 3.9rem;
}
/*7*/
.sec7{
  background: #e8ede0;
  padding-top: 5rem;
  padding-bottom: 14.5rem;
  margin-top: -8rem;
}
.sec7-bg1{position: absolute;width: 100%;top: 17rem;left: 0;}
.sec7-bg2{
  position: absolute;
  width: 100%;
  bottom: 0rem;
  left: 0;
  /*display: none;*/
}
.sec7 .container{
  z-index: 5;
  position: relative;
  padding-top: 10rem;
}
.sec7-product-list{
  margin-top: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec7-product-list .pdBox{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: calc(100% / 5);
  cursor: pointer;
}
.sec7 .pdTitle{
  margin: 3rem;
  /*max-height: 3rem;*/
}
.sec7 .pdTitle img{
  max-height: 4.5rem;
}
.sec7 .pdTitle-new{
  margin: 1.5rem;
  /*max-height: 3rem;*/
}
.sec7 .pdTitle-new img{
  max-height: 7.7rem;
}
.sec7-product-list .pdTxt{
  font-size: 3rem;
  text-align: center;
}
.sec7-product-list button{
  font-size: 3.6rem;
  color: #fff;
  margin-top: 3rem;
  border: 0;
  background: linear-gradient(135deg, rgba(20, 88, 53, 1) 0%, rgba(48, 145, 94, 1) 50%, rgba(19, 86, 52, 1) 99%);
  border-radius: 100px;
  padding: 5px 30px;
  cursor: pointer;
}
.sec7-product-list .pdBox02 button{
  background: linear-gradient(135deg, rgba(48, 145, 94, 1) 0%, rgba(96, 204, 147, 1) 50%, rgba(48, 145, 95, 1) 99%);
}
.sec7-product-list .pdBox03 button{
  background: linear-gradient(135deg, rgba(194, 81, 119, 1) 0%, rgba(214, 136, 159, 1) 50%, rgba(194, 81, 119, 1) 99%);
}
.sec7-product-list .pdBox04 button{
  background: linear-gradient(135deg, rgba(55, 94, 153, 1) 0%, rgba(83, 174, 238, 1) 50%, rgba(55, 94, 153, 1) 99%);
}
.sec7-product-list .pdBox05 button{
  background: linear-gradient(135deg, rgba(107, 0, 0, 1) 0%, rgba(177, 45, 30, 1) 50%, rgba(107, 0, 0, 1) 99%);
}
.sec7-product-list .pdBox06 button{
 background: linear-gradient(135deg, rgba(136, 76, 31, 1) 0%, rgba(184, 116, 60, 1) 50%, rgba(136, 76, 31, 1) 100%);
}

.sec7-product-list button span{
  font-size: 2rem;
  position: absolute;

}
.sec7-product-box{width: 118.3rem;height: 43.8rem;background: url(../images/sec7_boxbg.png?t=2024);background-size: cover;margin:0rem auto;margin-bottom: 8rem;position: relative;display: flex;}
.sec7-product-box:nth-child(even){
  flex-direction: row-reverse;
}

.sec7-product-pic{
  position: relative;
  width: 51.2rem;
  margin-left: -2.5rem;
  top: -3.3rem;
}
.sec7-product-box:nth-child(even) .sec7-product-pic{margin-left: 0;margin-right: -2.5rem;}
.sec7-product-txts{
  width: calc(100% - 51.2rem);
  display: flex;
  justify-content: center;align-items: center;
  flex-direction: column;
}
.sec7-product-txts h3{font-size: 9.1rem;font-weight: 500;text-align: center;}
.sec7-product-txts h3 span{font-size: 3rem;color: #1d804e;display: block;}
.sec7-product-txts p{font-size: 3rem;text-align: center;font-weight: 500;margin: .75em 0 1em 0;}
.sec7-product-txts ul{display: flex;}
.sec7-product-txts li{
  margin:0 .6rem;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  background: linear-gradient(135deg,  rgba(20,88,53,1) 0%,rgba(48,145,94,1) 50%,rgba(19,86,52,1) 99%); 
  height: 8.3rem;padding: 0 1.5em;justify-content: center;align-items: center;display: flex;border-radius: 4rem;
  min-width: 12rem;
  text-align: center;
}
.sec7-box4 .sec7-product-txts ul{margin-left: 6rem;}

/*8*/
.sec8{background: url(../images/sec8_bg.png?t=2024);height: 63.7rem;margin:-1.7rem 0 -1.2rem 0;background-size: cover;padding-top: 1.7rem;overflow: initial;}
.sec8-ball{width: 35.2rem;position: absolute;top: -2rem;left: 28rem;z-index: 2;}


.sec8 .container{padding-left: 55rem;padding-top: 3rem;}


.sec8-product-list{}



.sec8 p{font-size: 3rem;font-weight: 500;color: #2e2e2e;line-height: 1.5em;margin: .5em 0;}
.sec8 p:nth-of-type(1){width: 20em;margin-bottom: 1em;}

.sec9{
	padding-top: 11rem;
	background: #e8ede0;
  padding-bottom: 13.6rem;
}
.sec9 .sec-cube{
  top: 26rem;
}
.sec9 .sec-title p::before{
  content: "";
  width: 17.4rem;
  height: 7.4rem;
  background: url(../images/title_light.png?t=2024);
  position: absolute;
  mix-blend-mode: screen;
  left: -2.5rem;
  top: -2.5rem;
  background-size: cover;
}

.sec9 .sec-title p::after{
  content: "";
  width: 17.4rem;
  height: 7.4rem;
  background: url(../images/title_light.png?t=2024);
  position: absolute;
  mix-blend-mode: screen;
  right: 13rem;
  bottom: -3.6rem;
  background-size: cover;
}


.fixed-btns > div{position: relative;}
.sec2 .sec-title-light{
  margin-left: 29rem;
  margin-top: -6.5rem;
  width: 84.6rem;

}
.sec2 .sec-title{
  margin-top: 10rem;
  width: 148.9rem;
}
.secsp_v2{
  background-color: #251e19;
  max-height: 100dvh;
  width: 100%;
  overflow: hidden;
}
.d-flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec7 .sec-title-light{
  margin-left: 5rem;
  margin-top: -5rem;
  filter: opacity(0.4);
  width: 78.6rem;
}
.sec7-title-s2{
  margin: 8rem auto;
  width: 60rem!important;
}

.step-main_v2 {
    margin-top: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.step-main_v2 .step-box {
    position: relative;
    width: 40rem;
    height: 54.6rem;
    /* transform: skew(-3deg); */
    overflow: hidden;
    margin: 0 10px;
    clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);

}
.step-main_v2 .step-box .step-bg {
  background-size: cover;
    width: 40rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.step-main_v2 .step-box.step1 .step-bg {
    background: url(../images/step_step1.jpg?t=2024) center center no-repeat;
}
.step-main_v2 .step-box.step2 .step-bg {
    background: url(../images/step_step2.jpg?t=2024) center center no-repeat;
}
.step-main_v2 .step-box.step3 .step-bg {
    background: url(../images/step_step3.jpg?t=2024) center center no-repeat;
}
.step-main_v2 .step-bg::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .42);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.step-main_v2 .step-bg::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/video_mask.png?t=2024) left top repeat;
}
.step-main_v2 .step-txt {
    color: #fff;
    position: absolute;
    height: 195px;
    bottom: 0;
    padding: 0 5rem 0 4rem!important;
    width: 100%;
}

.step-main_v2 .step-txt .step-txtbg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(0%, 100%);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.step-main_v2 .step-box .step-txtbg {
    background: #27a65d;
    opacity: .9;

}

.step-main_v2 .step-txt h3 {
    text-align: center;
    font-size: 3.6rem;
    line-height: 1em;
    /*transform: skew(5deg);*/
    margin: 1.25rem 0 1rem 0;
    z-index: 2;
}
.step-main_v2 .step-txt p {
    font-size: 2rem;
    line-height: 1.5em;
    /*transform: skew(5deg);*/
    letter-spacing: .125em;
    color: #fff;
    z-index: 2;

}
/*.product-lightbox .con{
  background-color: #fff;
  width: 600px;
  height: 1000px;
  max-height: 95dvh;
}
.product-lightbox .pro-con{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.product-lightbox .title{
  margin: 3.5rem 0;
}
.product-lightbox p{
  text-align: center;
  font-size: 3rem;
}
.product-lightbox .tags-list{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.2rem;
  color: #1a643d;
  flex-wrap: wrap;
}
.product-lightbox .tags-list .tag{
  padding: 0.1rem;
  margin: 1rem;
  font-size: 2rem;
  border-radius: 100px;
  background: linear-gradient(135deg, rgba(182, 146, 94, 1) 0%, rgba(255, 242, 179, 1) 50%, rgba(180, 144, 92, 1) 100%);
  height: 4.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.product-lightbox .tags-list .tag span{
  background-color: #fff;
  padding: 0.5rem 1.5rem;
  width: calc(100% - 0.2rem);
  height: calc(100% - 0.2rem);
  border-radius: 100px;
  height: 3.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pro-list{
  padding: 3rem 1.5rem;
}
.pop-close{
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  width: 5.1rem;
  height: 5.1rem;
}
.buy-btn{
  font-size: 3.6rem;
  color: #fff;
  margin-top: 2rem;
  border: 0;
  background: linear-gradient(135deg, rgba(20, 88, 53, 1) 0%, rgba(48, 145, 94, 1) 50%, rgba(19, 86, 52, 1) 99%);
  border-radius: 100px;
  padding: 5px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.product-lightbox .prod2 .buy-btn{
  background: linear-gradient(135deg, rgba(48, 145, 94, 1) 0%, rgba(96, 204, 147, 1) 50%, rgba(48, 145, 95, 1) 99%);
}
.product-lightbox .prod3 .buy-btn{
  background: linear-gradient(135deg, rgba(194, 81, 119, 1) 0%, rgba(214, 136, 159, 1) 50%, rgba(194, 81, 119, 1) 99%);
}
.product-lightbox .prod4 .buy-btn{
  background: linear-gradient(135deg, rgba(55, 94, 153, 1) 0%, rgba(83, 174, 238, 1) 50%, rgba(55, 94, 153, 1) 99%);
}
.product-lightbox .prod5 .buy-btn{
  background: linear-gradient(135deg, rgba(107, 0, 0, 1) 0%, rgba(177, 45, 30, 1) 50%, rgba(107, 0, 0, 1) 99%);
}
.buy-btn span{
  margin-left: 1rem;
}
.product-lightbox .pd_photo{
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-lightbox .title{
  height: 4.6rem;
}
.product-lightbox .title img{
  max-height: 100%;
}*/

/*product lightbox*/
/*
.product-lightbox{
    background:rgba(0,0,0,.77);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 1;
}
*/

/*product lightbox mb */
@media screen and (max-width: 800px){

  .container,.secsp .container{width: calc(100% - 7.2rem);}
  img{width: 100%;max-width: initial;}
  .secsp .sec-title{width: 46.5rem;}
  .sec3 .sec-title{
    width: calc(96.8rem * .53);
  }
  .sec6 .sec-title{width: calc(69.6rem * .53);}
  .sec7 .sec-title{width: calc(61rem * .53);}
  .sec8 .sec-title{width: 39.1rem;margin:0 auto;}
  .sec9 .sec-title{width: calc(76rem * .53);}

  /*sec2*/
  .sec2{padding-top: 10rem;padding-bottom: 5rem;}
  .sec2-video{width: 57.4rem;}

  /*sec3 mb*/
  .sec3{
   /* padding-top: 5rem;*/
    padding-bottom: 5rem;
  }
  .sec3 .sec-txt{font-size: 2.5rem;line-height: 3.5rem;text-align: center;margin-bottom: 2em;}
  .sec3-sptxt{width: 54.8rem;margin: 0 auto;margin-bottom: 5rem;}
  .sec3-product{width: 56.8rem;margin: 0 auto;}
  .sec-tip{font-size: .87rem;text-align: center;line-height: 2em;}
  /*sec4*/
  .sec4{
    /*background:#e1dad6;*/
    padding-bottom: 4rem;
    /*padding-top: 4rem;*/
  }

  .sec4-cube{position: absolute;bottom: 35rem;left: 0;width: 100%;}

  .sec4-main{
    position: relative;
    /*width: 57.3rem;*/
    /*margin-top: 4rem;*/
  }
  .sec4-main-ing{position: absolute;width: 57.3rem;top: 2rem;left: 50%; transform: translateX(-50%);}
  .sec4-main-txts{
    position: absolute;
    top: 3rem;
    left: 3rem;
    color: #fff;
  }
  .sec4-main-txts h4{font-size: 3.4rem;text-shadow: .15em .15em .5em rgba(2,57,29,0.6);}
  .sec4-main-txts p{font-size: 2.2rem;line-height: 1.25em;margin-top: 1em;text-shadow: .15em .15em .5em rgba(2,57,29,0.6);}
  .sec4-list{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-top: 4rem;
      margin-left: 3.5rem;
      width: calc(100% - 7rem);
  }

  .sec4-txt{
      position: relative;
      bottom: 0;
      width: calc(100% - 32.4rem);
      padding-left: 0rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  .sec4-box{display: flex;width: 100%;}
  .sec4-box.sec4-box2{
    /*flex-direction: row-reverse;*/
  }
  .sec4-box.sec4-box2 .sec4-txt{padding-left: 2rem;}
  .sec4-box.sec4-box1 .sec4-txt{
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: justify;

  }
  .sec4-box .sec4-txt{
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: justify;
  }
  .sec4-box.sec4-box4 .sec4-txt p{
    font-size: 1.8rem;
    letter-spacing: 0.24rem;
  }
  .sec4-txt h3{
    font-size: 3rem;
    line-height: 1em;
    margin-bottom: .5em;
    height: auto;
  }
  .sec4-box1 h3{width: 23.4rem;}
  .sec4-box2 h3{width: 23.4rem;}/*14rem mb*/
  .sec4-box3 h3{width: 23.4rem;}/*12rem mb*/
  .sec4-box4 h3{width: 23.4rem;}/*20.5*/
  .sec4-box5 h3{width: 22.8rem;} 

  .sec4-txt p{
    font-size: 2.3rem;
    /*color: #2e2e2e;*/
    line-height: 1.5em;
    letter-spacing: -0.08em;
  }
  .sec4-txt p br{display: none;}

  .sec4-pic{width: 32.4rem;}

  /*sec5*/

  .sec5-txts{
    position: absolute;
    width: 47.9rem;top: 5rem;
    left: 50%;
    transform: translateX(-50%);
    margin:0 auto;
    display: flex;
    justify-content: center;align-items: center;
    flex-direction: column;
  }
  .sec5-txts .sec5-span{width: 27.8rem;}
  .sec5-txts .sec5-title{margin-top: 3rem;width: 100%;margin-left: 0}
  .sec5-txts p{font-size: 2.5rem;line-height: 3.2rem;margin-top: 2rem;}

  .sec5-spname{
    width: 19rem;
    position: absolute;
    bottom: 26rem;
    left: initial;
    right:1rem;
  }

  /*sp*/
  .secsp {}
  .secsp .container{left: 3.6rem;padding-top: 3rem;}


  .secsp h3{font-size: 3rem;text-align: center;color: #fff;font-weight: 500;margin-top: 1em;margin-bottom:.5em;}
  .secsp .sec-txt{color: #fff;font-size: 2.5rem;text-align: center;}

  .secsp-pic{
    position: relative;
    margin-top: 49rem;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .secsp-pic h3{
    font-size: 4rem;
    top: 12rem;
    margin:0;
  }
  .secsp-pic p{
    font-size: 2.5rem;
    top: 18rem;
    line-height: 2em;
  }

  .secsp-ing{width: 50rem;margin:0 auto;margin-top: -13rem;}
  .secsp-ing img{width: 27.1rem;margin:0 auto;}
  .secsp-ing h3{
    font-size: 4.5rem;
    margin-top: 5rem;
  }
  .secsp-ing p{
    font-size: 2.5rem;
    line-height: 2em;
  }

  .secsp-bottom{position: relative;display: flex;justify-content: center;padding-top: 6rem;}
  .secsp-bottom-txt{
    width: 27.1rem;
  }

  .secsp-bottom-pro{width: 28.6rem;position: relative;margin-left: 1rem;margin-top: 4rem;}
  .secsp-bottom-pro > img{position: relative;z-index: 2;}
  .secsp-bottom-pro-ing{width: 100%;position: absolute;left: 0;top:0;z-index: 1;mix-blend-mode: screen;}
  .secsp-bottom-pro-bg{position: absolute;width: 60rem;z-index: 0;left: 60%;transform: translateX(-50%);top: -20rem;}

  /*sec6*/
  .sec6{padding-bottom: 5rem;} /*5rem*/
  .sec6-pics{width: 57.3rem;display: block;}
  .sec6-pics-txts p{font-size: 2.5rem;}
  .sec6-pic1{position: absolute;top: 0;}
  .sec6-pic1 .sec6-pics-txts{top: 0;}
  .sec6-pic1 .sec6-pics-txts img{width: 19.6rem;}
  .sec6-pic2 .sec6-pics-txts{width: 17.7rem;bottom: 2rem;}
  .sec6 .sec-txt{margin-top: 0em;}
  .sec6 h4{font-size: 4.5rem;}
  .sec6 h4::before,.sec6 h4::after{width: 4.4rem;height: .1rem;margin: 0 1.5rem;}

  .sec6-peos{padding-top: 5rem;padding-right:1.6rem }/*20260424 newadd padding-right mb*/
  .sec6-peos ul li{width: 55.7rem;height: 14.3rem;display: flex;align-items: center;margin:0rem;margin-bottom: 3.8rem;} 

  .sec6-peo{width: 12.6rem;}

  .sec6-peo-txts{padding-left: 1rem;width: calc(100% - 12.6rem)}

  .sec6-peo-txts span{font-size: 2.2rem;}
  .sec6-peo-txts p{font-size: 2.9rem;}
  .sec6-peo-txts p b{font-weight: bold;}
  .sec6-icons{
    padding-top: 5rem;

  }
  .sec6-icons ul{display: flex;
    justify-content: space-between;align-items: center;margin-top: 5rem;flex-wrap: wrap;}
  .sec6-icons li{  width: 26.7rem;margin-bottom: 5rem;}
  .sec6-icon-txt{
    width: 23.6rem;
    height: 6.2rem;
    margin:0 auto;
    margin-top: 2.7rem;
    line-height: 6.2rem;
    font-size: 3.3rem;

  }
  /*sec7*/
  .sec7 .container{width: calc(100% - 3.6rem)}
  .sec7{
    background: #e8ede0;
    padding-top: 5rem;
    /*padding-bottom: 5rem;*/
  }

  .sec7-bg1{position: absolute;width: 100%;top: 17rem;left: 0;}
  .sec7-bg2{position: absolute;width: 100%;bottom: 0rem;left: 0;}
  .sec7-product-list{
    margin-top: 4rem;
  }
  .sec7-product-box{width: 61.4rem;height: 32.2rem;background: url(../images/mb/sec7_boxbg.png?t=2024);background-size: cover;margin:0rem auto;margin-bottom: 8rem;position: relative;display: flex;}
  .sec7-product-box:nth-child(even){
    flex-direction: row-reverse;
  }

  .sec7-product-pic{
    position: relative;
    width: 26.7rem;
    margin-left: 0rem;
    top: -2rem;
  }

  .sec7-product-box:nth-child(even) .sec7-product-pic{margin-left: 0;margin-right: 0rem;}
  .sec7-product-txts{
    width: 100%;
    position: absolute;
    left: 0;bottom: 3rem;
    display: flex;
    justify-content: center;align-items: center;
    flex-direction: column;
  }
  .sec7-product-txts h3{font-size: 5.5rem;padding-left: 18rem;}
  .sec7-product-box:nth-child(even) .sec7-product-txts h3{padding-left: 0rem;padding-right: 18rem;}
  .sec7-product-txts h3 span{font-size: 3rem;}
  .sec7-product-txts p{font-size: 3rem;margin: .75em 0 1em 0;padding-left: 18rem;}
  .sec7-product-box:nth-child(even) .sec7-product-txts p{padding-left: 0rem;padding-right: 18rem;}
  .sec7-product-txts ul{display: flex;}
  .sec7-product-txts li{
    margin:0 .6rem;
    color: #fff;
    font-size: 1.6rem;
    height: 5.8rem;padding: 0 1.5em;
    border-radius: 4rem;
    min-width: initial;
    text-align: center;
  }
  .sec7-box4 .sec7-product-txts ul{margin-left: 0rem;}

  /*sec8*/
  .sec8{background: url(../images/mb/sec8_bg.jpg?t=2024);height: 93.2rem;margin:0;padding-top: 4rem;background-size: cover;}
  .sec8 .container{padding: 0;}

  .sec8 p{font-size: 2.5rem;font-weight: 500;color: #2e2e2e;line-height: 1.5em;margin: .5em auto;width: 20em;}
  .sec8 p:nth-of-type(1){margin-bottom: 1em;}

  .sec8-ball{width: 58.8rem;left: 50%;transform: translateX(-50%);top: initial;bottom: -3rem;}
  /*sec9*/
  .sec9{padding-top: 5rem;padding-bottom: 5rem;}
  .step-main{margin-top: 3rem;}
  h2 p{font-size: 4.5rem;}
  .step-pic{width: 32.4rem;}
  .step-txt {
      position: relative;
      bottom: 0;
      width: calc(100% - 32.4rem);
      padding-left: 0rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }

  .step-txt h3{font-size: 3rem;}
  .step-txt p{font-size: 2.5rem;line-height: 3.5rem;}
  .step-box.step1 .step-txt{padding-left: 0}
  .step-box.step2 .step-txt{padding-left: 2rem;letter-spacing: -.1em;}
  .step-box.step2 .step-txt br{display: none;}


  .fixed-btns{
    display: block;
  }
  .fixed-btns > div{position: absolute;width: 50%;height: initial;height: 100%;left: 0;display: block;bottom: 0;}
  .fixed-btns > div.fbtn2{left: 50%;}
  .fixed-btns > div img{display: none;}
  .secsp_v2{
    max-height: 600px;
  }
  .sec3-no1{
    width: calc(26.3rem * 0.53)
  }
  .sec3-sptxt-h{
    width: calc(46.6rem * 0.53);
    margin-left: calc(6rem * 0.53);
  }
  .sec3-sptxt{
    width: calc(62.1rem * 0.53);
  }
  .sec3_no1_area{
    flex-direction: column-reverse;
  }
  .sec7-product-list .pdBox{
    width: 50%;
    margin-bottom: 6rem;
  }
  .sec7-product-list{
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .sec7-title-s2{
    width: calc(60rem * 0.53)!important;
  }
  .step-main_v2 {
      margin-top: 0vw;
      width: 100%;
      flex-direction: column;
  }
  .step-main_v2 .step-box {
      width: 100%;
      transform: none;
      margin: 10px 0;
      height: 39.652vw;
      clip-path: none;
  }
  .step-main_v2 .step-box .step-bg{
    width: 114%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -7%;
    background-size: cover!important;
  }
  .step-main_v2 .step-box.step1 .step-bg {
      background: url(../images/mb/step_step1.jpg?t=2024) center center no-repeat;
  }
  .step-main_v2 .step-box.step2 .step-bg {
      background: url(../images/mb/step_step2.jpg?t=2024) center center no-repeat;
  }
  .step-main_v2 .step-box.step3 .step-bg {
      background: url(../images/mb/step_step3.jpg?t=2024) center center no-repeat;
  }
  .step-main_v2 .step-txt {
      width: 49.65%;
      height: 100%;
      right: 0;
      padding: 0 5%;
  }
  .step-main_v2 .step-box:hover .step-txt .step-txtbg {
      transform: translate(0%, 0%) skew(-3deg);
      width: 110%;
  }
  .step-main_v2 .step-txt h3 {
      transform: none;
      position: relative;
  }
  .step-main_v2 .step-txt p {
      transform: none;
      position: relative;
      letter-spacing: 0.0625em;
  }
  .sec4-txt-light img{
    max-width: 200%;
    max-height: initial;
    margin-left: -9rem;
  }
  .sec4-txt-light{
    width: 70vw;

  }
  .sec4-box4 .sec4-txt h3{
    height: 6.6rem;
  }
  .sec6-peos{
    height: 600px;
    overflow-y: auto;
  }
  .sec5-sub_title{
    letter-spacing: 0.6rem;
	margin-left:0; /*20260423 newadd mb */
	margin-bottom:2.5em/*20260423 newadd mb */
  }
/*  .product-lightbox .con{
    width: 90%;
    height: 80%;
  }*/
  .pop-close{
    width: 8rem;
  }
   .sec2 .sec-title{
    width: 42rem;
    margin-top: 5rem;
  }
  .sec2 .sec-title-light{
    margin-top: -3.5rem;
    margin-left: -3rem;
    width: 42.2rem;
  }
  .sec7 .sec-title-light{
    width: 18rem;
    margin-top: -3.3rem;
    /*margin-left: 0;*/
  }
  .sec3 .sec-dec{
    width: 50vw;
    margin: 7rem auto;
  }
  .sec3 .sec-title-light{
    display:  none;
  }
  .product .con{
        padding-bottom: 18.75vw;
    }
    .product-title{
        width: 59.3vw;
        margin-top: 18.75vw;
        margin-bottom: 5vw;
    }
    .product-list{
        flex-wrap: wrap;
        width: calc(40.625vw * 2 + 20px);
        justify-content: flex-start;
    }
    .product-box{
        margin-top: 9.375vw;
    }
    .product-main{
        width: 24.21875vw;
    }
    .product-img{
        width: 24.21875vw;
    }
    .product-box:nth-child(1) .product-img,
    .product-box:nth-child(2) .product-img,
    .product-box:nth-child(3) .product-img,
    .product-box:nth-child(4) .product-img,
    .product-box:nth-child(5) .product-img{
        width: 26.21875vw;
    }
    .product-info{
        width: 40.625vw;
        margin-top: -7.8125vw;
    }
    .product-area{
        height: 16.875vw;
    }
    .product-txt{
        height: 25vw;
    }
    .product-txt{
        padding: 3vw 3vw;
    }
    .product-light{
        width: 60.3125vw;
        height: 76.09375vw;
    }
    .product-box.active .product-light{
        opacity: 1;
    }
    .product-box.active .product-name{
        opacity: 1;
    }
    .btn-pro-more{
        width: 19.625vw;
        height: 7.1875vw;
        line-height: 7.1875vw;
        bottom: -1.2vw;
        right: 1vw;
    }
    .btn-pro-more::after{
        width: 1.40625vw;
        height: 1.5625vw;
        background-size: cover;
    }
    .product-sp1{
        width: 38.28125vw;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    .doctor .con::before{
            border-color: #96e378 transparent transparent transparent;
    }
    .product-sp1 .product-msg{
        width: 31.71875vw;
        position: absolute;
        left: -20vw;
        top: -10vw;
    }
    .product-sp2{
        width: 31.40625vw;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    .product-sp2 .product-msg{
        width: 47.1875vw;
        position: absolute;
        left: -30vw;
        top: 0vw;
    }

    
}

.fixed-btns > div a{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.secsp-bottom.act .secsp-bottom-txt-h::after {

    -webkit-animation: kv-btn-act 5s ease 0s infinite normal both;
    animation: kv-btn-act 5s ease 0s infinite normal both;
}

.sec3-sptxt-h.act{
    -webkit-animation: sec3-sptxt 5s ease 0s infinite normal both;
    animation: sec3-sptxt 5s ease 0s infinite normal both;
}
.secsp-bottom-pro-m{
  transform: scale(.75);
  transform-origin: 100% 70%;

}
.secsp-bottom.act .secsp-bottom-pro-m{
    -webkit-animation: pro-m 5s ease 0s;
    animation: pro-m 5s ease 0s;
    animation-delay: 2s;
}
@-webkit-keyframes pro-m {
    0% {
        -webkit-transform: scale(.75);
    }

    10% {
        -webkit-transform: scale(1.05);
    }

    20%{
      -webkit-transform: scale(1);
    }
    90%{-webkit-transform: scale(1);}
    100%{-webkit-transform: scale(.75);}
}

@-webkit-keyframes sec3-sptxt {
    0% {
        -webkit-transform: scale(.95);
    }

    10% {
        -webkit-transform: scale(1.05);
    }

    20%{
      -webkit-transform: scale(1);
    }
    90%{-webkit-transform: scale(1);}
    100%{-webkit-transform: scale(.95);}
}

@-webkit-keyframes kv-btn-act {
    from {
        -webkit-transform: translate(-200%,0%);
        transform: translate(-200%,0%);
    }

    to {
        -webkit-transform: translate(200%,0%);
        transform: translate(200%,0%);
    }
}

@keyframes kv-btn-act {
    from {
        -webkit-transform: translate(-200%,0%);
        transform: translate(-200%,0%);
    }

    to {
        -webkit-transform: translate(200%,0%);
        transform: translate(200%,0%);
    }
}

@media screen and (max-width: 576px){
  .secsp_v2{
    max-height: 75vw;
  }
 
  .sec6-peos{
    height: 48rem;
  }
  .pdBox .pdImg{
    width: calc(100% / 2 - 5px);
  }
  
}

@media screen and (min-width: 1151px) and (max-height:780px){
  .product-lightbox .pd_photo{
    max-height: 50dvh;
  }
  .product-lightbox .pd_photo img{
    max-height: 100%;
  }
}
@media screen and (min-width: 1151px) and (max-height:650px){
  .product-lightbox .pd_photo{
    max-height: 40dvh;
  }

  .product-lightbox .title{
    margin: calc(3.5rem* 0.7) 0;
    height: calc(4.6rem * 0.7);
  }
  .product-lightbox p{
    font-size: calc(3rem * 0.7);
  }
  
  .product-lightbox .tags-list .tag{
    font-size: calc(2rem * 0.8);
  }
  .buy-btn{
    font-size: calc(3.6rem * 0.7);
  }
  .buy-btn span{
    height: 2rem;
  }
  .buy-btn span img{
    max-height: 100%;
  }
}