@charset "utf-8";


#formWrap {
  width:80%;
  margin:0 auto;
  padding: 0;
  line-height:120%;
  font-size:80%;
}
table.formTable {
  width:80%;
  margin:0 auto;
  border-collapse:collapse;
}
table.formTable tr {
  border-bottom: 1px dotted #CCC;
}
table.formTable td, table.formTable th {
  padding:25px 0 15px 0;
}
table.formTable th.required {
  min-width: 100px;
  padding: 30px 1%;
  font-weight:normal;
  text-align:left;
}
table.formTable th.item {
  max-width: 100%;
  padding: 30px 1%;
  font-weight:normal;
  text-align:right;
}
table.formTable td {
  float: right;
  padding: 30px 1%;
}
table.formTable input[type="text"] {
  width: 100%;
  margin-bottom: 8px;
  padding: 10px 2%;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #fafafa;
  -webkit-appearance: none;
  font-size: 80%;
  font-family: inherit;
  margin-top: 7px;
}
table.formTable textarea[type="text"] {
  max-width: 100%;
  margin-bottom: 8px;
  padding: 10px 2%;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #fafafa;
  -webkit-appearance: none;
  font-size: 80%;
  font-family: inherit;
  margin-top: 7px;
}
table.formTable select {
  min-width: 350px;
  padding: 1em 1em 0.8em 1em;
  cursor: pointer;
  text-align: right;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: 1px solid #000;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

span.require{
  padding: 6px 10px;
  border-radius: 3px;
  background-color: #F24F2A;
  border: 1px solid #F24F2A;
  color:#FFF;
}
span.any{
  margin-bottom: 8px;
  padding: 6px 10px;
  border-radius: 3px;
  background-color: #4169e1;
  border: 1px solid #4169e1;
  color:#FFF;
}
span.gs{
  padding-left: 20px;
  color: #333;
  font-size: 12px;
}

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/

@media screen and (max-width:572px) {
#formWrap {
  width:80%;
  margin:0 auto;
}
table.formTable th, table.formTable td {
  width:auto;
  display:block;
}
table.formTable th {
  margin-top:5px;
  border-bottom:0;
}
form input[type="text"], form textarea {
  width:100%;
  padding:5px;
  font-size:80%;
  display:block;
}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
  float: right;
  margin-top: 30px;
  display:block;
  width:100%;
  height:40px;
}