@charset "utf-8"; /* 本文 */ body { font-size: 85%; background: #fff; color: #000; font-family: Verdana,"MS PGothic","Osaka",Arial,sans-serif; } .contact-title{ width: 100%; float: left; margin-bottom: 30px; } .contact-title img{ width: 100%; } .contact-text{ width: 100%; float: left; padding-left: 50px; margin-bottom: 20px; } .contact-text p{ margin-bottom: 0px; } /* メッセージ */ p.msg { color: #dd0000; margin: 2em; } span.msg { color: #dd0000; } /* 戻りボタン */ form.back { margin-top: 2em; } form{ width: 100%; float: left; padding-left: 50px; } .form-field{ width: 100%; float: left; margin-bottom: 5px; } .form-field div.left{ width: 25%; float: left; background: #001245; } .form-field div.left p{ color: white; padding-left: 20px; line-height: 40px; margin-bottom: 0px; } .form-field div.right{ width: 74%; float: left; margin-left: 1%; border: 1px solid #001245; height: auto; padding: 7px; } .form-field div.right div.input-field{ width: 40%; float: left; } .form-field div.right div.input-field input{ height: 24px; width: 100%; background: #ccd0da; border: none; } .form-field div.right div.text-ex{ width: 58%; margin-left: 2%; float: left; } .form-field div.right div.text-ex p{ margin-bottom: 0px; line-height: 26px; } .form-field div.right div.radio-contact{ width: 30%; float: left; padding-top: 2px; } .textarea-field{ height: 207px; } .textarea-field div.left{ height: 100%; } .textarea-field div.right{ height: 100%; } .textarea-field div.right p{ margin-bottom: 5px; } .textarea-field div.right textarea{ width: 100%; height: auto; background: #ccd0da; border: none; } .last-field{ text-align: center; margin-top: 17px; } .last-field button{ margin-top: 20px; border: none; background: none; } .submit-confirm{ width: 100%; float: left; text-align: center; margin-top: 20px; } .submit-confirm button{ border: none; background: none; } form.confim div.form-field div.right{ height: auto; min-height: 40px; } form.confim div.form-field div.right p{ margin-bottom: 0px; } .black-top{ margin-top: 20px; width: 100%; float: left; text-align: center } .black-top button{ background: none; border: none; } @media(max-width: 1024px){ .form-field div.right div.text-ex p{ font-size: 12px; } .textarea-field div.right p{ font-size: 12px; } } @media(max-width: 950px){ .form-field div.right div.text-ex p{ font-size: 11px; } .textarea-field div.right p{ font-size: 11px; } } @media(max-width: 885px){ .form-field div.right div.text-ex p{ font-size: 10px; } .textarea-field div.right p{ font-size: 10px; } .form-field div.left p{ font-size: 12px; } .form-field div.left p{ padding-left: 10px; } } @media(max-width: 830px){ .form-field div.right div.text-ex p{ font-size: 9px; } } @media(max-width: 768px){ p{ font-size: 20px; } form.confim div.form-field div.right{ min-height: 0px; border: 1px solid #001245; padding: 5px; min-height: 34px; } .contact-title{ width: 106%; margin-left: -3%; margin-top: 10px; } .contact-text{ padding-left: 0px; } .contact-text ul{ margin: 0px; padding: 0px; margin-left: 6%; } form{ padding-left: 0px; } .form-field div.left{ width: 75%; margin-bottom: 5px; } .form-field div.right{ width: 100%; margin-left: 0px; border: none; padding: 0px; } .form-field div.right div.input-field{ width: 100%; } .form-field div.right div.input-field input{ height: 40px; } .form-field div.radio-check{ border: 1px solid #001245; padding: 5px 5px 5px 7px; } .textarea-field{ height: auto; } } @media(max-width: 650px){ p{ font-size: 18px; } } @media(max-width: 500px){ p{ font-size: 14px; } } @media(max-width: 400px){ .contact-title{ width: 110%; margin-left: -5%; } }