@charset "utf-8";


/**************************************************50
 * contact
 **************************************************/
#contact{
	background-color: #F1F1F1;
}
#contact_note{
	background-color: #FFFFFF;
	border: 1px solid #29AAE1;
	font-size: 87.5%;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:767px){
	#contact{
		padding-top: 3.125%;
		padding-bottom: 3.125%;
	}
	#contact_note{
		padding: 3.125%;
		width: -webkit-calc(93.75% + (1px * 2));
		width: calc(93.75% + (1px * 2));
	}
}
@media screen and (min-width:768px){
	#contact{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#contact_note{
		padding: 1em;
		text-align: center;
		width: -webkit-calc(100% - (20px * 2));
		width: calc(100% - (20px * 2));
		max-width: 792px;
	}
}