/* 共通一覧パネル */
.list-panel {
  background: #ffffff;
  margin: 0 40px 24px;
  padding: 0;
  border: 1px solid #d6dce2;
}

.list-panel__heading {
  padding: 12px 16px;
  font-size: 1.4rem;
  font-weight: bold;
  background: #edf4f7;
  border-bottom: 3px solid #0b8cbc;
}

.list-panel__items {
  margin-bottom: 4rem;
  list-style: none;
}

.list-panel__item {
  margin: 0 0 0 0.8rem;
}

.list-panel__link,
.list-panel__title--group {
  display: block;
  position: relative;
  padding: 14px 20px 14px 40px;
}

.list-panel__text {
  display: block;
  position: relative;
  width: fit-content;
  margin: 14px 0 14px 40px;
  padding: 0;
}

.main ul.linkbox > li.list-panel__text {
  margin-block-end: 14px;
}

.list-panel__title--group {
  padding-bottom: 6px;
}

a.list-panel__link {
  width: fit-content;
  margin: 14px 0 14px 40px;
  padding: 0;
}

.list-panel__link::before,
.list-panel__text::before,
.list-panel__title--group::before {
  position: absolute;
  top: 2.2rem;
  left: 1.6rem;
  width: 0.8rem;
  height: 0.8rem;
  content: "";
  background-color: var(--color-accent);
  border-radius: 50%;
}

a.list-panel__link::before {
  top: 0.55em;
  left: -24px;
  pointer-events: none;
}

.list-panel__text::before {
  top: 0.55em;
  left: -24px;
}

/* 後続の告示・通達CSSが指定する項目線と丸印色を共通化する */
.notice-list__items > .notice-list__group .list-panel__items > li {
  border-bottom: none;
}

.notice-list__items
  > .notice-list__group
  .list-panel__items
  > li
  > a:first-child::before {
  background-color: var(--color-accent);
}

.list-panel__title {
  display: block;
}

@media (max-width: 768px) {
  .list-panel {
    margin: 0 10px 20px;
  }

  .list-panel__heading {
    font-size: 1.2rem;
  }
}