/* Responsive rules for search.css moved here */

/* レスポンシブ: 狭い画面では線の長さと間隔を縮める */
@media (max-width: 480px) {
    .form-group label {
        padding: 0 28px;
        font-size: 22px;
    }
    .form-group label::before,
    .form-group label::after {
        width: 80px;
        margin-left: 8px;
        margin-right: 8px;
    }

    /* モバイル時のデフォルト変数上書き */
    .form-group {
        --label-line-length: 80px;
        --label-line-gap: 8px;
        --label-line-offset: 4px;
    }
}