.page_header{
	background-image:url(img/header.jpg);
	background-repeat:  no-repeat;
	background-position:center center;
	height:90vh;
	max-height:800px;
	position:relative;
	overflow:hidden;
}

table{
	width:100%;
}

/*--------------------------- フォーム設定 ---------------------------*/

form input {
	padding:5px;
	border:1px solid #999;
	width:90%;
	text-align:left;
}

form input[type="submit"]{
	width:200px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ae7521+0,e5c46f+50,ae7521+100 */
	background: #ae7521; /* Old browsers */
	background: -moz-linear-gradient(top,  #ae7521 0%, #e5c46f 50%, #ae7521 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae7521), color-stop(50%,#e5c46f), color-stop(100%,#ae7521)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ae7521 0%,#e5c46f 50%,#ae7521 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ae7521 0%,#e5c46f 50%,#ae7521 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ae7521 0%,#e5c46f 50%,#ae7521 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ae7521 0%,#e5c46f 50%,#ae7521 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae7521', endColorstr='#ae7521',GradientType=0 ); /* IE6-9 */
	color:#FFF;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	border: 1px solid #AE7521;
}

form input[type="button"]{
	width:200px;
	background:#7F7F7F;
	color:#FFF;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	border: 1px solid #7F7F7F;
}

form input[type="submit"]:hover{
	width:200px;
	background:#FFF;
	color:#AE7521;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	border: 1px solid #AE7521;
	cursor:pointer;
}

form input[type="button"]:hover{
	width:200px;
	background:#FFF;
	color:#7F7F7F;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	border: 1px solid #7F7F7F;
	cursor:pointer;
}

form select{
	padding:10px;
	border:1px solid #999;
	width:90%;
	text-align:left;
	background:#FFFFFF;
}

form textarea{
	width:95%;
	padding:5px;
	border:1px solid #999;
	text-align:left;
}

.f_red{
	color:#F00;
	font-weight:bold;
}

.sample_text{
	font-size:12px;
	font-weight:bold;
}

.err{
	font-weight:bold;
	color:#FF0000;
	font-size:14px;
}

#send_ok{
	text-align:center;
	border:3px solid #005693;
	color: #06F;
	font-weight:bold;
	padding:10px;
	margin-bottom:30px;
}

#send_ng{
	text-align:center;
	border:3px solid #F00;
	color: #F00;
	font-weight:bold;
	padding:10px;
	margin-bottom:30px;
}

#formbtn_area{
	text-align:center;
	margin:auto;
	margin-top:40px;
}

/*CSS 1280px以上（大型PC）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:1280px) {
	#viewer::after {
		content: "お問い合わせ";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:42px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	th{
		position: relative;
		padding:15px 20px;
		background:#EAEAEA;
		vertical-align:middle;
		line-height:120%;
		font-weight:normal;
		text-align:left;
		width:20%;
		color:#333333;
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		z-index:-999;
	}
	
	th:after{
		display: block;
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		top:calc(50% - 10px);
		right:-10px;
		border-left: 10px solid #EAEAEA;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
	}
	
	td{
		padding:15px 20px;
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		vertical-align:middle;
		line-height:120%;
		width:80%;
		color:#333333;
		text-align:left;
	}
	
	#formbtn_area a{
		border:2px solid #B2081D;
		background:#B2081D;
		color:#FFF;
		width:300px;
		box-sizing: border-box;
		display:block;
		padding:20px 0;
		margin:0 auto;
		transition:all 0.5s;
		font-size:18px;
		font-weight:bold;
	}
	
	#formbtn_area a:hover{
		color:#B2081D;
		background-color:#FFF;
	}
	
	#formbtn_area a.ok{
		border:2px solid #B2081D;
		background:#B2081D;
		color:#FFF;
		width:300px;
		box-sizing: border-box;
		display:block;
		padding:20px 0;
		margin:0 auto;
		transition:all 0.5s;
		font-size:18px;
		font-weight:bold;
		display:inline-block;
	}
	
	#formbtn_area a.ok:hover{
		color:#B2081D;
		background-color:#FFF;
	}
	
	#formbtn_area a.ng{
		border:2px solid #999;
		padding:20px 0;
		background-color:#999;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:inline-block;
		width:300px;
		margin-left:20px;
	}
	
	#formbtn_area a.ng:hover{
		color:#FFF;
		background-color:#666666;
	}
}

/*------------------------------------------------------------------------*/
/*CSS 1280px以上（大型PC）　エンド */


/*CSS 960px～1279px（小型PC）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:960px) and (max-width:1279px) {
	#viewer::after {
		content: "お問い合わせ";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:38px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	th{
		position: relative;
		padding:15px 20px;
		background:#EAEAEA;
		vertical-align:middle;
		line-height:120%;
		font-weight:normal;
		text-align:left;
		width:20%;
		color:#333333;
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		z-index:-999;
	}
	
	th:after{
		display: block;
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		top:calc(50% - 10px);
		right:-10px;
		border-left: 10px solid #EAEAEA;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
	}
	
	td{
		padding:15px 20px;
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		vertical-align:middle;
		line-height:120%;
		width:80%;
		color:#333333;
		text-align:left;
	}
	
	#formbtn_area a{
		border:2px solid #B2081D;
		background:#B2081D;
		color:#FFF;
		width:300px;
		box-sizing: border-box;
		display:block;
		padding:20px 0;
		margin:0 auto;
		transition:all 0.5s;
		font-size:18px;
		font-weight:bold;
	}
	
	#formbtn_area a:hover{
		color:#B2081D;
		background-color:#FFF;
	}
	
	#formbtn_area a.ok{
		border:2px solid #B2081D;
		background:#B2081D;
		color:#FFF;
		width:300px;
		box-sizing: border-box;
		display:block;
		padding:20px 0;
		margin:0 auto;
		transition:all 0.5s;
		font-size:18px;
		font-weight:bold;
		display:inline-block;
	}
	
	#formbtn_area a.ok:hover{
		color:#B2081D;
		background-color:#FFF;
	}
	
	#formbtn_area a.ng{
		border:2px solid #999;
		padding:20px 0;
		background-color:#999;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:inline-block;
		width:300px;
		margin-left:20px;
	}
	
	#formbtn_area a.ng:hover{
		color:#FFF;
		background-color:#666666;
	}
}

/*------------------------------------------------------------------------*/
/*CSS 960px～1279px（小型PC）　エンド */


/*CSS 600px～959px（タブレット）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:600px) and (max-width:959px) {
	#viewer::after {
		content: "お問い合わせ";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:30px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	th{
		position: relative;
		display: block;
		text-align:left;
		background:#EAEAEA;
		color:#333333;
		padding:10px;
	}
	
	th:after{
		display: block;
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		top:calc(120% - 10px);
		right:50%;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #EAEAEA transparent;
	}
	
	td{
		display: block;
		text-align:center;
		padding:20px 10px;
		color:#333333;
	}
	
	#formbtn_area a{
		border:2px solid #B2081D;
		background:#B2081D;
		color:#FFF;
		width:300px;
		box-sizing: border-box;
		display:block;
		padding:20px 0;
		margin:0 auto;
		transition:all 0.5s;
		font-size:18px;
		font-weight:bold;
	}
	
	#formbtn_area a:hover{
		color:#B2081D;
		background-color:#FFF;
	}
	
	#formbtn_area a.ok{
		border:2px solid #B2081D;
		background:#B2081D;
		color:#FFF;
		width:80%;
		box-sizing: border-box;
		display:block;
		padding:20px 0;
		margin:0 auto;
		transition:all 0.5s;
		font-size:18px;
		font-weight:bold;
		display:inline-block;
	}
	
	#formbtn_area a.ok:hover{
		color:#B2081D;
		background-color:#FFF;
	}
	
	#formbtn_area a.ng{
		border:2px solid #999;
		padding:20px 0;
		background-color:#999;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:inline-block;
		width:80%;
		margin-top:20px;
	}
	
	#formbtn_area a.ng:hover{
		color:#FFF;
		background-color:#666666;
	}
}

/*------------------------------------------------------------------------*/
/*CSS 600px～959px（タブレット）　エンド */


/*CSS 480px～599px（スマートフォン横）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:480px) and (max-width:599px) {
	#viewer::after {
		content: "お問い合わせ";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:26px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	th{
		position: relative;
		display: block;
		text-align:left;
		background:#EAEAEA;
		color:#333333;
		padding:10px;
	}
	
	th:after{
		display: block;
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		top:calc(120% - 10px);
		right:50%;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #EAEAEA transparent;
	}
	
	td{
		display: block;
		text-align:center;
		padding:20px 10px;
		color:#333333;
	}
	
	#formbtn_area a{
		border:2px solid #B2081D;
		background:#B2081D;
		color:#FFF;
		width:100%;
		box-sizing: border-box;
		display:block;
		padding:20px 0;
		margin:0 auto;
		transition:all 0.5s;
		font-size:18px;
		font-weight:bold;
	}
	
	#formbtn_area a:hover{
		color:#B2081D;
		background-color:#FFF;
	}
	
	#formbtn_area a.ok{
		border:2px solid #B2081D;
		background:#B2081D;
		color:#FFF;
		width:80%;
		box-sizing: border-box;
		display:block;
		padding:20px 0;
		margin:0 auto;
		transition:all 0.5s;
		font-size:18px;
		font-weight:bold;
		display:inline-block;
	}
	
	#formbtn_area a.ok:hover{
		color:#B2081D;
		background-color:#FFF;
	}
	
	#formbtn_area a.ng{
		border:2px solid #999;
		padding:20px 0;
		background-color:#999;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:inline-block;
		width:80%;
		margin-top:20px;
	}
	
	#formbtn_area a.ng:hover{
		color:#FFF;
		background-color:#666666;
	}
}

/*------------------------------------------------------------------------*/
/*CSS 480px～599px（スマートフォン横）　エンド */


/*CSS ～479pxx（スマートフォン縦）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (max-width:479px) {
	#viewer::after {
		content: "お問い合わせ";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:24px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	th{
		position: relative;
		display: block;
		text-align:left;
		background:#EAEAEA;
		color:#333333;
		padding:10px;
	}
	
	th:after{
		display: block;
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		top:calc(120% - 10px);
		right:50%;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #EAEAEA transparent;
	}
	
	td{
		display: block;
		text-align:center;
		padding:20px 10px;
		color:#333333;
	}
	
	#formbtn_area a{
		border:2px solid #B2081D;
		background:#B2081D;
		color:#FFF;
		width:100%;
		box-sizing: border-box;
		display:block;
		padding:20px 0;
		margin:0 auto;
		transition:all 0.5s;
		font-size:18px;
		font-weight:bold;
	}
	
	#formbtn_area a:hover{
		color:#B2081D;
		background-color:#FFF;
	}
	
	#formbtn_area a.ok{
		border:2px solid #B2081D;
		background:#B2081D;
		color:#FFF;
		width:80%;
		box-sizing: border-box;
		display:block;
		padding:20px 0;
		margin:0 auto;
		transition:all 0.5s;
		font-size:18px;
		font-weight:bold;
		display:inline-block;
	}
	
	#formbtn_area a.ok:hover{
		color:#B2081D;
		background-color:#FFF;
	}
	
	#formbtn_area a.ng{
		border:2px solid #999;
		padding:20px 0;
		background-color:#999;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:inline-block;
		width:80%;
		margin-top:20px;
	}
	
	#formbtn_area a.ng:hover{
		color:#FFF;
		background-color:#666666;
	}
}

/*------------------------------------------------------------------------*/