@charset "UTF-8";
/* フォーム */
#contact-form table.formtable {
  width: 100%;
  box-sizing: border-box;
}
#contact-form table.formtable th, #contact-form table.formtable td {
  padding-block: 10px;
}


#contact-form table.formtable:not(.confirm) th.rqs:after {
  content: "※";
  color: #FF1D25;
  margin-left: 5px;
}

#contact-form .form-navi {
  text-align: center;
}
#contact-form .form-navi .input-submit {
  display: inline-block;
  font-size: 137.5%; /* 22px */
  color: #ffffff;
  font-weight: bold;
  line-height: 1.5;
  padding: 6px 50px 6px 50px;
  letter-spacing: 0.05em;
  background: linear-gradient( to bottom, #bff07a 0%, #8fd14f 100% );
  text-shadow: 0 0 2px #00000060;
  border: none;
  text-decoration: none;
  transition: 0.3s;
  cursor: pointer;
}
#contact-form .form-navi .input-submit:hover {
  opacity: 0.6;
}
#contact-form .form-navi .input-submit:not(:first-of-type) {
  margin-left: 20px;
}

.error-top {
  padding: 10px 15px;
  margin-bottom: 20px;
  border: 1px solid #E60012;
}

.error {
  color: #E60012;
}

.contactform-box .message:after {
  display: none;
}
 
table.formtable {
  border-top: 1px dotted #CCCCCC;
}
table.formtable th,table.formtable td{
  border-bottom: 1px dotted #CCCCCC;
}

#contact-form .form-navi .input-submit[name="correct"]{
  background: linear-gradient(to bottom,#e6e6e6 0%,#cfcfcf 100%);
}


@media print, all and (min-width: 751px) {
  #contact-form table.formtable {
    margin-bottom: 15px;
  }
  #contact-form table.formtable th {
    width: 155px;
    text-align: left;
    box-sizing: border-box;
  }
  #contact-form table.formtable td .input-text,
  #contact-form table.formtable td .input-tel,
  #contact-form table.formtable td .input-email,
  #contact-form table.formtable td textarea,
  #contact-form table.formtable td select {
    width: 390px;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
    background: #EEEEEE;
    padding: 3px;
  }
  #contact-form table.formtable td .input-text[name=grade] {
    width: auto;
  }
  #contact-form table.formtable td .input-text.name1,
  #contact-form table.formtable td .input-text.name2,
  #contact-form table.formtable td .input-text.kana1,
  #contact-form table.formtable td .input-text.kana2,
  #contact-form table.formtable td .input-text.ins01,
  #contact-form table.formtable td .input-text.ins02,
  #contact-form table.formtable td .input-text.cal,
  #contact-form table.formtable td .input-text.word,
  #contact-form table.formtable td .input-text.roomnum,
  #contact-form table.formtable td .input-text.old,
  #contact-form table.formtable td .input-text.zipcode1,
  #contact-form table.formtable td .input-text.zipcode2,
  #contact-form table.formtable td .input-text.nowjob2 {
    width: auto;
  }
  #contact-form table.formtable td .input-text:focus,
  #contact-form table.formtable td textarea:focus,
  #contact-form table.formtable td .input-text[disabled] {
    background-color: #f8f7f7;
  }
  #contact-form table.formtable td .input-text[readonly] {
    background-color: #ededed;
  }
  #contact-form table.formtable td .formError.inline {
    margin: 0 10px 10px;
  }
  #contact-form table.formtable td .formError.inline .formErrorContent {
    min-width: 80px;
  }

  #contact-form table.formtable td input[name="input[age]"]{
    width: 40px;
    margin-right: 5px;
  }
  #contact-form table.formtable td input[name="input[zipcode]"]{
    width: 80px;
  }
  #contact-form table.formtable td select[name="input[specialty]"]{
    width: 140px;
    background: #ffffff;
  }
  #contact-form table.formtable td input[name="input[income]"]{
    width: 130px;
  }
  #contact-form table.formtable td input[name="input[experience]"]{
    width: 50px;
    margin-right: 5px;
  }
}