@charset "UTF-8";

main a.button { width: 144px; }
main p a { word-break: break-all; }

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


/* --------------------------------------------------
	平日用相談フォーム
-------------------------------------------------- */

main div.message-box { margin: 1em 0; }
main form table { margin-bottom: 30px; }
main form th { width: 30%; text-align: left; }
main form th span.required { margin-left: 0.5em; padding: 0 5px; background: #e47026; color: #fff; font-size: 1.4rem; font-weight: normal; display: inline-block; }
main form td { width: 70%; }
main form td input { padding: 0.4em 0.5em; border: solid 1px #ccc; font-size: 100%; box-sizing: border-box; }
main form textarea { padding: 0.4em 0.5em; width: 100%; height: 10em; border: solid 1px #ccc; font-size: 100%; display: block; box-sizing: border-box; }
main form tr#RowMessageConsultation span#FieldMessageConsultation { margin-right: 10px; padding-right: 30px; display: inline-block; background: url(/img/form/calendar_31st_hoso.png) right center no-repeat; }
main form tr#RowMessageConsultation2 span#FieldMessageConsultation2 { margin-right: 10px; padding-right: 30px; display: inline-block; background: url(/img/form/calendar_31st_hoso.png) right center no-repeat; }
main div.bs-mail-form-auth-captcha { margin-bottom: 30px; text-align: center; }
main div.bs-mail-form-auth-captcha img.auth-captcha-image { margin: 0 auto; display: block; }
main div.bs-mail-form-auth-captcha input { margin: 10px 0; padding: 0.4em 0.5em; border: solid 1px #ccc; font-size: 100%; box-sizing: border-box; }
main div.bs-mail-form-submit { text-align: center; }
main div.bs-mail-form-submit input#BtnMessageConfirm { margin-right: 10px; padding: 10px 18px; border: solid 1px #64b1d4; border-radius: 100px; font-size: 1.6rem; background-color: #fff; color: #64b1d4; }
main div.bs-mail-form-submit input#BtnMessageConfirm:hover { background-color: #64b1d4; color: #fff;}

@media screen and (max-width: 767px) {
	main form th { width: 100% !important; display: block; box-sizing: border-box; text-align: center; }
	main form td { width: 100% !important; display: block; box-sizing: border-box; border-top: none; }
	main form input[type="text"], main form input[type="email"] { width: 100% !important;  margin-bottom: 4px;}
	main form tr#RowMessageBirthY input#MailMessageBirthY { width: auto !important; }
	main form td select { width: 80px; height: 30px; margin-bottom: 4px; }
	main form tr#RowMessageConsultation span#FieldMessageConsultation { display: block; background-position-y: top; }
	main form tr#RowMessageConsultation span.bs-mail-after-attachment { display: inline-block; }
	main form tr#RowMessageConsultation2 span#FieldMessageConsultation2 { display: block; background-position-y: top; }
	main form tr#RowMessageConsultation2 span.bs-mail-after-attachment { display: inline-block; }
}