.c-important-notice {
  padding: 24px 0;
}
@media (min-width: 48.0625em) {
  .c-important-notice {
    padding: 40px 0;
  }
}
.c-important-notice__inner {
  --minmax: max(calc(var(--content-min-margin, 24) * 1px), calc(var(--content-base-margin, 40) / var(--content-base-width, 1440) * 100vw));
  max-width: var(--content-max-width, 1280px);
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - var(--minmax) * 2);
  display: grid;
  gap: clamp(16px, 2.2222222222vw, 32px);
}
@media (min-width: 48.0625em) {
  .c-important-notice__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
.c-important-notice__text {
  position: relative;
  padding: clamp(16px, 1.3888888889vw, 20px) clamp(32px, 3.3333333333vw, 48px);
  padding-right: 64px;
  background-color: #e8ebeb;
  font-size: clamp(13px, 1.0416666667vw, 15px);
  font-weight: bold;
  line-height: 1.8;
}
.c-important-notice__text::after {
  content: "";
  --size: 7px;
  --bdw: 1px;
  --clr: #53565a;
  display: block;
  width: var(--size);
  height: var(--size);
  border-top: var(--bdw) solid var(--clr);
  border-right: var(--bdw) solid var(--clr);
  -webkit-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
  -webkit-transform: translateX(-25%) rotate(45deg);
          transform: translateX(-25%) rotate(45deg);
}
@media (min-width: 48.0625em) {
  .c-important-notice__text {
    text-align: center;
    -webkit-transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    padding: 24px 0;
  }
  .c-important-notice__text::after {
    --clr: #bcb9b8;
    right: 40px;
  }
  .c-important-notice__text:hover a {
    text-decoration: underline;
    opacity: 1;
  }
}
.c-important-notice__text a {
  text-decoration: inherit;
}
.c-important-notice__text a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.c-important-notice__text span {
  text-decoration: inherit;
  font-weight: bold;
}