/* =========================================
   PROFILE
========================================= */

a[target=_blank] {
  text-decoration: underline;
  color: var(--darkblue);
  padding-right: 20px;
  background: url(../common/images/icon/icon_blank.png) right center/11px auto no-repeat;
}

.company-page {
  background: #f7f9fc;
}

.company-block {
  max-width: 980px;
  margin: 0 auto;
  padding: 40px;
  margin-bottom: 32px;
  background: #fff;
  border-radius: var(--radius-md);
  box-shadow:
    0 10px 30px rgba(15, 23, 42, .06);
}

.company_table {
  border-collapse: collapse;
}

.company_table a {
  text-decoration: underline;
  color: var(--darkblue);
}

.company_table th,
.company_table td {
  border-bottom: 1px solid #c1c7c6;
  padding: 2.4em;
}

.company_table th {
  border-bottom: 2px solid var(--darkblue);
  font-weight: bold;
  text-align: left;
  width: 20%;
  min-width: 4em;
}

.company_map {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
}

.company_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1280px) {
  .company_block {
    width: 80%;
    max-width: 1000px;
    padding: 4em 5em 8em 5em;
  }
}

@media (max-width: 768px) {
  .company_block {
    width: 90%;
    padding: 4em 4em 6em 4em;
  }

  .company_table th,
  .company_table td {
    padding: 1.6em;
  }
}

@media (max-width: 480px) {
  .company_block {
    width: 90%;
    padding: 3em 1em 4em 1em;
  }

  .company_table th,
  .company_table td {
    padding: 1.6em;
  }

  .company_map {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
  }
}