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

    <div id="mv">

      <header class="banner">
        <h1 class="text-hide">
          <a class="brand-logo" href="<?php echo e(home_url('/')); ?>"><?php echo e(get_bloginfo('name', 'display')); ?></a>
        </h1>
        <div class="new-bitstar">
          <a href="https://production.bitstar.tokyo/" target="_blank">
            <div class="img-wrap">
              <img class="rounded-circle" src="<?= App\asset_path('images/hello.jpg'); ?>">
            </div>
            <div class="text-wrap">
              <span class="d-pc en">PRODUCTION</span>
            </div>
          </a>
        </div>

      </header>

      <div class="container-fluid hero-text-wrapper">
        <div class="row hero-text">
          <div class="container">
            <h2 class="en">Create<br>Your Brand.</h2>
            <p class="titlesub en">D2C Brand | Technical direction | Web direction | Art direction | Web consulting <br>Key visual | Web design | Logo design</p>
            <p class="desc">テクノロジーとデザインで、あなただけのブランド作りを支援します。</p>

            <p><a class="link_btn" href="#contact">お問い合わせはこちら</a></p>
          </div>
        </div>
        </div>
      </div>
      <div class="d-pc jumbotron" style="width: 100%; padding-top: 100vh"></div>


      <div class="content-wrapper">
        <div><!-- sticky wrapper -->
          <section class="pt-5 mt-0 pt-md-5 mt-md-5">
            <div class="container">
              <div class="row row-0 pb-0 mb-0 pb-md-5 mb-md-5">
                <div class="page_title">
                  <h3 class="pt_sub">BitStar D2Cについて</h3>
                  <h2 class="pt_main en">About US</h2>
                </div>
                <div class="title_area">
                  <h2>
                    <span>あなただけの</span>
                    オリジナルブランドをフルサポート
                  <h2>
                  <p class="desc">
                    あなたの「世界観」や「こだわり」のパワーを加速させ、長く愛されるブランドを共につくります。
                  </p>
                </div>

                <div class="w-100 row row-0 pt-3 mt-0 pt-md-5 mt-md-5 pb-5 mb-5 mb-md-0">
                  <div class="col-12 col-md-5 mb-4 p-0">
                    <a href="https://d2c.bitstar.tokyo/whatyoudo/">
                      <img src="<?= App\asset_path('images/you.png'); ?>" class="img-fluid d-pc-block link_img">
                      <img src="<?= App\asset_path('images/sp/you.png'); ?>" class="img-fluid d-sp-block link_img">
                    </a>
                  </div>
                  <div class="col-0 col-md-2">

                  </div>
                  <div class="col-12 col-md-5 p-0">
                    <a href="https://d2c.bitstar.tokyo/what-we-support/">
                      <img src="<?= App\asset_path('images/our.png'); ?>" class="img-fluid d-pc-block link_img">
                      <img src="<?= App\asset_path('images/sp/our.png'); ?>" class="img-fluid d-sp-block link_img">
                    </a>
                  </div>
                </div>

              </div>
            </div>
          </section>
        </div><!-- content-wrapper -->

          <section id="value" class="pt-0">
            <div class="sp-container">
              <div class="row row-0 pt-3 mt-0 pt-md-5 mt-md-5">
                <div class="page_title mb-3 mb-md-5">
                  <h3 class="pt_sub">BitStar D2Cの特徴</h3>
                  <h2 class="pt_main en">FULL SUPPORT</h2>
                </div>




                <div class="sliderarea d-pc-block">
                  <!-- Slider main container -->
                  <div class="swiper-container">
                    <!-- Additional required wrapper -->
                    <div class="swiper-wrapper">
                      <!-- Slides -->
                      <div class="swiper-slide"><img src="<?= App\asset_path('images/slider/slide_01.png'); ?>" class="img-fluid d-pc-block"></div>
                      <div class="swiper-slide"><img src="<?= App\asset_path('images/slider/slide_02.png'); ?>" class="img-fluid d-pc-block"></div>
                      <div class="swiper-slide"><img src="<?= App\asset_path('images/slider/slide_03.png'); ?>" class="img-fluid d-pc-block"></div>
                    </div>

                    <!-- If we need navigation buttons -->
                    <!-- <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div> -->

                  </div>

                </div>

                <div class="sliderarea d-sp-block">
                  <!-- Slider main container -->
                  <div class="swiper-container">
                    <!-- Additional required wrapper -->
                    <div class="swiper-wrapper">
                      <!-- Slides -->
                      <div class="swiper-slide"><img src="<?= App\asset_path('images/sp/slide_01.png'); ?>" class="img-fluid d-sp-block"></div>
                      <div class="swiper-slide"><img src="<?= App\asset_path('images/sp/slide_02.png'); ?>" class="img-fluid d-sp-block"></div>
                      <div class="swiper-slide"><img src="<?= App\asset_path('images/sp/slide_03.png'); ?>" class="img-fluid d-sp-block"></div>
                    </div>

                    <!-- If we need navigation buttons -->
                    <!-- <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div> -->

                  </div>

                </div>




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

        </div><!-- /sticky wrapper -->


        <div class="content-wrapper mb-5">
          <div><!-- sticky wrapper -->
            <section>
              <div class="container pb-5 mb-0 mb-md-5 mt-5 mt-md-0">
                <div class="row row-0">
                  <div class="page_title">
                    <h3 class="pt_sub">商品カテゴリ</h3>
                    <h2 class="pt_main en">We can make</h2>
                  </div>

                  <div class="pt-0 pt-md-5">
                    <ul class="row row-0 img-list">
                      <li class="col-12 col-md-4">
                        <img src="<?= App\asset_path('images/01.jpg'); ?>" class="rounded img-fluid">
                        <p>Tシャツ | バッグ | シューズ etc.</p>
                      </li>
                      <li class="col-12 col-md-4">
                        <img src="<?= App\asset_path('images/02.jpg'); ?>" class="rounded img-fluid">
                        <p>ピアス | ヘアアクセサリー | イヤリング etc.</p>
                      </li>
                      <li class="col-12 col-md-4">
                        <img src="<?= App\asset_path('images/03.jpg'); ?>" class="rounded img-fluid">
                        <p>スキンケア | コスメ etc.</p>
                      </li>
                    </ul>
                  </div>

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

            <section>
              <div class="container">
                <div class="row row-0">
                  <div class="page_title">
                    <h3 class="pt_sub">展開ブランド</h3>
                    <h2 class="pt_main en">OUR WORK</h2>
                  </div>

                  <div class="pt-0 pt-md-5">
                    <ul class="row row-0  img-list">
                      <li class="col-12 col-md-4">
                        <a href="https://jecheris.shop/" target="blank">
                          <img src="<?= App\asset_path('images/jecheris.jpg'); ?>" class="rounded img-fluid">
                        </a>
                      </li>
                      <li class="col-12 col-md-4">
                        <a href="https://fashiru.shop/" target="blank">
                          <img src="<?= App\asset_path('images/fashiru.jpg'); ?>" class="rounded img-fluid">
                        </a>
                      </li>
                      <li class="col-12 col-md-4">
                        <a href="https://munim.official.ec/" target="blank">
                          <img src="<?= App\asset_path('images/munim.jpg'); ?>" class="rounded img-fluid">
                        </a>
                      </li>
                      <li class="col-12 col-md-4">
                        <a href="https://amproom.jp/" target="blank">
                          <img src="<?= App\asset_path('images/amproom.jpg'); ?>" class="rounded img-fluid">
                        </a>
                      </li>
                      <li class="col-12 col-md-4">
                        <a href="https://armuje.com/" target="blank">
                          <img src="<?= App\asset_path('images/armuje.jpg'); ?>" class="rounded img-fluid">
                        </a>
                      </li>
                    </ul>
                  </div>

                </div>
              </div>
            </section>
          </div>
        </div><!-- content-wrapper -->


        <section id=contact>
          <div class="container">
            <div class="row">
              <div class="col-sm-12 col-md-4">
                <h3>Contact</h3>
              </div>
              <div class="col-sm-12 col-md-8">
                <p class="sub">各種お問い合わせ</p>
                <p class="main">
                  まずは、<br class="d-pc">お気軽にご連絡ください。
                </p>
                <div class="link d-pc-block mb-4">
                  <a href="https://d2c.bitstar.tokyo/contact" class="rounded-pill">ブランドを立ち上げたい方</a>
                </div>
                <div class="link d-pc-block">
                  <a href="https://d2c.bitstar.tokyo/contact2" class="rounded-pill">協力工場へ募集いただける方</a>
                </div>

                <div class="d-sp-block mt-5 mb-4">
                  <a href="https://d2c.bitstar.tokyo/contact" class="link_btn">ブランドを立ち上げたい方</a>
                </div>
                <div class="d-sp-block">
                  <a href="https://d2c.bitstar.tokyo/contact2" class="link_btn">協力工場へ募集いただける方</a>
                </div>
              </div>
            </div>
          </div>
        </section>

        <section id="recruit" class="d-pc-block">
          <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>


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

    </div>
  </body>
</html>
