<?php $__env->startSection('content'); ?>
<div class="hero hero2">
  <div class="hero__inner hero2__inner">
    <div class="hero2__text-wrapper">
      <h3 class="hero2__text1 en">Accelerate your business<br>through the power of content.</h3>
      <h2 class="hero2__text2">コンテンツの<br>パワーでビジネスを<br>加速させる。</h2>
      <p class="hero2__text3">BitStar Studioは、SNS動画コンテンツ制作に特化したデジタルコンテンツスタジオです。<br>
        創業以来培ってきたSNSにおけるノウハウ・データと、<br class="d-none d-md-inline">
        数多くのクライアントを支援してきた業界トップクラスの実績を元に、<br class="d-none d-md-inline">
        企業のSNS活用と動画マーケティングを総合的に支援します。
      </p>
      <div class="hero2__link">
        <a href="#service" class="hero2__link-btn hero2__link-btn_white">提供サービスはこちら</a>
        <a href="#contact" class="hero2__link-btn">無料相談はこちら</a>
      </div>
    </div>

    <div class="device">
      <div class="swiper-container device__video-container">
        <div class="swiper-wrapper">
          <?php $group = get_field('top_channel_group1'); ?>
          <div class="swiper-slide">
            <div class="device__profile">
              <img class="device__profile-img" src="<?php echo $group['channel_icon1']; ?>" alt="<?php echo $group['channel_name1']; ?>">
              <div class="device__profile-name"><?php echo $group['channel_name1']; ?></div>
            </div>
            <div class="device__video-wrapper">
              <?php echo '<video class="device__video" src="' . $group['video_top1'] . '" loop muted autoplay playsinline></video>'; ?>
              <?php echo '<video class="device__video" src="' . $group['video_bottom1'] . '" loop muted autoplay playsinline></video>'; ?>
            </div>
          </div>
          <?php $group = get_field('top_channel_group2'); ?>
          <div class="swiper-slide">
            <div class="device__profile">
              <img class="device__profile-img" src="<?php echo $group['channel_icon2']; ?>" alt="<?php echo $group['channel_name2']; ?>">
              <div class="device__profile-name"><?php echo $group['channel_name2']; ?></div>
            </div>
            <div class="device__video-wrapper">
              <?php echo '<video class="device__video" src="' . $group['video_top2'] . '" loop muted autoplay playsinline></video>'; ?>
              <?php echo '<video class="device__video" src="' . $group['video_bottom2'] . '" loop muted autoplay playsinline></video>'; ?>
            </div>
          </div>
          <?php $group = get_field('top_channel_group3'); ?>
          <div class="swiper-slide">
            <div class="device__profile">
              <img class="device__profile-img" src="<?php echo $group['channel_icon3']; ?>" alt="<?php echo $group['channel_name3']; ?>">
              <div class="device__profile-name"><?php echo $group['channel_name3']; ?></div>
            </div>
            <div class="device__video-wrapper">
              <?php echo '<video class="device__video" src="' . $group['video_top3'] . '" loop muted autoplay playsinline></video>'; ?>
              <?php echo '<video class="device__video" src="' . $group['video_bottom3'] . '" loop muted autoplay playsinline></video>'; ?>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div><!-- /hero__inner -->
</div><!-- /hero -->

<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script>
  var mySwiper = new Swiper('.swiper-container', {
    loop: true,
    freeMode: true,
    slidesPerView: "auto",
    autoplay: {
      delay: 5000,
      disableOnInteraction: false,
    },
    breakpoints: {
      768: {
        slidesPerView: 1,
        freeMode: false,
      },
    },
    on: {
      transitionStart: function() {
        var videos = document.querySelectorAll('video');
        Array.prototype.forEach.call(videos, function(video) {
          video.pause();
        });
      },
      transitionEnd: function() {
        var activeIndex = this.activeIndex;
        var activeSlide = document.getElementsByClassName('swiper-slide')[activeIndex];
        var activeSlideVideo = activeSlide.getElementsByTagName('video');
        for (let i = 0; i < activeSlideVideo.length; i++) {
          activeSlideVideo[i].play();
        }
      },
    }
  })
</script>

<div class="sp-cta">
  <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="platform">
  <div class="platform__inner">
    <p class="platform__text">主要な<br class="d-none d-md-inline">対応プラットフォーム</p>
    <ul class="platform__list">
      <li class="platform__list-item"><img src="<?= App\asset_path('images/pf-list/icon-youtube.svg'); ?>" alt="YouTube"></li>
      <li class="platform__list-item"><img src="<?= App\asset_path('images/pf-list/icon-tiktok.svg'); ?>" alt="TikTok"></li>
      <li class="platform__list-item"><img src="<?= App\asset_path('images/pf-list/icon-instagram.svg'); ?>" alt="Instagram"></li>
      <li class="platform__list-item"><img src="<?= App\asset_path('images/pf-list/icon-twitter.svg'); ?>" alt="Twitter"></li>
      <li class="platform__list-item"><img src="<?= App\asset_path('images/pf-list/icon-facebook.svg'); ?>" alt="Facebook"></li>
      <li class="platform__list-item"><img src="<?= App\asset_path('images/pf-list/icon-line.svg'); ?>" alt="Line"></li>
    </ul>
  </div>
</div>

<!-- 私たちについて -->
<div class="main-block main-block_bg_white">

  <div class="main-block__item">

    <div class="side">
      <h4 class="side__sub-title">私たちについて</h4>
      <h3 class="side__title en">Who we are</h3>
      <p class="side__text">BitStar Studioとは</p>
    </div>

    <div class="big-text">
      <h4 class="big-text__sub-title mt-md-1 pt-md-5">私たちは、動画コンテンツ×データの力で企業の<br>ソーシャルメディア活用を加速させる</h4>
      <h3 class="big-text__title">総合コンテンツ<br>プロデュース集団です。</h3>

      <ul class="big-text__list">
        <li class="big-text__list-item">複数SNS対応<br class="d-md-none"><span class="small-text">(YouTube・TikTok・Instagram・Twitter・Facebook)</span></li>
        <li class="big-text__list-item"><span class="underline">年間動画制作本数 4,000本以上</span></li>
        <li class="big-text__list-item">独自データベースによる戦略的なデータ活用
          <div class="big-text__list-ipr">
            <img src="<?= App\asset_path('images/ipr.svg'); ?>" alt="IPR"><br>
            <a href="https://ipr.bitstar.tokyo/" target="_blank">サービスサイトはこちら</a>
          </div>
        </li>
      </ul>

      <div class="kadai">
        <h3 class="kadai__title">こんな課題はありませんか?</h3>
        <ul class="kadai__list kadai__list_sp-tri">
          <li class="kadai__list-item">
            <img class="kadai__list-item-img" src="<?= App\asset_path('images/who-we-are/kadai1.png'); ?>" alt="課題画像1">
            <p class="kadai__list-item-text">SNSリーチを拡大したい</p>
          </li>
          <li class="kadai__list-item">
            <img class="kadai__list-item-img" src="<?= App\asset_path('images/who-we-are/kadai2.png'); ?>" alt="課題画像2">
            <p class="kadai__list-item-text">SNSを使って売上を<br class="d-md-none">増やしたい</p>
          </li>
          <li class="kadai__list-item">
            <img class="kadai__list-item-img" src="<?= App\asset_path('images/who-we-are/kadai3.png'); ?>" alt="課題画像3">
            <p class="kadai__list-item-text">CPAやROASを<br>改善・最適化したい</p>
          </li>
          <li class="kadai__list-item">
            <img class="kadai__list-item-img" src="<?= App\asset_path('images/who-we-are/kadai4.png'); ?>" alt="課題画像4">
            <p class="kadai__list-item-text">SNS施策を始めたいけど<br>リソースがない</p>
          </li>
          <li class="kadai__list-item">
            <img class="kadai__list-item-img" src="<?= App\asset_path('images/who-we-are/kadai5.png'); ?>" alt="課題画像5">
            <p class="kadai__list-item-text">過去にSNS施策を<br>やったけど失敗した</p>
          </li>
        </ul>

        <h3 class="kadai__title2">様々なニーズに対応した<br>サービスを提供しています。</h3>
        <p class="kadai__text">BitStar Studioは、<br class="d-none d-md-inline">SNSアカウント運用に関する様々なサービスを提供しています。</p>

        <ul class="kadai__list">
          <li class="kadai__list-item">
            <img class="kadai__list-item-img" src="<?= App\asset_path('images/who-we-are/service1.jpg'); ?>" alt="サービス画像1">
            <p class="kadai__list-item-text text-left">①SNSアカウント運用</p>
          </li>
          <li class="kadai__list-item">
            <img class="kadai__list-item-img" src="<?= App\asset_path('images/who-we-are/service2.jpg'); ?>" alt="サービス画像2">
            <p class="kadai__list-item-text text-left">②映像制作</p>
          </li>
          <li class="kadai__list-item">
            <img class="kadai__list-item-img" src="<?= App\asset_path('images/who-we-are/service3.jpg'); ?>" alt="サービス画像3">
            <p class="kadai__list-item-text text-left">③人材紹介</p>
          </li>
        </ul>
      </div>

    </div>

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

<!-- お客様の声 -->
<div class="main-block main-block_sp-bg-white">
  <div class="main-block__item">
    <div class="side">
      <h4 class="side__sub-title">お客様の声</h4>
      <h3 class="side__title en">Voice</h3>

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

    <div class="voice-list">
      <?php
      $wp_query = new WP_Query(array(
        'post_status' => 'publish',
        'post_type' => array('works'),
        'posts_per_page' => 4,
      ));

      if ($wp_query->have_posts()) : while ($wp_query->have_posts()) : $wp_query->the_post();
      ?>
          <a class="voice-list__item" href="<?php the_permalink(); ?>">
            <p class="voice-list__item-name"><?php echo get_field('voice_company'); ?><br><?php echo get_field('voice_name'); ?></p>
            <div class="voice-list__item-img-wrap">
              <?php if (has_post_thumbnail()) : ?>
                <img class="voice-list__item-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="voice-list__item-img lazyload" data-src="<?= App\asset_path('images/no-image.jpg'); ?>">
              <?php endif; ?>
            </div>
            <p class="voice-list__item-date en"><?php echo get_the_date('Y/m/d'); ?></p>
            <h4 class="voice-list__item-title"><?php the_title(); ?></h4>
          </a>
      <?php endwhile;
      endif; ?>
      <?php wp_reset_postdata(); ?>

    </div>

    <a class="works-section__btn d-md-none mt-5" href="<?php echo e(home_url('/works/voice')); ?>"><span class="d-none d-md-inline">Voiceを</span>もっと見る</a>

  </div>
</div>


<?php
$args = array(
  'post_type' => 'column',
  'post_status' => 'publish',
  'posts_per_page' => 1,
);
$query = new WP_Query($args);
if ($query->have_posts()) :
?>
  <!-- コラム -->
  <div class="main-block main-block_bg_white">
    <div class="main-block__item">
      <div class="side">
        <h4 class="side__sub-title">コラム</h4>
        <h3 class="side__title en">Column</h3>

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

      <div class="voice-list">
        <?php
        $wp_query = new WP_Query(array(
          'post_status' => 'publish',
          'post_type' => array('column'),
          'posts_per_page' => 4,
        ));

        if ($wp_query->have_posts()) : while ($wp_query->have_posts()) : $wp_query->the_post();
        ?>
            <a class="voice-list__item" href="<?php the_permalink(); ?>">
              <div class="voice-list__item-img-wrap">
                <?php if (has_post_thumbnail()) : ?>
                  <img class="voice-list__item-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="voice-list__item-img lazyload" data-src="<?= App\asset_path('images/no-image.jpg'); ?>">
                <?php endif; ?>
              </div>
              <p class="voice-list__item-date en"><?php echo get_the_date('Y/m/d'); ?></p>
              <h4 class="voice-list__item-title"><?php the_title(); ?></h4>
            </a>
        <?php endwhile;
        endif; ?>
        <?php wp_reset_postdata(); ?>

      </div>

      <a class="works-section__btn d-md-none mt-5" href="<?php echo e(home_url('/column')); ?>"><span class="d-none d-md-inline">Columnを</span>もっと見る</a>

    </div>
  </div>
<?php endif;
wp_reset_postdata();
?>


<!-- 制作実績 -->
<div class="main-block main-block_sp-bg-white">

  <div class="main-block__item">

    <div class="side">
      <h4 class="side__sub-title">実績</h4>
      <h3 class="side__title en">Works</h3>
      <p class="side__text">BitStar Studioの<br>最新の実績を掲載しています</p>

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

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

      if ($wp_query->have_posts()) :
      ?>

        <div class="top-works-title">
          <h2 class="top-works-title__title en">Content produce</h2>
          <h3 class="top-works-title__sub-title">コンテンツ制作&運用実績</h3>
        </div>

        <div class="channel-list">
          <?php while ($wp_query->have_posts()) : $wp_query->the_post(); ?>
            <div class="channel-list__item">
              <div class="channel-list__img-wrap">
                <?php if (has_post_thumbnail()) : ?>
                  <img width="300" height="200" class="channel-list__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 endif; ?>
              </div>
              <div>
                <?php
                $youtube_url = get_field('youtube_url');
                $tiktok_url = get_field('tiktok_url');
                $instagram_url = get_field('instagram_url');
                $twitter_url = get_field('twitter_url');
                $facebook_url = get_field('facebook_url');

                $social_links = array(
                  'YouTube' => $youtube_url,
                  'TikTok' => $tiktok_url,
                  'Instagram' => $instagram_url,
                  'Twitter' => $twitter_url,
                  'Facebook' => $facebook_url,
                );

                $output = '<ul>';

                foreach ($social_links as $social => $link) {
                  if ($link) {
                    $output .= '<li class="channel-list__cat"><a href="' . esc_url($link) . '" target="_blank">' . esc_html($social) . '</a></li>';
                  }
                }
                $output .= '</ul>';
                echo $output;
                ?>
                <h3 class="channel-list__title"><?php the_title(); ?></h3>
              </div>
            </div>
          <?php endwhile; ?>
        </div><!-- /channel-list -->
      <?php endif;
      wp_reset_postdata(); ?>
    </div>
  </div><!-- /main-block__item -->

  <!-- 主要お取引先 -->
  <div class="main-block__item">
    <div class="side">
      <h4 class="side__sub-title">主要お取引先</h4>
      <h3 class="side__title en">Our Clients</h3>
      <p class="side__text">BitStar Studioの<br>主要お取引先について</p>
    </div>

    <p class="side__text-sp">BitStar Studioの主要お取引先について</p>

    <div class="logos logos_bg-white">
      <?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 width="300" height="200" class="logos__item lazyload" data-src="<?php echo get_field('client_logo_img'); ?>" alt="<?php the_title(); ?>">

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

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

<!-- サービス -->
<div class="main-block main-block_bg_white" id="service">
  <div class="main-block__item">
    <div class="side">
      <h4 class="side__sub-title">提供サービス</h4>
      <h3 class="side__title en">Service</h3>
      <p class="side__text">BitStar Studioの提供サービスについて</p>

      <a class="button" href="#contact">Contact Us</a>
    </div>

    <p class="side__text-sp">BitStar Studioの提供サービスについて</p>

    <div class="services">
      <div class="services__item">
        <a class="services__link" href="<?php echo e(home_url('/sns-management')); ?>">
          <div class="services__text-wrap">
            <h4 class="services__sub-title en">Social Media</h4>
            <h3 class="services__title en">Management</h3>
            <p class="services__text">SNSアカウント運用</p>
            <p class="services__desc">多数の企業YouTubeチャンネルを運用してきた圧倒的な実績とノウハウで<br>強力にサポートします。</p>
          </div>

          <svg class="d-none d-md-block" width="41.721" height="41.077" viewBox="0 0 41.721 41.077">
            <use xlink:href="#s-arrow"></use>
          </svg>

          <div class="sp-circle-button sp-circle-button_black">
            <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>
            </div>
          </div>
        </a>
      </div>

      <div class="services__item">
        <a class="services__link" href="<?php echo e(home_url('/video-production')); ?>">
          <div class="services__text-wrap">
            <h4 class="services__sub-title en">Video</h4>
            <h3 class="services__title en">Production</h3>
            <p class="services__text">映像制作</p>
            <p class="services__desc">BitStarなら、コンテンツの企画・制作だけでなく、戦略立案、キャスティング、配信後の分析・改善、広告運用まで、一気通貫でサポート可能です。</p>
          </div>

          <svg class="d-none d-md-block" width="41.721" height="41.077" viewBox="0 0 41.721 41.077">
            <use xlink:href="#s-arrow"></use>
          </svg>

          <div class="sp-circle-button sp-circle-button_black">
            <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>
            </div>
          </div>
        </a>
      </div>

      <div class="services__item">
        <a class="services__link" href="<?php echo e(home_url('/bitstar-jobs')); ?>">
          <div class="services__text-wrap">
            <h4 class="services__sub-title en">Recruitment agency</h4>
            <h3 class="services__title en">BitStar Jobs</h3>
            <p class="services__text">クリエイティブ人材の紹介</p>
            <p class="services__desc">常駐型の案件でスキルアップ&キャリアアップ、｢精算幅｣で稼働時間と報酬も安定。無料エントリーから最短１週間で常駐参画で、精度の高い提案と手厚い運用サポートを実施します。</p>
          </div>

          <svg class="d-none d-md-block" width="41.721" height="41.077" viewBox="0 0 41.721 41.077">
            <use xlink:href="#s-arrow"></use>
          </svg>

          <div class="sp-circle-button sp-circle-button_black">
            <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>
            </div>
          </div>
        </a>
      </div>

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

<!-- お問い合わせフォーム -->
<div class="main-block" id="contact">
  <div class="main-block__item">
    <div class="side">
      <h4 class="side__sub-title">お問い合わせ</h4>
      <h3 class="side__title en">Contact</h3>
      <p class="side__text">BitStar Studioへのお問い合わせ</p>
    </div>

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

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

<!-- お問い合わせ -->
<div class="main-block main-block_bg_white" id="contact_us">
  <div class="main-block__item">
    <div class="side">
      <h4 class="side__sub-title">お問い合わせ</h4>
      <h3 class="side__title en">Contact Us</h3>
      <p class="side__text">お見積もり依頼や詳しいご相談をされたい場合には<br>お問い合わせフォームをご利用ください。</p>

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

    <div class="location-list">
      <div class="location-list__item">
        <p class="location-list__sub-title">本社</p>
        <h3 class="location-list__title en">Tokyo Office</h3>
        <p class="location-list__text">〒150-0002<br>東京都渋谷区渋谷2-22-3 渋谷東口ビル 10F<br>TEL 03-4520-5777<br>MAIL contact@bitstar.tokyo</p>
      </div>
      <div class="location-list__item">
        <p class="location-list__sub-title">大阪支社</p>
        <h3 class="location-list__title en">Kansai Office</h3>
        <p class="location-list__text">〒530-0057<br>大阪府大阪市北区曾根崎2-8-5 お初天神EAST BLDG 5F<br>TEL 03-4520-5777<br>MAIL contact@bitstar.tokyo</p>
      </div>
      <div class="location-list__item">
        <p class="location-list__sub-title">九州支社</p>
        <h3 class="location-list__title en">Kyushu Office</h3>
        <p class="location-list__text">〒810-0001<br>福岡県福岡市中央区天神 1-4-1 西日本新聞会館 16階（天神スカイホール内）<br>TEL 03-4520-5777<br>MAIL contact@bitstar.tokyo</p>
      </div>

      <a class="sp-circle-button sp-circle-button_black" href="<?php echo e(home_url('/')); ?>contact">
        <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>Contact
        </div>
      </a>
    </div>

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

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

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