/* 2026-10-06：重要なお知らせ（件数・時点はkv_pc.webp内で修正） */
.important-notice {
  margin: 24px 20px;
  padding: 16px 20px 20px;
  border: 2px solid #e60012;
  background: #ffffcc;
  color: #222;
  font-size: 16px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.important-notice h2 {
  margin: 0;
  font-size: inherit;
  font-weight: 700;
}
.important-notice p {
  margin: 0;
}
@media (max-width: 959px) {
  .important-notice {
    margin: 16px 16px 24px;
    padding: 14px 14px 18px;
    font-size: 14px;
    line-height: 1.85;
  }
}

/* 2026-10-14：料金改定のお知らせへのリンク */
.important-notice p + p {
  margin-top: 8px;
}
.important-notice-links {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
.important-notice-link {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-height: 44px;
  padding: 8px 4px;
  color: #b00010;
  text-decoration: none;
  line-height: 1.6;
  box-sizing: border-box;
}
.important-notice-link-arrow {
  flex: 0 0 auto;
}
.important-notice-link-body {
  min-width: 0;
}
.important-notice-link-label {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.important-notice-link-hint {
  display: inline-block;
  color: #444;
  font-size: 0.875em;
}
.important-notice-link:hover .important-notice-link-label {
  text-decoration-thickness: 2px;
}
.important-notice-link:focus-visible {
  outline: 2px solid #222;
  outline-offset: 2px;
}
@media (max-width: 959px) {
  .important-notice-link-area,
  .important-notice-link-hint {
    display: block;
  }
}