<?php $__env->startSection('content'); ?>
<div class="hero d-none d-sm-block">
  <div class="hero-inner">

    <div class="temp-hero d-flex pb-5">
      <div>
        <h2 class="mb-4">おすすめと思う & 効果に繋がると思う</h2>
        <h1 class="mb-5">インフルエンサー<br>マーケティング<br>No.1</h1>
        <img class="works-logo mb-5" src="<?= App\asset_path('images/works-logo.png'); ?>">
        <div class="d-flex mb-5">
          <a class="btn-gra" href="#briefing-form">お問い合わせ</a>
          <a class="btn-white ml-3" href="#briefing-form">資料ダウンロード <svg xmlns="http://www.w3.org/2000/svg" width="9.5" height="9.5" viewBox="0 0 9.5 9.5"><g transform="translate(-4 -4)"><path d="M11.273,17.563H6.227A2.229,2.229,0,0,1,4,15.336v-.891a.445.445,0,0,1,.891,0v.891a1.338,1.338,0,0,0,1.336,1.336h5.047a1.338,1.338,0,0,0,1.336-1.336v-.891a.445.445,0,0,1,.891,0v.891A2.23,2.23,0,0,1,11.273,17.563Z" transform="translate(0 -4.063)"/><path d="M11.7,10.531a.445.445,0,0,1-.445-.445V4.445a.445.445,0,0,1,.891,0v5.641A.445.445,0,0,1,11.7,10.531Z" transform="translate(-2.945)"/><path d="M10.375,12.969a.448.448,0,0,1-.327-.142l-1.93-2.079a.445.445,0,0,1,.653-.606l1.6,1.726,1.6-1.726a.445.445,0,1,1,.653.606L10.7,12.827A.448.448,0,0,1,10.375,12.969Z" transform="translate(-1.625 -2.438)"/></g></svg></a>
        </div>
        <p class="view-details"><a class="en" href="#main-content">View details <svg width="13.545" height="13.712"><use xlink:href="#down-arrow"></use></svg></a></p>
      </div>

      <div class="image ml-3 position-relative" style="z-index: -1;"><img class="img-fluid" src="<?= App\asset_path('images/char3.png'); ?>"><div class="hero-shadow" id="longshadowAnimation"></div></div>
    </div>

  </div>
</div>

<div class="hero-sp d-sm-none">
  <img class="img-fluid" src="<?= App\asset_path('images/char3-sp.png'); ?>">
  <div class="text">
    <h2><span>おすすめと思う <br>& 効果に繋がると思う</span>インフルエンサー<br>マーケティング<br>No.1</h2>
    <img class="works-logo" src="<?= App\asset_path('images/works-logo.png'); ?>">
  </div>
</div>


<div class="no-1-unit-wrapper">

  <div class="no-1-unit d-flex flex-wrap flex-sm-nowrap align-items-center">
    <div class="pr-sm-5 pb-4 pb-sm-0">2020年度受賞</div>
    <div class="px-sm-5 border-left"><img src="<?= App\asset_path('images/se_no1_logo.png'); ?>"></div>
    <div class="pt-4 pt-sm-0">
      <p>マーケティング担当者が選ぶ</p>
      <h3>｢おすすめ」と思うインフルエンサーマーケティングサービス <span>No.1</span></h3>
      <p>マーケティング担当者が選ぶ</p>
      <h3>｢成果に繋がる」と思う、インフルエンサーマーケティングサービス <span>No.1</span></h3>
    </div>
  </div>

  <div class="no-1-unit-note">
    【調査概要】調査方法：インターネット調査　調査期間：2020年7月31日～8月7日  調査概要：インフルエンサーマーケティングを対象にしたサイト比較イメージ調査  調査対象：1,026名、男女、18～69 歳、広告代理店勤務、マーケティング担当者、YouTube動画投稿者、インフルエンサー、YouTube/Instagram/Twitter/Facebook/TikTok/ブログいずれかでフォロワー (お気に入り登録など)が1,000人以上の方  調査実施：株式会社ショッパーズアイ　比較対象企業：「インフルエンサーマーケティングサービス」Google検索上位9社 (2020年7月29日 17:50時点)
  </div>

</div>

<!-- 私たちについて -->
<div class="about-us py-5 py-md-0 my-5 my-md-0 pb-5 pb-md-0" id="main-content">

  <div class="page-title-unit mb-3 mb-md-5 text-center d-md-none">
    <h3>私たちについて</h3>
    <h4 class="en">About Us</h4>
  </div>

  <div class="about-us-inner">
    <div class="desc d-md-flex align-items-center mt-md-4">
      <div class="image mr-md-3">
        <?php if(is_ie()): ?>
        <img class="img-fluid p-md-5" src="<?= App\asset_path('images/fan-creator-biz.png'); ?>">
        <?php else: ?>
        <img class="img-fluid p-md-5" src="<?= App\asset_path('images/fan-creator-biz.svg'); ?>">
      <?php endif; ?>
      </div>
      <div class="text">
        <h4 class="d-none d-md-block">私たちについて</h4>
        <p class="color-purple en sub mb-1 mb-lg-4 d-none d-md-block">About Us</p>
        <h3 class="mb-4 mb-lg-4"><span>業界トップクラスの取引件数に基づくノウハウで、</span>インフルエンサー活用における<br class="d-none d-xl-inline">最適なソリューションを提供</h3>
        <p class="mb-4 mb-lg-4">事務所所属・フリーランスに関わらず、<br>インフルエンサーを横断的に提案・起用が可能。<br>課題や目的に応じて最適なプロモーションをワンストップで<br>実施いたします。</p>
      </div>
    </div>
  </div>

  <a class="btn-gra mt-4 d-md-none mx-auto mb-4 mb-md-0" href="#briefing-form">お問い合わせはこちら</a>
</div>

<!-- 主要なサービスのご紹介-->
<div class="main-services py-md-5 my-md-5" id="biz-main-service">
  <div class="main-services-inner py-md-5 mb-5">
    <div class="page-title-unit mb-5">
      <h3 class="text-left text-md-center">主要なサービスのご紹介</h3>
      <h4 class="en text-left text-md-center">Service</h4>
    </div>

    <h2 class="mb-5">企画から選定、動画制作<br>レポーティングまでワンストップで行います。</h2>

    <div class="position-relative biz-main-services-list">
      <ul class="main-service-list d-md-flex justify-content-between">
        <li>
          <div class="card">
            <img class="img-fluid" src="<?= App\asset_path('images/ms1.png'); ?>">
            <div class="card-body">
              <h6 class="card-title-sub">インフルエンサーキャスティング</h6>
              <h5 class="card-title">国内最大級のインフルエンサー<br class="d-none d-lg-inline">ネットワーク</h5>
              <p class="card-text">独自データベースに基づく30万人以上の国内最大級のインフルエンサーネットワーク</p>
            </div>
          </div>
        </li>
        <li>
          <div class="card">
            <img class="img-fluid" src="<?= App\asset_path('images/ms2.png'); ?>">
            <div class="card-body">
              <h6 class="card-title-sub">クリエイティブ制作</h6>
              <h5 class="card-title">国内最大級の案件数に裏付けされたディレクション</h5>
              <p class="card-text">BitStarシステムのテクノロジーとクリエイティブチームによる、正確なディレクション、QAを実現します</p>
            </div>
          </div>
        </li>
        <li>
          <div class="card">
            <img class="img-fluid" src="<?= App\asset_path('images/ms3.png'); ?>">
            <div class="card-body">
              <h6 class="card-title-sub">調査/データ分析</h6>
              <h5 class="card-title">自社ツールを活用したデータ分析による正確なレポーティング</h5>
              <p class="card-text">視聴者属性や各種数値の定量分析のほかインフルエンサーのインサイトや定性情報も熟知したレポート</p>
            </div>
          </div>
        </li>
      </ul>

      <ul class="main-service-list-arrow d-none d-md-flex justify-content-between">
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
  </div>
</div>

<div id="service-carousel" class="carousel slide py-5" data-ride="carousel" data-interval="false">
  <div class="page-title-unit mb-4 mb-md-5">
    <h3 class="text-left text-md-center">主要なサービスのご紹介</h3>
    <h4 class="en text-left text-md-center">Main Service</h4>
  </div>

  <ol class="carousel-indicators my-md-3 d-none d-md-flex">
    <li data-target="#service-carousel" data-slide-to="0" class="tab active"><span>YouTube・SNSタイアップ</span></li>
    <li class="tab" data-target="#service-carousel" data-slide-to="1"><span>インフルエンサーキャスティング</span></li>
    <li class="tab" data-target="#service-carousel" data-slide-to="2"><span>クリエイティブ制作</span></li>
    <li class="tab" data-target="#service-carousel" data-slide-to="3"><span>調査/データ分析</span></li>
  </ol>

  <div class="carousel-inner">
    <div class="carousel-item active">
      <div class="slide-wrapper">
        <div class="text">
          <div class="slide-inner">
            <h4 class="slide-sub-title en">Tie-up</h4>
            <h3 class="slide-title">YouTube & SNSタイアップ</h3>
            <p class="slide-desc">タイアップ動画制作から、動画の広告利用、再生保証プランなど<br>多様なニーズに沿ったプランをご用意しています</p>
            <ul class="s1-text s1-text_list1">
              <h5 class="s1-text__title">キャスティング</h5>
              <li>国内最大級の<br><span class="under-line">インフルエンサーネットワーク</span></li>
              <li><span class="under-line">独自データベースに基づく</span><br>最適なキャスティング</li>
            </ul>
            <ul class="s1-text s1-text_list2">
              <h5 class="s1-text__title">企画設計・制作進行</h5>
              <li><span class="under-line">領域別に専任ディレクターが</span><br>担当し、進行します</li>
              <li>業界最大級の案件数に裏付けられた<br><span class="under-line">ディレクション力</span></li>
            </ul>
            <ul class="s1-text s1-text_list3">
              <h5 class="s1-text__title">実施結果</h5>
              <li>視聴者属性や各種数値の定量分析</li>
              <li>インフルエンサーのインサイトや<br>定性情報も熟知</li>
              <li><span class="under-line">定量的にも定性的も分析を行い、</span><br>インフルエンサー施策の効果を<br>最大化します。</li>
            </ul>
          </div>
        </div>
        <img class="d-none d-md-inline" src="<?= App\asset_path('images/slide1.png'); ?>">
        <img class="d-md-none" src="<?= App\asset_path('images/slide1_sp.svg'); ?>">
      </div>
    </div>
    <div class="carousel-item">
      <div class="slide-wrapper">
        <div class="text">
          <div class="slide-inner">
            <h4 class="slide-sub-title en">Influencer Casting</h4>
            <h3 class="slide-title">インフルエンサーキャスティング</h3>
            <p class="slide-desc">独自データベースに基づく30万人以上の国内最大級のインフルエンサーネットワーク<br>BitStar、フリーランス、提携事務所のインフルエンサーを業界横断的に起用が可能です</p>
            <ul class="s2-text s2-text_list1">
              <h5 class="s2-text__title">BitStar Agent forBiz</h5>
              <li>最適なプロモーションの提案</li>
              <li>施策の一元管理</li>
            </ul>
            <ul class="s2-text s2-text_list2">
              <h5 class="s2-text__title">キャスティング</h5>
              <li>自社プロダクション所属<br>インフルエンサー</li>
              <li>100社以上のインフルエンサー事務所/連携の芸能事務所など</li>
              <li>フリーで活動するインフルエンサーなど</li>
            </ul>
            <ul class="s2-text s2-text_list3">
              <h5 class="s2-text__title">広告主・代理店さま</h5>
              <li>プロモーションの依頼</li>
            </ul>
          </div>         
        </div>
        <img class="d-none d-md-inline" src="<?= App\asset_path('images/slide2.png'); ?>">
        <img class="d-md-none" src="<?= App\asset_path('images/slide2_sp.svg'); ?>">
      </div>
    </div>
    <div class="carousel-item">
      <div class="slide-wrapper">
          <div class="text">
            <div class="slide-inner">
              <h4 class="slide-sub-title en">Creative Production</h4>
              <h3 class="slide-title">クリエイティブ制作</h3>
              <p class="slide-desc">自社システムを活用したテクノロジーとチーム体制により<br>正確でスムーズなディレクションとクオリティコントロールを実現します</p>
              <ul class="s3-text s3-text_list1">
                <h5 class="s3-text__title">選定</h5>
                <li><span class="under-line under-line_purple">インフルエンサーチームにて</span><br>各YouTubeの定性情報を集約</li>
                <li>自社システムによるユーザー<br><span class="under-line under-line_purple">デモグラの収集による選定の最適化</span></li>
              </ul>
              <ul class="s3-text s3-text_list2">
                <h5 class="s3-text__title">撮影/制作進行</h5>
                <li>インフルエンサーに特化した<br><span class="under-line under-line_purple">ディレクションスタッフを選任</span></li>
                <li>YouTube施策に<span class="under-line under-line_purple">最適化した</span><br><span class="under-line under-line_purple">オリエンシート</span>で構成案作成</li>
                <li>自社スタジオ完備で撮影の<br><span class="under-line under-line_purple">進行を効率化</span></li>
              </ul>
              <ul class="s3-text s3-text_list3">
                <h5 class="s3-text__title">公開/レポート</h5>
                <li>動画公開タイミングや概要欄の<br>変更もシステムがサポート</li>
                <li>自動化されたレポーティング<br>システム</li>
                <li><span class="under-line under-line_purple">施策を成功へ導く熟練の効果分析</span></li>
              </ul>
            </div>
          </div>
        <img class="d-none d-md-inline" src="<?= App\asset_path('images/slide3.png'); ?>">
        <img class="d-md-none" src="<?= App\asset_path('images/slide3_sp.svg'); ?>">
      </div>
    </div>
    <div class="carousel-item">
      <div class="slide-wrapper">
        <div class="text">
          <div class="slide-inner">
            <h4 class="slide-sub-title en">Research & Data Analysis</h4>
            <h3 class="slide-title">調査&データ分析</h3>
            <p class="slide-desc">視聴者属性や各種数値の定量分析のほか<br>インフルエンサーのインサイトや定性情報も熟知したレポートを提供します</p>
            <div class="s4-text s4-text_list1">
              <h5 class="s4-text__title">インストール数</h5>
              <p>インフルエンサー毎の再生数や、各デバイスでのインストール数など基本的な数値の他、自社ツールによる独自の分析とレポーティングを提供いたします。</p>
            </div>          
            <div class="s4-text s4-text_list2">
              <h5 class="s4-text__title">コストパフォーマンスマッピング</h5>
              <p>再生数と動画再生コストなど、さまざまな指標によりコストパフォーマンスの高い動画やインフルエンサーを洗い出すことのできるマッピングの提供をいたします。</p>
            </div>
            <div class="s4-text s4-text_list3">
              <h5 class="s4-text__title">オーガニックインストール分析</h5>
              <p>オーガニックインストール分析により、広告を経由したインストールとオーガニック流入を区別し、余計な広告費をかけてしまうことを回避することができます。</p>
            </div>
            <div class="s4-text s4-text_list4">
              <h5 class="s4-text__title">他社施策との比較</h5>
              <p>当社施策と他社施策との比較をレポーティングいたします。<br>プロモーション後の数値の振り返りやインフルエンサーのインサイトや定性情報、今後のプロモーションの更なる効果向上に活かすことが可能です。</p>
            </div>
          </div>
        </div>
        <img class="d-none d-md-inline" src="<?= App\asset_path('images/slide4.png'); ?>">
        <img class="d-md-none" src="<?= App\asset_path('images/slide4_sp.svg'); ?>">
      </div>
    </div>

    <a class="carousel-control-prev" href="#service-carousel" role="button" data-slide="prev">
      <img class="d-none d-md-block" src="<?= App\asset_path('images/slide-prev.png'); ?>">
    </a>
    <a class="carousel-control-next" href="#service-carousel" role="button" data-slide="next">
      <img class="d-none d-md-block" src="<?= App\asset_path('images/slide-next.png'); ?>">
    </a>
  </div>

  <ol class="carousel-dots d-flex justify-content-center mt-3">
    <li class="active"></li>
    <li></li>
    <li></li>
    <li></li>
  </ol>

  <script>
  let tabs = jQuery('.tab');
  jQuery('#service-carousel').on('slid.bs.carousel', function () {
    jQuery(tabs).each(function() {
      if(jQuery(this).hasClass('active')) {
        const index = tabs.index(this);
        jQuery('.carousel-dots > li').removeClass('active').eq(index).addClass('active');
      }
    })
  })
  </script>
</div>

<!-- 主要なプラットフォーム -->
<div class="pt-md-5 mt-md-5 pb-5 mb-md-5 text-center main-platform">
  <div class="page-title-unit mb-5">
    <h3 class="text-left text-md-center">主要な対応プラットフォーム</h3>
    <h4 class="en text-left text-md-center">Platform</h4>
  </div>
  <?php if(is_ie()): ?>
    <img class="d-none d-md-inline w-100" style="max-width:755px;" src="<?= App\asset_path('images/main-platform-ie.png'); ?>">
  <?php else: ?>
  <img class="d-none d-md-inline w-100" style="max-width:755px;" src="<?= App\asset_path('images/main-platform.png'); ?>">
  <div class="d-none d-md-flex main-platform-list pb-5">
    <ul>
      <li>インストリーム</li>
      <li>ディスカバリー</li>
      <li>バンパー</li>
    </ul>
    <ul>
      <li>プロモツイート</li>
      <li>プロモアカウント</li>
      <li>スポンサーシッププラン</li>
    </ul>
    <ul>
      <li>画像/動画広告</li>
      <li>ストーリーズ広告</li>
      <li>カルーセル広告</li>
    </ul>
    <ul>
      <li>インフィード</li>
      <li>起動画面</li>
      <li>ハッシュタグチャレンジ</li>
    </ul>
    <ul>
      <li>各種フォーマット</li>
    </ul>
  </div>
  <?php endif; ?>
  <img class="img-fluid w-100 d-md-none pb-5" src="<?= App\asset_path('images/main-platform-sp.png'); ?>">
</div>


<!-- 資料請求ボタン -->
<div class="request-button">
  <div class="request-button-inner">
    <a href="#briefing-form" class="btn-briefing-request">
      まずは資料請求
      <svg xmlns="http://www.w3.org/2000/svg" width="21.287" height="21.588" viewBox="0 0 21.287 21.588"><g id="arrow" transform="translate(20.671 0.767) rotate(90)"><g transform="translate(10.057 0) rotate(45)"><path d="M10.963,11.852a.889.889,0,0,1-.889-.889V1.778H.889A.889.889,0,1,1,.889,0H10.963a.889.889,0,0,1,.889.889V10.963A.889.889,0,0,1,10.963,11.852Z" transform="translate(2.37 0)" fill="#fff" stroke="#fff" stroke-width="1"/>
        <path  d="M.889,13.926A.889.889,0,0,1,.26,12.409L12.409.26a.888.888,0,0,1,1.256,1.256L1.517,13.666A.882.882,0,0,1,.889,13.926Z" transform="translate(0 0.297)" fill="#fff" stroke="#fff" stroke-width="1"/></g></g></svg>
    </a>
    <p class="mt-2 mt-md-3">またはお問い合わせ</p>
  </div>
</div>


<!-- 制作実績 -->
<div class="for-client-works pb-1 pb-md-5">
  <div class="for-client-works-inner pt-md-5">
    <div class="page-title-unit mb-4 mb-md-5">
      <h3>案件実績</h3>
      <h4 class="en">Works</h4>

      <p>大手上場企業からスタートアップまで<br class="d-md-none">プロモーション実績1000社以上。<br>所属、非所属関係なくインフルエンサーファーストのサポート環境を整備し、インフルエンサーが挑戦したい仕事をビジネス化します。</p>
    </div>

    <div class="works-list-wrap mb-5 px-0">
      <ul class="works-list d-flex flex-wrap">

        <li>
          <a href="https://youtu.be/sbT4IBySQL4" target="_blank">
            <div class="works-list-image">
              <img data-src="https://img.youtube.com/vi/sbT4IBySQL4/maxresdefault.jpg" class="lazyload">
            </div>
            <div class="works-list-text">
              <p class="client-name">SALONIAさま</p>
              <h3>おすすめドライヤー！サロニアトリートメントミストドライヤーの乾かし方/ヘアセット【時短/ヘアケア/トリートメント】</h3>
            </div>
          </a>
        </li>

        <li>
          <a href="https://youtu.be/9sNrj5_YXFE" target="_blank">
            <div class="works-list-image">
              <img data-src="https://img.youtube.com/vi/9sNrj5_YXFE/maxresdefault.jpg" class="lazyload">
            </div>
            <div class="works-list-text">
              <p class="client-name">石澤研究所さま</p>
              <h3>【スキンケア】メンズのニキビ肌対策にオススメの洗顔料＆ローションをぶっきーが紹介！</h3>
            </div>
          </a>
        </li>

        <li>
          <a href="https://youtu.be/oCG09cf0z9c" target="_blank">
            <div class="works-list-image">
              <img data-src="https://img.youtube.com/vi/oCG09cf0z9c/maxresdefault.jpg" class="lazyload">
            </div>
            <div class="works-list-text">
              <p class="client-name">株式会社ニコンイメージングジャパンさま</p>
              <h3>【ぽるぽるふぁみりー】家族にぴったりのミラーレスカメラZ50を紹介！【Nikon Z50】</h3>
            </div>
          </a>
        </li>

        <li>
          <a href="https://youtu.be/9rFiZMh5EdU" target="_blank">
            <div class="works-list-image">
              <img data-src="https://img.youtube.com/vi/9rFiZMh5EdU/maxresdefault.jpg" class="lazyload">
            </div>
            <div class="works-list-text">
              <p class="client-name">Q-SUIさま</p>
              <h3>【Q-SUI】マイボトルの「重い」「荷物になる」を解決するサービスをご紹介！【坪井安奈】</h3>
            </div>
          </a>
        </li>

        <li>
          <a href="https://youtu.be/ijHFWQHdhLY" target="_blank">
            <div class="works-list-image">
              <img data-src="https://img.youtube.com/vi/ijHFWQHdhLY/maxresdefault.jpg" class="lazyload">
            </div>
            <div class="works-list-text">
              <p class="client-name">日本花き振興協議会さま</p>
              <h3>【日本花き振興協議会 】Okuléte gommen プロジェクト”遅れたおめでとう応援花屋”オープン記念イベントに密着🌷【ここも】</h3>
            </div>
          </a>
        </li>

        <li>
          <a href="https://youtu.be/8qwNMsyDexg" target="_blank">
            <div class="works-list-image">
              <img data-src="https://img.youtube.com/vi/8qwNMsyDexg/maxresdefault.jpg" class="lazyload">
            </div>
            <div class="works-list-text">
              <p class="client-name">株式会社ココスジャパンさま</p>
              <h3>【COCO’S】2021年登場！ココスの新フェアメニューを堪能してきました！【ししまる】</h3>
            </div>
          </a>
        </li>
      </ul>

    </div>

  </div>
</div>


<!-- 実績のあるクリエイター -->
<div class="for-client-works pb-md-5 mb-md-5">
  <div class="for-client-works-inner">
    <div class="page-title-unit mb-5">
      <h3>実績のあるクリエイター</h3>
      <h4 class="en">Creator</h4>
    </div>

    <div class="works-list-wrap mb-5 px-0">
      <ul class="creators-list works-list d-flex flex-wrap">

        <li>
          <a href="https://production.bitstar.tokyo/creators/hoshinokochannel" target="_blank">
            <div class="works-list-image">
              <img data-src="<?= App\asset_path('images/briefing/c1.jpg'); ?>" class="lazyload">
              <img src="<?= App\asset_path('images/briefing/btn-view-detail.png'); ?>" class="view-detail">
            </div>
            <div class="works-list-text">
              <div class="d-md-flex justify-content-between align-items-center">
                <h3 class="creator-name">ほしのこCH</h3>
                <ul class="d-flex icon-list justify-content-center justify-content-md-end">
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-youtube.svg'); ?>" class="lazyload"></li>
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-instagram.svg'); ?>" class="lazyload"></li>
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-twitter.svg'); ?>" class="lazyload"></li>
                </ul>
              </div>
            </div>
          </a>
        </li>

        <li>
          <a href="https://production.bitstar.tokyo/creators/harapekotwins" target="_blank">
            <div class="works-list-image">
              <img data-src="<?= App\asset_path('images/briefing/c2.jpg'); ?>" class="lazyload">
              <img src="<?= App\asset_path('images/briefing/btn-view-detail.png'); ?>" class="view-detail">
            </div>
            <div class="works-list-text">
              <div class="d-md-flex justify-content-between align-items-center">
                <h3 class="creator-name">はらぺこツインズ(業務提携)</h3>
                <ul class="d-flex icon-list justify-content-center justify-content-md-end">
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-youtube.svg'); ?>" class="lazyload"></li>
                </ul>
              </div>
            </div>
          </a>
        </li>

        <li>
          <a href="https://production.bitstar.tokyo/creators/poruporufamily" target="_blank">
            <div class="works-list-image">
              <img data-src="<?= App\asset_path('images/briefing/c3.jpg'); ?>" class="lazyload">
              <img src="<?= App\asset_path('images/briefing/btn-view-detail.png'); ?>" class="view-detail">
            </div>
            <div class="works-list-text">
              <div class="d-md-flex justify-content-between align-items-center">
                <h3 class="creator-name">ぽるぽるふぁみりー</h3>
                <ul class="d-flex icon-list justify-content-center justify-content-md-end">
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-youtube.svg'); ?>" class="lazyload"></li>
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-instagram.svg'); ?>" class="lazyload"></li>
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-tiktok.svg'); ?>" class="lazyload"></li>
                </ul>
              </div>
            </div>
          </a>
        </li>

        <li>
          <a href="https://production.bitstar.tokyo/creators/chiechidaka" target="_blank">
            <div class="works-list-image">
              <img data-src="<?= App\asset_path('images/briefing/c4.jpg'); ?>" class="lazyload">
              <img src="<?= App\asset_path('images/briefing/btn-view-detail.png'); ?>" class="view-detail">
            </div>
            <div class="works-list-text">
              <div class="d-md-flex justify-content-between align-items-center">
                <h3 class="creator-name">Chie Hidaka</h3>
                <ul class="d-flex icon-list justify-content-center justify-content-md-end">
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-youtube.svg'); ?>" class="lazyload"></li>
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-instagram.svg'); ?>" class="lazyload"></li>
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-twitter.svg'); ?>" class="lazyload"></li>
                </ul>
              </div>
            </div>
          </a>
        </li>

        <li>
          <a href="https://production.bitstar.tokyo/creators/chanomanonamitokei" target="_blank">
            <div class="works-list-image">
              <img data-src="<?= App\asset_path('images/briefing/c5.jpg'); ?>" class="lazyload">
              <img src="<?= App\asset_path('images/briefing/btn-view-detail.png'); ?>" class="view-detail">
            </div>
            <div class="works-list-text">
              <div class="d-md-flex justify-content-between align-items-center">
                <h3 class="creator-name">茶の間のなみとけい(TikTok)</h3>
                <ul class="d-flex icon-list justify-content-center justify-content-md-end">
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-youtube.svg'); ?>" class="lazyload"></li>
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-instagram.svg'); ?>" class="lazyload"></li>
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-tiktok.svg'); ?>" class="lazyload"></li>
                </ul>
              </div>
            </div>
          </a>
        </li>

        <li>
          <a href="https://production.bitstar.tokyo/creators/5saihina" target="_blank">
            <div class="works-list-image">
              <img data-src="<?= App\asset_path('images/briefing/c6.jpg'); ?>" class="lazyload">
              <img src="<?= App\asset_path('images/briefing/btn-view-detail.png'); ?>" class="view-detail">
            </div>
            <div class="works-list-text">
              <div class="d-md-flex justify-content-between align-items-center">
                <h3 class="creator-name">五彩緋夏</h3>
                <ul class="d-flex icon-list justify-content-center justify-content-md-end">
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-youtube.svg'); ?>" class="lazyload"></li>
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-instagram.svg'); ?>" class="lazyload"></li>
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-twitter.svg'); ?>" class="lazyload"></li>
                  <li><img data-src="<?= App\asset_path('images/briefing/icon-tiktok.svg'); ?>" class="lazyload"></li>
                </ul>
              </div>
            </div>
          </a>
        </li>
      </ul>
    </div>


  </div>
</div>


<!-- Contact Us -->
<div class="contact-us-unit d-md-flex align-items-center pt-md-5 mt-md-5">
  <div class="text pr-md-5">
    <h4 class="en mb-4 text-center text-md-left">Please contact us.</h4>
    <h3 class="mb-3 mb-md-5 text-center text-md-left">確かな実績を<br class="d-md-none">持った担当者があなたを<br class="d-md-none">サポートします</h3>
    <p class="mb-3 mb-md-5 text-center text-md-left">大手上場企業からスタートアップまでプロモーション実績1000社以上。<br>実績を積み上げてきた担当者がサポートします。</p>

  </div>
  <div class="image">
    <img class="img-fluid" src="<?= App\asset_path('images/char3.png'); ?>">
  </div>

</div>


<!-- Form -->
<div id="briefing-form" class="py-md-5">
  <div class="title-unit py-4 py-md-5 mt-3 mt-md-5">
    <h4>資料請求・お問い合わせフォーム</h4>
    <p class="en sub">Contact Form</p>
  </div>

  <div id="contact" class="briefing-form contactform pb-3 pb-md-5">
    <?php if ( have_posts() ) : ?>
      <?php while( have_posts() ) : the_post(); ?>
        <?php the_content(); ?>
    <?php endwhile;endif; ?>
  </div>
</div>

<?php $__env->stopSection(); ?>

<script>
  document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = '/briefing/thanks/?contact&temp-lp';
  }, false );
</script>

<?php echo $__env->make('layouts.app-lp', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>