#news {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
@media screen and (max-width: 767px) {
  #news {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
#news .edit-area.article .common-list.archive-category {
  display: flex;
  margin: 0 auto 8rem;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #news .edit-area.article .common-list.archive-category {
    margin: 0 auto 4rem;
  }
}
#news .edit-area.article .common-list.archive-category li a {
  height: auto;
  padding-left: 4.05rem;
  padding-right: 4.05rem;
  position: relative;
  font-family: var(--noto);
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 3.4rem;
  text-align: left;
  color: #223c2e;
}
#news .edit-area.article .common-list.archive-category li a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 2.2rem;
  background-color: #d6d6d6;
}
#news .edit-area.article .common-list.archive-category li:last-child a:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 2.2rem;
  background-color: #d6d6d6;
}
#news .edit-area.article .common-list.archive-category li.active a {
  color: #1b8b4f;
}
#news .edit-area.article .common-list.article li a {
  background-color: #f7f7f7;
}
#news .edit-area.article .common-list.article li:nth-child(2n) a {
  background-color: #fff;
}/*# sourceMappingURL=article.css.map */