@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




	



/* min 801px */
@media screen and (min-width: 801px), print {


	
	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
	background: url(../img/pagetitle/contact.jpg) no-repeat center / cover;
}



 
	
/* form
--------------------- */
#form {
	width: 100%;
	padding: 0 0 50px 0;
	position: relative;
}
	#form table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 50px;
	}
		#form table th {
			width: 240px;
			border-top: solid 1px #ddd;
			border-bottom: solid 1px #ddd;
			padding: 20px 0 20px 20px;
			font-size: 108%;
			letter-spacing: 3px;
			text-align: left;
		}
			#form table th span {
				padding-left: 10px;
				font-size: 11px;
				color: #D41619;
			}
	
		#form table td {
			border-top: solid 1px #ddd;
			border-bottom: solid 1px #ddd;
			padding: 20px;
		}
			#form table td .txtbox01 {
				width: 600px;
				border: none;
				background: #eee;
				font-size: 14px;
				padding: 20px;
			}
	
			#form table td textarea {
				width: 600px !important;
				height: 200px !important;
				border: none !important;
				background: #eee !important;
				font-size: 14px !important;
				padding: 20px !important;
			}
	
			#form table td ul li {
				float: left;
				margin-right: 25px;
			}
				#form table td ul li span {
					padding-left: 5px;
				}


	#form .btn {
		width: 300px;
		margin: 0 auto;
	}
		#form .btn .button {
			display: block;
			width: 300px;
			height: 60px;
			font-size: 16px;
			font-weight: 700;
			letter-spacing: 2px;
			border: none;
			color: #fff;
			text-align: center;
			background: #5d261b;
			cursor: pointer;
			transition: 0.3s;
			-webkit−transition: 0.3s;
		}
		#form .btn .button:hover {
			letter-spacing: 4px;
		}

	
	
/* thanks
--------------------- */
#thanks {
	width: 100%;
	min-width: 1100px;
	padding: 100px 0;
}
	#thanks p {
		text-align: center;
		line-height: 34px;
		padding-bottom: 50px;
	}


	#thanks .btn {
		margin: auto;
	}





}








/* max 800px */
@media only screen and (max-width: 800px) {


	
	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
	background: url(../img/pagetitle/contact.jpg) no-repeat right center / cover;
}



	
	
/* form
--------------------- */
#form {
	width: 100%;
	padding: 20px 0 0 0;
}
	#form table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 40px;
	}
		#form table th {
			display: block;
			padding: 20px 0 10px 0;
			font-size: 100%;
			letter-spacing: 3px;
			text-align: left;
		}
			#form table th span {
				padding-left: 10px;
				font-size: 12px;
				color: #D41619;
			}
	
		#form table td {
			display: block;
			padding: 0 0 20px 0;
			border-bottom: solid 1px #ddd;
		}
			#form table td .txtbox01 {
				width: 100%;
				border: none;
				background: #eee;
				padding: 3%;
			}
	
			#form table td textarea {
				width: 100% !important;
				height: 150px !important;
				border: none !important;
				background: #eee !important;
				padding: 3% !important;
			}
	
			#form table td ul li {
			}
				#form table td ul li span {
					padding-left: 5px;
				}


	#form .btn {
		width: 80%;
		margin: 0 auto;
	}
		#form .btn .button {
			display: block;
			width: 100%;
			height: 56px;
			font-size: 16px;
			font-weight: 700;
			letter-spacing: 2px;
			border: none;
			color: #fff;
			text-align: center;
			background: #5d261b;
			cursor: pointer;
		}

	
	
/* thanks
--------------------- */
#thanks {
	width: 100%;
	padding: 50px 0;
}
	#thanks p {
		text-align: center;
		line-height: 34px;
		padding-bottom: 50px;
	}
	
	




}