/*
** #intro
*/

.intro__images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: max-content;
}


/*
** #company
** #history
*/

#company,
#history {
  margin-bottom: calc(90 * 100vw / var(--standard-width));
}

.company__info-table,
.history__chronology-table {
  table-layout: auto;
}

.company__info-table th,
.history__chronology-table th {
  white-space: nowrap;
}


/*
** #social-contribution
*/

#social-contribution {
  margin-bottom: calc(90 * 100vw / var(--standard-width));
}

.social-contribution__intro {
  margin-bottom: calc(30 * 100vw / var(--standard-width));
}

.social-contribution__images {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: max-content;
  grid-row-gap: calc(36 * 100vw / var(--standard-width));
  text-align: center;
}

.social-contribution__images--sdgs img {
  width: calc(200 * 100vw / var(--standard-width));
}

.social-contribution__images--carbon-offset img {
  width: calc(220 * 100vw / var(--standard-width));
}

.social-contribution__images figcaption {
  font-weight: 500;
  text-align: center;
  margin-top: calc(5 * 100vw / var(--standard-width));
}


/*
** #access
*/

#access {
  margin-bottom: calc(30 * 100vw / var(--standard-width));
}

.access__office {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: max-content;
  grid-row-gap: calc(20 * 100vw / var(--standard-width));
  margin-bottom: calc(36 * 100vw / var(--standard-width));
}

.access__office-address-headline {
  font-size: calc(18 / var(--standard-font-size) * 1em);
  font-weight: 700;
  color: var(--dark);
  margin-bottom: calc(10 * 100vw / var(--standard-width));
}

.access__map iframe {
  width: 100%;
  height: calc(445 * 100vw / var(--standard-width));
  border: none;
}