@charset "UTF-8";

/* -------------------------------------------------------- */

.txt_beg{
  text-align: center;
  font-weight: 400;
  margin: 3rem auto;
}
.txt_beg a:hover{color:var(--main-d);}
.formTable{width: 100%;}

.formTable th{
  width: 20vw;
  text-align: left;
  font-weight: 400;
}

.formTable tr{border-top: solid 1px var(--gray-el);}
.formTable{border-bottom: solid 1px var(--gray-el);}

.required{
  text-decoration: none;
  background-color: var(--red);
  color: var(--white);
  font-size: var(--font12);
  padding: 0 0.5rem 0.1rem 0.5rem;
  margin-right: 1rem;
}
.optional{
  text-decoration: none;
  background-color: var(--main-c);
  color: var(--white);
  font-size: var(--font12);
  padding: 0 0.5rem 0.1rem 0.5rem;
  margin-right: 1rem;
}
.formTable input,
.formTable textarea{
  width: 100%;
  display: inline-block;
  border: none;
  vertical-align: middle;
  padding: 1.5rem  1rem;
  background-color:#fafafa;
  margin: 1rem 0;
}
.formTable select{
  display: inline-block;
  border: none;
  vertical-align: middle;
  padding: 1.5rem  1rem;
  background-color:#fafafa;
  margin: 1rem 0;
}
.formTable input, .formTable select, .formTable textarea{font-size:16px;}
.formTable textarea{height: 200px;}

.formTable input::placeholder{
  color: #ccc;
  letter-spacing: 0.1rem;
  font-size: var(--font-sm);
  font-weight: 100;
}
.form-content__privacy {
  font-weight: 400;
  text-align: center;
  margin: 3rem auto;
}
.form-content__privacy a{color: var(--main-c);}
.form-content__submit{
  text-align: center;
  margin-bottom: 5rem;
}

form input[type="submit"]{
	display: block;
  width: 20vw;
  background-color:var(--gray);
  color: var(--white);
  padding: 0.8rem 0;
  border-radius: 30px;
  letter-spacing: 0.1rem;
  margin: 5rem auto 8rem auto;
  border: none;
  transition: 0.2s ease;
}
form input[type="submit"]:hover{background-color:var(--main-d);}