function twpp_enqueue_styles() {
  wp_enqueue_style( 'main-style', get_stylesheet_uri() );
}

add_action( 'wp_enqueue_scripts', 'twpp_enqueue_styles' ); <main>
      <section id="hero">
        <div class="container">
          <div class="hero-content">
            <h2>面倒な移動と着替えにおさらば</h2>
            <h3>自宅で始める新しいトレーニング</h3>
            <p>プロのトレーナーがあなたの自宅に伺います</p>
            <div class="cta-buttons">
              <a href="#contact" class="btn btn-primary">無料相談</a>
              <a href="#services" class="btn btn-secondary">詳細を見る</a>
            </div>
          </div>
        </div>
      </section>

      <section id="about">
        <div class="container">
          <div class="about-card">
            <div class="about-image">
              <img src="https://images.pexels.com/photos/4057636/pexels-photo-4057636.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="自宅でトレーニング">
            </div>
            <div class="about-content">
              <h2>自宅で快適にトレーニング</h2>
              <p>忙しい日常の中でも、プロのトレーナーがあなたの自宅でサポートします。通勤時間の節約、ジムの混雑を避けて、プライベートな空間で効率的にトレーニングができます。</p>
            </div>
          </div>
        </div>
      </section>

      <section id="recommend">
        <div class="container">
          <h2 class="section-title">こんな方におすすめです</h2>
          <div class="recommend-grid">
            <div class="recommend-item">
              <div class="recommend-icon">
                <img src="https://images.pexels.com/photos/3768916/pexels-photo-3768916.jpeg?auto=compress&cs=tinysrgb&w=300" alt="運動不足">
              </div>
              <p>運動不足を感じている方</p>
            </div>
            <div class="recommend-item">
              <div class="recommend-icon">
                <img src="https://images.pexels.com/photos/3771097/pexels-photo-3771097.jpeg?auto=compress&cs=tinysrgb&w=300" alt="時間がない">
              </div>
              <p>ジムに通う時間がない方</p>
            </div>
            <div class="recommend-item">
              <div class="recommend-icon">
                <img src="https://images.pexels.com/photos/4498362/pexels-photo-4498362.jpeg?auto=compress&cs=tinysrgb&w=300" alt="効率的に">
              </div>
              <p>自宅で効率的に鍛えたい方</p>
            </div>
            <div class="recommend-item">
              <div class="recommend-icon">
                <img src="https://images.pexels.com/photos/7991654/pexels-photo-7991654.jpeg?auto=compress&cs=tinysrgb&w=300" alt="初心者">
              </div>
              <p>トレーニング初心者の方</p>
            </div>
            <div class="recommend-item">
              <div class="recommend-icon">
                <img src="https://images.pexels.com/photos/3823207/pexels-photo-3823207.jpeg?auto=compress&cs=tinysrgb&w=300" alt="ダイエット">
              </div>
              <p>ダイエットに挑戦したい方</p>
            </div>
          </div>
        </div>
      </section>

      <section id="services">
        <div class="container">
          <h2 class="section-title">サービス内容</h2>
          <div class="services-grid">
            <div class="service-card">
              <div class="service-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 5v14M18 5v14M6 9h12M6 15h12"/></svg>
              </div>
              <h3>筋力トレーニング</h3>
              <p>個々のレベルに合わせたトレーニングを提供します。自宅にある器具や家具を活用した効果的なプログラムをご用意。</p>
            </div>
            <div class="service-card">
              <div class="service-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 4v16M15 4v16M11 4v16M7 4v16M3 4v16"/></svg>
              </div>
              <h3>有酸素運動</h3>
              <p>心肺機能を高めるプログラムをご用意しています。限られたスペースでも効果的なエクササイズが可能です。</p>
            </div>
            <div class="service-card">
              <div class="service-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12h14"/></svg>
              </div>
              <h3>栄養サポート</h3>
              <p>食事のアドバイスを通じて、トレーニング効果を最大化します。簡単で続けやすい食事プランをご提案。</p>
            </div>
            <div class="service-card">
              <div class="service-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01"/></svg>
              </div>
              <h3>健康管理</h3>
              <p>健康維持のためのアドバイスを行います。定期的な測定と進捗の確認で、モチベーション維持をサポート。</p>
            </div>
          </div>
        </div>
      </section>

      <section id="trainers">
        <div class="container">
          <h2 class="section-title">パーソナルトレーナー紹介</h2>
          <div class="trainers-grid">
            <div class="trainer-card">
              <div class="trainer-image">
                <img src="https://images.pexels.com/photos/6456300/pexels-photo-6456300.jpeg?auto=compress&cs=tinysrgb&w=300" alt="山田太郎">
              </div>
              <div class="trainer-info">
                <h3>山田 太郎 <span class="badge">シニアトレーナー</span></h3>
                <p>10年以上の経験を持つベテラントレーナー。多くのクライアントの目標達成をサポートしてきました。筋力トレーニングのスペシャリストです。</p>
              </div>
            </div>
            <div class="trainer-card">
              <div class="trainer-image">
                <img src="https://images.pexels.com/photos/5384538/pexels-photo-5384538.jpeg?auto=compress&cs=tinysrgb&w=300" alt="佐藤花子">
              </div>
              <div class="trainer-info">
                <h3>佐藤 花子 <span class="badge">栄養士資格保有</span></h3>
                <p>食事と運動の両面から健康をサポート。個々のライフスタイルに合わせた指導が得意です。ダイエットと健康的な食生活のアドバイスを提供します。</p>
              </div>
            </div>
            <div class="trainer-card">
              <div class="trainer-image">
                <img src="https://images.pexels.com/photos/6456151/pexels-photo-6456151.jpeg?auto=compress&cs=tinysrgb&w=300" alt="鈴木一郎">
              </div>
              <div class="trainer-info">
                <h3>鈴木 一郎 <span class="badge">リハビリ専門</span></h3>
                <p>理学療法士の資格を持ち、ケガからの回復に特化したトレーニングを提供。安全で効果的なエクササイズで体の機能回復をサポートします。</p>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section id="pricing">
        <div class="container">
          <h2 class="section-title">基本料金プラン</h2>
          <div class="pricing-table">
            <table>
              <thead>
                <tr>
                  <th>プラン</th>
                  <th>内容</th>
                  <th>料金（税込）</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>ライト</td>
                  <td>月4回（週1回）のセッション</td>
                  <td>¥20,000</td>
                </tr>
                <tr>
                  <td>スタンダード</td>
                  <td>月8回（週2回）のセッション</td>
                  <td>¥35,000</td>
                </tr>
                <tr>
                  <td>プレミアム</td>
                  <td>月12回（週3回）のセッション</td>
                  <td>¥50,000</td>
                </tr>
                <tr>
                  <td>体験</td>
                  <td>60分の体験セッション</td>
                  <td>¥3,000</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="pricing-notes">
            <p>※ トレーナーの交通費は別途発生します</p>
            <p>※ セッション時間は60分です</p>
          </div>
        </div>
      </section>

      <section id="faq">
        <div class="container">
          <h2 class="section-title">よくある質問</h2>
          <div class="accordion">
            <div class="accordion-item">
              <button class="accordion-header">
                トレーニングの時間はどれくらいですか？
                <span class="accordion-icon"></span>
              </button>
              <div class="accordion-content">
                <p>1回のセッションは約60分です。準備や片付けの時間も含めると、全体で約70〜80分ほどお時間をいただきます。</p>
              </div>
            </div>
            <div class="accordion-item">
              <button class="accordion-header">
                予約の変更は可能ですか？
                <span class="accordion-icon"></span>
              </button>
              <div class="accordion-content">
                <p>前日までのご連絡で変更可能です。当日のキャンセルは原則として1回分のセッションとしてカウントさせていただきます。</p>
              </div>
            </div>
            <div class="accordion-item">
              <button class="accordion-header">
                トレーナーの指名はできますか？
                <span class="accordion-icon"></span>
              </button>
              <div class="accordion-content">
                <p>可能です。ご希望のトレーナーをお伝えください。ただし、予約状況によってはご希望に添えない場合もございます。</p>
              </div>
            </div>
            <div class="accordion-item">
              <button class="accordion-header">
                支払い方法は何がありますか？
                <span class="accordion-icon"></span>
              </button>
              <div class="accordion-content">
                <p>クレジットカード、銀行振込に対応しています。月額プランの場合は、月初めに一括でのお支払いとなります。</p>
              </div>
            </div>
            <div class="accordion-item">
              <button class="accordion-header">
                自宅に特別な器具は必要ですか？
                <span class="accordion-icon"></span>
              </button>
              <div class="accordion-content">
                <p>特別な器具は必要ありません。基本的な器具はトレーナーが持参します。また、自宅にある家具や道具を活用したエクササイズも多数ご用意しています。</p>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section id="contact">
        <div class="container">
          <div class="contact-wrapper">
            <div class="contact-info">
              <h2>今すぐ無料相談を予約しましょう</h2>
              <p>お電話またはフォームからお気軽にお問い合わせください。専門スタッフがご対応いたします。</p>
              <div class="contact-method">
                <h3>電話でのお問い合わせ</h3>
                <p class="phone-number">03-1234-5678</p>
                <p class="hours">受付時間：平日 9:00〜18:00</p>
              </div>
            </div>
            <div class="contact-form">
              <h3>お問い合わせフォーム</h3>
              <form id="inquiry-form">
                <div class="form-group">
                  <label for="name">お名前 <span class="required">*</span></label>
                  <input type="text" id="name" name="name" required>
                </div>
                <div class="form-group">
                  <label for="email">メールアドレス <span class="required">*</span></label>
                  <input type="email" id="email" name="email" required>
                </div>
                <div class="form-group">
                  <label for="phone">電話番号</label>
                  <input type="tel" id="phone" name="phone">
                </div>
                <div class="form-group">
                  <label for="message">お問い合わせ内容 <span class="required">*</span></label>
                  <textarea id="message" name="message" rows="5" required></textarea>
                </div>
                <button type="submit" class="btn btn-primary">送信する</button>
              </form>
            </div>
          </div>
        </div>
      </section>
    </main>