@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 %
---------------------------------------------------------------------*/




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


#read {
	text-align: center;
	font-weight: bold;
	font-size: 115%;
	margin-bottom: 20px;
}


/* Contact
--------------------- */
#Contact {
	width: 810px;
	margin: 0 auto;
}

	#Contact .txt {
		text-align: right;
	}
		#Contact .txt span {
			color: #bd0000;
		}

	#Contact .grayBox {
		background: #f1f1f1;
		padding: 10px 30px;
	}
		#Contact .grayBox dl {
			border-bottom: dotted 1px #999;
			padding: 20px 0;
		}
		#Contact .grayBox dl.last {
			border-bottom: none;
			padding: 20px 0 20px 0;
		}
		* html #Contact .grayBox dl {
			zoom: 100%;
		}
		*:first-child+html #Contact .grayBox dl {
			display: inline-block;
		}
		#Contact .grayBox dl:after {
			content: "."; 
			clear: both; 
			height: 0; 
			display: block; 
			visibility: hidden;
		}
			#Contact .grayBox dl dt {
				width: 172px;
				float: left;
				font-size: 14px;
				font-weight: bold;
				letter-spacing: 0.1em;
				text-align: left;
				border: none !important;
				padding:8px 0 0 0 !important;
			}
				#Contact .grayBox dl dt span {
					color: #bd0000;
				}
				
			#Contact .grayBox dl dd {
				width: 577px;
				float: right;
				border: none !important;
				padding: 0 !important;
			}
				#Contact .grayBox dl dd .txtBox01 {
					width: 380px;
					border: solid 1px #e0e0e0;
					background: #fff;
					padding: 10px;
				}
				#Contact .grayBox dl dd .txtBox02 {
					width: 164px;
					border: solid 1px #e0e0e0;
					background: #fff;
					padding: 10px;
				}
				
				#Contact .grayBox dl dd span {
					margin-left: 12px;
				}

				#Contact .grayBox dl dd ul li {
					float: left;
					margin-right: 25px;
				}

				#Contact .grayBox .mt01 {
					padding-top: 12px !important;
				}
				#Contact .grayBox .mt02 {
					padding-top: 5px !important;
				}
				#Contact .grayBox .mt03 {
					padding-top: 130px !important;
				}

				#Contact .grayBox .textarea {
					width: 555px !important;
					height: 264px !important;
					border: solid 1px #e0e0e0;
					background: #fff;
					padding: 10px;
				}


		#Contact #Btn {
			width: 560px;
			margin: 30px auto 0 auto;
		}
			#Contact #Btn li {
				float: left;
			}
			#Contact #Btn li.last {
				float: right;
			}
				#Contact #Btn li button {
					border: none !important;
					background: none !important;
				}
	
	
	
/* policy
--------------------- */
#policy {
	width: 670px;
	margin: 0 auto;
	border: solid 1px #c4c4c4;
	padding: 40px 69px;
	margin-top: 80px;
}
	#policy h3 {
		font-size: 100%;
		margin-bottom: 15px;
	}
	#policy p {
		margin-bottom: 15px;
	}
	#policy dl {
		margin-bottom: 15px;
	}
	#policy dl dt {
		font-weight:bold;
	}
	
	
	

}






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



/* Contact
--------------------- */
#Contact {
}

	#Contact .txt {
		text-align: right;
	}
		#Contact .txt span {
			color: #bd0000;
		}

	#Contact .grayBox {
		background: #f1f1f1;
		padding: 10px 30px;
	}
		#Contact .grayBox dl {
			border-bottom: dotted 1px #999;
			padding: 20px 0;
		}
		#Contact .grayBox dl.last {
			border-bottom: none;
			padding: 20px 0 20px 0;
		}
		* html #Contact .grayBox dl {
			zoom: 100%;
		}
		*:first-child+html #Contact .grayBox dl {
			display: inline-block;
		}
		#Contact .grayBox dl:after {
			content: "."; 
			clear: both; 
			height: 0; 
			display: block; 
			visibility: hidden;
		}
			#Contact .grayBox dl dt {
				width: 100%;
				display: block;
				font-size: 14px;
				font-weight: bold;
				letter-spacing: 0.1em;
				text-align: left;
				border: none !important;
			}
				#Contact .grayBox dl dt span {
					color: #bd0000;
				}
				
			#Contact .grayBox dl dd {
				width: 100%;
				display: block;
				border: none !important;
				padding: 0 !important;
			}
				#Contact .grayBox dl dd .txtBox01 {
					width: 94%;
					border: solid 1px #e0e0e0;
					background: #fff;
					padding: 3%;
				}
				#Contact .grayBox dl dd .txtBox02 {
					width: 94%;
					border: solid 1px #e0e0e0;
					background: #fff;
					padding: 3%;
				}
				
				#Contact .grayBox dl dd span {
					display: block;
					padding-top: 5px;
				}

				#Contact .grayBox dl dd ul li {
				}

				#Contact .grayBox .textarea {
					width: 94% !important;
					height: 100px !important;
					border: solid 1px #e0e0e0;
					background: #fff;
					padding: 3%;
				}


		#Contact #Btn {
			margin-top: 7%;
		}
			#Contact #Btn li {
				width: 100%;
				margin-bottom: 3%;
				text-align: center;
			}
			#Contact #Btn li.last {
				margin-bottom: 0;
			}
				#Contact #Btn li button {
					width: 100%;
					text-align: center;
					border: none !important;
					background: none !important;
				}
					#Contact #Btn li img {
						width: 80%;
						height: auto;
					}



/* policy
--------------------- */
#policy {
	border: solid 1px #c4c4c4;
	padding: 5%;
	margin-top: 10%;
}
	#policy h3 {
		font-size: 100%;
		margin-bottom: 15px;
	}
	#policy p {
		margin-bottom: 15px;
	}
	#policy dl {
		margin-bottom: 15px;
	}
	#policy dl dt {
		font-weight:bold;
	}

}