@charset "UTF-8";
/*  PC画面用の一覧
    スマホ画面用は _list.scss で設定 */
/* object/component/_table.scss */
/*  PC画面用の一覧
    スマホ画面用は _list.scss で設定 */
/* object/component/_table.scss */
.c-table {
  width: 100%;
  max-width: 1000px;
  border-collapse: separate;
  border-spacing: 0;
  background-color: white;
  font-size: 1rem;
}
@media (max-width: 575px) {
  .c-table {
    display: none;
  }
}
.c-table--hover:hover .c-table__cell, .c-table--hover:focus-within .c-table__cell {
  background-color: #fff9d9;
  transition: background-color 120ms ease-in-out;
}
.c-table--hover:has(a[href]) {
  cursor: pointer;
}
.c-table__row {
  height: 1px; /* トリック: これで各セルが内容に応じて均等に伸びる */
}
.c-table {
  /* th、td のスタイル */
}
.c-table__cell {
  text-align: center;
  vertical-align: middle;
  justify-items: center;
  border-bottom: 1px solid #d9d9d9;
  background-clip: padding-box;
  overflow: hidden;
  height: 100%;
  /* td縦幅横幅いっぱいにaタグを広げるために必要な設定 */
  position: relative;
  --cell-pad: 0.5rem;
  padding: var(--cell-pad);
}
.c-table__cell:not(:last-child) {
  border-right: 1px solid #d9d9d9;
}
.c-table__cell--left {
  text-align: start;
  padding: 1rem;
}
.c-table {
  /* th のスタイル */
}
.c-table__head {
  background: #8ad58a;
  color: black;
  font-weight: 400;
}
.c-table {
  /* モディファイア: 外枠（角丸と外枠線） */
}
.c-table--frame {
  border: 1px solid #d9d9d9;
  border-radius: 12px; /* テーブルの角を丸める */
  overflow: hidden; /* 角丸適用 */
}
.c-table {
  /* 要素: 列幅 */
}
.c-table__col--address {
  width: 21%;
}
.c-table__col--office {
  width: 32%;
}
.c-table__col--tel {
  width: 17%;
}
.c-table__col--name {
  width: 30%;
}
.c-table__col--num-union, .c-table__col--num-union-supporter {
  width: 6%;
}
.c-table__col--office-union {
  width: 39%;
}
.c-table__col--name-union {
  width: 30%;
}
.c-table__col--address-union {
  width: 25%;
}
.c-table__col--office-union-supporter {
  width: 60%;
}
.c-table__col--address-union-supporter {
  width: 34%;
}
.c-table {
  /* aタグのスタイル */
}
.c-table__link {
  display: block;
  color: black;
  width: 100%;
  height: 100%;
  min-height: 100%;
  /* td縦幅横幅いっぱいにaタグを広げるために必要な設定 */
}
.c-table__link::after {
  content: "";
  position: absolute;
  inset: calc(var(--cell-pad) * -1);
}
.c-table__link > .c-table__name:not(:last-child) {
  margin-bottom: 0.25rem;
}
.c-table {
  /* 氏名　div の設定 */
}
.c-table__name {
  line-height: 1.2;
}
.c-table {
  /* 偶数行の背景色 */
}
.c-table--striped {
  background-color: #efffef; /* 薄い緑（必要に応じ調整） */
}
.c-table {
  /* リンクページ 各事務所名称 */
}
.c-table__link-title {
  color: #59a959;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
@media (max-width: 575px) {
  .c-table__link-title {
    font-size: 1rem;
  }
}
.c-table__link-title, .c-table__link-text {
  line-height: 1.2;
}

.c-table tbody:last-child .c-table__cell {
  border-bottom: none;
}

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