header .kv-wrap{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  top: auto;
  padding: 18px 0 0;
  min-height: 620px;
  overflow: hidden;
}
header .kv-dgx {
  background-image: url("../img/kv_dgx_bg.jpg");
  background-size: auto 100%;
  background-position: left 25% center;
  color: #000;
}
header .kv-learning {
  background-image: url("../img/kv_learning_bg.jpg");
  background-position: left calc( ( 100vw - 1140px ) / 2 - 1500px / 3 ) top 60%;
  background-size: 1500px auto;
  background-color: #0b0b16;
  color: #fff;
}
header .kv-visualize {
  background-image: url("../img/kv_visualize_bg.jpg");
  background-position: left calc( ( 100vw - 1140px ) / 2 - 3100px / 2 - 60px ) top 48%;
  background-size: 3100px auto;
  background-color: #08090e;
  color: #fff;
}
@media screen and (min-width:1600px) {
  header .kv-dgx {
    background-position: center bottom;
    background-size: auto 39vw;
  }
}
@media screen and (max-width:767px) {
  header .kv-wrap{
    /*height: auto;*/
    min-height: 0;
    padding: 80px 0 5.33vw;
  }
  header .kv-dgx {
    background-image: url("../img/kv_dgx_bg_sp.jpg");
    background-position: right -23vw top 50%;
    background-size: 155vw auto;
  }
  header .kv-learning {
    background-position: left -66.66vw top 60%;
    background-size: 200vw auto;
  }
  header .kv-visualize {
    background-position: left -110vw top 60%;
    background-size: 250vw auto;
  }
}

header .kv-wrap .cont-inner{padding: 0 30px;}
@media screen and (max-width:767px) {
  header .kv-wrap .cont-inner{padding: 0 5.33vw;}
}

header .kv-wrap .inner{color: inherit;}

/* bg gpu image */
header .kv-learning .inner::before,
header .kv-visualize .inner::before{
  content: '';
  display: block;
  width: 100vw;
  height: calc( 100% + 120px );
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 57%;
  z-index: 1;
  transform: skew(-40deg);
}
header .kv-learning .inner::before{background: #3e4149;}
header .kv-visualize .inner::before{background: #5f6167;}

header .kv-wrap .inner .lead-box{
  position: relative;
  z-index: 5;
  left: auto;
  right: auto;
  top: auto;
  padding: 70px 0 0;
}
@media screen and (max-width:767px) {
  header .kv-wrap .inner .lead-box{padding: 30px 0 0;}
  header .kv-dgx .inner .lead-box{padding: 11.5vw 0 0;}
}

header .kv-wrap .h1-title{
  display: block;
  position: relative;
  background: none;
  color: inherit;
  font-size: inherit;
  height: auto;
  margin: 0 0 30px;
  padding: 0;
}
header .kv-wrap .h1-title::before {display: none;}

header .kv-wrap .h1-title h1{
  font-size: inherit;
  line-height: inherit;
}
header .kv-wrap .h1-title h1 img {
  max-width: none;
  width: 100%;
  height: auto;
}
@media screen and (max-width:767px) {
  header .kv-wrap .h1-title{margin: 0 0 16px;}
  header .kv-wrap .h1-title h1{overflow: hidden;}
  header .kv-dgx .h1-title h1 img {
    width: auto;
    height: 13.75vw;
  }
  header .kv-learning .h1-title h1 img {
    width: auto;
    height: 11.5vw;
  }
  header .kv-visualize .h1-title h1 img {
    width: auto;
    height: 11.5vw;
  }
}

header .kv-wrap .inner .lead-box p.sub-lead{
  color: inherit;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: 0.01ex;
  padding: 0 0 0 6px;
  margin: 0 0 16px;
}
header .kv-learning .inner .lead-box p.sub-lead{margin: 0 0 50px;}
header .kv-visualize .inner .lead-box p.sub-lead{margin: 0 0 25px;}

@media screen and (max-width:767px) {
  header .kv-wrap .inner .lead-box p.sub-lead{
    font-size: 15px;
    line-height: 1.8;
    padding: 0 33.33% 0 0;
    margin: 0 0 16px;
  }
  header .kv-dgx .inner .lead-box p.sub-lead{
    font-size: 14px;
    padding: 0 40% 0 0;
    margin: 0 0 2px;
  }
}

header .kv-wrap .inner .img-box {
  width: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  z-index: 2;
}
header .kv-learning .inner .img-box{
  right: -50px;
}
header .kv-wrap .inner .img-box::before {
  content: '';
  display: block;
  position: relative;
  z-index: 1;
  padding: 100% 0 0;
}
header .kv-wrap .inner .img-box img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  max-width: none;
  width: 100%;
  height: auto;
}
@media screen and (max-width:767px) {
  header .kv-dgx .inner .img-box {
    width: 66.66%;
    right: -5.33vw;
  }
  header .kv-learning .inner .img-box{
    width: 54%;
    top: auto;
    right: -4vw;
    bottom: 225px;
    left: auto;
  }
  header .kv-visualize .inner .img-box{
    width: 54%;
    top: 15%;
    right: -4vw;
    left: auto;
  }
}

header .kv-wrap .box-link{padding: 90px 0 0 6px;}
@media screen and (max-width:767px) {
	header .kv-wrap .box-link{padding: 40px 0 0;}
}