From deb2ba2ead2d9267348b07bb16b09657a43ccff8 Mon Sep 17 00:00:00 2001
From: Daseul Kim <seul@interplug.co.kr>
Date: Wed, 6 Aug 2025 13:21:40 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=A7=80=EB=B6=95=EC=9E=AC=EC=A0=81?=
 =?UTF-8?q?=ED=95=A9=EC=84=B1=20=EB=B2=88=EC=97=AD=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/suitable/layout.tsx                | 11 ++++++++---
 src/components/suitable/Suitable.tsx       |  2 +-
 src/components/suitable/SuitableSearch.tsx |  4 ++--
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/app/suitable/layout.tsx b/src/app/suitable/layout.tsx
index 6141455..e738923 100644
--- a/src/app/suitable/layout.tsx
+++ b/src/app/suitable/layout.tsx
@@ -17,9 +17,14 @@ export default function layout({ children }: SuitableLayoutProps) {
         <div className="sale-contents">
           <div className="border-frame">
             <div className="pw-guide">
-              <div className="pw-guide-txt">この適合表は参考資料として使用してください.</div>
-              <div className="pw-guide-txt">詳細やお問い合わせは1：1お問い合わせをご利用ください.</div>
-              <div className="pw-guide-txt">屋根材の選択or屋根材名を直接入力してください.</div>
+              <div className="pw-guide-txt">この適合表は参考資料として使用してください</div>
+              <div className="pw-guide-txt">検索したい屋根材製品がない場合は、お問い合わせ登録からお問い合わせください</div>
+              <div className="pw-guide-txt">
+                "屋根材の種類を選択"から種類を選んで候補から選ぶか、製品名が分かる場合は"製品名を入力"から直接入力して表示される候補から選択してください
+              </div>
+              <div className="pw-guide-txt">
+                屋根材の種類を選択し、下部の"全選択"を押してから"選択ダウンロード"を押すと、屋根材適合表のPDFのダウンロードが可能です。
+              </div>
             </div>
           </div>
           {children}
diff --git a/src/components/suitable/Suitable.tsx b/src/components/suitable/Suitable.tsx
index e960de8..fa1275a 100644
--- a/src/components/suitable/Suitable.tsx
+++ b/src/components/suitable/Suitable.tsx
@@ -41,7 +41,7 @@ export default function Suitable() {
                 <div className="compliance-icon">
                   <Image src={'/assets/images/sub/compliance_quest_icon.svg'} width={22} height={22} alt=""></Image>
                 </div>
-                <span>お問い合わせ</span>
+                <span>お問い合わせください</span>
               </div>
             </li>
             <li className="reference-item">
diff --git a/src/components/suitable/SuitableSearch.tsx b/src/components/suitable/SuitableSearch.tsx
index 7a62fe2..6d46f70 100644
--- a/src/components/suitable/SuitableSearch.tsx
+++ b/src/components/suitable/SuitableSearch.tsx
@@ -46,7 +46,7 @@ export default function SuitableSearch() {
     <>
       <div className="sale-form-bx">
         <select className="select-form" name="" id="" value={searchCategory || ''} onChange={(e) => setSearchCategory(e.target.value)}>
-          <option value="">屋根材を選択してください.</option>
+          <option value="">屋根材の種類を選択</option>
           {suitableCommCode.get(SUITABLE_HEAD_CODE.ROOF_MATL_GRP_CD)?.map((category: CommCode, index: number) => (
             <option key={index} value={category.code}>
               {category.codeJp}
@@ -59,7 +59,7 @@ export default function SuitableSearch() {
           <input
             type="text"
             className="search-frame"
-            placeholder="屋根材 製品名を入力してください."
+            placeholder="製品名を入力"
             value={searchValue}
             onChange={(e) => handleInputChange(e.target.value)}
             onKeyDown={(e) => {