@charset "UTF-8";

#section01 {
	background: transparent url('/contact/img/bg_section01.jpg') no-repeat center center;
	background-size: cover;
}

.formStyle01 th {
	width: 30%;
}

.lead_txt{
	text-align: center !important;
	font-size: 2.2rem !important;
	font-weight: bold;
}

.gairai{
	max-width: 640px;
	margin: 0 auto 40px;
	border: 5px solid #369ab3;
	background: #dff6f7;
	padding: 20px;
	border-radius: 10px;
}

.touseki{
	max-width: 640px;
	margin: 0 auto 40px;
	border: 5px solid #59b35e;
	background: #dff7e0;
	padding: 20px;
	border-radius: 10px;
}

.contact_address{
	max-width: 640px;
	margin: 0 auto;
	border: 5px solid #b3a77d;
	background: #fff3c9;
	padding: 20px;
	border-radius: 10px;
}

#contact h3{
	font-size: 2.8rem;
	margin-bottom: 10px;
}
#contact .gairai h3{
	color: #266e80;
}
#contact .touseki h3{
	color: #408043;
}

#contact p.tel_txt{
	text-align: center;
	font-size: 3.2rem;
	margin-bottom: 0;
}
#contact .tel_txt a{
	font-weight: bold;
}
#contact .touseki .tel_txt a{
	color: #408043;
}
	#contact .tel_txt a:before{
		font-family: 'FontAwesome';
		content: "\f2a0";
		display: inline-block;
		padding-right: 10px;
		transform: rotate(-23deg);
		font-size: 3.4rem;
	}
	
	#contact .touseki .tel_txt a:before{
		color: #408043;
	}

#contact .gairai .txt{
	font-size: 2.0rem;
	margin-top: 10px;
	text-align: center;
}

#contact .contact_address .txt{
	text-align: center;
	font-size: 2.0rem;
	margin-bottom: 0;
}

#contact .contact_address p.tel_txt{
	text-align: center;
	font-size: 2.0rem;
	margin-bottom: 0;
}

	#contact .contact_address p.tel_txt span{
		font-size: 2.0rem;
		padding-left: 0;
	}

#contact .contact_address p.tel_txt a{
	color: #333;
}

#contact .tel_txt span{
	padding-left: 10px;
	font-size: 2.4rem;
}

#contact .touseki .hours{
	text-align: center;
	font-size: 2.0rem;
}
				#contact .tableStyle01 {
					width: 100%;
					margin: 10px 0;
					border: none;
					font-size: 2.0rem;
				}

					#contact .tableStyle01 td {
						background: #fff;
					}

						#contact .tableStyle01 tr:first-of-type td:first-child {
							border: none;
							background: none;
						}

				#contact .tableStyle01 th {
					background: #369ab3;
					border-color: #369ab3;
					font-weight: bold;
					color: #fff;
				}

				#contact .tableStyle01 td {
					border-color: #369ab3;
				}

				#contact .tableStyle01 td.bg_colored {
					background: #a1d8e6;
				}

/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:480px) {
	#name {
		width: 100% !important;
	}
	
	#contact h3{
		font-size: 2.0rem;
	}
	
	#contact p.tel_txt{
		font-size: 2.5rem;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	
	#contact .tel_txt span{
		font-size: 1.8rem;
		padding-left: 0;
		display: block;
	}
	
	#contact .contact_address p.tel_txt{
		line-height: 1.6;
	}
	
	#contact .contact_address p.tel_txt span{
		font-size: 1.6rem;
	}
	
	#contact .tableStyle01{
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-all;
	}
	
	#contact .tableStyle01 th{
		font-size: 1.4rem;
	}
	
	#contact .tableStyle01 tr:first-child td{
		width: 10%;
	}
}