/* ============================================================
 HRD - hrdesign.co.jp contact form styles
 Target: HubSpot form-id ef4afac4-49b5-44c4-ad1c-6724b5f29690
 Rendered via HubSpot's newer form engine (hsfc-Form), confirmed by
 live DOM inspection - NOT classic .hs-form.
 Placement: https://www.hrdesign.co.jp/#contact
 Requires: developer embed code (hs-form-html)

 Current policy: visible labels with minimal CSS control.
 Updated: 2026/07/28
 ============================================================ */

[data-form-id="ef4afac4-49b5-44c4-ad1c-6724b5f29690"] {
 max-width: 600px !important;
 margin: 0 auto !important;
}

[data-form-id="ef4afac4-49b5-44c4-ad1c-6724b5f29690"] .hsfc-FieldLabel {
 display: block !important;
 text-align: left !important;
 margin-bottom: 4px !important;
}

[data-form-id="ef4afac4-49b5-44c4-ad1c-6724b5f29690"] .hsfc-TextInput,
[data-form-id="ef4afac4-49b5-44c4-ad1c-6724b5f29690"] .hsfc-TextareaInput {
 width: 100% !important;
 height: 44px !important;
 padding: 0 12px !important;
 font-size: 15px !important;
 background-color: #ffffff !important;
 background-image: none !important;
 box-shadow: none !important;
 border: 1px solid #ced4da !important;
 border-radius: 4px !important;
 box-sizing: border-box !important;
 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

[data-form-id="ef4afac4-49b5-44c4-ad1c-6724b5f29690"] .hsfc-TextareaInput {
 height: 9em !important;
 padding: 10px 12px !important;
}

[data-form-id="ef4afac4-49b5-44c4-ad1c-6724b5f29690"] .hsfc-TextInput:focus,
[data-form-id="ef4afac4-49b5-44c4-ad1c-6724b5f29690"] .hsfc-TextareaInput:focus {
 outline: none !important;
 border-color: #007bff !important;
 box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.2) !important;
}

[data-form-id="ef4afac4-49b5-44c4-ad1c-6724b5f29690"] button.hsfc-Button {
 display: block !important;
 width: 240px !important;
 height: 50px !important;
 margin: 20px auto 0 !important;
 background-color: #007bff !important;
 background-image: none !important;
 box-shadow: none !important;
 border: none !important;
 border-radius: 4px !important;
 color: #ffffff !important;
 font-size: 16px !important;
 font-weight: bold !important;
 cursor: pointer !important;
 transition: background-color 0.2s ease !important;
}

[data-form-id="ef4afac4-49b5-44c4-ad1c-6724b5f29690"] button.hsfc-Button:hover {
 background-color: #0069d9 !important;
}

@media only screen and (max-width: 480px) {
 [data-form-id="ef4afac4-49b5-44c4-ad1c-6724b5f29690"] {
 width: 100% !important;
 padding: 0 10px !important;
 box-sizing: border-box !important;
 }
 [data-form-id="ef4afac4-49b5-44c4-ad1c-6724b5f29690"] button.hsfc-Button {
 width: 100% !important;
 }
}