@charset "UTF-8";
/* contact */



/* wrapper --------------------------------------------------------------- */
#wrapper {
	padding-right: 0;
	}



/* form --------------------------------------------------------------- */
#form {
	width: 90%;
	margin: 0 auto;
	padding: 50px 0;
	}

	#form p {
		font-size: 15px;
		line-height: 1.7;
		text-align: center;
		}
	
	#form p:first-of-type {
		margin-bottom: 20px;
		}

		#form p:first-of-type img {
			width: 150px;
			}
	
	#form p:nth-of-type(2) {
		margin-bottom: 50px;
		}

	#form p:last-of-type {
		margin-bottom: 30px;
		}

		#form p a {
			font-size: inherit;
			display: inline-block;
			text-decoration: underline;
			}
	
	#form span.error {
		font-size: 15px;
		line-height: 1.3;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: #ddd solid 1px;
		}
	
	#form span.error:first-of-type {
		padding-top: 15px;
		border-top: #ddd solid 1px;
		}

	#form dl {
		width: 100%;
		display: table;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: #ddd solid 1px;
		}

		#form dl dt,
		#form dl dd {
			display: table-cell;
			text-align: left;
			vertical-align: middle;
			line-height: 1.5;
			}

		#form dl dt {
			width: 14em;
			}

			#form dl dt span.any,
			#form dl dt span.must {
				display: inline-block;
				font-size: 85%;
				}

			#form dl dt span.any {
				}
			
			#form dl dt span.must {
				color: chocolate;
				}

		#form dl dd {
			padding-left: 20px;
			}

			#form dl dd input[type="text"] {
				width: 100%;
				}

			#form dl dd select,
			#form dl dd input[type="text"],
			#form dl dd textarea {
				width: 100%;
				padding: 10px;
				border: solid 1px;
				border-color: #dddddd !important;
				box-sizing: border-box;
				}

			#form dl dd label {
				display: block;
				margin: 3px 0;
				}

			#form dl dd textarea {
				width: 100%;
				height: 15em;
				}

	#form #check {
		text-align: center;
		margin: 0 auto;
		}

		#form #check label {
			cursor: pointer;
			margin: 0 auto;
			padding: 10px 20px;
			border-radius: 7px;
			background-color: #ffffff;
			}

@media(max-width: 690px){
	#form p:first-of-type img {
		width: 120px;
		}

	#form dl {
		display: block;

		margin-bottom: 20px;
		padding-bottom: 10px;
		}

		#form dl dt,
		#form dl dd {
			display: block;
			font-size: 17px;
			}

		#form dl dt {
			width: 100%;
			text-align: left;
			margin-bottom: 5px;
			}

		#form dl dd {
			padding-left: 0;
			}
	}



/* 個人情報保護方針 --------------------------------------------------------------- */
#privacy {
	width: 100%;
	margin: 30px auto;
	text-align: center;
	line-height: 1.5;
	}

	#privacy .privacytrg {
		display: inline-block;
		cursor: pointer;
		color: chocolate;
		text-decoration: underline;
		}

	#privacy .privacy {
		height: 300px;
		margin-top: 20px;
		overflow-y: auto;
		border-radius: 20px;
		}
		
		#privacy .privacy .privacyInner {
			padding: 20px;
			background-color: #f0f0f0;
			}

			#privacy .privacy .privacyInner .privacybox {
				margin: 0 auto 30px auto;
				}

				#privacy .privacy .privacyInner .privacybox p {
					text-align: left;
					font-size: 14px;
					margin: 0;
					}

					#privacy .privacy .privacyInner .privacybox h3 {
						font-size: 15px;
						font-weight: bold;
						text-align: center;
						margin-bottom: 10px;
						}

					#privacy .privacy .privacyInner .privacybox p span {
						text-indent: -1em;
						padding-left: 1em;
						}

@media(max-width: 1024px){
	}



/* error --------------------------------------------------------------- */
p.error {
	padding: 10px 0;
	border-top: #ddd solid 1px;
	}

p.error:last-of-type {
	border-bottom: #ddd solid 1px;
	}



/* send --------------------------------------------------------------- */
#form #back,
#form #send {
	width: 100%;
	margin: 30px auto 0 auto;
	text-align: center;
	}

	#form #back input[type="button"],
	#form #send input[type="submit"],
	#form #send a {
		width: 100%;
		padding: 20px 0;
		cursor: pointer;
		font-size: 18px;
		text-align: center;
		letter-spacing: 1px;
		background-color: #fccf00;
		position: relative;
		}
	
	#form #back input[type="button"] {
		color: #ffffff;
		background-color: #333333;
		}

@media(max-width: 1024px){
	#form #send,
	#form #back {
		width: 100%;
		max-width: 500px;
		}
	}



/* error --------------------------------------------------------------- */
p.error {
	padding: 10px 0;
	border-top: #ddd solid 1px;
	}

p.error:last-of-type {
	border-bottom: #ddd solid 1px;
	}