body {
  display: none;
}

/* Choices.js: is-valid/is-invalid が containerInner に入るため
   Bootstrap の ~ セレクタが機能しない問題を修正 */
.choices:has(.is-invalid) ~ .invalid-feedback,
.choices:has(.is-invalid) ~ .invalid-tooltip {
  display: block;
}

.choices:has(.is-valid) ~ .valid-feedback,
.choices:has(.is-valid) ~ .valid-tooltip {
  display: block;
}