@charset 'utf-8';
/*
 * name:contact.css
 * author:Nulo
*/

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

#pageVisual { background: url(../../img/contact/bg_title.jpg) no-repeat top center; background-size: cover; }

#contact { padding: 125px 0 100px; }
#contact input[type=text],
#contact input[type=email],
#contact input[type=reset],
#contact input[type=submit],
#contact textarea {
	-webkit-appearance: none;
	appearance: none;
	background: none;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
#contact input[type=text],
#contact input[type=email],
#contact textarea {
	font-family: 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
	padding: 5px 20px;
	height: 40px;
	background: #ffffff;
	border: solid #707070 1px;
	width: 100%;
}
#contact textarea {  height: 200px; resize: none; vertical-align: top; box-sizing: border-box; -webkit-box-sizing: border-box; }

.contact--form { max-width: 750px; margin: 0 auto; }
.contact--form table { width: 100%; border-collapse: collapse; }
.contact--form table tr th,
.contact--form table tr td { font-size: 14px; font-size: 1.4rem; letter-spacing: 0.074em; text-align: left; padding: 42px 0; }
.contact--form table tr th { width: 190px; }
.btn--submit { text-align: center; margin-top: 23px; }
.btn--submit button { cursor: pointer; display: inline-block; font-size: 18px; font-size: 1.8rem; letter-spacing: 0.33em; width: 260px; height: 60px; line-height: 60px; color: #fff; background: linear-gradient(to left,#EAAC82 5%,#FF8479 70%); border: none; }
.g-recaptcha {  }
.g-recaptcha > div { display: block; margin: 0 auto; }

.error { color: red; font-size: 14px; font-size: 1.4rem; letter-spacing: 0.074em; }
.error-recaptcha { text-align: center; }
.error { color: red; }
.btn--edit { text-align: center; margin-top: 23px; }
.btn--edit a { text-decoration: none; cursor: pointer; display: inline-block; font-size: 18px; font-size: 1.8rem; letter-spacing: 0.33em; width: 260px; height: 60px; line-height: 60px; color: #fff; background: linear-gradient(to left,#eee 5%,#ccc 70%); border: none; }

.thanks { font-size: 14px; font-size: 1.4rem; letter-spacing: 0.074em; }

/* responsive style
------------------------------------------------ */
@media screen and (max-width: 640px) {

	#pageVisual { background: url(../../img/contact/bg_title_sp.jpg) no-repeat top center; background-size: cover; }

	#contact { padding: 18px 0 60px; }
	#contact input[type=text],
	#contact input[type=email],
	#contact textarea { height: 30px; padding: 5px 10px; }
	#contact textarea { height: 100px; }
	.contact--form table tr th,
	.contact--form table tr td { display: block; font-size: 10px; font-size: 1rem; letter-spacing: 0.034em; padding: 10px 0 18px; }
	.contact--form table tr th { width: 100%; padding-bottom: 0; }
	.btn--submit { margin-top: 22px; }
	.btn--submit button { font-size: 16px; font-size: 1.6rem; letter-spacing: 0.16em; width: 280px; height: 50px; line-height: 50px; }
	.g-recaptcha { margin: 15px auto 0; width: 240px; transform-origin: left top; -webkit-transform-origin: left top; }
	#rc-imageselect, .g-recaptcha {transform:scale(0.8);-webkit-transform:scale(0.8);transform-origin:0 0;-webkit-transform-origin:0 0;}
	
	.error { font-size: 10px; font-size: 1rem; letter-spacing: 0.034em; }
	.error-recaptcha { margin-top: -15px; }
	.btn--edit { margin-top: 22px; }
	.btn--edit a { font-size: 16px; font-size: 1.6rem; letter-spacing: 0.16em; width: 280px; height: 50px; line-height: 50px; }
	.thanks { font-size: 10px; font-size: 1rem; letter-spacing: 0.034em; }
}