지붕 모듈 순번 조정

src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab03.jsx

@@ -144,13 +144,26 @@ export default function RoofModuleOptionTab03({setTabNum}){
                 <div className={`hide-tab-contents ${useTab ? 'hide' : ''}`}>
                     <div className="roof-content-tab-wrap">
                         <button className={`btn-frame block modal mr5 ${numValue === 1 ? 'act' : ''}`} onClick={() => setNumValue(1)}>
-                            屋根材別 単一・混合モジュールの最大段数
-                        </button>
-                        <button className={`btn-frame block modal ${numValue === 2 ? 'act' : ''} `} onClick={() => setNumValue(2)}>
                             千鳥配置を手動で行う際の注意事項
                         </button>
+                        <button className={`btn-frame block modal ${numValue === 2 ? 'act' : ''} `} onClick={() => setNumValue(2)}>
+                            屋根材別 単一・混合モジュールの最大段数
+                        </button>
                     </div>
-                    {numValue === 1 && 
+                    {numValue === 1 &&
+                        <div className={`roof-warning-wrap mt10`}>
+                            <div className="guide">千鳥配置する時に図のような配置ができてしまいますが、正常な積算ができません。<br/>千鳥で配置する時は、千鳥配置を「する」にして、モジュールが吸着されるようにして下さい。</div>
+                            <div className="roof-warning-img-wrap">
+                                <div className="roof-warning-img">
+                                    <Image src={'/static/images/canvas/roof_warning_correct.png'} width={350} height={198} alt="" />
+                                </div>
+                                <div className="roof-warning-img">
+                                    <Image src={'/static/images/canvas/roof_warning_wrong.png'} width={350} height={198} alt="" />
+                                </div>
+                            </div>
+                        </div>
+                    }
+                    {numValue === 2 && 
                         <div className={`module-table-box mt10`}>
                             <div className="module-table-inner">
                                 <div className="roof-module-table">
@@ -240,19 +253,6 @@ export default function RoofModuleOptionTab03({setTabNum}){
                             </div>
                         </div>
                     }
-                    {numValue === 2 &&
-                        <div className={`roof-warning-wrap mt10`}>
-                            <div className="guide">千鳥配置する時に図のような配置ができてしまいますが、正常な積算ができません。<br/>千鳥で配置する時は、千鳥配置を「する」にして、モジュールが吸着されるようにして下さい。</div>
-                            <div className="roof-warning-img-wrap">
-                                <div className="roof-warning-img">
-                                    <Image src={'/static/images/canvas/roof_warning_correct.png'} width={350} height={198} alt="" />
-                                </div>
-                                <div className="roof-warning-img">
-                                    <Image src={'/static/images/canvas/roof_warning_wrong.png'} width={350} height={198} alt="" />
-                                </div>
-                            </div>
-                        </div>
-                    }
                 </div>
             </div>
             {/* 2025-05-30 ed */}