/*================================================
  company
================================================*/
.page-header {
  background-image: url(../../../image/company/office/page_header_bg.jpg);
}

/*------------------------------------------------
office
------------------------------------------------*/

.office-list {
  margin-top: calc(var(--layout-gap) / 1.5);
}

.office-description {
  padding: 0 calc(var(--layout-gap) / 1.5) calc(var(--layout-gap) / 1.5);
  line-height: 2;
}
.office-description address {
  font-style: normal;
}
.office-description .map {
  margin-top:  calc(var(--layout-gap) / 1.5)
}
.office-description .map > iframe {
  width: 100%;
  height: 350px;
  margin-top: calc(var(--layout-gap) / 1.5);
}

@media print, screen and (min-width: 769px) {
  .office-list {
    margin-top: calc(var(--layout-gap) * 1.5);
  }
  .office-description {
    padding:0 calc(var(--layout-gap) /1) calc(var(--layout-gap) * 1.5);
  }

  .office-description .map > iframe {
    height: 690px;
  }

}


.map-link {
  color: var(--secondary-color);
  padding-left: 20px;
  position: relative;
  text-transform: uppercase;
}
.map-link::before {
  content: "";
  display: block;
  background-image: url(../../../image/company/office/icon_map_pin.svg);
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: calc(50% - 0.5em);
}