.container {
  margin-top: 10rem;
}

.news .news-heading {
  font-size: 3.2rem;
  font-weight: 700;
  max-width: 800px;
  margin: 0 auto 4.8rem;
}
@media (max-width: 960px) {
  .news .news-heading {
    font-size: 2.8rem;
    margin-bottom: 3.2rem;
  }
}
@media (max-width: 768px) {
  .news .news-heading {
    font-size: 2.4rem;
    margin-bottom: 2.8rem;
  }
}
@media (max-width: 480px) {
  .news .news-heading {
    font-size: 2rem;
    margin-bottom: 2.4rem;
  }
}
.news .news-meta {
  display: flex;
  justify-content: flex-end;
  max-width: 800px;
  margin: 0 auto 4.8rem;
}
@media (max-width: 960px) {
  .news .news-meta {
    margin-bottom: 3.2rem;
  }
}
@media (max-width: 768px) {
  .news .news-meta {
    margin-bottom: 2.8rem;
  }
}
@media (max-width: 480px) {
  .news .news-meta {
    margin-bottom: 2.4rem;
  }
}
.news .news-meta .news-meta__date {
  font-size: 1.2rem;
}
.news .news-meta .news-meta__catagory {
  color: var(--my-custom-theme__main-color--code);
  font-size: 1.2rem;
  margin-left: 1rem;
}
.news .news-eyecatch-image {
  max-width: 600px;
  margin: 0 auto 8rem;
}
@media (max-width: 768px) {
  .news .news-eyecatch-image {
    margin-bottom: 6rem;
  }
}
@media (max-width: 480px) {
  .news .news-eyecatch-image {
    margin-bottom: 4rem;
  }
}
.news article {
  max-width: 800px;
  margin: 0 auto 8.6rem;
}
@media (max-width: 960px) {
  .news article {
    margin-bottom: 6.4rem;
  }
}
@media (max-width: 768px) {
  .news article {
    margin-bottom: 5.2rem;
  }
}
@media (max-width: 480px) {
  .news article {
    margin-bottom: 4rem;
  }
}
.news .common-btn {
  margin: 0 auto;
}/*# sourceMappingURL=style-single.css.map */