style: 지붕재적합성 번역 수정

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}

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">

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) => {