@charset "utf-8";
/*mainview*/
.contact {
	width: 100%;
	height: 273px;
	background-image: url(../images/mainview_contact.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
.contact h1 {
	text-indent: -9999px;
	background-image: url(../images/mainview_contact_title.png);
	background-repeat: no-repeat;
	width: 268px;
	height: 97px;
	margin: 0 auto;
	position: relative;
	top: 40%;
}

/*contact_main*/
.contact_main{
	padding: 70px 0;
}
.contact_main h2{
	background-image: url(../images/Inquiry_title.png);
	width:243px;
	height: 29px;
}
.contact_main h3{
	font-family: "a-otf-ryumin-pr6n","serif";
	letter-spacing: 1px;
	line-height: 1.4;
	margin: 0 0 25px;
}
.contact_main .privacy{
	text-align: center;
	margin: 0 0 35px;
}
.contact_main .privacy a{
	color: #225d45;
}
.contact_main p span{
	color:#c20d0d;
}

/*form*/
.contact_main dl{
	border-bottom: dotted 1px #225d45;
	border-left: dotted 1px #225d45;
	border-right: dotted 1px #225d45;
	background-color: #fcfafa;
	margin: 15px 0 0;
	letter-spacing: 1px;
}
.contact_main dt{
	padding: 15px 10px;
	color: #225d45;
	border-top: dotted 1px #225d45;
}
.contact_main dt span{
	background-color: #911818;
	padding: 2px 10px;
	margin: 0 15px 0 0;
	color: #ffffff;
}

.contact_main dd{
	padding: 15px 10px;
}
.contact_main dd label{
	display: block;
}
[type="radio"]{
	margin:0 10px 0 0;
}
[type="text"],[type="tel"],[type="email"],textarea{
	border: solid 1px #535353;
	padding: 10px 15px;
}
textarea{
	height: 200px;
	resize: none;
	overflow-y: scroll;
}

.btn4{
	text-align: center;
	margin: 35px 0 0;
}
[type="submit"],[type="button"]{
	background-color: #225d45;
	color: #ffffff;
	font-size: 24px;
	padding: 25px 35px;
	border-radius: 10px;
	margin: 0 20px 0 0;
}

[type="submit"]:hover,[type="button"]:hover{
	opacity: 0.5;
}

/*error*/
.contact_main .error{
	text-indent: 0;
	background:none;
	width:auto;
	height: auto;
	font-size: 30px;
	color: #911818;
	padding: 0 0 10px;
}

.msg{
	text-align: center;
	line-height: 1.6;
	letter-spacing: 1px;
	font-size: 22px;
	margin: 70px 0;
}

@media (min-width:641px) {
	/*mainview*/
	.contact {
	background-size: cover;
	}
	
	/*contact_main*/
	.contact_main h3{
	font-size: 22px;
	text-align: center;
	}
	.contact_main .privacy{
	letter-spacing: 1px;
	}
	
	/*form*/
	.contact_main dt{
	width: 315px;
	float: left;
	}
	.contact_main dd{
	margin: 0 0 0 315px;
	border-top: dotted 1px #225d45;
	min-height: 66px;
	}
	.contact_main dd label{
	margin: 0 0 15px;
	}
	[for="name2"],[for="address"]{
	margin-left: 66px;
	}
	[type="text"],[type="tel"],[type="email"],textarea{
	width:760px;
	}
}

@media (max-width:640px) {
	/*contact_main*/
	.contact_main h3{
	font-size: 26px;
	text-align: justify;
	}
	.contact_main h3 br{
	display: none;
	}
	.contact_main p{
	line-height: 1.4;
	}
	
	/*form*/
	.contact_main dl{
	font-size: 20px;
	}
	.contact_main dd label{
	margin: 0 0 20px 10px;
	}
	[type="text"],[type="tel"],[type="email"],textarea{
	width:615px;
	}
}