.contact{max-width:720px;margin:0 auto;padding:8rem 5.33% 6rem}@media (min-width:768px){.contact{padding:10rem 0 8rem}}.contact__head{text-align:center;margin-bottom:3rem}.contact__title{letter-spacing:.08em;margin:0 0 .4rem;font-size:2.2rem;font-weight:700}.contact__title-en{letter-spacing:.18em;color:#999;margin-bottom:1.2rem;font-size:.78rem;display:block}.contact__lead{color:#444;text-align:left;font-size:.95rem;line-height:2}.contact-form{flex-direction:column;gap:1.8rem;display:flex}.contact-form__field{flex-direction:column;gap:.5rem;display:flex}.contact-form__label{letter-spacing:.04em;color:#222;align-items:center;gap:.6rem;font-size:.85rem;font-weight:700;display:flex}.contact-form__req{letter-spacing:.02em;color:#fff;background:#d6433b;border-radius:2px;padding:.25em .5em;font-size:.65rem;font-weight:700;line-height:1;display:inline-block}.contact-form__control{color:#222;box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:4px;width:100%;padding:.8rem .9rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.contact-form__control:focus{border-color:#222;outline:none;box-shadow:0 0 0 3px #2222221a}.contact-form__control[aria-invalid=true]{border-color:#d6433b}.contact-form__control--textarea{resize:vertical;line-height:1.8}.contact-form__error{color:#d6433b;margin:0;font-size:.8rem}.contact-form__alert{color:#d6433b;background:#fdecea;border:1px solid #f5c6c2;border-radius:4px;margin:0;padding:.9rem 1rem;font-size:.9rem}.contact-form__submit-wrap{text-align:center;margin-top:1rem}.contact-form__submit{appearance:none;cursor:pointer;letter-spacing:.1em;color:#fff;background:#111;border:none;border-radius:999px;padding:1rem 4rem;font-size:1rem;font-weight:700;transition:opacity .2s,transform .2s}.contact-form__submit:hover{opacity:.85}.contact-form__submit:disabled{opacity:.5;cursor:not-allowed}.contact-form__hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-form__done{text-align:center;padding:3rem 1rem}.contact-form__done-title{margin:0 0 1rem;font-size:1.3rem;font-weight:700}.contact-form__done-text{color:#444;margin:0;font-size:.95rem;line-height:2}.contact--embedded{max-width:680px;margin:3rem auto 0;padding:0 0 0 110px}@media screen and (max-width:768px){.contact--embedded{max-width:100%;margin-top:10.6667vw;padding-left:0}}.contact--embedded .contact__lead{margin-bottom:2.5rem}.contact-form__hint{color:#777;margin:0;font-size:.78rem}