.p-blog-archive {
  padding-top: 4rem;
}
@media screen and (width >= 768px) {
  .p-blog-archive {
    padding-top: 6rem;
  }
}
.p-blog-archive__ttl {
  margin-top: 10rem;
}
@media screen and (width >= 768px) {
  .p-blog-archive__ttl {
    margin-top: 11rem;
  }
}
.p-blog-archive__intro-txt {
  line-height: 1.6;
  margin-block: var(--leading-trim);
}
@media screen and (width >= 768px) {
  .p-blog-archive__intro-txt {
    font-size: 1.6rem;
  }
}
.p-blog-archive__list {
  margin-top: 4rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(38.6666666667rem, 100%), 1fr));
  gap: 4rem 0;
}
@media screen and (width >= 768px) {
  .p-blog-archive__list {
    gap: 0 2rem;
  }
}
@media screen and (width >= 768px) {
  .p-blog-archive__item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 5;
  }
  .p-blog-archive__item:nth-child(n+4) {
    margin-top: 4rem;
  }
}
@media screen and (width >= 768px) {
  .p-blog-archive .c-thumbnail-card__inner {
    grid-template-rows: subgrid;
    grid-row: span 5;
    gap: 0;
  }
}
@media screen and (width >= 768px) {
  .p-blog-archive .c-thumbnail-card__body {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    margin-top: 2rem;
  }
}
.p-blog-archive .c-thumbnail-card__ttl {
  font-size: 1.5rem;
}
@media screen and (width >= 768px) {
  .p-blog-archive .c-thumbnail-card__ttl {
    font-size: 1.6rem;
  }
}
.p-blog-archive .c-thumbnail-card__img {
  aspect-ratio: 387/241;
}
.p-blog-archive .c-thumbnail-card__date {
  margin-top: 0.8rem;
}
@media screen and (width >= 768px) {
  .p-blog-archive .c-thumbnail-card__date {
    margin-top: 1.2rem;
  }
}
.p-blog-archive__item-txt {
  margin-top: calc(var(--leading-trim) + 1.2rem);
  margin-bottom: var(--leading-trim);
  font-size: 1.4rem;
  line-height: 1.2;
}

.p-blog-single {
  padding-block: 8.25rem 0;
}
@media screen and (width >= 768px) {
  .p-blog-single {
    padding-top: 11rem;
  }
}