/* for body */
.form-bg {
	background: #f6f6f6; width:100%
}

.form-contents {
	width:86%; margin:0 auto 5%; padding:35px 0;
}
.form-contents dl{
	display:flex; margin-bottom:30px
}
.form-contents dl dt{ line-height:48px; text-align:right; margin-right:35px; width:260px; font-size:14px}
.form-contents dl dd{ width:70%;}
.form-contents dl .dd-btn{ display:flex;}
.form-contents .form-input {height: 48px;
	}

.form-contents input {width: 100%;
	}
.form-contents select {
	height: 48px;}
.form-contents .form-textarea { width:100%}
.submit-btn {
  -webkit-appearance: none;
  background-color: rgba(245, 163, 54, 1);
  background-image: none;
  border: none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
   margin-right:15px;
  padding: 0.6em 2em;
  text-decoration: none;
  height:80px
}

.submit-btn:hover{
  outline: none;background-color: rgba(232, 132, 50, 1);
}
.submit-btn:focus {
  outline: none;
}

.submit-btn::-moz-foucus-inner {
  border: none;
  padding: 0;
}


.reset-btn {
  -webkit-appearance: none;
  background-color: rgba(187, 187, 187, 1);
  background-image: none;
  border: none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
   margin-right:15px;
  padding: 0.6em 2em;
  text-decoration: none;
  height:80px
}

.reset-btn:hover{
  outline: none;background-color: rgba(4, 10, 0, 1);
}
.reset-btn:focus {
  outline: none;
}

.reset-btn::-moz-foucus-inner {
  border: none;
  padding: 0;
}
.thanks-contents {
	width:86%; margin:0 auto; padding:35px 0;
}
.thanks-contents input {width: 400px; margin:0 auto
	}
.top-btn {
  -webkit-appearance: none;
  background-color: rgba(245, 163, 54, 1);
  background-image: none;
  border: none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
   margin-right:15px;
  padding: 0.6em 2em;
  text-decoration: none;
  height:80px
}

.top-btn:hover{
  outline: none;background-color: rgba(232, 132, 50, 1);
}
.top-btn:focus {
  outline: none;
}

.top-btn::-moz-foucus-inner {
  border: none;
  padding: 0;
}

/* for table */
#form-tbl {
	margin-left: 1.5em;
}
#form {
	border-collapse: collapse;
	margin: 1em 0; width:100%
}
#form th, #form td {
	border: 1px solid #666;
	padding: 15px;
}
#form th {
	white-space: nowrap; text-align:left;
	background: #e8e8e8;width:20%
}
#form td {
	background: #fff;width:80%
}
.form-contents .conf{ display:flex;}
.form-contents .conf input {
	width: 300px;
  height:80px
}
/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}


/* スマホ用 */
@media only screen and (max-width: 767px) {
.form-bg {
	background: #f6f6f6;
}

.form-contents {
	width:100%; margin:0 auto; padding:15px 15px;
}
.form-contents dl{
	display: block!important; margin-bottom:20px
}
.form-contents dl dt{ line-height:35px; text-align:left; margin-right:5px; width:100%; font-size:14px}
.form-contents dl dd{ width:100%; margin:0}
.form-contents dl .dd-btn{ display: block!important;}

.form-contents input {width: 100%;
	}
.form-contents select {
	height: 35px;}
	
.submit-btn {
  -webkit-appearance: none;
  background-color: rgba(245, 163, 54, 1);
  background-image: none;
  border: none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
   margin-right:15px;
  text-decoration: none;
  padding: 0.6em 2em;
  width:100%;
  margin-bottom:25px; height:60px
}

.submit-btn:hover{
  outline: none;background-color: rgba(232, 132, 50, 1);
}
.submit-btn:focus {
  outline: none;
}

.submit-btn::-moz-foucus-inner {
  border: none;
  padding: 0;
}


.reset-btn {
  -webkit-appearance: none;
  background-color: rgba(187, 187, 187, 1);
  background-image: none;
  border: none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
   margin-right:15px;
  padding: 0.6em 2em;
  text-decoration: none;
  width:100%;height:60px
}

.reset-btn:hover{
  outline: none;background-color: rgba(4, 10, 0, 1);
}
.reset-btn:focus {
  outline: none;
}

.reset-btn::-moz-foucus-inner {
  border: none;
  padding: 0;
}



.thanks-contents {
	width:86%; margin:0 auto; padding:35px 0;
}
.thanks-contents input {width: 100%; margin:0 auto
	}
.top-btn {
  -webkit-appearance: none;
  background-color: rgba(245, 163, 54, 1);
  background-image: none;
  border: none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
   margin-right:15px;
  padding: 0.6em 2em;
  text-decoration: none;
  height:60px
}

.top-btn:hover{
  outline: none;background-color: rgba(232, 132, 50, 1);
}
.top-btn:focus {
  outline: none;
}

.top-btn::-moz-foucus-inner {
  border: none;
  padding: 0;
}




/* for table */
#form-tbl {
	margin-left: 0;
}
#form {
	border-collapse: collapse;
	margin: 1em 0; width:100%
}
#form th, #form td {
	border: 1px solid #666;
	padding: 12px 8px;
	display:block;
	border-top: none;

} 
    #form tr:first-child th	{ border-top: 1px solid #666; }
  
#form th {
	white-space: nowrap; text-align:left;
	background: #e8e8e8;width:100%;
}
#form td {
	background: #fff;width:100%
}
.form-contents .conf{ display:block!important;}
.form-contents .conf input {
	width: 100%;
  height:60px
}
/* for message */