feat(nav): 各セクションにアンカーリンクを追加

トップページの全メジャーセクションにアンカーリンク機能を追加しました。

- CATEGORIES, NEWS, SPONSORS, FAQ にそれぞれ id を設定
- 各見出しをアンカーリンク化（URL共有・ブックマーク可能に）
- セクション間のスペーシングを統一（pt-36）
- ヘッダー高を考慮した適切な padding-top に調整

Ref: #26

Author: yasulab

_includes/faq.html

@@ -1,7 +1,9 @@
 <section id="faq">
-  <div class="text-center mb-16 pt-12">
-    <h1 class="text-5xl sm:text-6xl font-bold uppercase tracking-wider border-b-10 border-teal-500 inline-block" style="font-family: 'League Gothic', sans-serif; color: #221C35;">FAQ</h1>
-    <p class="text-xl mt-2" style="color: #444444;">よくある質問と回答</p>
+  <div class="text-center pt-24 mb-16">
+    <a href="#faq" style="text-decoration: none;">
+      <h1 class="text-5xl sm:text-6xl font-bold uppercase tracking-wider border-b-10 border-teal-500 inline-block" style="font-family: 'League Gothic', sans-serif; color: #221C35;">FAQ</h1>
+      <p class="text-xl mt-2" style="color: #444444;">よくある質問と回答</p>
+    </a>
   </div>
   <div class="qanda">
   {% for faq in site.data.faq %}
@@ -19,4 +21,4 @@ <h1 class="text-5xl sm:text-6xl font-bold uppercase tracking-wider border-b-10 b
     {% endif %}
   {% endfor %}
   </div>
-</section>
+</section>

index.md

@@ -111,16 +111,18 @@ layout: plain
         </div>
       </div>
 
-      <div class="text-center mt-8">
+      <div class="text-center mt-12">
         <a class="button-push" href="/about">開催概要を見る</a>
       </div>
     </div>
 
-    <div class="mt-24">
+    <div class="pt-36" id="categories">
       <div class="text-center mb-8">
-        <h1 class='text-5xl sm:text-6xl font-bold uppercase tracking-wider border-b-10 border-teal-500 inline-block'
-          style="font-family: 'League Gothic', sans-serif; color: #221C35;">CATEGORIES</h1>
-        <p class="text-xl mt-2" style="color: #444444;">カテゴリー</p>
+	<a href="#categories" style="text-decoration: none;">
+          <h1 class='text-5xl sm:text-6xl font-bold uppercase tracking-wider border-b-10 border-teal-500 inline-block'
+           style="font-family: 'League Gothic', sans-serif; color: #221C35;">CATEGORIES</h1>
+          <p class="text-xl mt-2" style="color: #444444;">カテゴリー</p>
+	</a>
       </div>
       <!-- カテゴリーカード -->
       <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-8">
@@ -197,12 +199,15 @@ layout: plain
         </div>
       </div>
     </div>
+
     <!-- NEWS セクション -->
-    <div class="pt-24" id="news">
+    <div class="pt-36" id="news">
       <div class="text-center mb-16">
-        <h1 class='text-5xl sm:text-6xl font-bold uppercase tracking-wider border-b-10 border-teal-500 inline-block'
-          style="font-family: 'League Gothic', sans-serif; color: #221C35;">NEWS</h1>
-        <p class="text-xl mt-2" style="color: #444444;">お知らせ</p>
+	<a href="#news" style="text-decoration: none;">
+          <h1 class='text-5xl sm:text-6xl font-bold uppercase tracking-wider border-b-10 border-teal-500 inline-block'
+           style="font-family: 'League Gothic', sans-serif; color: #221C35;">NEWS</h1>
+          <p class="text-xl mt-2" style="color: #444444;">お知らせ</p>
+	</a>
       </div>
       <!-- お知らせ一覧（最新3件） -->
       {% assign latest_news = site.posts | where: "categories", "news" | sort: "date" | reverse | limit: 3 %}
@@ -218,11 +223,13 @@ layout: plain
       </div>
       -->
     </div>
-    <div class="mt-24">
+    <div class="pt-36" id="sponsors">
       <div class="text-center mb-16">
-        <h1 class='text-5xl sm:text-6xl font-bold uppercase tracking-wider border-b-10 border-teal-500 inline-block'
-          style="font-family: 'League Gothic', sans-serif; color: #221C35;">SPONSORS</h1>
-        <p class="text-xl mt-2" style="color: #444444;">スポンサー</p>
+	<a href="#sponsors" style="text-decoration: none;">
+          <h1 class='text-5xl sm:text-6xl font-bold uppercase tracking-wider border-b-10 border-teal-500 inline-block'
+           style="font-family: 'League Gothic', sans-serif; color: #221C35;">SPONSORS</h1>
+          <p class="text-xl mt-2" style="color: #444444;">スポンサー</p>
+	</a>
       </div>
       <div class="text-center mb-16">
         <p class="text-xl mb-12" style="color: #444444;">Coolest Projects Japanはスポンサーのご協力により開催されています。協賛くださいました、皆様ありがとうございます。</p>