@charset "utf-8";


/*#######################################################*/
/*##                                                   ##*/
/*##  お問い合わせ                                     ##*/
/*##                                                   ##*/
/*#######################################################*/

/*---------------------------------------------------------
カテゴリタイトル
---------------------------------------------------------*/
#contact #categoryTtl{
	background-image: url( ../contact/img/bg_category_ttl.jpg);
}


/*---------------------------------------------------------
contents
---------------------------------------------------------*/
#contact #contents {
	padding-bottom: 120px;
}
	@media screen and (max-width: 959px) {
		#contact #contents {
			padding-bottom: 110px;
		}
	}
	
	@media screen and (max-width: 640px) {
		#contact #contents {
			padding-bottom: 40px;
		}
	}


/*--------------------------------------------------------

	フォーム
	
----------------------------------------------------------*/
/*電話*/
#contact .telBox{
	font-weight: bold;
	text-align: center;
	background-color: #EEF9F9;
	padding: 30px 0px;
	margin-bottom: 70px;
}
	#contact .telBox dt{
		float: left;
		width: 48.4%;
		font-size: 187.5%;
		line-height: 1.35em;
		padding: 15px 10px 0px;
		box-sizing: border-box;
	}
	
	#contact .telBox dd{
		border-left: #CEDDDD solid 2px;
		margin-left: 48.4%;
	}
	
	#contact .telBox dd img{
		/*width: 354px;*/
		width: 73.14%;
	}
	
	#contact .telBox dd span{
		display: block;
	}

/*リード*/
#contact .read{
	margin-bottom: 15px;
}

/*フォーム*/
#formWrap{
	padding:0px;
	margin: 0px 0px 80px;
}
	#formWrap .frmTbl{
		width: 100%;
		border-top: 1px dotted #BBBBBB;
		border-collapse: collapse;
	}

	#formWrap .frmTbl th,
	#formWrap .frmTbl td{
		font-size: 112.5%;
		vertical-align: top;
		border-bottom: 1px dotted #BBBBBB;
		border-collapse: collapse;
		padding: 20px 30px;
	}

	#formWrap .frmTbl th {
		color: #077272;
		font-weight: bold;
		background-color: #A5DBDB;
		padding: 30px 25px;
	}
	
	#formWrap .frmTbl .bg01{
		background-color: #EEF9F9;
		padding: 30px 25px;
	}
	
	#formWrap select{
		vertical-align: middle;
			-webkit-appearance: none;
			-moz-appearance: none;
			-ms-appearance: none;
		appearance: none;
		background-image: url(../common/arw05.png);
		background-position: 95% center;
		background-repeat: no-repeat;
		content: "";
	}
	
	/*住所*/
	#formWrap .adList{
		
	}
		#formWrap .adList dt{
			float: left;
			clear: both;
			width: 190px;
			font-weight: bold;
			padding-top: 10px;
		}
		#formWrap .adList dd{
			margin: 0px 0px 10px 200px;
		}
			#formWrap .adList dd:last-of-type{
				margin-bottom: 0px;
			}
			
			#formWrap .adList dd .btnYubin{/*郵便ボタン*/
				display: inline-block;
				width: 140px;
				vertical-align: top;
				margin-left: 10px;
				cursor: pointer;
			}
	
	#formWrap .w01,
	#formWrap .w02,
	#formWrap .w03{
		width:100%;
		border: #CCCCCC solid 1px;
		padding: 10px 10px 10px;
		box-sizing : border-box;
	}
	
	#formWrap .w01{
		width:100%;
	}
	
	#formWrap .w02{
		width:70%;
	}

	#formWrap .w03{
		width:45%;
	}
	
	#formWrap .memo{
		height: 200px;
	}
	
	/*placeholderの色変更*/
	#formWrap :placeholder-shown {
		color: #999999; }

	/* Google Chrome, Safari, Opera 15+, Android, iOS */
	#formWrap ::-webkit-input-placeholder {
		color: #999999; }

	/* Firefox 18- */
	#formWrap :-moz-placeholder {
		color: #999999; opacity: 1; }

	/* Firefox 19+ */
	#formWrap ::-moz-placeholder {
		color: #999999; opacity: 1; }

	/* IE 10+ */
	#formWrap :-ms-input-placeholder {
		color: #999999; }
	
	/*エラーメッセージ*/
	#formWrap .errorMes{
		color: #DD2626;
		font-size: 88.889%;
		font-weight: bold;
		padding-bottom: 5px;
	}

/*確認*/
#formWrap.formCheck {
}
	#formWrap.formCheck .frmTbl td{
		padding: 30px 25px;
	}

/*必須*/
.must{
	display:inline-block;
	color: #FFFFFF;
	font-size: 87.5%;
	font-family: 'Noto Sans Japanese', sans-serif;
	vertical-align: middle;
	background-color: #FA4646;
	padding: 0px 8px 1px;
	margin-left: 8px;
}

.btnTxt{
	color: #077272;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

#nextBtn{
}

#nextBtn input.btnSubmit {
	display: block;
	width: 350px;
	color: #FFFFFF;
	font-size: 112.5%;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: bold;
	text-align: center;
	background-color: #077272;
	border: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
	border-radius: 5px;
	padding: 19px 10px 17px 10px;
	margin: 0px auto;
	box-sizing: border-box;
	cursor: pointer;
		-webkit-appearance: button;
		-moz-appearance:none;
    appearance: button;
}

/*修正する*/
#nextBtn p.backBtn{
	width: 150px;
	margin: 30px auto 0px;
}

#nextBtn p.backBtn a {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-color: #CCCCCC;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
	border-radius: 5px;
	padding: 19px 10px 17px 10px;
}

#alertBox{
	color: #DD2626;
	font-weight: bold;
	text-align: center;
	background-color: #FFE6E7;
	border: #E33838 solid 3px;
	padding: 30px 20px 30px;
	margin-bottom: 20px;
}


/*完了*/
#thankWrap{
	border-bottom: #CCCCCC solid 1px;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

#thankMes{
	color: #077272;
	font-size: 237.5%;
	font-weight: bold;
	text-align: center;
	background-color: #EEF9F9;
	padding: 35px 20px 30px;
	margin-bottom: 50px;
}

#thankTxt{
	color: #000000;
	line-height: 2.0em;
	text-align: center;
	margin-bottom: 40px;
}

#thankTel{
	text-align: center;
}

	#thankTel img{
		width: 25%;
	}
	
	#thankTel span{
		display: block;
		font-weight: bold;
	}

/*トップへ戻る*/
#backHome{
	text-align: center;
}

#backHome p a{
	color: #077272;
}

	@media screen and (max-width: 959px) {
		/*電話*/
		#contact .telBox{
			padding: 20px 15px;
			margin-bottom: 40px;
		}
			#contact .telBox dt{
				float: none;
				width: 100%;
				font-size: 1.8rem;
				padding: 0px 0px 10px;
			}

			#contact .telBox dd{
				border-top: #CEDDDD solid 2px;
				border-left: none;
				padding-top: 15px;
				margin-left: 0;
			}
		
		/*フォーム*/
		#formWrap{
			margin: 0px 0px 30px;
		}
			#formWrap .frmTbl{
				border-top: none;
			}
			
			#formWrap .frmTbl th,
			#formWrap .frmTbl td{
				font-size: 1.6rem;
				border-bottom: none;
				padding: 20px 0px;
			}

			#formWrap .frmTbl th {
				padding: 10px 10px;
			}

			#formWrap .frmTbl .bg01{
				padding: 10px 0px;
			}
		
		/*住所*/
		#formWrap .adList dt{
			float: none;
			width: 100%;
			padding-top: 0px;
		}
		#formWrap .adList dd{
			margin: 0px 0px 10px 0px;
		}
			#formWrap .adList dd .btnYubin{/*郵便ボタン*/
				width: 134px;
			}
		
		#formWrap .w02{
			width: 100%;
		}

		#formWrap .memo{
			height: 160px;
		}
		
		/*エラーメッセージ*/
		#formWrap .errorMes{
			font-size: 1.4rem;
		}
		
		/*確認*/
		#formWrap.formCheck .frmTbl td{
			font-size: 1.7rem;
			padding: 20px 0px;
		}
		
		/*必須*/
		.must{
			font-size: 1.1rem;
		}
		
		#nextBtn input.btnSubmit {
			width: 100%;
			font-size: 1.5rem;
		}
		/*修正する*/
		#nextBtn p.backBtn{
			width: 40%;
			margin: 20px auto 0px;
		}
		
		#alertBox{
			padding: 20px 20px 20px;
		}
		
		/*完了*/
		#thankWrap{
			padding-bottom: 30px;
			margin-bottom: 30px;
		}

		#thankMes{
			font-size: 2.0rem;
			padding: 25px 15px 20px;
			margin-bottom: 25px;
		}

		#thankTxt{
			line-height: 1.75em;
			margin-bottom: 20px;
		}

		#thankTel img{
			width: 50%;
		}
	}
	
	@media screen and (max-width: 640px) {
		#thankTel img{
			width: 80%;
		}
	}