/* The contact anchor owns the header offset; do not add html padding twice. */
html:has(#inquiry){scroll-padding-top:0}
#inquiry{scroll-margin-top:var(--form-header-offset,100px)}
@media(max-width:767px){#inquiry{scroll-margin-top:var(--form-header-offset,86px)}}
.cf-input b.is-optional,.ed-form-shell b.is-optional{display:inline-block;background:#e5e9e7;color:#566059;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:500;line-height:1.5;margin-left:7px;vertical-align:middle}
/* Both sites use the same compact control. Only the overlapping state is hidden. */
body:has(#contact-form) .lower-motion,body:has(#recruit-application) .lower-motion{font:400 9px/1.5 'Noto Sans JP',sans-serif;padding:10px 16px;min-height:40px}
@media(max-width:767px){body:has(#contact-form) .lower-motion,body:has(#recruit-application) .lower-motion{font-size:8px;padding:8px 13px}}
.form-in-view .lower-motion,.form-in-view #re-motion,
body:has(#contact-form :focus) .lower-motion,body:has(#recruit-application :focus) .lower-motion{visibility:hidden;pointer-events:none}