/************************************

お問い合わせ

************************************/
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  background: #84cac4;
  width:260px;
  text-align: center;
  font-size: 16px;
  letter-spacing: .2em;
  padding:20px 0;
  color:#fff;
  font-weight: bold;
  margin:0 auto;
  display: block;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

input[type="text"],
input[type="tel"],
textarea{
	border:none;
	background: #f1f2f6;
	font-size: 14px;
	padding:8px;
}

#contact h2{
	text-align: center;
	margin-bottom: 30px;
	font-weight: 500;
	letter-spacing: .2em;
}



#contact .title{
	background: url(../img/contact/h1_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}

#contact .container{
	background: #edf7f6;
	padding-bottom: 130px;
}

#contact .container p{
	font-size: 16px;
	text-align: center;
	padding:40px 0;
}

#contact .container .section{
	background: #fff;
	padding:40px 0;

}

#contact .container .section th{
	font-size: 18px;
	margin-bottom: 40px;
	display: block;
}

#contact .container .section th span{
	background: #0076a7;
	color:#fff;
	font-size: 14px;
	padding:2px 5px 3px;
	margin-left: 10px;
}

#contact .container .section table{
	max-width: 750px;
	width:80%;
	margin:0 auto;
}


#contact .container .section input[type="text"],
#contact .container .section input[type="tel"],
#contact .container .section textarea{
	width:100%;
}

.radio_cont td label input
{
	width:15px !important;
	height:15px;

}

#contact.other_page .container{
	padding-top: 130px;

}

#contact.other_page .container h2{
	font-size: 28px;
}

#contact.other_page .container.finish dl{
	text-align: center;
}

#contact.other_page .container.finish ul a{
	background:#84cac4;
	padding:20px 0px;
	display: block;
	width:300px;
	text-align: center;
	margin:0 auto 30px;
	color:#fff;
}

@media screen and (max-width: 1023px) {


#contact .container .section input[type="text"],
#contact .container .section input[type="tel"],
#contact .container .section textarea{
	width:90%;
}



}


@media screen and (max-width: 767px) {

#contact .container .section{
	background: #fff;
	padding:10px 0 20px;

}


#contact .container .section th,
#contact .container .section td{
   display: block;
}

#contact .container .section th{
	margin-bottom: 10px;
}

#contact .container .section td{
	margin-bottom: 40px;
	width:100%;
}

#contact .container .section tr:last-child td{
	margin-bottom: 0px;
}

#contact .container .section table{
	width:90%;
	margin:0 auto;
}

input[type="text"],
input[type="tel"],
textarea{
	padding:2%;
}

#contact .container .section input[type="text"],
#contact .container .section input[type="tel"],
#contact .container .section textarea{
	width:96%;
}

#contact.other_page .container{
	padding-top: 80px;

}

#contact.other_page .container h2{
	font-size: 5vw;
}

#contact.other_page .container p{
	font-size: 12px;
	width:90%;
	margin:0 auto;
}



#contact.other_page .container.finish ul a{
	background:#84cac4;
	padding:20px 0px;
	display: block;
	width:80%;
	text-align: center;
	margin:0 auto 30px;
	color:#fff;
	font-size: 13px;
}


	

}