@charset "UTF-8";

.p-news {
  font-family: "Noto Sans JP", serif;
}

.p-news__inner {
  margin-inline: auto;
  padding-bottom: calc(100 / 375 * 100vw);
  padding-inline: calc(20 / 375 * 100vw);
  padding-top: calc(65 / 375 * 100vw);
  width: 100%;
}

.p-news__contents {
  display: flex;
  flex-direction: column;
  gap: calc(40 / 375 * 100vw);
}

.p-news__contents-cate > .webgene-blog {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 / 375 * 100vw);
}
.p-news__contents-list > .webgene-blog {
  display: flex;
  flex-direction: column;
  gap: calc(8 / 375 * 100vw);
}
@media (min-width: 1024px) {
  .p-news__inner {
    max-width: calc(950 / 1366 * 100vw);
    padding-bottom: calc(148 / 1366 * 100vw);
    padding-inline: 0;
    padding-top: calc(100 / 1366 * 100vw);
  }
  .p-news__contents {
    gap: calc(80 / 1366 * 100vw);
  }
  .p-news__contents-cate > .webgene-blog {
    gap: calc(10 / 1366 * 100vw);
  }
  .p-news__contents-list > .webgene-blog {
    gap: calc(8 / 1366 * 100vw);
  }
}