.p-news {
  padding-block-start: calc(53 / 16 * 1rem);
  padding-block-end: calc(60 / 16 * 1rem);
}

#topics .inner-Box.inner-Box.p-news__inner {
  inline-size: min(100%, 1132px);
  margin-inline: auto;
  padding-inline: calc(16 / 16 * 1rem);
  float: none;
  padding-block-end: 0;
}
.p-news {
  background-color: #f8f8f8;
}

#topics .system-list.p-news__list {
  margin: 0;
  block-size: 260px;
  margin-block-start: calc(25 / 16 * 1rem);
}

#topics .btn.p-news__list-btn {
  right: 30px;
}

#topics .system-date.p-news__list-date {
  color: #898989;
  @media screen and (max-width: 768px) {
    font-size: 14px;
  }
}
#topics .system-ttl-01.p-news__list-title {
  @media screen and (max-width: 768px) {
    font-size: 16px;
  }
}

.p-news__list-btn-link {
  border: 1px solid #43a471;
  padding: 16px;
  background-color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  font-size: 14px;
  inline-size: min(100%, 200px);
  padding: 12px;
}
#topics .btn.p-news__list-btn--sp {
  position: static;
  margin: 0;
  display: none;
  @media screen and (max-width: 768px) {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-block-start: 20px;
  }
}
.p-news__list-btn-link::before {
  content: "";
  inline-size: 8px;
  block-size: 8px;
  border-bottom: 2px solid #43a471;
  border-right: 2px solid #43a471;
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%) rotate(316deg);
}
.c-title {
  display: flex;
  align-items: center;
  padding-right: calc(16 / 16 * 1rem);
}
#topics .btn.p-news__list-btn {
  position: relative;
  right: initial;
  top: initial;
}
.p-news__contents {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(0.938rem, -0.848rem + 3.72vw, 2.5rem);
  margin-block-start: calc(40 / 16 * 1rem);
  @media screen and (max-width: 768px) {
    grid-template-columns: 1fr;
    gap: 48px;
    margin-block-start: 48px;
  }
}
.p-news__card-img {
  max-inline-size: 139px;
  inline-size: 100%;
  flex-shrink: 0;
  img {
    aspect-ratio: 139/ 139;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
}

.p-news__cards {
  display: grid;
  background-color: #fff;
  block-size: calc(440 / 16 * 1rem);
  overflow-y: scroll;
  gap: calc(10 / 16 * 1rem);
  padding-block: calc(25 / 16 * 1rem);
  padding-inline: calc(34 / 16 * 1rem);
  margin-block-start: calc(15 / 16 * 1rem);
  @media screen and (max-width: 768px) {
    padding-inline: calc(24 / 16 * 1rem);

  }
}
.p-news__card {
  display: flex;
  align-items: flex-start;

  gap: calc(25 / 16 * 1rem);
  border: 1px solid #707070;
  padding: calc(6 / 16 * 1rem);
}
.p-news__card-category {
  color: #fff;
  background-color: #43a471;
  inline-size: fit-content;
  padding: calc(1 / 16 * 1rem) calc(25 / 16 * 1rem);
  min-inline-size: calc(95 / 16 * 1rem);
  display: grid;
  place-items: center;
  font-size: calc(12 / 16 * 1rem);
  font-weight: 700;
  border-radius: calc(20 / 16 * 1rem);
  @media screen and (max-width: 768px) {
    font-size: 14px;
  }
}
.p-news__card-date,
.p-news__card-title {
  font-size: calc(16 / 16 * 1rem);
  font-weight: 700;
  letter-spacing: 0.089em;
  line-height: calc(24 / 16);
  @media screen and (max-width: 768px) {
    font-size: 16px;
  }
}
.p-news__card-textarea {
  padding-block-start: calc(18 / 16 * 1rem);
}
.p-news__card-date {
  margin-block-start: calc(12 / 16 * 1rem);
  @media screen and (max-width: 768px) {
    font-size: 16px;
  }
}
.p-news__card-text {
  font-size: calc(14 / 16 * 1rem);
  font-weight: 500;
  letter-spacing: 0.089em;
  line-height: calc(20 / 14);
  @media screen and (max-width: 768px) {
    font-size: 16px;
  }
}

.p-news__card-day {
  font-size: 12px;
  color: #898989;
}

/* event_campaign */