/* ==========================================================================
   Main visual
========================================================================== */
.page__header .imgBox {
  background-image: url(../img/mv-sp.jpg);
}
@media only screen and (min-width: 768px) {
  .page__header .imgBox {
    background-image: url(../img/mv.jpg);
  }
}


/* ==========================================================================
   image
========================================================================== */
#image .imgBox {
  height: 100vw;
  max-height: 400px;
  background-image: url(../img/company-sp.jpg);
}
@media only screen and (min-width: 768px) {
  #image .imgBox {
    height: 500px;
    max-height: 500px;
    background-image: url(../img/company.jpg);
  }
}

/* ==========================================================================
   Access
========================================================================== */
.GoogleMap{
    position: relative;
    width: 100%;
    height: 0;
}
.GoogleMap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ==========================================================================
   Banner
========================================================================== */
#page-bottom .banner {
  background-image: url(../img/company-banner-sp.jpg);
}
@media only screen and (min-width: 768px) {
  #page-bottom .banner {
    background-image: url(../img/company-banner.jpg);
  }
}