@charset "UTF-8";

	
	
/* contact --------------------------------------------------------------- */
#contact {
	width: 90%;
	max-width: 500px;
	margin: 0 auto;
	padding: 50px 0 100px 0;
	font-size: 14px;
	}
	
	#contact #contactTop {
		margin-bottom: 20px;
		}
	
		#contact #contactTop p {
			line-height: 1.7;
			}

@media screen and (max-width: 768px){
	#contact {
		padding: 20px 0 30px 0;
		}
		
		#contact #contactTop {
			margin-bottom: 30px;
			}
	}



/* contactCont --------------------------------------------------------------- */
#contact #contactCont {
	}								
			
	#contact #contactCont #contactInput {
		margin-bottom: 50px;
		}
		
		#contact #contactCont #contactInput h1 {
			width: 150px;
			margin-bottom: 30px;
			}
			
			#contact #contactCont #contactInput h1 img {
				width: 100%;
				}
			
		#contact #contactCont #contactInput dl {
			width: 100%;
			display: table;
			padding: 15px 0;
			}
		
		#contact #contactCont #contactInput dl:nth-child(odd) {
			background-color: #f9f9f9;
			}
							
			#contact #contactCont #contactInput dl dt,
			#contact #contactCont #contactInput dl dd {
				display: table-cell;
				vertical-align: middle;
				padding: 20px 0;
				line-height: 1.7;
				}
			
			#contact #contactCont #contactInput dl dt {
				width: 230px;
				padding-left: 30px;
				}
				
				#contact #contactCont #contactInput dl dt span {
					display: inline-block;
					font-size: 80%;
					color: #e95538;
					}
			
			#contact #contactCont #contactInput dl dd {
				padding-left: 20px;
				}
				
				#contact #contactCont #contactInput dl dd p {
					margin-bottom: 20px;
					}
					
					#contact #contactCont #contactInput dl dd p span {
						margin-bottom: 3px;
						padding: 5px 10px;
						color: #ffffff !important;
						}
					
				#contact #contactCont #contactInput dl dd label {
					display: block;
					}
			
				#contact #contactCont #contactInput dl dd input[type="text"] {
					width: 95%;
					}
					
				#contact #contactCont #contactInput dl dd input[type="text"],
				#contact #contactCont #contactInput dl dd textarea {
					padding: 10px;
					color: #333333;
					font-size: 14px;
					border: solid 1px;
					box-sizing: border-box;
					line-height: 1.5;
					}
		
				#contact #contactCont #contactInput dl dd select {
					width: 80px;
					padding: 5px;
					}
			
				#contact #contactCont #contactInput dl dd textarea {
					width: 95%;
					height: 15em;
					}

@media screen and (max-width: 768px){
	#contact #contactCont {
		}								
				
		#contact #contactCont #contactInput {
			margin-bottom: 50px;
			}
				
			#contact #contactCont #contactInput dl {
				display: block;
				padding: 10px 20px;
				box-sizing: border-box;
				}
								
				#contact #contactCont #contactInput dl dt,
				#contact #contactCont #contactInput dl dd {
					display: block;
					padding: 10px 0;
					line-height: 1.7;
					}
				
				#contact #contactCont #contactInput dl dt {
					width: 100%;
					padding-left: 0;
					font-weight: bold;
					}
				
				#contact #contactCont #contactInput dl dd {
					padding-left: 0;
					}
					
					#contact #contactCont #contactInput dl dd p {
						margin-bottom: 0;
						}
				
					#contact #contactCont #contactInput dl dd input[type="text"] {
						width: 100%;
						}
			
					#contact #contactCont #contactInput dl dd select {
						width: 100%;
						padding: 3px;
						box-sizing: border-box;
						}
				
					#contact #contactCont #contactInput dl dd textarea {
						width: 100%;
						height: 10em;
						}
	}
	


/* contactSend --------------------------------------------------------------- */
#contact #contactCont #contactSend {
	}
	
	#contact #contactCont #contactSend #privacy {
		width: 100%;
		height: 200px;
		box-sizing: border-box;
		margin: 0 auto 50px auto;
		overflow-y: scroll;
		border: solid 1px;
		}
		
		#contact #contactCont #contactSend #privacy #privacyInner {
			padding: 20px;
			font-size: 14px;
			line-height: 1.7;
			}
			
			#contact #contactCont #contactSend #privacy #privacyInner p {
				margin-bottom: 20px;
				text-align: left;
				}
			
			#contact #contactCont #contactSend #privacy #privacyInner dl {
				margin-bottom: 25px;
				}
				
				#contact #contactCont #contactSend #privacy #privacyInner dl dt {
					font-weight: bold;
					margin-bottom: 5px;
					}
				
				#contact #contactCont #contactSend #privacy #privacyInner dl dd {
					}
					
					#contact #contactCont #contactSend #privacy #privacyInner dl dd span {
						text-align: right;
						margin-top: 1em;
						}
						
	#contact #contactCont #contactSend p {
		margin: 10px auto;
		text-align: center;
		line-height: 2;
		}
		
		#contact #contactCont #contactSend p label {
			display: block;
			}
		
	#contact #contactCont #contactSend ul {
		width: 100%;
		margin: 30px auto 0 auto;
		text-align: center;
		letter-spacing: -1em;
		}
	
		#contact #contactCont #contactSend ul li {
			display: inline-block;
			width: 50%;
			padding: 0 20px;
			box-sizing: border-box;
			letter-spacing: 0;
			vertical-align: top;
			}
			
			#contact #contactCont #contactSend ul li #back,			
			#contact #contactCont #contactSend ul li #submit {
				display: block;
				width: 100%;
				overflow: hidden;		
				cursor: pointer;
				color: #ffffff;
				font-size: 16px;
				padding: 15px 0;
				letter-spacing: 1px;
				background-image: url(../../img/common/arrowW.png);
				background-repeat: no-repeat;
				background-position: 94% center;
				background-size: auto 14px;
				
				transition: all 0.3s ease;
				}
		
			#contact #contactCont #contactSend ul li #back {
				color: #000000;
				background-color: #dddddd;
				}
			
			#contact #contactCont #contactSend ul li #submit {
				background-color: #e95538;
				}
				
				#contact #contactCont #contactSend ul li #submit:hover {
					opacity: 0.5;
					}
						
@media screen and (max-width: 768px){
	#contact #contactCont #contactSend {
		margin-bottom: 30px;
		}
		
		#contact #contactCont #contactSend #privacy {
			width: 100%;
			}
			
			#contact #contactCont #contactSend #privacy #privacyInner {
				padding: 20px;
				}
							
		#contact #contactCont #contactSend p {
			line-height: 1.5;
			}
			
		#contact #contactCont #contactSend ul {
			}
			
			#contact #contactCont #contactSend ul li {
				display: block;
				width: 100%;
				padding: 0;
				}
			
			#contact #contactCont #contactSend ul li:first-child {
				margin-bottom: 15px;
				}
	}