diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx
index beb34ed..ba2d22a 100644
--- a/src/app/canvas/page.jsx
+++ b/src/app/canvas/page.jsx
@@ -161,7 +161,7 @@ export default function CanvasPage() {
                     <RoofModuleOption/>
 
                     {/* 육지붕모듈 선택 */}
-                    {/* <HexagonalRoofOption/> */}
+                    <HexagonalRoofOption/>
 
                     {/* 회로 및 가대설정 */}
                     {/* <CircuitStandSetting/> */}
diff --git a/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab02.jsx b/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab02.jsx
index 532f930..2ace97c 100644
--- a/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab02.jsx
+++ b/src/components/canvas/modal/hexagonalroofoption/HexagonalRoofTab02.jsx
@@ -135,6 +135,7 @@ export default function HexagonalRoofTab03({setTabNum}){
             </div> */}
             <div className="grid-btn-wrap">
                 <button className="btn-frame modal mr5" onClick={() => setTabNum(1)}>以前</button>
+                <button className="btn-frame modal mr5">単数指定配置</button>
                 <button className="btn-frame modal mr5">手動配置</button>
                 <button className="btn-frame modal act">設定値に自動配置</button>
             </div>
diff --git a/src/components/canvas/modal/roofmoduleoption/RoofModuleOption.jsx b/src/components/canvas/modal/roofmoduleoption/RoofModuleOption.jsx
index cec4314..4c8e60c 100644
--- a/src/components/canvas/modal/roofmoduleoption/RoofModuleOption.jsx
+++ b/src/components/canvas/modal/roofmoduleoption/RoofModuleOption.jsx
@@ -7,7 +7,7 @@ import RoofModuleOptionTab03 from "./RoofModuleOptionTab03";
 export default function RoofModuleOption(){
     const [tabNum, setTabNum] = useState(1);
     return(
-        <WithDraggable isShow={true} size={'ll'}>
+        <WithDraggable isShow={true} size={'lx-2'}>
                 <div className="modal-head handle">
                     <h1 className="title">モジュール/架台設定 </h1>
                     <button className="modal-close">닫기</button>
diff --git a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx
index 7915ded..17f2761 100644
--- a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx
+++ b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx
@@ -11,12 +11,16 @@ export default function RoofModuleOptionTab02({setTabNum}){
         <div className="roof-module-tab2-overflow">
             <div className="module-table-box mb10"> 
                 <div className="module-box-tab">
-                    <button className="module-btn act">アスファルトシングル（21.8度）</button>
-                    <button className="module-btn">アスファルトシングル（21.8度）</button>
-                    <button className="module-btn">アスファルトシングル（21.8度）</button>
-                    <button className="module-btn">アスファルトシングル（21.8度）</button>
+                    <button className="module-btn act">屋根材1</button>
+                    <button className="module-btn">屋根材2</button>
+                    <button className="module-btn">屋根材3</button>
+                    <button className="module-btn">屋根材4</button>
                 </div>
                 <div className="module-table-inner">
+                    <div className="module-flex-item-tit-wrap">
+                        <div className="module-flex-item-tit">屋根材：スレーツ（4寸）</div>
+                        <button className="btn-frame roof">架台保存</button>
+                    </div>
                     <div className="module-table-flex-wrap tab2">
                         <div className="module-flex-item">
                             <div className="eaves-keraba-table">
@@ -78,16 +82,6 @@ export default function RoofModuleOptionTab02({setTabNum}){
                                         </div>
                                     </div>
                                 </div>
-                                <div className="eaves-keraba-item">
-                                    <div className="eaves-keraba-th">
-                                        屋根の下
-                                    </div>
-                                    <div className="eaves-keraba-td">
-                                        <div className="grid-select">
-                                            <Qselect title={'構造用合板12mm以上 又はOSB12mm以上'} option={SelectOption01}/>
-                                        </div>
-                                    </div>
-                                </div>
                             </div>
                         </div>
                         <div className="module-flex-item non-flex">
@@ -98,7 +92,7 @@ export default function RoofModuleOptionTab02({setTabNum}){
                                 <button className="btn-frame roof">多設施工（II）</button>
                                 <button className="btn-frame roof">強化施工</button>
                             </div>
-                            <div className="grid-check-form-flex">
+                            <div className="grid-check-form-block">
                                 <div className="d-check-box pop">
                                     <input type="checkbox" id="ch01" />
                                     <label htmlFor="ch01">軒カバーの設置</label>
@@ -108,9 +102,6 @@ export default function RoofModuleOptionTab02({setTabNum}){
                                     <label htmlFor="ch02">落雪防止金具設置</label>
                                 </div>
                             </div>
-                            <div className="flex-item-button">
-                                <button className="btn-frame roof">架台保存</button>
-                            </div>
                         </div>
                     </div>
                 </div>
@@ -133,7 +124,7 @@ export default function RoofModuleOptionTab02({setTabNum}){
                             </div>
                             <span className="thin">mm</span>
                         </div>
-                        <div className="outline-form mr10">
+                        <div className="outline-form ">
                             <span>けらぱ</span>
                             <div className="input-grid mr10" >
                                 <input type="text" className="input-origin block" defaultValue={13}/>
diff --git a/src/styles/_contents.scss b/src/styles/_contents.scss
index bfd7b1f..4112f4c 100644
--- a/src/styles/_contents.scss
+++ b/src/styles/_contents.scss
@@ -346,7 +346,7 @@
             padding: 9.6px 20px;
             font-size: 12px;
             color: #fff;
-            background-color: #1083E3;
+            background-color: #777777;
         }
         .canvas-plane-wrap{
             display: flex;
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 1fa5aa6..9e66833 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -279,11 +279,10 @@ $alert-color: #101010;
         border-bottom: 1px solid #424242;
     }
 }
-.grid-check-form-flex{
-    display: flex;
-    gap: 10px;
-    .d-check-box{
-        flex: 1;
+.grid-check-form-block{
+    display: block;
+    > div{
+        margin-bottom: 10px;
     }
 }
 .grid-option-overflow{
@@ -2184,21 +2183,14 @@ $alert-color: #101010;
             display: grid;
             grid-template-columns: repeat(2, 1fr);
             gap: 8px;
-            margin-bottom: 10px;
+            margin-bottom: 24px;
         }
         &.non-flex{
             display: flex;
             flex-direction: column;
             justify-content: flex-start;
             flex: none;
-            width: 340px;
-        }
-        .flex-item-button{
-            margin-top: 10px;
-            button{
-                display: block;
-                width: 100%;
-            }
+            width: 260px;
         }
     }
 }