@charset "UTF-8";
.contact{
	width: 90%;
	margin: 40px auto;
	max-width: 480px;
	min-height: 300px;
}
.contact_ttl{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 35px;
	font-weight: 600;
	letter-spacing: 0.1em;
	color: #3F83CE;
	text-align: center;
	margin: 40px auto 0;
}
.mail_area{
	width: 80%;
	margin: 30px auto;
	max-width: 1120px;
}


/*--------------------max-width:900px--------------------------------------------------------
-----------------------------------------------------------------------*/

@media screen and (max-width:900px){
.contact_top{
	width: 80%;
	margin: 30px auto;
	font-size: 1.1rem;
	max-width: 700px;
}
	.mail_area{
	width: 90%;
	margin: 30px auto;
	max-width: 1120px;
}
.contact_ttl{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 25px;
	font-weight: 600;
	letter-spacing: 0.1em;
	color: #3F83CE;
	text-align: center;
	margin: 40px auto 0;
}
}
/*--------------------max-width:480px--------------------------------------------------------
-----------------------------------------------------------------------*/
@media screen and (max-width:480px){
.contact_top{
	width: 90%;
	margin: 30px auto;
	font-size: 1rem;
	max-width: 480px;
}
.contact_ttl{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0em;
	color: #3F83CE;
	text-align: center;
	margin: 40px auto 0;
}
.contact_top span{
	color: #e73656;
}
.mail_area{
	width: 100%;
	margin: 20px auto;
	max-width: 480px;
}
}