.text-page-primary {
  color: var(--color-retinal);
}
.bg-page-light {
  background-color: var(--color-retinal-light);
}
.title-normal {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  color: var(--color-retinal);
  border: var(--color-retinal-second) solid 1px;
  border-radius: 18px 0 18px 0;
  padding: 8px 52px;
}
.part-quota {
  position: relative;
}
.part-quota::before,
.part-quota::after {
  content: "";
  width: 24px;
  height: 32px;
  background: #fff url("https://statichk.cmermedical.com/newopd/common/icon-quota.svg") no-repeat center / contain;
  position: absolute;
}
.part-quota::before {
  right: -8px;
  bottom: 8px;
}
.part-quota::after {
  left: -8px;
  top: 8px;
  rotate: 180deg;
}
.title-normal::before {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: var(--color-retinal-second) solid 1px;
  border-radius: 18px 0 18px 0;
  bottom: 4px;
  left: 4px;
}
@media screen and (min-width: 1024px) {
  .title-normal {
    font-size: 36px;
    padding: 16px 120px;
    border-width: 2px;
    border-radius: 44px 0 44px 0;
  }
  .title-normal::before {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-width: 2px;
    bottom: 8px;
    left: 8px;
    border-radius: 44px 0 44px 0;
  }
  .part-quota::before,
  .part-quota::after {
    width: 52px;
    height: 60px;
  }
  .part-quota::before {
    right: -28px;
    bottom: -40px;
  }
  .part-quota::after {
    left: -28px;
    top: -40px;
  }
}