@charset "UTF-8";
/* =============================================================================


     pallet


============================================================================= */
/* =============================================================================


     color


============================================================================= */
/* $header-width: 216px; */
/* =============================================================================


  company


============================================================================= */
.company-map {
  margin-top: 100px;
  position: relative;
  width: 100%;
}

.company-map:before {
  content: "";
  display: block;
  padding-top: 75%;
  /* 高さを幅の75%に固定 */
}

.company-map iframe {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

@media (max-width: 767px){
  .company-map {
    margin-top: 40px;
  }
}


/*# sourceMappingURL=company.css.map*/