/* =======================================================
intro
======================================================= */
.bl-intro {
  padding-top: 6rem;
}
.bl-intro-txt {
  margin-bottom: 3.5rem;
  text-align: center;
}

/* =======================================================
useful
======================================================= */
.ly-useful {
  padding-bottom: 8rem;
}

.bl-useful {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6rem 3.5rem;
  max-width: 82.5rem;
}
.bl-useful-article .bl-article-link {
  display: block;
}
.bl-useful-article .bl-article-imgwrapper {
  margin-bottom: 1rem;
}
.bl-useful-article .bl-article-imgwrapper > img {
  height: 13.25rem;
  object-fit: cover;
}
.bl-useful-article .bl-article-ttl {
  font-size: 1.25rem;
}

@media screen and (max-width: 750px) {
  .bl-useful {
    grid-template-columns: auto;
  }
  .bl-useful-article .bl-article-imgwrapper {
    margin-bottom: 1.5rem;
  }
  .bl-useful-article .bl-article-imgwrapper > img {
    height: 24.25rem;
  }
  .bl-useful-article .bl-article-ttl {
    font-size: 1.875rem;
  }
}