<?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><meta property="url" content="<?php echo e(home_url('/')); ?>video_production"><meta property="position" content="2"></span></div>

<h1 class="page-header d-none d-md-block">
  <span class="page-header__title en">Service</span>
  <span class="page-header__sub-title">BitStar Studioが提供するサービス</span>
</h1>

<div class="page-header d-md-none">
  <p class="page-header__sp-sub-title en">YouTube Video</p>
  <h2 class="page-header__title en">Production</h2>
  <h3 class="page-header__sub-title">YouTubeチャンネル新規開設をご検討の企業さま</h3>
</div>

<div class="page-content">
  <div class="bg-text en">Service Service</div>
  <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="#about"><img class="page-content__nav-icon" src="<?= App\asset_path('images/icon-cat.svg'); ?>">YouTubeについて</a></li>
        <li><a class="page-content__nav-link" href="#merit"><img class="page-content__nav-icon" src="<?= App\asset_path('images/icon-cat.svg'); ?>">YouTube制作のメリット</a></li>
        <li><a class="page-content__nav-link" href="#achievement"><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="#flow"><img class="page-content__nav-icon" src="<?= App\asset_path('images/icon-cat.svg'); ?>">制作の流れ</a></li>
      </ul>
      <a class="page-content__nav-button button button_black" href="<?php echo e(home_url('/')); ?>consulting">YouTubeコンサルはこちら</a>
    </div>
  </div>

  <div class="page-content__service">
    <div class="page-content__block">
      <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'); ?>">YouTubeチャンネル新規開設をご検討の企業さま</h3>
        <h2 class="page-hero__title">YouTube動画制作から<br>チャンネル運用まで<br>まるっとお任せ<span class="d-none d-md-inline">ください</span>。</h2>
        <p class="page-hero__text">BitStarなら、コンテンツの企画・制作だけでなく、戦略立案、キャスティング、配信後の分析・改善、<br class="d-none d-md-inline">広告運用まで、一気通貫でサポート可能です。</p>
      </div>
    </div>


    <!-- YouTubeについて -->
    <div class="page-content__block page-content__block_dark" id="about">
      <div class="page-title-unit">
        <h4 class="page-title-unit__sub-title"><span class="page-title-unit__num en">1</span>YouTubeについて</h4>
        <h3 class="page-title-unit__title">多くの企業様が<br>YouTubeを<br class="d-md-none">活用しています。</h3>
        <p class="page-title-unit__text">YouTubeチャンネル運営は<br>多くの企業で取り入れられています。</p>
      </div>

      <div class="cards">
        <div class="cards__item card card_radius">
          <figure class="card__img-wrap">
            <img class="card__img" src="<?= App\asset_path('images/illust/i1.png'); ?>">
          </figure>
          <div class="card__body">
            <h3 class="card__service-circle-title"><span class="card__service-circle-num en d-none d-md-inline-block">01</span>リーチの広さ</h3>
            <p class="card__service-s-text">若年層を中心に幅広い世代にリーチできる</p>
          </div>
        </div>

        <div class="cards__item card card_radius">
          <figure class="card__img-wrap">
            <img class="card__img" src="<?= App\asset_path('images/illust/i2.png'); ?>">
          </figure>
          <div class="card__body">
            <h3 class="card__service-circle-title"><span class="card__service-circle-num en d-none d-md-inline-block">02</span>ストック性</h3>
            <p class="card__service-s-text">番組とファンをチャンネルにストックし恒常的な広告効果が得られる</p>
          </div>
        </div>

        <div class="cards__item card card_radius">
          <figure class="card__img-wrap">
            <img class="card__img" src="<?= App\asset_path('images/illust/i3.png'); ?>">
          </figure>
          <div class="card__body">
            <h3 class="card__service-circle-title"><span class="card__service-circle-num en d-none d-md-inline-block">03</span>アイコン創出＆育成</h3>
            <p class="card__service-s-text">双方向性を活かしMCを育成。ブランドの顔となるIP・インフルエンサーに</p>
          </div>
        </div>
      </div>

    </div>

    <!-- YouTubeについて（数字で見るYouTube） -->
    <div class="page-content__block">
      <div class="page-title-unit">
        <h4 class="page-title-unit__sub-title"><span class="page-title-unit__num en">2</span>YouTubeについて</h4>
        <h3 class="page-title-unit__title">数字で見るYouTube</h3>
        <p class="page-title-unit__text">数字が現すマスメディア化するYouTube</p>
      </div>


      <div class="cards">
        <div class="cards__item card card_radius">
          <figure class="card__img-wrap">
            <img class="card__img" src="<?= App\asset_path('images/illust/i4.png'); ?>">
          </figure>
          <div class="card__body card__body_right">
            <div class="card__service-with-num-wrap">
              ユーザー数<span class="card__service-with-num en">6,900</span><span class="card__service-with-small">万人以上</span>
            </div>
            <p class="card__note">18〜64歳のYouTubeユーザー数*（2021年5月）</p>
          </div>
        </div>

        <div class="cards__item card card_radius">
          <figure class="card__img-wrap">
            <img class="card__img" src="<?= App\asset_path('images/illust/i5.png'); ?>">
          </figure>
          <div class="card__body card__body_right">
            <div class="card__service-with-num-wrap">
              幅広い世代への普及<span class="card__service-with-num en">75</span><span class="card__service-with-small">%以上</span>
            </div>
            <p class="card__note">45~64歳における利用率*（2021年5月）</p>
          </div>
        </div>

        <div class="cards__item card card_radius">
          <figure class="card__img-wrap">
            <img class="card__img" src="<?= App\asset_path('images/illust/i6.png'); ?>">
          </figure>
          <div class="card__body card__body_right">
            <div class="card__service-with-num-wrap">
              TV画面での視聴の増加<span class="card__service-with-num en">2,000</span><span class="card__service-with-small">万人以上</span>
            </div>
            <p class="card__note">テレビ画面でのYouTube視聴者数*（2021年3月）</p>
          </div>
        </div>

      </div>

      <p class="note">*出典：Nielsen DCR　Google発表記事『「みんなのメインステージ」——新しい時代・進化する YouTube』より抜粋</p>
    </div>


    <!-- YouTube制作のメリット -->
    <div class="page-content__sp-bg-gray">
      <div class="page-content__block" id="merit">
        <div class="page-title-unit">
          <h4 class="page-title-unit__sub-title"><span class="page-title-unit__num en">3</span>YouTube制作のメリット</h4>
          <h3 class="page-title-unit__title">YouTubeチャンネル運用で<br class="d-none d-md-inline">多くの課題を解決できます。</h3>
          <p class="page-title-unit__text">YouTubeチャンネル運営には<br>従来の広告・PR施策にはない特徴的なメリットがあります。</p>
        </div>

        <div class="solution-table">
          <h3 class="solution-table__title">全ての課題を解決できます</h3>
          <ul class="solution-table__wrap">
            <li class="solution-table__item">ウェブ広告を実施しているが、認知が足りていないため、顧客獲得単価（CPA）が高騰してしまう</li>
            <li class="solution-table__item">テレビ広告を実施しているが、若い世代にリーチしづらい</li>
            <li class="solution-table__item">オウンドメディアを運用しているが、動画を使ってコンテンツを充実化させたい</li>
            <li class="solution-table__item">顧客接点を増やし、継続的なファンを増やしたい</li>
          </ul>
        </div>

        <h3 class="title-dot">YouTubeを活用した<br class="d-md-none">マーケティングの種類</h3>

        <div class="cards">
          <div class="cards__item card card_radius">
            <figure class="card__img-wrap">
              <img class="card__img" src="<?= App\asset_path('images/illust/i1.png'); ?>">
            </figure>
            <div class="card__body">
              <h3 class="card__service-circle-title"><span class="card__service-circle-num en d-none d-md-inline-block">01</span>YouTube動画広告</h3>
              <p class="card__service-s-text">認知から比較検討まで幅広く効果を最大化することができます</p>
            </div>
          </div>

          <div class="cards__item card card_radius">
            <figure class="card__img-wrap">
              <img class="card__img" src="<?= App\asset_path('images/illust/i2.png'); ?>">
            </figure>
            <div class="card__body">
              <h3 class="card__service-circle-title"><span class="card__service-circle-num en d-none d-md-inline-block">02</span>YouTuberタイアップ</h3>
              <p class="card__service-s-text">認知や興味、購買にも効果を発揮するプロモーション</p>
            </div>
          </div>

          <div class="cards__item card card_radius">
            <figure class="card__img-wrap">
              <img class="card__img" src="<?= App\asset_path('images/illust/i1.png'); ?>">
            </figure>
            <div class="card__body">
              <h3 class="card__service-circle-title"><span class="card__service-circle-num en d-none d-md-inline-block">03</span>YouTube Ch運用</h3>
              <p class="card__service-s-text">幅広い年代の視聴者に向けて、企業や商材の発信を行うことができます</p>
            </div>
          </div>
        </div>
      </div>

    </div><!-- sp-bg-gray -->

    <!-- 実績紹介 -->
    <div class="page-content__block" id="achievement">
      <div class="page-title-unit">
        <h4 class="page-title-unit__sub-title"><span class="page-title-unit__num en">4</span>実績紹介</h4>
        <h3 class="page-title-unit__title">業界トップクラスの<br>YouTubeチャンネル運営実績</h3>
        <p class="page-title-unit__text">YouTubeチャンネル運営には<br>従来の広告・PR施策にはないメリットがあります！</p>
      </div>

      <div class="cards">
        <?php
          $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
          $wp_query = new WP_Query( array(
            'post_status' => 'publish',
            'post_type' => array('works_url', 'works'), //カスタム投稿タイプ名
            'taxonomy' => 'works_cat',
            'paged' => $paged,
            'posts_per_page' => 4,
            'orderby'     => 'date',
            'order' => 'DESC'
          ) );

          if( $wp_query->have_posts() ): while( $wp_query->have_posts() ) : $wp_query->the_post();
        ?>

        <?php $url = get_field('works_url'); if($url): ?>
          <a class="cards__item card card_link" href="<?php echo $url; ?>" target="_blank">
        <?php else: ?>
          <a class="cards__item card card_link" href="<?php the_permalink(); ?>">
        <?php endif; ?>
          <figure class="card__img-wrap">
          <?php if( has_post_thumbnail() ): ?>
            <img class="card__img lazyload" src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'thumbnail' ); ?>" data-src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'large' ); ?>">
          <?php elseif( get_field('works_url') ): ?>
          <?php
            $works_url = get_field('works_url');
            if (preg_match('/youtu/',$works_url)) {
              $data = $youtube_url = get_field('works_url');
              $data = htmlspecialchars($data, ENT_QUOTES);
              if (strpos($youtube_url, "watch") != false){
                $youtube_url = substr($youtube_url, (strpos($youtube_url, "=")+1));
              }else{
                $youtube_url = substr($youtube_url, (strpos($youtube_url, "youtu.be/")+9));
              }

              $src = "https://img.youtube.com/vi/${youtube_url}/maxresdefault.jpg";

              echo '<img class="card__img lazyload" data-src="'.$src.'">';

            } else { ?>
              <img class="card__img lazyload" data-src="<?= App\asset_path('images/no-image.jpg'); ?>">
            <?php
            }
            ?>
          <?php else: ?>
            <img class="card__img lazyload" data-src="<?= App\asset_path('images/no-image.jpg'); ?>">
          <?php endif; ?>
          </figure>
          <div class="card__body">
            <div class="card__meta">
              <ul>
                <?php $post_id = get_the_ID(); ?>
                <?php
                  if ($terms = get_the_terms($post_id, 'works_cat')) {
                    foreach ( $terms as $term ) {
                      echo '<li class="card__cat en">'.$term->name.'</li>';
                    }
                  }
                ?>
              </ul>
              <ul>
                <?php $post_id = get_the_ID(); ?>
                <?php
                  if ($terms = get_the_terms($post_id, 'works_tag')) {
                    foreach ( $terms as $term ) {
                      echo '<li class="card__cat en">'.$term->name.'</li>';
                    }
                  }
                ?>
              </ul>
            </div>
            <p class="card__text"><?php the_title(); ?></p>
          </div>
        </a>

        <?php endwhile; endif; wp_reset_postdata(); ?>

      </div><!-- /cards -->

      <a class="button button_sp-none" href="<?php echo e(home_url('/')); ?>works">実績をもっと見る</a>

      <a class="sp-circle-button sp-circle-button_black" href="<?php echo e(home_url('/')); ?>works">
        <div class="sp-circle-button__inner en">
          <svg xmlns="http://www.w3.org/2000/svg" width="15.902" height="15.698" viewBox="0 0 15.902 15.698">
            <g id="グループ_3006" data-name="グループ 3006" transform="translate(7.975 0.654) rotate(45)">
              <path id="パス_165" data-name="パス 165" d="M7.87,8.508a.638.638,0,0,1-.638-.638V1.276H.638A.638.638,0,1,1,.638,0H7.87a.638.638,0,0,1,.638.638V7.87A.638.638,0,0,1,7.87,8.508Z" transform="translate(1.701 0)" fill="currentColor" stroke="currentColor" stroke-width="1"/>
              <path id="パス_166" data-name="パス 166" d="M.638,10A.638.638,0,0,1,.187,8.908L8.908.187a.638.638,0,1,1,.9.9L1.089,9.81A.633.633,0,0,1,.638,10Z" transform="translate(0 0.213)" fill="currentColor" stroke="currentColor" stroke-width="1"/>
            </g>
          </svg><br>Detail
        </div>
      </a>
    </div>

    <!-- 主要取引先 -->
    <div class="page-content__block">
      <div class="page-title-unit page-title-unit_mini d-none d-md-block">
        <h4 class="page-title-unit__sub-title">主要取引先</h4>
        <h3 class="page-title-unit__title en">Our Clients</h3>
        <p class="page-title-unit__text">BitStar Studioの主要お取引先</p>
      </div>

      <div class="page-title-unit-sp">
        <h3 class="page-title-unit-sp__title en">Our Clients</h3>
      </div>

      <div class="logos">
        <?php
          $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
          $wp_query = new WP_Query( array(
            'post_status' => 'publish',
            'post_type' => array('client_logos'), //カスタム投稿タイプ名
            'paged' => $paged,
            'posts_per_page' => -1,
            'orderby' => 'menu_order',
            'order' => 'ASC',
          ) );

          if( $wp_query->have_posts() ): while( $wp_query->have_posts() ) : $wp_query->the_post();
        ?>

        <img class="logos__item" src="<?php echo get_field('client_logo_img'); ?>" alt="<?php the_title(); ?>">

        <?php endwhile; endif; wp_reset_postdata(); ?>
      </div><!-- /logos -->
    </div>


    <!-- 提供サービス -->
    <div class="page-content__sp-bg-gray">
      <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">5</span>提供サービス</h4>
          <h3 class="page-title-unit__title">様々なニーズに<br class="d-md-none">対応した<br class="d-none d-md-inline">サービスを<br class="d-md-none">提供しています</h3>
          <p class="page-title-unit__text">BitStar Studioでは、YouTubeチャンネル制作以外にも<br class="d-none d-md-inline">さまざまなサービスを提供しています。</p>
        </div>

        <div class="service-slider">
          <div class="service-slider__inner">
            <div class="swiper mySwiper">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="card card_radius">
                    <figure class="card__img-wrap">
                      <img class="card__img" src="<?= App\asset_path('images/service/s1.png'); ?>">
                    </figure>
                    <div class="card__body">
                      <p class="card__service-sub-title"><span class="d-none d-md-inline">01. </span>YouTube Production</p>
                      <h3 class="card__service-title">YouTube番組制作</h3>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="card card_radius">
                    <figure class="card__img-wrap">
                      <img class="card__img" src="<?= App\asset_path('images/service/s2.png'); ?>">
                    </figure>
                    <div class="card__body">
                      <p class="card__service-sub-title"><span class="d-none d-md-inline">02. </span>YouTube Planning</p>
                      <h3 class="card__service-title">YouTube企画</h3>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="card card_radius">
                    <figure class="card__img-wrap">
                      <img class="card__img" src="<?= App\asset_path('images/service/s3.png'); ?>">
                    </figure>
                    <div class="card__body">
                      <p class="card__service-sub-title"><span class="d-none d-md-inline">03. </span>YouTube Consulting</p>
                      <h3 class="card__service-title">YouTubeコンサルティング</h3>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="card card_radius">
                    <figure class="card__img-wrap">
                      <img class="card__img" src="<?= App\asset_path('images/service/s4.png'); ?>">
                    </figure>
                    <div class="card__body">
                      <p class="card__service-sub-title"><span class="d-none d-md-inline">04. </span>Animation</p>
                      <h3 class="card__service-title">アニメ動画制作</h3>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="card card_radius">
                    <figure class="card__img-wrap">
                      <img class="card__img" src="<?= App\asset_path('images/service/s5.png'); ?>">
                    </figure>
                    <div class="card__body">
                      <p class="card__service-sub-title"><span class="d-none d-md-inline">05. </span>Video Advertising</p>
                      <h3 class="card__service-title">動画広告</h3>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="card card_radius">
                    <figure class="card__img-wrap">
                      <img class="card__img" src="<?= App\asset_path('images/service/s6.png'); ?>">
                    </figure>
                    <div class="card__body">
                      <p class="card__service-sub-title"><span class="d-none d-md-inline">06. </span>Live Streaming</p>
                      <h3 class="card__service-title">ライブ配信</h3>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="card card_radius">
                    <figure class="card__img-wrap">
                      <img class="card__img" src="<?= App\asset_path('images/service/s7.png'); ?>">
                    </figure>
                    <div class="card__body">
                      <p class="card__service-sub-title"><span class="d-none d-md-inline">07. </span>Short Video</p>
                      <h3 class="card__service-title">ショート動画</h3>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="card card_radius">
                    <figure class="card__img-wrap">
                      <img class="card__img" src="<?= App\asset_path('images/service/s8.png'); ?>">
                    </figure>
                    <div class="card__body">
                      <p class="card__service-sub-title"><span class="d-none d-md-inline">08. </span>Recruitment Consultant </p>
                      <h3 class="card__service-title">動画制作人材紹介</h3>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="card card_radius">
                    <figure class="card__img-wrap">
                      <img class="card__img" src="<?= App\asset_path('images/service/s9.png'); ?>">
                    </figure>
                    <div class="card__body">
                      <p class="card__service-sub-title"><span class="d-none d-md-inline">09. </span>Ad Effectiveness Measurement</p>
                      <h3 class="card__service-title">効果測定サービス</h3>
                    </div>
                  </div>
                </div>
              </div>

              <div class="service-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 class="swiper-pagination d-md-none"></div>
            </div><!-- swiper -->

          </div>
        </div><!-- service-slider -->

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

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

        <a class="button button_sp-none" href="<?php echo e(home_url('/')); ?>contact">詳しくはお問い合わせください</a>
      </div>
    </div><!-- sp-bg-gray -->

    <!-- 制作の流れ -->
    <div class="page-content__block" id="flow">
      <div class="page-title-unit d-none d-md-block">
        <h4 class="page-title-unit__sub-title"><span class="page-title-unit__num en">6</span>Production Flow</h4>
        <h3 class="page-title-unit__title">制作の流れ</h3>
        <p class="page-title-unit__text">BitStar Studioの制作の流れについて</p>
      </div>

      <div class="page-title-unit-sp">
        <h3 class="page-title-unit-sp__title en">Production Flow</h3>
      </div>

      <div id="js_flow-slider" class="flow-slider carousel slide carousel-fade" data-ride="carousel" data-interval="false">
        <div class="flow-slider__carousel-control">
          <a class="carousel-control-prev" href="#js_flow-slider" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true">
              <img class="flow-slider__carousel-control-icon" src="<?= App\asset_path('images/slider-btn-prev.png'); ?>">
            </span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="carousel-control-next" href="#js_flow-slider" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true">
              <img class="flow-slider__carousel-control-icon" src="<?= App\asset_path('images/slider-btn-next.png'); ?>">
            </span>
            <span class="sr-only">Next</span>
          </a>
        </div>
        <ol class="flow-slider__indicators carousel-indicators d-none d-md-flex">
          <li data-target="#js_flow-slider" data-slide-to="0" class="flow-slider__indicator active">企画</li>
          <li data-target="#js_flow-slider" data-slide-to="1" class="flow-slider__indicator">制作</li>
          <li data-target="#js_flow-slider" data-slide-to="2" class="flow-slider__indicator">配信</li>
        </ol>
        <div class="carousel-inner">
          <div class="carousel-item active">
            <h3 class="flow-slider__sp-title">企画</h3>
            <dl class="flow-slider__item">
              <dt class="flow-slider__item-title"><div class="flow-slider__item-title-inner"><span class="flow-slider__item-title-num en">01.</span>要件ヒアリング</div></dt>
              <dd class="flow-slider__item-text">お客様のビジネスゴール・YouTubeチャンネル運用の狙いや<br>企画意図をヒアリングさせていただき、<br>弊社がどのようにサポートできるかを検討いたします。</dd>
              <dt class="flow-slider__item-title"><div class="flow-slider__item-title-inner"><span class="flow-slider__item-title-num en">02.</span>企画立案</div></dt>
              <dd class="flow-slider__item-text">お客様のニーズ・予算にマッチした企画・構成・キャスティング等のプランを作成しご提案いたします。<br>また、企画実現にかかる費用もお見積もりとして提出いたします。</dd>
            </dl>
          </div>
          <div class="carousel-item">
            <h3 class="flow-slider__sp-title">制作</h3>
            <dl class="flow-slider__item">
              <dt class="flow-slider__item-title"><div class="flow-slider__item-title-inner"><span class="flow-slider__item-title-num en">01.</span>動画企画<br>キャスティング</div></dt>
              <dd class="flow-slider__item-text">動画企画のより具体的な作り込み・キャスティングのご提案<br>制作チームアサイン等の準備に進みます。</dd>
              <dt class="flow-slider__item-title"><div class="flow-slider__item-title-inner"><span class="flow-slider__item-title-num en">02.</span>撮影・編集</div></dt>
              <dd class="flow-slider__item-text">貴社と弊社による綿密な企画検討に基づき撮影・編集を行います。<br>新規チャンネルの場合はチャンネルアートやサムネイル等も制作いたします。</dd>
            </dl>
          </div>
          <div class="carousel-item">
            <h3 class="flow-slider__sp-title">配信</h3>
            <dl class="flow-slider__item">
              <dt class="flow-slider__item-title"><div class="flow-slider__item-title-inner"><span class="flow-slider__item-title-num en">01.</span>配信後の分析</div></dt>
              <dd class="flow-slider__item-text">動画配信後、視聴データを元に分析・レポーティングを行い、<br>分析から更なる改善案をご提案いたします。</dd>
              <dt class="flow-slider__item-title"><div class="flow-slider__item-title-inner"><span class="flow-slider__item-title-num en">02.</span>PDCA</div></dt>
              <dd class="flow-slider__item-text">改善したコンテンツの公開以降もPDCAを回し、YouTubeチャンネルのグロースに貢献いたします。<br>※YouTubeに限らず、その他ソーシャルメディア・TVCM・WebCM等、動画制作全般のご相談が可能です。</dd>
            </dl>
          </div>
        </div>
      </div>

      <a class="button button_sp-none" href="<?php echo e(home_url('/')); ?>contact">詳しくはお問い合わせください</a>
    </div>

  </div> <!-- /page-content__service -->

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



<!-- イベント&セミナー情報 -->
<div class="main-block main-block_bg_white main-block_sp-bg-gray" id="page-bottom">
  <div class="main-block__item">
    <div class="side">
      <h4 class="side__sub-title">イベント&セミナー情報</h4>
      <h3 class="side__title en">News&Seminar</h3>
      <p class="side__text">BitStar Studioの<br>イベント&セミナー情報をお届けします</p>

      <a class="button button_black" href="<?php echo e(home_url('/')); ?>news">Learn more</a>
    </div>

    <div class="cards">
      <?php
      $paged = (int) get_query_var('paged');
      $args = array(
        'paged' => $paged,
        'posts_per_page' => 2,
        'orderby' => 'post_date',
        'order' => 'DESC',
        'post_type' => 'post',
        'post_status' => 'publish'
      );
      $the_query = new WP_Query($args);

      if ( $the_query->have_posts() ) :
        while ( $the_query->have_posts() ) : $the_query->the_post();
      ?>
      <a class="cards__item card card_link card_radius" href="<?php the_permalink(); ?>">
        <figure class="card__img-wrap">
          <?php if( has_post_thumbnail() ): ?>
          <img class="card__img lazyload" src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'thumbnail' ); ?>" data-src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'large' ); ?>">
          <?php else: ?>
          <img class="card__img lazyload" data-src="<?= App\asset_path('images/no-image.jpg'); ?>">
          <?php endif; ?>
        </figure>
        <div class="card__body">
          <div class="card__meta">
            <?php if (!is_tag() && has_tag()): ?>
            <?php
              $posttags = get_the_tags();
              if ( $posttags ) {
                echo '<ul>';
                foreach ( $posttags as $tag ) {
                  echo '<li class="card__cat en">'.$tag->name.'</li>';
                }
                echo '</ul>';
              }
            ?>
            <?php endif; ?>
            <time class="card__time en"><?php echo get_the_date('Y.n.j'); ?></time>
          </div>
          <p class="card__text"><?php the_title(); ?></p>
        </div>
      </a>

      <?php
        endwhile;endif;
        wp_reset_postdata();
      ?>

    </div><!-- /cards -->

  </div><!-- /main-block__item -->
</div>

<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(); ?>