@CHARSET "UTF-8";
#formWrap .error_messe{
  margin: 1em auto;
  color: red;
}

/* table design */
#formWrap table.formTable{
  max-width: 100%;
  margin: 2rem auto;
  table-layout:fixed;
}
  table.formTable tr > *{
    padding: .5rem 1rem;
  }

  table.formTable tr > th{
    width: 30%;
    text-align: right;
    font-size: .8em;
  }
  table.formTable tr > td{
    width: 70%;
  }
  table td{ word-wrap:break-word; }

/* table design check */
#formWrap table.formTable.check{
  border: 1px solid #ddd;
}
  table.formTable.check tr > th{
    background: #f9f9f9;
  }

table.formTable input[type="text"],
table.formTable input[type="password"],
table.formTable input[type="file"],
table.formTable input[type="tel"],
table.formTable input[type="url"],
table.formTable input[type="email"],
table.formTable input[type="number"],
table.formTable textarea{
  max-width: 100%;
}
table.formTable input[type="text"],
table.formTable input[type="password"],
table.formTable input[type="file"],
table.formTable input[type="tel"],
table.formTable input[type="email"],
table.formTable input[type="number"]{
  width: 18em;
}
table.formTable textarea{
  width: 28em;
}

/* スマホ */
@media screen and (max-width: 639px){
  table.formTable tr,
  table.formTable th,
  table.formTable td{
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block;
  }
  table.formTable td{
    max-width: 100%;
    min-height: 2.5em;
  }
  table.formTable{
    width: 100% !important;
    margin: 2rem auto !important;
  }
  table.formTable textarea{
    width: 100%;
  }
}

@media screen and (min-width: 640px){
  table.formTable.check tr > *{
    border: 1px dashed #ddd;
  }
}