@charset "utf-8";
/* CSS Document */
body{
	background-image: url("../img/pc-bg-contact.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position:  top center;
}

.main{
	color: #000;
	
}

@media (max-width:800px){
	.contact{
		width:100%;
	}
	.form-area th, .form-area td {
	width: 80%;
	display: block;
	box-sizing: border-box;
}

.form-area th.required{
	font-size: 16px;
	padding: 40px 30px;
	text-align: left;
}
	.form-area th.select{
		font-size: 16px;
	padding: 60px 30px;
	text-align: left;
	}
}
.contact-text{
	width:calc(930 / 1920 * 100%);
	margin-top: 50px;
	margin-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
.contact-text h1{
	font-size: 28px;
	padding-bottom: 5px; 
	}
.contact-text p{
	font-size: 20px;
	}

.form-area{
	margin: 0 auto;
}
.form-area th{
	font-size: 20px;
	padding: 0 0 80px 0;
	text-align: left;
	vertical-align: top;
}
.form-area th.required::after{
	content:'必須';
	font-size:13px;
	color: #eb4f32;
	margin-right: 10px;
}
.form-area td{
	padding: 0px 80px;
}


input[type="text"],[type="email"],[type="tel"]{
	width:calc(1700 / 1920 * 100%);
	height:50px;
	background-color: rgb(195,181,168,0.4);
	border:1px solid #5D2F00;
	padding-left: 10px;
	color: #000;
	font-family: "Shippori Mincho B1", serif;
  font-weight: 600;
	font-size: 16px;

}
@media (max-width:800px){
	input[type="text"],[type="email"],[type="tel"]{
	width:320px;
	height:50px;
	background-color: rgb(195,181,168,0.4);
	border:1px solid #000;
	padding-left: 10px;
	color: #000;
	font-family: "Shippori Mincho B1", serif;
  font-weight: 600;
		font-size: 12px;

}
	.select-box{
		width:calc(700 / 800 * 100%);
	}
}

input[type="text"]::placeholder {
  color: #8C8C8C;
}
input[type="email"]::placeholder {
  color: #8C8C8C;
}
input[type="tel"]::placeholder {
  color: #8C8C8C;
}
textarea[name="message"]::placeholder {
  color: #8C8C8C;
}

select[class="select box"]{
	width:calc(500 / 1920 * 100%);
	height: 50px;
	font-size: 16px;
	background-color: rgb(195,181,168,0.4);
	border: 1px solid #5D2F00;
	color: #000;
	padding-left: 10px;
	font-family: "Shippori Mincho B1", serif;
  font-weight: 600;
}

.consent-label{
	font-size: 18px;
}

.contact-message{
	width:500px;
	height: 300px;
	background-color:rgb(195,181,168,0.4);
	border: 1px solid  #8C8C8C;
	padding-top: 10px;
	padding-left: 10px;
	font-family: "Shippori Mincho B1", serif;
  font-weight: 600;
	font-size: 16px;
}
@media (max-width:800px){
	.contact-message{
	width:350px;
	height: 300px;
	background-color:rgb(195,181,168,0.4);
	border: 1px solid  #8C8C8C;
	padding-top: 10px;
	padding-left: 20px;
	font-family: "Shippori Mincho B1", serif;
  font-weight: 600;
}
	select[class="select box"]{
	width:125px;
	height: 50px;
	font-size: 12px;
	background-color: rgb(195,181,168,0.4);
	border: 1px solid #8C8C8C;
	color: #000;
	padding-left: 18px;
	font-family: "Shippori Mincho B1", serif;
  font-weight: 600;
}
	
}
.link-button{
	width: 120px;
	height: 45px;
	font-size: 16px;
	display: block;
	margin: 100px auto;
	background-color:rgba(255,255,255,0.1);
	border: 1px dashed #5D2F00;
	border-radius: 5px;
	color: #5D2F00;
	font-family: "Shippori Mincho B1", serif;
  font-weight: 800;
	box-shadow: 0 8px 6px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: box-shadow 0.3s ease;	
}

.link-button:hover{
	background-color: #FDFFD4;
	color: #5D2F00;
	cursor: pointer;
	transition:background-color 0.3s ease;
}
@media (max-width:800px){
.link-button{
	width: 80px;
	height: 35px;
	font-size: 16px;
	display: block;
	margin: 100px auto;
	background-color:rgba(255,255,255,0.1);
	border: 1px dashed #5D2F00;
	border-radius: 5px;
	color: #5D2F00;
	font-family: "Shippori Mincho B1", serif;
  font-weight: 800;
	
}
	}