<?php $__env->startSection('content'); ?>
<div class="breadcrumbs en" typeof="BreadcrumbList" vocab="https://schema.org/">
  <!-- Breadcrumb NavXT 6.6.0 -->
  <span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Go to BitStar Studio." href="<?php echo e(home_url('/')); ?>" class="home"><span property="name">HOME</span></a>
    <meta property="position" content="1">
  </span>・<span property="itemListElement" typeof="ListItem"><span property="name" class="post post-page current-item">Service</span>・<br><meta property="url" content="<?php echo e(home_url('/bitstar-jobs')); ?>">Jobs
    <meta property="position" content="2">
  </span>
</div>

<div class="page-header d-md-none">
  <h1 class="page-header__title title2">クリエイティブ人材紹介</h1>
  <h2 class="page-header__sub-title d-md-none">クリエイティブ人材のスポット採用をご検討の企業さま</h2>
</div>

<div class="page-content sp-px-0">
  <div class="page-content__nav-wrap">
    <div class="page-content__nav fixedsticky" id="fix-element">
      <h3 class="page-content__nav-title"><img class="page-content__nav-icon" src="<?= App\asset_path('images/icon-cat-title.svg'); ?>">メニュー</h3>
      <ul class="page-content__nav-cat-list">
        <li><a class="page-content__nav-link" href="#worries"><img class="page-content__nav-icon" src="<?= App\asset_path('images/icon-cat.svg'); ?>">よくある悩み</a></li>
        <li><a class="page-content__nav-link" href="#solution"><img class="page-content__nav-icon" src="<?= App\asset_path('images/icon-cat.svg'); ?>">お悩みを解決</a></li>
        <li><a class="page-content__nav-link" href="#service"><img class="page-content__nav-icon" src="<?= App\asset_path('images/icon-cat.svg'); ?>">案件例</a></li>
        <li><a class="page-content__nav-link" href="#creators"><img class="page-content__nav-icon" src="<?= App\asset_path('images/icon-cat.svg'); ?>">クリエイターの種類</a></li>
      </ul>
      <a class="service-btn mt-4" href="#contact">無料相談はこちら</a>
      <a class="service-btn service-btn_fill mt-3" href="https://bitstar.tokyo/request/" target="_blank">資料ダウンロードはこちら</a>
    </div>
  </div>

  <div class="page-content__service">
    <div class="page-content__block pt-md-0">
      <div class="page-hero">
        <h3 class="page-hero__sub-title"><img class="page-hero__sub-title-icon" src="<?= App\asset_path('images/icon-down-arrow.svg'); ?>">クリエイティブ人材のスポット採用をご検討の企業さま</h3>
        <h2 class="page-hero__title">BitStar Jobsは、<br>貴社に合った<br>クリエイティブのプロを<br>派遣します。</h2>
        <p class="page-hero__text">BitStar Jobsは、理想のコンテンツ作りを実現するため、<br class="d-none d-md-inline">貴社に合ったクリエイティブのプロを派遣するサービスです。</p>
      </div>
    </div>

    <div class="page-content__block_white">
      <div class="sp-gray">
        <!-- よくある悩み -->
        <div class="page-content__block" id="worries">
          <div class="page-title-unit">
            <h4 class="page-title-unit__sub-title"><span class="page-title-unit__num en">1</span>よくある悩み</h4>
            <h3 class="page-title-unit__title">こんな課題は<br>ありませんか？</h3>
          </div>

          <div class="cards kadai__list_down-arrow">
            <div class="cards__item card">
              <figure class="card__img-wrap">
                <img class="card__img" src="<?= App\asset_path('images/jobs1.jpg'); ?>">
              </figure>
              <div class="card__body">
                <h3 class="card__service-circle-title">経験豊富な人材の不足</h3>
                <p class="card__service-s-text">プロジェクトに必要な人材が自社にいない。</p>
              </div>
            </div>

            <div class="cards__item card">
              <figure class="card__img-wrap">
                <img class="card__img" src="<?= App\asset_path('images/jobs2.jpg'); ?>">
              </figure>
              <div class="card__body">
                <h3 class="card__service-circle-title">求めている人材像が不明瞭</h3>
                <p class="card__service-s-text">どのような人材が合っているのか選ぶ基準がわからない。</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="sp-tri"></div>

      <div class="page-content__block">

        <div class="page-title-unit" id="solution">
          <h3 class="page-title-unit__title">BitStar Jobsで<br>全て解決できます！</h3>
        </div>

        <div class="solution">
          <h4 class="solution__title">1.経験豊富な人材の不足</h4>
          <div class="solution__unit">
            <div class="solution__check"></div>
            <p class="solution__text">経験豊富なクリエイターが多数<br>在籍しているから安心</p>
          </div>
          <h4 class="solution__title">2.調達が困難</h4>
          <div class="solution__unit">
            <div class="solution__check"></div>
            <p class="solution__text">事前ヒアリングで最適な<br>クリエイターをご紹介</p>
          </div>
          <p class="balloon">& 契約後フォローでプロジェクトが円滑に進むようサポートします！</p>
        </div>

      </div>
    </div><!-- /bg white -->

    <!-- 案件例 -->
    <div class="page-content__block" id="service">
      <div class="page-title-unit">
        <h4 class="page-title-unit__sub-title"><span class="page-title-unit__num en">2</span>BitStar Jobsで依頼される案件例</h4>
      </div>

      <ul class="jobs-list d-none d-md-flex">
        <li class="jobs-list__item">
          <div class="jobs-list__img-wrapper">
            <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s1.jpg'); ?>" alt="企業PR動画">
          </div>
          <p class="jobs-list__text">企業PR動画</p>
        </li>
        <li class="jobs-list__item">
          <div class="jobs-list__img-wrapper">
            <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s2.jpg'); ?>" alt="採用動画">
          </div>
          <p class="jobs-list__text">採用動画</p>
        </li>
        <li class="jobs-list__item">
          <div class="jobs-list__img-wrapper">
            <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s3.jpg'); ?>" alt="サービスPR動画">
          </div>
          <p class="jobs-list__text">サービスPR動画</p>
        </li>
        <li class="jobs-list__item">
          <div class="jobs-list__img-wrapper">
            <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s4.jpg'); ?>" alt="WEBCM/広告">
          </div>
          <p class="jobs-list__text">WEBCM/広告</p>
        </li>
        <li class="jobs-list__item">
          <div class="jobs-list__img-wrapper">
            <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s5.jpg'); ?>" alt="SNSアカウント運用">
          </div>
          <p class="jobs-list__text">SNSアカウント運用</p>
        </li>
        <li class="jobs-list__item">
          <div class="jobs-list__img-wrapper">
            <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s6.jpg'); ?>" alt="楽曲制作">
          </div>
          <p class="jobs-list__text">楽曲制作</p>
        </li>
        <li class="jobs-list__item">
          <div class="jobs-list__img-wrapper">
            <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s8.jpg'); ?>" alt="自社IP創出">
          </div>
          <p class="jobs-list__text">自社IP創出</p>
        </li>
        <li class="jobs-list__item">
          <div class="jobs-list__img-wrapper">
            <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s9.jpg'); ?>" alt="研修動画">
          </div>
          <p class="jobs-list__text">研修動画</p>
        </li>
        <li class="jobs-list__item">
          <div class="jobs-list__img-wrapper">
            <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s10.jpg'); ?>" alt="オウンドメディア制作(記事)">
          </div>
          <p class="jobs-list__text">オウンドメディア制作(記事)</p>
        </li>
      </ul>

      <div class="jobs-slider d-md-none">
        <div class="jobs-slider__inner">
          <div class="swiper mySwiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="jobs-list__img-wrapper">
                  <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s1.jpg'); ?>" alt="企業PR動画">
                </div>
                <p class="jobs-list__text">企業PR動画</p>
              </div>
              <div class="swiper-slide">
                <div class="jobs-list__img-wrapper">
                  <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s2.jpg'); ?>" alt="採用動画">
                </div>
                <p class="jobs-list__text">採用動画</p>
              </div>
              <div class="swiper-slide">
                <div class="jobs-list__img-wrapper">
                  <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s3.jpg'); ?>" alt="サービスPR動画">
                </div>
                <p class="jobs-list__text">サービスPR動画</p>
              </div>
              <div class="swiper-slide">
                <div class="jobs-list__img-wrapper">
                  <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s4.jpg'); ?>" alt="WEBCM/広告">
                </div>
                <p class="jobs-list__text">WEBCM/広告</p>
              </div>
              <div class="swiper-slide">
                <div class="jobs-list__img-wrapper">
                  <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s5.jpg'); ?>" alt="SNSアカウント運用">
                </div>
                <p class="jobs-list__text">SNSアカウント運用</p>
              </div>
              <div class="swiper-slide">
                <div class="jobs-list__img-wrapper">
                  <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s6.jpg'); ?>" alt="楽曲制作">
                </div>
                <p class="jobs-list__text">楽曲制作</p>
              </div>
              <div class="swiper-slide">
                <div class="jobs-list__img-wrapper">
                  <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s8.jpg'); ?>" alt="自社IP創出">
                </div>
                <p class="jobs-list__text">自社IP創出</p>
              </div>
              <div class="swiper-slide">
                <div class="jobs-list__img-wrapper">
                  <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s9.jpg'); ?>" alt="研修動画">
                </div>
                <p class="jobs-list__text">研修動画</p>
              </div>
              <div class="swiper-slide">
                <div class="jobs-list__img-wrapper">
                  <img class="jobs-list__img" src="<?= App\asset_path('images/jobs/s10.jpg'); ?>" alt="オウンドメディア制作(記事)">
                </div>
                <p class="jobs-list__text">オウンドメディア制作(記事)</p>
              </div>
            </div>

            <div class="jobs-slider__buttons">
              <div class="swiper-button-next"><img src="<?= App\asset_path('images/slider-btn-next.png'); ?>"></div>
              <div class="swiper-button-prev"><img src="<?= App\asset_path('images/slider-btn-prev.png'); ?>"></div>
            </div>
          </div><!-- swiper -->

        </div>
      </div><!-- jobs-slider -->
    </div>

    <!-- Swiper JS -->
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
      var swiper = new Swiper(".mySwiper", {
        slidesPerView: 1.1,
        spaceBetween: 0,
        breakpoints: {
          768: {
            slidesPerView: 2,
            spaceBetween: 30,
          },
        },
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
        // mousewheel: true,
      });
    </script>

    <div class="page-content__block_white sp-gray">
      <div class="page-content__block pb-md-2" id="creators">
        <div class="page-title-unit">
          <h4 class="page-title-unit__sub-title mb-md-5"><span class="page-title-unit__num en">3</span><span class="d-none d-md-inline">BitStar Jobsで</span>ご紹介できるクリエイターの種類</h4>
          <h3 class="page-title-unit__title narrow">様々な職種の<br class="d-md-none">クリエイターが在籍。<br>最適な人材を<br class="d-md-none">ご紹介します。</h3>
        </div>
      </div>
      <ul class="creators-list">
        <li class="creators-list__item" data-hover="テレビ局様など">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>プロデューサー</p>
        </li>
        <li class="creators-list__item" data-hover="大手出版社様など">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>ディレクター</p>
        </li>
        <li class="creators-list__item" data-hover="YouTube、MV撮影、&#13;&#10;イベント撮影、PR動画制作など">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>映像カメラマン</p>
        </li>
        <li class="creators-list__item" data-hover="結婚式など">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>フォトグラファー</p>
        </li>
        <li class="creators-list__item" data-hover="案件：大手製薬会社様、&#13;&#10;保険会社様、テレビ局様など多数">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>動画編集者</p>
        </li>
        <li class="creators-list__item" data-hover="YouTube、TikTok、&#13;&#10;Twitter、Instagram&#13;&#10;美容、アパレル商材など">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>SNS運用</p>
        </li>
        <li class="creators-list__item" data-hover="大手玩具メーカー様など">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>企画</p>
        </li>
        <li class="creators-list__item" data-hover="Web配信映画、金融系、&#13;&#10;ゲームシナリオなど">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>脚本家</p>
        </li>
        <li class="creators-list__item" data-hover="アパレル、美容、&#13;&#10;子供服など">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>構成作家</p>
        </li>
        <li class="creators-list__item" data-hover="ライブ配信、ナレーターなど">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>声優兼音声スタッフ</p>
        </li>
        <li class="creators-list__item" data-hover="企業アニメ、フラット系アニメ、&#13;&#10;CGなど">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>アニメーター</p>
        </li>
        <li class="creators-list__item" data-hover="元ミュージシャン、&#13;&#10;現役音楽家など">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>楽曲制作</p>
        </li>
        <li class="creators-list__item" data-hover="ファッション、海外ニュース、&#13;&#10;インタビュー、IT、金融、転職、&#13;&#10;SEO対策、AI、最先端技術">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>ライター</p>
        </li>
        <li class="creators-list__item" data-hover="企業HP制作、LP作成">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>Webデザイナー</p>
        </li>
        <li class="creators-list__item" data-hover="グラフィックデザイン、&#13;&#10;イラスト動画制作など">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>2Dデザイナー</p>
        </li>
        <li class="creators-list__item" data-hover="ゲーム制作、&#13;&#10;Vtuberキャラクターデザイン">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>3Dモデラー</p>
        </li>
        <li class="creators-list__item no-data">
          <img class="d-none d-md-inline" src="<?= App\asset_path('images/jobs/creator-icon.svg'); ?>" alt="">
          <p>現役YouTuber</p>
        </li>
        <li class="creators-list__item no-data no-border d-none d-md-block"></li>
      </ul>

      <div class="page-content__block page-cta">
        <div class="page-cta__container">
          <p class="page-cta__text">BitStar Studioまでお気軽にご連絡ください！</p>
          <a class="page-cta__btn page-cta__btn_fill" href="#contact">まずは無料相談する</a>
          <a class="page-cta__btn" href="https://bitstar.tokyo/request/" target="_blank">資料請求をする</a>
        </div>
      </div>
    </div><!-- /bg white -->

    <div class="sp-cta">
      <p class="sp-cta__text">BitStar Studioまでお気軽に<br>ご連絡ください！</p>
      <div class="sp-cta__link-unit">
        <a class="sp-cta__btn sp-cta__btn_purple" href="#contact">まずは無料相談</a>
        <a class="sp-cta__btn sp-cta__btn_lime" href="https://bitstar.tokyo/request/" target="_blank">資料請求</a>
      </div>
    </div>

    <!-- お問い合わせフォーム -->
    <div class="page-content__block page-contact" id="contact">
      <h2 class="page-contact__title en">Contact</h2>
      <p class="page-contact__text">
        YouTube・TikTokなどソーシャルメディアのコンテンツ制作／アカウント運用・コンサルティングを<br>
        ご検討されている企業様は以下のフォームよりご相談ください。<br>
        BitStar運営より、ご連絡をさせていただきます。
      </p>
      <div class="contact-wrap px-0 mb-0">
        <?php the_content(); ?>
      </div>
    </div>
  </div> <!-- /page-content__service -->

  <script>
    document.addEventListener('wpcf7mailsent', function(event) {
      location = '/studio/thanks/';
    }, false);
  </script>

</div><!-- /page-content-->

<script>
  jQuery(function() {
    jQuery(window).on('scroll resize', function() {
      let scroll = jQuery(document).scrollTop();
      let contenttop = jQuery(".page-content").offset().top;
      let sideheight = jQuery("#fix-element").outerHeight();
      let sidemargintop = 40;
      let sidemarginbottom = 0;
      let footertop = jQuery("#page-bottom").offset().top;

      if (scroll > (footertop - sidemarginbottom - sidemargintop - sideheight)) {
        // フッターにあたった場合
        jQuery("#fix-element").css({
          'position': 'absolute',
          'top': 'auto',
          'bottom': sidemarginbottom + 'px',
        });
      } else if (scroll > (contenttop - sidemargintop)) {
        // 追従時
        jQuery("#fix-element").css({
          'position': 'fixed',
          'top': sidemargintop + 'px',
          'bottom': 'auto',
        });
      } else {
        // 追従するまでスクロールされてないとき
        jQuery("#fix-element").css({
          'position': 'static',
          'top': 'auto',
          'bottom': 'auto',
        });
      }
    });
  });
</script>
<?php $__env->stopSection(); ?>

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