.contact img{max-width:100%}.contact .form__message{align-items:flex-start}.contact .icon-success{margin-top:.2rem}.contact .field{margin-bottom:1.5rem}@media screen and (max-width: 749px){.contact .field{margin-bottom:1rem}}@media screen and (min-width: 750px){.contact .field{margin-bottom:2rem}}.contact__button{margin-top:3rem;display:flex;justify-content:center}.contact__button button{width:300px!important;height:60px!important;background:#1a1a7c!important;color:#fff!important;font-family:Noto Sans JP;font-weight:700;font-size:16px;line-height:22.08px;letter-spacing:0%}@media screen and (max-width: 749px){.contact__button{margin-top:2.5rem}.contact__button .button{width:100%;height:55px;font-size:16px}}@media screen and (min-width: 750px){.contact__button{margin-top:4rem}}.contact__label{font-family:Noto Sans JP,sans-serif;font-weight:600;font-size:16px;letter-spacing:3%;color:#333;display:block;margin-bottom:8px}.contact__label span:first-child{margin-right:10px}.contact__required-tag{padding:2px 4px;border-radius:5px;background:#1a1a7c;font-family:Noto Sans CJK JP,Arial,sans-serif;font-weight:500;font-size:13px;letter-spacing:3%;vertical-align:middle;color:#fff;white-space:nowrap;height:23px}.contact__fields .field__input,.contact .field__input{border-radius:5px;border:1px solid #d9d9d9;padding:11px 16px;font-family:Noto Sans JP,sans-serif;transition:all .3s ease;height:55px;box-sizing:border-box}.contact .field__input.text-area{height:137px!important;min-height:137px!important;max-height:137px!important}.contact .field__input.text-area{height:137px!important;resize:vertical;min-height:137px!important;max-height:300px;padding:16px;line-height:1.5;box-sizing:border-box}.field__input::placeholder{color:#c4c4c4;font-family:Roboto,Arial,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:60px;opacity:1}.field__input:focus::placeholder{color:#c4c4c4;opacity:.7}.field__input:focus{outline:none;border-color:#1a1a7c;box-shadow:0 0 0 2px #1a1a7c1a}.field__input:invalid:not(:placeholder-shown){border-color:#f44;background-color:#fff5f5}.field__input:valid:not(:placeholder-shown){border-color:#0c6;background-color:#f0fff4}#ContactForm-body::placeholder{line-height:24px}#ContactForm-body.field__input:valid:not(:placeholder-shown){background-color:transparent;border-color:#d9d9d9}.field{position:relative}.field-error{display:none;color:#f44;font-size:12px;font-family:Noto Sans JP,sans-serif;padding-left:4px;animation:fadeIn .3s ease-in-out;font-weight:500;min-height:20px;line-height:1.4;position:absolute;bottom:-20px;left:0;right:0}.field-error.show{display:block!important;opacity:1!important;visibility:visible!important}.field{min-height:90px;display:flex;flex-direction:column;position:relative}.field__input{flex:1}.contact__fields .field{min-height:80px;height:auto}.field-error{position:absolute;bottom:-20px;left:0;right:0;min-height:20px;display:flex;align-items:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.field__input:valid:not(:placeholder-shown){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300cc66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20,6 9,17 4,12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}#ContactForm-body.field__input:valid:not(:placeholder-shown){background-image:none;padding-right:16px}@media screen and (max-width: 749px){.contact__fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:12px}.contact__fields .field{min-height:80px}.field{min-height:90px}.field__input{height:55px;padding:11px 12px}.field__input.text-area{height:137px!important;min-height:137px!important;padding:16px}.contact__label{font-size:16px;margin-bottom:6px;margin-top:10px}.contact__required-tag{font-size:13px;height:20px;padding-left:3px;padding-right:3px}}@media screen and (min-width: 750px){.contact__fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:16px;align-items:start}.contact__fields .field{height:auto;min-height:80px}}.page-contact{max-width:671px;margin:auto;padding:0 15px}@media screen and (max-width: 749px){.page-contact{padding:0 20px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-contact-form.css.map */