@charset "UTF-8";


.txt_beg{
  font-weight: 400;
  margin: 3rem auto;
}
.txt_beg a{color:var(--main-d);}
.formTable{width: 100%;}
.formTable input, .formTable textarea{font-size: var(--font-m);}

.formTable th, .formTable td{
  display: block;
  width: 100%;
}
.formTable th{
  text-align: left;
  font-weight: 400;
  margin-top: 1rem;
}

.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{
  appearance: none;
  width: 100%;
  padding: 1.5rem;
  color:var(--gray);
  background-color:#fafafa;
  cursor: pointer;/*マウスカーソルをポインターに*/
  border: none;
  margin: 1rem auto;
  font-size: 16px;
}
.formTable select:focus{
  outline: none;/*focus時の枠線を消去*/
}
.selectbox{
  position: relative;
  width: 100%;/*親要素の横幅*/
}
.selectbox::before{
  position: absolute;
  top: 2.5rem;/*矢印の上からの位置*/
  right:1.5rem;/*矢印の右からの位置*/
  content: '';
  width: 10px;/*矢印の横幅*/
  height: 10px;/*矢印の縦幅*/
  border-top: 2px solid var(--gray);/*矢印の線の太さと色*/
  border-left: 2px solid var(--gray);/*矢印の線の太さと色*/
  transform: rotate(-135deg);/*矢印を回転*/
  pointer-events: none;/*矢印部分をクリックできるようにする*/
}

.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;
  margin: 3rem auto;
}
.form-content__privacy a{color: var(--main-c);}
.form-content__submit{
  text-align: center;
  margin-bottom: 5rem;
}

form input[type="submit"]{
  font-size: var(--font-m);
	display: block;
  width: 100%;
  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;
}