form#mail_form .hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}form#mail_form .cf-turnstile-wrapper{margin:16px 0 16px auto;width:fit-content}form#mail_form *{margin:0;padding:0;box-sizing:content-box}form#mail_form{width:1000px;margin:40px auto;background:#fff;border:1px solid #ccc;border-radius:7px;box-shadow:0 0 7px rgba(0,0,0,.2);line-height:1.8}form#mail_form dl{width:90%;margin:0 auto;border-bottom:1px solid #ccc}form#mail_form dl:after,form#mail_form dl dt:after{content:".";display:block;height:0;clear:both;visibility:hidden}form#mail_form dl dt{width:30%;float:left;padding:35px 0 25px;text-align:right}form#mail_form dl dd{width:65%;float:right;padding:30px 0 25px 5%}form#mail_form dl dt i{float:left;position:relative;top:-2px}form#mail_form dl.label_30 dd{padding:20px 0 25px 5%}form#mail_form dl dt span.required,form#mail_form dl dt span.optional{display:inline-block;font-size:85%;color:#fff;padding:4px 10px;border-radius:3px}form#mail_form dl dt span.required{background:#e75956;border:1px solid #d43f3a}form#mail_form dl dt span.optional{background:#337ab7;border:1px solid #3984c1}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:5px}div.loading-layer{width:100vw;height:100vh;background:rgba(0,0,0,.7);position:fixed;left:0px;top:0px;z-index:10000}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:load-circle 1s linear infinite;animation:load-circle 1s linear infinite;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px}@-webkit-keyframes load-circle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load-circle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}form#mail_form input[type=text],form#mail_form input[type=email],form#mail_form input[type=tel]{width:calc(96% - 2px);padding:10px 2%;border:1px solid #ccc;border-radius:3px;background:#fafafa;-webkit-appearance:none;font-size:16px;font-size:1.6rem;font-family:inherit;line-height:normal}@media only screen and (max-width: 813px){form#mail_form input[type=text],form#mail_form input[type=email],form#mail_form input[type=tel]{font-size:24px;font-size:2.4rem}}form#mail_form input[type=text]:focus,form#mail_form input[type=email]:focus,form#mail_form input[type=tel]:focus,form#mail_form textarea:focus{box-shadow:0px 0px 5px #5cf;border:1px solid #5cf;background:#fff}form#mail_form ul li input[type=radio],form#mail_form ul li input[type=checkbox]{margin:0 10px 0 0}form#mail_form select{padding:7px 2%;border:1px solid #ccc;font-size:16px;font-size:1.6rem;font-family:inherit;line-height:normal}@media only screen and (max-width: 813px){form#mail_form select{font-size:24px;font-size:2.4rem}}form#mail_form textarea{display:block;width:calc(96% - 2px);height:200px;padding:7px 2%;resize:vertical;border:1px solid #ccc;border-radius:3px;background:#fafafa;-webkit-appearance:none;font-size:16px;font-size:1.6rem;font-family:inherit;line-height:normal}@media only screen and (max-width: 813px){form#mail_form textarea{font-size:24px;font-size:2.4rem;height:360px}}form#mail_form ul{list-style-type:none}form#mail_form ul li label{display:block;margin-top:10px;padding:10px 2%;border-radius:3px;background:#f5f5f5}form#mail_form ul li:first-child label{margin-top:0px}form#mail_form ul li label:hover{cursor:pointer;background:#f0f0f0}form#mail_form dl.label_30 dd ul li{display:inline-block;width:30%}form#mail_form input[name=company],form#mail_form input[name=text01],form#mail_form input[name=text02],form#mail_form input[name=text03],form#mail_form input[name=text04]{width:70%}form#mail_form input[name=name_1],form#mail_form input[name=name_2],form#mail_form input[name=read_1],form#mail_form input[name=read_2],form#mail_form input[name=postal],form#mail_form input[name=phone],form#mail_form input[name=schedule]{width:30%}form#mail_form input[name=mail_address],form#mail_form input[name=mail_address_confirm]{width:80%}form#mail_form input[name=postal]+a{display:inline-block;padding:7px 20px;border:1px solid #46b8da;border-radius:3px;background:#5bc0de;font-size:16px;font-size:1.6rem;line-height:normal;color:#fff;text-decoration:none}@media only screen and (max-width: 813px){form#mail_form input[name=postal]+a{font-size:24px;font-size:2.4rem}}form#mail_form input[name=postal]+a:hover{cursor:pointer;background:#31b0d5;border:1px solid #269abc}form#mail_form p#form_submit{width:90%;margin:0 auto;padding:30px 0}form#mail_form input[type=button]{padding:.6em 4em;border:1px solid #222;border-radius:3px;background:#333;font-size:16px;font-size:1.6rem;color:#fff;font-family:inherit;-webkit-appearance:none}@media only screen and (max-width: 813px){form#mail_form input[type=button]{font-size:24px;font-size:2.4rem}}form#mail_form input[type=button]:hover{cursor:pointer;background:#555;border:1px solid #222}@media screen and (max-width: 1000px){form#mail_form{width:95%;font-size:100%}form#mail_form dl dt{width:auto;float:none;padding:25px 0 10px;text-align:left;font-weight:bold}form#mail_form dl dd{width:auto;float:none;padding:0px 0 20px 0px}form#mail_form dl dt i{float:none;position:static;font-weight:normal}form#mail_form dl.label_30 dt{padding-bottom:0px}form#mail_form dl.label_30 dd{padding:0px 0 20px 0}form#mail_form dl dt span.required,form#mail_form dl dt span.optional{margin:0 15px 0 0}form#mail_form input[name=phone],form#mail_form input[name=schedule]{width:60%}form#mail_form p#form_submit{padding:25px 0}form#mail_form input[type=button]{margin-left:0}}@media(max-width: 813px){form#mail_form input[name=company],form#mail_form input[name=text01],form#mail_form input[name=text02],form#mail_form input[name=text03],form#mail_form input[name=text04]{width:96%;margin-bottom:5px}form#mail_form input[name=name_1],form#mail_form input[name=name_2],form#mail_form input[name=read_1],form#mail_form input[name=read_2],form#mail_form input[name=phone],form#mail_form input[name=schedule]{width:96%;margin-bottom:5px}form#mail_form input[name=mail_address],form#mail_form input[name=mail_address_confirm]{width:96%;margin-bottom:5px}form#mail_form input[name=postal]{width:40%;margin-bottom:5px}}@media(max-width: 813px){#mail_form dt{font-size:18px;font-size:1.8rem}}input::placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}input::-ms-input-placeholder{color:#ccc}#mail_contents::placeholder{color:#ccc}#mail_contents:-ms-input-placeholder{color:#ccc}#mail_contents::-ms-input-placeholder{color:#ccc}form#mail_form textarea::placeholder{color:#ccc}form#mail_form textarea:-ms-input-placeholder{color:#ccc}form#mail_form textarea::-ms-input-placeholder{color:#ccc}.error-message{margin:10px auto}.error-message__head{position:relative;width:55%;margin:0 auto;padding:.4rem;background:#446c90;text-align:center;border-radius:30px;cursor:pointer;color:#fff;font-size:1.4rem;box-shadow:0 2px 8px 0 rgba(0,0,0,.3)}.error-message__head:hover{opacity:.8}.error-message__body{width:70%;margin:0 auto}.error-message__body p{line-height:0;opacity:0;transition:line-height .2s,padding .2s,opacity .2s;font-size:1.5rem}.error-message__body p:not(:last-child){margin-bottom:1rem}.error-message__body.is-open p{padding:10px;line-height:1.5;opacity:1}.error-message__head.is-open::after{transform:rotate(45deg) translateY(-10px)}@media(max-width: 820px){.error-message{margin-top:20px}.error-message__body{width:98%;margin:0 auto}.error-message__body.is-open p{font-size:1.4rem}}/*# sourceMappingURL=mailform.css.map */