@charset "utf-8";
.archive-container-group {
  padding-top: 3rem;
  padding-bottom: 5rem;
  row-gap: 3rem;
}
.archive-container-group .row {
  row-gap: 2.5rem;
}
.archive-header {
  row-gap: 1.5rem;
}
.archive-header .en {
  color: #228ACB;
  font-size: .875rem;
}
.archive-header h1 {
  font-size: 1.5rem;
  gap: 1rem;
  padding-top: 0;
}
.archive-header .incidents {
  padding-left: .25rem;
  font-size: .875rem;
}
.archive-header .page {
  color: #555;
  font-size: .875rem;
  line-height: 1.4;
}
/* ページャー */
.pagination {
  column-gap: .5rem;
  border: none;
  padding: 0;
}
.page-link {
  color: #333;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50% !important;
}
.page-item.active .page-link {
  background-color: #333;
}
.active>.page-link, .page-link.active, .page-link {
  border: .0625rem solid #333;
  line-height: 1;
}
.page-link:hover, .page-link:focus, .page-link:active {
  border: .0625rem solid #333;
  background-color: #eee;
  color: #333;
  box-shadow: unset !important;
}
.page-item.active .page-link:hover {
  color: #fff;
}
.page-link .material-symbols-outlined {
  font-size: 1rem;
}
@media (min-width: 576px) and (max-width: 767.9808px) {
  .archive-container-group {
    padding-top: 3rem;
    padding-bottom: 5rem;
    row-gap: 3rem;
  }
  .archive-container-group .row {
    row-gap: 2.5rem;
  }
  .archive-header {
    row-gap: 1.5rem;
  }
  .archive-header .en {
    font-size: 1rem;
  }
  .archive-header h1 {
    font-size: 1.75rem;
  }
  .archive-header .incidents {
    font-size: .9375rem;
  }
  .archive-header .page {
    font-size: .9375rem;
  }
}
@media (min-width: 768px) and (max-width: 991.9808px) {
  .archive-container-group {
    padding-top: 3.5rem;
    padding-bottom: 5rem;
    row-gap: 3.5rem;
  }
  .archive-container-group .row {
    row-gap: 3rem;
  }
  .archive-header {
    row-gap: 1.75rem;
  }
  .archive-header .en {
    font-size: 1rem;
  }
  .archive-header h1 {
    font-size: 1.75rem;
  }
  .archive-header .incidents {
    font-size: .9375rem;
  }
  .archive-header .page {
    font-size: .9375rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.9808px) {
  .archive-container-group {
    padding-top: 4rem;
    padding-bottom: 7.5rem;
    row-gap: 4rem;
  }
  .archive-container-group .row {
    row-gap: 4rem;
  }
  .archive-header {
    row-gap: 2rem;
  }
  .archive-header .en {
    font-size: 1rem;
  }
  .archive-header h1 {
    font-size: 1.875rem;
  }
  .archive-header .incidents {
    font-size: 1rem;
  }
  .archive-header .page {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .archive-container-group {
    padding-top: 4rem;
    padding-bottom: 7.5rem;
    row-gap: 4rem;
  }
  .archive-container-group .container {
    max-width: 62.125rem;
  }
  .archive-container-group .row {
    row-gap: 4rem;
  }
  .archive-header {
    row-gap: 2rem;
  }
  .archive-header .en {
    font-size: 1rem;
  }
  .archive-header h1 {
    font-size: 1.875rem;
  }
  .archive-header .incidents {
    font-size: 1rem;
  }
  .archive-header .page {
    font-size: 1rem;
  }
}