/*MV*/
.Mv {
  width: calc(100% - 120px);
  width: -webkit-calc(100% - 120px);
  margin: 0 auto 0;
  position: relative;
}

.Mv img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  /* ie8 */
  margin: 0 auto;
}

.ComitBox {
  position: relative;
}

.ComitBox:not(:last-child) {
  margin-bottom: 150px;
}

.ComitBox .ComitTxt {
  position: relative;
  z-index: 2;
  padding: 80px 0 80px 80px;
  width: 60%;
}

.ComitBox .ComitImg {
  background-size: cover;
  height: 100%;
  width: 70%;
  position: absolute;
  right: calc(-10vw);
  top: 0;
  z-index: 0;
}

.ComitBox:first-of-type .ComitImg {
  background: url(../images/top/img_reason01.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.ComitBox:nth-of-type(2) .ComitImg {
  background: url(../images/top/img_reason02.jpg) left center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.ComitBox:nth-of-type(3) .ComitImg {
  background: url(../images/top/img_reason03.jpg) left bottom no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.ComitBox:nth-of-type(4) .ComitImg {
  background: url(../images/top/img_reason04.jpg) left center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.ComitBox.ComitBoxR .ComitTxt {
  float: right;
}

.ComitBox.ComitBoxR .ComitImg {
  left: calc(-10vw);
}

.Product {
  background: url(../images/top/bg_produt.png) left bottom no-repeat;
}

@media only screen and (max-width: 767px) {
  .Product {
    -webkit-background-size: 150% auto;
    background-size: 150% auto;
  }
}

.Oem {
  background: #4a4a4a url(../images/top/bg_victoria.jpg) right bottom no-repeat;
}

.Oem .ttl_02_eng {
  color: #ccdcec;
}

.Support {
  background: #4abbee url(../images/top/bg_voice.jpg) right bottom no-repeat;
  margin-top: 40px;
}

.WideBox {
  padding: 130px 4vw 80px;
  color: white;
}

.Info {
  padding: 3vw;
}

.InfoBox {
  padding: 130px 30px 30px;
}

.Column .card-img {
  width: 110px;
}

.Column .CardLinkTxt {
  left: 130px;
  top: calc(3rem + 20px);
}

#Mv {
  display: block;
}

#MvSp {
  display: none;
}

@media only screen and (max-width: 1199px) {
  .Mv {
    width: 100%;
  }
  .ComitBox:not(:last-child) {
    margin-bottom: 40px;
  }
  .Column .card-img {
    width: 30%;
  }
  .Column .CardLinkTxt {
    left: calc(30% + 20px);
  }
}

@media only screen and (max-width: 767px) {
  #Mv {
    display: none;
  }
  #MvSp {
    display: block;
  }
  .ComitBox .ComitTxt {
    width: 100%;
    padding-left: 40px;
    padding-bottom: 30px;
  }
  .ComitBox .ComitImg {
    opacity: 0.3;
  }
  .ComitBox.ComitBoxR .ComitTxt {
    float: none;
  }
  .ComitBox:nth-of-type(3) .ComitImg {
    background: url(../images/top/img_reason03.jpg) left -330px bottom no-repeat;
  }
  .ComitBox:nth-of-type(4) .ComitImg {
    background: url(../images/top/img_reason04.jpg) left -160px bottom no-repeat;
  }
  .WideBox {
    padding-top: 70px;
  }
  .InfoBox {
    padding: 70px 20px 20px;
  }
}