/* =======================================================
news
======================================================= */
.ly-news {
  padding: 56px 0 64px;
}

@media screen and (width <= 750px) {
  .ly-news {
    padding: 64px 0 80px;
  }
}
/* =======================================================
post
======================================================= */
.el-post-ttl {
  padding: 6px 18px 12px;
  margin-bottom: 16px;
  font-size: 24px;
  background: var(--color-contrast);
  border-top: 3px solid var(--color-accent);
}

.bl-post-header {
  display: flex;
  gap: 32px;
  align-items: center;
  margin-bottom: 16px;
}
.bl-post-date {
  font-size: 14px;
}

.bl-news-archive-btn {
  margin: 40px auto 0;
}

@media screen and (width <= 750px) {
  .el-post-ttl {
    padding: 9px 27px 18px;
    margin-bottom: 24px;
    font-size: 32px;
    border-width: 4.5px;
  }
  .bl-post-header {
    margin-bottom: 24px;
  }
  .bl-post-date {
    font-size: 24px;
  }
  .bl-news-archive-btn {
    margin-top: 64px;
  }
}