@charset "UTF-8";

body.inquiry main {
    display: block;
}
body.inquiry main article {
    margin: 30px auto;
}

body.inquiry main article span.required {
    color: #ff0000;
}
body.inquiry main article form[name="inquiry"] table#inquiry_forms {
    width: 100%;
}
body.inquiry main article form[name="inquiry"] table#inquiry_forms th,
body.inquiry main article form[name="inquiry"] table#inquiry_forms td {
    display: block;
    padding: 1em;
}
body.inquiry main article form[name="inquiry"] table#inquiry_forms input[type="text"] {
    width: 100%;
    height: 2em;
}
body.inquiry main article form[name="inquiry"] table#inquiry_forms select {
	height: 2em;
}
body.inquiry main article form[name="inquiry"] table#inquiry_forms tr.name input[type="text"],
body.inquiry main article form[name="inquiry"] table#inquiry_forms tr.name_kana input[type="text"] {
    width: 45%;
    margin-right: 2%;
}
body.inquiry main article form[name="inquiry"] table#inquiry_forms tr.student_number input[type="text"],
body.inquiry main article form[name="inquiry"] table#inquiry_forms tr.graduate_year input[type="text"] {
    width: 30%;
    margin-right: 2%;
}

body.inquiry main article form[name="inquiry"] input.btn {
    width: 100%;
    margin-top: 1em;
}
body.inquiry main article form[name="inquiry"] ul.error_msg {
    color: #ff0000;
}
body.inquiry main article form[name="inquiry"] input.btn.cancel {
    background-color: #666666;
}


/*--------------------------------------------------------------------
 *	737px以上用（PC用）の記述
 *--------------------------------------------------------------------*/
@media screen and (min-width: 737px), print {
/* 737px以上用（PC用）の記述 */

body.inquiry main article form[name="inquiry"] table#inquiry_forms th,
body.inquiry main article form[name="inquiry"] table#inquiry_forms td {
    display: table-cell;
}
body.inquiry main article form[name="inquiry"] table#inquiry_forms th {
    width: 30%;
}
body.inquiry main article form[name="inquiry"] table#inquiry_forms td {
    width: 70%;
}
body.inquiry main article form[name="inquiry"] input.btn {
    width: 35%;
}

/* 737px以上用（PC用）の記述 end */
}