@charset "utf-8";

/*---------------------------------------------------------------------------------
TOP
---------------------------------------------------------------------------------*/
@media screen and (min-width: 761px) {

/*---------------------------------------------------------------------------------
contact
---------------------------------------------------------------------------------*/

.red {
	color:#e75418 !important;
	font-weight:bold;
}

input.err,
.err input,
.err textarea{
 background: #fee !important;
}

.address.err input[name="address"]{
 background: #f5f5f5 !important;
}

.address input[name="address"].err{
 background: #fee !important;
}

#contact h2 {
	width:100%;
	height:402px;
	padding:187px 0 0;
	text-align:center;
	background:url(/ba/common/img/contact/bg_main_01.jpg) no-repeat center center;
	background-size:cover;
	box-sizing:border-box;
}

#contact .inner {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:80px 5.7% 180px;
	box-sizing:border-box;
}

#contact .inner .line {
	padding:10px 0 0;
	border-top:4px solid #222;
}

#contact .inner .note {
	color:#888;
	font-size:130%;
}

#contact .inner h3 {
	width:80.35%;
	max-width:675px;
	margin:0 auto;
	padding:55px 0 15px;
	font-size:180%;
}

#contact.comp .inner h3 {
	text-align:center;
	padding:55px 0 0;
}

#contact .inner dl {
	width:80.35%;
	max-width:675px;
	margin:0 auto;
	font-size:130%;
	letter-spacing:-0.5em;
}

#contact .inner dl dt {
	display:inline-block;
	width:28.6%;
	max-width:193px;
	margin:0 0 18px;
	line-height:2.93;
	letter-spacing:0;
	vertical-align:top;
}

#contact .inner dl dd {
	display:inline-block;
	width:71.4%;
	max-width:482px;
	margin:0 0 5%;
	letter-spacing:0;
	line-height:1.77;
	vertical-align:top;
}

#contact .inner dl dd input ,
#contact .inner dl dd textarea {
	width:100%;
	padding:10px;
	color:#222;
	line-height:1.28;
	border:1px solid #999;
	border-radius:2px;
	background:#f5f5f5;
	box-sizing:border-box;
}

#contact .inner dl dd .name-field ,
#contact .inner dl dd .tel-field ,
#contact .inner dl dd .zip-field {
	letter-spacing:-0.5em;
}

#contact .inner dl dd .name-field input {
	display:inline-block;
	width:48.13%;
	letter-spacing:0;
}

#contact .inner dl dd .name-field input + input {
	margin:0 0 0 3.74%;
}

#contact .inner dl dd .tel-field input ,
#contact .inner dl dd .zip-field input {
	display:inline-block;
	width:25.3%;
	letter-spacing:0;
}

#contact .inner dl dd .tel-field .hyphen ,
#contact .inner dl dd .zip-field .hyphen {
	display:inline-block;
	width:3.74%;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
}

#contact .inner .btn_area {
	padding:77px 0 0;
	text-align:center;
}

#contact .inner .btn_area input[type="submit"] {
	display:inline-block;
	width:246px;
	margin:0 10px;
	color:#fff;
	font-size:200%;
	font-weight:bold;
	line-height:2.6;
	background:#e75418;
	border-radius:0;
}

#contact .inner .btn_area input[type="button"] {
	display:inline-block;
	width:246px;
	margin:0 10px;
	color:#fff;
	font-size:200%;
	font-weight:bold;
	line-height:2.6;
	background:#999;
	border-radius:0;
}

#contact .inner .btn_area input[type="button"]:hover ,
#contact .inner .btn_area input[type="submit"]:hover {
	cursor:pointer;
	opacity:0.7;
}

#contact.confirm .ttl {
	padding:45px 0 0;
	font-size:200%;
	text-align:center;
}

#contact.confirm dd {
	min-height:40px;
	padding:8px 10px;
	border:1px solid #ccc;
	box-sizing:border-box;
}

#contact.comp p {
	width:80.35%;
	max-width:675px;
	margin:40px auto;
	font-size:130%;
	line-height:1.77;
}

#contact.comp .link {
	text-align:center;
}

#contact.comp p a {
	color:#ff6600;
}



}






@media screen and (max-width: 760px) {

/*---------------------------------------------------------------------------------
contact
---------------------------------------------------------------------------------*/

.red {
	color:#e75418 !important;
	font-weight:bold;
}

#contact {
	padding:0 0 15%;
}

#contact h2 {
	width:100%;
	height:324px;
	padding:150px 0 0;
	text-align:center;
	background:url(/ba/common/img/contact/bg_main_01.jpg) no-repeat center center;
	background-size:cover;
	box-sizing:border-box;
}

#contact .inner {
	width:93.75%;
	margin:0 auto;
	padding:12% 0 0;
	box-sizing:border-box;
}

#contact .inner .line {
	padding:3% 0 0;
	border-top:3px solid #222;
}

#contact .inner .note {
	color:#888;
	font-size:100%;
}

#contact .inner h3 {
	padding:5% 0;
	font-size:150%;
}

#contact.comp .inner h3 {
	text-align:center;
	padding:11% 0 0;
}

#contact .inner dl {
	font-size:110%;
	letter-spacing:-0.5em;
}

#contact .inner dl dt {
	margin:0 0 1%;
	line-height:1.5;
	letter-spacing:0;
	vertical-align:top;
}

#contact .inner dl dd {
	margin:0 0 8%;
	letter-spacing:0;
	line-height:1.5;
	vertical-align:top;
}

#contact .inner dl dd input ,
#contact .inner dl dd textarea {
	width:100%;
	padding:6px;
	color:#222;
	line-height:1.28;
	border:1px solid #999;
	border-radius:2px;
	background:#f5f5f5;
	box-sizing:border-box;
}

#contact .inner dl dd .name-field ,
#contact .inner dl dd .tel-field ,
#contact .inner dl dd .zip-field {
	letter-spacing:-0.5em;
}

#contact .inner dl dd .name-field input {
	display:inline-block;
	width:48.13%;
	letter-spacing:0;
}

#contact .inner dl dd .name-field input + input {
	margin:0 0 0 3.74%;
}

#contact .inner dl dd .tel-field input ,
#contact .inner dl dd .zip-field input {
	display:inline-block;
	width:25.3%;
	letter-spacing:0;
}

#contact .inner dl dd .tel-field .hyphen ,
#contact .inner dl dd .zip-field .hyphen {
	display:inline-block;
	width:3.74%;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
}

#contact .inner .btn_area {
	padding:10% 0 0;
	text-align:center;
}

#contact .inner .btn_area input[type="submit"] {
	display:inline-block;
	width:120px;
	margin:0 10px;
	color:#fff;
	font-size:160%;
	font-weight:bold;
	line-height:2.6;
	background:#e75418;
}

#contact .inner .btn_area input[type="button"] {
	display:inline-block;
	width:120px;
	margin:0 10px;
	color:#fff;
	font-size:160%;
	font-weight:bold;
	line-height:2.6;
	background:#999;
}

#contact.confirm .ttl {
	padding:8% 0 0;
	font-size:180%;
	text-align:center;
}

#contact.confirm dd {
	padding:1% 0 0;
	border-top:1px solid #ccc;
	box-sizing:border-box;
}

#contact.comp p {
	margin:11% auto 0;
	font-size:120%;
}

#contact.comp .link {
	text-align:center;
}

#contact.comp p a {
	color:#ff6600;
}

}