.c-timf-form {
  display: block;
}
.c-timf-form__error {
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  border: 1px solid #b32d2e;
  border-radius: 4px;
  background-color: #ffffff;
  color: #b32d2e;
}
.c-timf-form__notice {
  margin-top: 0.5rem;
  color: #50575e;
}
.c-timf-form__required {
  margin-left: 0.5rem;
  color: #b32d2e;
}
.c-timf-form__input, .c-timf-form__textarea {
  width: 100%;
}
.c-timf-form__input, .c-timf-form__textarea, .c-timf-form__select {
  padding: 0.75rem;
  border: 1px solid #dcdcde;
  border-radius: 4px;
  background-color: #ffffff;
}

.c-timf-form__item + .c-timf-form__item {
  margin-top: 1.5rem;
}

.c-timf-form__field-error {
  margin-top: 0.5rem;
  color: #b32d2e;
}

.timf-item__confirmation {
  margin-top: 0.75rem;
}

.timf-item__confirmation-label {
  display: block;
  margin-bottom: 0.5rem;
}

.timf-item {
  display: grid;
}
@media screen and ( max-width: 767px ) {
  .timf-item {
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    grid-template-areas: "label" "body";
    grid-row-gap: 1rem;
  }
  .timf-item__label {
    grid-area: label;
  }
}
@media screen and ( min-width: 768px ) {
  .timf-item {
    grid-template-columns: 25% auto;
    grid-template-rows: auto;
    grid-template-areas: "label body";
  }
}
.timf-item__label {
  grid-area: label;
}
.timf-item__body {
  grid-area: body;
}

/*# sourceMappingURL=front.css.map */