.article {
  padding: 80px 0 110px;
}
.article-ttl {
  font: 700 2rem/1.5 "Noto Sans JP", sans-serif;
  text-align: center;
  position: relative;
}
@media not screen and (min-width: 576px) {
  .article-ttl {
    font: 700 1.6rem/1.5 "Noto Sans JP", sans-serif;
  }
}
.article-ttl:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
}
.article-lead {
  margin: 90px 0 0;
  font: 300 1.4rem/1.71 "Noto Sans JP", sans-serif;
  letter-spacing: 0.18em;
}
.article__list {
  margin: 76px 0 0;
  font: 300 1.4rem/1.71 "Noto Sans JP", sans-serif;
}
.article__list-ttl {
  font-weight: 300;
}
.article__list-ttl:not(:first-child) {
  margin: 30px 0 0;
}
.article__list-desc {
  margin-left: 17px;
}
.article__foot {
  margin: 50px 0 0;
  font: 300 1.4rem/1.71 "Noto Sans JP", sans-serif;
}
.article__foot__list-ttl {
  font-weight: 300;
}