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



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

	#form p {
		line-height: 2;
		text-align: center;
		}
	
	#form p:first-of-type {
		margin-bottom: 50px;
		}

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

		#form p .dsk {
			display: inline-block !important;
			}

		#form p a {
			font-size: inherit;
			display: inline-block;
			text-decoration: underline;
			}

	#form dl {
		width: 100%;
		display: table;
		margin-bottom: 20px;
		}

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

		#form dl dt {
			width: 12em;
			text-align: center;

			text-align: left;
			}

			#form dl dt span {
				display: inline-block;
				font-size: 85%;
				opacity: 0.5;
				}

		#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: 600px){
		#form p .dsk {
			display: none !important;
			}

	#form dl {
		display: block;
		}

		#form dl dt,
		#form dl dd {
			display: block;
			}

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

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



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

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

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



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

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