

<!doctype html>

<html <?php echo get_language_attributes(); ?>>
<?php echo $__env->make('partials.head', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<body id="hello_New_BitStar" <?php body_class() ?>>
<div class="pacewrap">

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

  <section id="hello">
    <div class="hero">
      <time class="weight_bold en d-block mb-4">2020.04.24</time>
      <h1 class="weight_bold en"><span class="bg">Hello New</span> <br class="d-lg-none d-md-none d-sm-inline">BitStar!</h1>
    </div>
    <a class="scroll-btn" href="#reborn">
      <img src="<?= App\asset_path('images/hello/btn_arrow.svg'); ?>">
    </a>
  </section>

  <section id="reborn" class="col-lg-10 offset-lg-1 col-md-10 offset-md-1 col-sm-10 offset-sm-1 mt-5" data-aos="fade-up">
    <div class="container px-0">
      <h2 class="title weight_bold en">Reborn</h2>
      <div class="row align-items-center main-desc">
        <div class="col-lg-6 col-md-12 col-sm-12"><h3 class="weight_black">ビットスターは<br>生まれ変わりました。</h3></div>
        <div class="col-lg-6 col-md-12 col-sm-12">
          <p>ビットスターは皆様に支えていただき今年で6年目を迎えました。</p><p>創業以来、クリエイターが活躍できるような場の実現を掲げ、クリエイターやお客様と親身に接するとこで会社として成長を続けてまいりました。もっと身近に、クリエイティブに、楽しく、心が踊る。今までの私たちを超え、お客様の生活に少しでも光を届ける会社とし、ビットスターは、これまでのビットスターを超えていきます。<br>今回のリブランディングにはビットスターの強い意志が込められています。</p>
          <p class="weight_bold">よりシンプルで、クリエイティブで、チャレンジングな新しいロゴでお目にかかれることを楽しみにしています。<br>新しいビットスターがあなたに光を届けます。</p>
          <p class="gray en">BitStar, inc. 04.24.2020</p>
        </div>
      </div>
    </div>

    <div class="container px-0">
      <div id="reborn_slider" class="reborn_slider carousel slide carousel-fade" data-ride="carousel" data-ride="carousel" data-interval="3000">
        <div class="carousel-inner content_slide">
          <div class="carousel-item active">
            <img class="d-block" src="<?= App\asset_path('images/hello/s01.jpg'); ?>" alt="First slide">
          </div>
          <div class="carousel-item">
            <img class="d-block" src="<?= App\asset_path('images/hello/s02.jpg'); ?>" alt="Second slide">
          </div>
          <div class="carousel-item">
            <img class="d-block" src="<?= App\asset_path('images/hello/s03.jpg'); ?>" alt="Third slide">
          </div>
        </div>
        <ol class="carousel-indicators">
        <li data-target="#reborn_slider" data-slide-to="0" class="active"></li>
        <li data-target="#reborn_slider" data-slide-to="1"></li>
        <li data-target="#reborn_slider" data-slide-to="2"></li>
        </ol>
      </div>
    </div>

    <div class="copy">
      <h4 class="weight_black">よりシンプルで、クリエイティブで、<br>
チャレンジングなロゴに生まれ変わります。</h4>
      <p>新たに掲げるロゴは、未だ世に出ていないスターにスポットライトを当て、新しい価値を見出し続けていくビットスターの姿勢を象徴しています。</p>
    </div>
  </section>

  <section id="identity" class="col-lg-10 offset-lg-1 col-md-10 offset-md-1 col-sm-10 offset-sm-1 mt-5" data-aos="fade-up">
    <h2 class="title weight_bold en">Identity</h2>
    <div class="container px-0">
      <div class="row align-items-center main-desc">
        <div class="col-lg-6 col-md-12 col-sm-12"><h3 class="weight_black">変革のために<br>
          ミッションを再定義<br>
          しました。</h3>
        </div>
        <div class="col-lg-6 col-md-12 col-sm-12">
          <p>ミッションの再定義、ビジョンやバリューを含む経営理念の見直しや再定義は簡単に行って良いものではないと考えております。</p>

          <p>ただし、一度定めた理念を頑なに守ることより、より大きな成長のため変革を行うことを優先し、経営理念の再定義を行いました。</p>

          <p>新たにアップデートした理念に従い、新たなミッションを掲げ、BitStarは進化します。</p>
        </div>
      </div>
    </div>
    <div class="statement-wrap">
      <div class="st1" data-aos="fade-up">
        <h5 class="en weight_bold">MISSION</h5>
        <h6 class="weight_black">その輝きを、<br class="d-lg-none d-md-none d-sm-inline">加速させる。</h6>
      </div>
      <div class="st2" data-aos="fade-up">
        <h5 class="en weight_bold">STATEMENT</h5>
        <p class="weight_bold">
          人がコンテンツを作り、コンテンツが人を作るから。<br>
          私たちは、磨き続ける。<br>
          人という原石を。コンテンツのパワーを。誰しもが持つ輝きと、伝わる速度を加速させ、<br>
          世界中へ、そのヒカリを届けるために。
        </p>
      </div>
      <div class="st3" data-aos="fade-up">
        <h5 class="en weight_bold">VALUE</h5>
        <ul class="plr-0 values-list">
          <li data-aos="fade-up">
            <p class="en num">#Creativity</p>
            <h3 class="weight_bold">はみ出る。</h3>
            <p class="weight_bold">
              想定内より、想定外へ。
              既知より、未来へ。<br>
              いつもと同じ。から、
              少しでもはみ出ようとする<br>
              好奇心の加速が、
              ヒトの気持ちを動かす。
            </p>
          </li>
          <li data-aos="fade-up">
            <p class="en num">#Professionalism</p>
            <h3 class="weight_bold">突き抜ける。</h3>
            <p class="weight_bold">
              期待の、一歩先へ。
              限界の、一歩先へ。<br>
              チャンスの神様はいつだって、<br>
              技術を加速させようとする<br>
              その意志と、努力に微笑む
            </p>
          </li>
          <li data-aos="fade-up">
            <p class="en num">#Unity</p>
            <h3 class="weight_bold">団結する。</h3>
            <p class="weight_bold">
              尊重は、絆を生む。
              絆は、強いチームを生む。<br>
              肩書や職種を超えて団結する。<br>
              チーム力の加速が、<br>
              困難を乗り越えていく糧になる。
            </p>
          </li>
        </ul>
      </div>
    </div>
  </section>

  <section id="color_system" class="col-lg-10 offset-lg-1 col-md-10 offset-md-1 col-sm-10 offset-sm-1 mt-5" data-aos="fade-up">
    <h2 class="title weight_bold en">Color System</h2>

    <div class="color_warp">
      <div class="c01" data-aos="fade-up"><p class="en cc weight_bold">#5F2AB3</p></div>
      <div class="c02" data-aos="fade-up"><p class="en cc weight_bold">#FFFFFF</p></div>
      <div class="c03" data-aos="fade-up"><p class="en cc weight_bold">#FF713E</p></div>
      <div class="c04" data-aos="fade-up"><p class="en cc weight_bold">#2FD3D2</p></div>
      <div class="c05" data-aos="fade-up"><p class="en cc weight_bold">#E6E8EA</p></div>
      <div class="c06" data-aos="fade-up"><p class="en cc weight_bold">#0F0F0F</p></div>
    </div>

    <div class="row align-items-center main-desc">
      <div class="col-lg-6 col-md-12 col-sm-12 mb-md-5">
        <h3 class="weight_black">カラーシステムも<br class="d-lg-inline d-md-none d-sm-inline">アップデート。<br>挑戦的な印象を。</h3>
      </div>
      <div class="col-lg-6 col-md-12 col-sm-12">
        <p>一目でBitStarと分かってもらえるように、ビビットで印象的なカラーシステムへとバージョンアップしました。<br>プライマリーカラーとして「BitStar Purple」、セカンダリーカラーとして「Orange」「BuleGreen」「Light Gray」「Black」を使用します。</p>
      </div>
    </div>
  </section>

  <section id="creative" class="col-lg-10 offset-lg-1 col-md-10 offset-md-1 col-sm-10 offset-sm-1 mt-5">
    <h2 class="title weight_bold en">Creative</h2>

    <div class="embed-responsive embed-responsive-16by9 d-md-flex d-sm-none" data-aos="fade-up">
      <video src="<?= App\asset_path('images/hello/mov.mov'); ?>" autoplay loop muted></video>
    </div>
    <p class="text right d-md-block d-sm-none">プロダクションサイト:&nbsp;&nbsp;<a href="http://ads.bitstar.tokyo" target="_blank" class="en weight_bold">http://ads.bitstar.tokyo</a></p>

    <div class="images-wrap d-md-flex d-sm-none">
      <div class="i01" data-aos="fade-up">
        <img src="<?= App\asset_path('images/hello/kv01.jpg'); ?>">
      </div>
      <div class="i02" data-aos="fade-up"><img src="<?= App\asset_path('images/hello/kv02.jpg'); ?>"></div>
      <p class="text">BitStar Productionのイメージを表現したオリジナルイラスト。イラストレーター&nbsp;&nbsp;ウトマルさんに制作いただきました。</p>
      <div class="i03" data-aos="fade-up"><img src="<?= App\asset_path('images/hello/Businesscard-Mockup.jpg'); ?>"></div>
      <div class="i04" data-aos="fade-up"><img src="<?= App\asset_path('images/hello/__logo.jpg'); ?>"></div>
      <div class="i05" data-aos="fade-up"><img src="<?= App\asset_path('images/hello/mv.jpg'); ?>"></div>
    </div>

    <div class="container px-0 d-lg-none d-md-none d-sm-block" data-aos="fade-up">
      <div class="creative_slider carousel slide　carousel-fade" id="creative_slider" data-ride="carousel" data-pause="hover">
        <div class="carousel-inner content_slide">
          <div class="carousel-item active"><img src="<?= App\asset_path('images/top_slide/01.jpg'); ?>" alt=""></div>
          <div class="carousel-item"><img src="<?= App\asset_path('images/top_slide/02.jpg'); ?>" alt=""></div>
          <div class="carousel-item"><img src="<?= App\asset_path('images/top_slide/03.jpg'); ?>" alt=""></div>
        </div>
        <ol class="carousel-indicators">
          <li data-target="#creative_slider" data-slide-to="0" class="active creative-indicators"></li>
          <li class="creative-indicators" data-target="#creative_slider" data-slide-to="1"></li>
          <li class="creative-indicators" data-target="#creative_slider" data-slide-to="2"></li>
        </ol>
      </div>
    </div>
  </section>

  <section id="team" class="col-lg-10 offset-lg-1 col-md-10 offset-md-1 col-sm-10 offset-sm-1 mt-5" data-aos="fade-up">
    <h2 class="title weight_bold en">Team</h2>

    <div class="team-logos-wrap">
      <div class="team-logo">
        <a href="https://www.shiftbrain.com/" target="_blank"><img src="<?= App\asset_path('images/hello/sb_logo.jpg'); ?>"></a>
        <h6 class="en weight_bold"><a href="https://www.shiftbrain.com/" target="_blank">SHIFTBRAIN INC.</a></h6>
      </div>
      <div class="team-logo">
        <img src="<?= App\asset_path('images/hello/bs_logo.jpg'); ?>">
        <h6 class="en weight_bold">BitStar Design Group</h6>
      </div>
    </div>
  </section>

  <section id="join_us" class="col-lg-10 offset-lg-1 col-md-10 offset-md-1 col-sm-10 offset-sm-1 mt-5">
    <h2 class="title weight_bold en">Join us</h2>
    <div class="container recruit_container">
      <div class="recruit_bg">
        <a href="https://www.wantedly.com/companies/bitstar7?ql=gaJpZM4AeDIj" target="_blank" class="wantedly_link">Wantedlyへ移動する</a>
      </div>
    </div>
  </section>

  <div id="corporate_profile" class="row plr-0 col-lg-10 offset-lg-1 col-md-10 offset-md-1 col-sm-10 offset-sm-1 mt-5" data-aos="fade-up">

    <div class="container">
      <h2 class="page_title en weight_bold">Corporate Profile</h2>

      <dl>
        <dt>社名</dt>
        <dd>株式会社BitStar（ビットスター）</dd>
        <dt>設立日</dt>
        <dd>2014年7月10日</dd>
        <dt>住所</dt>
        <dd>〒150-0002 東京都渋谷区渋谷2-22-3 渋谷東口ビル 10F
          <br class="d-sp"><a href="https://goo.gl/maps/qJFktHS9XRBDNiYK6" target="_blank" class="c_map_link d-sp">Google Map</a></dd>
        <dt>従業員</dt>
        <dd>120名</dd>
        <dt>資本金</dt>
        <dd>10億7738万8672円（資本準備金含む）</dd>
        <dt>取引金融機関</dt>
        <dd>みずほ銀行<br>りそな銀行<br>三井住友銀行</dd>
        <dt>代表者／<br class="d-sp">役員</dt>
        <dd>
          代表取締役社長CEO　渡邉 拓<br>
          取締役CTO　山下 雄太<br>
          執行役員CFO 寺谷 祐樹<br>
          執行役員 泊 大輔<br>
          共同創業者　原田 直<br>
          社外取締役　深山 和彦<br>
          常勤監査役　池田 千尋<br>
          社外監査役　中島 由紀子<br>
          社外監査役　掛川 紗矢香<br>
          社外監査役　杉原 嘉樹<br>
          顧問　三木 寛文<br>
          顧問　佐藤 明夫
        </dd>
        <dt>事業内容</dt>
        <dd>
          ・クリエイタープロダクション事業<br>
          ・コンテンツ制作事業<br>
          ・インフルエンサーマーケティング事業
        </dd>
      </dl>
    </div>
  </div>


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

</div>


<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
  AOS.init();
</script>
</body>
</html>
