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


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

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

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

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

#formWrap dl.formTable{
	width:100%;
	background-color:#efefef;
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
}

#formWrap dl.formTable dt,
#formWrap dl.formTable dd{
	padding:0.6em;
	border-top:1px solid #ccc;
	box-sizing: border-box;
}

#formWrap dl.formTable dd{
	background-color: #fff;
}

#formWrap dl.formTable dd input[type="text"]{
	width:100%;
	padding:0.8em;
	box-sizing: border-box;
}
#formWrap dl.formTable dd input select{

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

#formWrap dl.formTable dd textarea{
	margin:0;
	width:100%;
	padding:0.8em;
	box-sizing: border-box;
}

span.required{
	color:#F00;
	
}

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

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

/*-----------------確認画面 mail.php-----------------*/
#formWrap .confTitle{
	margin-bottom:1em;
	color:white;/*   ←　追記 -------*/
	text-align:center;/*   ←　追記 -------*/
}
#formWrap .confMesse{
	margin-bottom:1em;
	color:white;/*   ←　追記 -------*/
}
table.mailTable{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	border-collapse:collapse;
}
table.mailTable th,
table.mailTable td{
	display:block;
	width:100%;	
	color:black;/*   ←　追記 -------*/
}
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;
	font-weight:normal;
}
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;
	color:white;/*   ←　追記 -------*/
}
.reqMesse p{
	color:white;/*   ←　追記 -------*/
}
.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-----------------*/
	#formWrap dl.formTable dt{
		padding-bottom:0;
		float:left;
		width:33%;
		text-align:left;
	}
	#formWrap dl.formTable dd{
		border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-left: 33%;
    text-align: left;
	}
	/*-----------------共通ボタン-----------------*/
	.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*/