@charset "UTF-8";

.p-works__inner {
  padding-top: 60px;
  padding-inline: 20px;
  padding-bottom: 50px;
}
@media (min-width: 1024px) {
  .p-works__inner {
    padding-top: 120px;
    padding-inline: 52px;
    padding-bottom: 190px;
  }
}

.p-works__list {
  margin-top: 70px;
}

.p-works__list > .webgene-blog {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 20px;
}
@media (min-width: 768px) {
  .p-works__list > .webgene-blog {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .p-works__list > .webgene-blog {
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 3%;
       -moz-column-gap: 3%;
            column-gap: 3%;
    row-gap: 6%;
  }
}