/* Place the section label on the border, without adding another row above the alert. */
body .page-01 .top-important-notice {
  position: relative;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .page-01 .top-important-notice:hover {
  transform: none;
  box-shadow: none !important;
}

body .page-01 .top-important-notice__heading {
  position: absolute;
  z-index: 1;
  top: -11px;
  left: 22px;
  margin: 0;
  padding: 0 8px;
  background: #fff;
  color: #a94848;
  font-size: .85rem;
  font-weight: 800;
  letter-spacing: .07em;
  line-height: 1.5;
}

body .page-01 .top-important-notice > .top-important-notice__trigger {
  border: 1px solid rgba(216, 50, 50, .34) !important;
  border-radius: 14px !important;
  background: linear-gradient(105deg, #fffafa 0%, #fff5f5 100%) !important;
  box-shadow: 0 10px 28px rgba(151, 43, 43, .08) !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

@media (hover: hover) {
  body .page-01 .top-important-notice > .top-important-notice__trigger:hover {
    border-color: rgba(216, 50, 50, .56) !important;
    box-shadow: 0 15px 34px rgba(151, 43, 43, .14) !important;
    transform: translateY(-2px);
  }
}

@media (max-width: 767px) {
  body .page-01 .top-important-notice__heading {
    top: -10px;
    left: 14px;
    padding: 0 7px;
    font-size: .75rem;
  }

  body .page-01 .top-important-notice > .top-important-notice__trigger {
    border-radius: 17px !important;
  }
}