@media only screen and (min-width: 768px), print {
  .main .blog_list > .blog:not(:last-child) {
    margin-bottom: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .main .blog_list > .blog:not(:last-child) {
    margin-bottom: 100px;
  }
}

.main .blog {
  position: relative;
}

.main .blog__title {
  margin-top: 0 !important;
}

@media only screen and (min-width: 768px), print {
  .main .blog__title {
    padding-right: 6em;
  }
}

@media only screen and (max-width: 767px) {
  .main .blog__title {
    margin-bottom: .5em;
  }
}

.main .blog__content::after {
  content: '';
  display: block;
  clear: both;
}

.main .blog__date {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  letter-spacing: 0.2em;
}

@media only screen and (min-width: 768px), print {
  .main .blog__date {
    font-size: 14px;
    text-align: right;
  }
}

@media only screen and (max-width: 767px) {
  .main .blog__date {
    font-size: 12px;
    text-align: right;
  }
}

.main .blog_past_btn {
  margin-top: 50px;
}

/*# sourceMappingURL=blog.css.map */