@charset "UTF-8";
@import url("./style.css");

main tbody th { padding: 15px 20px; width: 30%; }
main tbody th span.normal { display: none; }
main tbody th span.required { margin: 0 0 0 0.5em; padding: 2px 5px; background: #f00; color: #fff; font-size: 90%; font-weight: 400; }
main tbody td { padding: 15px; width: 70%; }
main tbody td small { margin: 0 0.2em 0 0; font-size: 100%; }
main input { margin: 0.2em 0.2em 0.2em 0; padding: 0.3em 0.5em; font-size: 100%; box-sizing: border-box; }
main textarea { margin: 0; padding: 0.3em 0.5em; width: 100%; font-size: 100%; display: block; box-sizing: border-box; }
main span.mail-before-attachment { margin: 0 0.2em 0 0; }
main span.mail-after-attachment { margin: 0 0.2em 0 0; }
main div.auth-captcha { margin: 0 auto 20px auto; width: 240px; text-align: center; }
main div.auth-captcha input { margin: 0; width: 100%; text-align: center; }
main div.submit { text-align: center; }
main div.error-message { margin: 5px 0; padding: 3px 12px; background: #f00; color: #fff; font-size: 90%; }

@media screen and (max-width : 767px) {
main table { border-top: solid 1px #ccc; }
main tbody th { width: 100%; border-width: 0 1px; display: block; box-sizing: border-box; }
main tbody td { width: 100%; display: block; box-sizing: border-box; }
main textarea { width: 100%; }
}