@charset "utf-8";



@media screen and (min-width:1000px) {
form#mail_form table th span.required {
	display : inline-block;
	float : left;
	font-size: 0.8em;
	color : #ffffff;
	line-height : 1em;
	padding : 10px 20px;
	border-radius : 3px;
	background : #e63232;
	margin-right: 10px;
}
}
@media screen and (min-width:600px) and ( max-width:999px) {
form#mail_form table th span.required {
	font-size: 0.8em;
	line-height: 24px;
	color: #FFF;
	font-weight: normal;
	background-color: #e63232;
	text-align: center;
	height: 24px;
	width: 70px;
	margin-top: -13px;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	right: 25px;
}
}
@media screen and (max-width:599px) {
form#mail_form table th span.required {
	font-size: 0.75em;
	line-height: 20px;
	color: #FFF;
	font-weight: normal;
	background-color: #e63232;
	text-align: center;
	height: 20px;
	width: 50px;
	margin-top: -10px;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	right: 20px;
}
}



form#mail_form table td span.error_blank,
form#mail_form table td span.error_format,
form#mail_form table td span.error_match{
	display : block;
	color : #ff0000;
}



span.loading{
	width : 50px;
	height : 50px;
	border-radius : 50%;
	border-top : 5px solid rgba( 255, 255, 255, 0.2 );
	border-right : 5px solid rgba( 255, 255, 255, 0.2 );
	border-bottom : 5px solid rgba( 255, 255, 255, 0.2 );
	border-left : 5px solid #ffffff;
	-webkit-transform : translateZ( 0 );
	-ms-transform : translateZ( 0 );
	transform : translateZ( 0 );
	-webkit-animation : load-circle 1.0s linear infinite;
	animation : load-circle 1.0s linear infinite;
	position : absolute;
	top : 50%;
	left : 50%;
	margin-top : -25px;
	margin-left : -25px;
}



@-webkit-keyframes load-circle{
	0%{
		-webkit-transform : rotate( 0deg );
		transform : rotate( 0deg );
	}
	100%{
		-webkit-transform : rotate( 360deg );
		transform : rotate( 360deg );
	}
}



@keyframes load-circle{
	0%{
		-webkit-transform : rotate( 0deg );
		transform : rotate( 0deg );
	}
	100%{
		-webkit-transform : rotate( 360deg );
		transform : rotate( 360deg );
	}
}