@charset "utf-8";
/* CSS Document */
form{
	margin-bottom:1.5em;
}


#formWrap {
	width:100%;
	color:#555;
	line-height:1.8;
	/*font-size:90%;*/
}

#formWrap h3{
	margin-top:30px;
	padding: 7px 10px 7px 10px;
	font-size: 120%;
	color: #fff;
	background-color: #3cb37a;
	text-align: center;
}

/*-----------------質問 contact.html-----------------*/
.table dl{
	border:none;
}

dl,dd,dt{
   padding:0;
   margin:0;
}

dl.formTable{
	width:100%;
	/*border:1px solid #ccc;
	border-top: none;*/
	background-color:#efefef;

}
dl.formTable dt,
dl.formTable dd{
	padding:0.6em;
}

dl.formTable dt{
	border-top:1px solid #ccc;
	/*white-space:nowrap;*/
	box-sizing: border-box;
}

dl.formTable dd{
	background-color: #fff;
	border-top: 1px solid #ccc;
	box-sizing: border-box;
}

dl.formTable dd input[type="text"]{
	width:80%;
	padding:0.8em;
}
dl.formTable dd input select{

}
dl.formTable dd input#your_name,
dl.formTable dd input#phone_number,
dl.formTable dd input#Email {
}

dl.formTable dd textarea{
	margin:0;
	padding:0;
	width:100%;
}

span.required{
	color:#F00;

}

/*span.desktop{
	display:none;
}*/

#your_name, #phone_number, #Email{
	/*margin-bottom:0.5em;*/
}

/*-----------------確認画面 mail.php-----------------*/
#formWrap .confTitle{
	margin-bottom:1em;
}
#formWrap .confMesse{
	margin-bottom:1em;
}
table.mailTable{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
table.mailTable th,
table.mailTable td{
	display:block;
	width:100%;
}
table.mailTable th{
	background-color:#efefef;
	border-top:1px solid #ccc;
	padding:0.6em;
	vertical-align:middle;
	font-weight:bold;
	text-align:center;
	box-sizing:border-box;
}
table.mailTable td{
	background-color:#fff;
	border-top:1px solid #ccc;
	padding:0.6em;
	vertical-align:top;
	text-align:left;
	box-sizing:border-box;
}
table.mailTable tr:last-child td{
	border-bottom:1px solid #ccc;
}
/*-----------------エラー画面 mail.php-----------------*/
.reqMesse h4{
	margin-top:20px;
	margin-bottom:20px;
}
.reqMesse input{
	margin-top:30px;
}
/*-----------------ありがとう画面トップへ戻るボタン mail.php-----------------*/
.backTop{
	display:block;
	height:3em;
	line-height:3em;
	padding-bottom:3em;
background: #ffe37f; /* Old browsers */
background: -moz-linear-gradient(top,  #ffe37f 1%, #ffd700 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffe37f 1%,#ffd700 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffe37f 1%,#ffd700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe37f', endColorstr='#ffd700',GradientType=0 ); /* IE6-9 */
}

/*-----------------ボタン 共通-----------------*/
.pushButton{
	height:3em;
	width:45%;
	border:1px solid #ccc;
	border-radius:1.5em;
	-moz-border-radius:1.5em;
	-ms-border-radius:1.5em;
	-o-border-radius:1.5em;
	-webkit-border-radius:1.5em;
background: #ffe37f; /* Old browsers */
background: -moz-linear-gradient(top,  #ffe37f 1%, #ffd700 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffe37f 1%,#ffd700 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffe37f 1%,#ffd700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe37f', endColorstr='#ffd700',GradientType=0 ); /* IE6-9 */

/*background: #f7f7f7;
background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 50%, #efefef 51%, #efefef 100%);
background: -webkit-linear-gradient(top, #f7f7f7 0%,#f7f7f7 50%,#efefef 51%,#efefef 100%);
background: linear-gradient(to bottom, #f7f7f7 0%,#f7f7f7 50%,#efefef 51%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#efefef',GradientType=0 ); */
}


@media only screen and (min-width: 768px){
	/*-----------------質問 contact.html-----------------*/
	dl.formTable {
		border-bottom:1px solid #ccc;
	}

	dl.formTable dt{
		padding-bottom:0;
	}
	/*-----------------共通ボタン-----------------*/
	.pushButton{
		width:20%;
	}
	input.pushButton:hover{
		background:none;
		background-color:orange;
		color:#fff;
	}
	/*-----------------確認画面 mail.php-----------------*/
	table.mailTable th,
	table.mailTable td{
		display:table-cell;
	}
	table.mailTable th{
		width:25%;
	}
	table.mailTable tr:last-child th{
		border-bottom:1px solid #ccc;
	}
/*-----------------ありがとう画面トップへ戻るボタン mail.php-----------------*/
	.backTop{
		width:350px;
		padding-bottom:0;
		margin-left:auto;
		margin-right:auto;
	}

} /*@media*/