@keyframes showHide {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.layout_blog_list {
  z-index: 1;
}

.l-blog-list {
  margin: 70px 0 80px;
}
@media (max-width: 991.98px) {
  .l-blog-list {
    margin: 50px 0 70px;
  }
}
.l-blog-list__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 50px;
  column-gap: 30px;
}
@media (max-width: 991.98px) {
  .l-blog-list__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.98px) {
  .l-blog-list__list {
    grid-template-columns: repeat(1, 1fr);
  }
}