@charset "UTF-8";
/* 採用ページ共通：質問フォーム（mail_recruit.php）用
   使用ページ：recruit.html / recruit-landscape.html / recruit-rental.html / recruit-planner.html
   旧 recruit.html の header 内 <style> から移設。中身は旧ページと同じ */

#formWrap { width:100%; margin:0 auto; color:#555; line-height:120%; font-size:90%; }
table.formTable { width:100%; margin:0 auto; border-collapse:collapse; }
table.formTable td, table.formTable th { border:1px solid #ccc; padding:10px; }
table.formTable th { width:30%; font-weight:normal; background:#efefef; text-align:left; }
.submitbutton { text-align:center; }
.textarea { width:100%; height:100px; }
.required::after {
    content:"必須"; color:#ffffff; background:#cc0000; font-size:0.8em;
    padding:0.3em; border-radius:0.5em; margin-left:0.3em;
}
@media screen and (max-width:572px) {
    #formWrap { width:95%; margin:0 auto; }
    table.formTable th, table.formTable td { width:auto; display:block; }
    table.formTable th { margin-top:5px; border-bottom:0; }
    form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="number"], form textarea {
        width:100%; padding:5px; font-size:110%; display:block;
    }
    form input[type="submit"], form input[type="reset"], form input[type="button"] {
        display:block; width:100%; height:40px;
    }
}