/* お知らせ */
.news-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
  border: dashed 4px var(--main-color);
  border-radius: 12px;
}

.news-item {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  gap: 16px;
}

@media screen and (max-width:768px) {
  .news-item {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .news-item:not(:first-child) {
    padding-top: 4px;
    border-top: solid 1px #ccc;
  }
}