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


/*お問合せページ*/

#contacttop{
	width: 100vw;
	height: 60vh;
	background-image: url("../images/contacttop.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	margin-bottom: 50px;
}
#contacttop p{
	font-size: 8vw;
	margin: auto 0 auto 40vw;
	line-height: 60vh;
	text-align: center;
}
#container{
/*	height: 600px;
*/}
#contact{
	width: 800px;
	max-width: 100%;
	margin-top:10%;
	border:double 1.5vw #d1aa41;
}
article{
/*	width: 700px;
*/	max-width:70%;
}

#formname{
	font-size:30px;
	font-weight:bold;
	margin-top:100px;
	text-align:center;	
}
form{
	margin:0 auto;
}

form p{
	font-weight:bold;
	margin-top:30px;
	text-align:center;
}
#addressdetail{
	font-size:80%;
}
textarea{
	margin-bottom:40px;
	overflow-y:scroll;
}
input[type="submit"]{
	width:100px;
	margin-right:50px;
}
input[type="reset"]{
	width:100px;
}
.button{
	width:300px;
	text-align:center;
	height:50px;
	line-height:50px;
	margin:5% auto 10% auto;
	padding-left:-2%;
}

.privacyzone{
	width:80%;
	margin:0 auto;
	margin-bottom: 50px;
}
#privacy{
	font-size:80%;
	margin:0 auto;
	margin-left: 50px;
}

@media screen and (max-width:749px){
	
	
	#contacttop{
		width: auto;
		font-size:10vw;
		overflow: hidden;
		margin-bottom: 3vh;
	}
	#contacttop #top{
		margin-left: 30vw;
		padding-top: 20%;
		color: #fff;
		text-shadow: 1px 1px 1px #010;
	}
	article{
		width: 95%;
		max-width: 95%;
	}
	#formname{
		font-size: 6vw;
		margin-top: 40px;
		margin-bottom: 30px;
	}
	form p{
		font-size: 3.5vw;
		margin-top: 15px;
	}
	input[type="text"],textarea{
		width: 70%;
	}
	.button{
		width: auto;
	}
	#privacy{
		margin-left: 0px;
	}
	aside{
		margin-top: 100px;
	}
}