/* =======================================================
news
======================================================= */
.p-news {
  --_padding-block: calc(48 * var(--scale) * var(--to-rem)) calc(64 * var(--scale) * var(--to-rem));
  padding-block: var(--_padding-block);
}
.p-news__article-wrapper {
  --_margin-top: calc(48 * var(--scale) * var(--to-rem));
  display: block grid;
  margin-top: var(--_margin-top);
}
@media (width >= 768px) {
  .p-news__article-wrapper {
    grid-template-columns: fit-content(calc(280 * var(--scale) * var(--to-rem))) minmax(0, 1fr);
  }
}
.p-news__article {
  --_gap: calc(24 * var(--scale) * var(--to-rem));
  --_padding-bottom: calc(18 * var(--scale) * var(--to-rem));
  display: block grid;
  gap: var(--_gap);
  padding-bottom: var(--_padding-bottom);
}
@media (width >= 768px) {
  .p-news__article {
    grid-template-columns: subgrid;
    grid-column: span 3;
  }
}
.p-news__article:not(:first-of-type) {
  --_padding-top: calc(18 * var(--scale) * var(--to-rem));
  padding-top: var(--_padding-top);
}
.p-news__article:not(:last-of-type) {
  background-image: repeating-linear-gradient(90deg, #183b67, #183b67 5px, transparent 5px, transparent 10px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 100% 1px;
}
.p-news__article-link {
  display: inherit;
  grid-template-columns: inherit;
  grid-column: inherit;
  transition-property: opacity;
  will-change: opacity;
}
.p-news__article-link:focus-visible {
  opacity: 0.7;
}
@media (any-hover: hover) {
  .p-news__article-link:hover {
    opacity: 0.7;
  }
}
.p-news__article-head {
  --_gap: calc(24 * var(--scale) * var(--to-rem));
  display: block flex;
  gap: var(--_gap);
  align-items: center;
}
@media (width <= 767px) {
  .p-news__article-head {
    --_margin-bottom: 0.5em;
    margin-bottom: var(--_margin-bottom);
  }
}
.p-news__article-time {
  --_color: var(--color-base);
  --_font-size: calc(14 * var(--scale) * var(--to-rem));
  font-size: var(--_font-size);
  color: var(--_color);
}
.p-news__article-ttl {
  --_color: var(--color-base);
  color: var(--_color);
}