diff --git a/packages/ui/components/forms/TextAreaFieldCopy.stories.ts b/packages/ui/components/forms/TextAreaFieldCopy.stories.ts
deleted file mode 100644
index 3ef3dc35..00000000
--- a/packages/ui/components/forms/TextAreaFieldCopy.stories.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { ref } from 'vue'
-import { Meta, StoryObj } from '@storybook/vue3'
-import TextAreaFieldCopy from './TextAreaFieldCopy.vue'
-
-const meta: Meta<typeof TextAreaFieldCopy> = {
-  title: 'Forms/TextAreaFieldCopy',
-  tags: ['autodocs'],
-  component: TextAreaFieldCopy,
-  argTypes: {
-    id: { control: 'text' },
-    name: { control: 'text' },
-    placeholder: { control: 'text' },
-    required: { control: { expanded: true } },
-    rows: { control: { type: 'range', min: 5, max: 30, step: 1 } },
-    label: { control: 'text' },
-    errorMessage: { control: 'text' },
-  },
-  render: (args) => ({
-    components: { TextAreaFieldCopy },
-    setup() {
-      const detail = ref<string>()
-      return { args,detail }
-    },
-    template: `<div style="width: 400px;">
-      <p>v-model value: {{ detail }}</p>
-      <TextAreaFieldCopy v-model:inputted-text="detail" :="args" />
-    </div>`,
-  })
-}
-
-export default meta
-
-type Story = StoryObj<typeof TextAreaFieldCopy>
-
-export const Default: Story = {
-  name: 'default',
-  args: {
-    id: 'detail',
-    name: 'detail',
-    label: 'お問い合わせ内容/Content',
-  },
-}
-
-export const withPlaceholder: Story = {
-  name: 'with placeholder',
-  args: {
-    id: 'detail',
-    name: 'detail',
-    label: 'お問い合わせ内容/Content',
-    placeholder: 'placeholderを設定できます',
-  },
-}
-
-export const withErrorMessage: Story = {
-  name: 'with error message',
-  args: {
-    id: 'detail',
-    name: 'detail',
-    label: 'お問い合わせ内容/Content',
-    errorMessage: 'エラーメッセージを表示します',
-  },
-}
diff --git a/packages/ui/components/forms/TextAreaFieldCopy.vue b/packages/ui/components/forms/TextAreaFieldCopy.vue
deleted file mode 100644
index 99269720..00000000
--- a/packages/ui/components/forms/TextAreaFieldCopy.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<script setup lang="ts">
-import { useTypography } from '@vuejs-jp/composable'
-import Typography from '../common/Typography.vue'
-
-type Props = {
-  /** HTMLAttribute id */
-  id: string
-  /** TextareaHTMLAttribute name */
-  name: string
-  /** Label for textarea */
-  label: string
-  /** TextareaHTMLAttribute placeholder */
-  placeholder?: string
-  /** TextareaHTMLAttribute required(default: false) */
-  required?: boolean
-  /** TextareaHTMLAttribute rows */
-  rows?: number
-  /** Error message */
-  errorMessage?: string | null
-}
-
-withDefaults(defineProps<Props>(), {
-  placeholder: '',
-  required: false,
-  rows: 5,
-  errorMessage: null,
-})
-
-const emit = defineEmits<{
-  blur: [value: string]
-}>()
-
-function handleBlur(e: Event) {
-  if (!(e.target instanceof HTMLTextAreaElement)) {
-    return
-  }
-  emit('blur', e.target.value)
-}
-
-const inputtedText = defineModel<string>('inputtedText')
-
-const { fontWeight, fontSize } = useTypography()
-</script>
-<template>
-  <label
-    :for="id"
-    :style="{
-      fontWeight: fontWeight('heading/100'),
-      fontSize: fontSize('heading/100'),
-    }"
-    class="textarea-root"
-    :class="{ '-error': errorMessage }"
-  >
-    {{ label }}
-    <textarea
-      :id="id"
-      v-model.trim="inputtedText"
-      :name="name"
-      :style="{
-        fontSize: fontSize('heading/100'),
-      }"
-      class="form-textarea"
-      :rows="rows"
-      :placeholder="placeholder"
-      :required="required"
-      @blur="handleBlur"
-    />
-    <Typography v-if="errorMessage" variant="body/200" color="sangosyo/200">{{ errorMessage }}</Typography>
-  </label>
-</template>
-
-
-<style scoped>
-.textarea-root {
-  --color-placeholder: #c6cacf;
-  --border: solid 2px transparent;
-
-  display: grid;
-  gap: 10px;
-  color: var(--color-vue-blue);
-}
-
-.textarea-root.-error .form-textarea {
-  --border: solid 2px #CC4F39;
-}
-
-.form-textarea {
-  padding: 22px 24px;
-  border-radius: 6px;
-  box-shadow: var(--box-shadow-input);
-  border: var(--border);
-  outline: none;
-  color: var(--color-vue-blue);
-  font-weight: normal;
-  min-height: 192px;
-}
-
-.form-textarea:focus {
-  --border: solid 2px var(--color-vue-blue);
-}
-
-.form-textarea::placeholder {
-  color: var(--color-placeholder);
-  font-weight: normal;
-}
-</style>