@charset "utf-8";
/* CSS Document */

/*コンテンツ背景*/


/*見出し*/
h2{
	font-size: 20px;
	margin: 0 0 15px 0;
}

/*文章内リンク*/
a{
	text-decoration: none;
}


/*説明文*/
div#contents p{
	font-size: 14px;
	line-height: 20px;
}

/*問合せフォーム*/
div#mail-form{
	margin-top: 20px;
	padding: 5%;
	background-color: #FFFFFF;
}

div#mail-form p{
	margin:0 0 15px 0;
	font-size: 13.44px;
}

/*エラー時メッセージ*/
div#mail-form p.error{
	margin-bottom: 1px;
    color: #FF0000;
}

label{
	line-height: 24px;
}

textarea{
	height: 250px;
}

input, textarea{
	width: 100%;
	padding: 0;
	font-size: 20px;
}

/*電話番号用フォーム*/
input.form-tel{
	width: 20%;
}

/*-(ハイフン)*/
span{
	vertical-align: middle;
	font-size: 28px;
}

/*確認ボタン*/
div#mail-form div{
	min-width: 200px;
	width: 70%;
	margin: 0 auto
}

.comfirmation{
	width: 100%;
	padding: 3% 4%;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #cc7312;
}

@media screen and (min-width: 751px){
	
	div.gray-back{
		padding: 28px 7.41%;
	}
	
	div#mail-form{
		padding: 32px;
		box-sizing: border-box;
	}
	
	div#mail-form br{
		display: none;
	}
	
	div#mail-form p{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
		
	label{
		min-width: 118px;
		width: 22%;
		vertical-align: middle;
	}
	
	label.form-text{
		margin-top: 50px;
	}
	input, textarea,span{
		width: 100%;
	}
	
	textarea{
		height: 125px;
	}
	
	div#mail-form div{
		width: 30%;
	}
	
	.comfirmation{
		font-size: 16px;
	}
}