<?php $__env->startSection('content'); ?>
<div class="service-detail py-3 py-md-5 mb-md-5">


  <div class="sub-bc breadcrumbs mb-3" typeof="BreadcrumbList" vocab="https://schema.org/">
    <?php if(strstr($_SERVER['REQUEST_URI'], 'creator')): ?>
    TOP ＞ For Creator ＞  Service ＞ <?php the_title(); ?>
    <?php endif; ?>
    <?php if(strstr($_SERVER['REQUEST_URI'], 'biz')): ?>
    TOP ＞ For Biz ＞  Service ＞ <?php the_title(); ?>
    <?php endif; ?>
  </div>

  <?php if ( have_posts() ) : ?>
    <?php while( have_posts() ) : the_post(); ?>
        <img class="img-fluid" src="<?php the_post_thumbnail_url(); ?>">
        <div class="content my-4 my-md-5">
        <?php the_content(); ?>
      </div>

      <div class="d-flex mb-5">
        <?php if ( get_field('site_url') ) : ?>
        <a class="btn-gra d-flex justify-content-between justify-content-md-center mr-3 position-relative" href="<?php the_field('site_url'); ?>" target="_blank"><span class="d-block">公式サイト</span><span class="d-block icon-btn"><svg xmlns="http://www.w3.org/2000/svg" width="8.664" height="8.664" viewBox="0 0 8.664 8.664"><g transform="translate(-6 -6)"><path 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)" fill="#fff"/><path 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)" fill="#fff"/></g></svg></span></a>
        <?php endif; ?>
        <?php if ( get_field('document_url') ) : ?>
        <a class="btn-white  d-flex justify-content-between justify-content-md-center position-relative" href="<?php the_field('document_url'); ?>"><span class="d-block">資料ダウンロード</span><span class="d-block icon-btn"><svg xmlns="http://www.w3.org/2000/svg" width="9.5" height="9.5" viewBox="0 0 9.5 9.5"><g transform="translate(-4 -4)"><path d="M11.273,17.563H6.227A2.229,2.229,0,0,1,4,15.336v-.891a.445.445,0,0,1,.891,0v.891a1.338,1.338,0,0,0,1.336,1.336h5.047a1.338,1.338,0,0,0,1.336-1.336v-.891a.445.445,0,0,1,.891,0v.891A2.23,2.23,0,0,1,11.273,17.563Z" transform="translate(0 -4.063)"/><path d="M11.7,10.531a.445.445,0,0,1-.445-.445V4.445a.445.445,0,0,1,.891,0v5.641A.445.445,0,0,1,11.7,10.531Z" transform="translate(-2.945)"/><path d="M10.375,12.969a.448.448,0,0,1-.327-.142l-1.93-2.079a.445.445,0,0,1,.653-.606l1.6,1.726,1.6-1.726a.445.445,0,1,1,.653.606L10.7,12.827A.448.448,0,0,1,10.375,12.969Z" transform="translate(-1.625 -2.438)"/></g></svg></span></a>
        <?php endif; ?>
        <?php if ( get_field('contact_url') ) : ?>
        <a class="btn-white  d-flex justify-content-between justify-content-md-center position-relative" href="<?php the_field('contact_url'); ?>"><span class="d-block">お問い合わせ</span><span class="d-block icon-btn"><svg xmlns="http://www.w3.org/2000/svg" width="12.253" height="11.997" viewBox="0 0 12.253 11.997"><g id="グループ_4022" data-name="グループ 4022" transform="translate(6.126 -8.613) rotate(45)"><path 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 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 endwhile;?>
  <?php endif; ?>

</div>




<!-- 関連サービス -->
<?php $related = get_field('related_services'); ?>
<?php if($related): ?>
  <div class="bg-w py-md-5">
    <div class="related-services py-5">
    <h3 class="d-none d-md-block mb-5">関連サービス</h3>
    <div class="d-md-none page-title-unit mb-5">
      <h3>関連するサービス</h3>
      <h4 class="en">Related Service</h4>
    </div>
      <ul class="d-md-flex related-services-list">

      <?php foreach((array)$related as $value):?>
        <li>
            <a href="<?php echo get_the_permalink($value->ID); ?>">
            <img class="img-fluid mb-3" src="<?php echo get_the_post_thumbnail_url($value->ID); ?>">
    			   <h4><?php echo $value->post_title; ?></h4>
    			  <?php echo $value->post_content; ?>
          </a>
        </li>
      <?php endforeach; ?>
      </ul>

    </div>
  </div>
<?php endif; ?>


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

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