/* p-news
---------------------------------------------------------------------------- */
.p-news {
  padding-block: 5.8rem 12rem;
}

.p-news-head {
  margin-bottom: 6rem;
}

.p-news-category {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border-radius: 0.4rem;
  overflow: hidden;
  width: fit-content;
  margin-inline: auto;
}

.p-news-category-item-link {
  --col-txt: #121212;
  --col-bg: #f0f0f0;
  --col-border: #cecece;
  display: grid;
  place-content: center;
  font-size: 2rem;
  line-height: 1.1;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: var(--col-txt);
  min-width: 24.6rem;
  height: 5rem;
  padding-inline: 2rem;
  background-color: var(--col-bg);
  border-right: 1px solid var(--col-border);
}

.p-news-category-item:last-of-type .p-news-category-item-link {
  --col-border: transparent;
}

.p-news-category-item-link.is-current {
  --col-txt: #fff;
  --col-bg: #b80000;
  --col-border: #b80000;
}

@media (any-hover: hover) {
  .p-news-category-item-link:hover {
    --col-txt: #fff;
    --col-bg: #b80000;
    --col-border: #b80000;
  }
}
.p-news-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5.5rem 5.1rem;
  margin-bottom: 5.7rem;
}

@media screen and (max-width: 767px) {
  .p-news {
    padding-block: 10.6666666667vw 13.3333333333vw;
  }
  .p-news-head {
    margin-bottom: 13.3333333333vw;
  }
  .p-news-category {
    border-radius: 1.0666666667vw;
  }
  .p-news-category-item-link {
    font-size: 4.2666666667vw;
    min-width: 26.6666666667vw;
    height: 10.6666666667vw;
    padding-inline: 2.1333333333vw;
  }
  .p-news-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 5.3333333333vw;
    margin-bottom: 13.3333333333vw;
  }
}