diff --git a/src/components/Dashboard/Dashboard.tsx b/src/components/Dashboard/Dashboard.tsx
index f7e4167..2e78411 100644
--- a/src/components/Dashboard/Dashboard.tsx
+++ b/src/components/Dashboard/Dashboard.tsx
@@ -228,7 +228,7 @@ export default function Dashboard(props: DashboardProps) {
               <ListItemIcon>
                 <NotificationsIcon />
               </ListItemIcon>
-              <ListItemText primary="Payment" />
+              <ListItemText primary="Notification" />
             </ListItemButton>
             <ListItemButton onClick={GroupPage}>
               <ListItemIcon>
diff --git a/src/interface.ts b/src/interface.ts
index 329ee59..566cba9 100644
--- a/src/interface.ts
+++ b/src/interface.ts
@@ -218,6 +218,9 @@ export interface ConnectionDetailData {
   ipv4_route: string
   ipv6_route: string
   tunnel_endpoint_router_ip?: TunnelEndPointRouterIPTemplateData
+  ix?: string
+  ix_peer_type?: string
+  ix_vlan_id?: string
 }
 
 export interface BGPRouterDetailData {
@@ -292,6 +295,12 @@ export interface ConnectionTemplateData {
   is_l3: boolean
 }
 
+export interface IXTemplateData {
+  name: string
+  ipv4_address: string
+  ipv6_address: string
+}
+
 export interface GroupDetailData {
   ID: number
   CreatedAt: string
@@ -349,6 +358,7 @@ export interface TemplateData {
   mail_template?: MailTemplateData[]
   member_type?: MemberTypeTemplateData[]
   payment_membership?: PaymentMembershipTemplate[]
+  ix?: IXTemplateData[]
 }
 
 export interface MemoAddData {
@@ -435,6 +445,11 @@ export interface ConnectionAddData {
   noc_id: number
   term_ip: string
   monitor: boolean
+  ix?: string
+  ix_peer_type?: string
+  ix_vlan_id?: string
+  link_v4_your?: string
+  link_v6_your?: string
 }
 
 export interface ChatData {
@@ -601,6 +616,7 @@ export const DefaultTemplateData: TemplateData = {
   user: undefined,
   group: undefined,
   member_type: undefined,
+  ix: undefined,
 }
 
 export const DefaultGroupDetailData: GroupDetailData = {
@@ -781,6 +797,9 @@ export const DefaultConnectionDetailData: ConnectionDetailData = {
   comment: '',
   service: undefined,
   tunnel_endpoint_router_ip: undefined,
+  ix: '',
+  ix_peer_type: '',
+  ix_vlan_id: '',
 }
 
 export const DefaultConnectionDetailDataArray: ConnectionDetailData[] = [
diff --git a/src/pages/Add/ConnectionAdd.tsx b/src/pages/Add/ConnectionAdd.tsx
index c8293a2..1990a53 100644
--- a/src/pages/Add/ConnectionAdd.tsx
+++ b/src/pages/Add/ConnectionAdd.tsx
@@ -57,6 +57,11 @@ export default function ConnectionAdd() {
   const isNeedInternet = (value: string) =>
     template.connections?.find((ct) => ct.type === value)?.need_internet ??
     false
+  const isIXConnection = (value: string) => value === 'IXP'
+  const isCrossConnect = (value: string) =>
+    template.connections?.find((ct) => ct.type === value)?.need_cross_connect ??
+    false
+
   const isNeedBGP = () =>
     template.services?.find(
       (serviceTemplate) => serviceTemplate.type === serviceType
@@ -82,9 +87,13 @@ export default function ConnectionAdd() {
     connection_type: Yup.string()
       .required('接続情報を選択してください')
       .min(1, '正しく選択してください'),
-    preferred_ap: Yup.string()
-      .required('希望接続場所を選択してください')
-      .min(1, '正しく選択してください'),
+    preferred_ap: Yup.string().when('connection_type', {
+      is: (value: string) => !isIXConnection(value) && !isCrossConnect(value),
+      then: (value) =>
+        value
+          .required('希望接続場所を選択してください')
+          .min(1, '正しく選択してください'),
+    }),
     monitor: Yup.bool(),
     comment: Yup.string(),
 
@@ -136,6 +145,42 @@ export default function ConnectionAdd() {
       is: () => isNeedBGP() && isIPv6Route(),
       then: (value) => value.max(200),
     }),
+
+    ix: Yup.string().when('connection_type', {
+      is: (value: string) => isIXConnection(value),
+      then: (value) => value.required('IXを選択してください'),
+    }),
+    ix_peer_type: Yup.string().when('connection_type', {
+      is: (value: string) => isIXConnection(value),
+      then: (value) => value.required('ピアリングタイプを選択してください'),
+    }),
+    ix_vlan_id: Yup.string().when(['connection_type', 'ix_peer_type'], {
+      is: (connectionType: string, peerType: string) =>
+        isIXConnection(connectionType) && peerType === 'PI/CUG',
+      then: (value) => value.required('VLAN-IDを入力してください'),
+    }),
+    link_v4_your: Yup.string().when(
+      ['connection_type', 'ipv4_route', 'ix_peer_type'],
+      {
+        is: (connectionType: string, ipv4Route: string, peerType: string) =>
+          isIXConnection(connectionType) &&
+          ipv4Route &&
+          ipv4Route !== '' &&
+          peerType !== 'PI/CUG',
+        then: (value) => value.required('IPv4アドレスを入力してください'),
+      }
+    ),
+    link_v6_your: Yup.string().when(
+      ['connection_type', 'ipv6_route', 'ix_peer_type'],
+      {
+        is: (connectionType: string, ipv6Route: string, peerType: string) =>
+          isIXConnection(connectionType) &&
+          ipv6Route &&
+          ipv6Route !== '' &&
+          peerType !== 'PI/CUG',
+        then: (value) => value.required('IPv6アドレスを入力してください'),
+      }
+    ),
   })
 
   const {
@@ -160,6 +205,11 @@ export default function ConnectionAdd() {
       term_ip: '',
       monitor: false,
       comment: '',
+      ix: '',
+      ix_peer_type: '',
+      ix_vlan_id: '',
+      link_v4_your: '',
+      link_v6_your: '',
     },
   })
 
@@ -167,14 +217,17 @@ export default function ConnectionAdd() {
   const ipv4Route = watch('ipv4_route')
   const ipv6Route = watch('ipv6_route')
   const ntt = watch('ntt')
+  const ixPeerType = watch('ix_peer_type')
 
-  const onSubmit = (data: any, e: any) => {
+  const onSubmit = (data: any) => {
     const request: any = {
       connection_type: data.connection_type,
-      preferred_ap: data.preferred_ap,
       monitor: data.monitor,
       comment: data.comment,
     }
+    if (data.preferred_ap) {
+      request.preferred_ap = data.preferred_ap
+    }
     if (data.comment_type) {
       request.comment_type = data.comment_type
     }
@@ -193,11 +246,26 @@ export default function ConnectionAdd() {
       request.ipv4_route = data.ipv4_route_comment
     }
     if (data.ipv6_route) {
-      request.ipv6_route = data.ipv4_route
+      request.ipv6_route = data.ipv6_route
     }
     if (data.ipv6_route_comment) {
       request.ipv6_route = data.ipv6_route_comment
     }
+    if (data.ix) {
+      request.ix = data.ix
+    }
+    if (data.ix_peer_type) {
+      request.ix_peer_type = data.ix_peer_type
+    }
+    if (data.ix_vlan_id) {
+      request.ix_vlan_id = data.ix_vlan_id
+    }
+    if (data.link_v4_your) {
+      request.link_v4_your = data.link_v4_your
+    }
+    if (data.link_v6_your) {
+      request.link_v6_your = data.link_v6_your
+    }
 
     // check
     if (serviceID <= 0) {
@@ -392,9 +460,7 @@ export default function ConnectionAdd() {
                     >
                       {template.connections?.map(
                         (map) =>
-                          (map.is_l2 ||
-                            (isNeedRoute() && map.is_l2) ||
-                            (isNeedRoute() && map.is_l3)) && (
+                          (map.is_l2 || (isNeedRoute() && map.is_l3)) && (
                             <FormControlLabel
                               key={'connection_type_' + map.type}
                               value={map.type}
@@ -418,8 +484,7 @@ export default function ConnectionAdd() {
                 <FormLabel component="legend">2.1. その他</FormLabel>
                 <div>
                   {' '}
-                  Cross
-                  Connectを選択された方は以下のフォームに詳しい情報(ラック情報など)をご記入ください。
+                  直接接続を選択された方は以下のフォームに詳しい情報(ラック情報など)をご記入ください。
                 </div>
                 <FormHelperText error>
                   {errors?.connection_comment &&
@@ -437,41 +502,169 @@ export default function ConnectionAdd() {
               </FormControl>
             </Grid>
           )}
-          <Grid item xs={12}>
-            <FormControl
-              component="fieldset"
-              error={errors?.hasOwnProperty('preferred_ap')}
-            >
-              <FormLabel component="legend">
-                3.1. 希望接続場所をお選びください
-              </FormLabel>
-              <FormHelperText error>
-                {errors?.preferred_ap && errors.preferred_ap?.message}
-              </FormHelperText>
-              <Controller
-                name="preferred_ap"
-                control={control}
-                render={({ field }) => (
-                  <Select
-                    aria-label="gender"
-                    onChange={(e) => field.onChange(e.target.value)}
-                    value={field.value}
-                  >
-                    {template.preferred_ap?.map((row, index) => (
-                      <MenuItem key={'preferred_ap_' + index} value={row}>
-                        {row}
-                      </MenuItem>
-                    ))}
-                  </Select>
-                )}
-              />
-            </FormControl>
-            <br />
-            <div>
-              (当団体のNOC一覧は https://www.homenoc.ad.jp/en/tech/backbone/
-              をご覧ください)
-            </div>
-          </Grid>
+          {isIXConnection(connectionType) && (
+            <Grid item xs={12}>
+              <FormControl
+                component="fieldset"
+                error={errors?.hasOwnProperty('ix')}
+              >
+                <FormLabel component="legend">
+                  2.2. 接続するIXを選択してください
+                </FormLabel>
+                <FormHelperText error>
+                  {errors?.ix && errors.ix?.message}
+                </FormHelperText>
+                <Controller
+                  name="ix"
+                  control={control}
+                  render={({ field }) => (
+                    <Select
+                      aria-label="ix"
+                      onChange={(e) => field.onChange(e.target.value)}
+                      value={field.value ?? ''}
+                    >
+                      {template.ix?.map((ixTemplate, index) => (
+                        <MenuItem key={'ix_' + index} value={ixTemplate.name}>
+                          {ixTemplate.name}
+                        </MenuItem>
+                      ))}
+                    </Select>
+                  )}
+                />
+              </FormControl>
+            </Grid>
+          )}
+          {isIXConnection(connectionType) && (
+            <Grid item xs={12}>
+              <FormControl
+                component="fieldset"
+                error={errors?.hasOwnProperty('ix_peer_type')}
+              >
+                <FormLabel component="legend">
+                  2.3. ピアリングタイプを選択してください
+                </FormLabel>
+                <FormHelperText error>
+                  {errors?.ix_peer_type && errors.ix_peer_type?.message}
+                </FormHelperText>
+                <Controller
+                  name="ix_peer_type"
+                  control={control}
+                  render={({ field }) => (
+                    <RadioGroup
+                      aria-label="ix_peer_type"
+                      onChange={(e) => field.onChange(e.target.value)}
+                      value={field.value}
+                    >
+                      <FormControlLabel
+                        value="パブリック"
+                        control={<Radio />}
+                        label="パブリック（通常のピアリングLAN）"
+                      />
+                      <FormControlLabel
+                        value="PI/CUG"
+                        control={<Radio />}
+                        label="PI/CUG（プライベートピアリング）"
+                      />
+                    </RadioGroup>
+                  )}
+                />
+              </FormControl>
+            </Grid>
+          )}
+          {isIXConnection(connectionType) && ixPeerType === 'PI/CUG' && (
+            <Grid item xs={12}>
+              <FormControl
+                component="fieldset"
+                error={errors?.hasOwnProperty('ix_vlan_id')}
+              >
+                <FormLabel component="legend">2.4. VLAN-ID</FormLabel>
+                <div>PI/CUGのVLAN-IDを入力してください</div>
+                <FormHelperText error>
+                  {errors?.ix_vlan_id && errors.ix_vlan_id?.message}
+                </FormHelperText>
+                <StyledTextFieldLong
+                  key={'ix_vlan_id'}
+                  label="VLAN-ID"
+                  variant="outlined"
+                  {...register(`ix_vlan_id`, { required: true })}
+                  error={!!errors.ix_vlan_id}
+                />
+              </FormControl>
+            </Grid>
+          )}
+          {isIXConnection(connectionType) && ixPeerType !== 'PI/CUG' && (
+            <Grid item xs={12}>
+              <FormControl
+                component="fieldset"
+                error={
+                  errors?.hasOwnProperty('link_v4_your') ||
+                  errors?.hasOwnProperty('link_v6_your')
+                }
+              >
+                <FormLabel component="legend">
+                  2.5. IX接続アドレス（貴団体側）
+                </FormLabel>
+                <div>IX接続で使用する貴団体側のIPアドレスを入力してください</div>
+                <FormHelperText error>
+                  {errors?.link_v4_your && errors.link_v4_your?.message}
+                </FormHelperText>
+                <StyledTextFieldLong
+                  key={'link_v4_your'}
+                  label="IPv4アドレス"
+                  variant="outlined"
+                  {...register(`link_v4_your`, { required: true })}
+                  error={!!errors.link_v4_your}
+                />
+                <FormHelperText error>
+                  {errors?.link_v6_your && errors.link_v6_your?.message}
+                </FormHelperText>
+                <StyledTextFieldLong
+                  key={'link_v6_your'}
+                  label="IPv6アドレス"
+                  variant="outlined"
+                  {...register(`link_v6_your`, { required: true })}
+                  error={!!errors.link_v6_your}
+                />
+              </FormControl>
+            </Grid>
+          )}
+          {!isIXConnection(connectionType) && !isCrossConnect(connectionType) && (
+            <Grid item xs={12}>
+              <FormControl
+                component="fieldset"
+                error={errors?.hasOwnProperty('preferred_ap')}
+              >
+                <FormLabel component="legend">
+                  3.1. 希望接続場所をお選びください
+                </FormLabel>
+                <FormHelperText error>
+                  {errors?.preferred_ap && errors.preferred_ap?.message}
+                </FormHelperText>
+                <Controller
+                  name="preferred_ap"
+                  control={control}
+                  render={({ field }) => (
+                    <Select
+                      aria-label="gender"
+                      onChange={(e) => field.onChange(e.target.value)}
+                      value={field.value}
+                    >
+                      {template.preferred_ap?.map((row, index) => (
+                        <MenuItem key={'preferred_ap_' + index} value={row}>
+                          {row}
+                        </MenuItem>
+                      ))}
+                    </Select>
+                  )}
+                />
+              </FormControl>
+              <br />
+              <div>
+                (当団体のNOC一覧は https://www.homenoc.ad.jp/en/tech/backbone/
+                をご覧ください)
+              </div>
+            </Grid>
+          )}
           {isNeedInternet(connectionType) && (
             <Grid item xs={12}>
               <FormControl
@@ -531,9 +724,6 @@ export default function ConnectionAdd() {
                 <FormLabel component="legend">
                   3.4. 接続終端場所にNTTフレッツ光が利用可能かをお知らせください
                 </FormLabel>
-                <div>
-                  接続方式に構内接続をご希望の方は何も選択せず次の項目に進んでください
-                </div>
                 <div>
                   当団体ではトンネル接続を利用する場合、フレッツのIPoE(IPv6)接続をご利用頂くことを推奨しております。
                 </div>
diff --git a/src/pages/Add/ServiceAdd.tsx b/src/pages/Add/ServiceAdd.tsx
index 3fe9454..d88b976 100644
--- a/src/pages/Add/ServiceAdd.tsx
+++ b/src/pages/Add/ServiceAdd.tsx
@@ -275,15 +275,17 @@ export default function ServiceAdd() {
           .moreThan(0, '正しいAS番号を入力してください'),
     }),
     // is_ipv4
-    route_v4: Yup.string().when({
-      is: isIpv4,
-      then: (value) =>
-        value
-          .required('ネットワーク名を入力してください')
-          .min(1, 'Network Name must be at least 1 characters')
-          .max(12, 'Network Name must not exceed 12 characters')
-          .matches(v4NetworkNameRegExp, '文字形式に誤りがあります。'),
-    }),
+    route_v4: Yup.string()
+      .test(
+        'route_v4_required',
+        'Network Name is required',
+        (value) => !isIpv4 || (value !== undefined && value !== '')
+      )
+      .test(
+        'route_v4_format',
+        'Use only uppercase letters, numbers, and hyphens (max 12 characters)',
+        (value) => !isIpv4 || !value || (value.length <= 12 && v4NetworkNameRegExp.test(value))
+      ),
     // L2, L3 Static, L3 BGP, CoLocation
     plan: Yup.array().when('service_type', {
       is: (value: string) => isIpv4 && isNeedJPNIC(value),
@@ -299,15 +301,17 @@ export default function ServiceAdd() {
     }),
 
     // is_ipv6
-    route_v6: Yup.string().when({
-      is: isIpv6,
-      then: (value) =>
-        value
-          .required('ネットワーク名を入力してください')
-          .min(1, 'Network Name must be at least 1 characters')
-          .max(12, 'Network Name must not exceed 12 characters')
-          .matches(v6NetworkNameRegExp, '文字形式に誤りがあります。'),
-    }),
+    route_v6: Yup.string()
+      .test(
+        'route_v6_required',
+        'Network Name is required',
+        (value) => !isIpv6 || (value !== undefined && value !== '')
+      )
+      .test(
+        'route_v6_format',
+        'Use only uppercase letters, numbers, and hyphens (max 12 characters)',
+        (value) => !isIpv6 || !value || (value.length <= 12 && v6NetworkNameRegExp.test(value))
+      ),
   })
 
   const {
@@ -680,7 +684,7 @@ export default function ServiceAdd() {
                 {isIpv4 && getBool(isNeedJPNIC(serviceType)) && (
                   <div>
                     <p>
-                      (英大文字, 数字, "-" (ハイフン) のみを用いて12文字以上)
+                      (英大文字, 数字, "-" (ハイフン) のみを用いて12文字以内)
                     </p>
                     <Box sx={{ minWidth: 20 }}>
                       <Select
@@ -719,6 +723,7 @@ export default function ServiceAdd() {
                       variant="outlined"
                       {...register('route_v4')}
                       error={!!errors.route_v4}
+                      helperText={errors.route_v4?.message}
                     />
                   </div>
                 )}
@@ -738,7 +743,7 @@ export default function ServiceAdd() {
                 {isIpv6 && getBool(isNeedJPNIC(serviceType)) && (
                   <div>
                     <p>
-                      (英大文字, 数字, "-" (ハイフン) のみを用いて12文字以上)
+                      (英大文字, 数字, "-" (ハイフン) のみを用いて12文字以内)
                     </p>
                     <Box sx={{ minWidth: 20 }}>
                       <Select
@@ -765,6 +770,7 @@ export default function ServiceAdd() {
                       variant="outlined"
                       {...register('route_v6')}
                       error={!!errors.route_v6}
+                      helperText={errors.route_v6?.message}
                     />
                   </div>
                 )}
diff --git a/src/pages/Add/reg.ts b/src/pages/Add/reg.ts
index 9e92a97..d83496c 100644
--- a/src/pages/Add/reg.ts
+++ b/src/pages/Add/reg.ts
@@ -1,4 +1,4 @@
 export const phoneRegExp =
   /^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/
-export const v4NetworkNameRegExp = /^[\dA-Z\\-]+$/
-export const v6NetworkNameRegExp = /^[\dA-Z\\-]+$/
+export const v4NetworkNameRegExp = /^[A-Z0-9-]+$/
+export const v6NetworkNameRegExp = /^[A-Z0-9-]+$/
diff --git a/src/pages/Connection/ConnectionDetail/ConnectionDetail.tsx b/src/pages/Connection/ConnectionDetail/ConnectionDetail.tsx
index 8e67c97..e64b393 100644
--- a/src/pages/Connection/ConnectionDetail/ConnectionDetail.tsx
+++ b/src/pages/Connection/ConnectionDetail/ConnectionDetail.tsx
@@ -432,6 +432,26 @@ export function ConnectionStatus(props: { connection: ConnectionDetailData }) {
               />
             )}
           </Grid>
+          {connection.ix && (
+            <Grid item xs={12}>
+              <h3>IX接続</h3>
+              <StyledChip2 size="small" color="primary" label={connection.ix} />
+              {connection.ix_peer_type && (
+                <Chip
+                  size="small"
+                  color="primary"
+                  label={connection.ix_peer_type}
+                />
+              )}
+              {connection.ix_peer_type === 'PI/CUG' && connection.ix_vlan_id && (
+                <Chip
+                  size="small"
+                  color="secondary"
+                  label={`VLAN: ${connection.ix_vlan_id}`}
+                />
+              )}
+            </Grid>
+          )}
           <Grid item xs={12}>
             <h3>Date</h3>
             <StyledChip1 size="small" color="primary" label={createDate} />
@@ -567,18 +587,42 @@ export function ConnectionUserDisplay(props: {
                     ?.name ?? ''}
                 </td>
               </tr>
-              <tr>
-                <th>接続NOC</th>
-                <td colSpan={2}>{getNOCName()}</td>
-              </tr>
-              <tr>
-                <th>トンネル終端アドレス（貴団体側）</th>
-                <td colSpan={2}>{connection.term_ip}</td>
-              </tr>
-              <tr>
-                <th>トンネル終端アドレス（当団体側）</th>
-                <td colSpan={2}>{connection.tunnel_endpoint_router_ip?.ip}</td>
-              </tr>
+              {connection.connection_type !== 'IXP' && (
+                <tr>
+                  <th>接続NOC</th>
+                  <td colSpan={2}>{getNOCName()}</td>
+                </tr>
+              )}
+              {connection.ix && (
+                <>
+                  <tr>
+                    <th>IX</th>
+                    <td colSpan={2}>{connection.ix}</td>
+                  </tr>
+                  <tr>
+                    <th>ピアリングタイプ</th>
+                    <td colSpan={2}>{connection.ix_peer_type}</td>
+                  </tr>
+                  {connection.ix_peer_type === 'PI/CUG' && connection.ix_vlan_id && (
+                    <tr>
+                      <th>VLAN-ID</th>
+                      <td colSpan={2}>{connection.ix_vlan_id}</td>
+                    </tr>
+                  )}
+                </>
+              )}
+              {connection.connection_type !== 'IXP' && (
+                <>
+                  <tr>
+                    <th>トンネル終端アドレス（貴団体側）</th>
+                    <td colSpan={2}>{connection.term_ip}</td>
+                  </tr>
+                  <tr>
+                    <th>トンネル終端アドレス（当団体側）</th>
+                    <td colSpan={2}>{connection.tunnel_endpoint_router_ip?.ip}</td>
+                  </tr>
+                </>
+              )}
               <tr>
                 <th colSpan={3}>当団体との間の境界アドレス</th>
               </tr>
@@ -858,6 +902,88 @@ export function ConnectionEtc2(props: {
               </Select>
             </FormControl>
           </Grid>
+          <br />
+          <Grid item xs={12}>
+            <h4>IX接続情報</h4>
+          </Grid>
+          <Grid item xs={4}>
+            <FormControl fullWidth>
+              <InputLabel id={'ix_label'}>IX</InputLabel>
+              <Select
+                labelId="ix_label"
+                id="ix"
+                aria-label="ix"
+                onChange={(event) => {
+                  setConnectionCopy({
+                    ...connectionCopy,
+                    ix: event.target.value,
+                  })
+                }}
+                value={connectionCopy.ix ?? ''}
+                inputProps={{
+                  readOnly: lock,
+                }}
+              >
+                <MenuItem key={'ix_none'} value={''}>
+                  None
+                </MenuItem>
+                {template.ix?.map((ixTemplate, index) => (
+                  <MenuItem key={'ix_' + index} value={ixTemplate.name}>
+                    {ixTemplate.name}
+                  </MenuItem>
+                ))}
+              </Select>
+            </FormControl>
+          </Grid>
+          <Grid item xs={4}>
+            <FormControl fullWidth>
+              <InputLabel id={'ix_peer_type_label'}>ピアリングタイプ</InputLabel>
+              <Select
+                labelId="ix_peer_type_label"
+                id="ix_peer_type"
+                aria-label="ix_peer_type"
+                onChange={(event) => {
+                  setConnectionCopy({
+                    ...connectionCopy,
+                    ix_peer_type: event.target.value,
+                  })
+                }}
+                value={connectionCopy.ix_peer_type ?? ''}
+                inputProps={{
+                  readOnly: lock,
+                }}
+              >
+                <MenuItem key={'ix_peer_type_none'} value={''}>
+                  None
+                </MenuItem>
+                <MenuItem key={'ix_peer_type_public'} value={'パブリック'}>
+                  パブリック
+                </MenuItem>
+                <MenuItem key={'ix_peer_type_pc_cug'} value={'PI/CUG'}>
+                  PI/CUG
+                </MenuItem>
+              </Select>
+            </FormControl>
+          </Grid>
+          <Grid item xs={4}>
+            <FormControl fullWidth>
+              <StyledTextFieldMedium
+                label="IX VLAN-ID"
+                id="ix_vlan_id"
+                InputProps={{
+                  readOnly: lock,
+                }}
+                variant="outlined"
+                onChange={(event) => {
+                  setConnectionCopy({
+                    ...connectionCopy,
+                    ix_vlan_id: event.target.value,
+                  })
+                }}
+                value={connectionCopy.ix_vlan_id ?? ''}
+              />
+            </FormControl>
+          </Grid>
           <Grid item xs={12}>
             <Button
               size="small"