@charset "UTF-8";
select {background-color: #FFFFFF;}

#form_area h2.thanks{font-size: 3rem}
#form h3{font-weight: 600; font-size: 2.4rem; margin-bottom: 1em; margin-top: 2em; color: #FFFFFF; background-color: #666666; padding: 0.6em 0.6em; line-height: 1}

#form table input{font-size: 1.8rem}
#form .txt{
    border: 2px solid #CCC;
    border-radius: 6px;
}
#form select {
  border: 2px solid #CCC;
  border-radius:6px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 0.5em;
  color: #333333;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 1.8rem;
   width: 40%;
   
}
#form select::-ms-expand {display: none;}/*for IE*/

@supports (-ms-ime-align:auto) {/*for Edge*/
#form select {
    padding: 0.5em 3.5em 0.4em 0.5em;
  }
}


/* ===============================================================================================
1024px for tablet
=================================================================================================*/
@media screen and (max-width : 1024px) {
#form table input{font-size: 1.6rem;}
#form table th{width: 10em}
#form table td span.kome{font-size:1.2rem; display: block; margin-top: 0.5em}
#form select {font-size: 1.6rem; }
}


/* ===============================================================================================
767px for SP
=================================================================================================*/
@media screen and (max-width : 767px) {
#form_area h2.thanks{font-size: 2.4rem}
#form h3{font-size: 1.8rem;}

#form table{margin-top: -2em}
#form table input, #form textarea{font-size: 1.6rem;}
#form textarea,
#form input.txt{ width: 100%; box-sizing: border-box}

#form table th, 
#form table td{width: 100%; display: block; border: none; box-sizing: border-box}
#form table th{margin: 2em 0 0.8em 0;}
#form table td{padding:0}
#form table td span.em{ margin-left:0; margin-bottom: 0.3em;display: block;}
#form table td span.kome{margin-top: 0}

#form input[data-charcheck="kana"]{margin-top: 0.3em;margin-bottom: 0.3em}
#form li span{display: block; margin-bottom: 0.3em}
#form input[type="tel"], 
#form input[type="email"], 
#form input[data-kana="セイ"]{margin-bottom: 0.3em}

#form select {
  font-size: 1.4rem;
   width: 50%;
}

}