.article {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 80px;
}
.article .article-container {
  width: 1240px;
  background: white;
  padding: 0 32px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.article .article-container .article-title {
  font-weight: bold;
  font-size: 32px;
  color: #21262C;
  margin-bottom: 16px;
}
.article .article-container .article-content {
  width: 100%;
  margin-top: 30px;
}
.article .article-container .article-content .content-text {
  text-indent: 2em;
  font-weight: 400;
  font-size: 16px;
  color: #21262C;
  line-height: 28px;
}
.article .article-container .article-content .content-title {
  text-indent: 1.5em;
  font-weight: bold;
  font-size: 20px;
  color: #21262C;
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .article {
    padding-top: 1.25rem;
    padding-bottom: 2.5rem;
  }
  .article .article-container {
    width: 100%;
    padding: 0 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .article .article-container .article-title {
    font-size: 1.5rem;
  }
  .article .article-container .article-content {
    width: 100%;
    margin-top: 1.25rem;
  }
  .article .article-container .article-content .content-text {
    font-size: 0.875rem;
  }
  .article .article-container .article-content .content-title {
    font-size: 1rem;
  }
}/*# sourceMappingURL=protocol-rule.css.map */