@charset "utf-8";
#cover{
  background: url(../contact/img/bg.jpg) no-repeat center top;
   background-size: 100% auto;
   margin-bottom: 20px;
}
@media screen and (max-width: 1024px){
#cover{
    background-size: auto 250px;
  }
}
@media screen and (max-width: 640px){
#cover{
    background-size: auto 200px;
  }
}

.contact{
	text-align: left;
	font-size: 14px;
}

.contact h3{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #142f56;
	font-size: 18px;
	border-bottom: solid 1px #142f56;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.contact input[type="text"],
.contact textarea{
	padding: 5px;
	border: solid 1px #808080;
}


.required,
.error{
	color:#C50018;
}

.contact1 ul{
	overflow: hidden;
}
.notes{
	float: right;
	width:30%;
	text-align: right;
	color:#C50018;
}
.name{
	float: left;
	width:70%;
}
.name input[type="text"]{
	width: 300px;
}
.add input[type="text"]{
	width: 578px;
}
.tel input[type="text"],
.zip input[type="text"]{
	width: 100px;
}
.mail input[type="text"]{
	width: 698px;
}
.contact dl{
	overflow: hidden;
}
.contact {
	padding-bottom: 40px;
}
.contact1 dt,
.contact2 dt,
.contact3 dt{
	float: left;
	width: 170px;
	padding-bottom: 20px;
	clear: left;
}

.contact4 dt{
	float: left;
	width: 250px;
	clear: left;
}
.contact1 dd,
.contact2 dd,
.contact3 dd,
.contact4 dd{
	float: left;
	padding-bottom: 20px;
}
.contact1 dd,
.contact2 dd,
.contact3 dd{
	width: 790px;
}
.contact4 dd{
	float: left;
	width: 710px;
}

.contact2 > dd > dl{
	overflow: hidden;
}
.contact2 > dd > dl > dt{
	width: 200px;
	clear: left;
	padding-bottom: 10px;
}
.contact2 > dd > dl > dd{
	width: 590px;
	padding-bottom: 10px;
}
.contact5 dt{
	padding-bottom: 20px;
}
.contact5 ul{
	padding-bottom: 20px;
}
.contact3 li,
.contact5 li{
	display: inline-block;
	padding-right: 20px;
}
.contact5 {
	padding-bottom: 20px;
}
.contact5 textarea{
	width: 948px;
	height: 100px;
}
.submit {
	overflow: hidden;
}
.submit li{
	float: left;
	padding-right: 20px;
}
.submit button{
	width: 120px;
	padding: 5px;
	text-align: center;
	border: solid 1px #808080;
	background: #fff;
}

.submit button:hover{
	background: #808080;
	color:#fff;
}


@media screen and (max-width: 1024px){
.notes{
	float: none;
	width:auto;
	text-align: left;
	padding-bottom: 20px;
}
.name{
	float: none;
	width:auto;
}

.contact1 dt,
.contact2 dt,
.contact3 dt,
.contact4 dt{
	float: none;
	width: auto;
	clear: none;
	border-top: solid #ccc 1px;
	padding-top: 10px;
}
.contact1 dd,
.contact2 dd,
.contact3 dd,
.contact4 dd{
	float: none;
	width: auto;
	clear: none;
}

.contact2 > dd > dl > dt{
	width: auto;
	clear: none;
	border: none;
	padding:0;
}
.contact2 > dd > dl > dd{
	width: auto;
}
.name input[type="text"],
.add input[type="text"],
.mail input[type="text"]{
	width: 90%;
}

li.input{
	display: block;
	padding: 10px 0 0;
}
.contact5 textarea{
	width: 90%;
}
}

@media screen and (max-width: 640px){
.tel input[type="text"],
.zip input[type="text"]{
	width: 60px;
}
.contact5 li{
	display: block;
	padding: 0;
}

}