
h2{
	font-size:1.2em;
	margin:20px 0 0px 0;
	font-weight:bold;
}

.pri_tab h2{
	font-weight:normal;
}

h3{
	color:#444;
	margin:10px 0 0px 0;
	font-weight:bold;
}



.form-main input,
.form-main textarea,
.form-main select{
  font-family: /* "新ゴ R" , "メイリオ" , Meiryo ,  */"ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif!important;
  font-size: 20px;
  padding: 5px;
  padding-right: 45px;
  border: 1px solid #b9b9b9;
/*   background: #f2f2f2; */
width: 100%;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 0;
}

::-webkit-input-placeholder {
    color: #c5aa7f;
    font-size: 12px;
}

/*
:required {
  background: red;
}
*/

.form-main input::-ms-expand,
.form-main textarea::-ms-expand,
.form-main select::-ms-expand  {
    display: none;
}


.form-main select{
  background: url(/images/select.png) right center no-repeat;
/*   position: relative; */
  }


.form-main input#privacy{
	width:auto;
	appearance: checkbox;
	-moz-appearance: checkbox;
	-webkit-appearance: checkbox;
}


/* label + input {margin-left: 5px;} */

.form-main p{
  line-height: 1.7;
}

.form-main table {
  margin: 24px auto;
  max-width: 980px;
  width:100%;
  border-bottom: 2px solid #b9b9b9;
  box-sizing: border-box;
}
.form-main table th,
.form-main table td {
  width: 50%;
  padding: 10px;
  border-top: 2px solid #b9b9b9;
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
  background: #ebebeb;
}

.form-main table th{
	width: 20%;
	border-right: 1px solid #b9b9b9;
	color: #fff;
	background: #555555;
}

.form-main table td{
	text-align: left;
	letter-spacing: -.4em;
}

.form-conf table td{
  letter-spacing: normal;
}

.form-main table td > *{
  letter-spacing: normal;
}

.form-main .req{
  color: #DD3736;
  font-size: 0.8em;
  margin-left: 2px;
}

.form-main .error{
  color: #DD3736;
}

/*
.form-main label + .require {
  margin-left: 5px;
}
*/

.form-main #comments{
  height: 5em;
}

.form_names label{
  display: inline-block;
  text-align: center;
  width: 10%;
  font-size: 14px;
}

.form_names input{
  width: 40%;
}

.form-main .input_half{width: 50%;}

.buttons{
  text-align: center;
}

.buttons input{
  padding: 10px;
  width: 30%;
  display: inline-block;
  cursor: pointer;
  border-color: #000;
}

.buttons input[type="submit"]{
  background: #DD3736;
  color: #fff;
  font-weight: bold;
  border: none;
  font-size: 16px;
  transition: background-color 200ms cubic-bezier(.45,.6,.73,.66);
}
.buttons input[type="submit"]:hover{
  background: #c29b4f;
  transition: background-color 200ms cubic-bezier(.45,.6,.73,.66);
}

.form-conf .buttons input[type="submit"]:nth-child(1),
.buttons input[type="reset"]{
  color: #000;
  background: #fff;
  padding: 9px 10px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  transition: background-color 200ms cubic-bezier(.45,.6,.73,.66);
}
.form-conf .buttons input[type="submit"]:nth-child(1):hover,
.buttons input[type="reset"]:hover{
  background: #ccc;
  transition: background-color 200ms cubic-bezier(.45,.6,.73,.66);
}

@media screen and (max-width: 750px) {
  .form-main table {
    width: 100%;
    min-width: auto;
  }
  .form-main table th,
  .form-main table td{
	  display: block;
	  width: 100%;
  }
  
  .form-main table th{
    border-left: 1px solid #b9b9b9;
    padding: 2px;
  }
  
  .form-main table td{
    border-left: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
/*     margin-bottom: 10px; */
    text-align: center;
  }
  
  .form-main .input_half{width: 100%;}
  
  .buttons input{
    width: 45%;
  }
  
}
