@charset "utf-8";

/* --------------------------------------------


contact  お問い合わせ窓口


---------------------------------------------- */

.inquiry-box {
  margin-bottom: 4em;
}

.inquiry-text {
  margin-bottom: 12px;
}

.inquiry-list {
  margin-bottom: 24px;
  padding: 0 1rem;
}

.inquiry-list li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 1em;
}

.inquiry-list li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--c-blue);
}

/* --------------------------------------------
  施設担当部署テーブル
-------------------------------------------- */
.contact-desc {
  margin-bottom: 24px;
}

.contact-table-wrapper {
  margin-bottom: 50px;
  overflow-x: auto;
}

.contact-table {
  width: 100%;
  min-width: 720px;
  table-layout: fixed;
  background-color: var(--c-white);
}

.contact-table th,
.contact-table td {
  padding: 12px 16px;
  border: 1px solid #dcdcdc;
  vertical-align: middle;
}

.contact-table .col-facility,
.contact-table .col-sub {
  width: 16%;
}

.contact-table .col-dept {
  width: 48%;
}

.contact-table .col-tel {
  width: 20%;
}

.contact-table thead th {
  background-color: var(--c-blue);
  color: var(--c-white);
  font-weight: var(--fw-bold);
  text-align: center;
}

.contact-table tbody th {
  background-color: #f8f9fa;
}

.contact-table .tel {
  text-align: center;
  white-space: nowrap;
}