#video-area {
  position: relative;
  z-index: -1; /*最背面に設定*/
  height: calc(100vh - 40px);
  overflow: hidden;
}
#video {
  /*天地中央配置*/
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*縦横幅指定*/
  width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
  height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
  min-height: 100%;
  min-width: 100%;
}

/*------------------------------PC & tab用------------------------------*/
@media screen and (min-width: 771px) {
  #areaTop {
    /* padding-top: 40px !important; スライダー時に邪魔・video時に有効 */
  }
}

/*------------------------------SP用------------------------------*/
@media screen and (max-width: 440px) {
  #areaTop {
    padding-top: 0px !important;
  }
}