<!doctype html>
<html <?php echo get_language_attributes(); ?>>
<?php echo $__env->make('partials.head', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<body id="index" <?php body_class() ?>>

<div class="pacewrap">
<?php do_action('get_header') ?>

<div id="container">
<?php echo $__env->make('partials.header', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<article>


<section class="main mt_pages">
  <div class="top_head_area plr-0 col-12 col-md-10 offset-md-1">
    <h3 class="weight_black">マーケットに、もっと<strong>光を。</strong></h3>
    <h2 class="weight_black ltchange">その輝きを<span>、</span><br class="d-md-none d-sm-inline">加速させる。</h2>
    <a class="text_link en mt-4 pr-md-2" href="<?php echo e(home_url('/company')); ?>">View Company <i class="fas fa-chevron-right"></i></a>
  </div>

  <div class="slide_box position-relative">
    <div class="slider">
      <div><img src="<?= App\asset_path('images/top_slide/slide_01.png'); ?>" alt=""></div>
      <div><img src="<?= App\asset_path('images/top_slide/slide_02.png'); ?>" alt=""></div>
      <div><img src="<?= App\asset_path('images/top_slide/slide_03.png'); ?>" alt=""></div>
      <div><img src="<?= App\asset_path('images/top_slide/slide_04.png'); ?>" alt=""></div>
      <div><img src="<?= App\asset_path('images/top_slide/slide_05.png'); ?>" alt=""></div>
      <div><img src="<?= App\asset_path('images/top_slide/slide_06.png'); ?>" alt=""></div>
      <div><img src="<?= App\asset_path('images/top_slide/slide_07.png'); ?>" alt=""></div>
    </div>
    <img src="<?= App\asset_path('images/img_01.png'); ?>" class="d-lg-inline d-md-inline d-sm-none img-fluid img_01" alt="<?php echo e(get_bloginfo('name', 'display')); ?>">
    <img src="<?= App\asset_path('images/img_02.svg'); ?>" class="d-lg-inline d-md-inline d-sm-none img-fluid img_02" alt="<?php echo e(get_bloginfo('name', 'display')); ?>">
    <img src="<?= App\asset_path('images/img_03.png'); ?>" class="d-lg-inline d-md-inline d-sm-none img-fluid img_03" alt="<?php echo e(get_bloginfo('name', 'display')); ?>">
    <img src="<?= App\asset_path('images/img_04.png'); ?>" class="d-lg-inline d-md-inline d-sm-none img-fluid img_04" alt="<?php echo e(get_bloginfo('name', 'display')); ?>">
  </div>

<div id="our_service" class="row plr-0 col-md-10 offset-md-1 col-sm-12 offset-sm-0">

  <div class="container">

      <h1 class="page_title en col-md-6 col-sm-10 offset-sm-1 offset-md-0">Our Service</h1>

    <div id="service_slider" class="carousel slide carousel-fade" data-ride="carousel" data-interval="7000">
        <div class="carousel-inner content_slide">

          <div class="carousel-item active">
            <div class="d-lg-flex d-md-block d-sm-block flex-row-reverse align-items-center">
              <div class="col-lg-6 col-md-12 col-sm-12 img-wrap">
                <img src="<?= App\asset_path('images/service/service_production.png'); ?>" class="img-fluid" alt="<?php echo e(get_bloginfo('name', 'display')); ?>">
                <div class="title">
                  <h5 class="en weight_bold">BitStar</h5>
                  <!-- <div class="sub">プロダクション事業</div> -->
                </div>
              </div>
              <div class="desc-wrap col-lg-6 offset-lg-0 col-md-12 offset-md-0 col-sm-10 offset-sm-1">
                <div>
                  <p class="desc">BitStarはクリエイターの”やりたい”を叶え、スターへの道を全面サポートするプロダクションです。SNSの成長支援のみならず、企業案件の獲得支援、マスメディア露出支援、イベント、物販、音楽活動のプロデュース、その他手続き業務（コンプライアンス、確定申告、経理、賃貸契約）など幅広くサポート。さらなる活躍の場を提供し、クリエイターの可能性を最大化します。</p>
                  <a class="text_link en" href="https://bitstar.tokyo/" target="_blank">View Service <i class="fas fa-chevron-right"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="carousel-item">
            <div class="d-lg-flex d-md-block d-sm-block flex-row-reverse align-items-center">
              <div class="col-lg-6 col-md-12 col-sm-12 img-wrap">
                <img src="<?= App\asset_path('images/service/service_studio.png'); ?>" class="img-fluid" alt="<?php echo e(get_bloginfo('name', 'display')); ?>">
                <div class="title">
                  <h5 class="en weight_bold">BitStar Studio</h5>
                  <!-- <div class="sub">プロダクション事業</div> -->
                </div>
              </div>
              <div class="desc-wrap col-lg-6 offset-lg-0 col-md-12 offset-md-0 col-sm-10 offset-sm-1">
                <div>
                  <p class="desc">BitStar Studioは、企業のYouTubeチャンネルの動画制作及び運営などを行うコンテンツスタジオです。コンテンツを通じ、顧客と高いエンゲージメントを構築させブランディング / 認知 / 収益性の向上を実現します。</p>
                  <a class="text_link en" href="https://studio.bitstar.tokyo/" target="_blank">View Service <i class="fas fa-chevron-right"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="carousel-item">
            <div class="d-lg-flex d-md-block d-sm-block flex-row-reverse align-items-center">
              <div class="col-lg-6 col-md-12 col-sm-12 img-wrap">
                <img src="<?= App\asset_path('images/service/service_akihabara.png'); ?>" class="img-fluid" alt="<?php echo e(get_bloginfo('name', 'display')); ?>">
                <div class="title">
                  <h5 class="en weight_bold">BitStar Akihabara Lab</h5>
                  <!-- <div class="sub">プロダクション事業</div> -->
                </div>
              </div>
              <div class="desc-wrap col-lg-6 offset-lg-0 col-md-12 offset-md-0 col-sm-10 offset-sm-1">
                <div>
                  <p class="desc">VTuberや日本最大規模のVTuberイベント「わくわく！VTuberひろば」の運営をしております。VTuberイベントにおける日本初のVR, ARエンタメ技術を提供し、キャラクター価値の最大化とXR領域への進出を目指します。</p>
                </div>
              </div>
            </div>
          </div>

          <div class="carousel-item">
            <div class="d-lg-flex d-md-block d-sm-block flex-row-reverse align-items-center">
              <div class="col-lg-6 col-md-12 col-sm-12 img-wrap">
                <img src="<?= App\asset_path('images/service/service_ads.png'); ?>" class="img-fluid" alt="<?php echo e(get_bloginfo('name', 'display')); ?>">
                <div class="title">
                  <h5 class="en weight_bold">BitStar Ads</h5>
                  <!-- <div class="sub">プロダクション事業</div> -->
                </div>
              </div>
              <div class="desc-wrap col-lg-6 offset-lg-0 col-md-12 offset-md-0 col-sm-10 offset-sm-1">
                <div>
                  <p class="desc">BitStar Adsは、広告主に対してクリエイターやコンテンツを活用した新しいマーケティングソリューションを提供しております。様々なSNSのクリエイターキャスティングのみならず、クリエイティブの制作、広告運用、番組制作、イベント協賛など、認知から購買、オンラインからオフラインに至るまでのトータルソリューションをサポートいたします。</p>
                  <a class="text_link en" href="https://ad.bitstar.tokyo/" target="_blank">View Service <i class="fas fa-chevron-right"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="carousel-item">
            <div class="d-lg-flex d-md-block d-sm-block flex-row-reverse align-items-center">
              <div class="col-lg-6 col-md-12 col-sm-12 img-wrap">
                <img src="<?= App\asset_path('images/service/service_ipr.png'); ?>" class="img-fluid" alt="<?php echo e(get_bloginfo('name', 'display')); ?>">
                <div class="title">
                  <h5 class="en weight_bold">IPR</h5>
                  <!-- <div class="sub">プロダクション事業</div> -->
                </div>
              </div>
              <div class="desc-wrap col-lg-6 offset-lg-0 col-md-12 offset-md-0 col-sm-10 offset-sm-1">
                <div>
                  <p class="desc">国内最大のインフルエンサーデータベース「Influencer Power Ranking(IPR)」を運営。様々なSNSのインフルエンサーの特徴、フォロワー属性をビックデータ解析し、また、市場データやタイアップ市場なども可視化することで最適なプランニング、キャスティングを支援いたします。</p>
                  <a class="text_link en" href="https://ipr.tokyo/" target="_blank">View Service <i class="fas fa-chevron-right"></i></a>
                </div>
              </div>
            </div>
          </div>
        </div>

        <ol class="carousel-indicators">
          <li data-target="#service_slider" data-slide-to="0" class="active content-indicators"></li>
          <li data-target="#service_slider" class="content-indicators" data-slide-to="1"></li>
          <li data-target="#service_slider" class="content-indicators" data-slide-to="2"></li>
          <li data-target="#service_slider" class="content-indicators" data-slide-to="3"></li>
          <li data-target="#service_slider" class="content-indicators" data-slide-to="4"></li>
        </ol>
      </div>
  </div>

</div>

<div id="latest_news" class="row plr-0 col-12 col-md-10 offset-md-1 col-sm-10 offset-sm-1">

  <div class="container">
    <h1 class="page_title en">Latest News<a href="<?php echo e(home_url('/company')); ?>" class="titlelink en">View All</a></h1>

<!-- カテゴリのカラーcssは
    .cat_color01 オレンジ
    .cat_color02　むらさき
    .cat_color03　水色
    です。
    classの指定がない場合グレーになります -->


    <div class="row post_row">
        <?php
        $number = 4;
        $paged = (int) get_query_var('paged');
        $args = [
          'post_type' => 'news_release', // 検索したいカスタム投稿タイプ
          'posts_per_page' => 8,
          'paged'      => get_query_var('paged') ? intval(get_query_var('paged')) : 1,
        ];

        $the_query = new WP_Query($args);
        ?>
        <?php while ($the_query->have_posts()): $the_query->the_post(); $rankcount++; ?>
          <div class="col-lg-3 col-md-6 col-sm-12 post_box">
            <a href="<?php echo e(get_permalink()); ?>" class="thumbnail">
              <?php if(has_post_thumbnail()): ?>
                <?php the_post_thumbnail( 'thumb-square', array('class' => 'img-fluid') ); ?>
              <?php else: ?>
                <img src="<?= App\asset_path('images/notfound.jpg'); ?>" alt="thumbnail" class="img-fluid" />
              <?php endif; ?>
            </a>
            <time class="en"><?php echo e(get_the_date()); ?></time>  -
            <?php
              if($terms = get_the_terms($post->ID, 'ncat')) {
                foreach ( $terms as $term ) {
                  $term_slug = $term -> slug;
                ?>
                <span class="ctegory en c_<?php echo esc_html($term_slug);?>"><?php echo esc_html($term->name);?>
            <?php }}?></span>
            <h2><a href="<?php echo e(get_permalink()); ?>"><?php echo get_the_title(); ?></a></h2>
          </div>
          <?php if ($rankcount == $number ): ?>
            <!-- <hr class="w-100 mb-5 pb-3"> -->
          <?php endif; ?>
        <?php endwhile; ?>
        <?php wp_reset_postdata(); ?>
    </div>

    <div class="sp_titlelink"><a href="<?php echo e(home_url('/news_release')); ?>" class="titlelink en">View All</a></div>

  </div>

</div>

<div id="footer_message" class="row plr-0 col-lg-6 offset-lg-3 col-md-10 offset-md-1 col-sm-10 offset-sm-1">

  <div class="container">
    <h2 class="tagline weight_black">その輝きを、加速させる。</h2>
    <p>多種多様なメンバーで、新たなコンテンツ産業づくりを目指しています。</p>
    <a class="text_link en mt-4 pr-md-2" href="<?php echo e(home_url('/company')); ?>">View Company <i class="fas fa-chevron-right"></i></a>
  </div>

</div>

</section>

<section class="top_banner_area">
  <div class="livelist swiper-container">
    <div class="swiper-wrapper">
    <?php
    $args = [
      'post_type' => 'top_banner', // 検索したいカスタム投稿タイプ
      'post_count' => 1,
      'paged'      => get_query_var('paged') ? intval(get_query_var('paged')) : 1,
    ];

    $the_query = new WP_Query($args);
    ?>
    <?php while ($the_query->have_posts()): $the_query->the_post(); ?>
    <!-- 表示内容 -->
      <div class="swiper-slide">
        <a href="<?php $text = get_field('bnr_url'); if( $text ){ echo $text; }?>" target="_blank">
          <?php the_post_thumbnail(''); ?>
        </a>
      </div>
    <?php endwhile; ?>
    <?php wp_reset_postdata(); ?>

    </div>
  </div>
</section>

</article>

    <?php do_action('get_footer') ?>
    <?php echo $__env->make('partials.footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <?php wp_footer() ?>

</div>
</div>


<!--
  <script>
 jQuery('.slider').slick({
    autoplay:true,
    autoplaySpeed:5000,
    dots:true,
});
  </script> -->

  </body>
</html>
