お問い合わせの質問追加

achievement-official.conohawing.com/common_previous/css/contact.css

@@ -62,6 +62,13 @@ contact.css
      .c-btn1__txt::after {
        border-width: 2px;
        margin: -3px 0 0; } }
+   .c-btn-faq .c-btn1__txt{
+     background: #093d6e;
+     color: #fff;
+     border: 2px solid #093d6e; }
+   .c-btn-faq .c-btn1__txt::after {
+     border-top: 4px solid #fff;
+     border-right: 4px solid #fff; }
     .p-contact-list {
       display: -webkit-box;
       display: -webkit-flex;
@@ -117,6 +124,16 @@ contact.css
       @media screen and (max-width: 767px) {
         .p-contact-text {
            margin-top: 0; } }
+    .p-contact-text2 {
+      font-size: 1.6rem;
+      font-weight: bold;
+      line-height: 1.75;
+      text-align: left;
+      margin-top: 24px;
+      margin-bottom: 32px; }
+      @media screen and (max-width: 767px) {
+        .p-contact-text2 {
+           margin-top: 0; } }
 .p-contact-imgtext1 {
   position: relative;
   border: 1px solid #ededed;

achievement-official.conohawing.com/contact/index.php

@@ -19,10 +19,12 @@
 
 		<main class="p-contact-content">
 
-			<section class="otherSingle0">
-
-				<p class="otherSingle0__txt">よくあるご質問は<a class="text" href="/faq/">こちら</a>から</p>
-
+			<section class="otherSingle2">
+				<h3 class="c-title1">お問い合わせの前に</h3>
+				<p class="p-contact-text2">お客さまからよくお問い合わせいただく質問と、その回答（Q&amp;A）をご紹介しています。</p>
+				<div class="c-btn1 c-btn-faq">
+					<a href="/faq/" class="c-btn1__txt">よくある質問はこちら</a>
+				</div>
 			</section>
 
 			<section class="otherSingle2">