#head-area:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0px;
  width: 1163px;
  height: 450px;
  background-image: url(../../img/view-office/view-office-head-bg.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

@media screen and (max-width:1536px) {
  #head-area:after {
    width: 600px;
    background-image: url(../../img/view-office/view-office-head-bg-ip.webp);
  }
}

@media screen and (max-width:1000px) {
  #head-area:after {
    top: auto;
    bottom: 0;
    right: 0;
    width: 1000px;
    max-width: 100%;
    height: 496px;
    background-image: url(../../img/view-office/view-office-head-bg-sp.webp);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
  }
}