form#mail_form{width:100%;margin:50px auto}form#mail_form dl{width:100%;margin:0 auto 100px;overflow:hidden}form#mail_form dl dt{clear:both;width:250px;float:left;text-align:left;overflow:hidden;font-size:1.8rem;font-weight:bold;font-family:"Noto Sans JP";margin-bottom:60px;line-height:2;padding-top:5px}form#mail_form dl dd{width:calc(100% - 290px);float:right}form#mail_form dl dt span{display:block}form#mail_form dl dt span.required,form#mail_form dl dt span.optional{display:inline-block;float:right;color:#fff;line-height:1}form#mail_form dl dt span.required{background:#fa0;color:#fff;font-size:1.6rem;padding:8px 10px}form#mail_form dl dt span.optional{background:#337ab7;border:1px solid #2e6da4;font-size:1.6rem;padding:8px 10px}form#mail_form dl dd span{font-size:1.4rem}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:13px;border-radius:3px;border:solid 1px #ccc;width:100%;font-size:1.6rem}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:calc(100% - 5px);border:1px solid #000;background:#fff;-webkit-appearance:none;font-size:1.6rem;filter:drop-shadow(5px 5px 0 #e5e5e5);padding:12px 10px;margin-bottom:10px}form#mail_form textarea{display:block;width:calc(100% - 5px);min-height:150px;resize:vertical;border:1px solid #000;background:#fff;filter:drop-shadow(5px 5px 0 #e5e5e5);-webkit-appearance:none;font-size:1.6rem;padding:12px 10px;margin-bottom:10px}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 #5cf;border:1px solid #5cf;background:#fff}form#mail_form textarea:focus{box-shadow:0px 0px 5px #5cf;border:1px solid #5cf;background:#fff}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:0;margin-top:0}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:100%;margin:0 auto;text-align:center}form#mail_form input[type=button]{padding:20px 30px;margin-top:50px;vertical-align:middle;line-height:1;background:#247cdc;border:1px solid #247cdc;border-radius:30px;color:#fff;font-family:inherit;-webkit-appearance:none;font-size:1.6rem;transition:all .3s ease}form#mail_form input[type=button]:hover{cursor:pointer;background:#fff;border:1px solid #247cdc;color:#247cdc}@media screen and (max-width: 640px){form#mail_form{width:100%}form#mail_form dl{overflow:visible;width:100%;margin:0 auto 100px}form#mail_form dl dt{width:100%;float:none;text-align:left;font-size:1.6rem;margin-bottom:10px;padding-top:0}form#mail_form dl dd{width:100%;float:none;margin-bottom:50px}form#mail_form dl dt span.required,form#mail_form dl dt span.optional{float:none;margin-right:10px}form#mail_form input#form_submit_button{margin-left:0}}/*# sourceMappingURL=mailform.css.map */