diff --git a/user/src/api/fireEquipmentApi.ts b/user/src/api/fireEquipmentApi.ts
index 8d0ba69c0..0e4eaac4f 100644
--- a/user/src/api/fireEquipmentApi.ts
+++ b/user/src/api/fireEquipmentApi.ts
@@ -28,7 +28,7 @@ const API_ENDPOINTS = {
   FIRE_EQUIPMENT_ORDERS: '/fire_equipment_orders',
 };
 
-// グループIDで火器使用申請を取得
+// グループIDで火気使用申請を取得
 export const useGetFireEquipmentOrderByGroupId = (
   groupId: number | undefined
 ) => {
diff --git a/user/src/components/Applications/FireEquipment/FireEquipment.stories.tsx b/user/src/components/Applications/FireEquipment/FireEquipment.stories.tsx
new file mode 100644
index 000000000..a9b38304b
--- /dev/null
+++ b/user/src/components/Applications/FireEquipment/FireEquipment.stories.tsx
@@ -0,0 +1,26 @@
+import '@globals';
+import { Meta, StoryObj } from '@storybook/react';
+import FireEquipment from './FireEquipment';
+
+export default {
+  title: 'Components/FireEquipment',
+  tags: ['autodocs'],
+  component: FireEquipment,
+  parameters: {
+    docs: {
+      source: {
+        type: 'auto',
+      },
+    },
+  },
+} as Meta<typeof FireEquipment>;
+
+type Story = StoryObj<typeof FireEquipment>;
+
+export const Default: Story = {
+  args: {
+    groupId: 0,
+    isDeadline: false,
+    isRegistered: false,
+  },
+};
diff --git a/user/src/components/Applications/FireEquipment/FireEquipment.tsx b/user/src/components/Applications/FireEquipment/FireEquipment.tsx
new file mode 100644
index 000000000..7329bb1dd
--- /dev/null
+++ b/user/src/components/Applications/FireEquipment/FireEquipment.tsx
@@ -0,0 +1,71 @@
+import { FC } from 'react';
+import AccordionMenu from '@/components/AccordionMenu';
+import FormList from '@/components/FormList';
+import { FireEquipmentFormView } from './components';
+import { useFireEquipmentHooks } from './hooks';
+
+type FireEquipmentProps = {
+  isDeadline?: boolean;
+  isRegistered?: boolean | undefined;
+  groupId: number;
+};
+
+const Content: FC<FireEquipmentProps> = ({ groupId, isDeadline }) => {
+  const {
+    isEditing,
+    handleEditClick,
+    formItem,
+    fireEquipment,
+    hasUnregistered,
+    noApplicationItems,
+  } = useFireEquipmentHooks(groupId);
+
+  // 締め切り後に表示する画面
+  if (isDeadline) {
+    return <FormList items={formItem} />;
+  }
+  // 未登録がある場合は、フォームリストを表示
+  if (hasUnregistered) {
+    return (
+      <FormList items={noApplicationItems} isEdit onEdit={handleEditClick} />
+    );
+  }
+
+  // 未登録の場合は、フォームを表示
+  if (!fireEquipment && !hasUnregistered) {
+    return <FireEquipmentFormView groupId={groupId} />;
+  }
+
+  // 編集モードでない場合は、フォームリストを表示
+  if (!isEditing) {
+    return <FormList items={formItem} isEdit onEdit={handleEditClick} />; // Display existing fire equipment details
+  }
+
+  // 編集モードの場合は、フォームを表示
+  return (
+    <FireEquipmentFormView
+      groupId={groupId}
+      fireEquipmentData={fireEquipment}
+      handleEditCancel={handleEditClick}
+    />
+  );
+};
+
+const FireEquipment: FC<FireEquipmentProps> = ({
+  groupId,
+  isDeadline,
+  isRegistered,
+}) => {
+  return (
+    <AccordionMenu
+      title={'火気使用申請'}
+      isEdit={!isDeadline}
+      isExist={isRegistered}
+      required={true}
+    >
+      <Content groupId={groupId} isDeadline={isDeadline} />
+    </AccordionMenu>
+  );
+};
+
+export default FireEquipment;
diff --git a/user/src/components/Applications/FireEquipment/components/FireEquipmentForm.tsx b/user/src/components/Applications/FireEquipment/components/FireEquipmentForm.tsx
new file mode 100644
index 000000000..9513f0cb4
--- /dev/null
+++ b/user/src/components/Applications/FireEquipment/components/FireEquipmentForm.tsx
@@ -0,0 +1,157 @@
+import { FC } from 'react';
+import { FireEquipmentFuel } from '@/api/fireEquipmentApi';
+import { FieldErrors, UseFormSetValue } from 'react-hook-form';
+import Button from '@/components/Button';
+import Radio from '@/components/Form/Radio/Radio';
+import Selector from '@/components/Form/Selector/Selector';
+import TextArea from '@/components/Form/TextArea/TextArea';
+import TextBox from '@/components/Form/TextBox/TextBox';
+import FormContainer from '@/components/FormContainer';
+import {
+  FIRE_EQUIPMENT_FUEL_PLACEHOLDER_ID,
+  FIRE_EQUIPMENT_INSTRUCTIONS,
+  fireEquipmentFormFields,
+} from '../constant';
+import { convertToBoolToString } from './hooks';
+import { FireEquipmentFormValues } from './schema';
+
+type FireEquipmentFormProps = {
+  values: FireEquipmentFormValues;
+  errors: FieldErrors<FireEquipmentFormValues>;
+  setValue: UseFormSetValue<FireEquipmentFormValues>;
+  isEditing: boolean;
+  handleEditCancel?: () => void;
+  validate?: () => boolean;
+};
+
+const FireEquipmentForm: FC<FireEquipmentFormProps> = ({
+  values,
+  errors,
+  setValue,
+  isEditing,
+  handleEditCancel,
+  validate,
+}) => {
+  return (
+    <FormContainer>
+      <div className="flex flex-col">
+        <div className="flex flex-col gap-10 text-[#484848]">
+          <TextBox
+            label={fireEquipmentFormFields.NAME}
+            required
+            value={values.name}
+            onChange={(value) => setValue('name', value)}
+            error={errors.name?.message}
+          />
+          <TextBox
+            label={fireEquipmentFormFields.QUANTITY}
+            required
+            type="number"
+            value={values.quantity.toString()}
+            note="半角数字のみ"
+            onChange={(value) => setValue('quantity', Number(value))}
+            error={errors.quantity?.message}
+          />
+          <Selector
+            label={fireEquipmentFormFields.FUEL}
+            required
+            options={[
+              {
+                id: FIRE_EQUIPMENT_FUEL_PLACEHOLDER_ID,
+                name: '選択してください',
+                disabled: true,
+              },
+              {
+                id: Number(FireEquipmentFuel.GAS_BOTTLE),
+                name: 'カセットガス',
+                disabled: false,
+              },
+              {
+                id: Number(FireEquipmentFuel.LP_GAS),
+                name: 'LPガス',
+                disabled: false,
+              },
+              {
+                id: Number(FireEquipmentFuel.CHARCOAL),
+                name: '炭',
+                disabled: false,
+              },
+            ]}
+            value={values.fuel}
+            onChange={(value) =>
+              setValue('fuel', Number(value) as FireEquipmentFuel)
+            }
+            error={errors.fuel?.message}
+          />
+          <TextArea
+            label={fireEquipmentFormFields.USAGE}
+            required
+            value={values.usage}
+            onChange={(value) => setValue('usage', value)}
+            error={errors.usage?.message}
+          />
+          <Radio
+            label={fireEquipmentFormFields.IS_TAKEAWAY}
+            options={[
+              { id: 1, name: 'はい' },
+              { id: 2, name: 'いいえ' },
+            ]}
+            value={convertToBoolToString(values.isTakeaway)}
+            onChange={(value) => {
+              setValue('isTakeaway', value === '1');
+            }}
+            required
+            error={errors.isTakeaway?.message}
+          />
+          <p className="-mt-10 max-w-[400px] break-words text-xs text-[#484848]">
+            {FIRE_EQUIPMENT_INSTRUCTIONS.TAKEAWAY_NOTICE.split('\n').map(
+              (line, index) => (
+                <span key={index}>
+                  {line}
+                  {index === 0 && <br />}
+                </span>
+              )
+            )}
+          </p>
+          <p className="max-w-[400px] break-words text-xs text-[#484848]">
+            {FIRE_EQUIPMENT_INSTRUCTIONS.REMARK_NOTICE}
+          </p>
+          <TextArea
+            label={fireEquipmentFormFields.REMARK}
+            // 「火気を毎日テントから持ち帰ることができますか？」の質問で必須にするかしないか判定する
+            required
+            requireMessage="いいえを押した場合必須"
+            value={values.remarks || ''}
+            onChange={(value) => setValue('remarks', value)}
+            error={errors.remarks?.message}
+          />
+        </div>
+        <div className="mt-10 flex w-full items-center justify-center">
+          {isEditing && (
+            <div className="mr-4">
+              <Button
+                size="pc"
+                color="main"
+                variant
+                type="button"
+                onClick={handleEditCancel}
+              >
+                キャンセル
+              </Button>
+            </div>
+          )}
+          <Button
+            size="pc"
+            color="main"
+            type="submit"
+            isDisable={validate && validate()}
+          >
+            {isEditing ? '修正' : '登録'}
+          </Button>
+        </div>
+      </div>
+    </FormContainer>
+  );
+};
+
+export default FireEquipmentForm;
diff --git a/user/src/components/Applications/FireEquipment/components/FireEquipmentFormView.tsx b/user/src/components/Applications/FireEquipment/components/FireEquipmentFormView.tsx
new file mode 100644
index 000000000..da6735982
--- /dev/null
+++ b/user/src/components/Applications/FireEquipment/components/FireEquipmentFormView.tsx
@@ -0,0 +1,75 @@
+import { FC } from 'react';
+import { FireEquipmentResponse } from '@/api/fireEquipmentApi';
+import { NO_ID_STRING, RADIO_OPTIONS, YES_ID_STRING } from '@/utils/constant';
+import Button from '@/components/Button/Button';
+import Radio from '@/components/Form/Radio/Radio';
+import FireEquipmentForm from './FireEquipmentForm';
+import { useFireEquipmentOrder } from './hooks';
+
+type FireEquipmentFormViewProps = {
+  groupId: number;
+  fireEquipmentData?: FireEquipmentResponse;
+  handleEditCancel?: () => void;
+};
+export const FireEquipmentFormView: FC<FireEquipmentFormViewProps> = ({
+  groupId,
+  fireEquipmentData,
+  handleEditCancel,
+}) => {
+  const {
+    isRegister,
+    submitUnregisteredHandler,
+    errorsUnregistered,
+    isRegisterValue,
+    setIsRegisterValue,
+    values,
+    errors,
+    setValue,
+    submitHandler,
+    isEditing,
+    validate,
+  } = useFireEquipmentOrder(groupId, fireEquipmentData);
+
+  return (
+    <div className="flex flex-col gap-6">
+      <form onSubmit={submitUnregisteredHandler}>
+        <Radio
+          label="火気申請を使用しますか？"
+          value={isRegisterValue}
+          onChange={(value) => {
+            setIsRegisterValue(
+              value as typeof YES_ID_STRING | typeof NO_ID_STRING
+            );
+          }}
+          required
+          options={RADIO_OPTIONS}
+          error={errorsUnregistered.isRegister?.message}
+        />
+        <p className="max-w-[400px] break-words text-xs text-[#484848]">
+          電気ホットプレートとIHは含まれません。
+        </p>
+        {!isRegister && (
+          <div className="mt-8 flex flex-col items-center gap-4">
+            <Button type="submit" size="pc" color="main">
+              登録
+            </Button>
+          </div>
+        )}
+      </form>
+      {isRegister && (
+        <form onSubmit={submitHandler}>
+          <div className="flex w-full flex-col gap-10">
+            <FireEquipmentForm
+              values={values}
+              errors={errors}
+              setValue={setValue}
+              isEditing={isEditing}
+              handleEditCancel={handleEditCancel}
+              validate={validate}
+            />
+          </div>
+        </form>
+      )}
+    </div>
+  );
+};
diff --git a/user/src/components/Applications/FireEquipment/components/hooks.ts b/user/src/components/Applications/FireEquipment/components/hooks.ts
new file mode 100644
index 000000000..992f0552c
--- /dev/null
+++ b/user/src/components/Applications/FireEquipment/components/hooks.ts
@@ -0,0 +1,121 @@
+import { FireEquipmentResponse } from '@/api/fireEquipmentApi';
+import { NO_ID_STRING, YES_ID_STRING } from '@/utils/constant';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useForm } from 'react-hook-form';
+import { toast } from 'react-toastify';
+import './schema';
+import {
+  FireEquipmentFormValues,
+  FireEquipmentSchema,
+  UnregisteredFireEquipmentFormValues,
+  UnregisteredFireEquipmentSchema,
+} from './schema';
+
+export const useFireEquipmentOrder = (
+  groupId: number,
+  fireEquipmentData?: FireEquipmentResponse
+) => {
+  const {
+    handleSubmit: handleSubmitUnregistered,
+    formState: { errors: errorsUnregistered },
+    setValue: setValueUnregistered,
+    watch: watchUnregistered,
+  } = useForm<UnregisteredFireEquipmentFormValues>({
+    resolver: zodResolver(UnregisteredFireEquipmentSchema),
+    defaultValues: {
+      groupId: groupId,
+      isRegister: true,
+    },
+  });
+
+  // 既存の火気申請データがある場合は、編集モードにする
+  const isEditing = !!fireEquipmentData;
+
+  const defaultValues: FireEquipmentFormValues = {
+    name: fireEquipmentData?.name || '',
+    quantity: fireEquipmentData?.quantity || 0,
+    fuel: fireEquipmentData?.fuel || 0,
+    usage: fireEquipmentData?.usage || '',
+    isTakeaway: fireEquipmentData?.is_takeaway || true,
+    remarks: fireEquipmentData?.remark || '',
+  };
+
+  const {
+    handleSubmit,
+    formState: { errors },
+    setValue,
+    watch,
+  } = useForm<FireEquipmentFormValues>({
+    resolver: zodResolver(FireEquipmentSchema),
+    defaultValues: defaultValues,
+  });
+
+  const valuesUnregistered = watchUnregistered();
+  const isRegister = valuesUnregistered.isRegister;
+  const isRegisterValue = isRegister ? YES_ID_STRING : NO_ID_STRING;
+  const setIsRegisterValue = (
+    value: typeof YES_ID_STRING | typeof NO_ID_STRING
+  ) => {
+    setValueUnregistered('isRegister', value === YES_ID_STRING);
+  };
+
+  const onSubmitUnregistered = async (
+    formData: UnregisteredFireEquipmentFormValues
+  ) => {
+    if (formData.isRegister) {
+      // trueの場合は、未登録には登録しないのでreturn
+      return;
+    }
+    console.log('Unregistered Data:', formData);
+
+    toast.success('火気申請を行わない登録が完了しました');
+  };
+  const submitUnregisteredHandler =
+    handleSubmitUnregistered(onSubmitUnregistered);
+
+  const values = watch();
+
+  const validate = () => {
+    if (!fireEquipmentData) {
+      return false; // 既存の火気申請データがない場合は常に有効
+    }
+
+    return (
+      defaultValues.name === values.name &&
+      defaultValues.quantity === values.quantity &&
+      defaultValues.fuel === values.fuel &&
+      defaultValues.usage === values.usage &&
+      defaultValues.isTakeaway === values.isTakeaway &&
+      defaultValues.remarks === values.remarks
+    );
+  };
+
+  const onSubmitFireEquipment = async (formData: FireEquipmentFormValues) => {
+    console.log('Submitted Data:', formData);
+    toast.success('火気申請が送信されました！');
+  };
+
+  const submitHandler = handleSubmit(onSubmitFireEquipment);
+
+  return {
+    // 未登録周り
+    isRegister,
+    submitUnregisteredHandler,
+    errorsUnregistered,
+    isRegisterValue,
+    setIsRegisterValue,
+    // 火気申請周り
+    values,
+    errors,
+    setValue,
+    submitHandler,
+    // 既存の火気申請データがあるかどうか
+    isEditing,
+    // バリデーション
+    validate,
+  };
+};
+
+export const convertToBoolToString = (value: boolean) => {
+  return value ? YES_ID_STRING : NO_ID_STRING;
+};
diff --git a/user/src/components/Applications/FireEquipment/components/index.ts b/user/src/components/Applications/FireEquipment/components/index.ts
new file mode 100644
index 000000000..28055b1bb
--- /dev/null
+++ b/user/src/components/Applications/FireEquipment/components/index.ts
@@ -0,0 +1,2 @@
+export { default as FireEquipment } from './FireEquipmentForm';
+export * from './FireEquipmentFormView';
diff --git a/user/src/components/Applications/FireEquipment/components/schema.ts b/user/src/components/Applications/FireEquipment/components/schema.ts
new file mode 100644
index 000000000..a45940a1b
--- /dev/null
+++ b/user/src/components/Applications/FireEquipment/components/schema.ts
@@ -0,0 +1,41 @@
+import { FireEquipmentFuel } from '@/api/fireEquipmentApi';
+import { z } from 'zod';
+
+// バリデーションスキーマ
+const fireEquipmentFuelArray = Object.values(FireEquipmentFuel).filter(
+  (v) => typeof v === 'number'
+) as number[];
+
+export const FireEquipmentSchema = z
+  .object({
+    id: z.number().optional(),
+    name: z.string().min(1, '入力してください'),
+    quantity: z.number().min(1, '1以上の数字を入力してください'),
+    fuel: z.number().refine((value) => fireEquipmentFuelArray.includes(value), {
+      message: '燃料を選択してください',
+    }),
+    usage: z.string().min(1, '入力してください'),
+    isTakeaway: z.boolean(),
+    remarks: z.string().optional(),
+  })
+  .superRefine((data, ctx) => {
+    // 持ち帰りが「いいえ」の場合、備考欄は必須
+    if (!data.isTakeaway && data.remarks == '') {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: '持ち帰りが「いいえ」の場合、備考欄は必須です',
+        path: ['remarks'],
+      });
+    }
+  });
+
+export type FireEquipmentFormValues = z.infer<typeof FireEquipmentSchema>;
+
+export const UnregisteredFireEquipmentSchema = z.object({
+  groupId: z.number().min(1, 'グループを選択してください'),
+  isRegister: z.boolean().default(true),
+});
+
+export type UnregisteredFireEquipmentFormValues = z.infer<
+  typeof UnregisteredFireEquipmentSchema
+>;
diff --git a/user/src/components/Applications/FireEquipment/constant.ts b/user/src/components/Applications/FireEquipment/constant.ts
new file mode 100644
index 000000000..57e2f1b3f
--- /dev/null
+++ b/user/src/components/Applications/FireEquipment/constant.ts
@@ -0,0 +1,16 @@
+export enum fireEquipmentFormFields {
+  NAME = '火気の名称',
+  QUANTITY = '火気の台数',
+  FUEL = '燃料',
+  USAGE = '使用用途',
+  IS_TAKEAWAY = '火気を毎日テントから持ち帰ることができますか？',
+  REMARK = '備考',
+}
+
+export const FIRE_EQUIPMENT_INSTRUCTIONS = {
+  TAKEAWAY_NOTICE:
+    '火気は毎日持って帰ることができない場合を除き、基本的に持ち帰ってください。\n火気はテント内に残す行為は火事の原因になります。',
+  REMARK_NOTICE: 'いいえを押した場合は火気の備考欄に理由を記載して下さい。',
+};
+
+export const FIRE_EQUIPMENT_FUEL_PLACEHOLDER_ID = 0;
diff --git a/user/src/components/Applications/FireEquipment/hooks.ts b/user/src/components/Applications/FireEquipment/hooks.ts
new file mode 100644
index 000000000..799f6a6bd
--- /dev/null
+++ b/user/src/components/Applications/FireEquipment/hooks.ts
@@ -0,0 +1,73 @@
+import { useState } from 'react';
+import {
+  FireEquipmentFuel,
+  FireEquipmentResponse,
+} from '@/api/fireEquipmentApi';
+import { FormItem } from '@/components/FormList/type';
+import { fireEquipmentFormFields } from './constant';
+
+export const useFireEquipmentHooks = (groupId: number) => {
+  // NOTE:API繋いでないのでフラグで登録済みを判定、TODO: API実装後に削除
+  const isRegistered = false;
+  const fireEquipment: FireEquipmentResponse | undefined = isRegistered
+    ? {
+        group_id: groupId,
+        name: 'ガスコンロ',
+        quantity: 1,
+        fuel: FireEquipmentFuel.GAS_BOTTLE,
+        usage: 'バーベキュー',
+        is_takeaway: true,
+        remark: '',
+      }
+    : undefined;
+  const hasUnregistered = false; // TODO: API実装後に修正
+  const formItem: FormItem[] = fireEquipment
+    ? [
+        {
+          label: fireEquipmentFormFields.NAME,
+          content: fireEquipment?.name || '',
+        },
+        {
+          label: fireEquipmentFormFields.QUANTITY,
+          content: fireEquipment?.quantity.toString() || '',
+        },
+        {
+          label: fireEquipmentFormFields.FUEL,
+          content: fireEquipment?.fuel.toString() || '',
+        },
+        {
+          label: fireEquipmentFormFields.USAGE,
+          content: fireEquipment?.usage || '',
+        },
+        {
+          label: fireEquipmentFormFields.IS_TAKEAWAY,
+          content: fireEquipment?.is_takeaway ? 'はい' : 'いいえ',
+        },
+        {
+          label: fireEquipmentFormFields.REMARK,
+          content: fireEquipment?.remark || '',
+        },
+      ]
+    : [];
+
+  const [isEditing, setIsEditing] = useState(false);
+  const handleEditClick = () => {
+    setIsEditing((prev) => !prev);
+  };
+
+  const noApplicationItems: FormItem[] = [
+    {
+      label: '火気申請は不要（登録済み）',
+      content: '火気は使用しません。',
+    },
+  ];
+
+  return {
+    hasUnregistered,
+    noApplicationItems,
+    isEditing,
+    formItem,
+    handleEditClick,
+    fireEquipment,
+  };
+};
diff --git a/user/src/components/Applications/FireEquipment/index.ts b/user/src/components/Applications/FireEquipment/index.ts
new file mode 100644
index 000000000..ee70669c4
--- /dev/null
+++ b/user/src/components/Applications/FireEquipment/index.ts
@@ -0,0 +1 @@
+export { default } from './FireEquipment';
diff --git a/user/src/components/Form/CheckBox/Checkbox.stories.tsx b/user/src/components/Form/CheckBox/Checkbox.stories.tsx
index fb7567550..2ebd0eb3b 100644
--- a/user/src/components/Form/CheckBox/Checkbox.stories.tsx
+++ b/user/src/components/Form/CheckBox/Checkbox.stories.tsx
@@ -27,7 +27,7 @@ const options: Option[] = [
   { id: '1', name: 'ゴミ箱の設置位置を記載しました。' },
   { id: '2', name: '保存場所を記載しました。' },
   { id: '3', name: '申請した物品をすべて平面図に記載しました。' },
-  { id: '4', name: '火器・電化製品の使用場所を明記しました。' },
+  { id: '4', name: '火気・電化製品の使用場所を明記しました。' },
 ];
 
 export const Default: Story = {
diff --git a/user/src/components/Form/Radio/Radio.tsx b/user/src/components/Form/Radio/Radio.tsx
index 5068600b6..0cc2076a3 100644
--- a/user/src/components/Form/Radio/Radio.tsx
+++ b/user/src/components/Form/Radio/Radio.tsx
@@ -1,6 +1,6 @@
 import { FC } from 'react';
 
-type Option = {
+export type Option = {
   id: number;
   name: string;
 };
diff --git a/user/src/components/Form/TextArea/TextArea.tsx b/user/src/components/Form/TextArea/TextArea.tsx
index 9115ee154..fcf21796b 100644
--- a/user/src/components/Form/TextArea/TextArea.tsx
+++ b/user/src/components/Form/TextArea/TextArea.tsx
@@ -6,6 +6,7 @@ type TextAreaProps = {
   onChange: (value: string) => void;
   placeholder?: string;
   required?: boolean;
+  requireMessage?: string;
   note?: string;
   error?: string;
 };
@@ -16,19 +17,20 @@ const TextArea: FC<TextAreaProps> = ({
   onChange,
   placeholder,
   required,
+  requireMessage,
   note,
   error,
 }) => {
   const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {
     onChange(event.target.value);
   };
-
+  const requiredMessage = requireMessage ? `※${requireMessage}` : '※必須';
   return (
     <>
       <label>
         <div className="mb-[4px] flex items-center gap-6">
           <p className="text-base text-font">{label}</p>
-          {required && <p className="text-xs text-alert">※必須</p>}
+          {required && <p className="text-xs text-alert">{requiredMessage}</p>}
         </div>
         <textarea
           value={value}
diff --git a/user/src/pages/home/index.tsx b/user/src/pages/home/index.tsx
index 193515ffc..65b47768e 100644
--- a/user/src/pages/home/index.tsx
+++ b/user/src/pages/home/index.tsx
@@ -4,6 +4,7 @@ import { useGetUserPageSettings } from '@/api/userPageSettingAPI';
 import { GROUP_CATEGORY } from '@/utils/constants';
 import CookingProcessOrder from '@/components/Applications/CookingProcessOrder';
 import Employees from '@/components/Applications/Employees/Employees';
+import FireEquipment from '@/components/Applications/FireEquipment';
 import FoodProduct from '@/components/Applications/FoodProduct';
 import Group from '@/components/Applications/Group';
 import RentItems from '@/components/Applications/MultiItemForms/RentItems';
@@ -285,6 +286,10 @@ export default function HomePage() {
               mutateCheckAllRegisteredGroups={mutateCheckAllRegisteredGroups}
             />
             <GroupCategoryContent />
+            <FireEquipment
+              groupId={groupId}
+              isRegistered={checkAllRegisteredGroups?.fireEquipmentOrder}
+            />
           </>
         )}
       </div>
diff --git a/user/src/utils/constant.ts b/user/src/utils/constant.ts
new file mode 100644
index 000000000..d48d07a17
--- /dev/null
+++ b/user/src/utils/constant.ts
@@ -0,0 +1,14 @@
+import { type Option } from '@/components/Form/Radio/Radio';
+
+export const YES_ID = 1;
+export const NO_ID = 2;
+export const YES_ID_STRING = '1' as const;
+export const NO_ID_STRING = '2' as const;
+export const YES_NAME = 'はい';
+export const NO_NAME = 'いいえ';
+
+// 登録・未登録の選択肢
+export const RADIO_OPTIONS: Option[] = [
+  { id: YES_ID, name: YES_NAME },
+  { id: NO_ID, name: NO_NAME },
+];