@charset "utf-8";form#mail_form{width:910px;margin:50px auto;padding:10px 0;background:#fff;border:1px solid #ccc;border-radius:7px;box-shadow:0 0 7px rgba(0,0,0,.2)}form#mail_form dl{width:90%;margin:0 auto;overflow:hidden}form#mail_form dl dt{clear:both;width:30%;float:left;border-top:1px solid #ccc;padding:15px 0;text-align:right;overflow:hidden}form#mail_form dl dd{width:65%;float:right;border-top:1px solid #ccc;padding:15px 0 15px 5%}form#mail_form dl dt:first-child,form#mail_form dl dt:first-child+dd{border:0}input::placeholder{color:#d8d8d8}input:-ms-input-placeholder,input::-ms-input-placeholder{color:#d8d8d8}form#mail_form dl dt span.optional,form#mail_form dl dt span.required{display:inline-block;float:left;color:#fff;line-height:1;padding:8px 9px;border-radius:3px}form#mail_form dl dt span.required{background:#d9534f;border:1px solid #d43f3a}form#mail_form dl dt span.optional{background:#337ab7;border:1px solid #2e6da4}form#mail_form dl dd span.error_blank,form#mail_form dl dd span.error_format,form#mail_form dl dd span.error_match{display:block;color:red;margin-top:3px}span.loading{width:50px;height:50px;border-radius:50%;border-top:5px solid hsla(0,0%,100%,.2);border-right:5px solid hsla(0,0%,100%,.2);border-bottom:5px solid hsla(0,0%,100%,.2);border-left:5px solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:a 1 linear infinite;animation:a 1 linear infinite;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px}@-webkit-keyframes a{0{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes a{0{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}form#mail_form input[type="email"],form#mail_form input[type="tel"],form#mail_form input[type="text"]{max-width:90%;height:2em;padding:2px 2%;border:1px solid #ccc;border-radius:3px;background:#fafafa;-webkit-appearance:none;font-size:100%;font-family:inherit;margin-top:5px}form#mail_form input[type="email"]:focus,form#mail_form input[type="tel"]:focus,form#mail_form input[type="text"]:focus,form#mail_form textarea:focus{box-shadow:0 0 5px #5cf;border:1px solid #5cf;background:#fff}form#mail_form ul li input[type="checkbox"],form#mail_form ul li input[type="radio"]{margin-right:10px;margin-top:7px}form#mail_form ul li:first-child input[type="checkbox"],form#mail_form ul li:first-child input[type="radio"]{margin-top:0}form#mail_form select{font-size:100%;font-family:inherit;margin-top:10px}form#mail_form textarea{display:block;width:90%;max-width:90%;height:200px;padding:2px 2%;resize:vertical;border:1px solid #ccc;border-radius:3px;background:#fafafa;-webkit-appearance:none;font-size:100%;font-family:inherit}form#mail_form ul{list-style-type:none}form#mail_form ul li label:hover{cursor:pointer}form#mail_form input#company,form#mail_form input#meca,form#mail_form input#name,form#mail_form input#name_1,form#mail_form input#read_1{width:80%}form#mail_form input#address{width:100%}form#mail_form input#phone,form#mail_form input#postal,form#mail_form input#schedule{width:30%}form#mail_form input#mail_address,form#mail_form input#mail_address_confirm{width:80%}form#mail_form input#postal+a{display:inline-block;padding:9px 15px;vertical-align:middle;line-height:1;background:#5bc0de;border:1px solid #46b8da;border-radius:3px;color:#fff;font-family:inherit;text-decoration:none;position:relative;top:-1px}form#mail_form input#postal+a:hover{cursor:pointer;background:#31b0d5;border:1px solid #269abc}form#mail_form input#address{width:90%}form#mail_form p#form_submit{width:90%;margin:0 auto;padding:15px 0;border-top:1px solid #ccc}form#mail_form input[type="button"]{padding:9px 15px;vertical-align:middle;line-height:1;background:#21b3b4;border:1px solid #21b3b4;border-radius:3px;color:#fff;font-family:inherit;-webkit-appearance:none;font-size:30px}form#mail_form input[type="button"]:hover{cursor:pointer;background:#f90;border:1px solid #f90}form#mail_form input#form_submit_button{margin-left:35%}@media screen and (max-width:640px){form#mail_form{width:95%}form#mail_form dl{overflow:visible}form#mail_form dl dt{width:auto;float:none;text-align:left;padding:10px 0 5px;font-weight:700}form#mail_form dl dd{width:auto;float:none;border-top:0;padding:0 0 13px}form#mail_form dl dt span{font-weight:400}form#mail_form dl dt span.optional,form#mail_form dl dt span.required{margin-right:1em;margin-bottom:2em}form#mail_form input#form_submit_button{margin-left:0}dl .required p{font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:9pt;line-height:20,px}form#mail_form input#phone,form#mail_form input#schedule{width:50%}}#mail_form dl h4{font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;font-style:normal;font-variant:normal;font-weight:700;font-size:25px;clear:both;color:#21b3b4}.box7{padding:.5em 1em;margin:2em 0;color:#474747;background:#f5f5f5;border-left:double 7px #4ec4d3;border-right:double 7px #4ec4d3}.box7 p{color:#000;font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:20px;line-height:25px}.box7 p,select{margin:0;padding:0}select{-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;border-radius:0;border:1px;background:0 0 transparent;vertical-align:middle;font-size:inherit;color:inherit;box-sizing:content-box}.custom{overflow:hidden;display:inline-block;*display:inline;*zoom:1;position:relative;border-radius:.2em;border:1px solid hsla(0,0%,100%,.5);box-shadow:0 2px 0 #aaa;background-color:#fafafa}.custom>select{width:100%;padding:.6em 2.4em .6em .6em;font-size:1rem}.custom:after{position:absolute;top:0;bottom:0;right:0;width:1.8em;display:block;content:"";background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGFBMVEUAAAAZJCYWISIYIyQYIiUWIiIYIyQYIiXh0rToAAAACHRSTlMA/hTRqiinvwFkb0sAAABCSURBVHjajchBDsAgDAPBOJDw/x+XVN0icQGfPGs3i+2GEqeiLCXWLENzvdzrDfP2ls/NjfKbgimYglfBq2Dm+LwHguMA235EdKYAAAAASUVORK5CYII=")center no-repeat;pointer-events:none}.default .custom>select{width:auto}.overflow .custom{overflow:visible}.overflow .custom select{outline:2px dotted rgba(255,255,0,.5)}