@charset "UTF-8";

/* .mainimg */
.mainimg {
	background:url(../images/contact/bg_mainimg.jpg) no-repeat center center;
	background-size:cover;
}

/* .formArea */
.formArea {
	width:60.15625%;
	margin:0 auto;
	padding:12px 0;
}
.formArea .txt01 {
	text-align:center;
	line-height:1.7;
	padding:33px 0;
}
.formArea table {
	width:100%;
	border-top:#666 1px solid;
	border-left:#666 1px solid;
	box-sizing:border-box;
}
.formArea table th {
	width:26%;
	border-right:#666 1px solid;
	border-bottom:#666 1px solid;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	padding:6px 0;
	box-sizing:border-box;
}
.formArea table td {
	border-right:#666 1px solid;
	border-bottom:#666 1px solid;
	text-align:left;
	vertical-align:middle;
	padding:3px;
	box-sizing:border-box;
}
.formArea table td input[type="text"],
.formArea table td input[type="email"] {
	width:25%;
	border:#666 1px solid;
	box-sizing:border-box;
	padding:0 2px;
	margin:0;
	line-height:21px;
	height:21px;
}
.formArea table td select {
	width:25%;
	border:#666 1px solid;
	border-radius:5px;
	font-size:11px;
	line-height:21px;
	height:21px;
}
.formArea table td select.sel01 {
	width:38%;
}
.formArea table td textarea {
	width:57%;
	border:#666 1px solid;
	box-sizing:border-box;
	padding:0 2px;
	margin:0;
	height:90px;
	overflow:hidden;
	vertical-align:top;
	font-size: 11px;
}

/* .mailBtn */
.mailBtn {
	text-align:center;
	padding:10px 0 0;
}
.mailBtn li {
	display:inline-block;
	padding:0 5px;
}
.mailBtn li input {
	width:100%;
	display:block;
	background:none;
	border:#666 1px solid;
	font-size:11px;
	padding:2px 5px;
	box-sizing:border-box;
}

@media only screen and (min-width:681px) and (max-width:960px){
/* .formArea */
.formArea {
	width:75%;
}
}

@media only screen and (min-width:1px) and (max-width:680px){
/* .mainimg */
.mainimg {
	background:url(../images/contact/bg_mainimg_sp.jpg) no-repeat center center;
	background-size:cover;
}

/* .formArea */
.formArea {
	width:93%;
}
.formArea .txt01 {
	text-align:left;
}
.formArea table {
	width:81%;
	margin:0 auto;
}
.formArea table th {
	width:100%;
	display:block;
	text-align:left;
	padding:10px 3%;
	font-size:3vw;
}
.formArea table td {
	width:100%;
	display:block;
	padding:8px 3%;
	font-size:3vw;
}
.formArea table td input[type="text"],
.formArea table td input[type="email"] {
	width:100%;
	font-size:3vw;
	border-radius:5px;
	box-shadow:inset 0 3px 3px rgba(0,0,0,0.20);
}
.formArea table td select {
	width:42%;
	font-size:3vw;
}
.formArea table td select.sel01 {
	width:80%;
}
.formArea table td textarea {
	width:100%;
	font-size:3vw;
	height:125px;
	border-radius:5px;
	box-shadow:inset 0 3px 3px rgba(0,0,0,0.20);
}

/* .mailBtn */
.mailBtn li {
	min-width:17.5%;
}
.mailBtn li input {
	border-radius:15px;
	background:linear-gradient(#fcfcfc 0%, #d0d0d0 100%);
}
}