@charset "utf-8";
a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video,input,textarea,select{
	box-sizing:border-box;
}
header {
	padding-top: 15%;
}


#page.contact .content{
	margin:0 auto;
	width:64%;
}
@media (max-width: 1000px) {
	#page.contact .content{
		margin:0 auto;
		width:80%;
	}
}
#page.contact .content h1{
	margin:0 auto;
	padding:5vw 0 2vw;
	text-align:center;
	font-weight: 700;
	font-size: 1.8vw;
}
#page.contact .formbox{padding: 0 0 50px;}
	#page.contact .formbox table{
		width:100%;
		margin:40px auto 0;
	}
	#page.contact .formbox table th{
		min-height:55px;
		border-bottom:1px solid #f2f2f2;
		text-align:left;
		vertical-align:top;
		padding:17px 0 10px;
		width:220px;
	}
	#page.contact .formbox table td{
		min-height:55px;
		border-bottom:1px solid #f2f2f2;
		text-align:left;
		vertical-align:middle;
		padding:10px 0;
		width:calc(100% - 220px);
	}
		#page.contact .formbox table th div{
			float:right;
			background-color:#fe2e2e;
			text-align:center;
			padding:4px 10px;
			line-height:1;
			color:#fff;
			display: table-cell;
			font-size:70%;
			font-weight:normal;
			margin-top:8px;
		}
	#page.contact .formbox table td{padding-left:50px;}
	#page.contact .formbox table td .fbox{float:left;}
	#page.contact .formbox table td label{
		width:3em;
		text-align:center;
		vertical-align:middle;
		display:inline;
		float:left;
		padding:7px 0;
	}
#page.contact .formbox table td span{
	padding-top:5px;
	display:inline-block;
	float:left;
}
	#page.contact .formbox table td select{
		padding:7px 10px;
		width:400px;
		margin:0 0 10px;
		display:table-cell;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 1px solid #999;
		background: #eee;
		background: url(../images/common/select_arrow.png) right 50% no-repeat;
		background: url(../images/common/select_arrow.png) right 50% no-repeat;
		background-size: 30px, 100%;
	}
	#page.contact .formbox table td input{padding:7px 10px;width:70%;}
	#page.contact .formbox table td textarea{width:100%;height:280px;padding:7px 10px;}
	#page.contact .formbox table td input.name{padding:7px 10px;width:150px;float: left;margin-right:20px;}

	#page.contact .formbox table td select,
	#page.contact .formbox table td input,
	#page.contact .formbox table td textarea{margin:0;background-color:#f7f7f7;border:1px solid #c8c8c8;}

	#page.contact .formbox table td .waku.on select,
	#page.contact .formbox table td .waku.on input,
	#page.contact .formbox table td .waku.on textarea{background-color:#FFE6E7;}


	#page.contact .formbox option{color:#000;}
	#page.contact .formbox .firstChild{color:#ccc;}

	#page.contact .formbox .errbox{display:block;width:100%;color:#fe2e2e;font-weight:bold;clear:both;}


#page.contact .formbox table td .inpbox{padding:7px 10px;margin:0;display:table-cell;width:100%;}
#page.contact .formbox table td .name.inpbox{width:160px}



#page.contact .content .button{
	margin:0 auto;
	display:table;
	width:40vw;
	font-family: Book Antiqua,Century;
	font-weight:bold;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color:#000;
	margin:40px auto;
}
	#page.contact .content .button:hover{
		background-color:#fe2e2e;
	}
#page.contact .content .button a{
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: center;
	align-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	width:100%;
	line-height:56px;
	color:#fff;
	text-align:center;
}
#page.contact .content .buttonbox{
	width:80%;
	margin:25px auto 0;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: center;
	align-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}
#page.contact .content .buttonbox .button.submit{width:46%;}
#page.contact .content .buttonbox .button.back{width:46%;float:left;}


@media (max-width: 768px) {
	header {
	    padding-top: 25%;
	}
	#page.contact .content {
	    margin: 0 auto;
	    width: 94%;
	}
	#page.contact .content h1 {
	    margin: 0 auto;
	    padding: 8vw 0 2vw;
	    font-size: 4.5vw;
	}
#page .formbox {
    margin: 0 2%;
    width: 96%;
}
#page.contact .content .list{margin-bottom:30px;}

input[type=text] {
  font-size: 1em;
  scale(0.8);
}

#page.contact.check .formbox table {
    margin: 0 auto 0;
}
	#page.contact .formbox table th,
	#page.contact .formbox table td{height:auto;display:inline-block;border-bottom:none;padding:5px 0;width:100%;}
	#page.contact .formbox table td{
		padding:10px 0 0 0;
	}

	#page.contact .formbox table th{
		margin-top:25px;
		border:1px solid #f2f2f2;
		padding:5px 10px;
		background-color:#f9f9f9;
		min-height: auto;
	}

	#page.contact .formbox table td select{width:65%;}
	#page.contact .formbox table td input{padding:4px 10px;width:100%;margin:0 0 10px;}
	#page.contact .formbox table td textarea{width:100%;height:320px;}

	#page.contact .formbox table td label{
		padding: 7px 2px;
		margin-left:5px;
		width:3em;
		text-align:center;
		white-space: nowrap;
	}

	#page.contact .formbox table td input.name{width:calc(100% - 10em);}
	#page.contact .formbox table td .fbox{
		padding: 0;
		width:auto;
		float:left;
	}
	#page.contact.top .formbox table td .fbox{
		width:100%;
	}
	#page.contact .formbox table td .name.inpbox {
		width: auto;
		padding-right:1vw;
	}
	#page.contact .formbox table td select {
		padding: 4px 10px;
		width: 100%;
	}


	#page.contact .content .priv br{display:block;}

#page.contact .content .button{line-height:64px;margin:0 auto;display:table;width:80%;}
#page.contact .content .buttonbox{width:100%;margin:40px auto 0;}
#page.contact .content .buttonbox .button.submit{width:48%;}
#page.contact .content .buttonbox .button.back{width:48%;float:left;margin-right:4%;}
}