diff --git a/dictation_client/src/common/errors/code.ts b/dictation_client/src/common/errors/code.ts
index 241d0be..d8eb794 100644
--- a/dictation_client/src/common/errors/code.ts
+++ b/dictation_client/src/common/errors/code.ts
@@ -51,4 +51,6 @@ export const errorCodes = [
   "E010809", // ライセンス発行キャンセル不可エラー（ステータスが変えられている場合）
   "E010810", // ライセンス発行キャンセル不可エラー（発行から一定期間経過した場合）
   "E010811", // ライセンス発行キャンセル不可エラー（発行したライセンスが割り当てされている場合）
+  "E011001", // ワークタイプ重複エラー
+  "E011002", // ワークタイプ登録上限超過エラー
 ] as const;
diff --git a/dictation_client/src/features/workflow/worktype/operations.ts b/dictation_client/src/features/workflow/worktype/operations.ts
index ad05f7c..5f754c9 100644
--- a/dictation_client/src/features/workflow/worktype/operations.ts
+++ b/dictation_client/src/features/workflow/worktype/operations.ts
@@ -43,3 +43,70 @@ export const listWorktypesAsync = createAsyncThunk<
     return thunkApi.rejectWithValue({ error });
   }
 });
+
+export const addWorktypeAsync = createAsyncThunk<
+  {
+    // return empty
+  },
+  void,
+  {
+    // rejectした時の返却値の型
+    rejectValue: {
+      error: ErrorObject;
+    };
+  }
+>("workflow/addWorktypeAsync", async (args, thunkApi) => {
+  // apiのConfigurationを取得する
+  const { getState } = thunkApi;
+  const state = getState() as RootState;
+  const { configuration, accessToken } = state.auth;
+  const config = new Configuration(configuration);
+  const accountsApi = new AccountsApi(config);
+  // stateからworktypeIdとdescriptionを取得する
+  const { worktypeId, description } = state.worktype.apps;
+
+  try {
+    await accountsApi.createWorktype(
+      {
+        worktypeId,
+        description,
+      },
+      {
+        headers: { authorization: `Bearer ${accessToken}` },
+      }
+    );
+    thunkApi.dispatch(
+      openSnackbar({
+        level: "info",
+        message: getTranslationID("common.message.success"),
+      })
+    );
+
+    return {};
+  } catch (e) {
+    // e ⇒ errorObjectに変換"
+    const error = createErrorObject(e);
+
+    let errorMessage = getTranslationID("common.message.internalServerError");
+
+    // 既に同じworktypeIdが存在する場合
+    if (error.code === "E011001") {
+      errorMessage = getTranslationID(
+        "worktypeIdSetting.message.alreadyWorktypeIdExistError"
+      );
+    }
+    // worktypeIdが上限に達している場合
+    if (error.code === "E011002") {
+      errorMessage = getTranslationID(
+        "worktypeIdSetting.message.worktypeIDLimitError"
+      );
+    }
+    thunkApi.dispatch(
+      openSnackbar({
+        level: "error",
+        message: errorMessage,
+      })
+    );
+    return thunkApi.rejectWithValue({ error });
+  }
+});
diff --git a/dictation_client/src/features/workflow/worktype/selectors.ts b/dictation_client/src/features/workflow/worktype/selectors.ts
index 343d665..e1ec412 100644
--- a/dictation_client/src/features/workflow/worktype/selectors.ts
+++ b/dictation_client/src/features/workflow/worktype/selectors.ts
@@ -2,6 +2,24 @@ import { RootState } from "app/store";
 
 export const selectWorktypes = (state: RootState) =>
   state.worktype.domain.worktypes;
-
 export const selectIsLoading = (state: RootState) =>
   state.worktype.apps.isLoading;
+
+export const selectWorktypeId = (state: RootState) =>
+  state.worktype.apps.worktypeId;
+
+export const selectDescription = (state: RootState) =>
+  state.worktype.apps.description;
+
+// worktypeIdの値をチェックする
+export const selectHasErrorWorktypeId = (state: RootState) => {
+  const { worktypeId } = state.worktype.apps;
+  // worktypeIdが空文字の場合はエラー
+  const isEmptyWorktypeId = worktypeId === "";
+
+  // worktypeIdに\/ : * ? “< > | .が含まれている場合はエラー
+  const incorrectPattern = /[\\/:*?"<>|.]|[^ -~]/;
+  const hasIncorrectPatternWorktypeId = incorrectPattern.test(worktypeId);
+
+  return { isEmptyWorktypeId, hasIncorrectPatternWorktypeId };
+};
diff --git a/dictation_client/src/features/workflow/worktype/state.ts b/dictation_client/src/features/workflow/worktype/state.ts
index 365b7b7..2e101f7 100644
--- a/dictation_client/src/features/workflow/worktype/state.ts
+++ b/dictation_client/src/features/workflow/worktype/state.ts
@@ -7,6 +7,8 @@ export interface WorktypeState {
 
 export interface Apps {
   isLoading: boolean;
+  worktypeId: string;
+  description?: string;
 }
 
 export interface Domain {
diff --git a/dictation_client/src/features/workflow/worktype/worktypeSlice.ts b/dictation_client/src/features/workflow/worktype/worktypeSlice.ts
index 624f3bd..d0345e5 100644
--- a/dictation_client/src/features/workflow/worktype/worktypeSlice.ts
+++ b/dictation_client/src/features/workflow/worktype/worktypeSlice.ts
@@ -1,10 +1,11 @@
-import { createSlice } from "@reduxjs/toolkit";
+import { PayloadAction, createSlice } from "@reduxjs/toolkit";
 import { WorktypeState } from "./state";
-import { listWorktypesAsync } from "./operations";
+import { addWorktypeAsync, listWorktypesAsync } from "./operations";
 
 const initialState: WorktypeState = {
   apps: {
     isLoading: false,
+    worktypeId: "",
   },
   domain: {},
 };
@@ -12,7 +13,26 @@ const initialState: WorktypeState = {
 export const worktypeSlice = createSlice({
   name: "worktype",
   initialState,
-  reducers: {},
+  reducers: {
+    cleanupWorktype: (state) => {
+      state.apps.worktypeId = initialState.apps.worktypeId;
+      state.apps.description = undefined;
+    },
+    changeWorktypeId: (
+      state,
+      action: PayloadAction<{ worktypeId: string }>
+    ) => {
+      const { worktypeId } = action.payload;
+      state.apps.worktypeId = worktypeId;
+    },
+    changeDescription: (
+      state,
+      action: PayloadAction<{ description?: string }>
+    ) => {
+      const { description } = action.payload;
+      state.apps.description = description;
+    },
+  },
   extraReducers: (builder) => {
     builder.addCase(listWorktypesAsync.pending, (state) => {
       state.apps.isLoading = true;
@@ -25,7 +45,14 @@ export const worktypeSlice = createSlice({
     builder.addCase(listWorktypesAsync.rejected, (state) => {
       state.apps.isLoading = false;
     });
+    builder.addCase(addWorktypeAsync.pending, (state) => {
+      state.apps.isLoading = true;
+    });
+    builder.addCase(addWorktypeAsync.rejected, (state) => {
+      state.apps.isLoading = false;
+    });
   },
 });
-
+export const { changeDescription, changeWorktypeId, cleanupWorktype } =
+  worktypeSlice.actions;
 export default worktypeSlice.reducer;
diff --git a/dictation_client/src/pages/WorkTypeIdSettingPage/addWorktypeIdPopup.tsx b/dictation_client/src/pages/WorkTypeIdSettingPage/addWorktypeIdPopup.tsx
new file mode 100644
index 0000000..e611f9f
--- /dev/null
+++ b/dictation_client/src/pages/WorkTypeIdSettingPage/addWorktypeIdPopup.tsx
@@ -0,0 +1,144 @@
+import React, { useCallback, useState } from "react";
+import { useTranslation } from "react-i18next";
+import styles from "styles/app.module.scss";
+import { useDispatch, useSelector } from "react-redux";
+import {
+  addWorktypeAsync,
+  changeDescription,
+  changeWorktypeId,
+  cleanupWorktype,
+  listWorktypesAsync,
+  selectDescription,
+  selectHasErrorWorktypeId,
+  selectWorktypeId,
+} from "features/workflow/worktype";
+import { AppDispatch } from "app/store";
+import { getTranslationID } from "translation";
+import close from "../../assets/images/close.svg";
+
+// popupのpropsの型定義
+interface AddWorktypeIdPopupProps {
+  onClose: () => void;
+  isOpen: boolean;
+}
+
+export const AddWorktypeIdPopup: React.FC<AddWorktypeIdPopupProps> = (
+  props: AddWorktypeIdPopupProps
+): JSX.Element => {
+  const { onClose, isOpen } = props;
+  const [t] = useTranslation();
+  const dispatch: AppDispatch = useDispatch();
+  const worktypeId = useSelector(selectWorktypeId);
+  const description = useSelector(selectDescription);
+  // 追加ボタンを押したかどうか
+  const [isPushAddButton, setIsPushAddButton] = useState<boolean>(false);
+  // WorktypeIdのバリデーションチェック
+  const { hasIncorrectPatternWorktypeId, isEmptyWorktypeId } = useSelector(
+    selectHasErrorWorktypeId
+  );
+
+  // ×ボタンを押した時の処理
+  const closePopup = useCallback(() => {
+    dispatch(cleanupWorktype());
+    setIsPushAddButton(false);
+    onClose();
+  }, [onClose, dispatch]);
+
+  // 追加ボタンを押した時の処理
+  const addWorktypeId = useCallback(async () => {
+    setIsPushAddButton(true);
+    if (isEmptyWorktypeId || hasIncorrectPatternWorktypeId) {
+      return;
+    }
+    const { meta } = await dispatch(addWorktypeAsync());
+    if (meta.requestStatus === "fulfilled") {
+      dispatch(listWorktypesAsync());
+      closePopup();
+    }
+  }, [closePopup, dispatch, hasIncorrectPatternWorktypeId, isEmptyWorktypeId]);
+
+  return (
+    <div className={`${styles.modal} ${isOpen ? styles.isShow : ""}`}>
+      <div className={styles.modalBox}>
+        <p className={styles.modalTitle}>
+          {t(getTranslationID("worktypeIdSetting.label.addWorktypeId"))}
+          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions */}
+          <img
+            src={close}
+            className={styles.modalTitleIcon}
+            alt="close"
+            onClick={closePopup}
+          />
+        </p>
+        <form action="" name="" method="" className={styles.form}>
+          <dl className={`${styles.formList} ${styles.hasbg}`}>
+            <dt className={styles.formTitle} />
+            <dt>{t(getTranslationID("worktypeIdSetting.label.worktypeId"))}</dt>
+            <dd>
+              <input
+                type="text"
+                size={40}
+                maxLength={255}
+                value={worktypeId ?? ""}
+                className={styles.formInput}
+                onChange={(e) => {
+                  dispatch(changeWorktypeId({ worktypeId: e.target.value }));
+                }}
+              />
+              {isPushAddButton && isEmptyWorktypeId && (
+                <span className={styles.formError}>
+                  {t(getTranslationID("common.message.inputEmptyError"))}
+                </span>
+              )}
+              {isPushAddButton && hasIncorrectPatternWorktypeId && (
+                <span className={styles.formError}>
+                  {t(
+                    getTranslationID(
+                      "worktypeIdSetting.message.worktypeIdIncorrectError"
+                    )
+                  )}
+                </span>
+              )}
+              <span
+                style={{ whiteSpace: "pre-line" }}
+                className={styles.formComment}
+              >
+                {t(getTranslationID("worktypeIdSetting.label.worktypeIdTerms"))}
+              </span>
+            </dd>
+            <dt className={styles.overLine}>
+              {t(
+                getTranslationID("worktypeIdSetting.label.descriptionOptional")
+              )}
+            </dt>
+            <dd className={styles.last}>
+              <input
+                type="text"
+                size={40}
+                maxLength={255}
+                value={description ?? ""}
+                className={styles.formInput}
+                onChange={(e) => {
+                  const description =
+                    e.target.value === "" ? undefined : e.target.value;
+                  dispatch(changeDescription({ description }));
+                }}
+              />
+            </dd>
+            <dd className={`${styles.full} ${styles.alignCenter}`}>
+              <input
+                type="button"
+                name="Add Worktype"
+                value={t(
+                  getTranslationID("worktypeIdSetting.label.addWorktype")
+                )}
+                className={`${styles.formSubmit} ${styles.marginBtm1} ${styles.isActive}`}
+                onClick={addWorktypeId}
+              />
+            </dd>
+          </dl>
+        </form>
+      </div>
+    </div>
+  );
+};
diff --git a/dictation_client/src/pages/WorkTypeIdSettingPage/index.tsx b/dictation_client/src/pages/WorkTypeIdSettingPage/index.tsx
index 2a77caf..ef20581 100644
--- a/dictation_client/src/pages/WorkTypeIdSettingPage/index.tsx
+++ b/dictation_client/src/pages/WorkTypeIdSettingPage/index.tsx
@@ -15,6 +15,7 @@ import {
   selectWorktypes,
 } from "features/workflow/worktype";
 import { AppDispatch } from "app/store";
+import { AddWorktypeIdPopup } from "./addWorktypeIdPopup";
 
 const WorktypeIdSettingPage: React.FC = (): JSX.Element => {
   const dispatch: AppDispatch = useDispatch();
@@ -22,148 +23,171 @@ const WorktypeIdSettingPage: React.FC = (): JSX.Element => {
   const isLoading = useSelector(selectIsLoading);
   const worktypes = useSelector(selectWorktypes);
   const [selectedRow, setSelectedRow] = useState<number>(NaN);
+  // 追加Popupの表示制御
+  const [isShowAddPopup, setIsShowAddPopup] = useState<boolean>(false);
   useEffect(() => {
     dispatch(listWorktypesAsync());
   }, [dispatch]);
 
   return (
-    <div className={styles.wrap}>
-      <Header userName="XXXXXXX" />
-      <UpdateTokenTimer />
-      <main className={styles.main}>
-        <div>
-          <div className={styles.pageHeader}>
-            <h1 className={styles.pageTitle}>
-              {t(getTranslationID("workflowPage.label.title"))}
-            </h1>
-            <p className={styles.pageTx}>
-              {t(getTranslationID("worktypeIdSetting.label.title"))}
-            </p>
-          </div>
-          <section className={styles.workflow}>
-            <div>
-              <ul className={`${styles.menuAction} ${styles.worktype}`}>
-                <li>
-                  <a
-                    href="/workflow"
-                    className={`${styles.menuLink} ${styles.isActive}`}
-                  >
-                    <img src={undo} alt="" className={styles.menuIcon} />
-                    {t(getTranslationID("common.label.return"))}
-                  </a>
-                </li>
-                <li>
-                  <a
-                    className={`${styles.menuLink} ${styles.isActive}`}
-                    // onClick={}
-                  >
-                    <img
-                      src={worktype_add}
-                      alt=""
-                      className={styles.menuIcon}
-                    />
-                    {t(
-                      getTranslationID("worktypeIdSetting.label.addWorktypeId")
-                    )}
-                  </a>
-                </li>
-                <li className={styles.selectMenu}>
-                  {`${t(
-                    getTranslationID("worktypeIdSetting.label.activeWorktypeId")
-                  )}:`}
-                  <select name="Active Worktype" className={styles.formInput}>
-                    {worktypes?.map((worktype) => (
-                      <option key={worktype.id} value={worktype.id}>
-                        {worktype.worktypeId}
-                      </option>
-                    ))}
-                  </select>
-                </li>
-              </ul>
-              <table className={`${styles.table} ${styles.worktype}`}>
-                <tr className={styles.tableHeader}>
-                  <th className={styles.noLine}>
-                    {t(getTranslationID("worktypeIdSetting.label.worktypeId"))}
-                  </th>
-                  <th className={styles.noLine}>
-                    {t(getTranslationID("worktypeIdSetting.label.description"))}
-                  </th>
-                  <th>{/** empty th */}</th>
-                </tr>
-                {worktypes?.map((worktype) => (
-                  <tr
-                    key={worktype.id}
-                    className={
-                      worktype.id === selectedRow ? styles.isSelected : ""
-                    }
-                    onMouseEnter={() => {
-                      setSelectedRow(worktype.id);
-                    }}
-                    onMouseLeave={() => {
-                      setSelectedRow(NaN);
-                    }}
-                  >
-                    <td>{worktype.worktypeId}</td>
-                    <td>{worktype.description}</td>
-                    <td>
-                      <ul className={`${styles.menuAction} ${styles.inTable}`}>
-                        <li>
-                          <a
-                            className={`${styles.menuLink} ${styles.isActive}`}
-                            // onClick={}
-                          >
-                            {t(getTranslationID("common.label.edit"))}
-                          </a>
-                        </li>
-                        <li>
-                          <a
-                            className={`${styles.menuLink} ${styles.isActive}`}
-                            // onClick={}
-                          >
-                            {t(
-                              getTranslationID(
-                                "worktypeIdSetting.label.optionItem"
-                              )
-                            )}
-                          </a>
-                        </li>
-                        <li>
-                          <a
-                            className={`${styles.menuLink} ${styles.isActive}`}
-                            // onClick={}
-                          >
-                            {t(getTranslationID("common.label.delete"))}
-                          </a>
-                        </li>
-                      </ul>
-                    </td>
-                  </tr>
-                ))}
-              </table>
-              {!isLoading && worktypes?.length === 0 && (
-                <p
-                  style={{
-                    margin: "10px",
-                    textAlign: "center",
-                    width: "1000px",
-                  }}
-                >
-                  {t(getTranslationID("common.message.listEmpty"))}
-                </p>
-              )}
-              {isLoading && (
-                <img
-                  src={progress_activit}
-                  className={styles.icLoading}
-                  alt="Loading"
-                />
-              )}
+    <>
+      <AddWorktypeIdPopup
+        onClose={() => {
+          setIsShowAddPopup(false);
+        }}
+        isOpen={isShowAddPopup}
+      />
+      <div className={styles.wrap}>
+        <Header userName="XXXXXXX" />
+        <UpdateTokenTimer />
+        <main className={styles.main}>
+          <div>
+            <div className={styles.pageHeader}>
+              <h1 className={styles.pageTitle}>
+                {t(getTranslationID("workflowPage.label.title"))}
+              </h1>
+              <p className={styles.pageTx}>
+                {t(getTranslationID("worktypeIdSetting.label.title"))}
+              </p>
             </div>
-          </section>
-        </div>
-      </main>
-      <Footer />
-    </div>
+            <section className={styles.workflow}>
+              <div>
+                <ul className={`${styles.menuAction} ${styles.worktype}`}>
+                  <li>
+                    <a
+                      href="/workflow"
+                      className={`${styles.menuLink} ${styles.isActive}`}
+                    >
+                      <img src={undo} alt="" className={styles.menuIcon} />
+                      {t(getTranslationID("common.label.return"))}
+                    </a>
+                  </li>
+                  <li>
+                    {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}
+                    <a
+                      className={`${styles.menuLink} ${styles.isActive}`}
+                      onClick={() => {
+                        setIsShowAddPopup(true);
+                      }}
+                    >
+                      <img
+                        src={worktype_add}
+                        alt=""
+                        className={styles.menuIcon}
+                      />
+                      {t(
+                        getTranslationID(
+                          "worktypeIdSetting.label.addWorktypeId"
+                        )
+                      )}
+                    </a>
+                  </li>
+                  <li className={styles.selectMenu}>
+                    {`${t(
+                      getTranslationID(
+                        "worktypeIdSetting.label.activeWorktypeId"
+                      )
+                    )}:`}
+                    <select name="Active Worktype" className={styles.formInput}>
+                      {worktypes?.map((worktype) => (
+                        <option key={worktype.id} value={worktype.id}>
+                          {worktype.worktypeId}
+                        </option>
+                      ))}
+                    </select>
+                  </li>
+                </ul>
+                <table className={`${styles.table} ${styles.worktype}`}>
+                  <tr className={styles.tableHeader}>
+                    <th className={styles.noLine}>
+                      {t(
+                        getTranslationID("worktypeIdSetting.label.worktypeId")
+                      )}
+                    </th>
+                    <th className={styles.noLine}>
+                      {t(
+                        getTranslationID("worktypeIdSetting.label.description")
+                      )}
+                    </th>
+                    <th>{/** empty th */}</th>
+                  </tr>
+                  {worktypes?.map((worktype) => (
+                    <tr
+                      key={worktype.id}
+                      className={
+                        worktype.id === selectedRow ? styles.isSelected : ""
+                      }
+                      onMouseEnter={() => {
+                        setSelectedRow(worktype.id);
+                      }}
+                      onMouseLeave={() => {
+                        setSelectedRow(NaN);
+                      }}
+                    >
+                      <td>{worktype.worktypeId}</td>
+                      <td>{worktype.description}</td>
+                      <td>
+                        <ul
+                          className={`${styles.menuAction} ${styles.inTable}`}
+                        >
+                          <li>
+                            <a
+                              className={`${styles.menuLink} ${styles.isActive}`}
+                              // onClick={}
+                            >
+                              {t(getTranslationID("common.label.edit"))}
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              className={`${styles.menuLink} ${styles.isActive}`}
+                              // onClick={}
+                            >
+                              {t(
+                                getTranslationID(
+                                  "worktypeIdSetting.label.optionItem"
+                                )
+                              )}
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              className={`${styles.menuLink} ${styles.isActive}`}
+                              // onClick={}
+                            >
+                              {t(getTranslationID("common.label.delete"))}
+                            </a>
+                          </li>
+                        </ul>
+                      </td>
+                    </tr>
+                  ))}
+                </table>
+                {!isLoading && worktypes?.length === 0 && (
+                  <p
+                    style={{
+                      margin: "10px",
+                      textAlign: "center",
+                      width: "1000px",
+                    }}
+                  >
+                    {t(getTranslationID("common.message.listEmpty"))}
+                  </p>
+                )}
+                {isLoading && (
+                  <img
+                    src={progress_activit}
+                    className={styles.icLoading}
+                    alt="Loading"
+                  />
+                )}
+              </div>
+            </section>
+          </div>
+        </main>
+        <Footer />
+      </div>
+    </>
   );
 };
 
diff --git a/dictation_client/src/translation/de.json b/dictation_client/src/translation/de.json
index 3fdb8fc..db871fe 100644
--- a/dictation_client/src/translation/de.json
+++ b/dictation_client/src/translation/de.json
@@ -5,10 +5,10 @@
       "passwordIncorrectError": "(de)Error Message",
       "emailIncorrectError": "(de)Error Message",
       "internalServerError": "(de)処理に失敗しました。時間をおいて再実行しても解決しない場合はシステム管理者にお問い合わせください。",
+      "permissionDeniedError": "(de)操作を実行する権限がありません。",
       "listEmpty": "(de)検索結果が0件です。",
       "dialogConfirm": "(de)操作を実行しますか？",
-      "success": "(de)処理に成功しました。",
-      "permissionDeniedError": "(de)操作を実行する権限がありません。"
+      "success": "(de)処理に成功しました。"
     },
     "label": {
       "cancel": "(de)Cancel",
@@ -388,7 +388,30 @@
       "addWorktypeId": "(de)Add Worktype ID",
       "worktypeId": "(de)Worktype ID",
       "description": "(de)Description",
-      "optionItem": "(de)Option Item"
+      "descriptionOptional": "(de)Description (Optional)",
+      "optionItem": "(de)Option Item",
+      "worktypeIdTerms": "(de)WorktypeID should be alphanumeric and symbols,\n but not include: \\ / : * ? “ < > | .",
+      "addWorktype": "(de)Add Worktype"
+    },
+    "message": {
+      "worktypeIdIncorrectError": "(de)入力されたWorktypeIDがルールを満たしていません。下記のルールを満たすWorktypeIDを入力してください",
+      "alreadyWorktypeIdExistError": "(de)このWorktype IDは既に登録されています。他のWorktype IDで登録してください。",
+      "worktypeIDLimitError": "(de)Worktype IDが登録件数の上限に達しているため追加できません。"
+    }
+  },
+  "partnerPage": {
+    "label": {
+      "title": "(de)Partners",
+      "addAccount": "(de)Add Account",
+      "name": "(de)Name",
+      "category": "(de)Category",
+      "accountId": "(de)Account ID",
+      "country": "(de)Country",
+      "primaryAdmin": "(de)Primary Admin",
+      "email": "(de)E-mail",
+      "dealerManagement": "(de)Dealer Management",
+      "partners": "(de)partners",
+      "deleteAccount": "(de)Delete Account"
     }
   }
 }
diff --git a/dictation_client/src/translation/en.json b/dictation_client/src/translation/en.json
index 4ca6d4a..a041725 100644
--- a/dictation_client/src/translation/en.json
+++ b/dictation_client/src/translation/en.json
@@ -5,10 +5,10 @@
       "passwordIncorrectError": "Error Message",
       "emailIncorrectError": "Error Message",
       "internalServerError": "処理に失敗しました。時間をおいて再実行しても解決しない場合はシステム管理者にお問い合わせください。",
+      "permissionDeniedError": "操作を実行する権限がありません。",
       "listEmpty": "検索結果が0件です。",
       "dialogConfirm": "操作を実行しますか？",
-      "success": "処理に成功しました。",
-      "permissionDeniedError": "操作を実行する権限がありません。"
+      "success": "処理に成功しました。"
     },
     "label": {
       "cancel": "Cancel",
@@ -388,7 +388,30 @@
       "addWorktypeId": "Add Worktype ID",
       "worktypeId": "Worktype ID",
       "description": "Description",
-      "optionItem": "Option Item"
+      "descriptionOptional": "Description (Optional)",
+      "optionItem": "Option Item",
+      "worktypeIdTerms": "WorktypeID should be alphanumeric and symbols,\n but not include: \\ / : * ? “ < > | .",
+      "addWorktype": "Add Worktype"
+    },
+    "message": {
+      "worktypeIdIncorrectError": "入力されたWorktypeIDがルールを満たしていません。下記のルールを満たすWorktypeIDを入力してください",
+      "alreadyWorktypeIdExistError": "このWorktype IDは既に登録されています。他のWorktype IDで登録してください。",
+      "worktypeIDLimitError": "Worktype IDが登録件数の上限に達しているため追加できません。"
+    }
+  },
+  "partnerPage": {
+    "label": {
+      "title": "Partners",
+      "addAccount": "Add Account",
+      "name": "Name",
+      "category": "Category",
+      "accountId": "Account ID",
+      "country": "Country",
+      "primaryAdmin": "Primary Admin",
+      "email": "E-mail",
+      "dealerManagement": "Dealer Management",
+      "partners": "partners",
+      "deleteAccount": "Delete Account"
     }
   }
 }
diff --git a/dictation_client/src/translation/es.json b/dictation_client/src/translation/es.json
index c5cd179..3fe365a 100644
--- a/dictation_client/src/translation/es.json
+++ b/dictation_client/src/translation/es.json
@@ -5,10 +5,10 @@
       "passwordIncorrectError": "(es)Error Message",
       "emailIncorrectError": "(es)Error Message",
       "internalServerError": "(es)処理に失敗しました。時間をおいて再実行しても解決しない場合はシステム管理者にお問い合わせください。",
+      "permissionDeniedError": "(es)操作を実行する権限がありません。",
       "listEmpty": "(es)検索結果が0件です。",
       "dialogConfirm": "(es)操作を実行しますか？",
-      "success": "(es)処理に成功しました。",
-      "permissionDeniedError": "(es)操作を実行する権限がありません。"
+      "success": "(es)処理に成功しました。"
     },
     "label": {
       "cancel": "(es)Cancel",
@@ -388,7 +388,30 @@
       "addWorktypeId": "(es)Add Worktype ID",
       "worktypeId": "(es)Worktype ID",
       "description": "(es)Description",
-      "optionItem": "(es)Option Item"
+      "descriptionOptional": "(es)Description (Optional)",
+      "optionItem": "(es)Option Item",
+      "worktypeIdTerms": "(es)WorktypeID should be alphanumeric and symbols,\n but not include: \\ / : * ? “ < > | .",
+      "addWorktype": "(es)Add Worktype"
+    },
+    "message": {
+      "worktypeIdIncorrectError": "(es)入力されたWorktypeIDがルールを満たしていません。下記のルールを満たすWorktypeIDを入力してください",
+      "alreadyWorktypeIdExistError": "(es)このWorktype IDは既に登録されています。他のWorktype IDで登録してください。",
+      "worktypeIDLimitError": "(es)Worktype IDが登録件数の上限に達しているため追加できません。"
+    }
+  },
+  "partnerPage": {
+    "label": {
+      "title": "(es)Partners",
+      "addAccount": "(es)Add Account",
+      "name": "(es)Name",
+      "category": "(es)Category",
+      "accountId": "(es)Account ID",
+      "country": "(es)Country",
+      "primaryAdmin": "(es)Primary Admin",
+      "email": "(es)E-mail",
+      "dealerManagement": "(es)Dealer Management",
+      "partners": "(es)partners",
+      "deleteAccount": "(es)Delete Account"
     }
   }
 }
diff --git a/dictation_client/src/translation/fr.json b/dictation_client/src/translation/fr.json
index afd1048..741646d 100644
--- a/dictation_client/src/translation/fr.json
+++ b/dictation_client/src/translation/fr.json
@@ -5,10 +5,10 @@
       "passwordIncorrectError": "(fr)Error Message",
       "emailIncorrectError": "(fr)Error Message",
       "internalServerError": "(fr)処理に失敗しました。時間をおいて再実行しても解決しない場合はシステム管理者にお問い合わせください。",
+      "permissionDeniedError": "(fr)操作を実行する権限がありません。",
       "listEmpty": "(fr)検索結果が0件です。",
       "dialogConfirm": "(fr)操作を実行しますか？",
-      "success": "(fr)処理に成功しました。",
-      "permissionDeniedError": "(fr)操作を実行する権限がありません。"
+      "success": "(fr)処理に成功しました。"
     },
     "label": {
       "cancel": "(fr)Cancel",
@@ -388,7 +388,30 @@
       "addWorktypeId": "(fr)Add Worktype ID",
       "worktypeId": "(fr)Worktype ID",
       "description": "(fr)Description",
-      "optionItem": "(fr)Option Item"
+      "descriptionOptional": "(fr)Description (Optional)",
+      "optionItem": "(fr)Option Item",
+      "worktypeIdTerms": "(fr)WorktypeID should be alphanumeric and symbols,\n but not include: \\ / : * ? “ < > | .",
+      "addWorktype": "(fr)Add Worktype"
+    },
+    "message": {
+      "worktypeIdIncorrectError": "(fr)入力されたWorktypeIDがルールを満たしていません。下記のルールを満たすWorktypeIDを入力してください",
+      "alreadyWorktypeIdExistError": "(fr)このWorktype IDは既に登録されています。他のWorktype IDで登録してください。",
+      "worktypeIDLimitError": "(fr)Worktype IDが登録件数の上限に達しているため追加できません。"
+    }
+  },
+  "partnerPage": {
+    "label": {
+      "title": "(fr)Partners",
+      "addAccount": "(fr)Add Account",
+      "name": "(fr)Name",
+      "category": "(fr)Category",
+      "accountId": "(fr)Account ID",
+      "country": "(fr)Country",
+      "primaryAdmin": "(fr)Primary Admin",
+      "email": "(fr)E-mail",
+      "dealerManagement": "(fr)Dealer Management",
+      "partners": "(fr)partners",
+      "deleteAccount": "(fr)Delete Account"
     }
   }
 }