header


<article id="post-390" class="article post-390 profile type-profile status-publish format-standard hentry profile_cate-design" itemscope="itemscope" itemprop="blogPost" itemtype="https://schema.org/BlogPosting">
  
      
      
      
      
      <header class="article-header entry-header">
        <h1 class="entry-title" itemprop="headline">
          John        </h1>

        
        
        
        
        <div class="eye-catch-wrap display-none">
<figure class="eye-catch" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
   <img src="https://taftstaff.com/wp-content/themes/cocoon-master/screenshot.jpg" width="880" height="660" alt="">  <meta itemprop="url" content="https://taftstaff.com/wp-content/themes/cocoon-master/screenshot.jpg">
  <meta itemprop="width" content="880">
  <meta itemprop="height" content="660">
  </figure>
</div>

        

        <div class="date-tags">
  <span class="post-update"><span class="fa fa-history" aria-hidden="true"></span> <time class="entry-date date updated" datetime="2026-07-18T17:18:00+09:00" itemprop="dateModified">2026.07.18</time></span><span class="post-date"><span class="fa fa-clock-o" aria-hidden="true"></span> <span class="entry-date date published"><meta itemprop="datePublished" content="2022-12-02T02:02:27+09:00">2022.12.02</span></span>
  </div>

        
        
         
        
        
      </header>

      
      <div class="entry-content cf" itemprop="mainEntityOfPage">
            </div>

      
      
      <footer class="article-footer entry-footer">

        
        
        
        
<div class="entry-categories-tags ctdt-one-row">
  <div class="entry-categories"></div>
  </div>

        
        
        
        
        
        
        
        
        
        <div class="footer-meta">
  <div class="author-info">
    <span class="fa fa-pencil" aria-hidden="true"></span> <a href="https://taftstaff.com" class="author-link">
      <span class="post-author vcard author" itemprop="editor author creator copyrightHolder" itemscope itemtype="https://schema.org/Person">
        <meta itemprop="url" content="https://taftstaff.com">
        <span class="author-name fn" itemprop="name">タフトではたらく人々</span>
      </span>
    </a>
  </div>
</div>

        <!-- publisher設定 -->
                <div class="publisher" itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
            <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
              <img src="https://taftstaff.com/wp-content/themes/cocoon-master/images/no-amp-logo.png" width="206" height="60" alt="">
              <meta itemprop="url" content="https://taftstaff.com/wp-content/themes/cocoon-master/images/no-amp-logo.png">
              <meta itemprop="width" content="206">
              <meta itemprop="height" content="60">
            </div>
            <div itemprop="name">タフトではたらく人々</div>
        </div>
      </footer>

    </article>


<div class="under-entry-content">

  
  
  <aside id="related-entries" class="related-entries rect-entry-card">
  <h2 class="related-entry-heading">
    <span class="related-entry-main-heading main-caption">
      関連記事    </span>
      </h2>
  <div class="related-list">
                 <a href="https://taftstaff.com/profile/%e9%85%92%e4%ba%95-%e5%92%8c%e4%b9%8b/" class="related-entry-card-wrap a-wrap border-element cf" title="酒井 和之">
<article class="related-entry-card e-card cf">

  <figure class="related-entry-card-thumb card-thumb e-card-thumb">
          <img src="https://taftstaff.com/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="&quot;no-image related-entry-card-no-image" width="160" height="90" />
          </figure><!-- /.related-entry-thumb -->

  <div class="related-entry-card-content card-content e-card-content">
    <h3 class="related-entry-card-title card-title e-card-title">
      酒井 和之    </h3>
        <div class="related-entry-card-snippet card-snippet e-card-snippet">
          </div>
          </div><!-- /.related-entry-card-content -->



</article><!-- /.related-entry-card -->
</a><!-- /.related-entry-card-wrap -->
           <a href="https://taftstaff.com/profile/%e5%b2%a1%e5%86%85-%e5%a4%a7%e5%bf%97/" class="related-entry-card-wrap a-wrap border-element cf" title="岡内 大志">
<article class="related-entry-card e-card cf">

  <figure class="related-entry-card-thumb card-thumb e-card-thumb">
          <img src="https://taftstaff.com/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="&quot;no-image related-entry-card-no-image" width="160" height="90" />
          </figure><!-- /.related-entry-thumb -->

  <div class="related-entry-card-content card-content e-card-content">
    <h3 class="related-entry-card-title card-title e-card-title">
      岡内 大志    </h3>
        <div class="related-entry-card-snippet card-snippet e-card-snippet">
          </div>
          </div><!-- /.related-entry-card-content -->



</article><!-- /.related-entry-card -->
</a><!-- /.related-entry-card-wrap -->
           <a href="https://taftstaff.com/profile/%e5%90%89%e7%94%b0-%e8%8b%b1%e6%98%8e/" class="related-entry-card-wrap a-wrap border-element cf" title="吉田 英明">
<article class="related-entry-card e-card cf">

  <figure class="related-entry-card-thumb card-thumb e-card-thumb">
          <img src="https://taftstaff.com/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="&quot;no-image related-entry-card-no-image" width="160" height="90" />
          </figure><!-- /.related-entry-thumb -->

  <div class="related-entry-card-content card-content e-card-content">
    <h3 class="related-entry-card-title card-title e-card-title">
      吉田 英明    </h3>
        <div class="related-entry-card-snippet card-snippet e-card-snippet">
          </div>
          </div><!-- /.related-entry-card-content -->



</article><!-- /.related-entry-card -->
</a><!-- /.related-entry-card-wrap -->
           <a href="https://taftstaff.com/profile/%e3%82%b0%e3%82%aa-%e3%82%a4%e3%83%93%e3%83%b3/" class="related-entry-card-wrap a-wrap border-element cf" title="グオ イビン">
<article class="related-entry-card e-card cf">

  <figure class="related-entry-card-thumb card-thumb e-card-thumb">
          <img src="https://taftstaff.com/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="&quot;no-image related-entry-card-no-image" width="160" height="90" />
          </figure><!-- /.related-entry-thumb -->

  <div class="related-entry-card-content card-content e-card-content">
    <h3 class="related-entry-card-title card-title e-card-title">
      グオ イビン    </h3>
        <div class="related-entry-card-snippet card-snippet e-card-snippet">
          </div>
          </div><!-- /.related-entry-card-content -->



</article><!-- /.related-entry-card -->
</a><!-- /.related-entry-card-wrap -->
           <a href="https://taftstaff.com/profile/%e5%bb%a3%e5%86%a8-%e8%b1%aa/" class="related-entry-card-wrap a-wrap border-element cf" title="廣冨 豪">
<article class="related-entry-card e-card cf">

  <figure class="related-entry-card-thumb card-thumb e-card-thumb">
          <img src="https://taftstaff.com/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="&quot;no-image related-entry-card-no-image" width="160" height="90" />
          </figure><!-- /.related-entry-thumb -->

  <div class="related-entry-card-content card-content e-card-content">
    <h3 class="related-entry-card-title card-title e-card-title">
      廣冨 豪    </h3>
        <div class="related-entry-card-snippet card-snippet e-card-snippet">
          </div>
          </div><!-- /.related-entry-card-content -->



</article><!-- /.related-entry-card -->
</a><!-- /.related-entry-card-wrap -->
           <a href="https://taftstaff.com/profile/%e6%9f%bf%e6%b1%9f-%e5%b9%b8%e6%95%99/" class="related-entry-card-wrap a-wrap border-element cf" title="柿江 幸教">
<article class="related-entry-card e-card cf">

  <figure class="related-entry-card-thumb card-thumb e-card-thumb">
          <img src="https://taftstaff.com/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="&quot;no-image related-entry-card-no-image" width="160" height="90" />
          </figure><!-- /.related-entry-thumb -->

  <div class="related-entry-card-content card-content e-card-content">
    <h3 class="related-entry-card-title card-title e-card-title">
      柿江 幸教    </h3>
        <div class="related-entry-card-snippet card-snippet e-card-snippet">
          </div>
          </div><!-- /.related-entry-card-content -->



</article><!-- /.related-entry-card -->
</a><!-- /.related-entry-card-wrap -->
    
      </div>
</aside>

  
  
  <div id="pager-post-navi" class="pager-post-navi post-navi-default cf">
<a href="https://taftstaff.com/profile/%e5%af%ba%e5%b4%8e-%e8%a3%95%e7%be%8e/" title="寺崎 裕美" class="next-post a-wrap cf">
        <div class="fa fa-chevron-right iconfont" aria-hidden="true"></div>
        <figure class="next-post-thumb card-thumb">
        <img src="https://taftstaff.com/wp-content/themes/cocoon-master/images/no-image-160.png" alt="" class="no-image post-navi-no-image" width="120" height="68" /></figure>
<div class="next-post-title">寺崎 裕美</div></a></div><!-- /.pager-post-navi -->

  
  <!-- comment area -->
<div id="comment-area" class="comment-area">
  <section class="comment-list">
    <h2 id="comments" class="comment-title">
      コメント          </h2>

      </section>
  <aside class="comment-form">        <button id="comment-reply-btn" class="comment-btn key-btn">コメントを書き込む</button>
      	<div id="respond" class="comment-respond">
		<h3 id="reply-title" class="comment-reply-title">コメントをどうぞ <small><a rel="nofollow" id="cancel-comment-reply-link" href="/profile/%e4%ba%95%e8%97%a4-%e3%82%86%e3%81%8b/#respond" style="display:none;">コメントをキャンセル</a></small></h3><form action="https://taftstaff.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">メールアドレスが公開されることはありません。</span> <span class="required">*</span> が付いている欄は必須項目です</p><p class="comment-form-comment"><label for="comment">コメント <span class="required">※</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">名前 <span class="required">※</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /></p>
<p class="comment-form-email"><label for="email">メール <span class="required">※</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /></p>
<p class="comment-form-url"><label for="url">サイト</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url" /></p>
<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。</label></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="コメントを送信" /> <input type='hidden' name='comment_post_ID' value='390' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p></form>	</div><!-- #respond -->
	</aside></div><!-- /.comment area -->


  
  
</div>



          </main>

        
      </div>

    </div>

    
    
    
    <footer id="footer" class="footer footer-container nwa" itemscope itemtype="https://schema.org/WPFooter">

      <div id="footer-in" class="footer-in wrap cf">

        
        
        
<div class="footer-bottom fdt-up-and-down cf">
  <div class="footer-bottom-logo">
    <div class="logo logo-footer logo-text"><a href="https://taftstaff.com/" class="site-name site-name-text-link" itemprop="url"><span class="site-name-text" itemprop="name about">タフトではたらく人々</span></a></div>  </div>

  <div class="footer-bottom-content">
     <nav id="navi-footer" class="navi-footer">
  <div id="navi-footer-in" class="navi-footer-in">
      </div>
</nav>

    <div class="source-org copyright"></div>
  </div>

</div>

      </div>

    </footer>

    
    

    

  <ul id="menu-%e3%83%a1%e3%82%a4%e3%83%b3" class="mobile-footer-menu-buttons mobile-menu-buttons"><li class="navi-menu-button menu-button"><a href="https://taft.co.jp/" class="menu-button-in"><span class="custom-menu-icon menu-icon"><span class="fa fa-star"></span></span><span class="custom-menu-caption menu-caption">taft webサイトへ戻る</span></a></li>
</ul>


    <div id="go-to-top" class="go-to-top">
      <a class="go-to-top-button go-to-top-common go-to-top-hide go-to-top-button-icon-font"><span class="fa fa-angle-double-up"></span></a>
  </div>

    <link rel='stylesheet' id='rt-team-css-css' href='https://taftstaff.com/wp-content/plugins/tlp-team/assets/css/tlpteam.css?ver=4.0.3&#038;fver=20220424013431' type='text/css' media='all' />
<link rel='stylesheet' id='rt-team-sc-css' href='https://taftstaff.com/wp-content/uploads/tlp-team/team-sc.css?ver=1650809631&#038;fver=20220424021351' type='text/css' media='all' />
<link rel='stylesheet' id='jetpack_css-css' href='https://taftstaff.com/wp-content/plugins/jetpack/css/jetpack.css?ver=12.5.1&#038;fver=20241014013241' type='text/css' media='all' />

    


  

  

  

  

  

  

    <script>
  (function($){
    /*固定ヘッダー化*/
    function stickyHeader(){
      if (!$("#header-container").hasClass("fixed-header")) {
                $("#header-container").addClass("fixed-header");
        $("#header-container").css({
          'position': 'fixed',
          'top': '-100px',
          'left': '0',
          'width': '100%',
        });
        $("#header-container").animate({'top': '0'}, 500);
      }
    }

    /*固定ヘッダーの解除*/
    function staticHeader(){
      if ($("#header-container").hasClass("fixed-header")) {
                $("#header-container").removeClass("fixed-header");
        $("#header-container").css({
          'position': 'static',
          'top': 'auto',
          'left': 'auto',
          'width': 'auto',
        });
      }
    }

    var prevScrollTop = -1;
    var $window = $(window);
    var mobileWidth = 1023;
    $window.scroll(function(){
      var scrollTop = $window.scrollTop();
      var threashold = 600;
      var s1 = (prevScrollTop > threashold);
      var s2 = (scrollTop > threashold);
      var w = $window.width();
      // console.log(scrollTop);

      /*スクロールエリアの位置調整*/
      function adjustScrollArea(selector) {

        if ($(selector) && $(selector).offset()) {
          offset = $(selector).offset().top;
          // console.log(offset);
          h = $("#header-container").height();
          // console.log(h);
          pt = $(selector).css('padding-top');
          // console.log(pt);

          if (pt) {
            pt = pt.replace('px', '');
          } else {
            pt = 0;
          }

          if ((scrollTop >= offset - h) && (w >  mobileWidth)) {
            if ((pt <= 1) && $("#header-container").hasClass('fixed-header')) {
              $(selector).css({
                'padding-top': h + 'px',
              });
            }
          } else {
            if (pt > 0) {
              $(selector).css({
                'padding-top': 0,
              });
            }
          }
        }

      }

      /*スクロール追従エリアの調整*/
      function adjustScrollAreas() {
        adjustScrollArea('#sidebar-scroll');
        adjustScrollArea('#main-scroll');
      }

      /*固定ヘッダーのスタイル決め*/
      function adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth) {
        if (s1 ^ s2) {
          if (s2 && (w > mobileWidth)) {
            stickyHeader();
          }
        }
        if (scrollTop <= 50 || w <=  mobileWidth) {
          staticHeader();
        }
      }

      adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth);
      adjustScrollAreas();

      prevScrollTop = scrollTop;
    });

    /*ウインドウがリサイズされたら発動*/
    $window.resize(function() {
      /*ウインドウの幅を変数に格納*/
      var w = $window.width();
      if (w <=  mobileWidth) {/*モバイル端末の場合*/
        staticHeader();
      } else {/*パソコン端末の場合*/
        var scrollTop = $window.scrollTop();
        console.log(scrollTop);
        if (scrollTop >= 50) {
          stickyHeader();
        }

      }
    });

  })(jQuery);
  </script>
  
  





  </div><!-- #container -->

    
</body>

</html>