.news-page {
  max-width: 840px;
  margin: auto;
}
@media (min-width: 768px) {
  .news-page .page-ttl {
    margin-bottom: 12px;
  }
}
.news-page .news-list {
  margin-bottom: 60px;
}
.news-page .news-list .news-block {
  border-bottom: solid 1px black;
}
.news-page .news-list .news-block .article {
  padding: 20px 10px 16px;
}
@media (min-width: 768px) {
  .news-page .news-list .news-block .article {
    padding: 18px 0;
    display: grid;
    grid-template-columns: 150px 500px auto;
    align-items: center;
  }
}
.news-page .news-list .news-block .article__ttl {
  line-height: 1.5;
}
.news-page .news-list .news-block .article__date {
  font-size: 1.1rem;
}
@media (max-width: 767px) {
  .news-page .news-list .news-block .article__date {
    line-height: 1;
    margin-bottom: 1em;
  }
}
@media (min-width: 768px) {
  .news-page .news-list .news-block .article__date {
    padding-left: 20px;
  }
}

.pager {
  display: block;
}
.pager__list {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}

.pager-first-last {
  width: 11px;
  height: 16px;
}

.pager-prev-next {
  width: 8px;
  height: 14px;
}