style: スポンサー申込ボタンとPDFダウンロードボタンを配置し、文言を改善 #31

/sponsors ページの2つのボタンを横並びに表示し、
文言をよりシンプルで分かりやすく変更。

ボタンの文言:
- [申込ページを見る] [PDF をダウンロードする]

変更内容:
- ボタンを横並びに配置（flexbox使用）
- ボタン文言を改善:
  - "スポンサーに申し込む(Google Form)" → "申込ページを見る"
  - "PDF をダウンロードする" を追加
- mb-36 でスポンサーリストとの間隔を確保
- モバイル対応（flex-wrap で自動的に縦並び）

Author: yasulab

sponsors.md

@@ -12,7 +12,7 @@ hero_subtitle: "COOLEST PARTNERS"
       <div class="text-center mb-16">
         <p class="text-xl mb-4" style="color: #444444;">Coolest Projects Japanはスポンサーのご協力により開催されています。協賛くださいました、皆様ありがとうございます。</p>
         <p class="text-xl mb-12" style="color: #444444;">また、現在スポンサーを募集しております。下記のスライドにて詳細をご確認いただけます。</p>
-        <a class="button-push" href="https://docs.google.com/forms/d/e/1FAIpQLSeFFPTWsQeBajyiKeSOFZrGgQlDy2CijsQ6qg07uEK25dLttw/viewform?usp=preview"> スポンサーに申し込む(Google Form) </a>
+
         <div class="mb-12 max-w-4xl mx-auto">
           <!-- PDF Viewer -->
           <div id="pdf-viewer" class="bg-white rounded-2xl shadow-lg overflow-hidden">
@@ -37,6 +37,12 @@ hero_subtitle: "COOLEST PARTNERS"
           </div>
         </div>
 
+	<div class="mb-36" style="display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;">
+	  <a class="button-push" href="https://docs.google.com/forms/d/e/1FAIpQLSeFFPTWsQeBajyiKeSOFZrGgQlDy2CijsQ6qg07uEK25dLttw/viewform?usp=preview">申込ページを見る</a>
+	  <a class="button-push" href="/img/contests/sponsor.pdf">PDF をダウンロードする </a>
+	</div>
+
+
         <!-- PDF.js Script -->
         <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script>
         <script>