@charset "UTF-8";

h3{
	font-size: 2.2rem;
	text-align: center;
	font-weight: bold;
	color: #80b4e6;
	letter-spacing: 0.08em;
	padding-bottom: 10px;
}
h3 .en{
	font-weight: normal;
	font-size: 1.2rem;
	display: block;
	margin-bottom: 5px;
	letter-spacing: 0.2em;
}


/*-----contact_form----------------------------------*/

#contact_form .wrap{
	padding: 70px 0 115px;
}

.telephone {
	max-width: 900px;
	margin: 60px auto 0;
	padding: 45px 0 55px;
	background: #f5f5f5;
}
.telephone .tel_link{
	max-width: 357px;
	margin: 34px auto 0;
}
.telephone .open{
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	max-width: 375px;
	margin : 10px auto 0;
	background: #fff;
	padding: 15px 0;
	letter-spacing: 0.08em;
}

.form .formbox{
	margin-top: 80px;
}


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

	h3 .en{
		font-size: 1rem;
	}
	h3{
		font-size: 1.6rem;
	}


	/*-----visual----------------------------------*/

	#visual{
		background: url(../img/ttl_bg01.jpg) no-repeat center;
		background-size: cover;
	}

	/*-----contact_form----------------------------------*/

	#contact_form .wrap{
		padding: 10% 0 12%;
	}
	.telephone {
		margin: 10% auto 0;
		padding: 8% 0;
	}
	.telephone .boxin{
		width: 85%;
	}
	.telephone .tel_link{
		margin-top: 10%;
	}
	.telephone .open {
		font-size: 1.3rem;
		max-width: 375px;
		margin: 3% auto 0;
		background: #fff;
		padding: 4% 0;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
	}

	.form .formbox{
		margin-top: 10%;
	}

}