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

/*contact------------------------------------------*/
#contact {
	padding: 200px 0 0;
}
#contact .inr {
	width: 700px;
	margin: 0 auto;
}
#contact p.cap {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 40px;
}
input,
textarea {
	display: block;
	font-size: 18px;
	width: 100%;
	border: none;
	padding: 30px;
	border-radius: 20px;
	resize: none;
	margin-bottom: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.2;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
}
input:focus,
textarea:focus {
  outline: none;
}
input::placeholder,
textarea::placeholder {
	font-size: 18px;
	color: #b3b3b3;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
}
input[type=submit] {
	font-size: 24px;
	width: 360px;
	margin: 0 auto;
	color: #000;
	background: inherit;
	border: solid 3px #000;
	border-radius: 0;
	cursor: pointer;
	transition: 0.3s;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 700;
}
input[type=submit]:hover {
	background: #000;
	color: #ffef46;
}
@media screen and (max-width:750px){
	#contact {
		padding: 120px 0 0;
	}
	#contact .inr {
		width: 80%;
	}
	#contact p.cap {
		font-size: 12px;
		margin-bottom: 30px;
	}
	input,
	textarea {
		font-size: 15px;
		padding: 15px;
		border-radius: 10px;
		margin-bottom: 15px;
	}
	input::placeholder,
	textarea::placeholder {
		font-size: 15px;
	}
	input[type=submit] {
		width: 50%;
		border: solid 2px #000;
	}
}

/*thanks------------------------------------------*/
#thanks #contents section {
	height: 500px;
}
#thanks #contents .inr {
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 auto;
	transform: translateX(-50%) translateY(-50%);
}
#thanks h1 {
	letter-spacing: 0.05em;
	font-size: 47px;
	margin-bottom: 30px;
	text-align: center;
}
#thanks p {
	font-size: 18px;
	line-height: 280%;
	letter-spacing: 0.15em;
	text-align: center;
}

.error_messe {
	color: #788186;
	font-size: 12px;
	padding-bottom: 20px;
}
@media screen and (max-width:750px){
	#thanks #contents section {
		height: 400px;
	}
	#thanks h1 {
		font-size: 36px;
	}
	#thanks p {
		font-size: 15px;
		text-align: left;
	}
}