/*====================== BLOG ARCHIVE ======================*/

/* FV背景画像 */
.blog-article .pic-background {
  background-image: url("../images/company/fv-img.jpg");
}

/* 複数行対応（3カラムを維持しながら折り返し） */
.blog-archive .blog-container {
  flex-wrap: wrap;
  align-items: flex-start;
}

/* ページネーション */
.blog-pagination {
  margin-top: 2em;
  text-align: center;
}

.blog-pagination .nav-links {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.blog-pagination .page-numbers {
  padding: 0.4rem 0.8rem;
  border: 1px solid var(--color_text);
  text-decoration: none;
  color: var(--color_text);
  border-radius: 4px;
}

.blog-pagination .page-numbers.current {
  background-color: var(--color_text);
  color: #fff;
}

/* SP: 1カラム */
@media (max-width: 768px) {
  .blog-article .pic-background {
    background-image: url("../images/company/fv-img-sp.jpg");
  }

  .blog-archive .blog-container {
    flex-direction: column;
  }

  .blog-archive .card {
    flex-basis: 100%;
    width: 100%;
  }

  .ast-separate-container #content .ast-container {
    padding: 0;
  }
}