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

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

<div class="hero" id="hero">
  <div class="hero__inner">
    <div class="video-wrapper">
      <video
        id="my-fvideo"
        class="video-js video"
        preload="auto"
        width="640"
        height="360"
        loop
        muted
        autoplay
        controls
        playsinline
        poster="<?= App\asset_path('images/poster.jpg'); ?>"
        data-setup="{}"
      >
        <source src="<?= App\asset_path('images/video.mp4'); ?>" type="video/mp4" />
        <p class="vjs-no-js">
          To view this video please enable JavaScript, and consider upgrading to
          a web browser that
          <a href="https://videojs.com/html5-video-support/" target="_blank"
            >supports HTML5 video</a
          >
        </p>
      </video>
    </div>  
  </div>
  <div class="hero__message">
    <h3 class="hero__message-title">Now on air on Taxi Signage!</h3>
    <p class="hero__message-text">Influencer Marketing is<br class="d-lg-none">Leave it to BitStar!</p>
    <a class="hero__message-link" href="https://bitstar.tokyo/" target="_blank">For more information <i class="fas fa-arrow-up"></i></a>
  </div>
</div>

<article>

<section class="main mt_pages">

<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 width="300" height="200" data-src="<?= App\asset_path('images/service-new/agent.jpg'); ?>" data-srcset="<?= App\asset_path('images/service-new/agent_sp.jpg'); ?> 767w, <?= App\asset_path('images/service-new/agent.jpg'); ?>" class="img-fluid lazyload" alt="<?php echo e(get_bloginfo('name', 'display')); ?>">
              </div>
              <div class="desc-wrap col-lg-6 offset-lg-0 col-md-12 offset-md-0 col-sm-10 offset-sm-1">
                <div class="title">
                  <h5 class="en weight_bold">BitStar Agent</h5>
                </div>
                <div>
                  <p class="desc">BitStar Agent is a next-generation creator agency that supports creators (regardless of their affiliation) in taking on new challenges and business opportunities, and provides companies with comprehensive solutions and selection of creators, as well as implements promotions optimized through a proprietary database tailored to specific issues and outcomes.</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 width="300" height="200" data-src="<?= App\asset_path('images/service-new/d2c.jpg'); ?>" data-srcset="<?= App\asset_path('images/service-new/d2c_sp.jpg'); ?> 767w, <?= App\asset_path('images/service-new/d2c.jpg'); ?>" class="img-fluid lazyload" alt="<?php echo e(get_bloginfo('name', 'display')); ?>">
              </div>
              <div class="desc-wrap col-lg-6 offset-lg-0 col-md-12 offset-md-0 col-sm-10 offset-sm-1">
                <div class="title">
                  <h5 class="en weight_bold">BitStar D2C</h5>
                </div>
                <div>
                  <p class="desc">
                  BitStar D2C is a service that supports influencers in creating their own original brands. We support influencers and help them realize their worldview and improve profitability, with our dedicated team accompanying them on the journey and providing comprehensive support from product planning on through to manufacturing and sales.</p>
                  <a class="text_link en" href="https://d2c.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 width="300" height="200" data-src="<?= App\asset_path('images/service-new/production.jpg'); ?>" data-srcset="<?= App\asset_path('images/service-new/production_sp.jpg'); ?> 767w, <?= App\asset_path('images/service-new/production.jpg'); ?>" class="img-fluid lazyload" alt="<?php echo e(get_bloginfo('name', 'display')); ?>">
              </div>
              <div class="desc-wrap col-lg-6 offset-lg-0 col-md-12 offset-md-0 col-sm-10 offset-sm-1">
                <div class="title">
                  <h5 class="en weight_bold">BitStar Production</h5>
                </div>
                <div>
                  <p class="desc">BitStar is a production team that enables creators to do what they really want to do, fully supporting them on their way to becoming stars. Not only do we support growth on social media, but we also help with acquiring a wide range of corporate tie-ins, mass media exposure, events, product sales, production of music, and handling other procedures (compliance, tax returns, accounting, rental agreements, etc.). By providing new opportunities and venues for influencers to excel, we maximize their potential.</p>
                  <a class="text_link en" href="https://production.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 width="300" height="200" data-src="<?= App\asset_path('images/service-new/ipr.jpg'); ?>" data-srcset="<?= App\asset_path('images/service-new/ipr_sp.jpg'); ?> 767w, <?= App\asset_path('images/service-new/ipr.jpg'); ?>" class="img-fluid lazyload" alt="<?php echo e(get_bloginfo('name', 'display')); ?>">
              </div>
              <div class="desc-wrap col-lg-6 offset-lg-0 col-md-12 offset-md-0 col-sm-10 offset-sm-1">
                <div class="title">
                  <h5 class="en weight_bold">IPR</h5>
                </div>
                <div>
                  <p class="desc">We operate Influencer Power Ranking (IPR), Japan's largest influencer database. We optimize your planning and casting by analyzing big data on the characteristics and follower attributes of social media influencers, and also visualize market data and markets where tie-in projects are possible.</p>
                  <a class="text_link en" href="https://ipr.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 width="300" height="200" data-src="<?= App\asset_path('images/service-new/studio.jpg'); ?>" data-srcset="<?= App\asset_path('images/service-new/studio_sp.jpg'); ?> 767w, <?= App\asset_path('images/service-new/studio.jpg'); ?>" class="img-fluid lazyload" alt="<?php echo e(get_bloginfo('name', 'display')); ?>">
              </div>
              <div class="desc-wrap col-lg-6 offset-lg-0 col-md-12 offset-md-0 col-sm-10 offset-sm-1">
                <div class="title">
                  <h5 class="en weight_bold">BitStar Studio</h5>
                </div>
                <div>
                  <p class="desc">BitStar Studio is a content studio that produces and manages videos for corporate SNS accounts.We enhance branding, awareness, and profitability by building high engagement with your clients through content.</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>

        <div class="carousel-control-wrapper d-flex mb-5 mb-md-0">
          <a class="carousel-control-prev" href="#service_slider" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>

          <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>


          <a class="carousel-control-next" href="#service_slider" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>

      </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">Polishing you into a shining success.</h2>
    <p>We bring a diverse team of members to the task of creating new content industries.</p>
    <a class="text_link en mt-4 pr-md-2" href="<?php echo e(home_url('/en/company-en')); ?>">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 src="https://vjs.zencdn.net/7.20.3/video.min.js"></script>
</body>
</html>

