.mainimg { background: url(../img/contact/mainimg_sp.jpg) center center no-repeat; color: #333; margin: 0 0 35px; }

@media (max-width: 599px) { .mainimg { background-size: auto 100%; } }

@media (min-width: 600px) { .mainimg { margin: 0 0 70px; background: url(../img/contact/mainimg_pc.jpg) center center; } }

.intro { margin: 0 10px; font-weight: bold; line-height: 1.6; }

@media (min-width: 600px) { .intro { text-align: center; font-size: 1.4rem; line-height: 2.31; } }

.intro p { font-weight: inherit; }

.formWrap { margin: 30px 10px 0; }

@media (min-width: 600px) { .formWrap { width: 720px; margin: 30px auto 0px; } }

@media (max-width: 599px) { .formWrap table { border-top: 1px solid #696766; } }

.formWrap th, .formWrap td { border: 1px solid #696766; font-size: 1.4rem; }

@media (max-width: 599px) { .formWrap th, .formWrap td { display: block; } }

.formWrap th { text-align: center; background: #e9e5e2; padding: 15px 10px; font-weight: bold; }

@media (max-width: 599px) { .formWrap th { border-bottom: none; border-top: none; text-align: left; } }

@media (min-width: 600px) { .formWrap th { width: 30%; } }

.formWrap label { font-weight: inherit; }

.formWrap th span { font-weight: normal; }

.formWrap td { padding: 15px 20px; }

.formWrap td span { font-size: 1.4rem; }

.formWrap span.red { color: #FF0000; }

input { width: 97%; border: 1px solid #ccc; background: #f8f7f6; padding: 5px; }

input[type="checkbox"], input[type="radio"] { width: auto; margin-right: 4px; vertical-align: middle; }

input[type="checkbox"] + span { vertical-align: middle; }

textarea { width: 97%; height: 400px; border: 1px solid #ccc; background: #f8f7f6; padding: 5px; margin-top: 10px; }

label { margin-right: 20px; }

.rec_btn { text-align: center; }

.rec_btn button { background: #e9e5e2; border: 1px solid #696766; margin: 30px 40px 0; padding: 8px; width: 150px; display: inline-block; font-size: 1.4rem; }