@charset "utf-8";
/* CSS Document */
html{
	font-size: 16px;
}
body{
	margin-top: 5em;
	text-align: center;
	color: #A67C52;
	background: #dbd4b4;
	font-family: "Noto Sans JP", sans-serif;
  	font-weight: 400;
}
.contact__wrapper{
	padding: 5rem 0;
}
.contact__header{
	font-size: 2rem;
	margin-bottom: 2rem;
}
.form__title{
	padding-bottom: 0.5rem
}
input[type="text"],
input[type="email"],
textarea {
	width: 50%;
	outline: none;
	padding: 0.5rem 1rem;
	margin: 0;
	border: none;
	border-radius: 1rem;
	background: #fff;
	font-size: 1.2rem;
	margin-bottom: 2rem;
	text-align: left
}
@media(max-width: 30.99rem) {
    input[type="text"],
input[type="email"],
textarea {
	width: 80%;
	
}
}
input[type="text"]:hover,
input[type="email"]:hover,
textarea:hover{
	background: #FFF6E6;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus{
	box-shadow: 0 0 20px #fff;
	background: #FFF6E6;
	transition: box-shadow 0.5s;
}
textarea {
	height: 200px;
}
.send-btn input{
	padding: 1rem 3rem;
	color: #fff;
	cursor: pointer;
	background: #A67C52;
	border-radius: 1rem;
	border: none;
	transition: opacity .5s
}
.send-btn input:hover{
	opacity: .8;
	transition: .5s
}