.bl-contact-form-wrapper{row-gap:2rem;max-width:80rem;margin-inline:auto;display:grid}.bl-contact-form__text{font-size:1rem}@media screen and (max-width:40rem){.bl-contact-form__text{font-size:.8125rem}}.bl-contact-form__form{row-gap:2rem;display:grid}@media screen and (max-width:48rem){.bl-contact-form__form{row-gap:1.5rem}}.bl-contact-form__form-item{row-gap:.5rem;display:grid}.bl-contact-form__label{align-items:baseline;column-gap:.5rem;font-size:.875rem;font-weight:500;display:flex}@media screen and (max-width:48rem){.bl-contact-form__label{font-size:.8125rem}}.bl-contact-form__required{color:#3eb497;font-size:.75rem;font-weight:700}@media screen and (max-width:48rem){.bl-contact-form__required{font-size:.6875rem}}.bl-contact-form__optional{opacity:.6;font-size:.75rem}@media screen and (max-width:48rem){.bl-contact-form__optional{font-size:.6875rem}}.bl-contact-form__input,.bl-contact-form__select,.bl-contact-form__textarea{color:#222;background-color:#fff;border:1px solid #2223;border-radius:.25rem;width:100%;padding:.75rem 1rem;font-family:Noto Sans JP,sans-serif;font-size:.875rem;transition:border-color .3s cubic-bezier(.33,1,.68,1)}@media (prefers-color-scheme:dark){.bl-contact-form__input,.bl-contact-form__select,.bl-contact-form__textarea{color:#fff;background-color:#ffffff1a;border-color:#ffffff4d}}@media screen and (max-width:48rem){.bl-contact-form__input,.bl-contact-form__select,.bl-contact-form__textarea{padding:.625rem .75rem;font-size:.8125rem}}.bl-contact-form__input:focus-visible,.bl-contact-form__select:focus-visible,.bl-contact-form__textarea:focus-visible{border-color:#3eb497}.bl-contact-form__input:invalid:not(:placeholder-shown):focus,.bl-contact-form__select:invalid:not(:placeholder-shown):focus,.bl-contact-form__textarea:invalid:not(:placeholder-shown):focus{border-color:#dc3545}.bl-contact-form__input:valid:not(:placeholder-shown):focus,.bl-contact-form__select:valid:not(:placeholder-shown):focus,.bl-contact-form__textarea:valid:not(:placeholder-shown):focus{border-color:#3eb497}.bl-contact-form__input::placeholder,.bl-contact-form__select::placeholder,.bl-contact-form__textarea::placeholder{opacity:.5}.bl-contact-form__textarea{resize:vertical;min-height:10rem;line-height:1.8}.bl-contact-form__select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23222' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:.75rem .5rem;padding-inline-end:2.5rem}@media (prefers-color-scheme:dark){.bl-contact-form__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23fff' d='M6 8L0 0h12z'/%3E%3C/svg%3E")}}.bl-contact-form__submit{place-items:center;margin-block-start:1rem;display:grid}.bl-contact-form__submit-btn{font-family:var(--font-poppins,sans-serif);color:#fff;text-transform:capitalize;letter-spacing:.1em;background-color:#222;padding:1rem 2.5rem;font-size:.875rem;font-weight:700;line-height:1.5;position:relative;overflow:clip}@media (prefers-color-scheme:dark){.bl-contact-form__submit-btn{color:#222;background-color:#fff}}.bl-contact-form__submit-btn:before{content:"";transform-origin:0 0;background:#3eb497;transition:scale .3s cubic-bezier(.33,1,.68,1);position:absolute;inset:0;scale:1 0}@media (any-hover:hover){.bl-contact-form__submit-btn:hover:not(:disabled):before{transform-origin:0 100%;scale:1}}.bl-contact-form__submit-btn:focus-visible:not(:disabled):before{transform-origin:0 100%;scale:1}.bl-contact-form__submit-btn:disabled{cursor:not-allowed;opacity:.6}.bl-contact-form__submit-btn:disabled:before{scale:1 0}.bl-contact-form__submit-btn-text{position:relative}.bl-contact-preview{z-index:1000;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}@media screen and (max-width:48rem){.bl-contact-preview{padding:1rem}}.bl-contact-preview__overlay{cursor:pointer;background-color:#222c;position:absolute;inset:0}@media (prefers-color-scheme:dark){.bl-contact-preview__overlay{background-color:#222c}}.bl-contact-preview__modal{z-index:1001;overscroll-behavior-y:contain;color:#222;background-color:#fff;row-gap:2rem;width:100%;max-width:40rem;max-height:90vh;padding:2.5rem;display:grid;position:relative;overflow-y:auto;box-shadow:0 .5rem 2rem #2222224d}@media (prefers-color-scheme:dark){.bl-contact-preview__modal{color:#fff;background-color:#222;box-shadow:0 .5rem 2rem #ffffff4d}}@media screen and (max-width:48rem){.bl-contact-preview__modal{row-gap:1.5rem;max-height:85vh;padding:1.5rem}}.bl-contact-preview__title{text-align:center;font-size:1.5rem;font-weight:700}@media screen and (max-width:48rem){.bl-contact-preview__title{font-size:1rem}}.bl-contact-preview__content{row-gap:1.5rem;display:grid}@media screen and (max-width:48rem){.bl-contact-preview__content{row-gap:1.25rem}}.bl-contact-preview__item{border-block-end:1px solid #2223;row-gap:.5rem;padding-block-end:1.5rem;display:grid}@media (prefers-color-scheme:dark){.bl-contact-preview__item{border-block-end-color:#fff3}}@media screen and (max-width:48rem){.bl-contact-preview__item{padding-block-end:1rem}}.bl-contact-preview__item:last-child{border-block-end:none;padding-block-end:0}.bl-contact-preview__label{opacity:.8;font-size:.875rem;font-weight:700}@media screen and (max-width:48rem){.bl-contact-preview__label{font-size:.8125rem}}.bl-contact-preview__value{word-break:keep-all;font-size:1rem}@media screen and (max-width:48rem){.bl-contact-preview__value{font-size:.875rem}}.bl-contact-preview__value--multiline{white-space:pre-wrap}.bl-contact-preview__actions{grid-template-columns:1fr 1fr;column-gap:1rem;margin-block-start:.5rem;display:grid}@media screen and (max-width:48rem){.bl-contact-preview__actions{column-gap:.75rem}}.bl-contact-preview__btn{font-family:var(--font-poppins,sans-serif);cursor:pointer;border:none;padding:1rem 2rem;font-size:.875rem;font-weight:700;transition:background-color .3s cubic-bezier(.33,1,.68,1),color .3s cubic-bezier(.33,1,.68,1)}@media screen and (max-width:48rem){.bl-contact-preview__btn{padding:.75rem 1.5rem;font-size:.8125rem}}@media (any-hover:hover){.bl-contact-preview__btn:hover{opacity:.9}}.bl-contact-preview__btn:focus-visible{opacity:.9}.bl-contact-preview__btn--cancel{color:#222;background-color:#2222221a}@media (prefers-color-scheme:dark){.bl-contact-preview__btn--cancel{color:#fff;background-color:#ffffff1a}}.bl-contact-preview__btn--submit{color:#fff;background-color:#3eb497}@media (any-hover:hover){.bl-contact-preview__btn--submit:hover{background-color:#38a288}}.bl-contact-preview__btn--submit:focus-visible{background-color:#38a288}
