form#mail_form{max-width:960px;margin:0 auto;background:#fff}form#mail_form dl{width:90%;margin:0 auto;overflow:hidden;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between}form#mail_form dl dt{flex-basis:200px;padding-top:20px;padding-bottom:20px;text-align:left;line-height:1;overflow:hidden;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}form#mail_form dl dt span{display:block;font-size:1.2rem;color:#1e50a2}form#mail_form dl dt span.required,form#mail_form dl dt span.optional{order:2;flex-basis:auto;display:inline-block;margin-left:10px;font-weight:bold;color:#fff;line-height:1;font-family:"Noto Serif JP",serif;padding:3px;border-radius:2px}form#mail_form dl dt span.required{background:#ff5722}form#mail_form dl dt span.optional{background:#337ab7}form#mail_form dl dd{flex-basis:calc(100% - 200px);padding-bottom:20px}form#mail_form dl dd span{margin-top:5px;font-size:1.2rem;color:#555}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}form#mail_form dl select{padding:5px;border-radius:3px;border:solid 1px #ccc}span.loading{width:50px;height:50px;border-radius:50%;border-top:5px solid rgba(255,255,255,.2);border-right:5px solid rgba(255,255,255,.2);border-bottom:5px solid rgba(255,255,255,.2);border-left:5px solid #fff;transform:translateZ(0);animation:load-circle 1s linear infinite;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px}@keyframes load-circle{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}form#mail_form input[type=text],form#mail_form input[type=email],form#mail_form input[type=tel]{width:100%;max-width:90%;height:3.2em;padding:2px 2%;margin-top:5px;border:1px solid #ddd;border-radius:8px;background:#fafafa;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:100%;font-family:inherit}form#mail_form input::-moz-placeholder{font-size:1.4rem;color:#999}form#mail_form input::placeholder{font-size:1.4rem;color:#999}form#mail_form textarea{display:block;width:90%;max-width:90%;height:8em;margin-top:5px;padding:10px 2%;resize:vertical;border:1px solid #ddd;border-radius:8px;background:#fafafa;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:100%;font-family:inherit}form#mail_form textarea::-moz-placeholder{font-size:1.4rem;color:#999}form#mail_form textarea::placeholder{font-size:1.4rem;color:#999}form#mail_form input[type=text]:focus,form#mail_form input[type=email]:focus,form#mail_form input[type=tel]:focus{box-shadow:0px 0px 5px rgba(30,80,162,.3);border:1px solid #1e50a2;background:#fff;outline:none}form#mail_form textarea:focus{box-shadow:0px 0px 5px rgba(30,80,162,.3);border:1px solid #1e50a2;background:#fff;outline:none}form#mail_form input#company{width:100%}form#mail_form input#mail_address,form#mail_form input#mail_address_confirm{width:100%}form#mail_form ul{list-style-type:none}form#mail_form ul li input[type=radio],form#mail_form ul li input[type=checkbox]{margin-right:10px;margin-top:7px}form#mail_form ul li:first-child input[type=radio],form#mail_form ul li:first-child input[type=checkbox]{margin-top:0px}form#mail_form ul li label:hover{cursor:pointer}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_1,form#mail_form input#address_2,form#mail_form input#address_3,form#mail_form input#address_4,form#mail_form input#address_5,form#mail_form input#address_6{display:block;width:90%;margin-top:0px}form#mail_form input#address_1,form#mail_form input#address_2,form#mail_form input#address_3,form#mail_form input#address_4,form#mail_form input#address_5,form#mail_form input#address_6{margin-top:7px}form#mail_form p#form_submit{width:90%;margin:0 auto;padding-top:30px;border-top:1px solid #ddd;text-align:center}form#mail_form input[type=button]{padding:16px 28px;vertical-align:middle;line-height:1;background:#1e50a2;border:none;border-radius:5px;color:#fff;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:100%}form#mail_form input[type=button]:hover{cursor:pointer;background:#009ce2}@media screen and (max-width: 640px){form#mail_form{width:100%}form#mail_form dl{width:100%;overflow:visible}form#mail_form dl dt{flex-basis:100%;padding:10px 0;font-weight:bold}form#mail_form dl dd{flex-basis:100%;padding:0 0 20px 0}form#mail_form input[type=text],form#mail_form input[type=email],form#mail_form input[type=tel]{width:100%;max-width:100%}form#mail_form input#mail_address,form#mail_form input#mail_address_confirm{width:100%}form#mail_form textarea{width:100%;max-width:100%}form#mail_form input#form_submit_button{margin-left:0}}/*# sourceMappingURL=mailform.css.map */