diff --git a/packages/smarthr-ui/src/components/ComboBox/MultiComboBox.test.tsx b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/MultiComboBox.test.tsx
similarity index 99%
rename from packages/smarthr-ui/src/components/ComboBox/MultiComboBox.test.tsx
rename to packages/smarthr-ui/src/components/ComboBox/MultiComboBox/MultiComboBox.test.tsx
index 47fb166f30..1f54ec1f2f 100644
--- a/packages/smarthr-ui/src/components/ComboBox/MultiComboBox.test.tsx
+++ b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/MultiComboBox.test.tsx
@@ -2,10 +2,9 @@ import { userEvent } from '@storybook/test'
 import { render, screen } from '@testing-library/react'
 import React, { ComponentProps, act } from 'react'
 
-import { FormControl } from '../FormControl'
+import { FormControl } from '../../FormControl'
 
 import { MultiComboBox } from './MultiComboBox'
-import { SingleComboBox } from './SingleComboBox'
 
 describe('SingleComboBox', () => {
   beforeEach(() => {
diff --git a/packages/smarthr-ui/src/components/ComboBox/MultiComboBox.tsx b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/MultiComboBox.tsx
similarity index 97%
rename from packages/smarthr-ui/src/components/ComboBox/MultiComboBox.tsx
rename to packages/smarthr-ui/src/components/ComboBox/MultiComboBox/MultiComboBox.tsx
index e5f6d49aaf..e304b25962 100644
--- a/packages/smarthr-ui/src/components/ComboBox/MultiComboBox.tsx
+++ b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/MultiComboBox.tsx
@@ -15,19 +15,19 @@ import { useId } from 'react'
 import innerText from 'react-innertext'
 import { tv } from 'tailwind-variants'
 
-import { useOuterClick } from '../../hooks/useOuterClick'
-import { genericsForwardRef } from '../../libs/util'
-import { textColor } from '../../themes'
-import { FaCaretDownIcon } from '../Icon'
+import { useOuterClick } from '../../../hooks/useOuterClick'
+import { genericsForwardRef } from '../../../libs/util'
+import { textColor } from '../../../themes'
+import { FaCaretDownIcon } from '../../Icon'
+import { useFocusControl } from '../useFocusControl'
+import { useListBox } from '../useListBox'
+import { useOptions } from '../useOptions'
 
 import { MultiSelectedItem } from './MultiSelectedItem'
 import { hasParentElementByClassName } from './multiComboBoxHelper'
-import { useFocusControl } from './useFocusControl'
-import { useListBox } from './useListBox'
-import { useOptions } from './useOptions'
 
-import type { BaseProps, ComboBoxItem } from './types'
-import type { DecoratorsType } from '../../types'
+import type { DecoratorsType } from '../../../types'
+import type { BaseProps, ComboBoxItem } from '../types'
 
 type Props<T> = BaseProps<T> & {
   /**
diff --git a/packages/smarthr-ui/src/components/ComboBox/MultiSelectedItem.tsx b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/MultiSelectedItem.tsx
similarity index 95%
rename from packages/smarthr-ui/src/components/ComboBox/MultiSelectedItem.tsx
rename to packages/smarthr-ui/src/components/ComboBox/MultiComboBox/MultiSelectedItem.tsx
index 8bd78be713..92b07f3213 100644
--- a/packages/smarthr-ui/src/components/ComboBox/MultiSelectedItem.tsx
+++ b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/MultiSelectedItem.tsx
@@ -1,12 +1,12 @@
 import React, { RefObject, useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { tv } from 'tailwind-variants'
 
-import { UnstyledButton } from '../Button'
-import { Chip } from '../Chip'
-import { FaTimesCircleIcon } from '../Icon'
+import { UnstyledButton } from '../../Button'
+import { Chip } from '../../Chip'
+import { FaTimesCircleIcon } from '../../Icon'
+import { ComboBoxItem } from '../types'
 
 import { MultiSelectedItemTooltip } from './MultiSelectedItemTooltip'
-import { ComboBoxItem } from './types'
 
 export type Props<T> = {
   item: ComboBoxItem<T> & { deletable?: boolean }
diff --git a/packages/smarthr-ui/src/components/ComboBox/MultiSelectedItemTooltip.tsx b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/MultiSelectedItemTooltip.tsx
similarity index 91%
rename from packages/smarthr-ui/src/components/ComboBox/MultiSelectedItemTooltip.tsx
rename to packages/smarthr-ui/src/components/ComboBox/MultiComboBox/MultiSelectedItemTooltip.tsx
index f6429214c9..1511022b10 100644
--- a/packages/smarthr-ui/src/components/ComboBox/MultiSelectedItemTooltip.tsx
+++ b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/MultiSelectedItemTooltip.tsx
@@ -1,6 +1,6 @@
 import React, { FC, PropsWithChildren, ReactNode } from 'react'
 
-import { Tooltip } from '../Tooltip'
+import { Tooltip } from '../../Tooltip'
 
 type Props = PropsWithChildren<{
   needsTooltip: boolean
diff --git a/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/index.tsx b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/index.tsx
new file mode 100644
index 0000000000..68ef677601
--- /dev/null
+++ b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/index.tsx
@@ -0,0 +1 @@
+export { MultiComboBox } from './MultiComboBox'
diff --git a/packages/smarthr-ui/src/components/ComboBox/multiComboBoxHelper.ts b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/multiComboBoxHelper.ts
similarity index 100%
rename from packages/smarthr-ui/src/components/ComboBox/multiComboBoxHelper.ts
rename to packages/smarthr-ui/src/components/ComboBox/MultiComboBox/multiComboBoxHelper.ts
diff --git a/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/stories/MultiComboBox.stories.tsx b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/stories/MultiComboBox.stories.tsx
new file mode 100644
index 0000000000..90a6097fc0
--- /dev/null
+++ b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/stories/MultiComboBox.stories.tsx
@@ -0,0 +1,158 @@
+/* eslint-disable smarthr/a11y-input-in-form-control */
+import { useArgs } from '@storybook/preview-api'
+import { Meta, StoryObj } from '@storybook/react'
+import React from 'react'
+
+import { Stack } from '../../../Layout'
+import { Text } from '../../../Text'
+import { MultiComboBox } from '../MultiComboBox'
+
+// eslint-disable-next-line storybook/prefer-pascal-case
+export const defaultItems = {
+  'option 1': {
+    label: 'option 1',
+    value: 'value-1',
+    data: {
+      name: 'test',
+      age: 23,
+    },
+  },
+  'option 2': {
+    label: 'option 2',
+    value: 'value-2',
+    data: {
+      name: 'test 2',
+      age: 34,
+    },
+  },
+  'option 3': {
+    label: 'option 3',
+    value: 'value-3',
+    disabled: true,
+  },
+  'option 4': {
+    label: 'option 4',
+    value: 'value-4',
+  },
+  'option 5': {
+    label: 'option 5',
+    value: 'value-5',
+  },
+  'アイテムのラベルが長い場合（ダミーテキストダミーテキストダミーテキストダミーテキスト）': {
+    label: 'アイテムのラベルが長い場合（ダミーテキストダミーテキストダミーテキストダミーテキスト）',
+    value: 'value-6',
+  },
+  アイテムのラベルがReactNodeの場合: {
+    label: (
+      <Stack as="span" gap={0.25}>
+        <span>アイテムのラベルがReactNodeの場合</span>
+        <span>（ダミーテキストダミーテキストダミーテキストダミーテキスト）</span>
+      </Stack>
+    ),
+    value: 'value-7',
+  },
+}
+
+export default {
+  title: 'Forms（フォーム）/MultiComboBox',
+  component: MultiComboBox,
+  render: (args) => {
+    const [_, setArgs] = useArgs()
+    return (
+      <MultiComboBox
+        {...args}
+        onDelete={(item) =>
+          setArgs({
+            selectedItems: args.selectedItems.filter(
+              (selectedItem) => selectedItem.value !== item.value,
+            ),
+          })
+        }
+        onSelect={(item) =>
+          setArgs({
+            selectedItems: [...args.selectedItems, item],
+          })
+        }
+      />
+    )
+  },
+  args: {
+    items: Object.values(defaultItems),
+    selectedItems: [],
+  },
+  argTypes: {
+    items: { control: 'object' },
+    selectedItems: { control: 'object' },
+    dropdownHelpMessage: {
+      control: { type: 'select' },
+      options: ['文字列', 'ReactNode'],
+      mapping: {
+        文字列: 'ヘルプメッセージ',
+        ReactNode: <Text className="shr-text-danger">React Nodeを渡したメッセージ</Text>,
+      },
+    },
+  },
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
+  excludeStories: ['defaultItems'],
+} as Meta<typeof MultiComboBox<{ option: string }>>
+
+export const Playground: StoryObj<typeof MultiComboBox> = {}
+
+export const SelectedItems: StoryObj<typeof MultiComboBox> = {
+  name: 'selectedItems',
+  args: {
+    selectedItems: [defaultItems['option 1'], defaultItems['option 4']],
+  },
+}
+
+export const Disabled: StoryObj<typeof MultiComboBox> = {
+  name: 'disabled',
+  args: {
+    disabled: true,
+  },
+}
+
+export const Error: StoryObj<typeof MultiComboBox> = {
+  name: 'error',
+  args: {
+    error: true,
+  },
+}
+
+export const Creatable: StoryObj<typeof MultiComboBox> = {
+  name: 'creatable',
+  args: {
+    creatable: true,
+    dropdownHelpMessage: '新しいアイテムを追加できます。',
+  },
+}
+
+export const IsLoading: StoryObj<typeof MultiComboBox> = {
+  name: 'isLoading',
+  args: {
+    isLoading: true,
+  },
+}
+
+export const Width: StoryObj<typeof MultiComboBox> = {
+  name: 'width',
+  args: {
+    width: '20rem',
+  },
+}
+
+export const DropdownHelpMessage: StoryObj<typeof MultiComboBox> = {
+  name: 'dropdownHelpMessage',
+  args: {
+    dropdownHelpMessage: 'ヘルプメッセージ',
+  },
+}
+
+export const DropdownWidth: StoryObj<typeof MultiComboBox> = {
+  name: 'dropdownWidth',
+  args: {
+    dropdownWidth: '30rem',
+  },
+}
diff --git a/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/stories/VRTMultiCombobox.stories.tsx b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/stories/VRTMultiCombobox.stories.tsx
new file mode 100644
index 0000000000..f9ba23193a
--- /dev/null
+++ b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/stories/VRTMultiCombobox.stories.tsx
@@ -0,0 +1,110 @@
+/* eslint-disable smarthr/a11y-input-in-form-control */
+import { Meta, StoryObj } from '@storybook/react'
+import { userEvent, within } from '@storybook/test'
+import React, { useState } from 'react'
+
+import { Stack } from '../../../Layout'
+import { ComboBoxItem } from '../../types'
+import { MultiComboBox } from '../MultiComboBox'
+
+import { defaultItems } from './MultiComboBox.stories'
+
+/*
+ * pict multiComboBox.pict
+ * disabled        error   width   selectedItems
+ * false   true    なし    なし
+ * false   false   あり    複数
+ * true    true    あり    一つ
+ * false   false   なし    一つ
+ * true    true    なし    複数
+ * true    false   あり    なし
+ */
+
+const _cases: Array<Omit<Parameters<typeof MultiComboBox>[0], 'items'>> = [
+  { disabled: false, error: true, width: undefined, selectedItems: [] },
+  {
+    disabled: false,
+    error: false,
+    width: '15em',
+    selectedItems: [defaultItems['option 1'], defaultItems['option 4']],
+  },
+  { disabled: true, error: true, width: '15em', selectedItems: [defaultItems['option 3']] },
+  {
+    disabled: false,
+    error: false,
+    width: undefined,
+    selectedItems: [defaultItems['アイテムのラベルがReactNodeの場合']],
+  },
+  {
+    disabled: true,
+    error: true,
+    width: undefined,
+    selectedItems: [
+      defaultItems['option 2'],
+      defaultItems[
+        'アイテムのラベルが長い場合（ダミーテキストダミーテキストダミーテキストダミーテキスト）'
+      ],
+    ],
+  },
+  { disabled: true, error: false, width: '15em', selectedItems: [] },
+]
+
+const waitForRAF = () =>
+  new Promise<void>((resolve) => {
+    requestAnimationFrame(() => {
+      resolve()
+    })
+  })
+const playMulti = async ({ canvasElement }: { canvasElement: HTMLElement }) => {
+  const canvas = within(canvasElement)
+  const comboboxes = await canvas.findAllByRole('combobox')
+  comboboxes[comboboxes.length - 1].focus()
+  const body = canvasElement.ownerDocument.body
+  const option1 = await within(body).findByRole('option', { name: 'option 1' })
+  await userEvent.click(option1)
+  await waitForRAF()
+  const option2 = await within(body).findByRole('option', { name: 'option 2' })
+  await userEvent.click(option2)
+  await waitForRAF()
+  const helpMessage = await within(body).findAllByText('入力でフィルタリングできます。')
+  await userEvent.click(helpMessage[0]) // カーソルの点滅によるVRTのフレーキーを避けるためにフォーカスを移動する
+}
+
+export default {
+  title: 'Forms（フォーム）/MultiComboBox/VRT',
+  component: MultiComboBox,
+  render: (args) => {
+    const items = Object.values(defaultItems)
+    const [selectedItems, setSelectedItems] = useState<Array<ComboBoxItem<unknown>>>([])
+    return (
+      <Stack align="flex-start" gap={2} className="shr-h-screen">
+        {_cases.map((props, i) => (
+          <MultiComboBox {...args} {...props} items={items} key={i} />
+        ))}
+        <MultiComboBox
+          {...args}
+          name="default"
+          items={items}
+          dropdownHelpMessage="入力でフィルタリングできます。"
+          selectedItems={selectedItems}
+          onChangeSelected={(its) => setSelectedItems(its)}
+        />
+      </Stack>
+    )
+  },
+  play: playMulti,
+  parameters: {
+    withTheming: true,
+    chromatic: { disableSnapshot: false },
+  },
+  tags: ['!autodocs', 'skip-test-runner'],
+} as Meta<typeof MultiComboBox>
+
+export const VRT: StoryObj<typeof MultiComboBox> = {}
+
+export const VRTForcedColors: StoryObj<typeof MultiComboBox> = {
+  ...VRT,
+  parameters: {
+    chromatic: { forcedColors: 'active' },
+  },
+}
diff --git a/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/stories/multiComboBox.pict b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/stories/multiComboBox.pict
new file mode 100644
index 0000000000..5c13a6fc32
--- /dev/null
+++ b/packages/smarthr-ui/src/components/ComboBox/MultiComboBox/stories/multiComboBox.pict
@@ -0,0 +1,4 @@
+disabled: true, false
+error: true, false
+width: あり, なし
+selectedItems: 一つ, 複数, なし
diff --git a/packages/smarthr-ui/src/components/ComboBox/MultiCombobox.stories.tsx b/packages/smarthr-ui/src/components/ComboBox/MultiCombobox.stories.tsx
deleted file mode 100644
index ebd09626b2..0000000000
--- a/packages/smarthr-ui/src/components/ComboBox/MultiCombobox.stories.tsx
+++ /dev/null
@@ -1,295 +0,0 @@
-import { action } from '@storybook/addon-actions'
-import { StoryFn } from '@storybook/react'
-import React, { ReactNode, useCallback, useState } from 'react'
-
-import { FormControl } from '../FormControl'
-import { Stack } from '../Layout'
-
-import { MultiComboBox } from '.'
-
-export default {
-  title: 'Forms（フォーム）/MultiComboBox',
-  component: MultiComboBox,
-  parameters: {
-    docs: {
-      source: { type: 'dynamic' },
-    },
-  },
-}
-
-const defaultItems = [
-  {
-    label: 'option 1',
-    value: 'value-1',
-    data: {
-      name: 'test',
-      age: 23,
-    },
-  },
-  {
-    label: 'option 2',
-    value: 'value-2',
-    data: {
-      name: 'test 2',
-      age: 34,
-    },
-  },
-  {
-    label: 'option 3',
-    value: 'value-3',
-    disabled: true,
-  },
-  {
-    label: 'option 4',
-    value: 'value-4',
-  },
-  {
-    label: 'option 5',
-    value: 'value-5',
-  },
-  {
-    label: 'アイテムのラベルが長い場合（ダミーテキストダミーテキストダミーテキストダミーテキスト）',
-    value: 'value-6',
-  },
-  {
-    label: (
-      <Stack as="span" gap={0.25}>
-        <span>アイテムのラベルがReactNodeの場合</span>
-        <span>（ダミーテキストダミーテキストダミーテキストダミーテキスト）</span>
-      </Stack>
-    ),
-    value: 'value-7',
-  },
-]
-
-const manyItems = Array.from({ length: 2000 }).map((_, i) => ({
-  label: `option ${i}`,
-  value: `option ${i}`,
-}))
-
-type Item = { label: ReactNode; value: string; disabled?: boolean; data?: any }
-
-export const MultiCombobox: StoryFn = () => {
-  const [items, setItems] = useState<Item[]>(defaultItems)
-  const [selectedItems, setSelectedItems] = useState<Item[]>([])
-  const [seq, setSeq] = useState(0)
-  const [controlledInputValue, setControlledInputValue] = useState<string>('')
-
-  const handleSelectItem = useCallback(
-    (item: Item) => {
-      action('onSelect')(item)
-      setSelectedItems([...selectedItems, item])
-    },
-    [selectedItems],
-  )
-  const handleDelete = useCallback(
-    (deleted: Item) => {
-      action('onDelete')()
-      setSelectedItems(selectedItems.filter((item) => item.value !== deleted.value))
-    },
-    [selectedItems],
-  )
-  const handleAddItem = useCallback(
-    (label: string) => {
-      action('onAdd')(label)
-      const newItem = {
-        label,
-        value: label,
-      }
-      setItems([...items, newItem])
-      setSelectedItems([...selectedItems, newItem])
-      setSeq(seq + 1)
-    },
-    [items, selectedItems, seq],
-  )
-
-  return (
-    <Stack>
-      <FormControl title="デフォルト">
-        <MultiComboBox
-          name="default"
-          items={items}
-          selectedItems={selectedItems}
-          dropdownHelpMessage="入力でフィルタリングできます。"
-          onDelete={handleDelete}
-          onSelect={handleSelectItem}
-          onChangeSelected={(selected) => {
-            action('onChangeSelected')(selected)
-            setSelectedItems(selected)
-          }}
-          onFocus={action('onFocus')}
-          onBlur={action('onBlur')}
-          data-test="multi-combobox-default"
-        />
-      </FormControl>
-      <FormControl title="アイテム追加可能">
-        <MultiComboBox
-          name="onAdd"
-          items={items}
-          selectedItems={selectedItems}
-          dropdownHelpMessage="新しいアイテムを追加できます。"
-          creatable
-          onDelete={handleDelete}
-          onSelect={handleSelectItem}
-          onAdd={handleAddItem}
-          data-test="multi-combobox-creatable"
-        />
-      </FormControl>
-      <FormControl title="Disabled">
-        <MultiComboBox
-          name="disabled"
-          items={items}
-          selectedItems={selectedItems}
-          dropdownHelpMessage="Disabled なコンボボックス"
-          disabled
-          onDelete={handleDelete}
-          onSelect={handleSelectItem}
-          data-test="multi-combobox-disabled"
-        />
-      </FormControl>
-      <FormControl title="必須">
-        <MultiComboBox
-          name="required"
-          items={items}
-          selectedItems={selectedItems}
-          dropdownHelpMessage="Required なコンボボックス"
-          required
-          onDelete={handleDelete}
-          onSelect={handleSelectItem}
-          data-test="multi-combobox-disabled"
-        />
-      </FormControl>
-      <FormControl title="その他属性">
-        <MultiComboBox
-          name="inputAttributes"
-          items={items}
-          selectedItems={selectedItems}
-          aria-label="inputAttributes"
-          onDelete={handleDelete}
-          onSelect={handleSelectItem}
-          data-test="multi-combobox-disabled"
-        />
-      </FormControl>
-      <FormControl title="エラー表示" autoBindErrorInput={false}>
-        <MultiComboBox
-          name="error"
-          items={items}
-          selectedItems={selectedItems}
-          dropdownHelpMessage="入力でフィルタリングできます。"
-          error
-          onDelete={handleDelete}
-          onSelect={handleSelectItem}
-        />
-      </FormControl>
-      <FormControl title="エラー表示 with FormControl" errorMessages={['エラーメッセージ']}>
-        <MultiComboBox
-          name="error"
-          items={items}
-          selectedItems={selectedItems}
-          dropdownHelpMessage="入力でフィルタリングできます。"
-          onDelete={handleDelete}
-          onSelect={handleSelectItem}
-        />
-      </FormControl>
-      <FormControl title="選択済みアイテムを省略表示 + ツールチップ">
-        <MultiComboBox
-          name="selectedItemEllipsis"
-          items={items}
-          selectedItems={selectedItems}
-          dropdownHelpMessage="入力でフィルタリングできます。"
-          onDelete={handleDelete}
-          onSelect={handleSelectItem}
-          selectedItemEllipsis
-        />
-      </FormControl>
-      <FormControl title="読込中">
-        <MultiComboBox
-          name="isLoading"
-          items={items}
-          selectedItems={selectedItems}
-          dropdownHelpMessage="入力でフィルタリングできます。"
-          isLoading
-          onDelete={handleDelete}
-          onSelect={handleSelectItem}
-        />
-      </FormControl>
-      <FormControl title="文言変更">
-        <MultiComboBox
-          name="decorator"
-          items={items}
-          selectedItems={selectedItems}
-          dropdownHelpMessage="入力でフィルタリングできます"
-          onDelete={handleDelete}
-          onSelect={handleSelectItem}
-          decorators={{
-            noResultText: (text) => `no result.(${text})`,
-            destroyButtonIconAlt: (text) => `destroy.(${text})`,
-            selectedListAriaLabel: (text) => `selected item list.(${text})`,
-          }}
-        />
-      </FormControl>
-      <FormControl title="選択解除ボタンを非表示">
-        <MultiComboBox
-          name="invisible_unselected_button"
-          items={items}
-          selectedItems={selectedItems.map((item) => ({ ...item, deletable: false }))}
-          dropdownHelpMessage="入力でフィルタリングできます。"
-          onDelete={handleDelete}
-          onSelect={handleSelectItem}
-          data-test="multi-combobox-undeletable"
-        />
-      </FormControl>
-      <FormControl title="テキストボックスの挙動を制御">
-        <MultiComboBox
-          name="textbox_controllable"
-          items={items}
-          selectedItems={selectedItems}
-          dropdownHelpMessage="入力でフィルタリングできます。"
-          onDelete={handleDelete}
-          onSelect={handleSelectItem}
-          onChangeSelected={(selected) => {
-            action('onChangeSelected')(selected)
-            setSelectedItems(selected)
-          }}
-          inputValue={controlledInputValue}
-          onChangeInput={(e) => {
-            setControlledInputValue(e.target.value)
-          }}
-          onBlur={() => setControlledInputValue('')}
-        />
-      </FormControl>
-      <FormControl title="100%幅">
-        <MultiComboBox
-          name="widthFull"
-          items={items}
-          selectedItems={selectedItems}
-          width="100%"
-          dropdownHelpMessage="入力でフィルタリングできます。"
-          onDelete={handleDelete}
-          onSelect={handleSelectItem}
-        />
-      </FormControl>
-      <FormControl title="ドロップダウンリストの幅を指定(38文字)">
-        <MultiComboBox
-          name="dropdownWidth38em"
-          items={items}
-          selectedItems={selectedItems}
-          dropdownWidth="38em"
-          dropdownHelpMessage="入力でフィルタリングできます"
-          onDelete={handleDelete}
-          onSelect={handleSelectItem}
-        />
-      </FormControl>
-      <FormControl title="アイテム数が多い時">
-        <MultiComboBox
-          name="manyItems"
-          items={manyItems}
-          selectedItems={[]}
-          dropdownHelpMessage="入力でフィルタリングできます。"
-          onSelect={action('onSelect')}
-          data-test="multi-combobox-many"
-        />
-      </FormControl>
-    </Stack>
-  )
-}
diff --git a/packages/smarthr-ui/src/components/ComboBox/VRTMultiCombobox.stories.tsx b/packages/smarthr-ui/src/components/ComboBox/VRTMultiCombobox.stories.tsx
deleted file mode 100644
index f8713f1100..0000000000
--- a/packages/smarthr-ui/src/components/ComboBox/VRTMultiCombobox.stories.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { StoryFn } from '@storybook/react'
-import { userEvent, within } from '@storybook/test'
-import React from 'react'
-
-import { InformationPanel } from '../InformationPanel'
-import { Stack } from '../Layout'
-
-import { MultiCombobox as StoriesMultiComboBox } from './MultiCombobox.stories'
-
-import { MultiComboBox } from '.'
-
-export default {
-  title: 'Forms（フォーム）/MultiComboBox',
-  component: MultiComboBox,
-  parameters: {
-    withTheming: true,
-  },
-}
-
-export const VRTMultiCombobox: StoryFn = () => (
-  <Stack>
-    <InformationPanel title="VRT 用の Story です">
-      Multiコンボボックスのリストを展開して1つ目と2つ目の項目を選択した状態で表示されます
-    </InformationPanel>
-    {/* eslint-disable-next-line smarthr/a11y-input-has-name-attribute */}
-    <StoriesMultiComboBox />
-  </Stack>
-)
-
-const waitForRAF = () =>
-  new Promise<void>((resolve) => {
-    requestAnimationFrame(() => {
-      resolve()
-    })
-  })
-const playMulti = async ({ canvasElement }: { canvasElement: HTMLElement }) => {
-  const canvas = within(canvasElement)
-  const comboboxes = await canvas.findAllByRole('combobox')
-  comboboxes[0].focus()
-  const body = canvasElement.ownerDocument.body
-  const option1 = await within(body).findByText('option 1')
-  await userEvent.click(option1)
-  await waitForRAF()
-  const option2 = await within(body).findByText('option 2')
-  await userEvent.click(option2)
-  await waitForRAF()
-  const helpMessage = await within(body).findAllByText('入力でフィルタリングできます。')
-  await userEvent.click(helpMessage[0]) // カーソルの点滅によるVRTのフレーキーを避けるためにフォーカスを移動する
-}
-VRTMultiCombobox.play = playMulti
-
-export const VRTForcedColorsMultiCombobox: StoryFn = () => (
-  <Stack>
-    <InformationPanel title="VRT 用の Story です">
-      Chromatic 上では強制カラーモードで表示されます{' '}
-    </InformationPanel>
-    {/* eslint-disable-next-line smarthr/a11y-input-has-name-attribute */}
-    <StoriesMultiComboBox />
-  </Stack>
-)
-VRTForcedColorsMultiCombobox.play = playMulti
-VRTForcedColorsMultiCombobox.parameters = {
-  chromatic: { forcedColors: 'active' },
-}