@charset "UTF-8";

.p-works {
  background: #fff;
  padding-bottom: calc(120 / 1366 * 100vw);
  padding-top: calc(101 / 1366 * 100vw);
}
.p-works__container {
  padding-inline: calc(90 / 1366 * 100vw);
}

.p-works__list {
  margin-top: calc(60 / 375 * 100vw);
}
.p-works__list > .webgene-blog {
  -moz-column-gap: calc(20 / 375 * 100vw);
       column-gap: calc(20 / 375 * 100vw);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: calc(30 / 375 * 100vw);
}
@media (min-width: 1024px) {
  .p-works__list {
    margin-top: calc(60 / 1366 * 100vw);
  }
  .p-works__list > .webgene-blog {
    -moz-column-gap: calc(30 / 1366 * 100vw);
         column-gap: calc(30 / 1366 * 100vw);
    grid-template-columns: repeat(3, 1fr);
    row-gap: calc(60 / 1366 * 100vw);
  }
}