@charaset "UTF-8";

#wrap{
	margin:0 auto;
	color:#333;
	border-top:solid 5px #013399;
}
@media screen and (min-width: 501px) {
	#wrap{width:96%;max-width:1000px;}
}
@media screen and (max-width: 500px) {
	#wrap{width:100%;}
}

h1{
	width:100%;
}
h1 img{
	max-width:500px;
	margin:8px auto 10px auto;
	-webkit-backface-visibility: hidden;
	display:block;
}
@media screen and (max-width: 767px) {
	h1 img{max-width:300px;}
}

@media screen and (max-width: 767px) {
	img#top_img{max-width:400px;}
}

h2{
	font-size:20px;font-size:2rem;	color:#fff;
	text-align:center;
	margin:0.5em auto 1em auto;
	width:100%;
	background-color:#013399;
	padding:0.25em 0;
	letter-spacing:0.25em;
}
h2#hubi{
	background-color:#e83929;
}


p{font-size:16px;font-size:1.6rem;	line-height:1.8;
	width:96%;
	margin:0 auto;
}
table#form{
	width:96%;
	margin:0 auto 10px auto;
	border-collapse:collapse;
}
table#form td,table#form th{font-size:16px;font-size:1.6rem;	border:1px solid #ccc;
	padding:10px;
	line-height:1.8;
}
table#form th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:0.5em;
	color:red;
}
/*---------------
 フォーム
----------------*/
span.req{color:red;font-weight:bold;padding-left:0.25em;}
span.any{color:blue;}
label{
	display:block;
	width: 180px;
	margin-bottom:1.0em;
}
td label:last-child{margin-bottom:0;}

select,input,textarea{font-size:17px;font-size:1.7rem;font-family : inherit;}
div#conf{margin:20px auto;width:100%;text-align:center;}
.tyu{font-size:12px;font-size:1.2rem;color:#666;line-height:1.4;}
.tyu span{text-decoration:underline;}
input.back{display:block;margin:20px auto;}

/*---------------
 個人情報
----------------*/

p#priv_p{font-size:12px;font-size:1.2rem;line-height:1.4;}
/*---------------
 フッター
----------------*/
footer{font-size:14px;font-size:1.4rem;color:#fff;
	text-align:center;
	margin:2em auto 0 auto;
	width:100%;
	background-color:#013399;
	padding:0.75em 0;	
}
footer a{
	font-size:14px;font-size:1.4rem;	color:#fff;
	text-decoration:none;
}