@charset "utf-8";

/*********************
* お問合せ
*********************/

/* PC */
@media print,screen and (min-width: 1001px) {
#contact .page_header {
	background-image: url(../images/contact/main.jpg);
}

#contact .s1 {
  margin: 110px 0 180px;
}

#contact .s1 .contents_inner > p {
  font-size: 1.286em;
  text-align: center;
}

#contact .s1 .form_box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	max-width: 780px;
	margin: 80px auto 0;
}

#contact .s1 .form_box dt,
#contact .s1 .form_box dd {
	font-size: 1.143em;
	margin-bottom: 50px;
}

#contact .s1 .form_box dt {
	width: 175px;
}

#contact .s1 .form_box dt.as_fs {
	align-self: flex-start;
	padding-top: 10px;
}

#contact .s1 .form_box dd {
	width: calc(100% - 175px);
}

#contact .s1 .form_box dd input {
	width: 100%;
}

#contact .s1 .form_box dd input + input {
	display: block;
	margin: 10px 0;
}

#contact .s1 .submit_btn {
	margin-top: 60px;
}

#contact .s1 .submit_btn input {
  width: 780px;
  font-size: 1.429em;
  margin: 0 auto;
	cursor: pointer;
}

#contact .s1 .re_btn {
	width: 100px;
	margin: 30px auto 0;
}

#contact .s1 .re_btn input {
	display: block;
	width: 100%;
	background-color: #ccc;
  padding: 15px 0;
	transition: ease all .7s;
	cursor: pointer;
}

#contact .s1 .re_btn input:hover {
	opacity: .7;
}

} /* @media print,screen and (min-width: 1001px) */



/* SP */
@media screen and (max-width: 1000px) {
#contact .page_header {
	background-image: url(../images/contact/main_sp.jpg);
}

#contact .s1 {
  margin: 13vw 0 15vw;
}

#contact .s1 .contents_inner > p {
  font-size: 1.385em;
  text-align: center;
}

#contact .s1 .form_box {
	width: 100%;
  margin-top: 7vw;
}

#contact .s1 .form_box dt {
	margin-bottom: 1vw;
}

#contact .s1 .form_box dd {
	margin-bottom: 5vw;
}

#contact .s1 .form_box dd input {
	width: 100%;
}

#contact .s1 .form_box dd input + input {
	display: block;
	margin: 1.5vw 0;
}

#contact .s1 .submit_btn {
	margin-top: 7vw;
}

#contact .s1 .submit_btn input {
  font-size: 1.231em;
  margin: 0 auto;
	cursor: pointer;
}

#contact .s1 .re_btn {
	width: 5em;
	margin: 7vw auto 0;
}

#contact .s1 .re_btn input {
	display: block;
	width: 100%;
	background-color: #ccc;
  border-radius: 5px;
	padding-top: 2vw;
	padding-bottom: 2vw;
	cursor: pointer;
}

} /* @media screen and (max-width: 1000px) */