.spKv {
     position: relative;
     width: 100%;
     min-width: 320px;
     height: auto;
     background-color: #000;
}

.spKv .container {
     height: calc(100vw / 0.73);
}

.spKv_product {
     position: relative;
     width: 100%;
     height: calc(100vw / 0.73);
     z-index: 1;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
}

.water5_0 .spKv_product {
     background-color: #00b7ee;
}

.water5_1 .spKv_product {
     background-color: #3eaa50;
}

.water5_2 .spKv_product {
     background-color: #ffd322;
}

.spKv_product_title {
     position: relative;
     margin: 65px 0 0 0;
     width: 53%;
     height: auto;
}

.spKv_product_img {
     position: relative;
     margin: 40px 0 0 0;
     width: 44%;
     height: auto;
}

.spKv_bg_mb {
     position: relative;
     width: 100%;
     height: calc(100vw / 0.93);
     background-position: center bottom;
     background-repeat: no-repeat;
     background-size: 110% auto;
}

.water5_0 .spKv_bg_mb {
     background-image: url(../images/spPage/water5_0/kvBg.jpg);
}

.water5_1 .spKv_bg_mb {
     background-image: url(../images/spPage/water5_1/kvBg.jpg);
}

.water5_2 .spKv_bg_mb {
     background-image: url(../images/spPage/water5_2/kvBg.jpg);
}

.spKv_bg_mb_mask {
     position: absolute;
     width: 100%;
     height: calc(100vw / 2.08);
     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.spKv_kinfe {
     position: relative;
     width: 100%;
     height: 150px;
}

.water5_0 .spKv_kinfe {
     background-color: #0068b7;
}

.water5_1 .spKv_kinfe {
     background-color: #067d30;
}

.water5_2 .spKv_kinfe {
     background-color: #f6b900;
}

.spKv_kinfe .container {
     height: 150px;
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
}

.spKv_kinfe_text {
     position: relative;
     color: #fff;
}

.spKv_kinfe_text_title0 {
     font-size: 0.875rem;
}

.spKv_kinfe_text_title1 {
     font-size: 1rem;
}

.spKv_kinfe_text_num {
     position: relative;
     width: 62px;
     height: 22px;
     border: 1px solid #fff;
     font-size: 0.8125rem;
     border-radius: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
}

.spKv_kinfe_img {
     position: relative;
     width: auto;
     height: 80px;
     margin: 0 0 0 35px;
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
}

.spKv_kinfe_img img {
     position: relative;
     display: block;
     width: auto;
     height: 100%;
     margin: 0 10px 0 0;
}

.intro {
     position: relative;
     width: 100%;
     min-width: 320px;
     height: 390px;
     background-color: #051437;
}

.intro .container {
     height: 390px;
}

.intro_text {
     position: relative;
     height: 390px;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
     z-index: 1;
}

.intro_title {
     width: 53%;
     margin: 57px 0 0 0;
}

.intro_text p {
     position: relative;
     margin: 20px 0 0 0;
     color: #fff;
     font-weight: 400;
     font-size: 1rem;
     line-height: 1.5625rem;
     text-align: center;
}

.intro_bg_mb {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 390px;
     background-position: 50% 100%;
     background-repeat: no-repeat;
     background-size: 100% auto;
}

.water5_0 .intro_bg_mb {
     background-image: url(../images/spPage/water5_0/introTextBg_m.jpg);
}

.water5_1 .intro_bg_mb {
     background-image: url(../images/spPage/water5_1/introTextBg_m.jpg);
}

.water5_2 .intro_bg_mb {
     background-image: url(../images/spPage/water5_2/introTextBg_m.jpg);
}

.video {
     position: relative;
     width: 100%;
     min-width: 320px;
     height: calc(100vw / 1.77);
     background-color: #000;
}

.video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: block;
}

.video video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: block;
}

.info {
     position: relative;
     width: 100%;
     min-width: 320px;
     height: auto;
}

.info_area0 {
     position: relative;
     width: 100%;
     height: auto;
}

.info_area1 {
     position: relative;
     width: 100%;
     height: auto;
}

.info_text {
     position: relative;
     width: 100%;
     height: auto;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     padding: 35px 0;
}

.info_text ul {
     position: relative;
     width: 100%;
     height: auto;
}

.info_text li {
     position: relative;
     width: calc(100% - 120px);
     padding: 0 60px;
     margin: 15px 0;
     height: auto;
     display: inline-flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
}

.info_text li img {
     position: relative;
     width: 80px;
     height: auto;
     margin: 0 20px 0 0;
}

.info_text_cont {
     position: relative;
     width: 100%;
}

.info_text_cont_title {
     font-size: 1.25rem;
     line-height: 1.75rem;
     font-weight: 500;
     color: #000;
     margin: 0 0 0.625rem 0;
}

.info_text_cont_text {
     font-size: 1.125rem;
     line-height: 1.5rem;
     font-weight: 300;
     color: #000;
}

.info_bg_mb {
     position: relative;
     width: 100%;
     height: calc(100vw / 2.02);
     background-position: 50% 50%;
     background-repeat: no-repeat;
     background-size: cover;
}

.water5_0 .info_bg_mb {
     background-image: url(../images/spPage/water5_0/infoImg.png);
}

.water5_1 .info_bg_mb {
     background-image: url(../images/spPage/water5_1/infoImg.png);
}

.water5_2 .info_bg_mb {
     background-image: url(../images/spPage/water5_2/infoImg.png);
     background-position: 50% 20%;
}

.info_area1 .info_text li {
     text-align: center;
}

.info_area1 .info_bg_mb {
     height: calc(100vw / 1.78);
     background-position: 0 20%;
     background-repeat: no-repeat;
     background-size: 90% auto;
}

.water5_0 .info_area1 .info_bg_mb {
     background-image: url(../images/spPage/water5_0/infoKnife.png);
}

.water5_1 .info_area1 .info_bg_mb {
     background-image: url(../images/spPage/water5_1/infoKnife.png);
}

.water5_2 .info_area1 .info_bg_mb {
     background-image: url(../images/spPage/water5_2/infoKnife.png);
}

@media (min-width: 768px) {
     .spKv_bg_pc {
          position: absolute;
          top: 0;
          right: 0;
          width: calc(100% / 3 * 2);
          height: 700px;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
     }

     .water5_0 .spKv_bg_pc {
          background-image: url(../images/spPage/water5_0/kvBg.jpg);
     }

     .water5_1 .spKv_bg_pc {
          background-image: url(../images/spPage/water5_1/kvBg.jpg);
     }

     .water5_2 .spKv_bg_pc {
          background-image: url(../images/spPage/water5_2/kvBg.jpg);
     }


     .spKv .container {
          height: 700px;
          display: block;
     }

     .spKv_product {
          position: relative;
          width: calc(100% / 3);
          height: 700px;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: center;
     }

     .spKv_product_title {
          width: 80%;
          height: auto;
          margin: 100px 0 0 0;
     }

     .spKv_product_img {
          width: 70%;
          height: auto;
          margin: 65px 0 0 0;
     }

     .spKv_kinfe {
          height: 250px;
     }

     .spKv_kinfe .container {
          height: 250px;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
     }

     .spKv_kinfe_text {
          position: relative;
          width: calc(100% / 3);
          margin-left: calc(100% / 3);
          padding: 0 0 0 75px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
     }

     .spKv_kinfe_text_title0 {
          font-size: 1.25rem;
     }

     .spKv_kinfe_text_title1 {
          font-size: 2.1875rem;
     }

     .spKv_kinfe_text_num {
          width: 100px;
          height: 40px;
          font-size: 1.25rem;
          border-radius: 50px;
     }

     .spKv_kinfe_img {
          position: relative;
          width: calc(100% / 3);
          height: 172px;
          margin: 0 0 0 90px;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
     }

     .spKv_kinfe_img img {
          position: relative;
          display: block;
          width: auto;
          height: 100%;
          margin: 0 30px 0 0;
     }

     .intro {
          height: 600px;
     }

     .intro_bg_pc {
          position: absolute;
          top: 0;
          right: 0;
          width: calc(100% / 3 * 2);
          height: 600px;
          background-position: 0 50%;
          background-repeat: no-repeat;
          background-size: cover;
     }

     .water5_0 .intro_bg_pc {
          background-image: url(../images/spPage/water5_0/introBg.jpg);
     }

     .water5_1 .intro_bg_pc {
          background-image: url(../images/spPage/water5_1/introBg.jpg);
     }

     .water5_2 .intro_bg_pc {
          background-image: url(../images/spPage/water5_2/introBg.jpg);
     }


     .intro_bg_pc_L {
          position: absolute;
          top: 0;
          left: 0;
          width: calc(100% / 3 * 1);
          height: 600px;
          background-position: 0 50%;
          background-repeat: no-repeat;
          background-size: 100% 100%;
     }

     .water5_0 .intro_bg_pc_L {
          background-image: url(../images/spPage/water5_0/introTextBg.jpg);
     }

     .water5_1 .intro_bg_pc_L {
          background-image: url(../images/spPage/water5_1/introTextBg.jpg);
     }

     .water5_2 .intro_bg_pc_L {
          background-image: url(../images/spPage/water5_2/introTextBg.jpg);
     }

     .intro .container {
          height: 600px;
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
     }

     .intro_text {
          position: relative;
          width: calc(100% / 3);
          height: 600px;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: center;
     }

     .intro_title {
          width: 85%;
          height: auto;
          margin: 230px 0 0 0;
     }

     .intro_text p {
          position: relative;
          margin: 45px 0 0 0;
          color: #fff;
          font-weight: 400;
          font-size: 1.625rem;
          line-height: 3.4375rem;
          text-align: left;
     }

     .video {
          height: calc(100vh - 135px);
     }

     .info_area0 .info_bg_pc {
          position: absolute;
          top: 0;
          right: 0;
          width: calc(100% / 3 * 1);
          height: 550px;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: cover;
     }

     .water5_0 .info_area0 .info_bg_pc {
          background-image: url(../images/spPage/water5_0/infoImg.png);
     }

     .water5_1 .info_area0 .info_bg_pc {
          background-image: url(../images/spPage/water5_1/infoImg.png);
     }

     .water5_2 .info_area0 .info_bg_pc {
          background-image: url(../images/spPage/water5_2/infoImg.png);
     }

     .info_area0 .info_bg_pc_L {
          position: absolute;
          top: 0;
          left: 0;
          width: calc(100% / 3 * 2);
          height: 550px;
          background-color: #fff;
     }

     .info_area0 .info_text {
          width: calc(100% / 3 * 2);
     }

     .info_area1 .info_bg_pc {
          position: absolute;
          top: 0;
          right: 0;
          width: calc(100% / 3 * 1);
          height: 550px;
          background-color: #fff;
     }

     .info_area1 .info_bg_pc_L {
          position: absolute;
          top: 0;
          left: 0;
          width: calc(100% / 3 * 2);
          height: 550px;
          background-color: #eee;
          background-position: 0 50%;
          background-repeat: no-repeat;
          background-size: 85% auto;
     }

     .water5_0 .info_area1 .info_bg_pc_L {
          background-image: url(../images/spPage/water5_0/infoKnife.png);
     }

     .water5_1 .info_area1 .info_bg_pc_L {
          background-image: url(../images/spPage/water5_1/infoKnife.png);
     }

     .water5_2 .info_area1 .info_bg_pc_L {
          background-image: url(../images/spPage/water5_2/infoKnife.png);
     }

     .info_area1 .info_text {
          margin-left: calc(100% / 3 * 2);
          width: calc(100% / 3 * 1);
     }

     .info .container {
          height: 550px;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          z-index: 1;
     }

     .info_text {
          height: 550px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding: 35px 0;
     }

     .info_text li {
          width: calc(100% - 60px);
          padding: 0 30px;
          margin: 27px 0;
          height: auto;
          display: inline-flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
     }

     .info_text li img {
          width: 150px;
          height: auto;
          margin: 0 65px 0 0;
     }

     .info_text_cont {
          position: relative;
          width: 100%;
     }

     .info_text_cont_title {
          font-size: 2.1875rem;
          line-height: 2.5rem;
          font-weight: 500;
          margin: 0 0 10px 0;
     }

     .info_text_cont_text {
          font-size: 1.25rem;
          line-height: 2.5rem;
          font-weight: 300;
     }

     .info_area1 .info_text li {
          text-align: left;
     }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
     .spKv_bg_pc {
          width: calc(((100% - 1200px) / 2) + (1200px / 3 * 2));
     }

     .intro_bg_pc {

          width: calc(((100% - 1200px) / 2) + (1200px / 3 * 2));
     }

     .intro_bg_pc_L {
          width: calc(((100% - 1200px) / 2) + (1200px / 3));
     }

     .info_area0 .info_bg_pc {
          width: calc(((100% - 1200px) / 2) + (1200px / 3 * 1));
     }

     .info_area0 .info_bg_pc_L {
          width: calc(((100% - 1200px) / 2) + (1200px / 3 * 2));
     }

     .info_area1 .info_bg_pc {
          width: calc(((100% - 1200px) / 2) + (1200px / 3 * 1));
     }

     .info_area1 .info_bg_pc_L {
          width: calc(((100% - 1200px) / 2) + (1200px / 3 * 2));
     }
}

@media (min-width: 1440px) {}

@media (min-width: 1920px) {}