/*-------------------------------------------------------------------------------*/
/*    $Survey                                                                                 */
/*-------------------------------------------------------------------------------*/
.kf_tit_lev1, .kf_tit_lev2 {
  display: block;
  margin-bottom: 1rem;
  font-size: 1em;
  line-height: 1.2;
}

.kf_tit_lev1 + .kf_fm_group, .kf_tit_lev2 + .kf_fm_group {
  margin-top: 1rem;
}

.kf_tit_lev1 {
  padding-top: 2rem;
  color: #138b85;
  border-top: 1px solid #e9ecef;
}

.kf_tit_lev2 {
  color: black;
}

.kf_survey_fm_ol li {
  padding-left: 1rem;
}

.kf_survey_fm_ol li:not(:first-child) {
  padding-top: 1.5rem;
  border-top: 1px dashed #dee2e6;
}

.kf_survey_fm_ol li:first-child {
  margin-top: .5rem;
}

.kf_survey .kf_required:before {
  content: "*";
  margin-right: .25rem;
  color: #d10054;
}

.kf_survey .kf_fm_group {
  padding-left: .75rem;
}

.kf_survey .kf_fm_group .kf_fm_control {
  float: none !important;
}

.kf_survey .kf_fm_group .kf_input-sm {
  width: auto;
}

.kf_survey .kf_progress_list:not(:first-child) .kf_tit_lev1 {
  border-top: 1px dashed #ced4da !important;
}

@media (min-width: 576px) {
  .kf_input-w5 {
    width: 500px;
  }
  .kf_survey_fm_ol .kf_input-w5 {
    width: 470px;
  }
}

.kf_progress {
  color: black;
}

.kf_progress::after {
  content: "";
  display: table;
  clear: both;
}

.kf_progress > .kf_txt:first-child {
  margin-bottom: .5rem;
}

.kf_progress_bar {
  float: left;
  width: calc(100% - 110px);
  padding: .5rem 0;
  background-color: #e9ecef;
}

.kf_progress_bar-inner {
  height: .5rem;
  background-color: #00857e;
}

.kf_progress_number {
  float: right;
  width: 110px;
  line-height: 1.5rem;
  text-align: right;
}

@media print {
  .kf_input-w5 {
    width: 500px;
  }
  .kf_survey_fm_ol .kf_input-w5 {
    width: 470px;
  }
}