@charset "UTF-8";
/* CSS Document */

form {
  margin: 0 auto;
  padding-bottom: 60px;
  width: 90%;
}
form table {
  width: 100%;
}
form th {
  font-size: 108%;
  font-weight: bold;
  padding: 2% 8% 2% 2%;
  position: relative;
  text-align: left;
  width: 30%;
  background: #f2f2f2;
  vertical-align: middle;
}
form .v_t {
  vertical-align: top;
}
form .required {
  background: #e35959;
  color: #fff;
  height: 16px;
  letter-spacing: .2em;
  line-height: 16px;
  margin: auto;
  padding: 1% 3%;
  position: absolute;
  text-align: center;
  top: 0;
  right: 5%;
  bottom: 0;
  font-size: 1rem;
}
form td {
  padding: 2%;
  vertical-align: middle;
  width: 70%;
}
form td input,
form td textarea {
  box-sizing: border-box;
  font-size: 16px;
  padding: 1%;
  width: 100%;
  border: solid 1px #ccc;
}
form td input[type=checkbox] {
  display: inline-block;
  width: auto;
}
.submit_btn {
  margin: 0 auto;
}
#contact .btn {
  background: #ffa85a;
  border: none;
  color: #fff;
  display: block;
  font-size: 1.154em;
  font-weight: bold;
  line-height: 2.5em;
  margin: 5% auto 0;
  padding: 1%;
  width: 35%;
  font-weight: normal;
}
#contact .btn:hover {
  opacity: .7;
}
.radio input {
  vertical-align: middle;
  width: 20px;
}
.radio .radio_text {
  margin-right: 8%;
  vertical-align: middle;
}
.select {
  position: relative;
}
.select select {
  background: #fff;
  border: solid 1px #ccc;
  border-radius: unset;
  font-size: 1rem;
  height: 36px;
  width: 50%;
}
.select .fa-angle-down {
  display: none;
}



/* ------------------------------------------------------------------
320px 〜 767px
------------------------------------------------------------------*/
@media screen and ( max-width:767px) {
  form {
    margin: 5% auto 10%;
    padding-bottom: 10%;
    width: 96%;
  }
  form th,
  form td {
    display: block;
    width: 100%;
  }
  form th {
    padding: 2%;
    background: #f2f2f2;
    width: 96%;
  }
  form td {
    padding: 2% 0;
  }
  form .required {
    right: 2%;
    font-size: 1rem;
  }
  form td {
    margin-bottom: 5%;
  }
  #contact .btn {
    width: 82%;
  }
  .select .fa-angle-down {
    display: block;
    position: absolute;
    z-index: 9999;
    left: 44%;
    top: 35%;
  }


}