@charset "UTF-8";
.block-inner {
  margin: 50px auto;
}
.questionnaire_ form {
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
}
div.questionnaire_box_ {
  margin: 0;
  padding: 0;
  border: none;
  color: #555;
}
.common_headline2_ {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-bottom: 0;
  padding: 8px;
  border: none;
  background: #ece4db;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
}
.common_headline2_ .must_ {
  margin-left: auto;
}
div.questionnaire_box_ div.questionnaire_box_content_ {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 8px;
  font-size: 12px;
}
.formdetail_ {
  display: flex;
  flex: 1;
  padding: 8px 10px;
}
.formdetail_ tbody {
  width: 100%;
}
.formdetail_ tr {
  display: flex;
  flex-direction: column;
}
div.questionnaire_box_ table {
  padding: 0;
}
div.questionnaire_box_ table.formdetail_ th {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-bottom: 0;
  padding: 8px;
  border: none;
  background: #ece4db;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
}
div.questionnaire_box_ table.formdetail_ td {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: none;
  background-color: transparent;
  vertical-align: middle;
  padding: 8px;
  box-sizing: border-box;
}
div.questionnaire_box_ input,
div.questionnaire_box_ select {
  min-height: 20px;
}
div.questionnaire_box_ input {
  margin: 5px 0;
  padding: 7px;
  border: 1px solid #999;
  border-radius: 5px;
}
div.questionnaire_box_ select {
  margin: 5px 0;
  padding: 7px;
  height: 36px;
  width: 300px;
}
.questionnaire_box_content_ select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 0;
  background: #fff url(../img/usr/common/select_btn.png) 98% center no-repeat;
}
div.questionnaire_box_ textarea {
  margin: 5px 0;
  padding: 1px;
  border: 1px solid #999;
  border-radius: 5px;
  width: 100%;
}
[data-efo-form-id] [name="confirm"] {
  width: 180px!important;
}
[data-efo-form-id] [name="confirm"]:hover {
  opacity: 0.7;
}
.submit_ {
  display: flex;
  justify-content: center;
}
.formdetail_.questionnaire_confirm_ {
  display: block;
  padding: 0;
}
.formdetail_.questionnaire_confirm_ tbody {
  display: block;
}
.formdetail_.questionnaire_confirm_ tr {
  align-items: unset;
  border-bottom: 1px solid #e0dcd9;
}
.formdetail_.questionnaire_confirm_ tr th {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-bottom: 0;
  padding: 8px;
  border: none;
  background-color: #ece4db;
  width: 100%;
  box-sizing: border-box;
}
.formdetail_.questionnaire_confirm_ tr th .must_ {
  margin-left: auto;
}
.formdetail_.questionnaire_confirm_ tr td {
  display: flex;
  align-items: center;
  flex: 1;
  border: none;
  background-color: transparent;
  width: 100%;
  padding: 8px;
  min-height: 35px;
  box-sizing: border-box;
}
div.questionnaire_box_ div.desc_ {
  margin: 0;
  padding: 0;
  border: none;
}
#table_tel .small_ {
  display: none;
}
.questionnaire_box_content_ .error_ {
  width: 100%;
}
@media screen and (max-width: 768px) {
  div.questionnaire_ {
    margin: 10px;
  }
  div.questionnaire_box_ {
    flex-direction: column;
  }
  .common_headline2_ {
    border-right: none;
    width: 100%;
  }
  .formdetail_ tr {
    flex-direction: column;
    margin-bottom: 10px;
  }
  .formdetail_ tr:last-child {
    margin-bottom: 0;
  }
  div.questionnaire_box_ table.formdetail_ th {
    text-align: left;
    width: 100%;
  }
  div.questionnaire_box_ table.formdetail_ td {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
    width: 100%;
  }
  div.questionnaire_box_ div.questionnaire_box_content_ {
    flex-direction: column;
    align-items: flex-start;
  }
  div.questionnaire_box_ input[type="radio"] {
    margin: 0;
  }
  div.questionnaire_box_ input, div.questionnaire_box_ select, div.questionnaire_box_ textarea {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }
  .submit_ {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
  }
}

.questionnaire_#information > p {
  display: none;
}
.questionnaire_#information .error_ {
  width: 100%;
  font-size: 12px;
}