/** CSS Form Contact **/

table tr td.txt_center, table tr th.txt_center { text-align: center; }

.error { color:#F00; font-size: 12px; }

.tbl-caption {
  text-align: left;
  background: #8ccae2;
  padding: 5px 10px;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.tbl tr { border-bottom: 1px solid #CCCCCC; }

.tbl tr:first-child { border-top: 1px solid #CCCCCC; }

.row_btn .btn-confirm, .row_btn02 .btn-confirm { padding: 2px 10px; }

.btn-confirm:hover { opacity: 0.7; }

.tbl th.clo { background: #fafaf5; }

.frm_contact .frm_radio { display: block; }

.frm_contact .frm_radio li, .frm_contact .frm_radio li:nth-child(2), .frm_contact .frm_radio li:nth-child(3), .tbl_questionnaire .frm_radio li:nth-child(4), .tbl_questionnaire .frm_radio li:nth-child(8), .tbl_questionnaire .frm_radio li:nth-child(9) {
  width: 100%;
  margin-bottom: 10px;
}

.gr_tabs_contact ul.tabs, .gr_tabs_app ul.tabs {
  display: flex;
  flex-flow: row wrap;
  border-bottom: 1px solid #F38D97;
  align-items: center;
  justify-content: center;
}

.link_evaluation, .link_list_bottom { margin: 15px 0px 35px; }

.supp_notes { font-size:90%; }

.tbl_general_infor { margin-bottom: 20px; }

.input_readonly, .input_readonly_nam4 {
  padding: 0 10px;
  font-size: 16px;
  color: #444444;
  border: #888888 1px solid;
  background-color: white;
}

.input_readonly { width: 200px; }

.input_readonly_nam4 { width: 100px; height: 28px; }

.input_select {
  background-color: #F6F6F6;
  border: 1px solid #BBBBBB;
  height: 34px;
  padding: 0 10px;
  font-size: 16px;
}

.input_textarea { width: 500px; padding: 10px; }

.input_item { height: 34px; padding: 0 10px; }

.input_normal { width: 600px; padding: 10px; }

.input_variable { width: 100%; right: 10px; }

.input_text1, .input_text2, .input_text3, .input_text4, .input_num1, .input_num2, .input_num3, .input_num3, .input_num4, .input_date1, .input_textarea, .input_item, .input_normal, .input_variable {
  background-color: #F6F6F6;
  border: 1px solid #BBBBBB;
  font-size: 16px;
  resize: none;
}

.input_text1, .input_text2, .input_text3, .input_text4, .input_num1, .input_num2, .input_num3, .input_num4, .input_date1 {
  height: 34px;
  padding: 0 10px;
}

.input_text1 { width: 80px; }

.input_text2 { width: 150px; }

.input_text3 { width: 200px; }

.input_text4 { width: 400px; }

.input_num1 { width: 30px; }

.input_num2 { width: 40px; }

.input_num3 { width: 80px; }

.input_num4 { width: 100px; }

.input_date1 { width: 100px; }

.txt_red { color: #F28C97; margin-left: 10px; }

.txt_small { margin: 10px 0 0 7px; }

.rule_out div {
  border: 1px solid #969696;
  text-align: left;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 200px;
  margin: 0 auto;
}

.rule_in div { line-height: 1.5em; }

.padding_checkbox input[type="checkbox"] { margin-top:    10px; margin-bottom: 10px; }

.padding_label label {
  display: inline-block;
  margin-top:    10px;
  margin-bottom: 10px;
}

.pc_width20 th:nth-child(1) { width: 20px; }

.pc_width70 th:nth-child(1) { width: 70px; }

.sub-title-caption {
  text-align: left;
  position: relative;
  background: #8ccae2;
  padding: 5px 10px;
  color: #fff;
  font-size: 16px;
  margin: 0;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
    .pc_width20 th:nth-child(1), .pc_width70 th:nth-child(1) {
    width: 100%;
  }
    .input_readonly, .input_text3, .input_text4, .input_normal, .input_textarea {
    width: 100%;
    box-sizing: border-box;
  }
    .tab-content table th { border-bottom: 1px solid #DDDDDD; }
    .tab-content table th.clo { background: #fafaf5; }
    .sub-title-caption {
    text-align: left;
    background: #8ccae2;
    padding: 5px 20px 5px 10px;
    color: #fff;
    position: relative;
  }
  
  /* スマホ表示でテーブルを縦並びに（元のform_old.cssから復元） */
  .tbl {
    display: block;
  }
  
  .tbl tbody,
  .tbl tr {
    display: block;
  }
  
  .tbl tr th,
  .tbl tr td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  
  .tbl th.clo {
    background: #fafaf5;
  }
  
  .frm_textarea {
    width: 100%;
    box-sizing: border-box;
  }
}