@charset "utf-8";

.notice {
  margin-bottom: 40px;
}
.notice_list {
  display: grid;
  gap: 16px;
  margin-top: 18px;
}
.notice_item {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 40px;
}
.notice_time {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  padding: 0.5em 0;
}
.notice_link {
  --hover-opacity: 0.5;
  font-size: 1.6rem;
  line-height: 1.5;
  padding-block: 0.5em;
  transition: opacity 0.3s;
}
.notice_link[href]:focus-visible {
  opacity: var(--hover-opacity);
}
@media (any-hover: hover) {
  .notice_link[href]:hover {
    opacity: var(--hover-opacity);
  }
}
.notice_none {
  font-size: 1.6rem;
  text-align: center;
}