/* ===== お知らせ ===== */
.news { position: relative; max-width: 11.2rem; margin: 1.8rem auto 0; padding: 0 0.8rem 2rem; }
.news__head { display: flex; align-items: center; justify-content: space-between; }
.news__list { margin-top: 0.5rem; border-top: 1px solid var(--line); }
.news__list li { display: flex; align-items: center; padding: 0.2rem 0; border-bottom: 1px solid var(--line); }
.news__date { font-size: max(12px, min(0.14rem, 16px)); font-weight: 400; }
.news__cat {
  margin-left: 0.2rem;
  padding: 0 0.1rem;
  border: 1px solid var(--line);
  border-radius: 12px;
  font-family: var(--en);
  font-size: max(9px, min(0.1rem, 12px));
  line-height: 1.7;
}
.news__ttl { margin-left: 0.3rem; font-weight: 300; }

@media (max-width: 767px) {
  .news { margin-top: 1.4rem; padding: 0 0.25rem 2rem; }
  .news__head .btn { position: absolute; right: 0.25rem; bottom: 1.7rem; translate: 0 100%; }
  .news__list { margin-top: 0.3rem; }
  .news__list li { flex-wrap: wrap; padding: 0.2rem 0.1rem; }
  .news__cat { margin-left: 0.18rem; }
  .news__ttl { width: 100%; margin: 0.05rem 0 0; font-size: min(0.16rem, 18px); }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .news { padding: 0 0.5rem 2rem; margin-top: 1.4rem; }
}