<?php $__env->startSection('content'); ?>

<div class="hero d-none d-sm-block">
  <div class="hero-inner">

    <div class="temp-hero d-flex pb-5">
      <div>
        <h1 class="mb-5">全ての<br>クリエイターの<br>ための<br>エージェント</h1>
        <img class="creator-logo mb-5" src="<?= App\asset_path('images/creator-logo.png'); ?>">
        <div class="d-flex mb-5">
          <a class="btn-gra" href="<?php echo e(home_url('/')); ?>creator/contact">お問い合わせ</a>
        </div>
        <p class="view-details"><a class="en" href="#main-content">View details <svg width="13.545" height="13.712"><use xlink:href="#down-arrow"></use></svg></a></p>
      </div>

      <div class="image ml-3 position-relative" style="z-index: -1;"><img class="img-fluid" style="max-width: 126%;" src="<?= App\asset_path('images/char1.png'); ?>"><div class="hero-shadow" id="longshadowAnimation"></div></div>
    </div>

  </div>
</div>

<div class="hero-sp d-sm-none">
  <img class="img-fluid" src="<?= App\asset_path('images/char1-sp.png'); ?>">
  <div class="text">
    <h2><span>全ての</span>クリエイターの<br>ための<br>エージェント</h2>
    <img class="creator-logo" src="<?= App\asset_path('images/creator-logo.png'); ?>">
  </div>
</div>

<div class="for-business" id="main-content">
  <div class="d-md-none sp-title-unit pt-4">
    <h3>どんなことをするの？</h3>
    <h4 class="en">About Services</h4>
  </div>
  <div class="for-business-inner">
    <div class="desc d-md-flex align-items-center my-4 mt-md-5 mb-md-0">
      <div class="image mr-md-3">
        <?php if(is_ie()): ?>
        <img class="img-fluid p-md-5" src="<?= App\asset_path('images/fan-creator-bitstar.png'); ?>">
        <?php else: ?>
        <img class="img-fluid p-md-5" src="<?= App\asset_path('images/fan-creator-bitstar.svg'); ?>">
      <?php endif; ?>
      </div>
      <div class="text mt-4 mt-md-5 mt-md-0">
        <h4 class="d-none d-md-block">どんなことをするの？</h4>
        <p class="d-none d-md-block color-purple en sub mb-1 mb-lg-4">About Services</p>
        <h3 class="mb-4 mb-lg-4">全てのクリエイターの<br class="d-none d-xl-inline">ためのエージェント</h3>

        <p class="mb-4 mb-lg-5">所属、無所属関係なくクリエイターファーストのサポート環境を整備し、<br class="d-none d-md-inline">クリエイターが挑戦したい仕事をビジネス化。<br>クリエイターがより意欲的に企業と一緒になって企画に取り組み、質の高い、<br class="d-none d-md-inline">魅力的なコンテンツを生み出します。</p>

        <a class="btn-gra d-md-none mx-auto" href="<?php echo e(home_url('/')); ?>creator/contact">お問い合わせはこちら</a>
      </div>
    </div>
  </div>
</div>

<!-- 主要なサービスのご案内 -->
<div class="original-service pb-5">
  <div class="page-title-unit mb-5 text-md-left">
    <h3><span class="d-none d-md-inline">・</span>主要なサービスのご紹介</h3>
    <h4 class="en">Service</h4>
  </div>

  <?php
    $wp_query = new WP_Query( array(
      'post_status' => 'publish',
      'post_type' => array('services_for_creator'), //カスタム投稿タイプ名
      'posts_per_page' => -1,
      'orderby'     => 'date',
      'order' => 'DESC',
    ) );
  ?>

  <?php
    if( $wp_query->have_posts() ): while( $wp_query->have_posts() ) : $wp_query->the_post();
  ?>

  <div class="original-service-list shadow-md d-md-flex align-items-center mb-3">
    <div class="logo">
      <?php $url = get_field('service_page'); if(preg_match('/tieup/',$url)): ?>
      <a href="<?php echo get_field('service_page'); ?>">
      <?php else: ?>
      <a href="<?php echo get_field('service_page'); ?>" target="_blank">
      <?php endif; ?>
        <img data-src="<?php the_post_thumbnail_url(); ?>" class="lazyload">
      </a>
    </div>
    <div class="text">

      <?php
        $terms = get_the_terms($post_id, 'service_cat');
        if (!empty($terms)) {
          echo '<ul class="cat-list mt-2 d-md-none">';
          foreach ($terms as $term) {
            echo '<li class="' . $term->slug . '">' . $term->name . '</li>';
          }
          echo '</ul>';
        }
        ?>

      <h3 class="en d-none d-md-block">
        <?php the_title(); ?>
      </h3>

      <div class="desc">
        <?php $url = get_field('service_page'); if(preg_match('/tieup/',$url)): ?>
        <a href="<?php echo get_field('service_page'); ?>"><?php the_content(); ?></a>
        <?php else: ?>
        <a href="<?php echo get_field('service_page'); ?>" target="_blank"><?php the_content(); ?></a>
        <?php endif; ?>
        <?php $post_id = get_the_ID(); ?>
        <?php
          $terms = get_the_terms($post_id, 'service_cat');
          if (!empty($terms)) {
            echo '<ul class="cat-list mt-4 d-none d-md-block">';
            foreach ($terms as $term) {
              echo '<li class="' . $term->slug . '">' . $term->name . '</li>';
            }
            echo '</ul>';
          }
          ?>
      </div>

    </div>

    <?php $url = get_field('service_page'); if($url): ?>
    <div class="ml-auto d-none d-lg-block" style="min-width: 213px;">
      <?php if(preg_match('/tieup/',$url)): ?>
        <a class="btn-gra" href="<?php echo $url; ?>">もっと詳しく</a>
      <?php else: ?>
        <a class="btn-gra position-relative" href="<?php echo $url; ?>" target="_blank">公式サイト
            <span class="position-absolute" style="right: 30px;"><svg xmlns="http://www.w3.org/2000/svg" width="8.664" height="8.664" viewBox="0 0 8.664 8.664"><g id="グループ_4010" data-name="グループ 4010" transform="translate(-6 -6)"><path id="パス_165" data-name="パス 165" d="M14.678,13.22a.542.542,0,0,1-.541-.541v-5.6h-5.6A.541.541,0,1,1,8.542,6h6.137a.542.542,0,0,1,.541.541v6.137A.542.542,0,0,1,14.678,13.22Z" transform="translate(-0.556)"/><path id="パス_166" data-name="パス 166" d="M6.542,14.734a.542.542,0,0,1-.383-.924l7.4-7.4a.541.541,0,1,1,.765.765l-7.4,7.4A.537.537,0,0,1,6.542,14.734Z" transform="translate(0 -0.07)"/></g></svg></span></a>
      <?php endif; ?>
    </div>
    <?php endif ?>

  </div>

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

<!-- Contact Us -->
<div class="contact-us-unit d-md-flex align-items-center pb-5 mb-5 pt-md-5 mt-md-5">
  <div class="d-md-none title-unit mb-4">
    <h2 class="en">Contact</h2>
    <p class="sub mt-2 mt-md-5">お問い合わせ</p>
  </div>

  <div class="text pr-md-5">
    <h4 class="en mb-3 mb-md-4">Please contact us.</h4>
    <h3 class="mb-3 mb-md-5">確かな実績を持った担当者があなたをサポートします</h3>
    <p class="mb-3 mb-md-5">クリエイターエージェントとしての長年の実績をもとに<br>担当者がサポートします。</p>

    <a class="btn-gra d-none d-md-table" href="<?php echo e(home_url('/')); ?>creator/contact">まずはお気軽にお問い合わせください</a>
  </div>
  <div class="image">
    <img class="img-fluid" src="<?= App\asset_path('images/char2.png'); ?>">
  </div>

  <a class="btn-gra d-md-none mt-5 mx-auto footer-contact-btn-sp" href="<?php echo e(home_url('/')); ?>creator/contact">まずはお気軽にお問い合わせください</a>
</div>

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

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