/* p-contents
---------------------------------------------------------------------------- */
.p-contents {
  padding-block: 5rem 10rem;
}

.p-contents-main-contents:not(:first-of-type) {
  margin-top: 5rem;
}

.p-blog-card-layout {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
}

@media screen and (max-width: 767px) {
  .p-contents {
    padding-block: 13.3333333333vw;
  }
  .p-contents-main-contents:not(:first-of-type) {
    margin-top: 13.3333333333vw;
  }
  .p-blog-card-layout {
    margin-top: 8vw;
    grid-template-columns: repeat(1, 1fr);
    gap: 5.3333333333vw;
  }
}