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

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

.spKv_bg_mb {
     position: relative;
     width: 100%;
     /* height: calc(100vw / 0.93); */
     height: auto;
     padding: 50px 0 0 0;
}

.spKv_bg_mb img {
     position: relative;
     width: 100%;
     height: auto;
     display: block;
}

.spKv_kinfe {
     position: relative;
     width: 100%;
     height: 150px;
     background-color: #fff;
}


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

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

.spKv_kinfe_text_title0 {
     font-size: 0.875rem;
}

.spKv_kinfe_text_title1 {
     font-size: 1.1875rem;
     font-weight: bold;
}

.spKv_kinfe_text_num {
     position: relative;
     width: 62px;
     height: 22px;
     border: 1px solid #000;
     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 60px;
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
}

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

.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_area_img {
     position: relative;
     width: 100%;
     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;
}

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

.info ul {
     position: relative;
     width: 100%;
     height: auto;
     background-color: #004793;
}

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

.info li img {
     position: relative;
     width: 130px;
     height: auto;
     margin: 50px 0 30px 0;
}

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

.info_text_cont_title {
     font-size: 1.25rem;
     line-height: 1.75rem;
     font-weight: 700;
     color: #fff;
     margin: 0 0 0.625rem 0;
     text-align: center;
}

.info_text_cont_text {
     font-size: 1rem;
     line-height: 1.5rem;
     font-weight: 500;
     color: #fff;
     text-align: center;
     margin: 0 0 50px 0;
}

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

.info_area1 .info_bg_mb {}


@media (min-width: 768px) {

     .spKv .container {
          height: auto;
     }

     .spKv_bg_pc {
          position: relative;
          width: 100%;
          height: auto;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
     }

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

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

     .spKv_cont_pc {
          position: relative;
          width: 100%;
          height: auto;
          display: block;
     }

     .spKv_kinfe_pc {
          position: absolute;
          bottom: 18%;
          right: 0;
          width: 50%;
          max-width: 720px;
          height: auto;
     }

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

     .info_area0 {
          position: relative;
          display: flex;
          flex-direction: row;
     }

     .info_area0 .info_bg_pc {
          position: absolute;
          top: 0;
          right: 0;
          width: calc(100% / 3 * 2);
          height: 100%;
          background-color: #eeeeee;
     }


     .info_area0 .info_bg_pc_L {
          position: absolute;
          top: 0;
          left: 0;
          width: calc(100% / 3 * 1);
          height: 100%;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
     }

     .hydro5_0 .info_area0 .info_bg_pc_L {
          background-image: url(../images/spPage/hydro5_0/spKv_info0_bg.jpg);
     }

     .hydro5_1 .info_area0 .info_bg_pc_L {
          background-image: url(../images/spPage/hydro5_1/spKv_info0_bg.jpg);
     }

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

     .info_area1 .info_bg_pc_L {
          position: absolute;
          top: 0;
          left: 0;
          width: calc(100% / 3 * 2);
          height: 100%;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
     }

     .hydro5_0 .info_area1 .info_bg_pc_L {
          background-image: url(../images/spPage/hydro5_0/spKv_info1_bg.jpg);
     }

     .hydro5_1 .info_area1 .info_bg_pc_L {
          background-image: url(../images/spPage/hydro5_1/spKv_info1_bg.jpg);
     }

     .info .container {
          height: auto;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-self: center;
     }

     .info_area0 .info_text0 {
          position: relative;
          width: calc(100% / 3 * 1);
          height: auto;
     }

     .info_area0 .info_text1 {
          position: relative;
          width: calc(100% / 3 * 2);
          height: auto;
          display: flex;
          justify-content: flex-end;
          align-self: center;
          padding: 0;
     }

     .info_area0 .info_text1 img {
          position: relative;
          width: 100%;
          max-width: 750px;
          height: auto;
     }

     .info_area1 .container {
          height: auto;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-self: center;
     }

     .info_area1 .info_text0 {
          position: relative;
          width: calc(100% / 3 * 2);
          height: auto;
          display: flex;
          justify-content: center;
          align-items: flex-end;
     }

     .info_area1 .info_text0 img {
          position: relative;
          width: 100%;
          max-width: 650px;
          height: auto;
     }

     .info_area1 .info_text1 {
          position: relative;
          width: calc(100% / 3 * 1);
          height: auto;
          display: flex;
          justify-content: center;
          align-items: center;
     }

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

     .info li img {
          width: 170px;
          height: auto;
          margin: 0 4.0625rem;
     }

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

     .info_text_cont_title {
          font-size: 1.75rem;
          line-height: 2.5rem;
          font-weight: 700;
          margin: 50px 0 10px 0;
          text-align: center;
          color: #fff;
     }

     .info_text_cont_text {
          font-size: 1.125rem;
          line-height: 2.5rem;
          font-weight: 500;
          text-align: center;
          color: #fff;
     }

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

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

@media (min-width: 1200px) {

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

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

     .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) {}