h1 {
	font-size:24px;
	background:#E8538B;
	color:#fff;
	text-align:center;
	width:100%;
	max-width:720px;
	padding:8px;
	margin:.5em auto 1em;
	box-sizing: border-box;
}
.descTitle {
	display:block;
	width:100%;
	max-width:720px;
	margin:0 auto .5em;
	padding-bottom: 3px;
	font-weight: bold;
	color: #E8538B;
}
.descBody {
	display:block;
	width:100%;
	max-width:720px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin:0 auto 1em;
}
table.mailform {
	border-bottom: 2px solid #DDD;
	width:100%;
	max-width:720px;
	margin:0 auto 40px;
}
table.mailform th {
	width: 25%;
	line-height: 200%;
	font-weight: normal;
	text-align: left;
	border-top: 2px solid #E8538B;
	padding: 8px;
	white-space: nowrap;
	vertical-align: middle;
}
table.mailform th span {
	font-weight: bold;
	color: #F00;
}
table.mailform td {
	text-align: left;
	line-height: 200%;
	border-top: 2px solid #DDD;
	padding: 8px;
}
strong {
	font-weight: normal;
	color: #F00;
}
	
input[type="text"], textarea {
	font-size: 15px;
	margin: 5px;
	padding: 5px;
}
textarea {
	width: 100%;
	box-sizing: border-box;
}
select {
	font-size: 15px;
	margin: 5px;
	padding: 5px;

}
input[type=checkbox],
input[type=radio] {
	transform: scale(1.2);
	margin-right: 6px;
}
.form-style input[type="checkbox"] {
	margin: 0 0.5em;
}
.formwidth-ss {
	width: 5%;
}
.formwidth-s {
	width: 15%;
}
.formwidth-ms {
	width: 25%;
}
.formwidth-m {
	width: 45%;
}
.formwidth-l {
	width: 80%;
}
.regi-buttun {
	text-align: center;
	margin: 3% 0 0;
}

.entry-area {
	width: 500px;
	margin: 5% auto;
	padding-bottom: 40px;
}
input[type="submit"] {
	-webkit-appearance: none;
	cursor: pointer;
	color: #FFF;
	text-align: center;
	background: #E8538B;
	border: none;
	padding: 15px 80px;
	margin: 0 auto 20px;
}
.hback {
	-webkit-appearance: none;
	cursor: pointer;
	color: #FFF;
	text-align: center;
	background: #999;
	border: none;
	padding: 15px 80px;
	margin: 0 auto 20px;
}
.r-button2 {
	-webkit-appearance: none;
	color: #FFF;
	cursor: pointer;
	text-align: center;
	background: #b5b5b5;
	border: none;
	padding: 2% 80px;
}
.r-button1:hover {
	 background: #90000D;
}
.r-button2:hover {
	background: #999;
}

.button-rd {
	-webkit-appearance: none;
	cursor: pointer;
}
.button-gr {
	-webkit-appearance: none;
	cursor: pointer;
}
.button-rd {
	width: 47%;
	display: block;
	float: left;
	text-align: center;
	color: #FFF;
	background: #0069B2;
	border: none;
	padding: 2.5% 0;
}
.button-rd:hover {
	opacity: 0.8;
}
.button-rd-n {
	float: none;
	margin: 0 auto;
}
.button-gr {
	width: 47%;
	display: block;
	float: right;
	text-align: center;
	color: #FFF;
	background: #b5b5b5;
	border: none;
	padding: 2.5% 0;
}
.button-gr:hover {
	opacity: 0.8;
}

[class^="button"] {

	/* animation */

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#info {
	background: #eee;
	text-align: center;
	padding:25px 0;
}
#info h3 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}
#footerWrapper {
	border-top: 1px solid #ddd;
	padding:20px 0 20px;
	text-align: center;
	background: #999;
	color: #fff;
}
.copyright {
	font-size:13px;
}
.nece {color: #FF0000; font-size: 12px; }
.align-center {text-align:center !important;}
label { display:inline-block; margin-right:1em;margin-bottom:0;}
div.error_message {color: #FF0000; font-weight:bold;}
div.confirm
{ width:570px; text-align:left; margin-left:auto;margin-right:auto;margin-bottom:20px;}
div.confirm_title
{ font-weight:bold; text-align:left; border-bottom:2px solid #efefef;margin-bottom:5px;}
div.confirm_content
{margin-left:2em;}
div.submitArea
{text-align:center;}

.error_messe {
  color: #d00;
}

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

	.descTitle {
		width:95%;
	}
	.descBody {
		width:95%;
	}
	table.mailform {
		width: 95%;
		margin: 0 auto 40px;
	}
	table.mailform th {
		background: #f3f3f3;
	}
	table.mailform th,
	table.mailform td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	table.mailform td input,
	table.mailform td textarea {
		max-width:100%;
	}
}