body{ background: #f2f2f2 } .fv{ height: 400px; background: url("img/contact_bg.png"); background-repeat: no-repeat; background-position: center; background-size: cover } .page_ttl{ position: relative; top: 50%; font-size: 50px; color: white; text-align: center; } .page_ttl span{ font-size: 16px; font-weight: 100; color: #fff } .tel_number{ color: #0422cb; font-size: 30px; text-align: center; padding: 10px 20px; } select{ color: #151515 } .txt_black{ text-align: center; } .tel_btn_form div{ background:#fff; padding: 20px; width: 350px; margin: 30px auto 60px; border-radius: 10px; } .tel_btn_form span{ font-size: 12px; text-align: center; color: #878787; display: block; } .txt_black{ color: #151515 } dt{ color: #151515; font-size: 16px; } dt span{ font-size: 10px; font-weight: 100 } .select_arrow{ margin-left: 30px } @media (max-width: 767px) { .tel_btn_footer{ background: #151515!important } .tel_btn_form div { width: auto; border-radius: 0 } form#mail_form select { font-size: 12px!important; width: 50%!important; color: #151515;; } .contact-txt { margin-top: 30px!important; font-size: 12px; } .fv { height: 280px; background: url(img/contact_bg.png); background-repeat: no-repeat; background-position: right; background-size: cover; } .page_ttl { position: relative; top: 50%; font-size: 40px; color: white; text-align: center; line-height: 30px; } }