<?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>をサポート!</h1>
        <img class="tieup-logo mb-5" src="<?= App\asset_path('images/tieup-logo.png'); ?>">
        <div class="d-flex mb-5">
          <a class="btn-gra" href="/creator/contact/?subject-to=2">お問い合わせ</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" style="margin-top: -8%;" src="<?= App\asset_path('images/char2.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/char2-sp.png'); ?>">
  <div class="text">
    <h2><span>あなたの</span>クリエイター<br>活動を<br>サポート！</h2>
    <img class="tieup-logo" src="<?= App\asset_path('images/tieup-logo.png'); ?>">
  </div>
</div>

<div class="pt-3 py-md-5 my-md-5" id="main-content">
  <div class="d-md-none sp-title-unit pt-4">
    <h3>タイアップ支援ってなに？</h3>
    <h4 class="en">About Services</h4>
  </div>
  <div class="for-business mt-md-0 pt-md-5 pt-0">
    <div class="for-business-inner">
      <div class="desc d-md-flex align-items-center my-4 my-md-5 pb-5">
        <div class="image mr-md-3 mb-5 mb-md-0">
          <?php if(is_ie()): ?>
          <img class="img-fluid p-md-5" src="<?= App\asset_path('images/tieup-image.png'); ?>">
          <?php else: ?>
          <img class="img-fluid p-md-5" src="<?= App\asset_path('images/tieup-image.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-5 d-none d-md-block">About Services</p>
          <h3 class="mb-4 text-center text-md-left mb-lg-5">フリーで活動している方向けの<br class="d-none d-md-inlie">案件サポートサービスです。</h3>
          <p class="mb-4 mb-lg-5 text-center text-md-left">クリエイターファーストのサポート環境を整備し、クリエイターが挑戦したい仕事をビジネス化。<br>クリエイターがより意欲的に企業と一緒になって企画に取り組み、質の高い、魅力的なコンテンツを生み出します。</p>

          <a class="btn-gra d-md-none mx-auto" href="/creator/contact/?subject-to=2">お問い合わせはこちら</a>
        </div>
      </div>
    </div>
  </div>

  <!-- こんな方におすすめ -->
  <div class="for-you mx-auto mb-4 mb-md-5 pb-1 pb-md-3 pb-md-5 pt-5 pt-md-0">
    <div class="page-title-unit mb-3 mb-md-5 text-center">
      <h3>こんな方におすすめ</h3>
      <h4 class="en">For You</h4>
    </div>

    <ul class="d-md-flex justify-content-between">
      <li class="d-flex d-md-block align-items-center mb-3 mb-md-0">
        <img src="<?= App\asset_path('images/for-you1.png'); ?>">
        <svg class="mx-3 d-md-none" xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12"><path d="M6,0l6,10H0Z" transform="translate(0 12) rotate(-90)" fill="#772afc"/></svg>
        <p>販路を増やしたい</p>
      </li>
      <li class="d-flex d-md-block align-items-center mb-3 mb-md-0">
        <img src="<?= App\asset_path('images/for-you2.png'); ?>">
        <svg class="mx-3 d-md-none" xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12"><path d="M6,0l6,10H0Z" transform="translate(0 12) rotate(-90)" fill="#772afc"/></svg>
        <p>大量のお問い合わせ対応を<br>するのが大変</p>
      </li>
      <li class="d-flex d-md-block align-items-center">
        <img src="<?= App\asset_path('images/for-you3.png'); ?>">
        <svg class="mx-3 d-md-none" xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12"><path d="M6,0l6,10H0Z" transform="translate(0 12) rotate(-90)" fill="#772afc"/></svg>
        <p>企業とのやりとり<br>企業との交渉が難しい</p>
      </li>
    </ul>

    <a class="btn-gra my-5 d-md-none mx-auto" href="/creator/contact/?subject-to=2">お問い合わせはこちら</a>
  </div>

</div>


<div class="for-business bg-w mt-md-5 pt-md-5 pb-md-5">
  <div class="page-title-unit mb-3 mb-md-5 text-center d-md-none">
    <h3>どんなことをしてくれるの？</h3>
    <h4 class="en">What to do.</h4>
  </div>
  <div class="for-business-inner pt-4 pt-md-0">
    <div class="desc d-md-flex align-items-center my-md-5 py-md-3">
      <div class="image mr-md-3 mb-5 mb-md-0">
        <?php if(is_ie()): ?>
        <img class="img-fluid p-md-5" src="<?= App\asset_path('images/tieup-image2.png'); ?>">
        <?php else: ?>
        <img class="img-fluid p-md-5" src="<?= App\asset_path('images/tieup-image2.svg'); ?>">
        <?php endif; ?>
      </div>
      <div class="text">
        <h4 class="d-none d-md-block">どんなことをしてくれるの？</h4>
        <p class="d-none d-md-block color-purple en sub mb-1 mb-lg-5">What to do.</p>
        <h3 class="text-center text-md-left mb-4 mb-lg-5">万全の体制で<br class="d-inline d-md-none d-xl-inline">あなたの活動をサポート。</h3>
        <p class="mb-4 mb-lg-5 text-center text-md-left ">仕事があなたにきます ー BitStar Agentが代理人になりなす ー 進行管理もやります<br>
ー あなたがやるのはコンテンツを作るだけ</p>

        <a href="/creator/contact/?subject-to=2" class="btn-gra mx-auto mx-md-0">お問い合わせはこちら</a>
      </div>
    </div>
  </div>
</div>

<!-- 案件サポート -->
<div class="support my-5 pb-0 pt-5 py-md-5">
  <div class="page-title-unit mb-5 text-center">
    <h3>案件サポートの内容</h3>
    <h4 class="en">Service</h4>
  </div>

  <div class="d-md-flex justify-content-between flex-wrap">
    <div class="support-unit">
      <img class="d-none d-md-block mb-3" src="<?= App\asset_path('images/support1.svg'); ?>">
      <h3 class="mb-3">タイアップ案件の進行業務</h3>
      <p>大量のお問い合わせ対応から、案件の進行中のクライアント対応など、クリエイターの負担となる進行業務をサポートします。</p>
    </div>
    <div class="support-unit">
      <img class="d-none d-md-block mb-3" src="<?= App\asset_path('images/support2.svg'); ?>">
      <h3 class="mb-3">クライアント窓口対応</h3>
      <p>クリエイター、クライアント双方の負担を軽減する交渉、調整業務やお問い合わせ対応などの窓口対応を行います。
※詳しい内容に関しては、お問い合わせください。</p>
    </div>
    <div class="support-unit">
      <img class="d-none d-md-block mb-3" src="<?= App\asset_path('images/support3.svg'); ?>">
      <h3 class="mb-3">提案販路の拡大のお手伝い</h3>
      <p>自社営業による1,000社の取引実績に基づく企業案件の販路拡大のサポートを行います。 ※詳しい内容に関しては、お問い合わせください。</p>
    </div>
    <div class="support-unit">
      <img class="d-none d-md-block mb-3" src="<?= App\asset_path('images/support4.svg'); ?>">
      <h3 class="mb-3">YouTube以外のマネタイズサポート</h3>
      <p>グッズ制作やP2Cブランドの立ち上げ、イベント/物販などYouTube以外の活動についてもご相談ください。</p>
    </div>
  </div>


  <div class="support-list-wrapper pt-3">

    <h3 class="mt-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="11" viewBox="0 0 16 11">
        <path d="M8,0l8,11H0Z" transform="translate(16 11) rotate(180)" fill="#333"/>
      </svg>&nbsp;&nbsp;提供サービス一覧
    </h3>
    <p class="my-4">タイアップ支援は、案件などのお仕事に特化した契約になります。</p>
    <div class="support-list mx-auto">

      <table class="d-none d-md-table">
        <tr>
          <th>提供サービス</th><th>専属契約</th><th>タイアップ支援サポート</th>
        </tr>
        <tr>
          <td>専任マネージャー</td><td><img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></td><td><img src="<?= App\asset_path('images/t-icon2.svg'); ?>"></td>
        </tr>
        <tr>
          <td>外部対応(電話/メールなど)</td><td><img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></td><td><img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></td>
        </tr>
        <tr class="bg">
          <td>著作権管理/確定申告/住所提供など</td><td><img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></td><td><img src="<?= App\asset_path('images/t-icon3.svg'); ?>"><span>※一部有料で利用可能です</span></td>
        </tr>
        <tr>
          <td>分析レポーティング/企画会議</td><td><img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></td><td><img src="<?= App\asset_path('images/t-icon2.svg'); ?>"></td>
        </tr>
        <tr>
          <td>BitStar Databaseレポート</td><td><img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></td><td><img src="<?= App\asset_path('images/t-icon2.svg'); ?>"></td>
        </tr>
        <tr class="bg">
          <td>企業案件へのキャスティング/進行</td><td><img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></td><td><img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></td>
        </tr>
        <tr>
          <td>売り込み/営業活動</td><td><img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></td><td><img src="<?= App\asset_path('images/t-icon2.svg'); ?>"></td>
        </tr>
        <tr class="bg">
          <td>グッズ制作/P2Cブランドサポート</td><td><img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></td><td><img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></td>
        </tr>
        <tr class="bg">
          <td>イベント運営など</td><td><img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></td><td><img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></td>
        </tr>
        <tr>
          <td>アドセンス分配</td><td>あり</td><td>なし</td>
        </tr>
        <tr class="bg">
          <td>その他(物販/イベント)</td><td>案件毎</td><td>案件毎</td>
        </tr>
      </table>

      <dl class="list-sp d-md-none">
        <dt>専任マネージャー</dt>
        <dd>専属契約<img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></dd>
        <dd>タイアップ支援契約<img src="<?= App\asset_path('images/t-icon2.svg'); ?>"></dd>

        <dt>外部対応(電話/メールなど)</dt>
        <dd>専属契約<img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></dd>
        <dd>タイアップ支援契約<img src="<?= App\asset_path('images/t-icon2.svg'); ?>"></dd>

        <dt>著作権管理/確定申告/住所提供など</dt>
        <dd>専属契約<img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></dd>
        <dd>タイアップ支援契約<sup>※</sup><img src="<?= App\asset_path('images/t-icon3.svg'); ?>"></dd>

        <dt>分析レポーティング/企画会議</dt>
        <dd>専属契約<img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></dd>
        <dd>タイアップ支援契約<img src="<?= App\asset_path('images/t-icon2.svg'); ?>"></dd>

        <dt>BitStar Databaseレポート</dt>
        <dd>専属契約<img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></dd>
        <dd>タイアップ支援契約<img src="<?= App\asset_path('images/t-icon2.svg'); ?>"></dd>

        <dt>企業案件へのキャスティング/進行</dt>
        <dd>専属契約<img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></dd>
        <dd>タイアップ支援契約<img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></dd>

        <dt>売り込み/営業活動</dt>
        <dd>専属契約<img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></dd>
        <dd>タイアップ支援契約<img src="<?= App\asset_path('images/t-icon2.svg'); ?>"></dd>

        <dt>グッズ制作/P2Cブランドサポート</dt>
        <dd>専属契約<img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></dd>
        <dd>タイアップ支援契約<img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></dd>

        <dt>イベント運営など</dt>
        <dd>専属契約<img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></dd>
        <dd>タイアップ支援契約<img src="<?= App\asset_path('images/t-icon1.svg'); ?>"></dd>

        <dt>アドセンス分配</dt>
        <dd>専属契約<span>あり</span></dd>
        <dd>タイアップ支援契約<span>なし</span></dd>

        <dt>その他(物販/イベント)</dt>
        <dd>専属契約<span>案件毎</span></dd>
        <dd>タイアップ支援契約<span>案件毎</span></dd>
      </dl>
      <p class="mt-2 text-right d-md-none support-note">※一部有料で利用可能です</p>

    </div>

  </div>

</div>

</div>

<!-- Contact Us -->
<div class="contact-us-unit d-md-flex align-items-center py-5 my-5">
  <div class="d-md-none title-unit mb-4">
    <h2 class="en">Contact</h2>
    <p class="sub mt-2 mt-md-5">お問い合わせ</p>
  </div>

  <div class="text pr-md-5">
    <h4 class="en mb-3 mb-md-4">Please contact us.</h4>
    <h3 class="mb-3 mb-md-5">確かな実績を持った担当者があなたをサポートします</h3>
    <p class="mb-3 mb-md-5">クリエイターエージェントとしての長年の実績をもとに<br>担当者がサポートします。</p>

    <a class="btn-gra d-none d-md-table" href="/creator/contact/?subject-to=2">まずはお気軽にお問い合わせください</a>
  </div>
  <div class="image">
    <img class="img-fluid" src="<?= App\asset_path('images/char2.png'); ?>">
  </div>

  <a class="btn-gra d-md-none mt-5 mx-auto footer-contact-btn-sp" href="/creator/contact/?subject-to=2">まずはお気軽にお問い合わせください</a>
</div>

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

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