/* CSS Document */

@media only screen and (max-width: 1024px) {

#wacoms #hero p img {
  height: 455px;
}
}


@media only screen and (max-width: 740px) {

#wacoms #hero p img {
  height: 290px;
}
}



@media only screen and (max-width: 480px) {

#wacoms #hero p img {
  height: 210px;
}


}



.mainVisual {
  position: relative;
  /*width: 98%;
  height: 800px;*/
  overflow: hidden;
}
mainVisual  video {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  mainVisual {
    height: 500px;
  }
}