:root {
  --color-white: #fff;
  --color-txt: #4b4b4b;
  --color-main: #9b51e0;
  --color-sub: #f6edff;
  --color-sub02: #ebc8ff;
  --color-sub03: #c699e2;
  --color-gray: #adadad;
  --color-accent: #ff62b6;
}

/* =======================================================
news
======================================================= */
@media screen and (min-width: 768px) {
  .p-news {
    width: 43.75rem;
  }
}
.p-news .c-hgroup {
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .p-news .c-hgroup {
    margin-bottom: 3.3125rem;
  }
}
.p-news__article {
  border-top: 0.0625rem solid var(--color-main);
}
.p-news__article-wrapper {
  margin-bottom: 4.5rem;
}
@media screen and (max-width: 767px) {
  .p-news__article-wrapper {
    margin-bottom: 3rem;
  }
}
.p-news__article:last-of-type {
  border-bottom: 0.0625rem solid var(--color-main);
}
.p-news__article-link {
  display: grid;
  padding: 1.8125rem 0 1.8125rem 1rem;
}
@media screen and (min-width: 768px) {
  .p-news__article-link {
    grid-template-columns: 7.75rem 1fr;
  }
}
@media screen and (max-width: 767px) {
  .p-news__article-link {
    gap: 0.5rem;
    padding: 1.875rem 0;
  }
}