/* TOP SLIDE ADD */
/*------------------------------------------------*/

.kv-control {
  position: relative;
  top: -8px;
  left: 50px;
  display: inline-block;
  width: 47px;
  height: 24px;
  margin-right: -47px;
  margin-bottom: -24px;
  padding: 0;
  border-radius: 12px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}

.kv-control[data-status="pause"] {
  background-image: url("/assets/images/top/icon_slider_play.png");
  background-size: 10px 12px;
}

.kv-control[data-status="play"] {
  background-image: url("/assets/images/top/icon_slider_pause.png");
  background-size: 7px 10px;
}

@media only screen and (min-width: 961px) and (max-width: 980px) {
  .pg-company-info-block .pg-kv-img.slide-img-01:before {
    background-image: url("/assets/images/phase01/phase01_kv_tab_01.jpg");
    background-position: -220px center;
    -webkit-background-size: 1660px 600px;
    -moz-background-size: 1660px 600px;
    -ms-background-size: 1660px 600px;
    -o-background-size: 1660px 600px;
    background-size: 1660px 600px;
  }
}
@media only screen and (max-width: 960px) {
  .pg-company-info-block .pg-kv-img.slide-img-03 {
    background-image: url("/assets/images/phase01/phase01_kv_sp_03.jpg");
  }
}
.pg-company-info-block .pg-kv-img.slide-img-03:before {
  background-image: url("/assets/images/phase01/phase01_kv_pc_03.jpg");
}
@media only screen and (max-width: 960px) {
  .pg-company-info-block .pg-kv-img.slide-img-04 {
    background-image: url("/assets/images/phase01/phase01_kv_sp_04.jpg");
  }
}
.pg-company-info-block .pg-kv-img.slide-img-04:before {
  background-image: url("/assets/images/phase01/phase01_kv_pc_04.jpg");
}

@media only screen and (max-width: 960px) {
  .pg-kv-img-wrapper {
    height: 0;
    padding-top: 126.66%;
    overflow: hidden;
  }

  .indicator-wrapper {
    top: 120vw;
  }

  .pg-company-info-block .pg-kv-img {
    height: 0;
    padding-top: 126.66%;
  }

  .pg-kv-img-innar > a {
    vertical-align: top;
  }
  
  .kv-control {
    top: -6px;
    left: 17px;
  }
}