@charset "utf-8";
/* CSS Document */

/* PC */
._pc #contact{}
._pc #contact .visual{
	display:table; height:240px; width:100%;
	background:url(img/title_bg.jpg) center bottom/cover;
}
._pc #contact .visual h2{
	display:table-cell; vertical-align:middle; text-align:center;
	font-size:22px; font-size:2.2rem; line-height:1.2; color:#191919; font-weight:600;
	text-shadow:0 0 3px #FFFFFF,0 0 3px #FFFFFF,0 0 3px #FFFFFF,0 0 3px #FFFFFF;
}
._pc #contact .visual h2 span{ font-size:18px; font-size:1.8rem; }
._pc #contact h3.ttl{ margin-top:45px; }
._pc #contact h4{ font-size:18px; font-size:1.8rem; line-height:1.88; text-align:center; }
._pc #contact .text{ font-size:16px; font-size:1.6rem; line-height:1.88; text-align:center; margin-top:35px; }
._pc #contact .inner{ width:840px; }
._pc #contact table{ margin-top:45px; }
._pc #contact table th,
._pc #contact table td{ padding:40px 0; border-top:1px solid #C1C1C1; text-align:left; vertical-align:top; }
._pc #contact table th{ font-size:15px; font-size:1.5rem; line-height:1.57; width:175px; }
._pc #contact table th span{ font-size:86.66%; color:#E62510; }
._pc #contact table td{ font-size:14px; font-size:1.4rem; line-height:1.57; }
._pc #contact input[type="text"],
._pc #contact textarea,
._pc #contact select{
	font-family:inherit;
	font-size:14px; font-size:1.4rem; line-height:1.57;
	border:1px solid #C1C1C1; background:#FFFFFF;
	padding:2px 10px;
	width:645px;
}
._pc #contact input[type="text"].err,
._pc #contact textarea.err,
._pc #contact select.err{ background:#F29287; }
._pc #contact table td.btn{ text-align:center; }
._pc #contact table td.btn input.btn_box{ width:225px; display:inline-block; margin:0 20px; }

/* スマホ */
._sp #contact{}
._sp #contact .visual{
	display:table; height:140px; width:100%;
	background:url(img/title_bg.jpg) center bottom/cover;
}
._sp #contact .visual h2{
	display:table-cell; vertical-align:middle; text-align:center;
	font-size:17px; font-size:1.7rem; line-height:1.2; color:#191919; font-weight:600;
	text-shadow:0 0 3px #FFFFFF,0 0 3px #FFFFFF,0 0 3px #FFFFFF,0 0 3px #FFFFFF;
}
._sp #contact .visual h2 span{ font-size:13px; font-size:1.3rem; }
._sp #contact h3.ttl{ margin-top:35px; }
._sp #contact h4{ font-size:16px; font-size:1.6rem; line-height:1.88; text-align:center; }
._sp #contact .text{ font-size:10px; font-size:1rem; line-height:1.88; text-align:center; padding:30px 20px 0; }
._sp #contact table{ margin-top:50px; display:block; }
._sp #contact table tbody{ display:block; }
._sp #contact table tr{ display:block; border-top:1px solid #C1C1C1; padding:20px 0; }
._sp #contact table th,
._sp #contact table td{ display:block; text-align:left; vertical-align:top; padding-left:20px; padding-right:20px; }
._sp #contact table th{ font-size:14px; font-size:1.4rem; line-height:1.57; width:175px; margin-bottom:10px; }
._sp #contact table th span{ font-size:85.71%; color:#E62510; }
._sp #contact table td{ font-size:13px; font-size:1.3rem; line-height:1.57; }
._sp #contact input[type="text"],
._sp #contact textarea,
._sp #contact select{
	font-family:inherit;
	font-size:13px; font-size:1.3rem; line-height:1.57;
	border:1px solid #C1C1C1; background:#FFFFFF;
	width:100%;
}
._sp #contact input[type="text"].err,
._sp #contact textarea.err,
._sp #contact select.err{ background:#F29287; }
._sp #contact table td.btn{ text-align:center; }
._sp #contact table td.btn input.btn_box{ width:200px; display:block; margin:0 auto 10px; }


/* end */