<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>持続的注意力 &#8211; 【公式】Memory Coffee：記憶力を維持する機能性コーヒー</title>
	<atom:link href="https://memory-coffee.jp/category/magazine/%E6%8C%81%E7%B6%9A%E7%9A%84%E6%B3%A8%E6%84%8F%E5%8A%9B/feed/" rel="self" type="application/rss+xml" />
	<link>https://memory-coffee.jp</link>
	<description></description>
	<lastBuildDate>Thu, 01 Oct 2026 08:46:58 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.4</generator>

<image>
	<url>https://memory-coffee.jp/wp-content/uploads/2025/12/cropped-ファビコン-48-x-48-px-32x32.png</url>
	<title>持続的注意力 &#8211; 【公式】Memory Coffee：記憶力を維持する機能性コーヒー</title>
	<link>https://memory-coffee.jp</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>AIがあなたの注意力を奪う時代に、&#8221;持続的注意力&#8221;を守る方法</title>
		<link>https://memory-coffee.jp/magazine/protect-sustained-attention/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Sat, 03 Oct 2026 00:39:00 +0000</pubDate>
				<category><![CDATA[持続的注意力]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=9233</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/09/protect-sustained-attention-thumbnail-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ スマホの通知、次々に届くAIチャットの返信、開き [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/09/protect-sustained-attention-thumbnail-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 0.9375rem; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 0.9375rem; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<div class="swell-block-capbox cap_box" data-colset="col1"><div class="cap_box_ttl"><span>💡<strong>この記事のポイント</strong></span></div><div class="cap_box_content">
<ul class="wp-block-list">
<li>スマホが「ただそこにある」だけで、使っていなくても脳の処理能力が下がるという実験結果</li>



<li>通知にすぐ対応すると作業は早く終わるのに、脳のストレスはむしろ増えるという意外な研究結果</li>



<li>作業を中断すると、意識を切り替えたつもりでも、心は前の作業に残ってしまう仕組みと、その対処法</li>
</ul>
</div></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">スマホの通知、次々に届くAIチャットの返信、開きっぱなしの何十個ものタブ——</p>



<p class="wp-block-paragraph">集中して作業したいのに、数分と経たないうちに何かに気を取られてしまう。</p>



<p class="wp-block-paragraph">そんな感覚を覚えたことのある方は多いのではないでしょうか。</p>



<p class="wp-block-paragraph">これは、意志が弱いからでも、集中力そのものが衰えたからでもありません。</p>



<p class="wp-block-paragraph">私たちの脳が置かれている情報環境そのものが、以前とは比べものにならないほど、注意を奪い合う設計になっているためです。</p>



<p class="wp-block-paragraph">この記事では、スマホやAIが私たちの注意力をどのように奪っているのかを、脳科学・心理学の研究にもとづいて解説し、&#8221;持続的注意力&#8221;を守るための具体的な工夫を紹介します。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">スマホが「ただそこにある」だけで、注意力は削られる</h2>



<p class="wp-block-paragraph">まず知っておきたいのは、スマホを実際に操作していなくても、その存在自体が注意力に影響を与えるという研究結果です。</p>



<p class="wp-block-paragraph">2017年、心理学者エイドリアン・ウォード氏らが学術誌「Journal of the Association for Consumer Research」に発表した実験では、参加者を「スマホを机の上に置く」「スマホをポケットやカバンに入れる」「スマホを別室に置いてくる」という3つのグループに分け、作業記憶力（一時的に情報を保持しながら処理する能力）や、初めて見るパターンを読み解く思考力を測るテストを受けてもらいました。</p>



<p class="wp-block-paragraph">その結果、スマホを机の上に置いていたグループは、別室に置いてきたグループに比べて、成績が有意に低いという結果が出ています。</p>



<p class="wp-block-paragraph">しかも、参加者自身は「スマホのことを意識していた」とは感じておらず、無意識のうちに、脳のリソースの一部がスマホの存在に割かれていたと考えられます。</p>



<p class="wp-block-paragraph">つまり、通知が鳴っていなくても、スマホを見ていなくても、視界の中にスマホが「ある」というだけで、私たちの脳は、それに対応する準備のために、わずかながら処理能力を割いてしまっているのです。</p>



<p class="has-text-align-center has-border -border03 is-style-bg_stripe wp-block-paragraph"><span class="swl-fz u-fz-l"><strong><span class="swl-marker mark_yellow">▽ 分かりやすく要約 ▽</span></strong></span></p>



<div style="width: 100%; max-width: 800px; margin: 2rem auto; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 8px 24px rgba(0,0,0,0.15); border-radius: 12px;">
    
    <!-- アニメーションエリア -->
    <div id="bd-anim-wrapper" style="width: 100%; background: #2c3e50; border-radius: 12px 12px 0 0; overflow: hidden; position: relative; aspect-ratio: 16/9; min-height: 540px;">
        
        <!-- テキストエリア -->
        <div id="bd-anim-text" style="position: absolute; top: 8%; width: 100%; text-align: center; color: #ecf0f1; font-weight: bold; padding: 0 20px; box-sizing: border-box; z-index: 20; text-shadow: 1px 1px 4px rgba(0,0,0,0.6); transition: opacity 0.5s;">
            スマホが「そこにある」だけで何が起きる？
        </div>
        <div id="bd-anim-subtext" style="position: absolute; top: 18%; width: 100%; text-align: center; color: #bdc3c7; padding: 0 20px; box-sizing: border-box; z-index: 20; opacity: 0; transition: opacity 0.5s; line-height: 1.5;"></div>

        <!-- アニメーションステージ -->
        <div id="bd-anim-stage" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;"></div>

        <!-- 黒い透過オーバーレイ -->
        <div id="bd-anim-overlay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 15; transition: opacity 0.5s; pointer-events: none;"></div>

        <!-- 再生ボタン -->
        <button id="bd-anim-btn" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #e67e22; color: #fff; border: none; padding: 14px 28px; font-weight: bold; border-radius: 30px; cursor: pointer; z-index: 25; box-shadow: 0 4px 12px rgba(0,0,0,0.4); transition: background 0.3s, transform 0.1s; white-space: nowrap;">
            ▶ 無意識の「脳の消耗」を見る
        </button>

        <!-- 注記（免責事項） -->
        <div id="bd-anim-note" style="position: absolute; bottom: 12px; right: 16px; color: #95a5a6; z-index: 20;">
            ※アニメーションはイメージです
        </div>
    </div>

    <!-- 出典・参考カードエリア -->
    <div id="bd-anim-ref" style="background: #f8f9fa; border-top: 1px solid #dcdde1; border-radius: 0 0 12px 12px; padding: 12px 16px; color: #5a5a5a; line-height: 1.5;">
        <span style="font-weight: bold; color: #2c3e50;">📚 SCIENCE FACT：ブレイン・ドレイン（脳の資源枯渇）</span><br>
        Ward, A.F., et al. (2017). <i>&#8220;Brain Drain: The Mere Presence of One&#8217;s Own Smartphone Reduces Available Cognitive Capacity,&#8221;</i> Journal of the Association for Consumer Research. スマホを操作していなくても、単に視界（机の上など）に存在しているだけで、無意識のうちに脳の処理能力（作業記憶力や思考力）が低下する現象。
    </div>

    <style>
        /* ========= 基本レイアウト・アニメーション ========= */
        #bd-anim-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }
        #bd-anim-btn:hover { background: #d35400; }
        #bd-anim-btn:active { transform: translate(-50%, -50%) scale(0.95); }
        
        /* チャートエリア（上下分離・センター配置で被り完全防止） */
        .bd-chart {
            position: absolute;
            top: 54%; 
            left: 50%;
            transform: translate(-50%, -50%);
            width: 95%;
            height: 68%;
            display: flex;
            flex-direction: column;
            justify-content: space-between; 
            align-items: center;
            z-index: 6;
        }

        /* --- 上グループ：机の上 vs 別室 --- */
        .bd-top-group {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            gap: 15px;
            width: 100%;
            flex-shrink: 0;
            position: relative;
            margin-top: 25px; 
        }

        /* 個別のコンテナ */
        .bd-box {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            width: 155px;
            min-height: 130px;
            background: rgba(0, 0, 0, 0.4);
            border: 2px solid #7f8c8d;
            border-radius: 12px;
            position: relative;
            padding: 10px;
            transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .bd-box-label {
            color: #ecf0f1;
            font-size: 0.8rem;
            font-weight: bold;
            margin-bottom: 8px;
            background: rgba(0,0,0,0.6);
            padding: 4px 8px;
            border-radius: 12px;
            white-space: nowrap;
            text-align: center;
            transition: all 0.5s ease;
        }

        /* アイコンエリアのレイアウト */
        .bd-box-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-height: 60px;
            position: relative;
            width: 100%;
            transition: all 0.5s ease;
        }
        
        .bd-brain { font-size: 2.5rem; transition: all 0.5s ease; z-index: 2; }
        .bd-phone { font-size: 1.8rem; transition: all 0.5s ease; z-index: 2; }
        .bd-wall { font-size: 2rem; color: #7f8c8d; font-weight: bold; }

        /* リソース吸引（ドレイン）エフェクト */
        .bd-drain-particles {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 40px;
            height: 20px;
            opacity: 0;
            pointer-events: none;
            z-index: 1;
        }
        .bd-drain-particles.show {
            opacity: 1;
        }
        .bd-particle {
            position: absolute;
            top: 50%;
            left: 0;
            width: 6px;
            height: 6px;
            background: #f1c40f;
            border-radius: 50%;
            box-shadow: 0 0 5px #f1c40f;
            transform: translateY(-50%);
            opacity: 0;
        }
        /* パーティクルが脳からスマホへ流れるアニメーション */
        .bd-drain-particles.show .bd-particle:nth-child(1) { animation: bd-flow 1s linear infinite; }
        .bd-drain-particles.show .bd-particle:nth-child(2) { animation: bd-flow 1s linear infinite 0.3s; }
        .bd-drain-particles.show .bd-particle:nth-child(3) { animation: bd-flow 1s linear infinite 0.6s; }

        @keyframes bd-flow {
            0% { left: 0; opacity: 1; transform: translateY(-50%) scale(1); }
            100% { left: 100%; opacity: 0; transform: translateY(-50%) scale(0.5); }
        }

        /* サブテキスト */
        .bd-sub-label {
            color: #bdc3c7;
            font-size: 0.65rem;
            font-weight: bold;
            margin-top: 8px;
            text-align: center;
            line-height: 1.3;
            opacity: 0;
            transition: opacity 0.5s ease;
        }
        .bd-sub-label.show { opacity: 1; }
        .bd-sub-label.highlight { color: #e74c3c; }

        /* バッジ（絶対に箱の上に配置） */
        .bd-badge {
            position: absolute;
            bottom: 100%;
            margin-bottom: 8px;
            padding: 4px 10px;
            border-radius: 6px;
            font-size: 0.75rem;
            font-weight: bold;
            white-space: nowrap;
            transform: scale(0);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            z-index: 10;
        }
        .bd-badge.show { transform: scale(1); }
        .bd-badge.bad { background: #e74c3c; color: #fff; box-shadow: 0 2px 8px rgba(231,76,60,0.5); }
        .bd-badge.good { background: #2ecc71; color: #fff; box-shadow: 0 2px 8px rgba(46,204,113,0.5); }

        /* 状態エフェクト */
        .bd-box.dimmed {
            border-color: #e74c3c;
            background: rgba(231, 76, 60, 0.1);
        }
        .bd-box.dimmed .bd-brain {
            filter: grayscale(60%);
            transform: scale(0.9);
            opacity: 0.7;
        }
        .bd-box.dimmed .bd-phone {
            transform: scale(1.1);
            filter: drop-shadow(0 0 8px rgba(255,255,255,0.5));
        }
        
        .bd-box.glow {
            border-color: #2ecc71;
            background: rgba(46, 204, 113, 0.15);
            box-shadow: 0 0 20px rgba(46, 204, 113, 0.3);
        }
        .bd-box.glow .bd-brain {
            filter: drop-shadow(0 0 12px #2ecc71);
            transform: scale(1.1);
        }

        /* 中央のマーク */
        .bd-center-mark {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 40px;
            margin-top: 30px;
        }
        .bd-vs-text {
            font-size: 1.5rem;
            font-weight: bold;
            color: #bdc3c7;
            transition: all 0.5s ease;
        }

        /* --- 下グループ：キャラクターと吹き出し --- */
        .bd-bottom-group {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            /* 吹き出し用「絶対不可侵領域」 */
            margin-top: 75px; 
            width: 100%;
            flex-shrink: 0;
        }

        .bd-char-icon {
            font-size: 4.5rem;
            line-height: 1;
            transition: all 0.5s ease;
            z-index: 15;
        }

        /* 吹き出し */
        .bd-bubble {
            position: absolute;
            top: -65px; 
            left: 50%;
            transform: translateX(-50%) scale(0); 
            background: #fff;
            color: #2c3e50;
            padding: 12px 24px !important;
            border-radius: 40px !important;
            font-size: 1.15rem;
            font-weight: bold;
            line-height: 1.2 !important;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
            opacity: 0;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important;
            z-index: 20; 
        }
        .bd-bubble::after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 50%; 
            transform: translateX(-50%);
            border-width: 12px 12px 0;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }
        .bd-bubble.show {
            transform: translateX(-50%) scale(1);
            opacity: 1;
        }

        /* 結論ラベル */
        .bd-label {
            position: absolute;
            background: #fff;
            color: #2c3e50;
            padding: 10px 24px !important;
            border-radius: 40px;
            font-size: 0.95rem;
            font-weight: bold;
            transform: translate(-50%, -50%) scale(0);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            opacity: 0;
            box-shadow: 0 4px 15px rgba(0,0,0,0.4);
            z-index: 30;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important; 
            min-width: 240px; 
            text-align: center;
            line-height: 1.4;
        }
        .bd-label.show {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }

        /* ========= フォントサイズ（PC基準） ========= */
        #bd-anim-text { font-size: 1.3rem; }
        #bd-anim-subtext { font-size: 0.95rem; }
        #bd-anim-btn { font-size: 1.1rem; }
        #bd-anim-note { font-size: 0.75rem; }
        #bd-anim-ref { font-size: 0.85rem; }

        /* ========= SWELLスマホ自動縮小対策 ========= */
        @media screen and (max-width: 767px) {
            #bd-anim-text { font-size: max(1.15rem, 18px); }
            #bd-anim-subtext { font-size: max(0.85rem, 13px); }
            #bd-anim-btn { font-size: max(1.0625rem, 17px); }
            #bd-anim-note { font-size: max(0.75rem, 11px); }
            #bd-anim-ref { font-size: max(0.85rem, 12px); }
            
            .bd-chart { height: 60%; top: 54%; } 
            
            .bd-top-group { gap: 6px; margin-top: 25px; }
            .bd-box { width: 135px; min-height: 115px; padding: 8px; }
            .bd-box-label { font-size: 0.7rem; padding: 2px 6px; margin-bottom: 6px; }
            
            .bd-box-icon { gap: 4px; min-height: 50px; }
            .bd-brain { font-size: 2rem; }
            .bd-phone { font-size: 1.4rem; }
            .bd-wall { font-size: 1.5rem; }
            .bd-drain-particles { width: 30px; }
            
            .bd-sub-label { font-size: 0.6rem; margin-top: 4px; }
            .bd-badge { font-size: 0.65rem; padding: 3px 6px; margin-bottom: 4px; }
            
            .bd-center-mark { width: 25px; margin-top: 25px; }
            .bd-vs-text { font-size: 1.2rem; }
            
            .bd-bottom-group { margin-top: 65px; } 
            .bd-char-icon { font-size: 4rem; }
            
            .bd-bubble { 
                top: -60px; 
                font-size: 1.05rem !important; 
                padding: 10px 20px !important;
            }
            .bd-label { 
                font-size: 0.85rem; 
                padding: 8px 16px !important;
            }
        }
    </style>

    <script>
        (function(){
            const stage = document.getElementById('bd-anim-stage');
            const text = document.getElementById('bd-anim-text');
            const subtext = document.getElementById('bd-anim-subtext');
            const btn = document.getElementById('bd-anim-btn');
            const overlay = document.getElementById('bd-anim-overlay');

            btn.addEventListener('click', function() {
                btn.style.display = 'none';
                overlay.style.opacity = '0';
                stage.innerHTML = ''; 
                playAnimation();
            });

            function updateText(main, sub) {
                text.style.opacity = '0';
                subtext.style.opacity = '0';
                setTimeout(function() {
                    text.innerHTML = main;
                    subtext.innerHTML = sub; 
                    text.style.opacity = '1';
                    text.style.opacity = '1';
                }, 500);
            }

            function playAnimation() {
                const chart = document.createElement('div');
                chart.className = 'bd-chart';
                
                // 【上グループ】
                const topGroup = document.createElement('div');
                topGroup.className = 'bd-top-group';
                
                // 左：机の上にスマホ
                const boxLeft = document.createElement('div');
                boxLeft.className = 'bd-box';
                
                const badgeLeft = document.createElement('div');
                badgeLeft.className = 'bd-badge bad';
                badgeLeft.innerText = '📉 成績が低下';
                
                const labelLeft = document.createElement('div');
                labelLeft.className = 'bd-box-label';
                labelLeft.innerText = '机の上にスマホ';
                
                const iconLeft = document.createElement('div');
                iconLeft.className = 'bd-box-icon';
                
                const brainLeft = document.createElement('span');
                brainLeft.className = 'bd-brain';
                brainLeft.innerText = '🧠';
                
                // ドレイン（吸収）パーティクル
                const drainParticles = document.createElement('div');
                drainParticles.className = 'bd-drain-particles';
                drainParticles.innerHTML = '<div class="bd-particle"></div><div class="bd-particle"></div><div class="bd-particle"></div>';
                
                const phoneLeft = document.createElement('span');
                phoneLeft.className = 'bd-phone';
                phoneLeft.innerText = '📱';
                
                iconLeft.appendChild(brainLeft);
                iconLeft.appendChild(drainParticles);
                iconLeft.appendChild(phoneLeft);
                
                const subLeft = document.createElement('div');
                subLeft.className = 'bd-sub-label';
                
                boxLeft.appendChild(badgeLeft);
                boxLeft.appendChild(labelLeft);
                boxLeft.appendChild(iconLeft);
                boxLeft.appendChild(subLeft);
                
                // 中央のマーク
                const centerMark = document.createElement('div');
                centerMark.className = 'bd-center-mark';
                
                const vsText = document.createElement('div');
                vsText.className = 'bd-vs-text';
                vsText.innerText = 'VS';
                centerMark.appendChild(vsText);
                
                // 右：別室にスマホ
                const boxRight = document.createElement('div');
                boxRight.className = 'bd-box';
                
                const badgeRight = document.createElement('div');
                badgeRight.className = 'bd-badge good';
                badgeRight.innerText = '💯 フル稼働';
                
                const labelRight = document.createElement('div');
                labelRight.className = 'bd-box-label';
                labelRight.innerText = '別室にスマホ';
                
                const iconRight = document.createElement('div');
                iconRight.className = 'bd-box-icon';
                
                const brainRight = document.createElement('span');
                brainRight.className = 'bd-brain';
                brainRight.innerText = '🧠';
                
                const wallRight = document.createElement('span');
                wallRight.className = 'bd-wall';
                wallRight.innerText = '🚪'; // ドアで隔離
                
                const phoneRight = document.createElement('span');
                phoneRight.className = 'bd-phone';
                phoneRight.innerText = '📱';
                
                iconRight.appendChild(brainRight);
                iconRight.appendChild(wallRight);
                iconRight.appendChild(phoneRight);
                
                const subRight = document.createElement('div');
                subRight.className = 'bd-sub-label';
                
                boxRight.appendChild(badgeRight);
                boxRight.appendChild(labelRight);
                boxRight.appendChild(iconRight);
                boxRight.appendChild(subRight);
                
                topGroup.appendChild(boxLeft);
                topGroup.appendChild(centerMark);
                topGroup.appendChild(boxRight);
                chart.appendChild(topGroup);
                
                // 【下グループ：キャラクターと吹き出し】
                const bottomGroup = document.createElement('div');
                bottomGroup.className = 'bd-bottom-group';
                
                const bubble = document.createElement('div');
                bubble.className = 'bd-bubble';
                bottomGroup.appendChild(bubble);
                
                const charIcon = document.createElement('div');
                charIcon.className = 'bd-char-icon';
                charIcon.innerText = '🤔'; 
                bottomGroup.appendChild(charIcon);

                chart.appendChild(bottomGroup);
                stage.appendChild(chart);

                // 【フェーズ1】実験のセットアップ
                updateText("1. スマホの置き場所でテスト", "2017年の心理学実験で、参加者を「スマホを机の上に置く」<br>グループと、「別室に置いてくる」グループなどに分けてテストしました。");
                
                setTimeout(() => {
                    subLeft.innerHTML = 'スマホが視界にある';
                    subLeft.classList.add('show');
                    
                    subRight.innerHTML = 'スマホが視界にない';
                    subRight.classList.add('show');
                    
                    setTimeout(() => {
                        bubble.innerHTML = '💭 スマホがどこにあるかで、脳の働きが変わるの？';
                        bubble.classList.add('show');
                    }, 800);
                }, 800);

                // 【フェーズ2】テスト結果
                setTimeout(() => {
                    updateText("2. 作業記憶力・思考力が低下", "結果、スマホを机の上に置いていたグループは、別室に<br>置いてきたグループに比べて、成績が有意に低いという結果が出ました。");
                    
                    bubble.classList.remove('show');
                    
                    setTimeout(() => {
                        // 机の上：成績低下
                        boxLeft.classList.add('dimmed');
                        badgeLeft.classList.add('show');
                        
                        // 別室：フル稼働
                        boxRight.classList.add('glow');
                        badgeRight.classList.add('show');
                        
                        vsText.innerText = '▶︎';
                        
                        setTimeout(() => {
                            charIcon.innerText = '😲'; 
                            bubble.innerHTML = '💭 触ってなくても、机にあるだけで成績が下がる！？';
                            bubble.classList.add('show');
                        }, 800);
                    }, 500);

                }, 7500);

                // 【フェーズ3】ブレイン・ドレイン（無意識の枯渇）
                setTimeout(() => {
                    updateText("3. 無意識の「ブレイン・ドレイン」", "参加者はスマホを意識していませんでしたが、視界にあるだけで<br>無意識に対応する準備をしてしまい、脳のリソースが割かれていたのです。");
                    
                    bubble.classList.remove('show');

                    setTimeout(() => {
                        // パーティクルアニメーション開始（脳からスマホへエネルギーが漏れる）
                        drainParticles.classList.add('show');
                        
                        subLeft.innerHTML = '無意識に脳の処理能力が<br>スマホに奪われている';
                        subLeft.classList.add('highlight');
                        
                        charIcon.innerText = '😨'; 
                        
                        setTimeout(() => {
                            bubble.innerHTML = '💭 気にしてないつもりでも、脳のエネルギーが吸い取られてる…'; 
                            bubble.classList.add('show');
                        }, 800);
                    }, 500);

                }, 14500);

                // 【フェーズ4】結論
                setTimeout(() => {
                    bubble.style.transform = 'translateX(-50%) scale(1)';

                    // 結論ラベル
                    setTimeout(() => {
                        const successLabel = document.createElement('div');
                        successLabel.className = 'bd-label';
                        successLabel.innerText = '✨ ブレイン・ドレイン ＝ スマホが視界にあるだけで、無意識に脳の処理能力が奪われる';
                        successLabel.style.left = '50%';
                        successLabel.style.top = '48%'; 
                        stage.appendChild(successLabel);
                        
                        setTimeout(() => { 
                            successLabel.classList.add('show'); 
                        }, 100);
                    }, 500);

                }, 22000);

                // リセット
                setTimeout(function() {
                    btn.style.display = 'block';
                    overlay.style.opacity = '1';
                    subtext.style.opacity = '0';
                    text.innerText = "スマホが「そこにある」だけで何が起きる？";
                    
                    bubble.classList.remove('show');
                    charIcon.innerText = '🤔';
                    
                    boxLeft.classList.remove('dimmed');
                    badgeLeft.classList.remove('show');
                    subLeft.classList.remove('show', 'highlight');
                    drainParticles.classList.remove('show');
                    
                    boxRight.classList.remove('glow');
                    badgeRight.classList.remove('show');
                    subRight.classList.remove('show');
                    
                    vsText.innerText = 'VS';
                    
                }, 30500);
            }
        })();
    </script>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">通知にすぐ対応すると、作業は早く終わるのに、脳はすり減る</h2>



<p class="wp-block-paragraph">「通知が来たらすぐ確認した方が、後でまとめて処理するより効率的なのでは」と感じる方もいるかもしれません。</p>



<p class="wp-block-paragraph">しかし、2008年に心理学者グロリア・マーク氏らが発表した研究は、この直感に反する結果を示しています。</p>



<p class="wp-block-paragraph">この研究では、オフィスワーカーを対象に、作業を中断されずに行う場合と、途中でメールなどによる中断が入る場合とで、作業時間や心理的な負担を比較しました。</p>



<p class="wp-block-paragraph">その結果、意外なことに、中断が入ったグループの方が、作業を完了するまでの時間はむしろ短いという結果が出ています。</p>



<p class="wp-block-paragraph">これは、中断による遅れを取り戻そうとして、無意識のうちに作業のペースを上げるためだと考えられています。</p>



<p class="wp-block-paragraph">ところが、ストレス・苛立ち・時間的プレッシャー・費やした労力感といった心理的な負担を測る指標では、中断が入ったグループの方が、いずれも有意に高い数値を示しました。</p>



<p class="wp-block-paragraph">つまり、「通知にすぐ対応しても、作業自体は思ったより早く終わる」ということと、「その分、脳への負担は小さくて済む」ということは、まったく別の話だということです。</p>



<p class="wp-block-paragraph">むしろ、素早く対応できているという感覚の裏側で、脳は着実にすり減っている可能性があります。</p>



<p class="has-text-align-center has-border -border03 is-style-bg_stripe wp-block-paragraph"><span class="swl-fz u-fz-l"><strong><span class="swl-marker mark_yellow">▽ 分かりやすく要約 ▽</span></strong></span></p>



<div style="width: 100%; max-width: 800px; margin: 2rem auto; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 8px 24px rgba(0,0,0,0.15); border-radius: 12px;">
    
    <!-- アニメーションエリア -->
    <div id="int-anim-wrapper" style="width: 100%; background: #2c3e50; border-radius: 12px 12px 0 0; overflow: hidden; position: relative; aspect-ratio: 16/9; min-height: 540px;">
        
        <!-- テキストエリア -->
        <div id="int-anim-text" style="position: absolute; top: 8%; width: 100%; text-align: center; color: #ecf0f1; font-weight: bold; padding: 0 20px; box-sizing: border-box; z-index: 20; text-shadow: 1px 1px 4px rgba(0,0,0,0.6); transition: opacity 0.5s;">
            通知にすぐ対応するとどうなる？
        </div>
        <div id="int-anim-subtext" style="position: absolute; top: 18%; width: 100%; text-align: center; color: #bdc3c7; padding: 0 20px; box-sizing: border-box; z-index: 20; opacity: 0; transition: opacity 0.5s; line-height: 1.5;"></div>

        <!-- アニメーションステージ -->
        <div id="int-anim-stage" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;"></div>

        <!-- 黒い透過オーバーレイ -->
        <div id="int-anim-overlay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 15; transition: opacity 0.5s; pointer-events: none;"></div>

        <!-- 再生ボタン -->
        <button id="int-anim-btn" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #e74c3c; color: #fff; border: none; padding: 14px 28px; font-weight: bold; border-radius: 30px; cursor: pointer; z-index: 25; box-shadow: 0 4px 12px rgba(0,0,0,0.4); transition: background 0.3s, transform 0.1s; white-space: nowrap;">
            ▶ 中断による「脳のすり減り」を見る
        </button>

        <!-- 注記（免責事項） -->
        <div id="int-anim-note" style="position: absolute; bottom: 12px; right: 16px; color: #95a5a6; z-index: 20;">
            ※アニメーションはイメージです
        </div>
    </div>

    <!-- 出典・参考カードエリア -->
    <div id="int-anim-ref" style="background: #f8f9fa; border-top: 1px solid #dcdde1; border-radius: 0 0 12px 12px; padding: 12px 16px; color: #5a5a5a; line-height: 1.5;">
        <span style="font-weight: bold; color: #2c3e50;">📚 SCIENCE FACT：中断のコスト（Cost of Interruption）</span><br>
        Mark, G., et al. (2008). <i>&#8220;The Cost of Interrupted Work: More Speed and Stress,&#8221;</i> CHI 2008. 通知などの割り込みが入ると、遅れを取り戻そうと無意識に作業ペースが上がり時間は短縮されますが、その代償としてストレス・苛立ち・時間的プレッシャーなどの「心理的負担（脳のすり減り）」が有意に増加することが示されています。
    </div>

    <style>
        /* ========= 基本レイアウト・アニメーション ========= */
        #int-anim-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }
        #int-anim-btn:hover { background: #c0392b; }
        #int-anim-btn:active { transform: translate(-50%, -50%) scale(0.95); }
        
        /* チャートエリア（上下分離・センター配置で被り完全防止） */
        .int-chart {
            position: absolute;
            top: 54%; 
            left: 50%;
            transform: translate(-50%, -50%);
            width: 95%;
            height: 68%;
            display: flex;
            flex-direction: column;
            justify-content: space-between; 
            align-items: center;
            z-index: 6;
        }

        /* --- 上グループ：中断なし vs 中断あり --- */
        .int-top-group {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            gap: 15px;
            width: 100%;
            flex-shrink: 0;
            position: relative;
            margin-top: 25px; 
        }

        /* 個別のコンテナ */
        .int-box {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            width: 155px;
            min-height: 135px;
            background: rgba(0, 0, 0, 0.4);
            border: 2px solid #7f8c8d;
            border-radius: 12px;
            position: relative;
            padding: 10px;
            transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .int-box-label {
            color: #ecf0f1;
            font-size: 0.8rem;
            font-weight: bold;
            margin-bottom: 8px;
            background: rgba(0,0,0,0.6);
            padding: 4px 8px;
            border-radius: 12px;
            white-space: nowrap;
            text-align: center;
            transition: all 0.5s ease;
        }

        /* アイコンエリア（状態表示） */
        .int-status-area {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 6px;
            width: 100%;
            transition: all 0.5s ease;
        }

        .int-speed-row {
            display: flex;
            align-items: center;
            gap: 5px;
            background: rgba(0,0,0,0.5);
            padding: 4px 8px;
            border-radius: 8px;
            font-size: 0.75rem;
            font-weight: bold;
            color: #bdc3c7;
            transition: all 0.5s ease;
        }
        
        .int-brain-icon {
            font-size: 3rem;
            line-height: 1;
            transition: all 0.5s ease;
        }

        /* サブテキスト */
        .int-sub-label {
            color: #bdc3c7;
            font-size: 0.65rem;
            font-weight: bold;
            margin-top: 8px;
            text-align: center;
            line-height: 1.3;
            opacity: 0;
            transition: opacity 0.5s ease;
        }
        .int-sub-label.show { opacity: 1; }

        /* バッジ（絶対に箱の上に配置） */
        .int-badge {
            position: absolute;
            bottom: 100%;
            margin-bottom: 8px;
            padding: 4px 10px;
            border-radius: 6px;
            font-size: 0.75rem;
            font-weight: bold;
            white-space: nowrap;
            transform: scale(0);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            z-index: 10;
        }
        .int-badge.show { transform: scale(1); }
        .int-badge.focus { background: #3498db; color: #fff; box-shadow: 0 2px 8px rgba(52,152,219,0.5); }
        .int-badge.interrupted { background: #e67e22; color: #fff; box-shadow: 0 2px 8px rgba(230,126,34,0.5); }

        /* 状態エフェクト：集中（左） */
        .int-box.active-focus {
            border-color: #3498db;
            background: rgba(52, 152, 219, 0.1);
        }
        .int-box.active-focus .int-speed-row { color: #fff; border: 1px solid #3498db; }

        /* 状態エフェクト：スピードアップ（右） */
        .int-box.speed-up .int-speed-row {
            background: #e67e22;
            color: #fff;
            transform: scale(1.1);
            box-shadow: 0 0 10px rgba(230, 126, 34, 0.5);
        }
        
        /* 状態エフェクト：ストレス激増（右の脳がすり減る） */
        .int-box.stress-max {
            border-color: #e74c3c;
            background: rgba(231, 76, 60, 0.15);
            box-shadow: 0 0 20px rgba(231, 76, 60, 0.4);
        }
        .int-box.stress-max .int-brain-icon {
            filter: drop-shadow(0 0 10px #e74c3c);
            animation: int-shake 0.4s infinite;
        }
        @keyframes int-shake {
            0% { transform: translate(1px, 1px) rotate(0deg); }
            20% { transform: translate(-2px, 0px) rotate(-3deg); }
            40% { transform: translate(1px, -1px) rotate(2deg); }
            60% { transform: translate(-1px, 2px) rotate(0deg); }
            80% { transform: translate(2px, -1px) rotate(3deg); }
            100% { transform: translate(-1px, -1px) rotate(-1deg); }
        }

        /* 中央のマーク */
        .int-center-mark {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 40px;
            margin-top: 30px;
        }
        .int-vs-text {
            font-size: 1.5rem;
            font-weight: bold;
            color: #bdc3c7;
            transition: all 0.5s ease;
        }

        /* --- 下グループ：キャラクターと吹き出し --- */
        .int-bottom-group {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            /* 吹き出し用「絶対不可侵領域」 */
            margin-top: 75px; 
            width: 100%;
            flex-shrink: 0;
        }

        .int-char-icon {
            font-size: 4.5rem;
            line-height: 1;
            transition: all 0.5s ease;
            z-index: 15;
        }

        /* 吹き出し */
        .int-bubble {
            position: absolute;
            top: -65px; 
            left: 50%;
            transform: translateX(-50%) scale(0); 
            background: #fff;
            color: #2c3e50;
            padding: 12px 24px !important;
            border-radius: 40px !important;
            font-size: 1.15rem;
            font-weight: bold;
            line-height: 1.2 !important;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
            opacity: 0;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important;
            z-index: 20; 
        }
        .int-bubble::after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 50%; 
            transform: translateX(-50%);
            border-width: 12px 12px 0;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }
        .int-bubble.show {
            transform: translateX(-50%) scale(1);
            opacity: 1;
        }

        /* 結論ラベル */
        .int-label {
            position: absolute;
            background: #fff;
            color: #2c3e50;
            padding: 10px 24px !important;
            border-radius: 40px;
            font-size: 0.95rem;
            font-weight: bold;
            transform: translate(-50%, -50%) scale(0);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            opacity: 0;
            box-shadow: 0 4px 15px rgba(0,0,0,0.4);
            z-index: 30;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important; 
            min-width: 240px; 
            text-align: center;
            line-height: 1.4;
        }
        .int-label.show {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }

        /* ========= フォントサイズ（PC基準） ========= */
        #int-anim-text { font-size: 1.3rem; }
        #int-anim-subtext { font-size: 0.95rem; }
        #int-anim-btn { font-size: 1.1rem; }
        #int-anim-note { font-size: 0.75rem; }
        #int-anim-ref { font-size: 0.85rem; }

        /* ========= SWELLスマホ自動縮小対策 ========= */
        @media screen and (max-width: 767px) {
            #int-anim-text { font-size: max(1.15rem, 18px); }
            #int-anim-subtext { font-size: max(0.85rem, 13px); }
            #int-anim-btn { font-size: max(1.0625rem, 17px); }
            #int-anim-note { font-size: max(0.75rem, 11px); }
            #int-anim-ref { font-size: max(0.85rem, 12px); }
            
            .int-chart { height: 60%; top: 54%; } 
            
            .int-top-group { gap: 6px; margin-top: 25px; }
            .int-box { width: 135px; min-height: 120px; padding: 8px; }
            .int-box-label { font-size: 0.7rem; padding: 2px 6px; margin-bottom: 6px; }
            
            .int-speed-row { font-size: 0.65rem; padding: 3px 6px; }
            .int-brain-icon { font-size: 2.5rem; }
            
            .int-sub-label { font-size: 0.6rem; margin-top: 4px; }
            .int-badge { font-size: 0.65rem; padding: 3px 6px; margin-bottom: 4px; }
            
            .int-center-mark { width: 25px; margin-top: 25px; }
            .int-vs-text { font-size: 1.2rem; }
            
            .int-bottom-group { margin-top: 65px; } 
            .int-char-icon { font-size: 4rem; }
            
            .int-bubble { 
                top: -60px; 
                font-size: 1.05rem !important; 
                padding: 10px 20px !important;
            }
            .int-label { 
                font-size: 0.85rem; 
                padding: 8px 16px !important;
            }
        }
    </style>

    <script>
        (function(){
            const stage = document.getElementById('int-anim-stage');
            const text = document.getElementById('int-anim-text');
            const subtext = document.getElementById('int-anim-subtext');
            const btn = document.getElementById('int-anim-btn');
            const overlay = document.getElementById('int-anim-overlay');

            btn.addEventListener('click', function() {
                btn.style.display = 'none';
                overlay.style.opacity = '0';
                stage.innerHTML = ''; 
                playAnimation();
            });

            function updateText(main, sub) {
                text.style.opacity = '0';
                subtext.style.opacity = '0';
                setTimeout(function() {
                    text.innerHTML = main;
                    subtext.innerHTML = sub; 
                    text.style.opacity = '1';
                    text.style.opacity = '1';
                }, 500);
            }

            function playAnimation() {
                const chart = document.createElement('div');
                chart.className = 'int-chart';
                
                // 【上グループ】
                const topGroup = document.createElement('div');
                topGroup.className = 'int-top-group';
                
                // 左：中断なし
                const boxLeft = document.createElement('div');
                boxLeft.className = 'int-box active-focus';
                
                const badgeLeft = document.createElement('div');
                badgeLeft.className = 'int-badge focus';
                badgeLeft.innerText = '👤 集中状態';
                
                const labelLeft = document.createElement('div');
                labelLeft.className = 'int-box-label';
                labelLeft.innerText = '中断なし（そのまま）';
                
                const statusLeft = document.createElement('div');
                statusLeft.className = 'int-status-area';
                
                const speedLeft = document.createElement('div');
                speedLeft.className = 'int-speed-row';
                speedLeft.innerHTML = '<span>⏱️</span> <span class="int-speed-val">普通のペース</span>';
                
                const brainLeft = document.createElement('div');
                brainLeft.className = 'int-brain-icon';
                brainLeft.innerText = '🧠'; 
                
                statusLeft.appendChild(speedLeft);
                statusLeft.appendChild(brainLeft);
                
                const subLeft = document.createElement('div');
                subLeft.className = 'int-sub-label';
                
                boxLeft.appendChild(badgeLeft);
                boxLeft.appendChild(labelLeft);
                boxLeft.appendChild(statusLeft);
                boxLeft.appendChild(subLeft);
                
                // 中央のマーク
                const centerMark = document.createElement('div');
                centerMark.className = 'int-center-mark';
                
                const vsText = document.createElement('div');
                vsText.className = 'int-vs-text';
                vsText.innerText = 'VS';
                centerMark.appendChild(vsText);
                
                // 右：中断あり（通知）
                const boxRight = document.createElement('div');
                boxRight.className = 'int-box';
                
                const badgeRight = document.createElement('div');
                badgeRight.className = 'int-badge interrupted';
                badgeRight.innerText = '🔔 通知に対応';
                
                const labelRight = document.createElement('div');
                labelRight.className = 'int-box-label';
                labelRight.innerText = '中断あり（すぐ対応）';
                
                const statusRight = document.createElement('div');
                statusRight.className = 'int-status-area';
                
                const speedRight = document.createElement('div');
                speedRight.className = 'int-speed-row';
                speedRight.innerHTML = '<span>⏱️</span> <span class="int-speed-val">普通のペース</span>';
                
                const brainRight = document.createElement('div');
                brainRight.className = 'int-brain-icon';
                brainRight.innerText = '🧠'; 
                
                statusRight.appendChild(speedRight);
                statusRight.appendChild(brainRight);
                
                const subRight = document.createElement('div');
                subRight.className = 'int-sub-label';
                
                boxRight.appendChild(badgeRight);
                boxRight.appendChild(labelRight);
                boxRight.appendChild(statusRight);
                boxRight.appendChild(subRight);
                
                topGroup.appendChild(boxLeft);
                topGroup.appendChild(centerMark);
                topGroup.appendChild(boxRight);
                chart.appendChild(topGroup);
                
                // 【下グループ：キャラクターと吹き出し】
                const bottomGroup = document.createElement('div');
                bottomGroup.className = 'int-bottom-group';
                
                const bubble = document.createElement('div');
                bubble.className = 'int-bubble';
                bottomGroup.appendChild(bubble);
                
                const charIcon = document.createElement('div');
                charIcon.className = 'int-char-icon';
                charIcon.innerText = '🤔'; 
                bottomGroup.appendChild(charIcon);

                chart.appendChild(bottomGroup);
                stage.appendChild(chart);

                // 【フェーズ1】実験のセットアップ
                updateText("1. 割り込みへの即座な対応", "通知が来たらすぐ確認した方が効率的なのでしょうか。<br>2008年の研究で、「中断なし」と「中断あり」の作業を比較しました。");
                
                setTimeout(() => {
                    badgeLeft.classList.add('show');
                    badgeRight.classList.add('show');
                    
                    setTimeout(() => {
                        bubble.innerHTML = '💭 通知ってすぐ返した方が効率いいんじゃないの？';
                        bubble.classList.add('show');
                    }, 800);
                }, 800);

                // 【フェーズ2】意外な結果（作業は早い）
                setTimeout(() => {
                    updateText("2. 意外な結果：作業は早く終わる", "意外なことに、通知などで「中断が入った」グループの方が<br>作業を完了するまでの時間は短いという結果が出ました。");
                    
                    bubble.classList.remove('show');
                    
                    setTimeout(() => {
                        // 右側がスピードアップ
                        boxRight.classList.add('speed-up');
                        const speedVal = speedRight.querySelector('.int-speed-val');
                        speedRight.querySelector('span').innerText = '⚡';
                        speedVal.innerText = '爆速で終わる！';
                        
                        subRight.innerHTML = '遅れを取り戻そうと<br>無意識にペースを上げる';
                        subRight.classList.add('show');
                        
                        charIcon.innerText = '😲'; 
                        
                        setTimeout(() => {
                            bubble.innerHTML = '💭 あれっ？中断された方が早く終わってる！';
                            bubble.classList.add('show');
                        }, 800);
                    }, 500);

                }, 7500);

                // 【フェーズ3】代償（脳のすり減り）
                setTimeout(() => {
                    updateText("3. スピードの代償（ストレス）", "しかし、遅れを取り戻そうと焦った結果、心理的な負担<br>（ストレス・苛立ち・時間的プレッシャー）は激増していました。");
                    
                    bubble.classList.remove('show');

                    setTimeout(() => {
                        // 右の脳が真っ赤になって震える
                        boxRight.classList.add('stress-max');
                        brainRight.innerText = '🧠💢'; // 怒り/ストレスマーク
                        
                        subRight.innerHTML = '脳のストレスが<br><span style="color:#e74c3c;">激増（すり減り）</span>';
                        
                        // 左は穏やか
                        subLeft.innerHTML = '負担が少なく<br>穏やかな状態';
                        subLeft.classList.add('show');
                        
                        charIcon.innerText = '😨'; 
                        
                        setTimeout(() => {
                            bubble.innerHTML = '💭 早く終わった裏で、脳が悲鳴を上げてたのか…'; 
                            bubble.classList.add('show');
                        }, 800);
                    }, 500);

                }, 14500);

                // 【フェーズ4】結論
                setTimeout(() => {
                    updateText("4. 早く終わることと負担は別", "「すぐ対応すると早く終わる」という感覚の裏側で、<br>私たちの脳は着実にすり減らされている可能性があります。");
                    
                    bubble.style.transform = 'translateX(-50%) scale(1)';

                    // 結論ラベル
                    setTimeout(() => {
                        const successLabel = document.createElement('div');
                        successLabel.className = 'int-label';
                        successLabel.innerText = '✨ 中断のコスト ＝ 作業は早く終わるが、焦りによる「脳のストレス」が激増する';
                        successLabel.style.left = '50%';
                        successLabel.style.top = '48%'; 
                        stage.appendChild(successLabel);
                        
                        setTimeout(() => { 
                            successLabel.classList.add('show'); 
                        }, 100);
                    }, 500);

                }, 22000);

                // リセット
                setTimeout(function() {
                    btn.style.display = 'block';
                    overlay.style.opacity = '1';
                    subtext.style.opacity = '0';
                    text.innerText = "通知にすぐ対応するとどうなる？";
                    
                    bubble.classList.remove('show');
                    charIcon.innerText = '🤔';
                    
                    boxLeft.classList.remove('active-focus');
                    badgeLeft.classList.remove('show');
                    subLeft.classList.remove('show');
                    
                    boxRight.classList.remove('speed-up', 'stress-max');
                    badgeRight.classList.remove('show');
                    subRight.classList.remove('show');
                    
                    const speedRightVal = speedRight.querySelector('.int-speed-val');
                    speedRight.querySelector('span').innerText = '⏱️';
                    speedRightVal.innerText = '普通のペース';
                    brainRight.innerText = '🧠';
                    
                }, 30500);
            }
        })();
    </script>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">意識を切り替えたつもりでも、心は前の作業に残っている</h2>



<p class="wp-block-paragraph">作業を中断されたとき、私たちは「よし、切り替えよう」と意識を新しい作業に向けようとします。</p>



<p class="wp-block-paragraph">しかし、2009年に経営学者ソフィー・ルロワ氏が発表した研究は、意識の上で切り替えたつもりでも、心の一部が前の作業に残り続けてしまう現象があることを示しました。</p>



<p class="wp-block-paragraph">ルロワ氏はこれを「アテンション・レジデュー（注意の残留物）」と呼んでいます。</p>



<p class="wp-block-paragraph">この研究によれば、特に、区切りのよいところまで終わらせずに作業を中断すると、その未完了の作業が心の中に残り続け、次の作業に取り組んでいる間も、無意識のうちに気を取られ続けてしまう傾向があります。</p>



<p class="wp-block-paragraph">厄介なのは、これが「集中しよう」という本人の意図の強さとは関係なく起こる、という点です。</p>



<p class="wp-block-paragraph">しっかり集中しようと思っていても、前の作業の残留物が、無意識のレベルでパフォーマンスを下げてしまうのです。</p>



<p class="wp-block-paragraph">一方で、この研究は救いのあるヒントも示しています。</p>



<p class="wp-block-paragraph">作業を区切りよく終えてから次に移った場合には、この残留効果は大きく軽減されるということです。</p>



<p class="wp-block-paragraph">「きちんと終わらせてから切り替える」という、当たり前のようでいて実践しづらいことに、科学的な裏付けがあるということになります。</p>



<p class="has-text-align-center has-border -border03 is-style-bg_stripe wp-block-paragraph"><span class="swl-fz u-fz-l"><strong><span class="swl-marker mark_yellow">▽ 分かりやすく要約 ▽</span></strong></span></p>



<div style="width: 100%; max-width: 800px; margin: 2rem auto; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 8px 24px rgba(0,0,0,0.15); border-radius: 12px;">
    
    <!-- アニメーションエリア -->
    <div id="ar-anim-wrapper" style="width: 100%; background: #2c3e50; border-radius: 12px 12px 0 0; overflow: hidden; position: relative; aspect-ratio: 16/9; min-height: 540px;">
        
        <!-- テキストエリア -->
        <div id="ar-anim-text" style="position: absolute; top: 8%; width: 100%; text-align: center; color: #ecf0f1; font-weight: bold; padding: 0 20px; box-sizing: border-box; z-index: 20; text-shadow: 1px 1px 4px rgba(0,0,0,0.6); transition: opacity 0.5s;">
            「注意の残留物」とは何か？
        </div>
        <div id="ar-anim-subtext" style="position: absolute; top: 18%; width: 100%; text-align: center; color: #bdc3c7; padding: 0 20px; box-sizing: border-box; z-index: 20; opacity: 0; transition: opacity 0.5s; line-height: 1.5;"></div>

        <!-- アニメーションステージ -->
        <div id="ar-anim-stage" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;"></div>

        <!-- 黒い透過オーバーレイ -->
        <div id="ar-anim-overlay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 15; transition: opacity 0.5s; pointer-events: none;"></div>

        <!-- 再生ボタン -->
        <button id="ar-anim-btn" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #8e44ad; color: #fff; border: none; padding: 14px 28px; font-weight: bold; border-radius: 30px; cursor: pointer; z-index: 25; box-shadow: 0 4px 12px rgba(0,0,0,0.4); transition: background 0.3s, transform 0.1s; white-space: nowrap;">
            ▶ 注意の残留メカニズムを見る
        </button>

        <!-- 注記（免責事項） -->
        <div id="ar-anim-note" style="position: absolute; bottom: 12px; right: 16px; color: #95a5a6; z-index: 20;">
            ※アニメーションはイメージです
        </div>
    </div>

    <!-- 出典・参考カードエリア -->
    <div id="ar-anim-ref" style="background: #f8f9fa; border-top: 1px solid #dcdde1; border-radius: 0 0 12px 12px; padding: 12px 16px; color: #5a5a5a; line-height: 1.5;">
        <span style="font-weight: bold; color: #2c3e50;">📚 SCIENCE FACT：アテンション・レジデュー（注意の残留物）</span><br>
        Leroy, S. (2009). <i>&#8220;Why Is It So Hard to Do My Work?&#8221;</i> Organizational Behavior and Human Decision Processes. 作業を中途半端な状態で中断して次の作業に移ると、本人の「集中しよう」という意図に関わらず、心の一部が前の作業に無意識に残り続け（残留物）、次の作業のパフォーマンスを低下させる現象。
    </div>

    <style>
        /* ========= 基本レイアウト・アニメーション ========= */
        #ar-anim-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }
        #ar-anim-btn:hover { background: #732d91; }
        #ar-anim-btn:active { transform: translate(-50%, -50%) scale(0.95); }
        
        /* チャートエリア（上下分離・センター配置で被り完全防止） */
        .ar-chart {
            position: absolute;
            top: 54%; 
            left: 50%;
            transform: translate(-50%, -50%);
            width: 95%;
            height: 68%;
            display: flex;
            flex-direction: column;
            justify-content: space-between; 
            align-items: center;
            z-index: 6;
        }

        /* --- 上グループ：中途半端 vs キリ良く --- */
        .ar-top-group {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            gap: 15px;
            width: 100%;
            flex-shrink: 0;
            position: relative;
            margin-top: 25px; 
        }

        /* 個別のコンテナ */
        .ar-box {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            width: 155px;
            min-height: 135px;
            background: rgba(0, 0, 0, 0.4);
            border: 2px solid #7f8c8d;
            border-radius: 12px;
            position: relative;
            padding: 10px;
            transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .ar-box-label {
            color: #ecf0f1;
            font-size: 0.8rem;
            font-weight: bold;
            margin-bottom: 8px;
            background: rgba(0,0,0,0.6);
            padding: 4px 8px;
            border-radius: 12px;
            white-space: nowrap;
            text-align: center;
            transition: all 0.5s ease;
        }

        .ar-box-icon {
            font-size: 3.5rem;
            line-height: 1;
            transition: all 0.5s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 60px;
            position: relative;
        }

        /* サブテキスト */
        .ar-sub-label {
            color: #bdc3c7;
            font-size: 0.65rem;
            font-weight: bold;
            margin-top: 8px;
            text-align: center;
            line-height: 1.3;
            opacity: 0;
            transition: opacity 0.5s ease;
        }
        .ar-sub-label.show { opacity: 1; }
        .ar-sub-label.highlight { color: #f1c40f; }

        /* バッジ（絶対に箱の上に配置） */
        .ar-badge {
            position: absolute;
            bottom: 100%;
            margin-bottom: 8px;
            padding: 4px 10px;
            border-radius: 6px;
            font-size: 0.75rem;
            font-weight: bold;
            white-space: nowrap;
            transform: scale(0);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            z-index: 10;
        }
        .ar-badge.show { transform: scale(1); }
        .ar-badge.bad { background: #e74c3c; color: #fff; box-shadow: 0 2px 8px rgba(231,76,60,0.5); }
        .ar-badge.good { background: #2ecc71; color: #fff; box-shadow: 0 2px 8px rgba(46,204,113,0.5); }

        /* アテンション・レジデュー（亡霊/モヤモヤ）のエフェクト */
        .ar-residue {
            position: absolute;
            top: -15px;
            right: -15px;
            background: rgba(255, 255, 255, 0.9);
            color: #2c3e50;
            font-size: 1rem;
            font-weight: bold;
            padding: 4px 8px;
            border-radius: 15px;
            border: 2px solid #e74c3c;
            box-shadow: 0 4px 10px rgba(231,76,60,0.4);
            opacity: 0;
            transform: scale(0) rotate(10deg);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            z-index: 15;
            pointer-events: none;
        }
        .ar-residue::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 10px;
            border-width: 5px 5px 0;
            border-style: solid;
            border-color: #e74c3c transparent transparent transparent;
        }
        .ar-residue.show {
            opacity: 1;
            transform: scale(1) rotate(5deg);
            animation: ar-float 2s infinite ease-in-out;
        }
        @keyframes ar-float {
            0% { transform: scale(1) rotate(5deg) translateY(0); }
            50% { transform: scale(1) rotate(5deg) translateY(-5px); }
            100% { transform: scale(1) rotate(5deg) translateY(0); }
        }

        /* ボックスの状態エフェクト */
        .ar-box.distracted {
            border-color: #e74c3c;
            background: rgba(231, 76, 60, 0.15);
        }
        .ar-box.distracted .ar-box-icon {
            filter: grayscale(40%);
        }
        
        .ar-box.focused {
            border-color: #2ecc71;
            background: rgba(46, 204, 113, 0.15);
            box-shadow: 0 0 20px rgba(46, 204, 113, 0.4);
        }
        .ar-box.focused .ar-box-icon {
            filter: drop-shadow(0 0 10px #2ecc71);
            transform: scale(1.1);
        }

        /* 中央のマーク */
        .ar-center-mark {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 40px;
            margin-top: 30px;
        }
        .ar-vs-text {
            font-size: 1.5rem;
            font-weight: bold;
            color: #bdc3c7;
            transition: all 0.5s ease;
        }

        /* --- 下グループ：キャラクターと吹き出し --- */
        .ar-bottom-group {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            /* 吹き出し用「絶対不可侵領域」 */
            margin-top: 75px; 
            width: 100%;
            flex-shrink: 0;
        }

        .ar-char-icon {
            font-size: 4.5rem;
            line-height: 1;
            transition: all 0.5s ease;
            z-index: 15;
        }

        /* 吹き出し */
        .ar-bubble {
            position: absolute;
            top: -65px; 
            left: 50%;
            transform: translateX(-50%) scale(0); 
            background: #fff;
            color: #2c3e50;
            padding: 12px 24px !important;
            border-radius: 40px !important;
            font-size: 1.15rem;
            font-weight: bold;
            line-height: 1.2 !important;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
            opacity: 0;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important;
            z-index: 20; 
        }
        .ar-bubble::after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 50%; 
            transform: translateX(-50%);
            border-width: 12px 12px 0;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }
        .ar-bubble.show {
            transform: translateX(-50%) scale(1);
            opacity: 1;
        }

        /* 結論ラベル */
        .ar-label {
            position: absolute;
            background: #fff;
            color: #2c3e50;
            padding: 10px 24px !important;
            border-radius: 40px;
            font-size: 0.95rem;
            font-weight: bold;
            transform: translate(-50%, -50%) scale(0);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            opacity: 0;
            box-shadow: 0 4px 15px rgba(0,0,0,0.4);
            z-index: 30;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important; 
            min-width: 240px; 
            text-align: center;
            line-height: 1.4;
        }
        .ar-label.show {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }

        /* ========= フォントサイズ（PC基準） ========= */
        #ar-anim-text { font-size: 1.3rem; }
        #ar-anim-subtext { font-size: 0.95rem; }
        #ar-anim-btn { font-size: 1.1rem; }
        #ar-anim-note { font-size: 0.75rem; }
        #ar-anim-ref { font-size: 0.85rem; }

        /* ========= SWELLスマホ自動縮小対策 ========= */
        @media screen and (max-width: 767px) {
            #ar-anim-text { font-size: max(1.15rem, 18px); }
            #ar-anim-subtext { font-size: max(0.85rem, 13px); }
            #ar-anim-btn { font-size: max(1.0625rem, 17px); }
            #ar-anim-note { font-size: max(0.75rem, 11px); }
            #ar-anim-ref { font-size: max(0.85rem, 12px); }
            
            .ar-chart { height: 60%; top: 54%; } 
            
            .ar-top-group { gap: 6px; margin-top: 25px; }
            .ar-box { width: 135px; min-height: 120px; padding: 8px; }
            .ar-box-label { font-size: 0.7rem; padding: 2px 6px; margin-bottom: 6px; }
            .ar-box-icon { font-size: 3rem; min-height: 50px; }
            
            .ar-sub-label { font-size: 0.6rem; margin-top: 4px; }
            .ar-badge { font-size: 0.65rem; padding: 3px 6px; margin-bottom: 4px; }
            .ar-residue { font-size: 0.8rem; padding: 3px 6px; right: -5px; }
            
            .ar-center-mark { width: 25px; margin-top: 25px; }
            .ar-vs-text { font-size: 1.2rem; }
            
            .ar-bottom-group { margin-top: 65px; } 
            .ar-char-icon { font-size: 4rem; }
            
            .ar-bubble { 
                top: -60px; 
                font-size: 1.05rem !important; 
                padding: 10px 20px !important;
            }
            .ar-label { 
                font-size: 0.85rem; 
                padding: 8px 16px !important;
            }
        }
    </style>

    <script>
        (function(){
            const stage = document.getElementById('ar-anim-stage');
            const text = document.getElementById('ar-anim-text');
            const subtext = document.getElementById('ar-anim-subtext');
            const btn = document.getElementById('ar-anim-btn');
            const overlay = document.getElementById('ar-anim-overlay');

            btn.addEventListener('click', function() {
                btn.style.display = 'none';
                overlay.style.opacity = '0';
                stage.innerHTML = ''; 
                playAnimation();
            });

            function updateText(main, sub) {
                text.style.opacity = '0';
                subtext.style.opacity = '0';
                setTimeout(function() {
                    text.innerHTML = main;
                    subtext.innerHTML = sub; 
                    text.style.opacity = '1';
                    text.style.opacity = '1';
                }, 500);
            }

            function playAnimation() {
                const chart = document.createElement('div');
                chart.className = 'ar-chart';
                
                // 【上グループ】
                const topGroup = document.createElement('div');
                topGroup.className = 'ar-top-group';
                
                // 左：中途半端で切り替え
                const boxLeft = document.createElement('div');
                boxLeft.className = 'ar-box';
                
                const badgeLeft = document.createElement('div');
                badgeLeft.className = 'ar-badge bad';
                badgeLeft.innerText = '✂️ 中途半端に中断';
                
                const labelLeft = document.createElement('div');
                labelLeft.className = 'ar-box-label';
                labelLeft.innerText = '前の作業A';
                
                const iconLeft = document.createElement('div');
                iconLeft.className = 'ar-box-icon';
                iconLeft.innerText = '📝'; 
                
                // レジデュー（残留物）エフェクト
                const residue = document.createElement('div');
                residue.className = 'ar-residue';
                residue.innerText = '💭作業A...';
                iconLeft.appendChild(residue);
                
                const subLeft = document.createElement('div');
                subLeft.className = 'ar-sub-label';
                
                boxLeft.appendChild(badgeLeft);
                boxLeft.appendChild(labelLeft);
                boxLeft.appendChild(iconLeft);
                boxLeft.appendChild(subLeft);
                
                // 中央のマーク
                const centerMark = document.createElement('div');
                centerMark.className = 'ar-center-mark';
                
                const vsText = document.createElement('div');
                vsText.className = 'ar-vs-text';
                vsText.innerText = 'VS';
                centerMark.appendChild(vsText);
                
                // 右：キリ良く終わらせて切り替え
                const boxRight = document.createElement('div');
                boxRight.className = 'ar-box';
                
                const badgeRight = document.createElement('div');
                badgeRight.className = 'ar-badge good';
                badgeRight.innerText = '✅ キリ良く完了';
                
                const labelRight = document.createElement('div');
                labelRight.className = 'ar-box-label';
                labelRight.innerText = '前の作業A';
                
                const iconRight = document.createElement('div');
                iconRight.className = 'ar-box-icon';
                iconRight.innerText = '📝'; 
                
                const subRight = document.createElement('div');
                subRight.className = 'ar-sub-label';
                
                boxRight.appendChild(badgeRight);
                boxRight.appendChild(labelRight);
                boxRight.appendChild(iconRight);
                boxRight.appendChild(subRight);
                
                topGroup.appendChild(boxLeft);
                topGroup.appendChild(centerMark);
                topGroup.appendChild(boxRight);
                chart.appendChild(topGroup);
                
                // 【下グループ：キャラクターと吹き出し】
                const bottomGroup = document.createElement('div');
                bottomGroup.className = 'ar-bottom-group';
                
                const bubble = document.createElement('div');
                bubble.className = 'ar-bubble';
                bottomGroup.appendChild(bubble);
                
                const charIcon = document.createElement('div');
                charIcon.className = 'ar-char-icon';
                charIcon.innerText = '🤔'; 
                bottomGroup.appendChild(charIcon);

                chart.appendChild(bottomGroup);
                stage.appendChild(chart);

                // 【フェーズ1】切り替えの準備
                updateText("1. 作業を中断して切り替える時", "作業Aから新しい作業Bへ移る時、私たちは「よし、切り替えよう」と<br>意識を新しい作業に完全に向けるつもりでいます。");
                
                setTimeout(() => {
                    badgeLeft.classList.add('show');
                    badgeRight.classList.add('show');
                    
                    setTimeout(() => {
                        bubble.innerHTML = '💭 よし、新しい作業に集中するぞ！';
                        bubble.classList.add('show');
                    }, 800);
                }, 800);

                // 【フェーズ2】レジデューの発生
                setTimeout(() => {
                    updateText("2. アテンション・レジデューの発生", "しかし、中途半端な状態で中断すると、未完了の作業が心の中に<br>残り続け（注意の残留物）、無意識に気を取られてしまいます。");
                    
                    bubble.classList.remove('show');
                    
                    setTimeout(() => {
                        // 次の作業Bへ移行
                        labelLeft.innerText = '新しい作業B';
                        iconLeft.innerText = '🧠📊';
                        iconLeft.appendChild(residue); // 付け直し
                        
                        labelRight.innerText = '新しい作業B';
                        iconRight.innerText = '🧠📊';
                        
                        vsText.innerText = '▶︎';
                        
                        setTimeout(() => {
                            // 左側に残留物が発生
                            boxLeft.classList.add('distracted');
                            residue.classList.add('show');
                            subLeft.innerHTML = '無意識のうちに<br>前の作業に気を取られる';
                            subLeft.classList.add('show');
                            
                            charIcon.innerText = '😵'; 
                            
                            setTimeout(() => {
                                bubble.innerHTML = '💭 切り替えたつもりなのに、前のことが頭から離れない…';
                                bubble.classList.add('show');
                            }, 800);
                        }, 500);
                    }, 500);

                }, 7500);

                // 【フェーズ3】意識とは無関係
                setTimeout(() => {
                    updateText("3. 「集中しよう」という意図は無力", "厄介なのは、これが「集中しよう」という本人の意図の強さとは<br>関係なく、無意識のレベルでパフォーマンスを下げてしまう点です。");
                    
                    bubble.classList.remove('show');

                    setTimeout(() => {
                        charIcon.innerText = '💦'; 
                        
                        setTimeout(() => {
                            bubble.innerHTML = '💭 集中したくても、脳が勝手に引っ張られちゃうんだ！'; 
                            bubble.classList.add('show');
                        }, 800);
                    }, 500);

                }, 14500);

                // 【フェーズ4】救いのヒント（完了させる）
                setTimeout(() => {
                    updateText("4. キリ良く終わらせる効果", "しかし、作業を「区切り良く終えてから」次に移った場合は、<br>この残留効果が大きく軽減され、高い集中力を発揮できます。");
                    
                    bubble.classList.remove('show');

                    setTimeout(() => {
                        // 右側が集中モードに
                        boxRight.classList.add('focused');
                        subRight.innerHTML = 'スッキリ切り替わり<br>フルに集中できる！';
                        subRight.classList.add('show');
                        
                        charIcon.innerText = '💡'; 
                        
                        setTimeout(() => {
                            bubble.innerHTML = '💭 「きちんと終わらせる」ことには科学的な意味があったんだね✨'; 
                            bubble.classList.add('show');
                        }, 800);
                    }, 500);

                }, 21500);

                // 【フェーズ5】結論
                setTimeout(() => {
                    bubble.style.transform = 'translateX(-50%) scale(1)';

                    // 結論ラベル
                    setTimeout(() => {
                        const successLabel = document.createElement('div');
                        successLabel.className = 'ar-label';
                        successLabel.innerText = '✨ 注意の残留物 ＝ 中途半端な中断は、無意識のうちに次の作業の集中力を奪う';
                        successLabel.style.left = '50%';
                        successLabel.style.top = '48%'; 
                        stage.appendChild(successLabel);
                        
                        setTimeout(() => { 
                            successLabel.classList.add('show'); 
                        }, 100);
                    }, 500);

                }, 29000);

                // リセット
                setTimeout(function() {
                    btn.style.display = 'block';
                    overlay.style.opacity = '1';
                    subtext.style.opacity = '0';
                    text.innerText = "「注意の残留物」とは何か？";
                    
                    bubble.classList.remove('show');
                    charIcon.innerText = '🤔';
                    
                    boxLeft.classList.remove('distracted');
                    badgeLeft.classList.remove('show');
                    labelLeft.innerText = '前の作業A';
                    iconLeft.innerText = '📝';
                    iconLeft.appendChild(residue);
                    residue.classList.remove('show');
                    subLeft.classList.remove('show');
                    
                    boxRight.classList.remove('focused');
                    badgeRight.classList.remove('show');
                    labelRight.innerText = '前の作業A';
                    iconRight.innerText = '📝';
                    subRight.classList.remove('show');
                    
                    vsText.innerText = 'VS';
                    
                }, 38000);
            }
        })();
    </script>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">では、&#8221;持続的注意力&#8221;を守るために、何ができるのか</h2>



<p class="wp-block-paragraph">ここまでの研究を踏まえると、AIやスマホに囲まれた環境の中でも、&#8221;持続的注意力&#8221;を守るためにできる工夫がいくつか見えてきます。</p>



<style>
  /* =========================================
     持続的注意力を守る工夫 共通スタイル
  ========================================= */
  .attention-tips-wrapper {
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 2.5rem 2rem;
    margin: 2.5rem 0;
    font-family: sans-serif;
    color: #333;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  }
  
  .tips-header {
    text-align: center;
    margin-bottom: 2.5rem;
  }
  .tips-header h3 {
    color: #0f172a;
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 1rem;
    border-bottom: none;
  }
  .tips-header p {
    color: #475569;
    font-size: 1.0625rem;
    line-height: 1.6;
    margin: 0;
  }

  /* =========================================
     リストアイテム（各工夫）
  ========================================= */
  .tips-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .tip-item {
    background: #f8fafc;
    
    border-radius: 0 8px 8px 0;
    padding: 1.5rem;
    position: relative;
  }
  .tip-badge {
    background: #3b82f6;
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: bold;
    padding: 4px 12px;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 0.8rem;
    letter-spacing: 1px;
  }
  
  /* SWELLのh4干渉を避けるためdivに変更し、余白をリセット */
  .tip-title {
    color: #1e293b;
    font-size: 1.15rem;
    font-weight: bold;
    margin: 0 0 0.8rem 0;
    padding: 0;
    border: none;
    background: none;
    line-height: 1.4;
  }
  
  .tip-text {
    color: #334155;
    font-size: 1.0625rem;
    line-height: 1.6;
    margin: 0 0 1rem 0;
  }

  /* エビデンス（研究結果）のハイライト枠 */
  .tip-evidence {
    background: #ffffff;
    border: 1px dashed #cbd5e1;
    border-radius: 6px;
    padding: 1rem;
    color: #475569;
  }
  .evidence-title {
    color: #2563eb;
    font-weight: bold;
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .evidence-text {
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
  }

  /* =========================================
     出典エリア
  ========================================= */
  .tips-citation {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
    color: #64748b;
  }
  .tips-citation p {
    font-size: 0.85rem;
    line-height: 1.6;
    margin: 0;
  }
  .tips-citation strong {
    color: #475569;
  }

  /* =========================================
     SWELLスマホ自動縮小対策（max関数指定）
  ========================================= */
  @media (max-width: 767px) {
    .attention-tips-wrapper {
      padding: 1.5rem 1rem;
    }
    .tip-item {
      padding: 1.2rem;
    }
    .tip-evidence {
      padding: 0.8rem;
    }
    
    /* 最小フォントサイズの担保 */
    .tips-header h3 { font-size: max(1.25rem, 20px); }
    .tips-header p { font-size: max(1.0625rem, 16px); }
    .tip-badge { font-size: max(0.85rem, 13px); }
    .tip-title { font-size: max(1.15rem, 18px); }
    .tip-text { font-size: max(1.0625rem, 16px); }
    .evidence-title { font-size: max(0.95rem, 15px); }
    .evidence-text { font-size: max(0.95rem, 14px); }
    .tips-citation p { font-size: max(0.85rem, 12px); }
  }
</style>

<div class="attention-tips-wrapper">
  
  
  <div class="tips-list">
    <!-- 工夫1 -->
    <div class="tip-item">
      <div class="tip-badge">工夫 1</div>
      <div class="tip-title">通知は「即時」ではなく「まとめてチェック」</div>
      <p class="tip-text">通知を追いかけ続けることは、思っている以上に脳にコストを強いている可能性があります。対応をまとめることで脳の負担を減らします。</p>
      <div class="tip-evidence">
        <div class="evidence-title">💡 クシュレフ氏らの研究（2015年）</div>
        <p class="evidence-text">「メールのチェックを1日3回に限定した週」と「好きなだけチェックしてよい週」を比較した結果、チェック回数を限定した週の方が、参加者の日々のストレスが有意に低いという結果が出ました。</p>
      </div>
    </div>

    <!-- 工夫2 -->
    <div class="tip-item">
      <div class="tip-badge">工夫 2</div>
      <div class="tip-title">スマホは「視界に入らない場所」に置く</div>
      <p class="tip-text">集中したい作業の間は、スマホを机の上ではなく、視界に入らない場所や少し離れた場所に置くことが重要です。</p>
      <div class="tip-evidence">
        <div class="evidence-title">💡 スマホの「存在効果」</div>
        <p class="evidence-text">手が届く距離にあるかどうかよりも、「視界に入っているかどうか」が、無意識の注意の割かれ方に大きく影響すると考えられます。</p>
      </div>
    </div>

    <!-- 工夫3 -->
    <div class="tip-item">
      <div class="tip-badge">工夫 3</div>
      <div class="tip-title">中断時は「次に何をするか」を1行メモする</div>
      <p class="tip-text">区切りよく終わらせることが難しい場合でも、「続きはここから」という具体的なメモを残しておくだけで、心の残留物を軽くできる可能性があります。</p>
      <div class="tip-evidence">
        <div class="evidence-title">💡 マシキャンポ氏とバウマイスター氏の研究（2011年）</div>
        <p class="evidence-text">未完了の作業について、「いつ、どこで、何をするか」という具体的な計画を立てるだけで、その作業に関する侵入的な思考（ふとした瞬間に気になってしまう現象）が大きく減ることが示されています。</p>
      </div>
    </div>
  </div>

  <!-- 出典 -->
  <div class="tips-citation">
    <p>📚 <strong>出典：</strong><br>
    ・Kushlev, K., &amp; Dunn, E.W. (2015). Checking Email Less Frequently Reduces Stress. <i>Computers in Human Behavior</i>, 43, 220–228.<br>
    ・Masicampo, E.J., &amp; Baumeister, R.F. (2011). Consider It Done! Plan Making Can Eliminate the Cognitive Effects of Unfulfilled Goals. <i>Journal of Personality and Social Psychology</i>, 101, 667–683.</p>
  </div>
</div>



<p class="wp-block-paragraph">こうした環境面の工夫に加えて、注意力そのものをサポートする習慣を取り入れている方もいます。</p>



<p class="wp-block-paragraph">Memory Coffeeは、GABAを配合し、「記憶力」「空間認知力」「持続的注意力」の機能性表示を消費者庁に届け出ている（届出番号：J1384）インスタントコーヒーです。</p>



<!-- 7. Memory Coffee 製品ボックス -->
<div class="mc-product-box">
  <div class="mc-product-box-inner">
    <div class="mc-product-badge-row">
      <span class="mc-product-badge">機能性表示食品</span>
      <span class="mc-product-sub-badge">GABA 200mg配合</span>
    </div>
    <p class="mc-product-lead">
      Memory Coffeeで使用しているGABAは、加齢とともに低下する<strong>認知機能の一部を維持する機能</strong>が報告されています。
    </p>
    <div class="mc-product-features">
      <div class="mc-product-feature-item">
        <span class="mc-product-feature-icon">✓</span>
        <div class="mc-product-feature-text-wrap">
          <span class="mc-product-feature-name">記憶力</span>
          <span class="mc-product-feature-desc">見たり聞いたりしたことを思い出す力</span>
        </div>
      </div>
      <div class="mc-product-feature-item">
        <span class="mc-product-feature-icon">✓</span>
        <div class="mc-product-feature-text-wrap">
          <span class="mc-product-feature-name">空間認知力</span>
          <span class="mc-product-feature-desc">物の位置、形、向きなどを正確に把握する力</span>
        </div>
      </div>
      <div class="mc-product-feature-item">
        <span class="mc-product-feature-icon">✓</span>
        <div class="mc-product-feature-text-wrap">
          <span class="mc-product-feature-name">持続的注意力</span>
          <span class="mc-product-feature-desc">注意を持続させながら、作業を続ける力</span>
        </div>
      </div>
    </div>
  </div>
  <div class="mc-product-footer">
    <div class="mc-product-official-num">届出番号：J1384</div>
    <p class="mc-product-note">
      ※本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。<br>
      ※本品は、疾病の診断、治療、予防を目的としたものではありません。
    </p>
  </div>
</div>
<style>
/* プレミアムボックス全体 */
.mc-product-box { background: #ffffff !important;  solid #0f172a !important; border-radius: 12px !important; padding: 0 !important; margin: 3em 0 !important; box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08) !important; overflow: hidden !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important; box-sizing: border-box !important; }
.mc-product-box-inner { padding: 32px 32px 24px 32px !important; }
.mc-product-badge-row { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; align-items: center !important; margin-bottom: 24px !important; }
.mc-product-badge { display: inline-flex !important; align-items: center !important; background: linear-gradient(135deg, #0f172a, #1e293b) !important; color: #ffffff !important; font-weight: 800 !important; letter-spacing: 0.08em !important; border-radius: 20px !important; padding: 8px 18px !important; box-shadow: 0 4px 10px rgba(15, 23, 42, 0.2) !important; }
.mc-product-sub-badge { display: inline-flex !important; align-items: center !important; background: #fdfbf7 !important; color: #0f172a !important; border: 1px solid #e7d8b1 !important; border-left: 4px solid #C5A059 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; border-radius: 4px 20px 20px 4px !important; padding: 7px 16px 7px 12px !important; }
.mc-product-lead { color: #1e293b !important; line-height: 1.85 !important; margin: 0 0 26px 0 !important; font-weight: 600 !important; font-family: "Hiragino Mincho ProN", "Noto Serif JP", serif !important; letter-spacing: 0.03em !important; }
.mc-product-lead strong { color: #0f172a !important; font-weight: 800 !important; background: linear-gradient(transparent 70%, rgba(197, 160, 89, 0.3) 0) !important; }
.mc-product-features { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; padding: 24px !important; }
.mc-product-feature-item { display: flex !important; align-items: flex-start !important; gap: 16px !important; }
.mc-product-feature-item + .mc-product-feature-item { margin-top: 16px !important; padding-top: 16px !important; border-top: 1px dashed #cbd5e1 !important; }
.mc-product-feature-icon { flex-shrink: 0 !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; background: linear-gradient(135deg, #d4af37, #C5A059) !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 900 !important; margin-top: 2px !important; box-shadow: 0 2px 6px rgba(197, 160, 89, 0.3) !important; }
.mc-product-feature-text-wrap { flex: 1 !important; }
.mc-product-feature-name { display: block !important; color: #0f172a !important; font-weight: 800 !important; margin-bottom: 4px !important; letter-spacing: 0.02em !important; }
.mc-product-feature-desc { color: #475569 !important; line-height: 1.65 !important; display: block !important; font-weight: 500 !important; }
.mc-product-footer { background: #f1f5f9 !important; border-top: 1px solid #e2e8f0 !important; padding: 22px 32px !important; }
.mc-product-official-num { display: inline-flex !important; align-items: center !important; gap: 8px !important; font-weight: 800 !important; color: #0f172a !important; margin-bottom: 12px !important; background: #ffffff !important; padding: 6px 14px !important; border-radius: 6px !important; border: 1px solid #cbd5e1 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important; }
.mc-product-official-num::before { content: '✓' !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; background: #0f172a !important; color: #C5A059 !important; border-radius: 50% !important; font-size: 12px !important; flex-shrink: 0 !important; }
.mc-product-note { color: #64748b !important; line-height: 1.7 !important; margin: 0 !important; font-weight: 500 !important; }

/* PC用（標準サイズ） */
.mc-product-badge, .mc-product-sub-badge, .mc-product-feature-icon { font-size: 0.85rem !important; }
.mc-product-lead, .mc-product-feature-name { font-size: 1.05rem !important; }
.mc-product-feature-desc { font-size: 0.92rem !important; }
.mc-product-official-num { font-size: 0.9rem !important; }
.mc-product-note { font-size: 0.82rem !important; }
/* スマホ用（1.15remベース） */
@media (max-width: 768px) {
  .mc-product-box-inner { padding: 24px 18px 20px 18px !important; }
  .mc-product-badge-row { gap: 8px !important; margin-bottom: 20px !important; }
  .mc-product-features { padding: 18px 16px !important; }
  .mc-product-footer { padding: 20px 18px !important; }
  
  .mc-product-badge, .mc-product-sub-badge, .mc-product-feature-icon { font-size: 1rem !important; }
  .mc-product-lead { font-size: 1.15rem !important; line-height: 1.75 !important; margin-bottom: 20px !important; }
  .mc-product-feature-name { font-size: 1.2rem !important; }
  .mc-product-feature-desc { font-size: 1.15rem !important; }
  .mc-product-official-num { font-size: 1.1rem !important; }
  .mc-product-note { font-size: 0.95rem !important; }
}
</style>



<p class="wp-block-paragraph">集中したい作業の前の一杯を、注意力と向き合うきっかけの一つにしてみてはいかがでしょうか。</p>



<!-- [ブロックA：パターンB] 機能・手軽さ訴求 -->
<div class="mc-cta-mid">
  <div class="mc-cta-mid-text">
    <div class="mc-cta-mid-label">
      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18h6"></path><path d="M10 22h4"></path><path d="M12 2v1"></path><path d="M12 7a5 5 0 1 0 5 5 5.5 5.5 0 0 0-1.5-3.5A4.5 4.5 0 0 1 14 6Z"></path></svg>
      日々の記憶力対策ケアをお探しの方へ
    </div>
    <p class="mc-cta-mid-title">【コーヒー×GABA】ながらケアできる「Memory Coffee」</p>
  </div>
  <a id="cta-amazon-mid-b" href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener sponsored" class="mc-cta-mid-btn">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" style="height:28px; width:auto; margin-right:8px; display:block;">で見る ▶
  </a>
</div>

<style>
/* 記事中盤用CTA：共通スタイル */
.mc-cta-mid {
  margin: 32px 0;
  padding: 24px;
  background-color: #FDF9F3;
  border: 1px solid #EBD8B7;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  box-shadow: 0 4px 15px rgba(197, 160, 89, 0.05);
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
  transition: box-shadow 0.3s ease;
}
.mc-cta-mid:hover {
  box-shadow: 0 6px 20px rgba(197, 160, 89, 0.15);
}
.mc-cta-mid-text { flex: 1; }
.mc-cta-mid-label {
  font-size: 13px;
  color: #C5A059;
  font-weight: bold;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.mc-cta-mid-title {
  font-size: 16px;
  color: #1A2A40;
  font-weight: bold;
  margin: 0;
  line-height: 1.5;
}
.mc-cta-mid-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #1A2A40 !important;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 50px;
  border: 2px solid #1A2A40;
  text-decoration: none !important;
  white-space: nowrap;
  transition: transform 0.2s ease, background-color 0.2s ease;
  box-shadow: 0 4px 10px rgba(26, 42, 64, 0.1);
}
.mc-cta-mid-btn:hover {
  transform: translateY(-2px);
  background-color: #f8fafc;
}
@media (max-width: 600px) {
  .mc-cta-mid {
    flex-direction: column;
    align-items: stretch;
    padding: 20px 16px;
    gap: 16px;
  }
  .mc-cta-mid-btn { width: 100%; padding: 14px 20px; box-sizing: border-box; }
  .mc-cta-mid-title { font-size: 15px; }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">AIやスマホに囲まれた今の情報環境は、私たちの注意力を、かつてないほど多方向から奪い合う設計になっています。</p>



<p class="wp-block-paragraph">スマホは「ただそこにある」だけで処理能力を削り、通知への素早い対応は、作業を早く終わらせる一方で脳のストレスを高め、中断された作業は、意識を切り替えたつもりでも心に残り続けます。</p>



<p class="wp-block-paragraph">これらは、意志の弱さの問題ではなく、脳の仕組みそのものに根ざした反応です。</p>



<p class="wp-block-paragraph">だからこそ、通知のまとめチェック、スマホを視界の外に置くこと、そして中断の前の一行メモといった、研究にもとづく小さな工夫の積み重ねが、&#8221;持続的注意力&#8221;を守るための現実的な手段になります。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="768" src="https://memory-coffee.jp/wp-content/uploads/2026/09/sumaho-pc-coffee-1024x768.webp" alt="" class="wp-image-9235" srcset="https://memory-coffee.jp/wp-content/uploads/2026/09/sumaho-pc-coffee-1024x768.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/09/sumaho-pc-coffee-300x225.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/09/sumaho-pc-coffee-768x576.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/09/sumaho-pc-coffee-1536x1152.webp 1536w, https://memory-coffee.jp/wp-content/uploads/2026/09/sumaho-pc-coffee.webp 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="swell-block-capbox cap_box is-style-onborder_ttl"><div class="cap_box_ttl"><span>AI×脳科学シリーズ 関連記事</span></div><div class="cap_box_content">
<ul class="wp-block-list">
<li>AIの&#8221;脳&#8221;を人間の脳に当てはめると、どこになるのか？</li>



<li>スマホに頼りすぎることで記憶力に起こる変化「デジタル健忘症とは？」</li>
</ul>
</div></div>



<h2 class="wp-block-heading">よくある質問（FAQ）</h2>



<dl class="swell-block-faq" data-q="col-custom" data-a="col-custom">
<div class="swell-block-faq__item"><dt class="faq_q"><strong>スマホの電源を切らないと、注意力への影響はなくならないのですか？</strong></dt><dd class="faq_a">
<p class="wp-block-paragraph">本記事で紹介したウォード氏らの研究では、電源のオン・オフではなく、スマホが「視界に入っているかどうか・手の届く距離にあるかどうか」という物理的な位置が比較されています。電源を切ることよりも、作業中は視界に入らない場所に置くことの方が、現実的で効果が期待しやすい工夫だと考えられます。</p>
</dd></div>



<div class="swell-block-faq__item"><dt class="faq_q"><strong>通知をまとめてチェックすると、返信が遅れて仕事に支障が出ませんか？</strong></dt><dd class="faq_a">
<p class="wp-block-paragraph">本記事で紹介したクシュレフ氏らの研究は、あくまで「1日3回」という頻度でのストレス軽減効果を示したものであり、あらゆる仕事の場面で通知を無視してよいということではありません。緊急性の高い連絡手段とそうでないものを分けるなど、ご自身の仕事の状況に合わせて、チェックする頻度を調整することをおすすめします。</p>
</dd></div>



<div class="swell-block-faq__item"><dt class="faq_q"><strong>作業のたびに「次にやること」をメモするのは、かえって手間になりませんか？</strong></dt><dd class="faq_a">
<p class="wp-block-paragraph">本記事で紹介したマシキャンポ氏らの研究で効果があったのは、詳細な作業記録ではなく、「次に何を、どこから始めるか」を具体的にイメージできる程度の、ごく短いメモです。中断のたびに必ず行う必要はなく、区切りよく終えられないと感じたときに、負担にならない範囲で取り入れる工夫として紹介しています。</p>
</dd></div>
</dl>
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@id":"#FAQContents","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"スマホの電源を切らないと、注意力への影響はなくならないのですか？","acceptedAnswer":{"@type":"Answer","text":"<p>本記事で紹介したウォード氏らの研究では、電源のオン・オフではなく、スマホが「視界に入っているかどうか・手の届く距離にあるかどうか」という物理的な位置が比較されています。電源を切ることよりも、作業中は視界に入らない場所に置くことの方が、現実的で効果が期待しやすい工夫だと考えられます。<\/p>"}},{"@type":"Question","name":"通知をまとめてチェックすると、返信が遅れて仕事に支障が出ませんか？","acceptedAnswer":{"@type":"Answer","text":"<p>本記事で紹介したクシュレフ氏らの研究は、あくまで「1日3回」という頻度でのストレス軽減効果を示したものであり、あらゆる仕事の場面で通知を無視してよいということではありません。緊急性の高い連絡手段とそうでないものを分けるなど、ご自身の仕事の状況に合わせて、チェックする頻度を調整することをおすすめします。<\/p>"}},{"@type":"Question","name":"作業のたびに「次にやること」をメモするのは、かえって手間になりませんか？","acceptedAnswer":{"@type":"Answer","text":"<p>本記事で紹介したマシキャンポ氏らの研究で効果があったのは、詳細な作業記録ではなく、「次に何を、どこから始めるか」を具体的にイメージできる程度の、ごく短いメモです。中断のたびに必ず行う必要はなく、区切りよく終えられないと感じたときに、負担にならない範囲で取り入れる工夫として紹介しています。<\/p>"}}]}</script>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
  あわせて読みたい（関連記事リンク）
========================================== -->
<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">

     <!-- 1記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/memory-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/memory-aging-maintenance-thumbnail.webp" alt="記憶力低下の仕組みは？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">記憶力</div>
        <div class="end-card-title">加齢で低下するメカニズムと科学的に維持する4つの習慣</div>
      </div>
    </a>
    
   

<!-- 2記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/spatial-cognition-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/spatial-cognition-ability-aging-guide.webp" alt="空間認知力とは？低下するメカニズムと維持する習慣">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">空間認知力</div>
        <div class="end-card-title">空間認知力が落ちる理由と維持する習慣</div>
      </div>
    </a>

   

 <!-- 3記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/sustained-attention-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/sustained-attention-brain-focus-guide.webp" alt="持続的注意力とは？低下するメカニズムと維持する習慣">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">持続的注意力</div>
        <div class="end-card-title">持続的注意力が低下する原因と維持する4つの習慣</div>
      </div>
    </a>

  </div>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
.end-section {
  background: #f7f4ee !important;
  border-top: 1px solid #e5dece !important;
  padding: 32px 20px 40px !important;
  margin-top: 48px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  box-sizing: border-box !important;
}

.end-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}

.end-header-bar {
  width: 5px !important;
  height: 22px !important;
  background: #c4993a !important;
  border-radius: 3px !important;
  flex-shrink: 0 !important;
}

.end-header-text {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
}

/* カードのレイアウト（スマホは1列、PCは3列） */
.end-cards {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

@media screen and (min-width: 600px) {
  .end-cards {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}

.end-card {
  display: block !important;
  background: #fff !important;
  border: 1px solid #e5dece !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: inherit !important;
  -webkit-tap-highlight-color: transparent !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
  transition: all 0.2s ease !important;
}

.end-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 12px rgba(196, 153, 58, 0.15) !important;
}

.end-card-img {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #d6c9a8 !important;
}

.end-card-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.end-card-body {
  padding: 16px !important;
}

.end-card-tag {
  display: inline-block !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: #8c6d2f !important;
  background: #fdfaf3 !important;
  border: 1px solid #e5dece !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
}

.end-card-title {
  font-size: 1.15rem !important; /* ★記事全体のルールに合わせて1.15remに統一 */
  font-weight: 700 !important;
  line-height: 1.6 !important;
  color: #1a1a1a !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="swell-block-capbox cap_box is-style-small_ttl"><div class="cap_box_ttl"><span><strong>免責事項および重要事項</strong></span></div><div class="cap_box_content">
<ol class="wp-block-list">
<li><span class="swl-fz u-fz-s"><strong>情報の正確性について</strong>：<br>本記事の内容は、執筆時点で確認できた学術研究・報道および一般に公開されている情報に基づき作成しています。正確性の確保に努めていますが、新たな研究知見や検証により、内容が更新される可能性があります。</span></li>



<li><span class="swl-fz u-fz-s"><strong><strong>効果の適用範囲について</strong></strong>：<br>本記事で紹介した研究結果は、実験条件下で確認されたものであり、日常生活のあらゆる集中・注意の場面に同程度で当てはまることを保証するものではありません。</span></li>



<li><span class="swl-fz u-fz-s"><strong>医療行為の代替ではありません</strong>：<br>本記事は一般的な脳科学・心理学情報の提供を目的としたものであり、医師による診断、治療、または助言に代わるものではありません。また、紹介している成分や製品は、疾病の診断、治療、予防を目的としたものではありません。</span></li>



<li><span class="swl-fz u-fz-s"><strong>効果の個人差について</strong>：<br>GABA等の機能性関与成分に関する記述は、一般的な届出情報・研究知見に基づくものであり、特定の製品の摂取によって全ての方に同様の効果を保証するものではありません。体質や体調により、まれに合わない場合があります。</span></li>



<li><span class="swl-fz u-fz-s"><strong>損害への責任</strong>：<br>本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。最終的な判断はご自身の責任において行っていただけますよう、お願い申し上げます。</span></li>
</ol>



<p class="wp-block-paragraph"><strong><span class="swl-fz u-fz-s">【機能性表示食品に関する表示】</span></strong></p>



<ul class="wp-block-list">
<li><span class="swl-fz u-fz-s">本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。</span></li>



<li><span class="swl-fz u-fz-s">本品は、疾病の診断、治療、予防を目的としたものではありません。</span></li>



<li><span class="swl-fz u-fz-s">食生活は、主食、主菜、副菜を基本に、食事のバランスを。</span></li>
</ul>
</div></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
   記事を書いた人（著者情報ボックス・相対指定版）
========================================== -->
<div class="mc-author-box-wrapper">
  
  <div class="mc-author-top-line"></div>
  
  <div class="mc-author-content">
    
    <div class="mc-author-logo-wrap">
      <div class="mc-author-logo-inner">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" class="mc-author-logo-img" loading="lazy">
      </div>
    </div>

    <div class="mc-author-text-wrap">
      <div class="mc-author-header">
        <span class="mc-author-badge">著者</span>
        <div class="mc-author-name">メモコーマガジン編集部</div>
      </div>
      <p class="mc-author-desc">
        「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に、客観的で正確な情報提供に努めています。
      </p>
    </div>
  </div>

  <div class="mc-author-footer">
    <p class="mc-author-footer-text">
      ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
    </p>
  </div>
</div>

<!-- ==========================================
   デザイン用 CSS（em/remによる完全な相対指定版）
========================================== -->
<style>
/* =========================================
   1. モジュールの親箱（デバイスごとの基準サイズ）
========================================= */
.mc-author-box-wrapper {
  font-size: 1rem; /* PC基準（約16px想定） */
  max-width: 43.75em; /* 約700px */
  margin: 3.125em auto; /* 約50px auto */
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 0.75em; /* 約12px */
  overflow: hidden;
  box-shadow: 0 0.25em 0.9375em rgba(0,0,0,0.05);
  font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
  box-sizing: border-box;
}

/* SWELLのスマホ自動縮小を相殺するメディアクエリ */
@media (max-width: 599px) {
  .mc-author-box-wrapper {
    font-size: max(1.0625rem, 17px); /* SWELLの縮小を防ぎ17pxを死守 */
    margin: 2em 0;
  }
}

/* =========================================
   2. 内部要素（emによる完全な相対指定：PCベース）
========================================= */
.mc-author-box-wrapper .mc-author-top-line {
  height: 0.25em; /* 約4px */
  background: linear-gradient(to right, #1A2A40, #C5A059);
}

.mc-author-box-wrapper .mc-author-content {
  padding: 1.5625em; /* 約25px */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.mc-author-box-wrapper .mc-author-logo-wrap {
  flex: 0 0 5em; /* 約80px */
  margin-right: 1.25em; /* 約20px */
}

.mc-author-box-wrapper .mc-author-logo-inner {
  width: 5em; /* 約80px */
  height: 5em; /* 約80px */
  border-radius: 50%;
  border: 2px solid #f0f4f7;
  overflow: hidden;
  background: #f4f7f9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.mc-author-box-wrapper .mc-author-logo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mc-author-box-wrapper .mc-author-text-wrap {
  flex: 1;
  min-width: 15.625em; /* 約250px */
}

.mc-author-box-wrapper .mc-author-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.5em; /* 約8px */
}

.mc-author-box-wrapper .mc-author-badge {
  font-size: 0.75em; /* 約12px */
  background: #1A2A40;
  color: #fff;
  padding: 0.125em 0.5em; /* 約2px 8px */
  border-radius: 0.1875em; /* 約3px */
  margin-right: 0.625em; /* 約10px */
  white-space: nowrap;
}

.mc-author-box-wrapper .mc-author-name {
  margin: 0;
  font-size: 1.125em; /* 基準に対して約18px */
  color: #1A2A40;
  font-weight: bold;
  white-space: nowrap;
}

.mc-author-box-wrapper .mc-author-desc {
  margin: 0;
  font-size: 0.875em; /* 基準に対して約14px */
  color: #666;
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-character;
}

.mc-author-box-wrapper .mc-author-desc b {
  color: #1A2A40;
}

.mc-author-box-wrapper .mc-author-footer {
  background: #f9f9f9;
  padding: 0.9375em 1.5625em; /* 約15px 25px */
  border-top: 1px solid #eee;
}

.mc-author-box-wrapper .mc-author-footer-text {
  margin: 0;
  font-size: 0.75em; /* 約12px */
  color: #888;
  line-height: 1.5;
}

/* =========================================
   3. スマートフォン向けレイアウト調整
========================================= */
@media (max-width: 599px) {
  .mc-author-box-wrapper .mc-author-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.875em 1.25em; /* 約30px 20px */
  }
  .mc-author-box-wrapper .mc-author-logo-wrap {
    margin-right: 0;
    margin-bottom: 1.25em; /* 約20px */
  }
  .mc-author-box-wrapper .mc-author-text-wrap {
    text-align: center;
  }
  .mc-author-box-wrapper .mc-author-header {
    justify-content: center;
  }
}
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 0.875rem; color: #333; border: 1px solid #ddd;">
        <tbody><tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </tbody></table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>「見えないゴリラ実験」とは？│非注意性盲目が示す、注意力の思わぬ盲点</title>
		<link>https://memory-coffee.jp/invisible-gorilla-experiment/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Tue, 22 Sep 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[持続的注意力]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=9142</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/09/invisible-gorilla-experiment-thumbnail-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ 白いシャツを着たチームが、バスケットボールを何回 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/09/invisible-gorilla-experiment-thumbnail-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 0.9375rem; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 0.9375rem; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<div class="swell-block-capbox cap_box" data-colset="col1"><div class="cap_box_ttl"><span>💡<strong>この記事のポイント</strong></span></div><div class="cap_box_content">
<ul class="wp-block-list">
<li>なぜ、目の前にいるゴリラに気づけない人が半数もいるのか</li>



<li>「見えている」ことと「気づいている」ことは、実は別物だという発見</li>



<li>気づく力を高めるために、日常生活でできる工夫</li>



<li>自分の持続的注意力とどう向き合っていくか</li>
</ul>
</div></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">白いシャツを着たチームが、バスケットボールを何回パスしたか数えてください——</p>



<p class="wp-block-paragraph">そう言われて動画を見ていたら、画面の中央を、ゴリラの着ぐるみを着た人物が堂々と歩いて横切り、胸を叩いてから去っていった。</p>



<p class="wp-block-paragraph">しかも9秒間も映っていた。そう聞くと、誰でも気づくはずだと思うのではないでしょうか。</p>



<p class="wp-block-paragraph">ところが、実際にこの実験を行ったところ、およそ半数の参加者が、このゴリラに全く気づかなかったのです。</p>



<p class="wp-block-paragraph">視力に問題があったわけではありません。</p>



<p class="wp-block-paragraph">この記事では、「見えないゴリラ実験」として知られるこの有名な心理学実験の内容と、そこから見えてくる<strong>「非注意性盲目（ひちゅういせいもうもく）」</strong>という注意の仕組みについて、科学的な知見にもとづいて解説します。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">「見えないゴリラ実験」の内容</h2>



<p class="wp-block-paragraph">この実験を行ったのは、アメリカの心理学者ダニエル・シモンズ氏とクリストファー・チャブリス氏です。</p>



<p class="wp-block-paragraph">1999年に発表されたこの研究（<em>Perception</em>誌に掲載）は、&#8221;Gorillas in Our Midst（我々の中のゴリラたち）&#8221;というタイトルで知られています。</p>



<p class="wp-block-paragraph">実験の内容はシンプルです。</p>



<p class="wp-block-paragraph">参加者は、白いシャツを着たチームと黒いシャツを着たチームがバスケットボールをパスし合う様子を撮影した短い動画を見せられ、「白いチームが何回パスをしたか数えてください」という課題を与えられます。</p>



<p class="wp-block-paragraph">動画の途中、ゴリラの着ぐるみを着た人物が画面の中央にゆっくりと歩いて入ってきて、カメラに向かって胸を叩き、そのまま画面の外へ去っていきます。</p>



<p class="wp-block-paragraph">この間、およそ9秒間にわたって、ゴリラは画面にはっきりと映り続けています。</p>



<p class="wp-block-paragraph">動画を見終わった参加者に「何か普段と違うものに気づきましたか」と尋ねたところ、驚くべきことに、<strong>およそ半数の参加者が、このゴリラの存在に全く気づいていませんでした</strong>。</p>



<p class="wp-block-paragraph">パスの回数を数えるという課題に集中するあまり、視界の中に堂々と映っていたはずのゴリラを、文字通り「見逃して」しまっていたのです。</p>



<p class="has-text-align-center has-border -border03 is-style-bg_stripe wp-block-paragraph"><span class="swl-fz u-fz-l"><strong><span class="swl-marker mark_yellow">▽ 分かりやすく要約 ▽</span></strong></span></p>



<div style="width: 100%; max-width: 800px; margin: 2rem auto; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 8px 24px rgba(0,0,0,0.15); border-radius: 12px;">
    
    <!-- アニメーションエリア -->
    <div id="gorilla-anim-wrapper" style="width: 100%; background: #2c3e50; border-radius: 12px 12px 0 0; overflow: hidden; position: relative; aspect-ratio: 16/9; min-height: 600px;">
        
        <!-- テキストエリア -->
        <div style="position: absolute; top: 6%; width: 100%; z-index: 20; display: flex; flex-direction: column; gap: 10px;">
            <div id="gorilla-anim-text" style="width: 100%; text-align: center; color: #ecf0f1; font-weight: bold; padding: 0 20px; box-sizing: border-box; text-shadow: 1px 1px 4px rgba(0,0,0,0.6); transition: opacity 0.5s;">
                「見えないゴリラ」の実験
            </div>
            <div id="gorilla-anim-subtext" style="width: 100%; text-align: center; color: #bdc3c7; padding: 0 20px; box-sizing: border-box; opacity: 0; transition: opacity 0.5s; line-height: 1.5;"></div>
        </div>

        <!-- アニメーションステージ -->
        <div id="gorilla-anim-stage" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;"></div>

        <!-- 黒い透過オーバーレイ -->
        <div id="gorilla-anim-overlay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 15; transition: opacity 0.5s; pointer-events: none;"></div>

        <!-- 再生ボタン -->
        <button id="gorilla-anim-btn" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #16a085; color: #fff; border: none; padding: 14px 28px; font-weight: bold; border-radius: 30px; cursor: pointer; z-index: 25; box-shadow: 0 4px 12px rgba(0,0,0,0.4); transition: background 0.3s, transform 0.1s; white-space: nowrap;">
            ▶ 有名な実験を追体験する
        </button>

        <!-- 注記 -->
        <div id="gorilla-anim-note" style="position: absolute; bottom: 12px; right: 16px; color: #95a5a6; z-index: 20;">
            ※アニメーションはイメージです
        </div>
    </div>

    <!-- 出典・参考カードエリア -->
    <div id="gorilla-anim-ref" style="background: #f8f9fa; border-top: 1px solid #dcdde1; border-radius: 0 0 12px 12px; padding: 12px 16px; color: #5a5a5a; line-height: 1.5;">
        <span style="font-weight: bold; color: #2c3e50;">📚 参考・出典研究（我々の中のゴリラたち）</span><br>
        Simons, D. J., &amp; Chabris, C. F. (1999). <i>Gorillas in our midst: Sustained inattentional blindness for dynamic events.</i> Perception, 28(9), 1059-1074.
    </div>

    <style>
        /* ========= 基本レイアウト・アニメーション ========= */
        #gorilla-anim-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }
        #gorilla-anim-btn:hover { background: #117a65; }
        #gorilla-anim-btn:active { transform: translate(-50%, -50%) scale(0.95); }
        
        /* CSSで完全な「円」を描画 */
        .gorilla-player {
            position: absolute;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            transition: all 1s ease-in-out;
            opacity: 0;
            z-index: 6;
        }
        .player-white {
            background: #f1f2f6;
            border: 2px solid #dcdde1;
            box-shadow: 0 4px 6px rgba(0,0,0,0.2);
        }
        .player-black {
            background: #2f3640;
            border: 2px solid #1e272e;
            box-shadow: 0 4px 6px rgba(0,0,0,0.5);
        }
        
        /* ゴリラ */
        .gorilla-actor {
            position: absolute;
            font-size: 4.5rem;
            left: -20%; 
            top: 48%;
            transform: translate(-50%, -50%) scaleX(-1);
            transition: left 7s linear; 
            z-index: 7; 
        }

        /* 統計データバッジ */
        .gorilla-stats-group {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            gap: 20px;
            opacity: 0;
            transition: all 0.5s ease;
            z-index: 8;
        }
        .gorilla-person {
            font-size: 3.5rem;
            opacity: 0.3;
            filter: grayscale(100%);
            transition: all 0.5s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .gorilla-person span {
            font-size: 0.9rem;
            color: #ecf0f1;
            margin-top: 8px;
            font-weight: bold;
            opacity: 0;
            transition: all 0.3s ease;
            white-space: nowrap;
        }
        .gorilla-person.active {
            opacity: 1;
            filter: grayscale(0%);
            transform: scale(1.1);
        }
        .gorilla-person.active span {
            opacity: 1;
        }

        /* キャラクター */
        .gorilla-char {
            position: absolute;
            font-size: 4.5rem;
            left: 50%;
            top: 86%; 
            transform: translate(-50%, -50%);
            transition: all 0.5s ease;
            z-index: 9;
        }

        /* 吹き出し（心の声） */
        .gorilla-bubble {
            position: absolute;
            top: -45px;
            left: 50%;
            transform: translateX(-50%) scale(0);
            background: #fff;
            color: #2c3e50;
            padding: 12px 24px !important;
            border-radius: 40px !important;
            font-size: 1.15rem;
            font-weight: bold;
            line-height: 1.2 !important;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
            opacity: 0;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important;
            z-index: 10;
        }
        .gorilla-bubble::after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 50%;
            transform: translateX(-50%);
            border-width: 12px 12px 0;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }
        .gorilla-bubble.show {
            transform: translateX(-50%) scale(1);
            opacity: 1;
        }
        .gorilla-bubble.shake {
            animation: bubble-shake 0.3s infinite alternate;
        }
        @keyframes bubble-shake {
            0% { transform: translateX(-52%) scale(1.1); }
            100% { transform: translateX(-48%) scale(1.1); }
        }

        /* 結論ラベル */
        .gorilla-label {
            position: absolute;
            background: #fff;
            color: #2c3e50;
            padding: 10px 24px !important;
            border-radius: 40px;
            font-size: 0.95rem;
            font-weight: bold;
            transform: translate(-50%, -50%) scale(0);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            opacity: 0;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
            z-index: 15;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important; 
            min-width: 240px; 
            text-align: center;
            line-height: 1.4;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        .gorilla-label.show {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }
        .gorilla-eq {
            display: inline-block;
        }

        /* ========= フォントサイズ（PC基準） ========= */
        #gorilla-anim-text { font-size: 1.3rem; }
        #gorilla-anim-subtext { font-size: 0.95rem; }
        #gorilla-anim-btn { font-size: 1.1rem; }
        #gorilla-anim-note { font-size: 0.75rem; }
        #gorilla-anim-ref { font-size: 0.85rem; }

        /* ========= SWELLスマホ自動縮小対策 ========= */
        @media screen and (max-width: 767px) {
            #gorilla-anim-text { font-size: clamp(12px, 4vw, 18px); padding: 0 5px; white-space: nowrap; }
            #gorilla-anim-subtext { font-size: clamp(11px, 3.5vw, 14px); padding: 0 5px; }
            #gorilla-anim-btn { font-size: max(1.0625rem, 17px); }
            #gorilla-anim-note { font-size: max(0.75rem, 11px); }
            #gorilla-anim-ref { font-size: max(0.85rem, 12px); }
            
            .gorilla-player { width: 28px; height: 28px; }
            .gorilla-actor { font-size: 4rem; }
            .gorilla-stats-group { gap: 15px; top: 48%; }
            .gorilla-person { font-size: 3rem; }
            .gorilla-person span { font-size: 0.8rem; }
            
            .gorilla-char { font-size: 3.8rem; top: 86%; }
            .gorilla-bubble { font-size: 1.05rem !important; top: -45px; padding: 10px 20px !important; }
            
            .gorilla-label { 
                font-size: clamp(11px, 3.5vw, 14px); 
                padding: 12px 20px !important;
                min-width: auto;
                flex-direction: column; 
                border-radius: 16px !important; 
                gap: 4px;
            }
            .gorilla-eq {
                transform: rotate(90deg); 
                margin: 2px 0;
            }
        }
    </style>

    <script>
        (function(){
            const stage = document.getElementById('gorilla-anim-stage');
            const text = document.getElementById('gorilla-anim-text');
            const subtext = document.getElementById('gorilla-anim-subtext');
            const btn = document.getElementById('gorilla-anim-btn');
            const overlay = document.getElementById('gorilla-anim-overlay');

            btn.addEventListener('click', function() {
                btn.style.display = 'none';
                overlay.style.opacity = '0';
                stage.innerHTML = ''; 
                playAnimation();
            });

            function updateText(main, sub) {
                text.style.opacity = '0';
                subtext.style.opacity = '0';
                setTimeout(function() {
                    text.innerHTML = main;
                    subtext.innerHTML = sub; 
                    text.style.opacity = '1';
                    subtext.style.opacity = '1';
                }, 500);
            }

            function playAnimation() {
                // 白黒のプレイヤーを作成（各3人）
                const players = [];
                const teams = ['white', 'white', 'white', 'black', 'black', 'black'];
                const initialPos = [
                    {x: 30, y: 35}, {x: 50, y: 30}, {x: 70, y: 35},
                    {x: 35, y: 60}, {x: 50, y: 65}, {x: 65, y: 60}
                ];

                for(let i = 0; i < 6; i++){
                    let p = document.createElement('div');
                    p.className = 'gorilla-player player-' + teams[i];
                    p.style.left = initialPos[i].x + '%';
                    p.style.top = initialPos[i].y + '%';
                    stage.appendChild(p);
                    players.push(p);
                }

                // ゴリラ
                const gorilla = document.createElement('div');
                gorilla.className = 'gorilla-actor';
                gorilla.innerText = '🦍'; 
                stage.appendChild(gorilla);

                // 統計アイコン（2人）
                const statsGroup = document.createElement('div');
                statsGroup.className = 'gorilla-stats-group';
                
                const p1 = document.createElement('div');
                p1.className = 'gorilla-person';
                p1.innerHTML = '👤<span>気づいた</span>';
                
                const p2 = document.createElement('div');
                p2.className = 'gorilla-person';
                p2.innerHTML = '👤<span>気づかない</span>';
                
                statsGroup.appendChild(p1);
                statsGroup.appendChild(p2);
                stage.appendChild(statsGroup);

                // キャラクター
                const char = document.createElement('div');
                char.className = 'gorilla-char';
                
                const charIcon = document.createElement('div');
                charIcon.innerText = '😐'; // 初期は真顔
                
                const bubble = document.createElement('div');
                bubble.className = 'gorilla-bubble';
                
                char.appendChild(bubble);
                char.appendChild(charIcon);
                stage.appendChild(char);

                // プレイヤーをシャッフルするアニメーション関数
                let moveInterval;
                function movePlayers() {
                    players.forEach(p => {
                        const randomX = 20 + Math.random() * 60;
                        const randomY = 25 + Math.random() * 45;
                        p.style.left = randomX + '%';
                        p.style.top = randomY + '%';
                    });
                }

                // 【フェーズ1】課題の開始
                updateText("1. 「パスの回数」を数える課題", "白チームと黒チームがパスを回す動画を見せられ、<br>「白チームのパスの回数」を数えるよう指示されます。");
                
                setTimeout(() => {
                    players.forEach(p => p.style.opacity = '1');
                    moveInterval = setInterval(movePlayers, 1500); 
                    
                    setTimeout(() => {
                        bubble.innerHTML = '💭 白いチームを数えるぞ…';
                        bubble.classList.add('show');
                    }, 800);
                }, 800);

                // 【フェーズ2】ゴリラ乱入
                setTimeout(() => {
                    updateText("2. 画面の中央を横切るゴリラ", "動画の途中、着ぐるみのゴリラがゆっくりと現れ、<br>約9秒間も画面の中央を堂々と横切っていきます。");
                    
                    gorilla.style.left = '120%';
                    
                    setTimeout(() => {
                        bubble.innerHTML = '💭 1回… 2回… 3回…';
                        charIcon.innerText = '😐'; 
                    }, 1000);

                }, 5500);

                // 【フェーズ3】実験結果の驚き
                setTimeout(() => {
                    updateText("3. 衝撃的な実験結果", "見終わった後「何か変なものを見ましたか？」と尋ねると、<br>なんと約半数の人がゴリラの存在に気づきませんでした。");
                    
                    clearInterval(moveInterval);
                    players.forEach(p => p.style.opacity = '0'); 
                    gorilla.style.opacity = '0'; 
                    
                    setTimeout(() => {
                        statsGroup.style.opacity = '1'; 
                        setTimeout(() => { p1.classList.add('active'); }, 500);
                        setTimeout(() => { p2.classList.add('active'); }, 1000);
                        
                        setTimeout(() => {
                            bubble.innerHTML = '💭 え！？ゴリラなんていた！？';
                            bubble.classList.add('shake');
                            charIcon.innerText = '😲'; 
                        }, 1500);
                    }, 500);

                }, 14000); 

                // 【フェーズ4】結論（非注意性盲目）
                setTimeout(() => {
                    updateText("4. 非注意性盲目（inattentional blindness）", "何かに強く注意を向けていると、視界にハッキリ入っている<br>はずの全く別の情報が、脳には認識されなくなるのです。");
                    
                    statsGroup.style.opacity = '0';
                    bubble.classList.remove('shake');
                    bubble.style.transform = 'translateX(-50%) scale(1)';

                    // 結論ラベル
                    setTimeout(() => {
                        const successLabel = document.createElement('div');
                        successLabel.className = 'gorilla-label';
                        successLabel.innerHTML = '<span>✨ 結論</span><span class="gorilla-eq">＝</span><span>集中しすぎると、視界に入っていても見えなくなる</span>';
                        successLabel.style.left = '50%';
                        // 修正: テキストの行数に影響されないよう、完全に空いた画面中央（50%）に配置
                        successLabel.style.top = '50%'; 
                        stage.appendChild(successLabel);
                        
                        setTimeout(() => { 
                            successLabel.classList.add('show'); 
                        }, 100);
                    }, 1000);

                }, 21000);

                // リセット
                setTimeout(function() {
                    btn.style.display = 'block';
                    overlay.style.opacity = '1';
                    subtext.style.opacity = '0';
                    text.innerText = "「見えないゴリラ」の実験";
                    
                    // 初期状態に戻す
                    clearInterval(moveInterval);
                    charIcon.innerText = '😐';
                    bubble.classList.remove('show');
                    gorilla.style.transition = 'none'; 
                    gorilla.style.left = '-20%';
                    setTimeout(() => { gorilla.style.transition = 'left 7s linear'; }, 50); 
                    gorilla.style.opacity = '1';
                    statsGroup.style.opacity = '0';
                    p1.classList.remove('active');
                    p2.classList.remove('active');
                }, 29000);
            }
        })();
    </script>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">なぜ「見えているはず」のものが見えないのか？│「非注意性盲目」の正体</h2>



<p class="wp-block-paragraph">この現象は「<strong>非注意性盲目（inattentional blindness）</strong>」と呼ばれています。</p>



<p class="wp-block-paragraph">目の機能そのものに問題はなく、ゴリラの映像は確かに参加者の目には入っていたはずです。</p>



<p class="wp-block-paragraph">それにもかかわらず、意識の上では「見えなかった」ことになってしまう——</p>



<p class="wp-block-paragraph"><strong>この不思議な現象は、<span class="swl-marker mark_yellow">私たちの「見る」という体験が、単に目に映像が入ってくるだけでは成立しない</span>ことを教えてくれます。</strong></p>



<p class="wp-block-paragraph">私たちの脳は、目に入ってくる膨大な視覚情報のすべてを、意識に上らせているわけではありません。</p>



<p class="wp-block-paragraph">パスの回数を数えるという課題に注意を割り当てている間、脳はその課題に関係のない情報（ゴリラを含む）の処理を後回しにする、あるいは意識化しない、という選別を行っていると考えられています。</p>



<p class="wp-block-paragraph">つまり、「意識にのぼる知覚（気づくこと）には、注意が向けられていることが前提として必要」だということを、この実験は具体的に示したのです。</p>



<p class="wp-block-paragraph">なお、その後の研究では、視線の動きを追跡する機器を使った実験も行われています。</p>



<p class="wp-block-paragraph">心理学者ダニエル・メンメルト氏の研究では、ゴリラに気づかなかった子供たちも、視線自体は実際にゴリラの方向に向いており、平均でおよそ1秒間ゴリラを見つめていたことが確認されています。</p>



<p class="wp-block-paragraph">つまり、「目でしっかり見ている」ことと、「見た内容に意識的に気づいている」ことは、別々の働きだということが分かります。</p>



<p class="has-text-align-center has-border -border03 is-style-bg_stripe wp-block-paragraph"><span class="swl-fz u-fz-l"><strong><span class="swl-marker mark_yellow">▽ 分かりやすく要約 ▽</span></strong></span></p>



<div style="width: 100%; max-width: 800px; margin: 2rem auto; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 8px 24px rgba(0,0,0,0.15); border-radius: 12px;">
    
    <!-- アニメーションエリア -->
    <!-- 修正: 縦長ラベルが収まるよう、全体の高さを600pxに拡張 -->
    <div id="blind-anim-wrapper" style="width: 100%; background: #2c3e50; border-radius: 12px 12px 0 0; overflow: hidden; position: relative; aspect-ratio: 16/9; min-height: 600px;">
        
        <!-- テキストエリア -->
        <div style="position: absolute; top: 6%; width: 100%; z-index: 20; display: flex; flex-direction: column; gap: 10px;">
            <div id="blind-anim-text" style="width: 100%; text-align: center; color: #ecf0f1; font-weight: bold; padding: 0 20px; box-sizing: border-box; text-shadow: 1px 1px 4px rgba(0,0,0,0.6); transition: opacity 0.5s;">
                「見る」と「気づく」の境界線
            </div>
            <div id="blind-anim-subtext" style="width: 100%; text-align: center; color: #bdc3c7; padding: 0 20px; box-sizing: border-box; opacity: 0; transition: opacity 0.5s; line-height: 1.5;"></div>
        </div>

        <!-- アニメーションステージ -->
        <div id="blind-anim-stage" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;">
            <!-- 修正: 視線ビームをCSSのrotateではなく、絶対にズレないSVG描画に変更 -->
            <svg style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; pointer-events: none;">
                <line id="beam-ball" x1="15%" y1="45%" x2="30%" y2="35%" stroke="#f1c40f" stroke-width="4" stroke-linecap="round" style="opacity: 0; transition: opacity 0.3s ease; filter: drop-shadow(0 0 8px rgba(241, 196, 15, 0.8));" />
                <line id="beam-gorilla" x1="15%" y1="45%" x2="30%" y2="55%" stroke="#f1c40f" stroke-width="4" stroke-linecap="round" style="opacity: 0; transition: opacity 0.3s ease; filter: drop-shadow(0 0 8px rgba(241, 196, 15, 0.8));" />
            </svg>
        </div>

        <!-- 黒い透過オーバーレイ -->
        <div id="blind-anim-overlay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 15; transition: opacity 0.5s; pointer-events: none;"></div>

        <!-- 再生ボタン -->
        <button id="blind-anim-btn" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #e74c3c; color: #fff; border: none; padding: 14px 28px; font-weight: bold; border-radius: 30px; cursor: pointer; z-index: 25; box-shadow: 0 4px 12px rgba(0,0,0,0.4); transition: background 0.3s, transform 0.1s; white-space: nowrap;">
            ▶ 脳のフィルター処理を見る
        </button>

        <!-- 注記 -->
        <div id="blind-anim-note" style="position: absolute; bottom: 12px; right: 16px; color: #95a5a6; z-index: 20;">
            ※アニメーションはイメージです
        </div>
    </div>

    <!-- 出典・参考カードエリア -->
    <div id="blind-anim-ref" style="background: #f8f9fa; border-top: 1px solid #dcdde1; border-radius: 0 0 12px 12px; padding: 12px 16px; color: #5a5a5a; line-height: 1.5;">
        <span style="font-weight: bold; color: #2c3e50;">📚 参考・出典研究（非注意性盲目とアイトラッキング）</span><br>
        Memmert, D. (2006). <i>The effects of eye movements, age, and expertise on inattentional blindness.</i> Consciousness and Cognition, 15(3), 620-627.
    </div>

    <style>
        /* ========= 基本レイアウト・アニメーション ========= */
        #blind-anim-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }
        #blind-anim-btn:hover { background: #c0392b; }
        #blind-anim-btn:active { transform: translate(-50%, -50%) scale(0.95); }
        
        /* 目（視覚器官） */
        .blind-eye {
            position: absolute;
            font-size: 4.5rem;
            left: 15%;
            top: 45%;
            transform: translate(-50%, -50%);
            transition: all 0.5s ease;
            z-index: 6;
        }

        /* 脳（意識の中枢） */
        .blind-brain {
            position: absolute;
            font-size: 4.5rem;
            left: 85%;
            top: 45%;
            transform: translate(-50%, -50%);
            transition: all 0.5s ease;
            z-index: 6;
            filter: grayscale(40%);
        }

        /* 注意のフィルター（脳の関所） */
        .blind-filter {
            position: absolute;
            left: 65%;
            top: 45%;
            transform: translate(-50%, -50%);
            width: 8px;
            height: 120px;
            background: #3498db;
            border-radius: 4px;
            box-shadow: 0 0 15px rgba(52, 152, 219, 0.8);
            opacity: 0;
            transition: all 0.5s ease;
            z-index: 7;
        }

        /* 視界に入る情報（ボールとゴリラ） */
        .blind-info {
            position: absolute;
            font-size: 3rem;
            transform: translate(-50%, -50%);
            transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
            z-index: 8;
        }
        .blind-ball { left: 30%; top: 35%; }
        .blind-gorilla { left: 30%; top: 55%; }

        /* フィルターで弾かれた時の×マーク */
        .blind-cross {
            position: absolute;
            font-size: 2.5rem;
            left: 62%;
            top: 55%;
            transform: translate(-50%, -50%) scale(0);
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            z-index: 9;
        }
        .blind-cross.show {
            transform: translate(-50%, -50%) scale(1);
        }

        /* キャラクター */
        .blind-char {
            position: absolute;
            font-size: 4.5rem;
            left: 50%;
            top: 86%; /* 最下部をキープ */
            transform: translate(-50%, -50%);
            transition: all 0.5s ease;
            z-index: 9;
        }

        /* 吹き出し（心の声） */
        .blind-bubble {
            position: absolute;
            top: -45px;
            left: 50%;
            transform: translateX(-50%) scale(0);
            background: #fff;
            color: #2c3e50;
            padding: 12px 24px !important;
            border-radius: 40px !important;
            font-size: 1.15rem;
            font-weight: bold;
            line-height: 1.2 !important;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
            opacity: 0;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important;
            z-index: 10;
        }
        .blind-bubble::after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 50%;
            transform: translateX(-50%);
            border-width: 12px 12px 0;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }
        .blind-bubble.show {
            transform: translateX(-50%) scale(1);
            opacity: 1;
        }

        /* 結論ラベルのSWELL押し潰し完全防止＆Flexbox設定 */
        .blind-label {
            position: absolute;
            background: #fff;
            color: #2c3e50;
            padding: 10px 24px !important;
            border-radius: 40px;
            font-size: 0.95rem;
            font-weight: bold;
            transform: translate(-50%, -50%) scale(0);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            opacity: 0;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
            z-index: 15;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important; 
            min-width: 240px; 
            text-align: center;
            line-height: 1.4;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        .blind-label.show {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }
        .blind-eq {
            display: inline-block;
        }

        /* ========= フォントサイズ（PC基準） ========= */
        #blind-anim-text { font-size: 1.3rem; }
        #blind-anim-subtext { font-size: 0.95rem; }
        #blind-anim-btn { font-size: 1.1rem; }
        #blind-anim-note { font-size: 0.75rem; }
        #blind-anim-ref { font-size: 0.85rem; }

        /* ========= SWELLスマホ自動縮小対策 ========= */
        @media screen and (max-width: 767px) {
            /* 見出しの段ズレ防止。1行に収まるように自動縮小 */
            #blind-anim-text { font-size: clamp(12px, 4.2vw, 18px); padding: 0 5px; white-space: nowrap; }
            #blind-anim-subtext { font-size: clamp(11px, 3.5vw, 14px); padding: 0 5px; }
            #blind-anim-btn { font-size: max(1.0625rem, 17px); }
            #blind-anim-note { font-size: max(0.75rem, 11px); }
            #blind-anim-ref { font-size: max(0.85rem, 12px); }
            
            /* スマホ時はアイコンサイズを少し縮小して余白を確保 */
            .blind-eye, .blind-brain { font-size: 3.5rem; }
            .blind-info { font-size: 2.2rem; }
            
            .blind-cross { font-size: 2rem; }
            
            .blind-char { font-size: 3.8rem; top: 86%; }
            .blind-bubble { font-size: 1.05rem !important; top: -45px; padding: 10px 20px !important; }
            
            /* スマホ表示時のみ縦並びに変更し、＝を90度回転 */
            .blind-label { 
                font-size: clamp(11px, 3.5vw, 14px); 
                padding: 12px 20px !important;
                min-width: auto;
                flex-direction: column; 
                border-radius: 16px !important; 
                gap: 4px;
            }
            .blind-eq {
                transform: rotate(90deg); 
                margin: 2px 0;
            }
        }
    </style>

    <script>
        (function(){
            const stage = document.getElementById('blind-anim-stage');
            const text = document.getElementById('blind-anim-text');
            const subtext = document.getElementById('blind-anim-subtext');
            const btn = document.getElementById('blind-anim-btn');
            const overlay = document.getElementById('blind-anim-overlay');

            btn.addEventListener('click', function() {
                btn.style.display = 'none';
                overlay.style.opacity = '0';
                // 修正: SVGを消さないように、innerHTMLのクリアをやめて要素単位で初期化
                const labels = stage.querySelectorAll('.blind-label');
                labels.forEach(l => l.remove());
                playAnimation();
            });

            function updateText(main, sub) {
                text.style.opacity = '0';
                subtext.style.opacity = '0';
                setTimeout(function() {
                    text.innerHTML = main;
                    subtext.innerHTML = sub; 
                    text.style.opacity = '1';
                    text.style.opacity = '1';
                }, 500);
            }

            // HTML側で事前に配置されている要素を取得
            const eye = document.createElement('div');
            eye.className = 'blind-eye';
            eye.innerText = '👁️'; 
            stage.appendChild(eye);

            const brain = document.createElement('div');
            brain.className = 'blind-brain';
            brain.innerText = '🧠'; 
            stage.appendChild(brain);

            const filter = document.createElement('div');
            filter.className = 'blind-filter';
            stage.appendChild(filter);

            const ball = document.createElement('div');
            ball.className = 'blind-info blind-ball';
            ball.innerText = '🏀'; 
            stage.appendChild(ball);

            const gorilla = document.createElement('div');
            gorilla.className = 'blind-info blind-gorilla';
            gorilla.innerText = '🦍'; 
            stage.appendChild(gorilla);

            const cross = document.createElement('div');
            cross.className = 'blind-cross';
            cross.innerText = '❌';
            stage.appendChild(cross);

            const char = document.createElement('div');
            char.className = 'blind-char';
            const charIcon = document.createElement('div');
            charIcon.innerText = '😐'; 
            const bubble = document.createElement('div');
            bubble.className = 'blind-bubble';
            char.appendChild(bubble);
            char.appendChild(charIcon);
            stage.appendChild(char);

            // SVGビームの取得
            const beamBall = document.getElementById('beam-ball');
            const beamGorilla = document.getElementById('beam-gorilla');

            function playAnimation() {
                // 【フェーズ1】目は見ている（アイトラッキング）
                updateText("1. 目は確実に捉えている", "視線追跡（アイトラッキング）の研究により、参加者の目は<br>実際に「平均1秒間」ゴリラを見つめていたことが分かっています。");
                
                setTimeout(() => {
                    beamBall.style.opacity = '1';
                    beamGorilla.style.opacity = '1'; // 両方に視線が向いている
                    
                    setTimeout(() => {
                        bubble.innerHTML = '💭 ボール数えなきゃ…';
                        bubble.classList.add('show');
                    }, 800);
                }, 800);

                // 【フェーズ2】脳への伝達とフィルター
                setTimeout(() => {
                    updateText("2. 脳の「注意フィルター」", "目から入った情報は脳へ送られますが、脳は現在の課題<br>（ボール）に関係のない情報をフィルターで選別します。");
                    
                    bubble.classList.remove('show');
                    beamBall.style.opacity = '0';
                    beamGorilla.style.opacity = '0';
                    filter.style.opacity = '1'; // フィルター出現

                    setTimeout(() => {
                        // 情報が脳へ向かって移動
                        ball.style.left = '65%';
                        gorilla.style.left = '65%';
                    }, 500);

                }, 6000);

                // 【フェーズ3】意識への到達と破棄
                setTimeout(() => {
                    updateText("3. 注意が向かない情報は消える", "ボールの情報はフィルターを通過し意識化されますが、<br>ゴリラの情報は「関係ない」として意識の手前で破棄されます。");
                    
                    // ボールは脳へ通過
                    ball.style.left = '85%';
                    ball.style.top = '45%';
                    brain.style.filter = 'grayscale(0%) drop-shadow(0 0 10px rgba(46, 204, 113, 0.8))';
                    
                    // ゴリラは弾かれる
                    gorilla.style.transform = 'translate(-50%, -50%) rotate(45deg) scale(0.8)';
                    gorilla.style.opacity = '0.3';
                    cross.classList.add('show');
                    
                    setTimeout(() => {
                        bubble.innerHTML = '💭 ボールの回数だけ分かった！';
                        bubble.classList.add('show');
                        charIcon.innerText = '😲'; // ゴリラには気づかない
                    }, 800);

                }, 11000);

                // 【フェーズ4】結論
                setTimeout(() => {
                    updateText("4. 「見る」と「気づく」は別", "目に映ること（視覚）と、意識にのぼること（知覚）は、<br>注意が向けられているかどうかに依存する別の働きなのです。");
                    
                    filter.style.opacity = '0';
                    cross.classList.remove('show');
                    gorilla.style.opacity = '0';

                    // 結論ラベル（絶対に被らない安全地帯 top: 30%）
                    setTimeout(() => {
                        const successLabel = document.createElement('div');
                        successLabel.className = 'blind-label';
                        successLabel.innerHTML = '<span>✨ 結論</span><span class="blind-eq">＝</span><span>集中しすぎると、視界に入っていても見えなくなる</span>';
                        successLabel.style.left = '50%';
                        successLabel.style.top = '30%'; 
                        stage.appendChild(successLabel);
                        
                        setTimeout(() => { 
                            successLabel.classList.add('show'); 
                        }, 100);
                    }, 1000);

                }, 17000);

                // リセット
                setTimeout(function() {
                    btn.style.display = 'block';
                    overlay.style.opacity = '1';
                    subtext.style.opacity = '0';
                    text.innerText = "「見る」と「気づく」の境界線";
                    
                    // 初期状態に戻す
                    charIcon.innerText = '😐';
                    bubble.classList.remove('show');
                    brain.style.filter = 'grayscale(40%)';
                    ball.style.left = '30%';
                    ball.style.top = '35%';
                    gorilla.style.left = '30%';
                    gorilla.style.top = '55%';
                    gorilla.style.transform = 'translate(-50%, -50%) rotate(0deg) scale(1)';
                    gorilla.style.opacity = '1';
                    beamBall.style.opacity = '0';
                    beamGorilla.style.opacity = '0';
                }, 25000);
            }
        })();
    </script>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">気づきやすさは、年齢や経験によっても変わる</h2>



<p class="wp-block-paragraph">この非注意性盲目は、誰にでも起こりうる普遍的な現象ですが、気づきやすさには個人差があることも分かっています。</p>



<p class="wp-block-paragraph">関連する研究のレビューによれば、年齢が上がるにつれて非注意性盲目が起こりやすくなる傾向がある一方で、その作業に関する経験・熟練度が高い人ほど、非注意性盲目が起こりにくくなる傾向があるとされています。</p>



<p class="wp-block-paragraph">なぜ、経験を積むと気づきやすくなるのでしょうか。</p>



<p class="wp-block-paragraph">一つの見方として、不慣れな作業ほど、その作業自体をこなすことに多くの注意を割かなければならず、周囲の変化にまで注意を向ける余力が残りにくいのに対し、熟練した作業では、作業そのものに必要な注意の量が少なくて済むため、結果として周囲の変化に気づくための&#8221;余力&#8221;が生まれやすくなるのではないか、と考えられています。</p>



<p class="wp-block-paragraph">運転や特定のスポーツ、仕事の熟練者が、初心者よりも周囲の変化に素早く気づけることが多いのも、こうした仕組みが関係しているのかもしれません。</p>



<p class="wp-block-paragraph">日々の練習や経験の積み重ねが、思わぬ変化への気づきやすさにもつながっている可能性がある、という点は興味深いポイントです。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="577" src="https://memory-coffee.jp/wp-content/uploads/2026/09/syokunin-team-e1789206930349-1024x577.webp" alt="職人３人の確認している画像。" class="wp-image-9143" srcset="https://memory-coffee.jp/wp-content/uploads/2026/09/syokunin-team-e1789206930349-1024x577.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/09/syokunin-team-e1789206930349-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/09/syokunin-team-e1789206930349-768x433.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/09/syokunin-team-e1789206930349-1536x866.webp 1536w, https://memory-coffee.jp/wp-content/uploads/2026/09/syokunin-team-e1789206930349.webp 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">気づく力を高めるヒント</h2>



<p class="wp-block-paragraph">こうした注意の盲点に対して、何か対策はあるのでしょうか。</p>



<p class="wp-block-paragraph">心理学者ティモシー・ショーフィールド氏らが発表した研究（<em>Consciousness and Cognition</em>誌に掲載）では、実験の前に短いマインドフルネス（今この瞬間に注意を向ける）のエクササイズを行ったグループは、行わなかったグループに比べて、非注意性盲目が起こる割合が低くなったことが報告されています。</p>



<p class="wp-block-paragraph">もちろん、これは特定の実験条件下での結果であり、日常のあらゆる見落としを防げることを保証するものではありません。</p>



<p class="wp-block-paragraph">ですが、目の前の作業に没頭するあまり周囲の変化を見落としてしまうという、この記事で紹介してきた注意の仕組みを知っておくこと自体が、運転中や仕事中に「一つのことに集中しすぎていないか」と、ふと立ち止まって確認する意識につながるかもしれません。</p>



<p class="has-text-align-center has-border -border03 is-style-bg_stripe wp-block-paragraph"><span class="swl-fz u-fz-l"><strong><span class="swl-marker mark_yellow">▽ 分かりやすく要約 ▽</span></strong></span></p>



<div style="width: 100%; max-width: 800px; margin: 2rem auto; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 8px 24px rgba(0,0,0,0.15); border-radius: 12px;">
    
    <!-- アニメーションエリア -->
    <div id="mind-anim-wrapper" style="width: 100%; background: #2c3e50; border-radius: 12px 12px 0 0; overflow: hidden; position: relative; aspect-ratio: 16/9; min-height: 540px;">
        
        <!-- テキストエリア -->
        <div id="mind-anim-text" style="position: absolute; top: 8%; width: 100%; text-align: center; color: #ecf0f1; font-weight: bold; padding: 0 20px; box-sizing: border-box; z-index: 20; text-shadow: 1px 1px 4px rgba(0,0,0,0.6); transition: opacity 0.5s;">
            「見落とし」は防げるのか？
        </div>
        <div id="mind-anim-subtext" style="position: absolute; top: 18%; width: 100%; text-align: center; color: #bdc3c7; padding: 0 20px; box-sizing: border-box; z-index: 20; opacity: 0; transition: opacity 0.5s; line-height: 1.5;"></div>

        <!-- アニメーションステージ -->
        <div id="mind-anim-stage" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;"></div>

        <!-- 黒い透過オーバーレイ -->
        <div id="mind-anim-overlay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 15; transition: opacity 0.5s; pointer-events: none;"></div>

        <!-- 再生ボタン（完全中央配置・改行禁止） -->
        <button id="mind-anim-btn" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #2980b9; color: #fff; border: none; padding: 14px 28px; font-weight: bold; border-radius: 30px; cursor: pointer; z-index: 25; box-shadow: 0 4px 12px rgba(0,0,0,0.4); transition: background 0.3s, transform 0.1s; white-space: nowrap;">
            ▶ 注意の視野を広げるプロセス
        </button>

        <!-- 注記（免責事項） -->
        <div id="mind-anim-note" style="position: absolute; bottom: 12px; right: 16px; color: #95a5a6; z-index: 20;">
            ※アニメーションはイメージです
        </div>
    </div>

    <!-- 出典・参考カードエリア -->
    <div id="mind-anim-ref" style="background: #f8f9fa; border-top: 1px solid #dcdde1; border-radius: 0 0 12px 12px; padding: 12px 16px; color: #5a5a5a; line-height: 1.5;">
        <span style="font-weight: bold; color: #2c3e50;">📚 参考・出典研究（マインドフルネスと非注意性盲目）</span><br>
        Schofield, T. P., Creswell, J. D., &#038; Denson, T. F. (2015). <i>Brief mindfulness meditation reduces inattentional blindness.</i> Consciousness and Cognition, 37, 105-113.
    </div>

    <style>
        /* ========= 基本レイアウト・アニメーション ========= */
        #mind-anim-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }
        #mind-anim-btn:hover { background: #2471a3; }
        #mind-anim-btn:active { transform: translate(-50%, -50%) scale(0.95); }
        
        /* 視界のアイテム */
        .mind-item {
            position: absolute;
            font-size: 3.5rem;
            top: 48%;
            transform: translate(-50%, -50%);
            transition: all 0.8s ease;
            z-index: 7;
        }
        .mind-ball { left: 35%; opacity: 1; }
        .mind-gorilla { left: 65%; opacity: 0.1; filter: grayscale(100%); } /* 初期状態は見えていない */

        /* 注意のスポットライト（視野） */
        .mind-spotlight {
            position: absolute;
            top: 48%;
            left: 35%;
            transform: translate(-50%, -50%);
            width: 100px;
            height: 100px;
            background: radial-gradient(circle, rgba(241,196,15,0.4) 0%, rgba(241,196,15,0) 70%);
            border-radius: 50%;
            transition: all 1.2s cubic-bezier(0.25, 0.1, 0.25, 1);
            z-index: 6;
            pointer-events: none;
        }
        /* スポットライトが広がった状態 */
        .mind-spotlight.broad {
            left: 50%;
            width: 350px;
            height: 350px;
            background: radial-gradient(circle, rgba(46,204,113,0.3) 0%, rgba(46,204,113,0) 70%);
        }

        /* キャラクター */
        .mind-char {
            position: absolute;
            font-size: 4.5rem;
            left: 50%;
            top: 86%; /* 最下部をキープ */
            transform: translate(-50%, -50%);
            transition: all 0.5s ease;
            z-index: 9;
        }

        /* 吹き出し（心の声） - 見切れと継ぎ接ぎ完全解消 */
        .mind-bubble {
            position: absolute;
            top: -45px;
            left: 50%;
            transform: translateX(-50%) scale(0);
            background: #fff;
            color: #2c3e50;
            padding: 12px 24px !important;
            border-radius: 40px !important;
            font-size: 1.15rem;
            font-weight: bold;
            line-height: 1.2 !important;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
            opacity: 0;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important;
            z-index: 10;
        }
        .mind-bubble::after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 50%;
            transform: translateX(-50%);
            border-width: 12px 12px 0;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }
        .mind-bubble.show {
            transform: translateX(-50%) scale(1);
            opacity: 1;
        }
        .mind-bubble.shake {
            animation: bubble-shake 0.3s infinite alternate;
        }
        @keyframes bubble-shake {
            0% { transform: translateX(-52%) scale(1.1); }
            100% { transform: translateX(-48%) scale(1.1); }
        }

        /* 結論ラベル */
        .mind-label {
            position: absolute;
            background: #fff;
            color: #2c3e50;
            padding: 10px 24px !important;
            border-radius: 40px;
            font-size: 0.95rem;
            font-weight: bold;
            transform: translate(-50%, -50%) scale(0);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            opacity: 0;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
            z-index: 15;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important; 
            min-width: 240px; 
            text-align: center;
            line-height: 1.4;
        }
        .mind-label.show {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }

        /* ========= フォントサイズ（PC基準） ========= */
        #mind-anim-text { font-size: 1.3rem; }
        #mind-anim-subtext { font-size: 0.95rem; }
        #mind-anim-btn { font-size: 1.1rem; }
        #mind-anim-note { font-size: 0.75rem; }
        #mind-anim-ref { font-size: 0.85rem; }

        /* ========= SWELLスマホ自動縮小対策 ========= */
        @media screen and (max-width: 767px) {
            #mind-anim-text { font-size: max(1.15rem, 18px); }
            #mind-anim-subtext { font-size: max(0.85rem, 13px); }
            #mind-anim-btn { font-size: max(1.0625rem, 17px); }
            #mind-anim-note { font-size: max(0.75rem, 11px); }
            #mind-anim-ref { font-size: max(0.85rem, 12px); }
            
            .mind-item { font-size: 2.8rem; }
            .mind-spotlight.broad { width: 280px; height: 280px; }
            
            .mind-char { font-size: 3.8rem; top: 86%; }
            .mind-bubble { font-size: 1.05rem !important; top: -45px; padding: 10px 20px !important; }
            
            .mind-label { 
                font-size: 0.85rem; 
                padding: 8px 16px !important;
            }
        }
    </style>

    <script>
        (function(){
            const stage = document.getElementById('mind-anim-stage');
            const text = document.getElementById('mind-anim-text');
            const subtext = document.getElementById('mind-anim-subtext');
            const btn = document.getElementById('mind-anim-btn');
            const overlay = document.getElementById('mind-anim-overlay');

            btn.addEventListener('click', function() {
                btn.style.display = 'none';
                overlay.style.opacity = '0';
                stage.innerHTML = ''; 
                playAnimation();
            });

            function updateText(main, sub) {
                text.style.opacity = '0';
                subtext.style.opacity = '0';
                setTimeout(function() {
                    text.innerHTML = main;
                    subtext.innerHTML = sub; 
                    text.style.opacity = '1';
                    text.style.opacity = '1';
                }, 500);
            }

            function playAnimation() {
                // 注意のスポットライト
                const spotlight = document.createElement('div');
                spotlight.className = 'mind-spotlight';
                stage.appendChild(spotlight);

                // 視界のアイテム
                const ball = document.createElement('div');
                ball.className = 'mind-item mind-ball';
                ball.innerText = '🏀'; 
                stage.appendChild(ball);

                const gorilla = document.createElement('div');
                gorilla.className = 'mind-item mind-gorilla';
                gorilla.innerText = '🦍'; 
                stage.appendChild(gorilla);

                // キャラクター（丸顔統一）
                const char = document.createElement('div');
                char.className = 'mind-char';
                const charIcon = document.createElement('div');
                charIcon.innerText = '😐'; 
                const bubble = document.createElement('div');
                bubble.className = 'mind-bubble';
                char.appendChild(bubble);
                char.appendChild(charIcon);
                stage.appendChild(char);

                // 【フェーズ1】過度な集中状態
                updateText("1. 注意の極端な絞り込み", "一つの課題（ボール）に集中しすぎると、<br>注意のスポットライトが狭くなり、周囲の異変を見落とします。");
                
                setTimeout(() => {
                    bubble.innerHTML = '💭 ボールだけに集中だ！';
                    bubble.classList.add('show');
                    charIcon.innerText = '😐'; // 真顔で集中
                }, 800);

                // 【フェーズ2】マインドフルネスの実践
                setTimeout(() => {
                    updateText("2. マインドフルネスの実践", "そこで、実験の前に「今この瞬間」に意識を向ける<br>短いマインドフルネスのエクササイズを行いました。");
                    
                    bubble.classList.remove('show');
                    
                    setTimeout(() => {
                        bubble.innerHTML = '💭 ふぅ…今ここを感じよう';
                        bubble.classList.add('show');
                        charIcon.innerText = '😌'; // リラックスして呼吸
                        spotlight.style.opacity = '0'; // 狭いスポットライトが消える
                    }, 500);

                }, 6000);

                // 【フェーズ3】視野の拡大と気づき
                setTimeout(() => {
                    updateText("3. 注意の視野の拡大", "すると、注意の視野が全体に広がり、<br>見落とすはずだった「ゴリラ」の存在に気づきやすくなりました。");
                    
                    bubble.classList.remove('show');

                    setTimeout(() => {
                        spotlight.className = 'mind-spotlight broad'; // スポットライトが全体に広がる（緑色）
                        spotlight.style.opacity = '1';
                        
                        // ゴリラが見えるようになる
                        gorilla.style.opacity = '1';
                        gorilla.style.filter = 'grayscale(0%)';
                        
                        setTimeout(() => {
                            bubble.innerHTML = '💭 あっ！ゴリラがいる！';
                            bubble.classList.add('shake');
                            charIcon.innerText = '😲'; // 驚きと気づき
                        }, 800);
                    }, 500);

                }, 11500);

                // 【フェーズ4】結論（メタ認知）
                setTimeout(() => {
                    updateText("4. 仕組みを知ること（メタ認知）", "「自分は見落とす生き物だ」という仕組みを知ること自体が、<br>集中しすぎをふと見直す『ブレーキ』として働きます。");
                    
                    bubble.classList.remove('shake');
                    bubble.style.transform = 'translateX(-50%) scale(1)';

                    // 結論ラベル（絶対に被らない安全地帯 top: 25%）
                    setTimeout(() => {
                        const successLabel = document.createElement('div');
                        successLabel.className = 'mind-label';
                        successLabel.innerText = '✨ 仕組みを知ることで、注意をコントロールできる';
                        successLabel.style.left = '50%';
                        successLabel.style.top = '25%'; 
                        stage.appendChild(successLabel);
                        
                        setTimeout(() => { 
                            successLabel.classList.add('show'); 
                        }, 1000);

                    }, 1000);

                }, 17500);

                // リセット
                setTimeout(function() {
                    btn.style.display = 'block';
                    overlay.style.opacity = '1';
                    subtext.style.opacity = '0';
                    text.innerText = "「見落とし」は防げるのか？";
                    
                    // 初期状態に戻す
                    charIcon.innerText = '😐';
                    bubble.classList.remove('show');
                    spotlight.className = 'mind-spotlight';
                    spotlight.style.opacity = '1';
                    gorilla.style.opacity = '0.1';
                    gorilla.style.filter = 'grayscale(100%)';
                }, 26000);
            }
        })();
    </script>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">自分の持続的注意力とどう向き合うために</h2>



<p class="wp-block-paragraph">見えないゴリラ実験が教えてくれるのは、「注意力が高い・低い」という単純な話ではなく、私たちの注意には限りがあり、何にその限られた注意を配分するかによって、見える世界そのものが変わってしまうという、注意の仕組みそのものです。</p>



<p class="wp-block-paragraph">日常生活の中でも、スマートフォンを見ながらの歩行や運転など、注意が一点に集中しやすい場面は数多くあります。</p>



<p class="wp-block-paragraph">具体的な生活習慣による対策については、<a href="https://memory-coffee.jp/magazine/sustained-attention-aging-maintenance/" target="_blank" rel="noopener">「持続的注意力とは？加齢で低下するメカニズムと科学的に維持する4つの習慣」</a>でも詳しく解説していますので、あわせてご覧ください。</p>



<p class="wp-block-paragraph">限られた注意という資源を、普段からどれだけ整った状態で使えているかは、思わぬ見落としを防ぐうえでも軽視できないポイントです。</p>



<p class="wp-block-paragraph">Memory Coffeeは、そうした毎日のコンディションづくりの選択肢の一つとして、GABAを配合し「記憶力」「空間認知力」「持続的注意力」の機能性表示を消費者庁に届け出ている（届出番号：J1384）インスタントコーヒーです。</p>



<!-- 7. Memory Coffee 製品ボックス -->
<div class="mc-product-box">
  <div class="mc-product-box-inner">
    <div class="mc-product-badge-row">
      <span class="mc-product-badge">機能性表示食品</span>
      <span class="mc-product-sub-badge">GABA 200mg配合</span>
    </div>
    <p class="mc-product-lead">
      Memory Coffeeで使用しているGABAは、加齢とともに低下する<strong>認知機能の一部を維持する機能</strong>が報告されています。
    </p>
    <div class="mc-product-features">
      <div class="mc-product-feature-item">
        <span class="mc-product-feature-icon">✓</span>
        <div class="mc-product-feature-text-wrap">
          <span class="mc-product-feature-name">記憶力</span>
          <span class="mc-product-feature-desc">見たり聞いたりしたことを思い出す力</span>
        </div>
      </div>
      <div class="mc-product-feature-item">
        <span class="mc-product-feature-icon">✓</span>
        <div class="mc-product-feature-text-wrap">
          <span class="mc-product-feature-name">空間認知力</span>
          <span class="mc-product-feature-desc">物の位置、形、向きなどを正確に把握する力</span>
        </div>
      </div>
      <div class="mc-product-feature-item">
        <span class="mc-product-feature-icon">✓</span>
        <div class="mc-product-feature-text-wrap">
          <span class="mc-product-feature-name">持続的注意力</span>
          <span class="mc-product-feature-desc">注意を持続させながら、作業を続ける力</span>
        </div>
      </div>
    </div>
  </div>
  <div class="mc-product-footer">
    <div class="mc-product-official-num">届出番号：J1384</div>
    <p class="mc-product-note">
      ※本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。<br>
      ※本品は、疾病の診断、治療、予防を目的としたものではありません。
    </p>
  </div>
</div>
<style>
/* プレミアムボックス全体 */
.mc-product-box { background: #ffffff !important;  solid #0f172a !important; border-radius: 12px !important; padding: 0 !important; margin: 3em 0 !important; box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08) !important; overflow: hidden !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important; box-sizing: border-box !important; }
.mc-product-box-inner { padding: 32px 32px 24px 32px !important; }
.mc-product-badge-row { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; align-items: center !important; margin-bottom: 24px !important; }
.mc-product-badge { display: inline-flex !important; align-items: center !important; background: linear-gradient(135deg, #0f172a, #1e293b) !important; color: #ffffff !important; font-weight: 800 !important; letter-spacing: 0.08em !important; border-radius: 20px !important; padding: 8px 18px !important; box-shadow: 0 4px 10px rgba(15, 23, 42, 0.2) !important; }
.mc-product-sub-badge { display: inline-flex !important; align-items: center !important; background: #fdfbf7 !important; color: #0f172a !important; border: 1px solid #e7d8b1 !important; border-left: 4px solid #C5A059 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; border-radius: 4px 20px 20px 4px !important; padding: 7px 16px 7px 12px !important; }
.mc-product-lead { color: #1e293b !important; line-height: 1.85 !important; margin: 0 0 26px 0 !important; font-weight: 600 !important; font-family: "Hiragino Mincho ProN", "Noto Serif JP", serif !important; letter-spacing: 0.03em !important; }
.mc-product-lead strong { color: #0f172a !important; font-weight: 800 !important; background: linear-gradient(transparent 70%, rgba(197, 160, 89, 0.3) 0) !important; }
.mc-product-features { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; padding: 24px !important; }
.mc-product-feature-item { display: flex !important; align-items: flex-start !important; gap: 16px !important; }
.mc-product-feature-item + .mc-product-feature-item { margin-top: 16px !important; padding-top: 16px !important; border-top: 1px dashed #cbd5e1 !important; }
.mc-product-feature-icon { flex-shrink: 0 !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; background: linear-gradient(135deg, #d4af37, #C5A059) !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 900 !important; margin-top: 2px !important; box-shadow: 0 2px 6px rgba(197, 160, 89, 0.3) !important; }
.mc-product-feature-text-wrap { flex: 1 !important; }
.mc-product-feature-name { display: block !important; color: #0f172a !important; font-weight: 800 !important; margin-bottom: 4px !important; letter-spacing: 0.02em !important; }
.mc-product-feature-desc { color: #475569 !important; line-height: 1.65 !important; display: block !important; font-weight: 500 !important; }
.mc-product-footer { background: #f1f5f9 !important; border-top: 1px solid #e2e8f0 !important; padding: 22px 32px !important; }
.mc-product-official-num { display: inline-flex !important; align-items: center !important; gap: 8px !important; font-weight: 800 !important; color: #0f172a !important; margin-bottom: 12px !important; background: #ffffff !important; padding: 6px 14px !important; border-radius: 6px !important; border: 1px solid #cbd5e1 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important; }
.mc-product-official-num::before { content: '✓' !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; background: #0f172a !important; color: #C5A059 !important; border-radius: 50% !important; font-size: 12px !important; flex-shrink: 0 !important; }
.mc-product-note { color: #64748b !important; line-height: 1.7 !important; margin: 0 !important; font-weight: 500 !important; }

/* PC用（標準サイズ） */
.mc-product-badge, .mc-product-sub-badge, .mc-product-feature-icon { font-size: 0.85rem !important; }
.mc-product-lead, .mc-product-feature-name { font-size: 1.05rem !important; }
.mc-product-feature-desc { font-size: 0.92rem !important; }
.mc-product-official-num { font-size: 0.9rem !important; }
.mc-product-note { font-size: 0.82rem !important; }
/* スマホ用（1.15remベース） */
@media (max-width: 768px) {
  .mc-product-box-inner { padding: 24px 18px 20px 18px !important; }
  .mc-product-badge-row { gap: 8px !important; margin-bottom: 20px !important; }
  .mc-product-features { padding: 18px 16px !important; }
  .mc-product-footer { padding: 20px 18px !important; }
  
  .mc-product-badge, .mc-product-sub-badge, .mc-product-feature-icon { font-size: 1rem !important; }
  .mc-product-lead { font-size: 1.15rem !important; line-height: 1.75 !important; margin-bottom: 20px !important; }
  .mc-product-feature-name { font-size: 1.2rem !important; }
  .mc-product-feature-desc { font-size: 1.15rem !important; }
  .mc-product-official-num { font-size: 1.1rem !important; }
  .mc-product-note { font-size: 0.95rem !important; }
}
</style>



<p class="wp-block-paragraph">毎日の生活の中で、自分の認知機能と向き合うための選択肢の一つとして役立てていただければと思います。</p>



<!-- [ブロックA：パターンB] 機能・手軽さ訴求 -->
<div class="mc-cta-mid">
  <div class="mc-cta-mid-text">
    <div class="mc-cta-mid-label">
      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18h6"></path><path d="M10 22h4"></path><path d="M12 2v1"></path><path d="M12 7a5 5 0 1 0 5 5 5.5 5.5 0 0 0-1.5-3.5A4.5 4.5 0 0 1 14 6Z"></path></svg>
      日々の記憶力対策ケアをお探しの方へ
    </div>
    <p class="mc-cta-mid-title">【コーヒー×GABA】ながらケアできる「Memory Coffee」</p>
  </div>
  <a id="cta-amazon-mid-b" href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener sponsored" class="mc-cta-mid-btn">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" style="height:28px; width:auto; margin-right:8px; display:block;">で見る ▶
  </a>
</div>

<style>
/* 記事中盤用CTA：共通スタイル */
.mc-cta-mid {
  margin: 32px 0;
  padding: 24px;
  background-color: #FDF9F3;
  border: 1px solid #EBD8B7;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  box-shadow: 0 4px 15px rgba(197, 160, 89, 0.05);
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
  transition: box-shadow 0.3s ease;
}
.mc-cta-mid:hover {
  box-shadow: 0 6px 20px rgba(197, 160, 89, 0.15);
}
.mc-cta-mid-text { flex: 1; }
.mc-cta-mid-label {
  font-size: 13px;
  color: #C5A059;
  font-weight: bold;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.mc-cta-mid-title {
  font-size: 16px;
  color: #1A2A40;
  font-weight: bold;
  margin: 0;
  line-height: 1.5;
}
.mc-cta-mid-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #1A2A40 !important;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 50px;
  border: 2px solid #1A2A40;
  text-decoration: none !important;
  white-space: nowrap;
  transition: transform 0.2s ease, background-color 0.2s ease;
  box-shadow: 0 4px 10px rgba(26, 42, 64, 0.1);
}
.mc-cta-mid-btn:hover {
  transform: translateY(-2px);
  background-color: #f8fafc;
}
@media (max-width: 600px) {
  .mc-cta-mid {
    flex-direction: column;
    align-items: stretch;
    padding: 20px 16px;
    gap: 16px;
  }
  .mc-cta-mid-btn { width: 100%; padding: 14px 20px; box-sizing: border-box; }
  .mc-cta-mid-title { font-size: 15px; }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">「見えないゴリラ実験」は、視界にはっきりと映っているものであっても、注意が向けられていなければ意識に上らないことを、鮮やかに示した心理学の代表的な実験です。</p>



<p class="wp-block-paragraph">「非注意性盲目」というこの現象は、注意力が低い人に限った話ではなく、一つの課題に集中しているからこそ誰にでも起こりうる、注意の仕組みそのものの一端だと言えます。</p>



<p class="wp-block-paragraph">この仕組みを知っておくことは、日々の生活の中で、自分がどこに注意を向けているかを見つめ直すきっかけになりそうです。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="1024" src="https://memory-coffee.jp/wp-content/uploads/2026/09/invisible-gorilla-experiment-explanation-image.webp" alt="見えないゴリラ実験のまとめを解説した画像" class="wp-image-9144" srcset="https://memory-coffee.jp/wp-content/uploads/2026/09/invisible-gorilla-experiment-explanation-image.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/09/invisible-gorilla-experiment-explanation-image-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/09/invisible-gorilla-experiment-explanation-image-150x150.webp 150w, https://memory-coffee.jp/wp-content/uploads/2026/09/invisible-gorilla-experiment-explanation-image-768x768.webp 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-group is-style-big_icon_point"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">なお、持続的注意力にまつわる脳の働きとしては、「ぼーっとする」時間に活発になる脳の回路、<a href="https://memory-coffee.jp/magazine/default-mode-network/" target="_blank" rel="noopener">デフォルトモードネットワーク（DMN）について</a>も解説しています。あわせてご覧ください。</p>
</div></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">よくある質問（FAQ）</h2>



<dl class="swell-block-faq" data-q="col-custom" data-a="col-custom">
<div class="swell-block-faq__item"><dt class="faq_q"><strong>非注意性盲目は、注意力が低い人だけに起こる現象ですか？</strong></dt><dd class="faq_a">
<p class="wp-block-paragraph">いいえ。見えないゴリラ実験では、健康な成人のおよそ半数に起こったことが示されており、特定の人だけに起こる特別な現象ではなく、人間の注意の仕組みそのものに由来する、誰にでも起こりうる現象だと考えられています。</p>
</dd></div>



<div class="swell-block-faq__item"><dt class="faq_q"><strong>非注意性盲目と「注意力散漫」は同じ意味ですか？</strong></dt><dd class="faq_a">
<p class="wp-block-paragraph">異なります。「注意力散漫」は注意がまとまらず色々なものに気を取られている状態を指すことが多い一方、非注意性盲目は、むしろ一つの課題に注意を強く集中させているからこそ、それ以外のはっきり見えているはずのものに気づけなくなる現象です。</p>
</dd></div>



<div class="swell-block-faq__item"><dt class="faq_q"><strong> 車の運転で気をつけるべきことはありますか？</strong></dt><dd class="faq_a">
<p class="wp-block-paragraph">本記事は一般的な心理学研究の紹介を目的としたものであり、運転時の安全確保について個別の助言を行うものではありません。運転中の注意配分については、教習所等の専門的な指導や、公的機関が発信する安全運転情報を参照してください。</p>
</dd></div>
</dl>
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@id":"#FAQContents","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"非注意性盲目は、注意力が低い人だけに起こる現象ですか？","acceptedAnswer":{"@type":"Answer","text":"<p>いいえ。見えないゴリラ実験では、健康な成人のおよそ半数に起こったことが示されており、特定の人だけに起こる特別な現象ではなく、人間の注意の仕組みそのものに由来する、誰にでも起こりうる現象だと考えられています。<\/p>"}},{"@type":"Question","name":"非注意性盲目と「注意力散漫」は同じ意味ですか？","acceptedAnswer":{"@type":"Answer","text":"<p>異なります。「注意力散漫」は注意がまとまらず色々なものに気を取られている状態を指すことが多い一方、非注意性盲目は、むしろ一つの課題に注意を強く集中させているからこそ、それ以外のはっきり見えているはずのものに気づけなくなる現象です。<\/p>"}},{"@type":"Question","name":"車の運転で気をつけるべきことはありますか？","acceptedAnswer":{"@type":"Answer","text":"<p>本記事は一般的な心理学研究の紹介を目的としたものであり、運転時の安全確保について個別の助言を行うものではありません。運転中の注意配分については、教習所等の専門的な指導や、公的機関が発信する安全運転情報を参照してください。<\/p>"}}]}</script>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">
     <a class="end-card" href="https://memory-coffee.jp/magazine/memory-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/memory-aging-maintenance-thumbnail.webp" alt="記憶力低下の仕組みは？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">記憶力</div>
        <div class="end-card-title">加齢で低下するメカニズムと科学的に維持する4つの習慣</div>
      </div>
    </a>
    
   


    <a class="end-card" href="https://memory-coffee.jp/magazine/spatial-cognition-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/spatial-cognition-ability-aging-guide.webp" alt="空間認知力とは？低下するメカニズムと維持する習慣">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">空間認知力</div>
        <div class="end-card-title">空間認知力が落ちる理由と維持する習慣</div>
      </div>
    </a>


    <a class="end-card" href="https://memory-coffee.jp/magazine/functional-coffee-what-is/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/04/thumbnail-kinousei-coffee-towa.webp" alt="機能性コーヒーって何が違うの？">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">機能性コーヒー</div>
        <div class="end-card-title">機能性コーヒーって何が違うの？</div>
      </div>
    </a>
  </div>
</div>

<style>
/* ユーザー指定のデザイン（ベースのCSS） */
.end-section {
  background: #f7f4ee;
  border-top: 1px solid #e5dece;
  padding: 32px 20px 40px;
  margin-top: 48px;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  box-sizing: border-box;
}

.end-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.end-header-bar {
  width: 5px; /* アクセントバーを少し太く */
  height: 22px;
  background: #c4993a;
  border-radius: 3px;
  flex-shrink: 0;
}

.end-header-text {
  font-size: 1.25rem; /* px指定・サイズアップ */
  font-weight: 700;
  color: #1a1a1a;
}

/* カードのレイアウト（スマホは1列、PCは3列） */
.end-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media screen and (min-width: 600px) {
  .end-cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

.end-card {
  display: block;
  background: #fff;
  border: 1px solid #e5dece;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  transition: all 0.2s ease;
}

.end-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(196, 153, 58, 0.15);
}

.end-card-img {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #d6c9a8;
}

.end-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.end-card-body {
  padding: 16px; /* タップしやすいよう余白を広げる */
}

.end-card-tag {
  display: inline-block;
  font-size: 13px; /* px指定・最低限の可読性を確保 */
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #8c6d2f;
  background: #fdfaf3; /* タグっぽく背景色を追加 */
  border: 1px solid #e5dece;
  padding: 3px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
}

.end-card-title {
  font-size: 1rem; /* px指定・サイズアップ */
  font-weight: 700;
  line-height: 1.6;
  color: #1a1a1a;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="swell-block-capbox cap_box is-style-small_ttl"><div class="cap_box_ttl"><span><strong>免責事項および重要事項</strong></span></div><div class="cap_box_content">
<ol class="wp-block-list">
<li><span class="swl-fz u-fz-s"><strong>情報の正確性について</strong>：<br>本記事の内容は、執筆時点で確認できた学術論文・公的資料等に基づき作成しています。正確性の確保に努めていますが、新たな研究知見や検証により、内容が更新される可能性があります。</span></li>



<li><span class="swl-fz u-fz-s"><strong><strong><strong>効果の適用範囲について</strong></strong></strong>：<br>本記事で紹介したマインドフルネスに関する研究結果は、特定の実験条件下で確認されたものであり、日常のあらゆる見落としや事故を防止することを保証するものではありません。</span></li>



<li><span class="swl-fz u-fz-s"><strong>医療行為の代替ではありません</strong>：<br>本記事は一般的な心理学・脳科学情報の提供を目的としたものであり、医師・臨床心理士等の専門家による診断、治療、または助言に代わるものではありません。また、紹介している成分や製品は、疾病の診断、治療、予防を目的としたものではありません。</span></li>



<li><span class="swl-fz u-fz-s"><strong>効果の個人差について</strong>：<br>GABA等の機能性関与成分に関する記述は、一般的な届出情報・研究知見に基づくものであり、特定の製品の摂取によって全ての方に同様の効果を保証するものではありません。体質や体調により、まれに合わない場合があります。</span></li>



<li><span class="swl-fz u-fz-s"><strong>損害への責任</strong>：<br>本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。最終的な判断はご自身の責任において行っていただけますよう、お願い申し上げます。</span></li>
</ol>



<p class="wp-block-paragraph"><strong><span class="swl-fz u-fz-s">【機能性表示食品に関する表示】</span></strong></p>



<ul class="wp-block-list">
<li><span class="swl-fz u-fz-s">本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。</span></li>



<li><span class="swl-fz u-fz-s">本品は、疾病の診断、治療、予防を目的としたものではありません。</span></li>



<li><span class="swl-fz u-fz-s">食生活は、主食、主菜、副菜を基本に、食事のバランスを。</span></li>
</ul>
</div></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
   記事を書いた人（著者情報ボックス・相対指定版）
========================================== -->
<div class="mc-author-box-wrapper">
  
  <div class="mc-author-top-line"></div>
  
  <div class="mc-author-content">
    
    <div class="mc-author-logo-wrap">
      <div class="mc-author-logo-inner">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" class="mc-author-logo-img" loading="lazy">
      </div>
    </div>

    <div class="mc-author-text-wrap">
      <div class="mc-author-header">
        <span class="mc-author-badge">著者</span>
        <div class="mc-author-name">メモコーマガジン編集部</div>
      </div>
      <p class="mc-author-desc">
        「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に、客観的で正確な情報提供に努めています。
      </p>
    </div>
  </div>

  <div class="mc-author-footer">
    <p class="mc-author-footer-text">
      ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
    </p>
  </div>
</div>

<!-- ==========================================
   デザイン用 CSS（em/remによる完全な相対指定版）
========================================== -->
<style>
/* =========================================
   1. モジュールの親箱（デバイスごとの基準サイズ）
========================================= */
.mc-author-box-wrapper {
  font-size: 1rem; /* PC基準（約16px想定） */
  max-width: 43.75em; /* 約700px */
  margin: 3.125em auto; /* 約50px auto */
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 0.75em; /* 約12px */
  overflow: hidden;
  box-shadow: 0 0.25em 0.9375em rgba(0,0,0,0.05);
  font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
  box-sizing: border-box;
}

/* SWELLのスマホ自動縮小を相殺するメディアクエリ */
@media (max-width: 599px) {
  .mc-author-box-wrapper {
    font-size: max(1.0625rem, 17px); /* SWELLの縮小を防ぎ17pxを死守 */
    margin: 2em 0;
  }
}

/* =========================================
   2. 内部要素（emによる完全な相対指定：PCベース）
========================================= */
.mc-author-box-wrapper .mc-author-top-line {
  height: 0.25em; /* 約4px */
  background: linear-gradient(to right, #1A2A40, #C5A059);
}

.mc-author-box-wrapper .mc-author-content {
  padding: 1.5625em; /* 約25px */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.mc-author-box-wrapper .mc-author-logo-wrap {
  flex: 0 0 5em; /* 約80px */
  margin-right: 1.25em; /* 約20px */
}

.mc-author-box-wrapper .mc-author-logo-inner {
  width: 5em; /* 約80px */
  height: 5em; /* 約80px */
  border-radius: 50%;
  border: 2px solid #f0f4f7;
  overflow: hidden;
  background: #f4f7f9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.mc-author-box-wrapper .mc-author-logo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mc-author-box-wrapper .mc-author-text-wrap {
  flex: 1;
  min-width: 15.625em; /* 約250px */
}

.mc-author-box-wrapper .mc-author-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.5em; /* 約8px */
}

.mc-author-box-wrapper .mc-author-badge {
  font-size: 0.75em; /* 約12px */
  background: #1A2A40;
  color: #fff;
  padding: 0.125em 0.5em; /* 約2px 8px */
  border-radius: 0.1875em; /* 約3px */
  margin-right: 0.625em; /* 約10px */
  white-space: nowrap;
}

.mc-author-box-wrapper .mc-author-name {
  margin: 0;
  font-size: 1.125em; /* 基準に対して約18px */
  color: #1A2A40;
  font-weight: bold;
  white-space: nowrap;
}

.mc-author-box-wrapper .mc-author-desc {
  margin: 0;
  font-size: 0.875em; /* 基準に対して約14px */
  color: #666;
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-character;
}

.mc-author-box-wrapper .mc-author-desc b {
  color: #1A2A40;
}

.mc-author-box-wrapper .mc-author-footer {
  background: #f9f9f9;
  padding: 0.9375em 1.5625em; /* 約15px 25px */
  border-top: 1px solid #eee;
}

.mc-author-box-wrapper .mc-author-footer-text {
  margin: 0;
  font-size: 0.75em; /* 約12px */
  color: #888;
  line-height: 1.5;
}

/* =========================================
   3. スマートフォン向けレイアウト調整
========================================= */
@media (max-width: 599px) {
  .mc-author-box-wrapper .mc-author-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.875em 1.25em; /* 約30px 20px */
  }
  .mc-author-box-wrapper .mc-author-logo-wrap {
    margin-right: 0;
    margin-bottom: 1.25em; /* 約20px */
  }
  .mc-author-box-wrapper .mc-author-text-wrap {
    text-align: center;
  }
  .mc-author-box-wrapper .mc-author-header {
    justify-content: center;
  }
}
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 0.875rem; color: #333; border: 1px solid #ddd;">
        <tbody><tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </tbody></table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>デフォルトモードネットワーク（DMN）とは？│「ぼーっとする時間」の脳科学</title>
		<link>https://memory-coffee.jp/magazine/default-mode-network/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Mon, 21 Sep 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[持続的注意力]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=9138</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/09/default-mode-network-thumbnail-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ シャワーを浴びている時、電車に揺られている時、あ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/09/default-mode-network-thumbnail-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 0.9375rem; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 0.9375rem; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<div class="swell-block-capbox cap_box" data-colset="col1"><div class="cap_box_ttl"><span>💡<strong>この記事のポイント</strong></span></div><div class="cap_box_content">
<ul class="wp-block-list">
<li>「何もしていない」時にこそ働く、DMNという脳回路の発見</li>



<li>なぜ心はふとした瞬間に「さまよって」しまうのか</li>



<li>DMNは集中力の&#8221;邪魔者&#8221;なのか、それとも創造性の&#8221;味方&#8221;なのか</li>



<li>持続的注意力を守るために、意識しておきたいこと</li>
</ul>
</div></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">シャワーを浴びている時、電車に揺られている時、あるいは会議中にふと集中が途切れた時——</p>



<p class="wp-block-paragraph">特に何かを考えているつもりはないのに、頭の中では次々と別のことが浮かんでは消えていく。</p>



<p class="wp-block-paragraph">そんな経験は誰にでもあるのではないでしょうか。こうした「ぼーっとする」「気が逸れる」状態のとき、脳は休んでいるわけではなく、「デフォルトモードネットワーク（DMN）」と呼ばれる特定の神経回路が、むしろ活発に働いていることが分かっています。</p>



<p class="wp-block-paragraph">この記事では、DMNとは何か、なぜ心が「さまよって」しまうのか、そしてDMNは集中力にとって敵なのか味方なのかを、脳科学の研究にもとづいて解説します。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">脳が「何もしていない」ときも働いている？│DMNの発見</h2>



<p class="wp-block-paragraph">「デフォルトモードネットワーク」という考え方は、2001年にアメリカ・ワシントン大学の神経科学者マーカス・ライクル氏らが発表した論文（PNAS誌）によって、広く知られるようになりました。</p>



<p class="wp-block-paragraph">ライクル氏らは、脳の血流や代謝の変化を画像化するPET（陽電子放出断層撮影）を使った複数の研究データを比較する中で、興味深いパターンに気づきました。</p>



<p class="wp-block-paragraph">読書や計算といった、特定の目標に向かって意識を集中させる課題を行っているときには活動が&#8221;低下&#8221;する一方で、課題の合間の「安静にしている」状態では、決まって活動が&#8221;高まる&#8221;脳の領域群があったのです。</p>



<p class="wp-block-paragraph">ライクル氏らはこの、<strong>いわば脳の&#8221;初期設定（デフォルト）&#8221;の状態で働く回路を<span class="swl-marker mark_yellow">「デフォルトモードネットワーク」</span>と名付けました。</strong></p>



<p class="wp-block-paragraph">内側前頭前野や後帯状皮質・楔前部といった領域が、この回路の中心とされています。</p>



<p class="wp-block-paragraph">この発見が示したのは、「何も考えていない」ように見える時間も、脳が単純に休止しているわけではなく、外部の課題から意識が離れたときに立ち上がる、独自の活動モードが存在するということでした。</p>



<p class="has-text-align-center has-border -border03 is-style-bg_stripe wp-block-paragraph"><span class="swl-fz u-fz-l"><strong><span class="swl-marker mark_yellow">▽ 分かりやすく要約 ▽</span></strong></span></p>



<div style="width: 100%; max-width: 800px; margin: 2rem auto; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 8px 24px rgba(0,0,0,0.15); border-radius: 12px;">
    
    <!-- アニメーションエリア -->
    <div id="dmn-anim-wrapper" style="width: 100%; background: #2c3e50; border-radius: 12px 12px 0 0; overflow: hidden; position: relative; aspect-ratio: 16/9; min-height: 540px;">
        
        <!-- テキストエリア -->
        <div style="position: absolute; top: 6%; width: 100%; z-index: 20; display: flex; flex-direction: column; gap: 10px;">
            <div id="dmn-anim-text" style="width: 100%; text-align: center; color: #ecf0f1; font-weight: bold; padding: 0 20px; box-sizing: border-box; text-shadow: 1px 1px 4px rgba(0,0,0,0.6); transition: opacity 0.5s;">
                「何もしていない時」の脳の働き
            </div>
            <div id="dmn-anim-subtext" style="width: 100%; text-align: center; color: #bdc3c7; padding: 0 20px; box-sizing: border-box; opacity: 0; transition: opacity 0.5s; line-height: 1.5;"></div>
        </div>

        <!-- アニメーションステージ -->
        <div id="dmn-anim-stage" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;"></div>

        <!-- 黒い透過オーバーレイ -->
        <div id="dmn-anim-overlay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 15; transition: opacity 0.5s; pointer-events: none;"></div>

        <!-- 再生ボタン（完全中央配置・改行禁止） -->
        <button id="dmn-anim-btn" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #3498db; color: #fff; border: none; padding: 14px 28px; font-weight: bold; border-radius: 30px; cursor: pointer; z-index: 25; box-shadow: 0 4px 12px rgba(0,0,0,0.4); transition: background 0.3s, transform 0.1s; white-space: nowrap;">
            ▶ 脳の初期設定モードを見る
        </button>

        <!-- 注記（免責事項） -->
        <div id="dmn-anim-note" style="position: absolute; bottom: 12px; right: 16px; color: #95a5a6; z-index: 20;">
            ※アニメーションはイメージです
        </div>
    </div>

    <!-- 出典・参考カードエリア -->
    <div id="dmn-anim-ref" style="background: #f8f9fa; border-top: 1px solid #dcdde1; border-radius: 0 0 12px 12px; padding: 12px 16px; color: #5a5a5a; line-height: 1.5;">
        <span style="font-weight: bold; color: #2c3e50;">📚 参考・出典研究（デフォルトモードネットワーク）</span><br>
        Raichle, M. E., MacLeod, A. M., Snyder, A. Z., Powers, W. J., Gusnard, D. A., &amp; Shulman, G. L. (2001). <i>A default mode of brain function.</i> Proceedings of the National Academy of Sciences, 98(2), 676-682.
    </div>

    <style>
        /* ========= 基本レイアウト・アニメーション ========= */
        #dmn-anim-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }
        #dmn-anim-btn:hover { background: #2980b9; }
        #dmn-anim-btn:active { transform: translate(-50%, -50%) scale(0.95); }
        
        /* 脳 */
        .dmn-brain {
            position: absolute;
            font-size: 4.5rem;
            left: 50%;
            top: 45%;
            transform: translate(-50%, -50%);
            transition: all 0.8s ease;
            z-index: 6;
            filter: grayscale(40%);
        }

        /* 集中時の活性化（一部だけ光る） */
        .dmn-task-glow {
            position: absolute;
            left: 50%;
            top: 45%;
            transform: translate(-70%, -70%);
            width: 30px;
            height: 30px;
            background: #e74c3c;
            border-radius: 50%;
            filter: blur(15px);
            opacity: 0;
            transition: opacity 0.5s ease;
            z-index: 7;
        }

        /* デフォルトモードネットワーク（DMN） */
        .dmn-network {
            position: absolute;
            left: 50%;
            top: 45%;
            transform: translate(-50%, -50%);
            width: 90px;
            height: 70px;
            opacity: 0;
            z-index: 8;
            transition: all 1s ease;
            pointer-events: none;
        }
        .dmn-node {
            position: absolute;
            width: 12px;
            height: 12px;
            background: #00d2ff;
            border-radius: 50%;
            box-shadow: 0 0 15px #00d2ff, 0 0 30px #00d2ff;
        }
        .dmn-node-front { top: 15%; left: 0%; }
        .dmn-node-back { top: 40%; right: 0%; }
        
        .dmn-line {
            position: absolute;
            top: 25%;
            left: 10%;
            width: 80%;
            height: 3px;
            background: rgba(0, 210, 255, 0.8);
            transform: rotate(15deg);
            box-shadow: 0 0 10px #00d2ff;
        }

        .dmn-network.active {
            opacity: 1;
            animation: dmn-pulse 2s infinite alternate;
        }
        @keyframes dmn-pulse {
            0% { transform: translate(-50%, -50%) scale(1); filter: drop-shadow(0 0 5px rgba(0,210,255,0.5)); }
            100% { transform: translate(-50%, -50%) scale(1.05); filter: drop-shadow(0 0 15px rgba(0,210,255,1)); }
        }

        /* アイテム（パソコンとコーヒー） - 配置を少し中央寄りに */
        .dmn-item {
            position: absolute;
            font-size: 3.5rem;
            left: 38%; 
            top: 86%;
            transform: translate(-50%, -50%);
            transition: all 0.5s ease;
            opacity: 0;
            z-index: 9;
        }

        /* キャラクター - 配置を少し中央寄りに */
        .dmn-char {
            position: absolute;
            font-size: 4.5rem;
            left: 58%; 
            top: 86%;
            transform: translate(-50%, -50%);
            transition: all 0.5s ease;
            z-index: 9;
        }

        /* 吹き出し（心の声） */
        .dmn-bubble {
            position: absolute;
            top: -45px;
            left: 50%;
            transform: translateX(-50%) scale(0);
            background: #fff;
            color: #2c3e50;
            padding: 12px 24px !important;
            border-radius: 40px !important;
            font-size: 1.15rem;
            font-weight: bold;
            line-height: 1.2 !important;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
            opacity: 0;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important;
            z-index: 10;
        }
        .dmn-bubble::after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 50%;
            transform: translateX(-50%);
            border-width: 12px 12px 0;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }
        .dmn-bubble.show {
            transform: translateX(-50%) scale(1);
            opacity: 1;
        }

        /* 結論ラベル */
        .dmn-label {
            position: absolute;
            background: #fff;
            color: #2c3e50;
            padding: 10px 24px !important;
            border-radius: 40px;
            font-size: 0.95rem;
            font-weight: bold;
            transform: translate(-50%, -50%) scale(0);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            opacity: 0;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
            z-index: 15;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important; 
            min-width: 240px; 
            text-align: center;
            line-height: 1.4;
            /* 修正：ラベル内をFlexboxにしてPC時は横並びにする */
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        .dmn-label.show {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }
        .dmn-eq {
            display: inline-block;
        }

        /* ========= フォントサイズ（PC基準） ========= */
        #dmn-anim-text { font-size: 1.3rem; }
        #dmn-anim-subtext { font-size: 0.95rem; }
        #dmn-anim-btn { font-size: 1.1rem; }
        #dmn-anim-note { font-size: 0.75rem; }
        #dmn-anim-ref { font-size: 0.85rem; }

        /* ========= SWELLスマホ自動縮小対策 ========= */
        @media screen and (max-width: 767px) {
            #dmn-anim-text { font-size: clamp(12px, 4.2vw, 18px); padding: 0 5px; white-space: nowrap; }
            #dmn-anim-subtext { font-size: clamp(11px, 3.5vw, 14px); padding: 0 5px; }
            #dmn-anim-btn { font-size: max(1.0625rem, 17px); }
            #dmn-anim-note { font-size: max(0.75rem, 11px); }
            #dmn-anim-ref { font-size: max(0.85rem, 12px); }
            
            .dmn-brain { font-size: 4rem; top: 45%; }
            .dmn-network { width: 80px; height: 60px; }
            
            /* スマホ時はさらに中央へ寄せて見切れを完全防止 */
            .dmn-item { font-size: 3rem; left: 35%; top: 86%; }
            .dmn-char { font-size: 3.5rem; left: 60%; top: 86%; }
            
            .dmn-bubble { font-size: 1.05rem !important; top: -45px; padding: 10px 20px !important; }
            
            /* 修正：スマホ表示時のみ縦並びに変更し、＝を90度回転 */
            .dmn-label { 
                font-size: clamp(11px, 3.5vw, 14px); 
                padding: 12px 20px !important;
                min-width: auto;
                flex-direction: column; /* 縦並び */
                border-radius: 16px !important; /* 縦長になるため角丸を調整 */
                gap: 4px;
            }
            .dmn-eq {
                transform: rotate(90deg); /* ＝を回転 */
                margin: 2px 0;
            }
        }
    </style>

    <script>
        (function(){
            const stage = document.getElementById('dmn-anim-stage');
            const text = document.getElementById('dmn-anim-text');
            const subtext = document.getElementById('dmn-anim-subtext');
            const btn = document.getElementById('dmn-anim-btn');
            const overlay = document.getElementById('dmn-anim-overlay');

            btn.addEventListener('click', function() {
                btn.style.display = 'none';
                overlay.style.opacity = '0';
                stage.innerHTML = ''; 
                playAnimation();
            });

            function updateText(main, sub) {
                text.style.opacity = '0';
                subtext.style.opacity = '0';
                setTimeout(function() {
                    text.innerHTML = main;
                    subtext.innerHTML = sub; 
                    text.style.opacity = '1';
                    text.style.opacity = '1';
                }, 500);
            }

            function playAnimation() {
                // 脳
                const brain = document.createElement('div');
                brain.className = 'dmn-brain';
                brain.innerText = '🧠'; 
                stage.appendChild(brain);

                // 集中時の光
                const taskGlow = document.createElement('div');
                taskGlow.className = 'dmn-task-glow';
                stage.appendChild(taskGlow);

                // DMN
                const network = document.createElement('div');
                network.className = 'dmn-network';
                
                const nodeFront = document.createElement('div');
                nodeFront.className = 'dmn-node dmn-node-front';
                
                const nodeBack = document.createElement('div');
                nodeBack.className = 'dmn-node dmn-node-back';
                
                const line = document.createElement('div');
                line.className = 'dmn-line';
                
                network.appendChild(nodeFront);
                network.appendChild(nodeBack);
                network.appendChild(line);
                stage.appendChild(network);

                // アイテム（PCとコーヒー）
                const pc = document.createElement('div');
                pc.className = 'dmn-item';
                pc.innerText = '💻';
                stage.appendChild(pc);

                const coffee = document.createElement('div');
                coffee.className = 'dmn-item';
                coffee.innerText = '☕';
                stage.appendChild(coffee);

                // キャラクター
                const char = document.createElement('div');
                char.className = 'dmn-char';
                
                const charIcon = document.createElement('div');
                // 全ての表情を丸顔ベースで統一（初期は真顔）
                charIcon.innerText = '😐';
                
                const bubble = document.createElement('div');
                bubble.className = 'dmn-bubble';
                
                char.appendChild(bubble);
                char.appendChild(charIcon);
                stage.appendChild(char);

                // 【フェーズ1】集中状態
                updateText("1. 何かに集中している状態", "読書や計算など、特定の課題に意識を集中させている時、<br>脳はその処理に必要な「特定の領域」だけを働かせます。");
                
                setTimeout(() => {
                    pc.style.opacity = '1';
                    taskGlow.style.opacity = '1';
                    
                    setTimeout(() => {
                        bubble.innerHTML = '💭 集中…集中…';
                        bubble.classList.add('show');
                        charIcon.innerText = '😐'; // 集中して画面を見つめる
                    }, 500);
                }, 800);

                // 【フェーズ2】安静状態
                setTimeout(() => {
                    updateText("2. 安静状態（意識をオフにする）", "課題を終えて「何も考えていない」リラックスした状態。<br>一見すると、脳も一緒に休止しているように思えます。");
                    
                    bubble.classList.remove('show');
                    pc.style.opacity = '0';
                    taskGlow.style.opacity = '0';
                    brain.style.filter = 'grayscale(0%)';
                    
                    setTimeout(() => {
                        coffee.style.opacity = '1';
                        
                        setTimeout(() => {
                            bubble.innerHTML = '💭 ふぅ、ちょっと休憩…';
                            bubble.classList.add('show');
                            charIcon.innerText = '😌'; // リラックス顔に切り替え
                        }, 500);
                    }, 500);

                }, 6000);

                // 【フェーズ3】DMNの起動（見切れ対策で文字を短縮）
                setTimeout(() => {
                    updateText("3. デフォルトモードネットワークの起動", "しかし実際には、意識が離れた途端に「内側前頭前野」や<br>「後帯状皮質」を繋ぐ独自の回路が活発に働き始めます。");
                    
                    bubble.classList.remove('show');

                    setTimeout(() => {
                        network.classList.add('active');
                        
                        setTimeout(() => {
                            // 短縮してスッキリ見せる
                            bubble.innerHTML = '💭 (実は脳内フル稼働中…)';
                            bubble.classList.add('show');
                        }, 800);
                    }, 500);

                }, 11500);

                // 【フェーズ4】結論
                setTimeout(() => {
                    updateText("4. 脳の「初期設定（デフォルト）」", "「何も考えていない」時間は、脳が休んでいるのではなく、<br>脳の『初期設定モード』が立ち上がる重要な時間なのです。");
                    
                    bubble.style.transform = 'translateX(-50%) scale(1)';

                    setTimeout(() => {
                        const successLabel = document.createElement('div');
                        successLabel.className = 'dmn-label';
                        // 修正：構造を分割し、Flexboxで制御できるように変更
                        successLabel.innerHTML = '<span>✨ DMN</span><span class="dmn-eq">＝</span><span>「何もしない時」に起動する脳の特殊回路</span>';
                        successLabel.style.left = '50%';
                        // 修正: テキストが重ならないよう安全地帯（30%）に配置
                        successLabel.style.top = '30%'; 
                        stage.appendChild(successLabel);
                        
                        setTimeout(() => { 
                            successLabel.classList.add('show'); 
                        }, 100);
                    }, 1000);

                }, 17500);

                // リセット
                setTimeout(function() {
                    btn.style.display = 'block';
                    overlay.style.opacity = '1';
                    subtext.style.opacity = '0';
                    text.innerText = "「何もしていない時」の脳の働き";
                    
                    charIcon.innerText = '😐';
                    bubble.classList.remove('show');
                    pc.style.opacity = '0';
                    coffee.style.opacity = '0';
                    taskGlow.style.opacity = '0';
                    network.classList.remove('active');
                    brain.style.filter = 'grayscale(40%)';
                }, 26000);
            }
        })();
    </script>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">なぜ心は「さまよう」のか？│マインドワンダリングとの関係</h2>



<p class="wp-block-paragraph">DMNが注目されるようになったもう一つの理由が、<strong>「マインドワンダリング（心のさまよい、mind-wandering）」</strong>、つまり今取り組んでいる作業とは関係のない考えが浮かんでくる現象との関わりです。</p>



<p class="wp-block-paragraph">カナダ・ブリティッシュコロンビア大学のキャリーナ・クリストフ氏らは2009年、この関係を確かめるために、fMRI（機能的MRI）を使った巧妙な実験を行いました（PNAS誌に掲載）。</p>



<p class="wp-block-paragraph">参加者に単純な反応課題（同じ作業を繰り返す中で、まれに出てくる特定の合図にだけ反応を控える課題）に取り組んでもらいながら、時折「今、作業に集中していましたか、それとも他のことを考えていましたか」と尋ね、その直前の脳活動を記録したのです。</p>



<p class="wp-block-paragraph">その結果、「他のことを考えていた」と報告された直前には、内側前頭前野などDMNの領域が活発になっていることが確認されました。</p>



<p class="wp-block-paragraph">さらに重要な点として、こうしたDMNの活動は、課題そのもののミス（反応すべきでない場面で反応してしまう等の&#8221;うっかりミス&#8221;）とも関連していました。</p>



<p class="wp-block-paragraph">つまりマインドワンダリングは、単なる気分の問題ではなく、実際の作業パフォーマンスの低下、すなわち持続的注意力の途切れと、脳活動のレベルで結びついていることが示されたのです。</p>



<p class="wp-block-paragraph">なお、この実験ではもう一つ興味深いことも分かりました。</p>



<p class="wp-block-paragraph">DMNの活動がもっとも強く現れていたのは、参加者自身が「自分が今、他のことを考えていた」と自覚できていなかった場面だったのです。</p>



<p class="wp-block-paragraph">つまり、気づかないうちにさまよっている心ほど、注意への影響が大きい可能性があるということになります。</p>



<p class="has-text-align-center has-border -border03 is-style-bg_stripe wp-block-paragraph"><span class="swl-fz u-fz-l"><strong><span class="swl-marker mark_yellow">▽ 分かりやすく要約 ▽</span></strong></span></p>



<div style="width: 100%; max-width: 800px; margin: 2rem auto; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 8px 24px rgba(0,0,0,0.15); border-radius: 12px;">
    
    <!-- アニメーションエリア -->
    <!-- 修正: 縦長ラベルが収まるよう、全体の高さを600pxに拡張 -->
    <div id="mw-anim-wrapper" style="width: 100%; background: #2c3e50; border-radius: 12px 12px 0 0; overflow: hidden; position: relative; aspect-ratio: 16/9; min-height: 600px;">
        
        <!-- テキストエリア -->
        <div style="position: absolute; top: 6%; width: 100%; z-index: 20; display: flex; flex-direction: column; gap: 10px;">
            <div id="mw-anim-text" style="width: 100%; text-align: center; color: #ecf0f1; font-weight: bold; padding: 0 20px; box-sizing: border-box; text-shadow: 1px 1px 4px rgba(0,0,0,0.6); transition: opacity 0.5s;">
                「心のさまよい」と脳の働き
            </div>
            <div id="mw-anim-subtext" style="width: 100%; text-align: center; color: #bdc3c7; padding: 0 20px; box-sizing: border-box; opacity: 0; transition: opacity 0.5s; line-height: 1.5;"></div>
        </div>

        <!-- アニメーションステージ -->
        <div id="mw-anim-stage" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;"></div>

        <!-- 黒い透過オーバーレイ -->
        <div id="mw-anim-overlay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 15; transition: opacity 0.5s; pointer-events: none;"></div>

        <!-- 再生ボタン（完全中央配置・改行禁止） -->
        <button id="mw-anim-btn" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #9b59b6; color: #fff; border: none; padding: 14px 28px; font-weight: bold; border-radius: 30px; cursor: pointer; z-index: 25; box-shadow: 0 4px 12px rgba(0,0,0,0.4); transition: background 0.3s, transform 0.1s; white-space: nowrap;">
            ▶ マインドワンダリングの現象を見る
        </button>

        <!-- 注記（免責事項） -->
        <div id="mw-anim-note" style="position: absolute; bottom: 12px; right: 16px; color: #95a5a6; z-index: 20;">
            ※アニメーションはイメージです
        </div>
    </div>

    <!-- 出典・参考カードエリア -->
    <div id="mw-anim-ref" style="background: #f8f9fa; border-top: 1px solid #dcdde1; border-radius: 0 0 12px 12px; padding: 12px 16px; color: #5a5a5a; line-height: 1.5;">
        <span style="font-weight: bold; color: #2c3e50;">📚 参考・出典研究（マインドワンダリングとDMN）</span><br>
        Christoff, K., Gordon, A. M., Smallwood, J., Smith, R., &amp; Schooler, J. W. (2009). <i>Experience sampling during fMRI reveals default network and executive system contributions to mind wandering.</i> PNAS, 106(21), 8719-8724.
    </div>

    <style>
        /* ========= 基本レイアウト・アニメーション ========= */
        #mw-anim-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }
        #mw-anim-btn:hover { background: #8e44ad; }
        #mw-anim-btn:active { transform: translate(-50%, -50%) scale(0.95); }
        
        /* 脳 - 位置を少し下に調整 */
        .mw-brain {
            position: absolute;
            font-size: 4rem;
            left: 50%;
            top: 45%;
            transform: translate(-50%, -50%);
            transition: all 0.8s ease;
            z-index: 6;
            filter: grayscale(40%);
        }

        /* デフォルトモードネットワーク（DMN） - 脳に合わせる */
        .mw-network {
            position: absolute;
            left: 50%;
            top: 45%;
            transform: translate(-50%, -50%);
            width: 80px;
            height: 60px;
            opacity: 0;
            z-index: 8;
            transition: all 1s ease;
            pointer-events: none;
        }
        .mw-node {
            position: absolute;
            width: 12px;
            height: 12px;
            background: #00d2ff;
            border-radius: 50%;
            box-shadow: 0 0 15px #00d2ff;
        }
        .mw-node-front { top: 15%; left: 0%; }
        .mw-node-back { top: 40%; right: 0%; }
        
        .mw-line {
            position: absolute;
            top: 25%;
            left: 10%;
            width: 80%;
            height: 3px;
            background: rgba(0, 210, 255, 0.8);
            transform: rotate(15deg);
        }

        .mw-network.active {
            opacity: 1;
            animation: mw-pulse 2s infinite alternate;
        }
        @keyframes mw-pulse {
            0% { transform: translate(-50%, -50%) scale(1); filter: drop-shadow(0 0 5px rgba(0,210,255,0.5)); }
            100% { transform: translate(-50%, -50%) scale(1.05); filter: drop-shadow(0 0 15px rgba(0,210,255,1)); }
        }
        
        /* DMN暴走状態（無自覚） */
        .mw-network.overdrive {
            opacity: 1;
            animation: mw-overdrive 0.3s infinite alternate;
        }
        @keyframes mw-overdrive {
            0% { transform: translate(-50%, -50%) scale(1.1); filter: drop-shadow(0 0 20px rgba(0,210,255,0.8)); }
            100% { transform: translate(-50%, -50%) scale(1.2); filter: drop-shadow(0 0 35px rgba(0,210,255,1)); }
        }

        /* 課題（ボタン） - 位置を少し下に調整 */
        .mw-task {
            position: absolute;
            left: 50%;
            top: 66%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            background: #27ae60; 
            border-radius: 50%;
            border: 4px solid #ecf0f1;
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
            transition: all 0.3s ease;
            z-index: 7;
        }
        .mw-task.active {
            animation: task-beat 1s infinite;
        }
        @keyframes task-beat {
            0% { transform: translate(-50%, -50%) scale(1); box-shadow: 0 0 10px #27ae60; }
            50% { transform: translate(-50%, -50%) scale(0.9); box-shadow: 0 0 2px #27ae60; }
            100% { transform: translate(-50%, -50%) scale(1); box-shadow: 0 0 10px #27ae60; }
        }
        .mw-task.error {
            background: #e74c3c;
            animation: none;
            box-shadow: 0 0 20px #e74c3c;
        }

        /* エラーマーク */
        .mw-error-mark {
            position: absolute;
            left: 50%;
            top: 66%;
            transform: translate(-50%, -50%) scale(0);
            font-size: 4rem;
            color: #e74c3c;
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            z-index: 12;
            text-shadow: 0 4px 8px rgba(0,0,0,0.4);
        }
        .mw-error-mark.show {
            transform: translate(-50%, -50%) scale(1);
        }

        /* キャラクター - 位置を最下部に調整 */
        .mw-char {
            position: absolute;
            font-size: 4.5rem;
            left: 50%;
            top: 88%;
            transform: translate(-50%, -50%);
            transition: all 0.5s ease;
            z-index: 9;
        }

        /* 吹き出し（心の声） */
        .mw-bubble {
            position: absolute;
            top: -45px;
            left: 50%;
            transform: translateX(-50%) scale(0);
            background: #fff;
            color: #2c3e50;
            padding: 12px 24px !important;
            border-radius: 40px !important;
            font-size: 1.15rem;
            font-weight: bold;
            line-height: 1.2 !important;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
            opacity: 0;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important;
            z-index: 10;
        }
        .mw-bubble::after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 50%;
            transform: translateX(-50%);
            border-width: 12px 12px 0;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }
        .mw-bubble.show {
            transform: translateX(-50%) scale(1);
            opacity: 1;
        }

        /* 結論ラベルのSWELL押し潰し完全防止＆Flexbox設定 */
        .mw-label {
            position: absolute;
            background: #fff;
            color: #2c3e50;
            padding: 10px 24px !important;
            border-radius: 40px;
            font-size: 0.95rem;
            font-weight: bold;
            transform: translate(-50%, -50%) scale(0);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            opacity: 0;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
            z-index: 15;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important; 
            min-width: 240px; 
            text-align: center;
            line-height: 1.4;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        .mw-label.show {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }
        .mw-eq {
            display: inline-block;
        }

        /* ========= フォントサイズ（PC基準） ========= */
        #mw-anim-text { font-size: 1.3rem; }
        #mw-anim-subtext { font-size: 0.95rem; }
        #mw-anim-btn { font-size: 1.1rem; }
        #mw-anim-note { font-size: 0.75rem; }
        #mw-anim-ref { font-size: 0.85rem; }

        /* ========= SWELLスマホ自動縮小対策 ========= */
        @media screen and (max-width: 767px) {
            /* 見出しの段ズレ防止。1行に収まるように自動縮小 */
            #mw-anim-text { font-size: clamp(12px, 4.2vw, 18px); padding: 0 5px; white-space: nowrap; }
            #mw-anim-subtext { font-size: clamp(11px, 3.5vw, 14px); padding: 0 5px; }
            #mw-anim-btn { font-size: max(1.0625rem, 17px); }
            #mw-anim-note { font-size: max(0.75rem, 11px); }
            #mw-anim-ref { font-size: max(0.85rem, 12px); }
            
            .mw-brain { font-size: 3.5rem; top: 45%; }
            .mw-network { width: 70px; height: 50px; top: 45%; }
            .mw-task { width: 50px; height: 50px; top: 66%; }
            .mw-error-mark { font-size: 3rem; top: 66%; }
            
            .mw-char { font-size: 3.8rem; top: 88%; }
            .mw-bubble { font-size: 1.05rem !important; top: -45px; padding: 10px 20px !important; }
            
            /* スマホ表示時のみ縦並びに変更し、＝を90度回転 */
            .mw-label { 
                font-size: clamp(11px, 3.5vw, 14px); 
                padding: 12px 20px !important;
                min-width: auto;
                flex-direction: column; 
                border-radius: 16px !important; 
                gap: 4px;
            }
            .mw-eq {
                transform: rotate(90deg); 
                margin: 2px 0;
            }
        }
    </style>

    <script>
        (function(){
            const stage = document.getElementById('mw-anim-stage');
            const text = document.getElementById('mw-anim-text');
            const subtext = document.getElementById('mw-anim-subtext');
            const btn = document.getElementById('mw-anim-btn');
            const overlay = document.getElementById('mw-anim-overlay');

            btn.addEventListener('click', function() {
                btn.style.display = 'none';
                overlay.style.opacity = '0';
                stage.innerHTML = ''; 
                playAnimation();
            });

            function updateText(main, sub) {
                text.style.opacity = '0';
                subtext.style.opacity = '0';
                setTimeout(function() {
                    text.innerHTML = main;
                    subtext.innerHTML = sub; 
                    text.style.opacity = '1';
                    text.style.opacity = '1';
                }, 500);
            }

            function playAnimation() {
                // 脳
                const brain = document.createElement('div');
                brain.className = 'mw-brain';
                brain.innerText = '🧠'; 
                stage.appendChild(brain);

                // DMN
                const network = document.createElement('div');
                network.className = 'mw-network';
                
                const nodeFront = document.createElement('div');
                nodeFront.className = 'mw-node mw-node-front';
                const nodeBack = document.createElement('div');
                nodeBack.className = 'mw-node mw-node-back';
                const line = document.createElement('div');
                line.className = 'mw-line';
                
                network.appendChild(nodeFront);
                network.appendChild(nodeBack);
                network.appendChild(line);
                stage.appendChild(network);

                // 課題ボタン
                const taskBtn = document.createElement('div');
                taskBtn.className = 'mw-task';
                stage.appendChild(taskBtn);

                // エラーの×マーク
                const errorMark = document.createElement('div');
                errorMark.className = 'mw-error-mark';
                errorMark.innerText = '❌';
                stage.appendChild(errorMark);

                // キャラクター
                const char = document.createElement('div');
                char.className = 'mw-char';
                
                const charIcon = document.createElement('div');
                charIcon.innerText = '😐'; // 初期は集中
                
                const bubble = document.createElement('div');
                bubble.className = 'mw-bubble';
                
                char.appendChild(bubble);
                char.appendChild(charIcon);
                stage.appendChild(char);

                // 【フェーズ1】集中状態（課題実行中）
                updateText("1. 単純な作業への集中", "単調な課題に取り組んでいる時、脳は本来の<br>作業に集中し、ミスなく処理をこなしています。");
                
                setTimeout(() => {
                    taskBtn.classList.add('active'); // ボタンが緑色に拍動
                    
                    setTimeout(() => {
                        bubble.innerHTML = '💭 よし、集中だ';
                        bubble.classList.add('show');
                    }, 500);
                }, 800);

                // 【フェーズ2】マインドワンダリングの発生
                setTimeout(() => {
                    updateText("2. 心のさまよい（マインドワンダリング）", "しかし作業中、ふと「今日の夕飯何にしよう」など、<br>現在とは関係のない考えが浮かぶことがあります。");
                    
                    bubble.classList.remove('show');
                    
                    setTimeout(() => {
                        network.classList.add('active'); // DMNが勝手に起動
                        
                        setTimeout(() => {
                            bubble.innerHTML = '💭 夕飯、何食べよう…';
                            bubble.classList.add('show');
                            charIcon.innerText = '🙄'; // 上の空の顔
                        }, 500);
                    }, 500);

                }, 6000);

                // 【フェーズ3】注意力の途切れとミス
                setTimeout(() => {
                    updateText("3. 注意力の途切れと「うっかりミス」", "この時、DMNが活発になると同時に注意力が奪われ、<br>実際の作業で「うっかりミス」が起きやすくなります。");
                    
                    bubble.classList.remove('show');

                    setTimeout(() => {
                        taskBtn.classList.remove('active');
                        taskBtn.classList.add('error'); // ボタンが赤くなる
                        errorMark.classList.add('show'); // ❌が出る
                        
                        setTimeout(() => {
                            bubble.innerHTML = '💭 あっ！間違えた！';
                            bubble.classList.add('show');
                            charIcon.innerText = '😲'; // 驚きの顔
                        }, 400);
                    }, 500);

                }, 11500);

                // 【フェーズ4】無自覚なDMNの暴走
                setTimeout(() => {
                    updateText("4. 「無自覚」なときほど影響は大きい", "最もDMNが強く働きミスを誘発するのは、本人が<br>「さまよっている事にすら気づいていない」瞬間でした。");
                    
                    bubble.classList.remove('show');

                    setTimeout(() => {
                        network.classList.remove('active');
                        network.classList.add('overdrive'); // DMNが激しく明滅
                        
                        setTimeout(() => {
                            bubble.innerHTML = '💭 (完全に意識が飛んでいる)';
                            bubble.classList.add('show');
                            charIcon.innerText = '😶'; // 完全に無の顔
                        }, 500);
                    }, 500);

                    // 結論ラベル（構造を分割しFlexboxで制御）
                    setTimeout(() => {
                        const successLabel = document.createElement('div');
                        successLabel.className = 'mw-label';
                        successLabel.innerHTML = '<span>✨ マインドワンダリング</span><span class="mw-eq">＝</span><span>DMNによる注意力の横取り</span>';
                        successLabel.style.left = '50%';
                        // 修正: 上部の広い安全地帯（30%）に配置
                        successLabel.style.top = '30%'; 
                        stage.appendChild(successLabel);
                        
                        setTimeout(() => { 
                            successLabel.classList.add('show'); 
                        }, 100);
                    }, 1500);

                }, 17500);

                // リセット
                setTimeout(function() {
                    btn.style.display = 'block';
                    overlay.style.opacity = '1';
                    subtext.style.opacity = '0';
                    text.innerText = "「心のさまよい」と脳の働き";
                    
                    // 初期状態に戻す
                    charIcon.innerText = '😐';
                    bubble.classList.remove('show');
                    taskBtn.classList.remove('active', 'error');
                    errorMark.classList.remove('show');
                    network.classList.remove('active', 'overdrive');
                }, 26000);
            }
        })();
    </script>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">DMNは&#8221;邪魔者&#8221;なのか？│創造性を支えるもう一つの顔</h2>



<p class="wp-block-paragraph">ここまでの話だけを聞くと、DMNは集中力にとって&#8221;邪魔な&#8221;存在に思えるかもしれません。</p>



<p class="wp-block-paragraph">しかし、DMNの働きはそれだけではないことも分かってきています。</p>



<p class="wp-block-paragraph">アメリカ・ノースカロライナ大学グリーンズボロ校のロジャー・ビーティ氏らは2015年、「身の回りの物の意外な使い道を考える」という創造性を測る課題に取り組む参加者の脳活動を調べました（Scientific Reports誌に掲載）。</p>



<p class="wp-block-paragraph">その結果、<strong>創造的なアイデアを生み出しているときには、本来&#8221;対立する&#8221;関係にあるとされてきたDMNと、目標に向けた思考をコントロールする「実行系ネットワーク」が、むしろ協調して働いている</strong>ことが分かりました。</p>



<p class="wp-block-paragraph">しかも、より創造性の高い参加者ほど、この2つのネットワークの連携が効率的だったといいます。</p>



<p class="wp-block-paragraph">つまりDMNは、単に注意を逸らす&#8221;邪魔者&#8221;ではなく、自由な発想やアイデアの組み合わせを生み出す土台としても働いている可能性があるのです。</p>



<p class="wp-block-paragraph">集中して作業しているときに&#8221;望まずに&#8221;心がさまよってしまうことと、あえて心を解き放つ時間を作ることは、同じDMNの働きでも、意味合いが異なると考えられます。</p>



<p class="has-text-align-center has-border -border03 is-style-bg_stripe wp-block-paragraph"><span class="swl-fz u-fz-l"><strong><span class="swl-marker mark_yellow">▽ 分かりやすく要約 ▽</span></strong></span></p>



<div style="width: 100%; max-width: 800px; margin: 2rem auto; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 8px 24px rgba(0,0,0,0.15); border-radius: 12px;">
    
    <!-- アニメーションエリア -->
    <!-- 修正: 縦長ラベルが収まるよう、全体の高さを600pxに拡張 -->
    <div id="creat-anim-wrapper" style="width: 100%; background: #2c3e50; border-radius: 12px 12px 0 0; overflow: hidden; position: relative; aspect-ratio: 16/9; min-height: 600px;">
        
        <!-- テキストエリア（Flexboxでグループ化し、重なりを完全防止） -->
        <div style="position: absolute; top: 6%; width: 100%; z-index: 20; display: flex; flex-direction: column; gap: 10px;">
            <div id="creat-anim-text" style="width: 100%; text-align: center; color: #ecf0f1; font-weight: bold; padding: 0 20px; box-sizing: border-box; text-shadow: 1px 1px 4px rgba(0,0,0,0.6); transition: opacity 0.5s;">
                DMNは「邪魔者」なのか？
            </div>
            <div id="creat-anim-subtext" style="width: 100%; text-align: center; color: #bdc3c7; padding: 0 20px; box-sizing: border-box; opacity: 0; transition: opacity 0.5s; line-height: 1.5;"></div>
        </div>

        <!-- アニメーションステージ -->
        <div id="creat-anim-stage" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;"></div>

        <!-- 黒い透過オーバーレイ -->
        <div id="creat-anim-overlay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 15; transition: opacity 0.5s; pointer-events: none;"></div>

        <!-- 再生ボタン -->
        <button id="creat-anim-btn" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #f39c12; color: #fff; border: none; padding: 14px 28px; font-weight: bold; border-radius: 30px; cursor: pointer; z-index: 25; box-shadow: 0 4px 12px rgba(0,0,0,0.4); transition: background 0.3s, transform 0.1s; white-space: nowrap;">
            ▶ 創造性のメカニズムを見る
        </button>

        <!-- 注記 -->
        <div id="creat-anim-note" style="position: absolute; bottom: 12px; right: 16px; color: #95a5a6; z-index: 20;">
            ※アニメーションはイメージです
        </div>
    </div>

    <!-- 出典・参考カードエリア -->
    <div id="creat-anim-ref" style="background: #f8f9fa; border-top: 1px solid #dcdde1; border-radius: 0 0 12px 12px; padding: 12px 16px; color: #5a5a5a; line-height: 1.5;">
        <span style="font-weight: bold; color: #2c3e50;">📚 参考・出典研究（DMNと創造性）</span><br>
        Beaty, R. E., Benedek, M., Kaufman, S. B., &amp; Silvia, P. J. (2015). <i>Default and executive network coupling supports creative idea production.</i> Scientific Reports, 5, 10964.
    </div>

    <style>
        /* ========= 基本レイアウト・アニメーション ========= */
        #creat-anim-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }
        #creat-anim-btn:hover { background: #d68910; }
        #creat-anim-btn:active { transform: translate(-50%, -50%) scale(0.95); }
        
        /* 脳とネットワーク全体を包むラッパー（ズレ防止の要） */
        .creat-brain-wrapper {
            position: absolute;
            width: 120px;
            height: 120px;
            left: 50%;
            top: 42%;
            transform: translate(-50%, -50%);
            z-index: 6;
        }

        /* 脳 */
        .creat-brain {
            position: absolute;
            font-size: 5rem;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.8s ease;
            filter: grayscale(40%);
            margin: 0;
        }

        /* DMN（青）と実行系（赤）のノード */
        .creat-node-dmn, .creat-node-exec {
            position: absolute;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            transform: translate(-50%, -50%) scale(0);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            z-index: 8;
            opacity: 0;
        }
        .creat-node-dmn {
            background: #3498db;
            box-shadow: 0 0 15px #3498db;
            left: 20%;
            top: 25%;
        }
        .creat-node-exec {
            background: #e74c3c;
            box-shadow: 0 0 15px #e74c3c;
            left: 80%;
            top: 75%;
        }
        .creat-node-dmn.show, .creat-node-exec.show {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }
        .creat-node-dmn.pulse { animation: dmn-beat 1s infinite alternate; }
        .creat-node-exec.pulse { animation: exec-beat 1s infinite alternate; }
        @keyframes dmn-beat { 0% { box-shadow: 0 0 10px #3498db; } 100% { box-shadow: 0 0 25px #3498db; } }
        @keyframes exec-beat { 0% { box-shadow: 0 0 10px #e74c3c; } 100% { box-shadow: 0 0 25px #e74c3c; } }

        /* 協調（連携）の線 - 修正: 数学的に完璧な角度と長さで接続 */
        .creat-link {
            position: absolute;
            height: 6px;
            background: linear-gradient(90deg, #3498db, #e74c3c);
            left: 20%;
            top: 25%;
            width: 78.1%; /* ピタッと繋がる長さ */
            transform-origin: left center;
            transform: rotate(39.8deg) scaleX(0); /* ピタッと繋がる角度 */
            border-radius: 3px;
            transition: transform 0.6s ease;
            box-shadow: 0 0 15px #9b59b6;
            z-index: 7;
        }
        .creat-link.show {
            transform: rotate(39.8deg) scaleX(1);
            animation: link-pulse 0.5s infinite alternate;
        }
        @keyframes link-pulse {
            0% { opacity: 0.8; filter: drop-shadow(0 0 5px #9b59b6); }
            100% { opacity: 1; filter: drop-shadow(0 0 15px #9b59b6); }
        }

        /* 閃きのアイデア */
        .creat-idea {
            position: absolute;
            font-size: 3rem;
            left: 50%;
            top: 64%; /* 脳の下、キャラの上 */
            transform: translate(-50%, -50%) scale(0);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            opacity: 0;
            z-index: 12;
            filter: drop-shadow(0 0 15px rgba(241, 196, 15, 0.8));
        }
        .creat-idea.show {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }

        /* キャラクター */
        .creat-char {
            position: absolute;
            font-size: 4.5rem;
            left: 50%;
            top: 86%;
            transform: translate(-50%, -50%);
            transition: all 0.5s ease;
            z-index: 9;
        }

        /* 吹き出し（心の声） */
        .creat-bubble {
            position: absolute;
            top: -45px;
            left: 50%;
            transform: translateX(-50%) scale(0);
            background: #fff;
            color: #2c3e50;
            padding: 12px 24px !important;
            border-radius: 40px !important;
            font-size: 1.15rem;
            font-weight: bold;
            line-height: 1.2 !important;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
            opacity: 0;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important;
            z-index: 10;
        }
        .creat-bubble::after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 50%;
            transform: translateX(-50%);
            border-width: 12px 12px 0;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }
        .creat-bubble.show {
            transform: translateX(-50%) scale(1);
            opacity: 1;
        }

        /* 結論ラベルのSWELL押し潰し完全防止＆Flexbox設定 */
        .creat-label {
            position: absolute;
            background: #fff;
            color: #2c3e50;
            padding: 10px 24px !important;
            border-radius: 40px;
            font-size: 0.95rem;
            font-weight: bold;
            transform: translate(-50%, -50%) scale(0);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            opacity: 0;
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
            z-index: 15;
            white-space: nowrap !important;
            width: max-content !important; 
            max-width: none !important; 
            min-width: 240px; 
            text-align: center;
            line-height: 1.4;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        .creat-label.show {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }
        .creat-eq {
            display: inline-block;
        }

        /* ========= フォントサイズ（PC基準） ========= */
        #creat-anim-text { font-size: 1.3rem; }
        #creat-anim-subtext { font-size: 0.95rem; }
        #creat-anim-btn { font-size: 1.1rem; }
        #creat-anim-note { font-size: 0.75rem; }
        #creat-anim-ref { font-size: 0.85rem; }

        /* ========= SWELLスマホ自動縮小対策 ========= */
        @media screen and (max-width: 767px) {
            /* 見出しの段ズレ防止。1行に収まるように自動縮小 */
            #creat-anim-text { font-size: clamp(12px, 4vw, 18px); padding: 0 5px; white-space: nowrap; }
            #creat-anim-subtext { font-size: clamp(11px, 3.5vw, 14px); padding: 0 5px; }
            #creat-anim-btn { font-size: max(1.0625rem, 17px); }
            #creat-anim-note { font-size: max(0.75rem, 11px); }
            #creat-anim-ref { font-size: max(0.85rem, 12px); }
            
            .creat-char { font-size: 3.8rem; top: 86%; }
            .creat-bubble { font-size: 1.05rem !important; top: -45px; padding: 10px 20px !important; }
            
            /* スマホ表示時のみ縦並びに変更し、＝を90度回転 */
            .creat-label { 
                font-size: clamp(11px, 3.5vw, 14px); 
                padding: 12px 20px !important;
                min-width: auto;
                flex-direction: column; 
                border-radius: 16px !important; 
                gap: 4px;
            }
            .creat-eq {
                transform: rotate(90deg); 
                margin: 2px 0;
            }
        }
    </style>

    <script>
        (function(){
            const stage = document.getElementById('creat-anim-stage');
            const text = document.getElementById('creat-anim-text');
            const subtext = document.getElementById('creat-anim-subtext');
            const btn = document.getElementById('creat-anim-btn');
            const overlay = document.getElementById('creat-anim-overlay');

            btn.addEventListener('click', function() {
                btn.style.display = 'none';
                overlay.style.opacity = '0';
                stage.innerHTML = ''; 
                playAnimation();
            });

            function updateText(main, sub) {
                text.style.opacity = '0';
                subtext.style.opacity = '0';
                setTimeout(function() {
                    text.innerHTML = main;
                    subtext.innerHTML = sub; 
                    text.style.opacity = '1';
                    text.style.opacity = '1';
                }, 500);
            }

            function playAnimation() {
                // 脳とネットワークをまとめるラッパー（ズレ防止用）
                const brainWrapper = document.createElement('div');
                brainWrapper.className = 'creat-brain-wrapper';
                stage.appendChild(brainWrapper);

                const brain = document.createElement('div');
                brain.className = 'creat-brain';
                brain.innerText = '🧠'; 
                brainWrapper.appendChild(brain);

                const nodeDMN = document.createElement('div');
                nodeDMN.className = 'creat-node-dmn';
                brainWrapper.appendChild(nodeDMN);

                const nodeExec = document.createElement('div');
                nodeExec.className = 'creat-node-exec';
                brainWrapper.appendChild(nodeExec);

                const link = document.createElement('div');
                link.className = 'creat-link';
                brainWrapper.appendChild(link);

                // 閃きのアイデア
                const idea = document.createElement('div');
                idea.className = 'creat-idea';
                idea.innerText = '💡';
                stage.appendChild(idea);

                // キャラクター
                const char = document.createElement('div');
                char.className = 'creat-char';
                
                const charIcon = document.createElement('div');
                charIcon.innerText = '🤔'; 
                
                const bubble = document.createElement('div');
                bubble.className = 'creat-bubble';
                
                char.appendChild(bubble);
                char.appendChild(charIcon);
                stage.appendChild(char);

                // 【フェーズ1】創造性を測る課題
                updateText("1. 創造性を測る課題", "「身の回りの物の意外な使い道を考えてください」といった、<br>自由な発想を求める課題に取り組んでもらいました。");
                
                setTimeout(() => {
                    bubble.innerHTML = '💭 えーと、レンガの使い道…';
                    bubble.classList.add('show');
                }, 800);

                // 【フェーズ2】2つのネットワークの同時起動
                setTimeout(() => {
                    updateText("2. 2つのネットワークの同時起動", "すると、目標に向けた思考を行う「実行系（赤）」と、<br>本来は対立するはずの「DMN（青）」が同時に働き始めました。");
                    
                    bubble.classList.remove('show');
                    
                    setTimeout(() => {
                        nodeDMN.classList.add('show');
                        nodeDMN.classList.add('pulse');
                        nodeExec.classList.add('show');
                        nodeExec.classList.add('pulse');
                        
                        setTimeout(() => {
                            bubble.innerHTML = '💭 記憶を自由に探りながら考える…';
                            bubble.classList.add('show');
                            charIcon.innerText = '😐'; // 真剣に考える
                        }, 500);
                    }, 500);

                }, 6000);

                // 【フェーズ3】ネットワークの協調
                setTimeout(() => {
                    updateText("3. ネットワークの「協調」", "さらに、より創造的なアイデアを生み出す人ほど、<br>この2つのネットワークが「強く連携」していました。");
                    
                    bubble.classList.remove('show');

                    setTimeout(() => {
                        link.classList.add('show'); // 線がピタッと繋がって光る
                        
                        setTimeout(() => {
                            bubble.innerHTML = '💭 点と点が繋がっていく！';
                            bubble.classList.add('show');
                            charIcon.innerText = '😲'; // ハッとする
                        }, 500);
                    }, 500);

                }, 11500);

                // 【フェーズ4】結論（閃き）
                setTimeout(() => {
                    updateText("4. DMNは「創造性の土台」", "DMNは単なる邪魔者ではなく、心を解き放ち、<br>新しいアイデアの組み合わせを生み出す重要な土台なのです。");
                    
                    bubble.classList.remove('show');

                    setTimeout(() => {
                        idea.classList.add('show'); // 電球が光る
                        brain.style.filter = 'drop-shadow(0 0 15px rgba(241, 196, 15, 0.8))';
                        
                        setTimeout(() => {
                            bubble.innerHTML = '💭 ひらめいた！💡';
                            bubble.classList.add('show');
                            charIcon.innerText = '😃'; // 笑顔
                        }, 300);
                    }, 500);

                    // 結論ラベル（絶対に被らない安全地帯 top: 26%）
                    setTimeout(() => {
                        const successLabel = document.createElement('div');
                        successLabel.className = 'creat-label';
                        // 修正：構造を分割し、Flexboxで制御できるように変更
                        successLabel.innerHTML = '<span>✨ 創造性</span><span class="creat-eq">＝</span><span>DMNと実行系ネットワークの美しい協調</span>';
                        successLabel.style.left = '50%';
                        successLabel.style.top = '26%'; 
                        stage.appendChild(successLabel);
                        
                        setTimeout(() => { 
                            successLabel.classList.add('show'); 
                        }, 100);
                    }, 1500);

                }, 17500);

                // リセット
                setTimeout(function() {
                    btn.style.display = 'block';
                    overlay.style.opacity = '1';
                    subtext.style.opacity = '0';
                    text.innerText = "DMNは「邪魔者」なのか？";
                    
                    // 初期状態に戻す
                    charIcon.innerText = '🤔';
                    bubble.classList.remove('show');
                    nodeDMN.classList.remove('show', 'pulse');
                    nodeExec.classList.remove('show', 'pulse');
                    link.classList.remove('show');
                    idea.classList.remove('show');
                    brain.style.filter = 'grayscale(40%)';
                }, 26000);
            }
        })();
    </script>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">持続的注意力を守るために、意識しておきたいこと</h2>



<p class="wp-block-paragraph">ここまで見てきた研究をふまえると、DMNそのものを「敵」として排除しようとするのではなく、その働き方との付き合い方を考えることが大切だと言えそうです。</p>



<p class="wp-block-paragraph">ここで特に注目したいのが、クリストフ氏らの研究が示した「自覚できていないマインドワンダリングほど、注意への影響が大きい」という発見です。</p>



<p class="wp-block-paragraph">裏を返せば、作業中に「あ、今別のことを考えていたな」と気づくこと自体が、注意を引き戻す最初の一歩になる可能性があるということです。</p>



<p class="wp-block-paragraph">意識的に休憩を取る、環境を整えるといった具体的な習慣については、<a href="https://memory-coffee.jp/magazine/sustained-attention-aging-maintenance/">「持続的注意力とは？加齢で低下するメカニズムと科学的に維持する4つの習慣」</a>で詳しく解説していますので、あわせてご覧ください。</p>



<p class="wp-block-paragraph">DMNという脳の仕組みを知っておくことは、そうした習慣がなぜ有効なのかを理解する土台にもなるはずです。</p>



<p class="wp-block-paragraph">こうした脳の状態を日々意識しながら、自分の持続的注意力とどう向き合っていくかを考えることには、大きな意味があるのではないでしょうか。</p>



<p class="wp-block-paragraph">Memory Coffeeは、GABAを配合し、「記憶力」「空間認知力」「持続的注意力」の機能性表示を消費者庁に届け出ている（届出番号：J1384）インスタントコーヒーです。</p>



<!-- 7. Memory Coffee 製品ボックス -->
<div class="mc-product-box">
  <div class="mc-product-box-inner">
    <div class="mc-product-badge-row">
      <span class="mc-product-badge">機能性表示食品</span>
      <span class="mc-product-sub-badge">GABA 200mg配合</span>
    </div>
    <p class="mc-product-lead">
      Memory Coffeeで使用しているGABAは、加齢とともに低下する<strong>認知機能の一部を維持する機能</strong>が報告されています。
    </p>
    <div class="mc-product-features">
      <div class="mc-product-feature-item">
        <span class="mc-product-feature-icon">✓</span>
        <div class="mc-product-feature-text-wrap">
          <span class="mc-product-feature-name">記憶力</span>
          <span class="mc-product-feature-desc">見たり聞いたりしたことを思い出す力</span>
        </div>
      </div>
      <div class="mc-product-feature-item">
        <span class="mc-product-feature-icon">✓</span>
        <div class="mc-product-feature-text-wrap">
          <span class="mc-product-feature-name">空間認知力</span>
          <span class="mc-product-feature-desc">物の位置、形、向きなどを正確に把握する力</span>
        </div>
      </div>
      <div class="mc-product-feature-item">
        <span class="mc-product-feature-icon">✓</span>
        <div class="mc-product-feature-text-wrap">
          <span class="mc-product-feature-name">持続的注意力</span>
          <span class="mc-product-feature-desc">注意を持続させながら、作業を続ける力</span>
        </div>
      </div>
    </div>
  </div>
  <div class="mc-product-footer">
    <div class="mc-product-official-num">届出番号：J1384</div>
    <p class="mc-product-note">
      ※本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。<br>
      ※本品は、疾病の診断、治療、予防を目的としたものではありません。
    </p>
  </div>
</div>
<style>
/* プレミアムボックス全体 */
.mc-product-box { background: #ffffff !important;  solid #0f172a !important; border-radius: 12px !important; padding: 0 !important; margin: 3em 0 !important; box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08) !important; overflow: hidden !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important; box-sizing: border-box !important; }
.mc-product-box-inner { padding: 32px 32px 24px 32px !important; }
.mc-product-badge-row { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; align-items: center !important; margin-bottom: 24px !important; }
.mc-product-badge { display: inline-flex !important; align-items: center !important; background: linear-gradient(135deg, #0f172a, #1e293b) !important; color: #ffffff !important; font-weight: 800 !important; letter-spacing: 0.08em !important; border-radius: 20px !important; padding: 8px 18px !important; box-shadow: 0 4px 10px rgba(15, 23, 42, 0.2) !important; }
.mc-product-sub-badge { display: inline-flex !important; align-items: center !important; background: #fdfbf7 !important; color: #0f172a !important; border: 1px solid #e7d8b1 !important; border-left: 4px solid #C5A059 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; border-radius: 4px 20px 20px 4px !important; padding: 7px 16px 7px 12px !important; }
.mc-product-lead { color: #1e293b !important; line-height: 1.85 !important; margin: 0 0 26px 0 !important; font-weight: 600 !important; font-family: "Hiragino Mincho ProN", "Noto Serif JP", serif !important; letter-spacing: 0.03em !important; }
.mc-product-lead strong { color: #0f172a !important; font-weight: 800 !important; background: linear-gradient(transparent 70%, rgba(197, 160, 89, 0.3) 0) !important; }
.mc-product-features { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; padding: 24px !important; }
.mc-product-feature-item { display: flex !important; align-items: flex-start !important; gap: 16px !important; }
.mc-product-feature-item + .mc-product-feature-item { margin-top: 16px !important; padding-top: 16px !important; border-top: 1px dashed #cbd5e1 !important; }
.mc-product-feature-icon { flex-shrink: 0 !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; background: linear-gradient(135deg, #d4af37, #C5A059) !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 900 !important; margin-top: 2px !important; box-shadow: 0 2px 6px rgba(197, 160, 89, 0.3) !important; }
.mc-product-feature-text-wrap { flex: 1 !important; }
.mc-product-feature-name { display: block !important; color: #0f172a !important; font-weight: 800 !important; margin-bottom: 4px !important; letter-spacing: 0.02em !important; }
.mc-product-feature-desc { color: #475569 !important; line-height: 1.65 !important; display: block !important; font-weight: 500 !important; }
.mc-product-footer { background: #f1f5f9 !important; border-top: 1px solid #e2e8f0 !important; padding: 22px 32px !important; }
.mc-product-official-num { display: inline-flex !important; align-items: center !important; gap: 8px !important; font-weight: 800 !important; color: #0f172a !important; margin-bottom: 12px !important; background: #ffffff !important; padding: 6px 14px !important; border-radius: 6px !important; border: 1px solid #cbd5e1 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important; }
.mc-product-official-num::before { content: '✓' !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; background: #0f172a !important; color: #C5A059 !important; border-radius: 50% !important; font-size: 12px !important; flex-shrink: 0 !important; }
.mc-product-note { color: #64748b !important; line-height: 1.7 !important; margin: 0 !important; font-weight: 500 !important; }

/* PC用（標準サイズ） */
.mc-product-badge, .mc-product-sub-badge, .mc-product-feature-icon { font-size: 0.85rem !important; }
.mc-product-lead, .mc-product-feature-name { font-size: 1.05rem !important; }
.mc-product-feature-desc { font-size: 0.92rem !important; }
.mc-product-official-num { font-size: 0.9rem !important; }
.mc-product-note { font-size: 0.82rem !important; }
/* スマホ用（1.15remベース） */
@media (max-width: 768px) {
  .mc-product-box-inner { padding: 24px 18px 20px 18px !important; }
  .mc-product-badge-row { gap: 8px !important; margin-bottom: 20px !important; }
  .mc-product-features { padding: 18px 16px !important; }
  .mc-product-footer { padding: 20px 18px !important; }
  
  .mc-product-badge, .mc-product-sub-badge, .mc-product-feature-icon { font-size: 1rem !important; }
  .mc-product-lead { font-size: 1.15rem !important; line-height: 1.75 !important; margin-bottom: 20px !important; }
  .mc-product-feature-name { font-size: 1.2rem !important; }
  .mc-product-feature-desc { font-size: 1.15rem !important; }
  .mc-product-official-num { font-size: 1.1rem !important; }
  .mc-product-note { font-size: 0.95rem !important; }
}
</style>



<p class="wp-block-paragraph">毎日の生活の中で、自分の認知機能と向き合うための選択肢の一つとして役立てていただければと思います。</p>



<!-- [ブロックA：パターンB] 機能・手軽さ訴求 -->
<div class="mc-cta-mid">
  <div class="mc-cta-mid-text">
    <div class="mc-cta-mid-label">
      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18h6"></path><path d="M10 22h4"></path><path d="M12 2v1"></path><path d="M12 7a5 5 0 1 0 5 5 5.5 5.5 0 0 0-1.5-3.5A4.5 4.5 0 0 1 14 6Z"></path></svg>
      日々の記憶力対策ケアをお探しの方へ
    </div>
    <p class="mc-cta-mid-title">【コーヒー×GABA】ながらケアできる「Memory Coffee」</p>
  </div>
  <a id="cta-amazon-mid-b" href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener sponsored" class="mc-cta-mid-btn">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" style="height:28px; width:auto; margin-right:8px; display:block;">で見る ▶
  </a>
</div>

<style>
/* 記事中盤用CTA：共通スタイル */
.mc-cta-mid {
  margin: 32px 0;
  padding: 24px;
  background-color: #FDF9F3;
  border: 1px solid #EBD8B7;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  box-shadow: 0 4px 15px rgba(197, 160, 89, 0.05);
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
  transition: box-shadow 0.3s ease;
}
.mc-cta-mid:hover {
  box-shadow: 0 6px 20px rgba(197, 160, 89, 0.15);
}
.mc-cta-mid-text { flex: 1; }
.mc-cta-mid-label {
  font-size: 13px;
  color: #C5A059;
  font-weight: bold;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.mc-cta-mid-title {
  font-size: 16px;
  color: #1A2A40;
  font-weight: bold;
  margin: 0;
  line-height: 1.5;
}
.mc-cta-mid-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #1A2A40 !important;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 50px;
  border: 2px solid #1A2A40;
  text-decoration: none !important;
  white-space: nowrap;
  transition: transform 0.2s ease, background-color 0.2s ease;
  box-shadow: 0 4px 10px rgba(26, 42, 64, 0.1);
}
.mc-cta-mid-btn:hover {
  transform: translateY(-2px);
  background-color: #f8fafc;
}
@media (max-width: 600px) {
  .mc-cta-mid {
    flex-direction: column;
    align-items: stretch;
    padding: 20px 16px;
    gap: 16px;
  }
  .mc-cta-mid-btn { width: 100%; padding: 14px 20px; box-sizing: border-box; }
  .mc-cta-mid-title { font-size: 15px; }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">デフォルトモードネットワーク（DMN）は、目標に向けた作業から意識が離れたときに活発になる脳の回路で、「ぼーっとする」時間や心の「さまよい」を支えています。</p>



<p class="wp-block-paragraph"><strong>この働きは、作業中の&#8221;うっかりミス&#8221;と結びつく一方で、<span class="swl-marker mark_yellow">創造的なアイデアを生み出す土台にもなりうる</span>という、二つの顔を持っています。</strong></p>



<p class="wp-block-paragraph">DMNをただ排除しようとするのではなく、集中する時間と心を解き放つ時間にメリハリをつけることが、自分自身の持続的注意力と上手に付き合っていくヒントになるかもしれません。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="577" src="https://memory-coffee.jp/wp-content/uploads/2026/09/benntinisuwarujyosei-e1789201288719-1024x577.webp" alt="ベンチに座る女性" class="wp-image-9140" srcset="https://memory-coffee.jp/wp-content/uploads/2026/09/benntinisuwarujyosei-e1789201288719-1024x577.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/09/benntinisuwarujyosei-e1789201288719-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/09/benntinisuwarujyosei-e1789201288719-768x433.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/09/benntinisuwarujyosei-e1789201288719-1536x866.webp 1536w, https://memory-coffee.jp/wp-content/uploads/2026/09/benntinisuwarujyosei-e1789201288719.webp 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">よくある質問（FAQ）</h2>



<dl class="swell-block-faq" data-q="col-custom" data-a="col-custom">
<div class="swell-block-faq__item"><dt class="faq_q"><strong>デフォルトモードネットワークとマインドワンダリングは同じものですか？</strong></dt><dd class="faq_a">
<p class="wp-block-paragraph">厳密には異なる概念です。デフォルトモードネットワークは脳の特定の領域群を指す神経科学の用語で、マインドワンダリングは「作業と関係のない考えが浮かぶ」という心理現象を指します。研究によって、両者が関連していることが示されています。</p>
</dd></div>



<div class="swell-block-faq__item"><dt class="faq_q"><strong>ぼーっとする時間は、なくすべきものなのでしょうか？</strong></dt><dd class="faq_a">
<p class="wp-block-paragraph">本記事で紹介した研究をふまえると、一概にそうとは言えません。作業中に望まず気が逸れてしまうことと、意図的に心を休める時間を持つことは、区別して考えるとよいかもしれません。</p>
</dd></div>



<div class="swell-block-faq__item"><dt class="faq_q"><strong>DMNが乱れると病気になるのですか？</strong></dt><dd class="faq_a">
<p class="wp-block-paragraph">DMNの活動パターンと、一部の精神・神経疾患との関連を調べる研究分野も存在しますが、本記事で紹介したのは健康な人にも日常的に起こる正常な脳の働きについてです。特定の症状にお悩みの場合は、自己判断せず医療機関にご相談ください。</p>
</dd></div>
</dl>
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@id":"#FAQContents","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"デフォルトモードネットワークとマインドワンダリングは同じものですか？","acceptedAnswer":{"@type":"Answer","text":"<p>厳密には異なる概念です。デフォルトモードネットワークは脳の特定の領域群を指す神経科学の用語で、マインドワンダリングは「作業と関係のない考えが浮かぶ」という心理現象を指します。研究によって、両者が関連していることが示されています。<\/p>"}},{"@type":"Question","name":"ぼーっとする時間は、なくすべきものなのでしょうか？","acceptedAnswer":{"@type":"Answer","text":"<p>本記事で紹介した研究をふまえると、一概にそうとは言えません。作業中に望まず気が逸れてしまうことと、意図的に心を休める時間を持つことは、区別して考えるとよいかもしれません。<\/p>"}},{"@type":"Question","name":"DMNが乱れると病気になるのですか？","acceptedAnswer":{"@type":"Answer","text":"<p>DMNの活動パターンと、一部の精神・神経疾患との関連を調べる研究分野も存在しますが、本記事で紹介したのは健康な人にも日常的に起こる正常な脳の働きについてです。特定の症状にお悩みの場合は、自己判断せず医療機関にご相談ください。<\/p>"}}]}</script>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">
    <a class="end-card" https:="" memory-coffee.jp="" magazine="" brain-health-habit-if-then="" "="">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/brain-habit-system-eyecatch-02.webp" alt="意思に頼らず「脳の習慣」を創る方法">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">脳の仕組み</div>
        <div class="end-card-title">意思に頼らず「脳の習慣」を創る方法</div>
      </div>
    </a>

 
    <a class="end-card" href="https://memory-coffee.jp/magazine/memory-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/memory-aging-maintenance-thumbnail.webp" alt="記憶力低下の仕組みは？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">記憶力</div>
        <div class="end-card-title">加齢で低下するメカニズムと科学的に維持する4つの習慣</div>
      </div>
    </a>
    
   


    <a class="end-card" href="https://memory-coffee.jp/magazine/spatial-cognition-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/spatial-cognition-ability-aging-guide.webp" alt="空間認知力とは？低下するメカニズムと維持する習慣">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">空間認知力</div>
        <div class="end-card-title">空間認知力が落ちる理由と維持する習慣</div>
      </div>
    </a>

  </div>
</div>

<style>
/* ユーザー指定のデザイン（ベースのCSS） */
.end-section {
  background: #f7f4ee;
  border-top: 1px solid #e5dece;
  padding: 32px 20px 40px;
  margin-top: 48px;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  box-sizing: border-box;
}

.end-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.end-header-bar {
  width: 5px; /* アクセントバーを少し太く */
  height: 22px;
  background: #c4993a;
  border-radius: 3px;
  flex-shrink: 0;
}

.end-header-text {
  font-size: 1.25rem; /* px指定・サイズアップ */
  font-weight: 700;
  color: #1a1a1a;
}

/* カードのレイアウト（スマホは1列、PCは3列） */
.end-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media screen and (min-width: 600px) {
  .end-cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

.end-card {
  display: block;
  background: #fff;
  border: 1px solid #e5dece;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  transition: all 0.2s ease;
}

.end-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(196, 153, 58, 0.15);
}

.end-card-img {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #d6c9a8;
}

.end-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.end-card-body {
  padding: 16px; /* タップしやすいよう余白を広げる */
}

.end-card-tag {
  display: inline-block;
  font-size: 13px; /* px指定・最低限の可読性を確保 */
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #8c6d2f;
  background: #fdfaf3; /* タグっぽく背景色を追加 */
  border: 1px solid #e5dece;
  padding: 3px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
}

.end-card-title {
  font-size: 1rem; /* px指定・サイズアップ */
  font-weight: 700;
  line-height: 1.6;
  color: #1a1a1a;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="swell-block-capbox cap_box is-style-small_ttl"><div class="cap_box_ttl"><span><strong>免責事項および重要事項</strong></span></div><div class="cap_box_content">
<ol class="wp-block-list">
<li><span class="swl-fz u-fz-s"><strong>情報の正確性について</strong>：<br>本記事の内容は、執筆時点で確認できた学術論文・公的資料等に基づき作成しています。デフォルトモードネットワークに関する研究は現在も進展が続いている分野であり、新たな研究知見や検証により、内容が更新される可能性があります</span>。</li>



<li><span class="swl-fz u-fz-s"><strong><strong>紹介した研究の性質について</strong></strong>：<br>本記事で紹介した研究は、いずれも健康な成人を対象とした基礎研究です。特定の精神・神経疾患の診断、説明、または治療法を示すものではありません。</span></li>



<li><span class="swl-fz u-fz-s"><strong>医療行為の代替ではありません</strong>：<br>本記事は一般的な心理学・脳科学情報の提供を目的としたものであり、医師・臨床心理士等の専門家による診断、治療、または助言に代わるものではありません。また、紹介している成分や製品は、疾病の診断、治療、予防を目的としたものではありません。</span></li>



<li><span class="swl-fz u-fz-s"><strong>効果の個人差について</strong>：<br>GABA等の機能性関与成分に関する記述は、一般的な届出情報・研究知見に基づくものであり、特定の製品の摂取によって全ての方に同様の効果を保証するものではありません。体質や体調により、まれに合わない場合があります。</span></li>



<li><span class="swl-fz u-fz-s"><strong>損害への責任</strong>：<br>本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。最終的な判断はご自身の責任において行っていただけますよう、お願い申し上げます。</span></li>
</ol>



<p class="wp-block-paragraph"><strong><span class="swl-fz u-fz-s">【機能性表示食品に関する表示】</span></strong></p>



<ul class="wp-block-list">
<li><span class="swl-fz u-fz-s">本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。</span></li>



<li><span class="swl-fz u-fz-s">本品は、疾病の診断、治療、予防を目的としたものではありません。</span></li>



<li><span class="swl-fz u-fz-s">食生活は、主食、主菜、副菜を基本に、食事のバランスを。</span></li>
</ul>
</div></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
   記事を書いた人（著者情報ボックス・相対指定版）
========================================== -->
<div class="mc-author-box-wrapper">
  
  <div class="mc-author-top-line"></div>
  
  <div class="mc-author-content">
    
    <div class="mc-author-logo-wrap">
      <div class="mc-author-logo-inner">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" class="mc-author-logo-img" loading="lazy">
      </div>
    </div>

    <div class="mc-author-text-wrap">
      <div class="mc-author-header">
        <span class="mc-author-badge">著者</span>
        <div class="mc-author-name">メモコーマガジン編集部</div>
      </div>
      <p class="mc-author-desc">
        「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に、客観的で正確な情報提供に努めています。
      </p>
    </div>
  </div>

  <div class="mc-author-footer">
    <p class="mc-author-footer-text">
      ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
    </p>
  </div>
</div>

<!-- ==========================================
   デザイン用 CSS（em/remによる完全な相対指定版）
========================================== -->
<style>
/* =========================================
   1. モジュールの親箱（デバイスごとの基準サイズ）
========================================= */
.mc-author-box-wrapper {
  font-size: 1rem; /* PC基準（約16px想定） */
  max-width: 43.75em; /* 約700px */
  margin: 3.125em auto; /* 約50px auto */
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 0.75em; /* 約12px */
  overflow: hidden;
  box-shadow: 0 0.25em 0.9375em rgba(0,0,0,0.05);
  font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
  box-sizing: border-box;
}

/* SWELLのスマホ自動縮小を相殺するメディアクエリ */
@media (max-width: 599px) {
  .mc-author-box-wrapper {
    font-size: max(1.0625rem, 17px); /* SWELLの縮小を防ぎ17pxを死守 */
    margin: 2em 0;
  }
}

/* =========================================
   2. 内部要素（emによる完全な相対指定：PCベース）
========================================= */
.mc-author-box-wrapper .mc-author-top-line {
  height: 0.25em; /* 約4px */
  background: linear-gradient(to right, #1A2A40, #C5A059);
}

.mc-author-box-wrapper .mc-author-content {
  padding: 1.5625em; /* 約25px */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.mc-author-box-wrapper .mc-author-logo-wrap {
  flex: 0 0 5em; /* 約80px */
  margin-right: 1.25em; /* 約20px */
}

.mc-author-box-wrapper .mc-author-logo-inner {
  width: 5em; /* 約80px */
  height: 5em; /* 約80px */
  border-radius: 50%;
  border: 2px solid #f0f4f7;
  overflow: hidden;
  background: #f4f7f9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.mc-author-box-wrapper .mc-author-logo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mc-author-box-wrapper .mc-author-text-wrap {
  flex: 1;
  min-width: 15.625em; /* 約250px */
}

.mc-author-box-wrapper .mc-author-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.5em; /* 約8px */
}

.mc-author-box-wrapper .mc-author-badge {
  font-size: 0.75em; /* 約12px */
  background: #1A2A40;
  color: #fff;
  padding: 0.125em 0.5em; /* 約2px 8px */
  border-radius: 0.1875em; /* 約3px */
  margin-right: 0.625em; /* 約10px */
  white-space: nowrap;
}

.mc-author-box-wrapper .mc-author-name {
  margin: 0;
  font-size: 1.125em; /* 基準に対して約18px */
  color: #1A2A40;
  font-weight: bold;
  white-space: nowrap;
}

.mc-author-box-wrapper .mc-author-desc {
  margin: 0;
  font-size: 0.875em; /* 基準に対して約14px */
  color: #666;
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-character;
}

.mc-author-box-wrapper .mc-author-desc b {
  color: #1A2A40;
}

.mc-author-box-wrapper .mc-author-footer {
  background: #f9f9f9;
  padding: 0.9375em 1.5625em; /* 約15px 25px */
  border-top: 1px solid #eee;
}

.mc-author-box-wrapper .mc-author-footer-text {
  margin: 0;
  font-size: 0.75em; /* 約12px */
  color: #888;
  line-height: 1.5;
}

/* =========================================
   3. スマートフォン向けレイアウト調整
========================================= */
@media (max-width: 599px) {
  .mc-author-box-wrapper .mc-author-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.875em 1.25em; /* 約30px 20px */
  }
  .mc-author-box-wrapper .mc-author-logo-wrap {
    margin-right: 0;
    margin-bottom: 1.25em; /* 約20px */
  }
  .mc-author-box-wrapper .mc-author-text-wrap {
    text-align: center;
  }
  .mc-author-box-wrapper .mc-author-header {
    justify-content: center;
  }
}
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 0.875rem; color: #333; border: 1px solid #ddd;">
        <tbody><tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </tbody></table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>保育士の大変なことの正体│脳科学が示す警戒の持続</title>
		<link>https://memory-coffee.jp/magazine/childcare-worker-vigilance-attention/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Tue, 11 Aug 2026 12:13:24 +0000</pubDate>
				<category><![CDATA[持続的注意力]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=7145</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/08/childcare-worker-vigilance-attention-thumbnail-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ この記事のポイント 保育士の「大変なこと」の正体 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/08/childcare-worker-vigilance-attention-thumbnail-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 0.9375rem; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 0.9375rem; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<!-- ==========================================
  記事冒頭：要点まとめボックス（保育士版）
========================================== -->



<div class="memory-summary-box">
  <div class="memory-summary-title">この記事のポイント</div>
  <ul class="memory-summary-list">
    <li>保育士の「大変なこと」の正体は、多くの時間は平穏でも、常に警戒を怠れない<span class="memory-summary-highlight">「ビジランス（監視の持続）」という、脳にとって特有の負荷であること</span></li>
    <li>「言うことを聞かない」「いきなり泣く」といった予測不能な出来事への対応は、<span class="memory-summary-highlight">多くの保育士が共通して直面する壁であること</span></li>
    <li>脳内のGABA濃度が、<span class="memory-summary-highlight">こうした負荷の高い状況でこそ、持続的注意力を支える役割を果たしていること</span></li>
  </ul>
</div>

<style>
/* ボックス全体 */
.memory-summary-box {
  background-color: #f2f7fb !important; 
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.6) 2px,
    transparent 2px,
    transparent 8px
  ) !important;
  border: 1px solid #e1e9f0 !important;
  border-radius: 6px !important;
  padding: 2.5em 2em !important;
  margin: 2em 0 3em 0 !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important;
  position: relative !important;
  overflow: hidden !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
  box-sizing: border-box !important;
}

/* 透かし文字（POINT） */
.memory-summary-box::after {
  content: "POINT" !important;
  position: absolute !important;
  bottom: -15px !important;
  right: 0px !important;
  font-size: 5em !important;
  font-weight: 800 !important;
  color: rgba(37, 99, 235, 0.04) !important;
  line-height: 1 !important;
  pointer-events: none !important;
  letter-spacing: -0.02em !important;
  z-index: 1 !important;
}

/* タイトル */
.memory-summary-title {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 1.5em !important;
  display: flex !important;
  align-items: center !important;
  letter-spacing: 0.08em !important;
  position: relative !important;
  z-index: 2 !important;
}
.memory-summary-title::before {
  content: '💡' !important;
  display: inline-block !important;
  margin-right: 12px !important;
  font-size: 1.1em !important;
  line-height: 1 !important;
}

/* 箇条書きリスト */
.memory-summary-list {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* リストテキスト */
.memory-summary-list li {
  position: relative !important;
  padding-left: 2em !important;
  margin-bottom: 1.2em !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  font-size: 1.05rem !important;
  letter-spacing: 0.03em !important;
  font-weight: 500 !important;
}

/* チェックマーク */
.memory-summary-list li::before {
  content: '✓' !important;
  position: absolute !important;
  left: 0 !important;
  top: -0.1em !important;
  color: #2563eb !important;
  font-weight: bold !important;
  font-size: 1.3em !important;
}
.memory-summary-list li:last-child { 
  margin-bottom: 0 !important; 
}

/* マーカーハイライト */
.memory-summary-highlight {
  color: #1a1a1a !important;
  font-weight: 800 !important;
  /* ↓ 透過度60%の黄色に変更しました */
  background: linear-gradient(transparent 65%, rgba(255, 235, 59, 0.6) 0) !important;
}

/* スマホ表示最適化 */
@media (max-width: 600px) {
  .memory-summary-box { 
    padding: 1.5em 1.2em !important; 
    margin: 1.5em 0 2em 0 !important; 
  }
  .memory-summary-title { 
    margin-bottom: 1.2em !important; 
    font-size: 1.25rem !important; 
  }
  .memory-summary-list li { 
    padding-left: 1.7em !important; 
    margin-bottom: 1em !important; 
    line-height: 1.7 !important; 
    font-size: 1.15rem !important; 
  }
  .memory-summary-box::after { 
    font-size: 3.5em !important; 
    bottom: -10px !important; 
    right: -5px !important; 
  }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ===================================================
    冒頭セクション：吹き出し会話
=================================================== -->
<div class="mc-intro-section">
  
  <!-- 擬似見出し（目次に載らないdiv見出し・薄黄色マーカー） -->
  <div class="mc-pseudo-heading">
    <span class="mc-pseudo-icon">🎤</span>
    <span class="mc-pseudo-marker">実際に保育士さんにインタビューしました</span>
  </div>
  
  <!-- 吹き出しエリア -->
  <div class="mc-chat-container">
    
    <!-- 会話1：編集部（右側からの質問スタート） -->
    <div class="mc-chat-box mc-chat-right">
      <div class="mc-chat-avatar">
        <!-- ↓ ここに編集部の画像URLを入れます ↓ -->
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="編集部">
        <span class="mc-chat-name">編集部</span>
      </div>
      <div class="mc-chat-bubble">
        <p>保育現場では「体力よりも、頭や神経を使ってぐったり疲れる」という声をよくお聞きします。具体的にどんな瞬間に一番「脳のエネルギーを使っているな」と感じますか？</p>
      </div>
    </div>

    <!-- 会話2：保育士（左側） -->
    <div class="mc-chat-box mc-chat-left">
      <div class="mc-chat-avatar">
        <!-- ↓ ここに保育士の画像URLを入れます ↓ -->
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-44.webp" alt="保育士（経験18年目・0歳児担当）">
        <span class="mc-chat-name">保育士</span>
      </div>
      <div class="mc-chat-bubble">
        <p>常に全体に目を配り、事故が起きないか気を張っている時ですね。さっきまで静かだったのに急な大泣きや喧嘩が起きると、「とにかくその場をおさめなくちゃ」と必死になります。<br><br>目の前の対応だけでなく、親御さんの表情も頭に浮かびますし、常に“見えない対応”をしている気がして本当に気を使います。</p>
      </div>
    </div>

    <!-- 会話3：編集部（右側） -->
    <div class="mc-chat-box mc-chat-right">
      <div class="mc-chat-avatar">
        <!-- ↓ ここに編集部の画像URLを入れます ↓ -->
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="編集部">
        <span class="mc-chat-name">編集部</span>
      </div>
      <div class="mc-chat-bubble">
        <p>まさに「いつ何が起きるかわからない状況」ですね。特に予測できずヒヤッとしたエピソードや、そういう日の終わりの状態はどうですか？</p>
      </div>
    </div>

    <!-- 会話4：保育士（左側） -->
    <div class="mc-chat-box mc-chat-left">
      <div class="mc-chat-avatar">
        <!-- ↓ ここに保育士の画像URLを入れます ↓ -->
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-45.webp" alt="保育士">
        <span class="mc-chat-name">保育士</span>
      </div>
      <div class="mc-chat-bubble">
        <p>今年で経験18年目なので最近は大きな事はないですが、3年目の時、川沿いの散歩で男の子がパッといなくなり、一歩間違えれば川に落ちる手前の草むらで見つけた時はずっとドキドキしていました。<br><br>そういうトラブルがあるとまずは反省しますし、解決して「ホッと緊張の糸が切れた瞬間」にドッと疲れがきて、限界の時は『もう何も考えたくない』となります。子どもとの関わりは年々上手になっても、保護者対応やこういうイレギュラーな気の張りは、いつになっても慣れないですね。</p>
      </div>
    </div>

    <!-- 会話5：編集部（右側） -->
    <div class="mc-chat-box mc-chat-right">
      <div class="mc-chat-avatar">
        <!-- ↓ ここに編集部の画像URLを入れます ↓ -->
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="編集部">
        <span class="mc-chat-name">編集部</span>
      </div>
      <div class="mc-chat-bubble">
        <p>その「緊張の糸が切れた瞬間のドッとした疲れ」は、決してご自身のメンタルや要領のせいではないんですよ。<br><br>実は認知科学では、その『常に警戒を怠れない状態』こそが、脳に猛烈な負担をかける<strong>『ビジランス（監視の持続）』という特有の構造的負荷</strong>だと解明されているんです。<br><br>…ちなみに『ビジランス』ってご存じですか？</p>
      </div>
    </div>

  </div>

  <!-- リアクション画像エリア（中央配置） -->
  <div class="mc-reaction-images">
    <!-- ↓ ここに「…わかりません」の画像URLを入れます ↓ -->
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/shitsumonnikotaeru-hoikushi.webp" alt="…わかりません" class="mc-reaction-img">
    
    <!-- ↓ ここに「ですよね！！！では、解説します！！！」の画像URLを入れます ↓ -->
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/kiaigahairu-memoeycoffeehensyubu.webp" alt="ですよね！！！では、解説します！！！" class="mc-reaction-img">
  </div>

  <!-- 注釈エリア -->
  <div class="mc-chat-notes">
    ※インタビューの内容をもとに構成しております<br>
    ※保育士・編集部の表情はイメージです
  </div>

</div>

<!-- ===================================================
    デザイン用 CSS（px単位での絶対指定版）
=================================================== -->
<style>
/* セクション全体の余白調整 */
.mc-intro-section {
  margin: 2.5em 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1.8;
  color: #334155;
}

/* 擬似見出し（中央揃え・段ズレ防止） */
.mc-pseudo-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #0f172a;
  font-size: 20px !important; /* 絶対指定 px */
  font-weight: 800;
  margin-bottom: 24px;
  white-space: nowrap;
}

.mc-pseudo-icon {
  font-size: 22px !important; /* 絶対指定 px */
}

/* 擬似見出しの薄黄色マーカー */
.mc-pseudo-marker {
  background: linear-gradient(transparent 60%, #fef3c7 0);
  padding: 0 4px;
}

/* 吹き出しコンテナ */
.mc-chat-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* 個別の会話ボックス */
.mc-chat-box {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

/* 左側（保育士）の配置 */
.mc-chat-left {
  flex-direction: row;
}

/* 右側（編集部）の配置 */
.mc-chat-right {
  flex-direction: row-reverse;
}

/* アバター画像と名前 */
.mc-chat-avatar {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60px;
  flex-shrink: 0;
}

.mc-chat-avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  background-color: #e2e8f0;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.mc-chat-name {
  font-size: 13px !important; /* 絶対指定 px */
  font-weight: bold;
  color: #64748b;
  margin-top: 4px;
  text-align: center;
}

/* 吹き出し本体（通常テキスト用） */
.mc-chat-bubble {
  position: relative;
  max-width: calc(100% - 80px);
  padding: 16px;
  border-radius: 12px;
  font-size: 17px !important; /* 絶対指定 px */
  line-height: 1.8;
}

.mc-chat-bubble p {
  margin: 0;
}

.mc-chat-bubble strong {
  background: linear-gradient(transparent 60%, #bae6fd 0);
  color: #0f172a;
}

/* 左側（保育士）の吹き出しデザイン - 薄水色 */
.mc-chat-left .mc-chat-bubble {
  margin-left: 16px;
  background-color: #f0f9ff;
  border: 1px solid #bae6fd;
  color: #0f172a;
}
.mc-chat-left .mc-chat-bubble::before {
  content: ""; position: absolute; top: 16px; left: -8px;
  border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #bae6fd;
}
.mc-chat-left .mc-chat-bubble::after {
  content: ""; position: absolute; top: 16px; left: -7px;
  border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #f0f9ff;
}

/* 右側（編集部）の吹き出しデザイン - 白 */
.mc-chat-right .mc-chat-bubble {
  margin-right: 16px;
  background-color: #ffffff;
  border: 1px solid #cbd5e1;
  color: #0f172a;
}
.mc-chat-right .mc-chat-bubble::before {
  content: ""; position: absolute; top: 16px; right: -8px;
  border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #cbd5e1;
}
.mc-chat-right .mc-chat-bubble::after {
  content: ""; position: absolute; top: 16px; right: -7px;
  border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #ffffff;
}

/* リアクション画像エリア（中央配置） */
.mc-reaction-images {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px; 
  margin-top: 32px; 
}

.mc-reaction-img {
  max-width: 450px;
  width: 100%;
  height: auto;
  border-radius: 8px;
  background-color: #f1f5f9;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* 注釈テキスト */
.mc-chat-notes {
  margin-top: 24px;
  text-align: right;
  font-size: 13px !important; /* 絶対指定 px */
  color: #94a3b8;
  line-height: 1.5;
}

/* スマホ向け調整（スマホでもSWELLの縮小を受けないようpx固定） */
@media (max-width: 600px) {
  .mc-pseudo-heading { font-size: 16px !important; }
  .mc-chat-bubble { 
    padding: 14px !important; 
    font-size: 16px !important; /* スマホ16px */
  }
  .mc-chat-avatar { width: 50px; }
  .mc-chat-avatar img { width: 40px; height: 40px; }
  .mc-chat-left .mc-chat-bubble { margin-left: 12px; }
  .mc-chat-right .mc-chat-bubble { margin-right: 12px; }
  
  /* スマホでのリアクション画像設定 */
  .mc-reaction-images { gap: 12px; }
  .mc-reaction-img { 
    max-width: 100%;
    border-radius: 4px;
  }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">静かに遊んでいたと思ったら、急に泣き出す。<br>目を離した隙に、危ないことをしようとしている。</p>



<p class="wp-block-paragraph">こうした予測不能な出来事への対応は、多くの保育士に共通する&#8221;あるある&#8221;です。</p>



<p class="wp-block-paragraph">今回は、保育士が抱えるこの「大変さ」の正体と、そのとき脳の中で何が起きているのかを、脳科学の視点から紐解いていきましょう。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">保育士の「大変さ」は、脳の中で何が起きているのか</h2>



<p class="wp-block-paragraph">子どもたちの成長を見守る喜びがある一方で、多くの保育士が抱える<strong>「理由のわからない疲弊感」。</strong></p>



<p class="wp-block-paragraph">実はこの大変さは、あなたのメンタルや体力の問題ではなく、<strong><span class="swl-marker mark_yellow">脳に特有の負荷がかかり続けている</span>ことが大きな原因です。</strong></p>



<p class="wp-block-paragraph">脳の中で一体どのような現象が起きているのか、詳しく見ていきましょう。</p>



<h3 class="wp-block-heading">「ビジランス」という特有の負荷</h3>



<p class="wp-block-paragraph">保育士の仕事の特徴は、<strong>「多くの時間は特に何も起きないが、常に警戒を怠ってはいけない」という状態が続く</strong>ことです。</p>



<p class="wp-block-paragraph"><strong>認知科学では、こうした状態を<span class="swl-marker mark_yellow">「ビジランス<span class="swl-fz u-fz-s">（vigilance）</span>」</span>と呼びます。</strong></p>



<p class="wp-block-paragraph">航空管制官や、手荷物検査の担当者など、&#8221;見逃してはいけない&#8221;仕事に共通する負荷として、長年研究されてきました。</p>



<p class="wp-block-paragraph">ビジランスを要する仕事では、時間の経過とともに、注意力の質が徐々に落ちていく<strong>「ビジランス・デクリメント」</strong>という現象が起きることが知られています。</p>



<!-- ==========================================
   解説アニメーション：ビジランス・デクリメント（白背景版・rem相対指定版）
========================================== -->
<div class="mc-vd-wrapper js-mc-vd-target">
  <div class="mc-vd-header">
    🧠 時間経過による注意力の低下<br class="mc-sp-only">「ビジランス・デクリメント」
  </div>

  <div class="mc-vd-stage">
    
    <!-- 左側：脳の警戒レーダー（視野） -->
    <div class="mc-vd-visual-area">
      <div class="mc-vd-radar-container">
        <!-- 変化する視野レーダー -->
        <div class="mc-vd-radar"></div>
        <!-- 脳 -->
        <div class="mc-vd-brain">🧠</div>
        <!-- 視野から外れた時の見落としアラート -->
        <div class="mc-vd-hazard">⚠️ 突発的な動き（見落とし）</div>
      </div>
      
      <!-- 警戒力（エネルギー）メーター -->
      <div class="mc-vd-meter-box">
        <div class="mc-vd-meter-label">脳の警戒エネルギー</div>
        <div class="mc-vd-meter-bar">
          <div class="mc-vd-meter-fill"></div>
        </div>
      </div>
    </div>

    <!-- 右側：タイムライン（時間経過と状態） -->
    <div class="mc-vd-timeline">
      <!-- フェーズ1 -->
      <div class="mc-vd-time-item mc-time-1">
        <div class="mc-vd-time-header"><span class="mc-vd-icon">🕒</span> 勤務開始直後</div>
        <div class="mc-vd-time-desc">
          <b>【警戒レベルMAX】</b><br>
          脳のエネルギーが十分にあり、広い視野で教室全体をしっかり監視・予測できている状態。
        </div>
      </div>
      
      <!-- フェーズ2 -->
      <div class="mc-vd-time-item mc-time-2">
        <div class="mc-vd-time-header"><span class="mc-vd-icon">🕒</span> 数時間後</div>
        <div class="mc-vd-time-desc">
          <b>【警戒レベル低下】</b><br>
          「気を張る」こと自体が脳を激しく消耗させる。徐々に処理能力が落ち、視野が狭まり始める。
        </div>
      </div>
      
      <!-- フェーズ3 -->
      <div class="mc-vd-time-item mc-time-3">
        <div class="mc-vd-time-header"><span class="mc-vd-icon">🕒</span> 限界（デクリメント発生）</div>
        <div class="mc-vd-time-desc">
          <b>【注意の穴（見落とし）】</b><br>
          警戒が追いつかず極端に視野が狭まる。この瞬間に予測不能な事態が起きると、ミスやヒヤリハットに繋がる。
        </div>
      </div>
    </div>

  </div>

  <!-- しっかり目立たせる結論メッセージ -->
  <div class="mc-vd-conclusion">
    「見逃してはいけない」という警戒状態を維持し続けると、時間の経過とともに脳のエネルギーが消費され、自然と注意力の質が低下（デクリメント）してしまいます。<br>
    <b>これは怠慢や努力不足ではなく、脳の構造的な現象です。</b>
  </div>

  <!-- 控えめで自然な注釈 -->
  <div class="mc-vd-simple-note">
    ※本アニメーションはイメージです。
  </div>
</div>

<!-- ==========================================
   CSS スタイル（アニメーション定義・rem相対指定版）
========================================== -->
<style>
/* 全体コンテナ（白背景） */
.mc-vd-wrapper {
  margin: 36px 0 !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  padding: 24px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* ヘッダー */
.mc-vd-header {
  text-align: center !important;
  font-weight: bold !important;
  color: #1e293b !important;
  font-size: 1.25rem !important;
  margin-bottom: 24px !important;
  border-bottom: 2px dashed #cbd5e1 !important;
  padding-bottom: 12px !important;
  line-height: 1.4 !important;
}

/* ステージレイアウト */
.mc-vd-stage {
  display: flex !important;
  align-items: stretch !important;
  gap: 24px !important;
  margin-bottom: 24px !important;
}

/* 左側：ビジュアルエリア */
.mc-vd-visual-area {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 20px !important;
  min-height: 240px !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* レーダーコンテナ */
.mc-vd-radar-container {
  position: relative !important;
  width: 160px !important; /* グラフィックの構造上ここだけはpx固定 */
  height: 160px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 24px !important;
}

/* 脳アイコン */
.mc-vd-brain {
  font-size: 3.5rem !important;
  position: relative !important;
  z-index: 2 !important;
}

/* 動くレーダー（視野） */
.mc-vd-radar {
  position: absolute !important;
  border-radius: 50% !important;
  z-index: 1 !important;
  width: 100%;
  height: 100%;
  background: rgba(37, 99, 235, 0.15);
  border: 2px solid #3b82f6;
}

/* 見落としハザード（外側に出現） */
.mc-vd-hazard {
  position: absolute !important;
  top: -15px !important;
  right: -75px !important;
  background: #dc2626 !important;
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.85rem !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 10px rgba(220, 38, 38, 0.3) !important;
  z-index: 3 !important;
  opacity: 0;
  transform: scale(0);
}

/* メーター部分 */
.mc-vd-meter-box {
  width: 100% !important;
  max-width: 180px !important;
}
.mc-vd-meter-label {
  font-size: 0.95rem !important;
  font-weight: bold !important;
  color: #475569 !important;
  text-align: center !important;
  margin-bottom: 8px !important;
}
.mc-vd-meter-bar {
  width: 100% !important;
  height: 14px !important;
  background: #e2e8f0 !important;
  border-radius: 7px !important;
  overflow: hidden !important;
}
.mc-vd-meter-fill {
  height: 100% !important;
  border-radius: 7px !important;
  width: 100%;
  background: #3b82f6;
}

/* 右側：タイムライン */
.mc-vd-timeline {
  flex: 1.2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

/* タイムラインの各項目 */
div.mc-vd-wrapper .mc-vd-timeline .mc-vd-time-item {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  box-sizing: border-box !important;
  opacity: 0.4;
  transform: translateX(0);
}

/* タイムライン見出し */
.mc-vd-time-header {
  font-weight: 800 !important;
  font-size: 1.1rem !important;
  color: #1e293b !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
/* タイムライン説明文 */
.mc-vd-time-desc {
  font-size: 0.95rem !important;
  color: #475569 !important;
  line-height: 1.6 !important;
}
.mc-vd-time-desc b {
  color: #0f172a !important;
}

/* 結論メッセージ（左太線を廃止し、全体を囲む薄青の枠線へ変更） */
.mc-vd-conclusion {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  padding: 20px !important;
  font-size: 1rem !important;
  color: #1e293b !important;
  line-height: 1.7 !important;
  border-radius: 8px !important;
  margin-bottom: 8px !important;
}
.mc-vd-conclusion b {
  display: block !important;
  color: #b91c1c !important; 
  margin-top: 8px !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
}

/* 控えめな注釈 */
.mc-vd-simple-note {
  font-size: 0.85rem !important;
  color: #94a3b8 !important;
  text-align: right !important;
}

/* ---------------------------------------------------
   アニメーション設定（9秒ループに変更・均等化）
--------------------------------------------------- */
.js-mc-vd-target.is-active .mc-vd-radar { animation: mcRadarAnim 9s infinite running !important; }
.js-mc-vd-target.is-active .mc-vd-meter-fill { animation: mcMeterAnim 9s infinite running !important; }
.js-mc-vd-target.is-active .mc-vd-hazard { animation: mcHazardAnim 9s infinite running !important; }
.js-mc-vd-target.is-active .mc-time-1 { animation: mcTimeActive1 9s infinite running !important; }
.js-mc-vd-target.is-active .mc-time-2 { animation: mcTimeActive2 9s infinite running !important; }
.js-mc-vd-target.is-active .mc-time-3 { animation: mcTimeActive3 9s infinite running !important; }

.mc-vd-radar, .mc-vd-meter-fill, .mc-vd-hazard, .mc-time-1, .mc-time-2, .mc-time-3 {
  animation-play-state: paused !important;
}

/* ================= キーフレーム ================= */
@keyframes mcRadarAnim {
  0%, 30% { width: 160px; height: 160px; background: rgba(37, 99, 235, 0.15); border-color: #3b82f6; }
  33%, 63% { width: 100px; height: 100px; background: rgba(245, 158, 11, 0.15); border-color: #f59e0b; }
  66%, 96% { width: 60px; height: 60px; background: rgba(239, 68, 68, 0.15); border-color: #ef4444; }
  100% { width: 160px; height: 160px; background: rgba(37, 99, 235, 0.15); border-color: #3b82f6; }
}
@keyframes mcMeterAnim {
  0%, 30% { width: 100%; background: #3b82f6; }
  33%, 63% { width: 45%; background: #f59e0b; }
  66%, 96% { width: 10%; background: #ef4444; }
  100% { width: 100%; background: #3b82f6; }
}
@keyframes mcHazardAnim {
  0%, 68% { opacity: 0; transform: scale(0); }
  72%, 92% { opacity: 1; transform: scale(1.1) rotate(-5deg); }
  75%, 80%, 85%, 90% { transform: scale(1) rotate(5deg); }
  96%, 100% { opacity: 0; transform: scale(0); }
}
@keyframes mcTimeActive1 {
  0%, 30% { opacity: 1; border-color: #3b82f6; background: #eff6ff; transform: translateX(-4px); box-shadow: 0 4px 12px rgba(37,99,235,0.1); }
  33%, 100% { opacity: 0.4; border-color: #cbd5e1; background: #ffffff; transform: translateX(0); box-shadow: none; }
}
@keyframes mcTimeActive2 {
  0%, 30% { opacity: 0.4; border-color: #cbd5e1; background: #ffffff; transform: translateX(0); box-shadow: none; }
  33%, 63% { opacity: 1; border-color: #f59e0b; background: #fffbeb; transform: translateX(-4px); box-shadow: 0 4px 12px rgba(245,158,11,0.1); }
  66%, 100% { opacity: 0.4; border-color: #cbd5e1; background: #ffffff; transform: translateX(0); box-shadow: none; }
}
@keyframes mcTimeActive3 {
  0%, 63% { opacity: 0.4; border-color: #cbd5e1; background: #ffffff; transform: translateX(0); box-shadow: none; }
  66%, 96% { opacity: 1; border-color: #ef4444; background: #fef2f2; transform: translateX(-4px); box-shadow: 0 4px 12px rgba(239,68,68,0.1); }
  100% { opacity: 0.4; border-color: #cbd5e1; background: #ffffff; transform: translateX(0); box-shadow: none; }
}

/* スマホレスポンシブ（主幹指定の1.15remベース・rem指定） */
@media (max-width: 600px) {
  .mc-vd-wrapper { padding: 20px 16px !important; }
  .mc-vd-header { font-size: 1.35rem !important; margin-bottom: 20px !important; }
  
  .mc-vd-stage { flex-direction: column !important; gap: 20px !important; margin-bottom: 16px !important; }
  .mc-vd-visual-area { min-height: 220px !important; padding: 30px 10px 20px 10px !important; }
  .mc-vd-hazard { right: -15px !important; top: -25px !important; font-size: 0.95rem !important; } 
  .mc-vd-meter-label { font-size: 1.05rem !important; }
  
  div.mc-vd-wrapper .mc-vd-timeline .mc-vd-time-item { padding: 16px !important; }
  .mc-vd-time-header { font-size: 1.25rem !important; }
  
  /* 本文テキストを 1.15rem に統一 */
  .mc-vd-time-desc { font-size: 1.15rem !important; line-height: 1.7 !important; }
  .mc-vd-conclusion { font-size: 1.15rem !important; padding: 20px 16px !important; line-height: 1.7 !important; }
  .mc-vd-conclusion b { font-size: 1.25rem !important; margin-top: 10px !important; }
  
  .mc-vd-simple-note { font-size: 0.95rem !important; margin-top: 4px !important; }
}
</style>

<!-- ==========================================
   JavaScript（画面内に入った瞬間アニメーション再生）
========================================== -->
<script>
document.addEventListener('DOMContentLoaded', function () {
  var targets = document.querySelectorAll('.js-mc-vd-target');
  if (!targets.length) return;

  var observer = new IntersectionObserver(function (entries) {
    entries.forEach(function (entry) {
      if (entry.isIntersecting) {
        entry.target.classList.add('is-active');
      }
    });
  }, {
    threshold: 0.25
  });

  targets.forEach(function (target) {
    observer.observe(target);
  });
});
</script>



<!-- ==========================================
   用語解説カード：ビジランス・デクリメント（薄黄色背景版・rem相対指定版）
========================================== -->
<div class="mc-vd-card">
  
  <div class="mc-vd-card-header">
    <span class="mc-vd-card-badge">用語解説</span>
    <div class="mc-vd-card-title">「ビジランス・デクリメント」とは？</div>
  </div>

  <div class="mc-vd-card-body">
    <!-- 噛み砕いた結論メッセージ -->
    <div class="mc-vd-card-summary">
      一言でいうと、<b>「気を張り続けることで脳が疲れ、注意力が落ちていく現象」</b>のことです。
    </div>

    <!-- 3ステップでの直感理解 -->
    <div class="mc-vd-card-steps">
      <div class="mc-vd-card-step">
        <span class="mc-vd-step-num">1</span>
        <div class="mc-vd-step-text">
          <b>常に警戒する（ビジランス）</b>
          <p>「いつ事故が起きるか分からない」と、脳の警戒メーターをMAXにして見張ります。</p>
        </div>
      </div>

      <div class="mc-vd-card-step">
        <span class="mc-vd-step-num">2</span>
        <div class="mc-vd-step-text">
          <b>脳のエネルギーが削られる</b>
          <p>「気を張る」こと自体が脳に猛烈な負荷をかけ、エネルギーを激しく消費します。</p>
        </div>
      </div>

      <div class="mc-vd-card-step">
        <span class="mc-vd-step-num">3</span>
        <div class="mc-vd-step-text">
          <b>自然と視野・注意力が狭まる（デクリメント）</b>
          <p>時間の経過とともに脳が自衛モードに入り、注意の「抜け・漏れ」が発生しやすくなります。</p>
        </div>
      </div>
    </div>

    <!-- 読者への救いとなる補足 -->
    <div class="mc-vd-card-foot">
      💡 <b>「夕方になると注意が届かなくなる…」</b>のは、あなたの集中力不足や怠慢ではなく、脳の構造上避けられない自然な反応なのです。
    </div>
  </div>

</div>

<!-- ==========================================
   デザイン用 CSS（rem相対指定版）
========================================== -->
<style>
/* カード全体（薄黄色背景・太線を廃止し枠線へ統一） */
.mc-vd-card {
  background: #fefce8 !important; 
  border: 1px solid #fef08a !important;
  border-radius: 10px !important;
  padding: 24px !important;
  margin: 28px 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 12px rgba(234, 179, 8, 0.08) !important;
}

/* ヘッダー部 */
.mc-vd-card-header {
  margin-bottom: 16px !important;
}

.mc-vd-card-badge {
  display: inline-block !important;
  background: #eab308 !important;
  color: #ffffff !important;
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
}

.mc-vd-card-title {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: #713f12 !important; 
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* 噛み砕いた結論 */
.mc-vd-card-summary {
  font-size: 1.05rem !important;
  color: #1e293b !important;
  line-height: 1.6 !important;
  margin-bottom: 20px !important;
  background: #ffffff !important;
  padding: 16px 20px !important; 
  border-radius: 8px !important;
  border: 1px solid #fef08a !important;
}

.mc-vd-card-summary b {
  color: #a16207 !important;
}

/* 3ステップ領域 */
.mc-vd-card-steps {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important; 
  margin-bottom: 20px !important;
}

.mc-vd-card-step {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  padding: 16px !important;
  border-radius: 8px !important;
}

.mc-vd-step-num {
  flex-shrink: 0 !important;
  width: 24px !important;
  height: 24px !important;
  background: #ca8a04 !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 2px !important;
}

.mc-vd-step-text b {
  display: block !important;
  font-size: 1.05rem !important;
  color: #1e293b !important;
  margin-bottom: 6px !important;
}

.mc-vd-step-text p {
  margin: 0 !important;
  font-size: 0.95rem !important;
  color: #475569 !important;
  line-height: 1.6 !important;
}

/* フッター（救いの補足） */
.mc-vd-card-foot {
  font-size: 0.95rem !important;
  color: #713f12 !important;
  line-height: 1.6 !important;
  border-top: 1px dashed #fde047 !important;
  padding-top: 16px !important;
}

/* スマホ最適化（主幹指定の1.15remベースへ調整） */
@media (max-width: 600px) {
  .mc-vd-card {
    padding: 24px 16px !important;
  }
  .mc-vd-card-badge {
    font-size: 0.95rem !important;
  }
  .mc-vd-card-title {
    font-size: 1.35rem !important;
  }
  .mc-vd-card-summary {
    font-size: 1.15rem !important;
    line-height: 1.7 !important;
  }
  .mc-vd-card-step {
    padding: 16px 14px !important;
  }
  .mc-vd-step-num {
    width: 28px !important;
    height: 28px !important;
    font-size: 1.1rem !important;
  }
  .mc-vd-step-text b {
    font-size: 1.25rem !important; 
  }
  /* 本文テキストを 1.15rem に統一 */
  .mc-vd-step-text p {
    font-size: 1.15rem !important; 
    line-height: 1.7 !important;
  }
  .mc-vd-card-foot {
    font-size: 1.15rem !important;
    line-height: 1.7 !important;
  }
}
</style>



<h3 class="wp-block-heading">警戒を司る、脳の「青斑核」</h3>



<p class="wp-block-paragraph"><strong>脳の中で、この警戒・覚醒の状態を作り出しているのが、<span class="swl-marker mark_yellow">「青斑核（せいはんかく）」</span>という部位です。</strong></p>



<p class="wp-block-paragraph">青斑核は、ノルアドレナリンという物質を分泌し、脳全体を「今すぐ反応できる状態」に保つ役割を担っています。</p>



<div style="height:9px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/08/locus-coeruleus-noradrenaline-pathway.webp" alt="青斑核から脳全体（前頭葉・視床・後頭葉・側頭葉・小脳など）へ広がるノルアドレナリンの経路を示す図説（Memory Coffee記事編集部作）
" class="wp-image-7158" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/locus-coeruleus-noradrenaline-pathway.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/08/locus-coeruleus-noradrenaline-pathway-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/locus-coeruleus-noradrenaline-pathway-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<div style="height:9px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">保育士のように、<strong>いつ何が起きるか分からない環境に長時間身を置くと、この青斑核が、<span class="swl-marker mark_yellow">常に緊張状態を維持しようと働き続けます。</span></strong></p>



<p class="wp-block-paragraph">「気を張っていないと、何か見逃してしまいそうで怖い」という感覚は、この脳の仕組みそのものが反映されたものだと考えられます。</p>



<h3 class="wp-block-heading">負荷が高い状況でこそ、GABAが働く</h3>



<p class="wp-block-paragraph">青斑核が警戒モードを維持しようと働き続ける中で、その「高負荷な状態」を支えているのが、<strong>脳内の神経伝達物質である<span class="swl-marker mark_yellow">GABA（ギャバ）</span>です。</strong></p>



<p class="wp-block-paragraph">以前、施工管理の働き方に関する記事でもご紹介した、日本の研究チームによる2023年の研究（Kondo et al., 2023）があります。</p>



<p class="wp-block-paragraph">脳の左前頭前野にあるGABAの濃度を測定したところ、<strong>GABA濃度は&#8221;負荷の高い状況&#8221;下でのパフォーマンスと明確に関連</strong>していたことが分かりました。</p>



<p class="wp-block-paragraph">一方で、<strong>負荷が低く単純な作業では、別の物質（グルタミン酸系）の方が関連</strong>していたことも示されています。</p>



<!-- ==========================================
   研究結果コンポーネント：GABAと注意力の関係（保育士編・rem相対指定版）
========================================== -->
<div class="evidence-chart-wrapper">
  
  <!-- ★ 目次回避 ＆ クローラー向けh4宣言 ★ -->
  <div class="ev-title" role="heading" aria-level="4">💡 前頭前野の神経伝達物質と<br class="mc-sp-only">注意力の関係</div>

  <div class="ev-container">
    <!-- 低負荷パターンの図解（控えめに表現） -->
    <div class="ev-box low-load">
      <div class="ev-label">負荷が低い状況</div>
      <div class="ev-desc">やることが少なく<br>比較的単純なタスク</div>
      <div class="ev-arrow-down">⬇</div>
      <div class="ev-brain-chemical">
        <span class="ev-chem-sub">関係する物質</span>
        <span class="ev-chemical-name">グルタミン酸系<br><span class="ev-chem-note">(Glx)</span></span>
      </div>
      <div class="ev-result">パフォーマンス（成績）と連動</div>
    </div>

    <!-- 高負荷パターンの図解（強烈に強調） -->
    <div class="ev-box high-load">
      <div class="ev-label">負荷が高い状況</div>
      <div class="ev-desc">いつ何が起きるか分からず<br>警戒が続くマルチタスク</div>
      <div class="ev-arrow-down high">⬇</div>
      <div class="ev-brain-chemical">
        <span class="ev-chem-sub">関係する物質</span>
        <span class="ev-chemical-name highlight-gaba">GABA</span>
      </div>
      <div class="ev-result high">パフォーマンス（成績）と連動</div>
    </div>
  </div>

  <!-- 結論・現場への応用 -->
  <div class="ev-conclusion">
    <div class="ev-conclusion-title">💡 保育士の現場に当てはめると…</div>
    <p>常に全体へ目を配り、突発的なトラブルへの対応も求められる<strong>「高負荷状態」の現場ほど、脳内のGABAと持続的注意力の関係が深く関わっている</strong>可能性が示されています。</p>
  </div>

  <!-- 出典元 -->
  <div class="ev-cite">
    出典：Kondo, H. M., et al. (2023). &#8220;Prefrontal GABA and glutamate–glutamine levels affect sustained attention.&#8221; Cerebral Cortex, 33(19).
  </div>
</div>

<!-- ==========================================
   デザイン用 CSS（rem相対指定版）
========================================== -->
<style>
/* 全体コンテナ（白背景ベース） */
.evidence-chart-wrapper {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 28px 24px !important;
  max-width: 800px !important;
  margin: 3em auto !important;
  background: #ffffff !important; 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
  box-sizing: border-box !important;
}

/* タイトル部分 */
.evidence-chart-wrapper .ev-title {
  text-align: center !important;
  color: #0f172a !important;
  font-size: 1.35rem !important; 
  font-weight: 900 !important;
  margin: 0 0 28px 0 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.05em !important;
}

/* 2カラム表示コンテナ */
.ev-container {
  display: flex !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  align-items: center !important; /* 中央揃えで立体感を強調 */
}

/* ボックス共通仕様 */
.ev-box {
  flex: 1 1 280px !important;
  padding: 24px 16px !important;
  border-radius: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

/* 💡 低負荷側：控えめで静的なデザイン（トーンダウン） */
.ev-box.low-load {
  background: #f8fafc !important;
  border: 2px dashed #cbd5e1 !important;
  opacity: 0.85 !important;
}
.ev-box.low-load .ev-label {
  background: #e2e8f0 !important;
  color: #475569 !important;
}
.ev-box.low-load .ev-brain-chemical {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
}
.ev-box.low-load .ev-chemical-name {
  color: #334155 !important;
  font-size: 1.15rem !important; 
}

/* 💡 高負荷側：立体的で強烈な強調（ポップアウト） */
.ev-box.high-load {
  background: #ffffff !important;
  border: 3px solid #2563eb !important; /* 太い青枠 */
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.15) !important;
  transform: scale(1.02) !important; /* 少し大きくして手前に見せる */
  z-index: 2 !important;
}
.ev-box.high-load .ev-label {
  background: #ef4444 !important; /* 警告・高負荷を連想させる赤 */
  color: #ffffff !important;
  box-shadow: 0 4px 10px rgba(239, 68, 68, 0.2) !important;
}
.ev-box.high-load .ev-brain-chemical {
  background: #eff6ff !important;
  border: 2px solid #bfdbfe !important;
}

/* 上部バッジ共通 */
.ev-label {
  font-weight: 900 !important;
  padding: 6px 16px !important;
  border-radius: 20px !important;
  font-size: 0.95rem !important; 
  margin-bottom: 16px !important;
  letter-spacing: 0.05em !important;
}

/* 状況の説明テキスト */
.ev-desc {
  font-size: 0.95rem !important; 
  font-weight: bold !important;
  color: #1e293b !important;
  text-align: center !important;
  margin-bottom: 16px !important;
  line-height: 1.6 !important;
}

/* 下向き矢印 */
.ev-arrow-down {
  font-size: 1.5rem !important; 
  color: #cbd5e1 !important;
  margin-bottom: 12px !important;
}
.ev-arrow-down.high {
  color: #2563eb !important;
}

/* 物質表示領域 */
.ev-brain-chemical {
  width: 100% !important;
  text-align: center !important;
  padding: 16px 0 !important;
  border-radius: 8px !important;
  margin-bottom: 16px !important;
  box-sizing: border-box !important;
}
.ev-chem-sub {
  display: block !important;
  font-size: 0.85rem !important; 
  color: #64748b !important;
  margin-bottom: 4px !important;
  font-weight: bold !important;
}
.ev-chemical-name {
  display: block !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}
.ev-chem-note {
  font-size: 0.9rem !important; 
  color: #64748b !important;
  font-weight: normal !important;
}

/* 💡 GABAを極限まで強調 */
.highlight-gaba {
  color: #2563eb !important;
  font-size: 2rem !important; 
  letter-spacing: 0.05em !important;
  text-shadow: 1px 1px 0 rgba(37, 99, 235, 0.1) !important;
}

/* 接続結果テキスト */
.ev-result {
  font-weight: bold !important;
  font-size: 0.95rem !important; 
  text-align: center !important;
  color: #475569 !important;
  background: #f1f5f9 !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.ev-result.high {
  color: #1e40af !important;
  background: #dbeafe !important;
}

/* 💡 結論・現場応用ボックス（太線を廃止し、全体を囲む薄青の枠線へ変更） */
.ev-conclusion {
  margin-top: 32px !important;
  background: #ffffff !important;
  border: 1px solid #bfdbfe !important; 
  padding: 20px !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.02) !important;
}
.ev-conclusion-title {
  display: block !important;
  color: #1d4ed8 !important;
  font-size: 1.05rem !important; 
  font-weight: 900 !important;
  margin-bottom: 8px !important;
}
.ev-conclusion p {
  margin: 0 !important;
  font-size: 1rem !important; 
  color: #1e293b !important;
  line-height: 1.7 !important;
}
.ev-conclusion p strong {
  color: #b91c1c !important; /* 赤字でハイライト */
  background: linear-gradient(transparent 70%, #fecaca 0) !important;
}

/* 出典表記 */
.ev-cite {
  font-size: 0.8rem !important; 
  color: #94a3b8 !important;
  text-align: right !important;
  margin-top: 16px !important;
  line-height: 1.4 !important;
}

/* レスポンシブ（スマホ表示最適化・1.15remベース） */
@media (max-width: 600px) {
  .evidence-chart-wrapper { padding: 24px 16px !important; margin: 2em auto !important; }
  .evidence-chart-wrapper .ev-title { font-size: 1.35rem !important; margin-bottom: 24px !important; } 
  .ev-container { flex-direction: column !important; gap: 20px !important; }
  .ev-box.high-load { transform: scale(1) !important; } /* スマホでは拡大を解除して幅合わせ */
  .ev-box { padding: 24px 16px !important; }
  
  .ev-label { font-size: 1.05rem !important; }
  .ev-desc { font-size: 1.15rem !important; line-height: 1.7 !important; margin-bottom: 20px !important; }
  .ev-arrow-down { font-size: 1.6rem !important; margin-bottom: 16px !important; }
  
  .ev-chem-sub { font-size: 0.95rem !important; margin-bottom: 8px !important; }
  .ev-box.low-load .ev-chemical-name { font-size: 1.35rem !important; }
  .highlight-gaba { font-size: 2.2rem !important; }
  
  .ev-result { font-size: 1.15rem !important; padding: 12px 16px !important; }
  
  .ev-conclusion { padding: 20px 16px !important; margin-top: 28px !important; }
  .ev-conclusion-title { font-size: 1.25rem !important; margin-bottom: 12px !important; }
  /* 本文テキストを 1.15rem に統一 */
  .ev-conclusion p { font-size: 1.15rem !important; line-height: 1.7 !important; }
  
  .ev-cite { font-size: 0.95rem !important; margin-top: 20px !important; }
}
</style>



<p class="wp-block-paragraph">「いつトラブルが起きるか分からない」「常に気を張っていなければならない」という、保育士の仕事のような高負荷が続く環境でこそ、脳内のGABAが持続的注意力を支える重要な役割を果たしていると考えられます。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">脳の「警戒コスト」を減らす、現場での工夫策</h2>



<p class="wp-block-paragraph">保育士の現場は、とにかくマルチタスクです。</p>



<p class="wp-block-paragraph">子どもから目を離さず安全を守りながら、突発的なトラブルを処理し、頭の中では次の準備や書類作成を同時に進める――。</p>



<p class="wp-block-paragraph">この絶え間ないタスクの切り替えこそが、脳のワーキングメモリを圧迫し、警戒アラート（青斑核）を激しく疲弊させる原因です。</p>



<p class="wp-block-paragraph">安全管理を徹底しながら、この脳の警戒コストを抑えるにはどのような方法があるのでしょうか。</p>



<p class="wp-block-paragraph">個人ですぐに取り入れられる2つの工夫を紐解きます。</p>



<h3 class="wp-block-heading">活動の合間に「息を深く吐く小休止（マイクロブレイク）」を作る</h3>



<p class="wp-block-paragraph">主導する活動（お絵かき、食事、お散歩など）が切り替わる一瞬は、子どもの集中が切れ、突発的なトラブルやケガが最も起きやすいタイミングといわれています。</p>



<p class="wp-block-paragraph">この切り替えのタイミングで、<strong><span class="swl-marker mark_yellow">意識的に深呼吸すること</span></strong>をおすすめします。</p>



<p class="wp-block-paragraph">目を閉じて肩の力を抜きながら、<strong>5秒ほどかけて細く長く息を吐き出す深呼吸</strong>を２回（計１０秒）を目安に行いましょう。</p>



<p class="wp-block-paragraph">自律神経の研究では、息をゆっくり吐き出す動作が<strong>副交感神経の働きを高め、青斑核の過剰な警戒状態（交感神経の緊張）をリセットする効果</strong>が知られています。</p>



<p class="wp-block-paragraph">こうした数秒〜十数秒の<strong><span class="swl-marker mark_yellow">「小さな区切り（マイクロブレイク）」</span></strong>を挟むことが、後半の持続的な注意力を維持するための現実的な工夫になります。</p>



<!-- ==========================================
   論文・エビデンス解説カード：深呼吸とマイクロブレイクの科学的根拠（薄水色背景版・rem相対指定版）
========================================== -->
<div class="mc-mb-card">
  
  <div class="mc-mb-card-header">
    <span class="mc-mb-card-badge">科学的エビデンス</span>
    <!-- ★ 目次回避 ＆ クローラー向けh4宣言 ★ -->
    <div class="mc-mb-card-title" role="heading" aria-level="4">「息を吐き出す深呼吸」と「マイクロブレイク」の自律神経メカニズム</div>
  </div>

  <div class="mc-mb-card-body">
    <!-- 結論サマリー -->
    <div class="mc-mb-card-summary">
      切り替えの瞬間に挟む「数秒〜十数秒の呼吸と小休止」は、<b>過剰な緊張（交感神経）を和らげ、注意力を再リセットする生理学・心理学的な根拠</b>に基づいています。
    </div>

    <!-- 2つの主要な科学的ファクト -->
    <div class="mc-mb-grid">
      <!-- ファクト1：呼気（吐く息）と副交感神経 -->
      <div class="mc-mb-box">
        <div class="mc-mb-box-title">
          <span class="mc-mb-icon">🫁</span>
          「5秒かけて吐く息」が迷走神経を刺激する
        </div>
        <div class="mc-mb-box-desc">
          生理学研究において、息をゆっくり吐き出す動作は<b>迷走神経（副交感神経）を直接活性化</b>させ、心拍数を落ち着かせることが証明されています。青斑核の過度な覚醒（ノルアドレナリンの過剰分泌）を抑え、脳のパニックや疲弊を物理的に防ぐメカニズムです。
        </div>
      </div>

      <!-- ファクト2：マイクロブレイクによる注意回復 -->
      <div class="mc-mb-box">
        <div class="mc-mb-box-title">
          <span class="mc-mb-icon">📊</span>
          短時間の中断が集中力を回復
        </div>
        <div class="mc-mb-box-desc">
          認知心理学のメタ分析（Albulescu et al., 2022）では、作業の合間に挟む数十秒程度の極めて短い中断（マイクロブレイク）が、<b>脳の疲労を有意に軽減し、持続的注意力・パフォーマンスを再維持する</b>ことが網羅的に実証されています。
        </div>
      </div>
    </div>

    <!-- 本文に沿った結論 -->
    <div class="mc-mb-mechanism">
      <div class="mc-mb-mech-title">💡 本文の「10秒の深呼吸」が効果的な理由</div>
      <p>
        活動の切り替え時に「5秒の呼気×2回（計10秒）」を行うことは、<b>迷走神経を刺激してリセットスイッチを入れるのに必要十分な時間</b>であり、多忙な保育現場でも安全かつ即効性の高い理にかなったアプローチです。
      </p>
    </div>

    <!-- 出典表記 -->
    <div class="mc-mb-cite">
      <b>主要論文・出典：</b><br>
      • Gerritsen, R. J., &amp; Band, G. P. (2018). &#8220;Breath of Life: The Respiratory Vagal Stimulation Model of Contemplative Activity.&#8221; <i>Frontiers in Human Neuroscience</i>, 12, 397.<br>
      • Albulescu, P., et al. (2022). &#8220;Give me a break! A systematic review and meta-analysis on the efficacy of micro-breaks.&#8221; <i>PLOS ONE</i>, 17(8).
    </div>
  </div>

</div>

<!-- ==========================================
   デザイン用 CSS（rem相対指定版）
========================================== -->
<style>
/* カード全体（薄水色背景・太線を廃止し枠線へ統一） */
.mc-mb-card {
  background: #f0f9ff !important; 
  border: 1px solid #bae6fd !important;
  border-radius: 10px !important;
  padding: 24px !important;
  margin: 28px 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.06) !important;
}

/* ヘッダー部 */
.mc-mb-card-header {
  margin-bottom: 16px !important;
}

.mc-mb-card-badge {
  display: inline-block !important;
  background: #0284c7 !important;
  color: #ffffff !important;
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
}

.mc-mb-card-title {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: #0369a1 !important; 
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* 結論サマリー */
.mc-mb-card-summary {
  font-size: 1.05rem !important;
  color: #1e293b !important;
  line-height: 1.6 !important;
  margin-bottom: 20px !important;
  background: #ffffff !important;
  padding: 16px 20px !important; 
  border-radius: 8px !important;
  border: 1px solid #e0f2fe !important;
}

.mc-mb-card-summary b {
  color: #0369a1 !important;
}

/* 2つの論文知見ボックス */
.mc-mb-grid {
  display: flex !important;
  gap: 14px !important; 
  margin-bottom: 20px !important;
}

.mc-mb-box {
  flex: 1 !important;
  background: #ffffff !important;
  border: 1px solid #e0f2fe !important;
  border-radius: 8px !important;
  padding: 20px 16px !important; 
  box-sizing: border-box !important;
}

.mc-mb-box-title {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  line-height: 1.4 !important;
}

.mc-mb-icon {
  font-size: 1.15rem !important;
}

.mc-mb-box-desc {
  font-size: 0.95rem !important;
  color: #475569 !important;
  line-height: 1.6 !important;
}

/* 結論・解説部分 */
.mc-mb-mechanism {
  background: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid #e0f2fe !important;
  padding: 16px 20px !important;
  border-radius: 8px !important;
  margin-bottom: 18px !important;
}

.mc-mb-mech-title {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0369a1 !important;
  margin-bottom: 8px !important;
}

.mc-mb-mechanism p {
  margin: 0 !important;
  font-size: 0.95rem !important;
  color: #334155 !important;
  line-height: 1.6 !important;
}

/* 出典・参考文献表記 */
.mc-mb-cite {
  font-size: 0.85rem !important;
  color: #64748b !important;
  line-height: 1.5 !important;
  border-top: 1px dashed #bae6fd !important;
  padding-top: 16px !important;
}

/* スマホ最適化（主幹指定の1.15remベースへ調整） */
@media (max-width: 600px) {
  .mc-mb-card {
    padding: 24px 16px !important;
  }
  .mc-mb-card-badge {
    font-size: 0.95rem !important;
  }
  .mc-mb-card-title {
    font-size: 1.35rem !important; 
  }
  .mc-mb-card-summary {
    font-size: 1.15rem !important; 
    line-height: 1.7 !important;
    padding: 16px !important;
  }
  .mc-mb-grid {
    flex-direction: column !important;
    gap: 16px !important;
  }
  .mc-mb-box {
    padding: 20px 16px !important;
  }
  .mc-mb-box-title {
    font-size: 1.25rem !important; 
    margin-bottom: 14px !important;
  }
  .mc-mb-icon {
    font-size: 1.35rem !important;
  }
  /* 本文テキストを 1.15rem に統一 */
  .mc-mb-box-desc {
    font-size: 1.15rem !important; 
    line-height: 1.7 !important;
  }
  .mc-mb-mech-title {
    font-size: 1.25rem !important; 
    margin-bottom: 12px !important;
  }
  /* 本文テキストを 1.15rem に統一 */
  .mc-mb-mechanism p {
    font-size: 1.15rem !important; 
    line-height: 1.7 !important;
  }
  .mc-mb-cite {
    font-size: 0.95rem !important; 
    line-height: 1.6 !important;
  }
}
</style>



<h3 class="wp-block-heading">トラブルの「予兆パターン」を把握しておく</h3>



<p class="wp-block-paragraph">「よく泣く場面」「トラブルが起きやすい時間帯」などについて、あらかじめ対応を決めておくことで、突発的な負荷を減らせます。</p>



<p class="wp-block-paragraph">子どもたちの視点も交えながらトラブルが起きやすいパターン（予兆）を具体的にみていきましょう。</p>



<!-- ==========================================
   トラブルの「予兆パターン」解説カード（保育士視点×子ども脳科学視点・rem相対指定版）
========================================== -->
<div class="mc-pattern-card">
  
  <div class="mc-pattern-header">
    <span class="mc-pattern-badge">脳科学＆行動心理学</span>
    <!-- ★ 目次回避 ＆ クローラー向けh4宣言 ★ -->
    <div class="mc-pattern-title" role="heading" aria-level="4">なぜ「予兆」が重要？突発的なトラブルの芯（パターン）</div>
  </div>

  <div class="mc-pattern-body">
    <!-- 結論メッセージ -->
    <div class="mc-pattern-summary">
      一言でいうと、<b>「いつ起きるか分からない」という不安</b>こそが脳を疲弊させます。突発的に見える事故も、子どもの脳の特徴を知り、「起きやすいパターン（予兆）」をチームで予測しておくことが、冷静な対応と持続可能な見守りの芯となります。
    </div>

    <!-- 3つの芯（パターン）の解説領域 -->
    <div class="mc-pattern-grid">
      
      <!-- パターン1：時間・生理的要因 -->
      <div class="mc-pattern-box">
        <div class="mc-pattern-box-title">
          <span class="mc-pattern-icon">🔋</span>
          【時間】エネルギー切れ（空腹・眠気）の時間帯
        </div>
        <div class="mc-pattern-box-desc">
          <span class="mc-p-label">現場の状況：</span><b>給食前、午前活動の後半、午睡の前など</b>
          <div class="mc-p-child-view">
            <span class="mc-p-child-badge">子ども側の脳科学視点</span>
            <ul>
              <li>血糖値の低下や眠気は、感情や行動をコントロールする脳の<b>「前頭前野」の機能をダウン</b>させます。</li>
              <li>普段なら我慢できることもできなくなり、衝動的に「噛みつく」「奪う」行動が出やすくなります。</li>
            </ul>
          </div>
          <span class="mc-p-label">保育士のポイント：</span>「この時間は感情爆発しやすい」と予測し、職員間の連携を密にする。
        </div>
      </div>

      <!-- パターン2：空間・環境的要因 -->
      <div class="mc-pattern-box">
        <div class="mc-pattern-box-title">
          <span class="mc-pattern-icon">🚫</span>
          【空間】パーソナルスペースの過密と死角
        </div>
        <div class="mc-pattern-box-desc">
          <span class="mc-p-label">現場の状況：</span><b>手洗い待ち、着替え、狭いコーナー等</b>
          <div class="mc-p-child-view">
            <span class="mc-p-child-badge">子ども側の脳科学視点</span>
            <ul>
              <li>他者との物理的距離が近すぎる「過密状態」は、脳の警戒アラート（扁桃体など）を高め、<b>本能的なイライラや不安を誘発</b>します。</li>
              <li>保育士の視線が届かない「死角」では、占有欲や不安から手が出やすくなります。</li>
            </ul>
          </div>
          <span class="mc-p-label">保育士のポイント：</span>「死角」を優先的に監視し、過密にならないよう環境（配置や玩具の数）を整える。
        </div>
      </div>

      <!-- パターン3：状況的要因 -->
      <div class="mc-pattern-box">
        <div class="mc-pattern-box-title">
          <span class="mc-pattern-icon">🔀</span>
          【状況】事故の引き金となる「活動の切り替え」
        </div>
        <div class="mc-pattern-box-desc">
          <span class="mc-p-label">現場の状況：</span><b>散歩前後、片付け、昼食前</b>
          <div class="mc-p-child-view">
            <span class="mc-p-child-badge">子ども側の脳科学視点</span>
            <ul>
              <li>集中していた遊びを中断し、異なる活動へ移る「頭の切り替え」は、未発達な子どもの脳にとって<b>非常に高い負荷</b>です。</li>
              <li>パニックや興奮状態になりやすく、興奮したまま移動することで「急な飛び出し」や衝突につながります。</li>
            </ul>
          </div>
          <span class="mc-p-label">保育士のポイント：</span>切り替え時は最も危険なタイミングであることを想定し、リセット呼吸（小休止）を挟む。
        </div>
      </div>

    </div>

    <!-- フッター補足 -->
    <div class="mc-pattern-foot">
      💡 突発的なトラブルは、決して「保育士の見守り不足」だけが原因ではありません。<br><b>子どもの脳の特徴による「予兆（パターン）」</b>を知ることで、チームで未然に防ぐアプローチが可能になります。
    </div>
  </div>

</div>

<!-- ==========================================
   デザイン用 CSS（rem相対指定版）
========================================= -->
<style>
/* カード全体（薄水色背景・太線を廃止し枠線へ統一） */
.mc-pattern-card {
  background: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
  border-radius: 10px !important;
  padding: 24px !important;
  margin: 28px 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.06) !important;
}

/* ヘッダー部 */
.mc-pattern-header {
  margin-bottom: 20px !important;
}

.mc-pattern-badge {
  display: inline-block !important;
  background: #0284c7 !important;
  color: #ffffff !important;
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
}

.mc-pattern-title {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: #0369a1 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* 噛み砕いた結論 */
.mc-pattern-summary {
  font-size: 1.05rem !important;
  color: #0f172a !important;
  line-height: 1.6 !important;
  margin-bottom: 24px !important;
  background: #ffffff !important;
  padding: 16px 20px !important;
  border-radius: 8px !important;
  border: 1px solid #e0f2fe !important;
}

.mc-pattern-summary b {
  color: #0284c7 !important;
}

/* 3つの芯ボックス領域 */
.mc-pattern-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
}

.mc-pattern-box {
  background: #ffffff !important;
  border: 1px solid #e0f2fe !important;
  border-radius: 8px !important;
  padding: 20px 16px !important;
  box-sizing: border-box !important;
}

.mc-pattern-box-title {
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  line-height: 1.4 !important;
}

.mc-pattern-icon {
  flex-shrink: 0 !important;
  font-size: 1.35rem !important;
}

.mc-pattern-box-desc {
  font-size: 0.95rem !important;
  color: #334155 !important;
  line-height: 1.65 !important;
}

.mc-p-label {
  font-weight: bold !important;
  color: #1e293b !important;
  display: block !important; 
  margin-bottom: 2px !important;
}

/* 子ども側の視点エリア */
.mc-p-child-view {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 14px 16px !important;
  margin: 12px 0 14px 0 !important;
  box-sizing: border-box !important;
}

.mc-p-child-badge {
  display: inline-block !important;
  color: #ca8a04 !important;
  font-size: 0.85rem !important;
  font-weight: bold !important;
  margin-bottom: 8px !important;
  border-bottom: 2px solid #fef08a !important;
  padding-bottom: 2px !important;
}

.mc-p-child-view ul {
  margin: 0 !important;
  padding-left: 18px !important;
  list-style-type: disc !important;
}

.mc-p-child-view ul li {
  font-size: 0.9rem !important;
  color: #475569 !important;
  margin-bottom: 6px !important;
  line-height: 1.6 !important;
}

.mc-p-child-view ul li b {
  color: #1e293b !important;
}

/* フッター補足 */
.mc-pattern-foot {
  font-size: 0.95rem !important;
  color: #0369a1 !important;
  line-height: 1.6 !important;
  border-top: 1px dashed #bae6fd !important;
  padding-top: 16px !important;
}

/* スマホ最適化（主幹指定の1.15remベースへ調整） */
@media (max-width: 600px) {
  .mc-pattern-card {
    padding: 24px 16px !important;
  }
  .mc-pattern-badge {
    font-size: 0.95rem !important;
  }
  .mc-pattern-title {
    font-size: 1.35rem !important;
  }
  .mc-pattern-summary {
    font-size: 1.15rem !important;
    line-height: 1.7 !important;
    padding: 16px !important;
  }
  .mc-pattern-grid {
    gap: 16px !important;
  }
  .mc-pattern-box {
    padding: 20px 16px !important;
  }
  .mc-pattern-box-title {
    font-size: 1.25rem !important; 
  }
  .mc-pattern-icon {
    font-size: 1.45rem !important;
  }
  
  /* 本文テキストを 1.15rem に統一 */
  .mc-pattern-box-desc {
    font-size: 1.15rem !important; 
    line-height: 1.7 !important;
  }
  .mc-p-child-view {
    padding: 16px 14px !important;
  }
  .mc-p-child-badge {
    font-size: 1.05rem !important;
  }
  .mc-p-child-view ul li {
    font-size: 1.15rem !important; 
    line-height: 1.7 !important;
  }
  .mc-pattern-foot {
    font-size: 1.15rem !important; 
    line-height: 1.7 !important;
    padding-top: 20px !important;
  }
}
</style>



<p class="wp-block-paragraph"><br>すべての出来事を予測することはできませんが、経験やヒヤリハットの共有などを通じて、<strong><span class="swl-marker mark_yellow">「この時間帯はヒヤリが起きやすい」</span>というパターンをあらかじめ脳にインプット（想定）しておく</strong>だけで、突発的な出来事に直面した際の脳のパニック（ワーキングメモリの急激な圧迫）を防ぎ、冷静に対応できます。</p>



<!-- 高級感のある関連記事CTAカード（持続的注意力ハブへ・記事中挿入用） -->
<a class="rel-article-card-luxury" href="https://memory-coffee.jp/magazine/sustained-attention-aging-maintenance/" target="_blank" rel="noopener">
  <div class="rel-thumb-luxury">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/sustained-attention-brain-focus-guide-ogi.webp" alt="集中力が続かない大人へ。持続的注意力を守る脳科学とGABA">
  </div>
  <div class="rel-text-luxury">
    <span class="rel-tag-luxury">関連記事</span>
    <span class="rel-title-luxury">持続的注意力を守る脳科学とGABA</span>
    <span class="rel-sub-luxury">集中力が続かない理由と、科学的に維持する方法を、脳の仕組みからわかりやすく解説しています。</span>
  </div>
  <span class="rel-arrow-luxury">›</span>
</a>
<style>
  .rel-article-card-luxury {
     display: grid !important;
     grid-template-columns: 128px 1fr auto !important;
     gap: 20px !important;
     align-items: center !important;
     background: linear-gradient(135deg, #ffffff 0%, #faf9f6 100%) !important;
     border: 1px solid #e6e1d6 !important;
     border-left: 4px solid #C5A059 !important;
     border-radius: 8px !important;
     padding: 24px 28px !important;
     margin: 28px 0 32px 0 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease !important;
}
.rel-article-card-luxury:hover {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-2px) !important;
    border-color: #d4c8b0 !important;
}
.rel-thumb-luxury {
    width: 128px !important;
    height: 72px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}
.rel-thumb-luxury img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.rel-text-luxury {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.rel-tag-luxury {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #C5A059 !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 6px !important;
}
.rel-title-luxury {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #2c2825 !important;
    line-height: 1.5 !important;
    margin-bottom: 4px !important;
}
.rel-sub-luxury {
    font-size: 0.9rem !important;
    color: #6b6661 !important;
    line-height: 1.6 !important;
}
.rel-arrow-luxury {
    font-size: 40px !important;
    font-weight: 300 !important;
    color: #d1c8b8 !important;
    transition: all 0.3s ease !important;
}
.rel-article-card-luxury:hover .rel-arrow-luxury {
    color: #C5A059 !important;
    transform: translateX(4px) !important;
}
@media (max-width: 600px) {
    .rel-article-card-luxury {
        grid-template-columns: 96px 1fr auto !important;
        gap: 14px !important;
        padding: 18px 16px !important;
    }
    .rel-thumb-luxury {
        width: 96px !important;
        height: 54px !important;
    }
    .rel-tag-luxury { font-size: 10px !important; margin-bottom: 4px !important; }
    .rel-title-luxury { font-size: 1.05rem !important; margin-bottom: 2px !important; }
    .rel-sub-luxury { font-size: 0.85rem !important; }
    .rel-arrow-luxury { font-size: 32px !important; }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">それでも負担が大きいと感じるなら</h2>



<p class="wp-block-paragraph">工夫を重ねても、慢性的な疲労感やストレスが続く場合は、一人で抱え込まず、<strong><span class="swl-marker mark_yellow">園長や同僚、専門機関に相談することも大切な選択肢</span>です。</strong></p>



<p class="wp-block-paragraph">子どもたちの安全を守るという、責任の重い仕事をしているあなた自身を、まず大切にしてください。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/08/nayami-soudan-hoikushi-1024x576.webp" alt="産業医の先生に悩みを相談する保育士と見守る園長先生のイメージ画像。" class="wp-image-7160" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/nayami-soudan-hoikushi-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/08/nayami-soudan-hoikushi-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/nayami-soudan-hoikushi-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/08/nayami-soudan-hoikushi.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">日々のコンディションケアという選択肢</h2>



<p class="wp-block-paragraph">こうした脳の仕組みを踏まえたうえで、日々のコンディションを内側からサポートする方法の一つとして、<strong>「GABA（ギャバ）」を取り入れる</strong>という選択肢があります。</p>



<!-- GABA解説：神秘的な光の玉アニメーション付き（注記枠外・右寄せ版） -->
<div style="margin: 32px 0; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;">
  
  <!-- 白背景のカード枠 -->
  <div style="background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 32px 28px; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);">
    <div class="gaba-explanation-container">
      
      <!-- 神秘的な光の玉（オーブ）エリア -->
      <div class="gaba-orb-wrapper">
        <div class="gaba-mystic-orb"></div>
        <!-- 光の粒子（装飾） -->
        <div class="gaba-particle p1"></div>
        <div class="gaba-particle p2"></div>
        <div class="gaba-particle p3"></div>
      </div>

      <!-- テキストエリア -->
      <div class="gaba-text-area">
        <p class="gaba-title">GABAとは？</p>
        <p class="gaba-desc">
          <strong>野菜や果物に含まれるアミノ酸の一種。<br>
          体内では神経伝達物質として、<br>
          健康維持に欠かせない役割を<br class="mc-sp-only">担っています。
        </strong></p>
      </div>

    </div>
  </div>

  <!-- 枠外に移動した注記（右寄せ） -->
  <div style="text-align: right; font-size: 11px; color: #888888; margin-top: 10px; padding-right: 5px; letter-spacing: 0.05em;">
    ※アニメーションはイメージです。
  </div>

  <style>
    /* レイアウトのベース */
    .gaba-explanation-container {
      display: flex;
      align-items: center;
      gap: 32px;
    }

    /* オーブを包む枠 */
    .gaba-orb-wrapper {
      position: relative;
      width: 90px;
      height: 90px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
    }

    /* 光の玉本体：ブルー・パープル統一版 */
    .gaba-mystic-orb {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: radial-gradient(circle at 35% 35%, #ffffff 0%, #e0e7ff 25%, #818cf8 60%, #4f46e5 100%);
      animation: gaba_float 4s ease-in-out infinite, gaba_pulse 4s ease-in-out infinite;
    }

    /* フワフワ浮遊する動き */
    @keyframes gaba_float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    /* 光が呼吸するように広がる動き */
    @keyframes gaba_pulse {
      0%, 100% {
        box-shadow: 
          0 0 15px #c7d2fe,
          0 0 30px rgba(129, 140, 248, 0.4),
          0 0 45px rgba(79, 70, 229, 0.2);
      }
      50% {
        box-shadow: 
          0 0 20px #ffffff,
          0 0 40px #818cf8,
          0 0 60px rgba(99, 102, 241, 0.6),
          0 0 80px rgba(79, 70, 229, 0.4);
      }
    }

    /* 周囲を漂う光の粒子 */
    .gaba-particle {
      position: absolute;
      width: 4px;
      height: 4px;
      background-color: #ffffff;
      border-radius: 50%;
      box-shadow: 0 0 6px #e0e7ff;
      opacity: 0;
    }
    .gaba-particle.p1 { top: 10%; left: 20%; animation: particle_blink 3s infinite 0.5s; }
    .gaba-particle.p2 { bottom: 15%; right: 15%; animation: particle_blink 4s infinite 1.2s; }
    .gaba-particle.p3 { top: 40%; right: 5%; width: 3px; height: 3px; animation: particle_blink 3.5s infinite 2.5s; }

    @keyframes particle_blink {
      0%, 100% { opacity: 0; transform: scale(0.5) translateY(0); }
      50% { opacity: 0.8; transform: scale(1.5) translateY(-5px); }
    }

    /* テキストのスタイル */
    .gaba-text-area {
      flex: 1;
    }
    .gaba-title {
      margin: 0 0 12px 0;
      font-size: 1.25rem;
      font-weight: bold;
      color: #1e293b;
      border-bottom: 2px solid #f1f5f9;
      padding-bottom: 10px;
    }
    .gaba-desc {
      margin: 0;
      font-size: 1.05rem;
      color: #475569;
      line-height: 1.8;
    }

    /* スマホ表示最適化 */
    @media (max-width: 600px) {
      .gaba-explanation-container {
        flex-direction: column;
        text-align: center;
        gap: 20px;
      }
      .gaba-title {
        font-size: 1.2rem;
        border-bottom: none;
        position: relative;
      }
      .gaba-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 40px;
        height: 2px;
        background-color: #f1f5f9;
      }
      .gaba-desc {
        font-size: 1.15rem;
      }
    }
  </style>
</div>



<p class="wp-block-paragraph">そうした日常のコンディションケアの新たな選択肢として誕生したのが、<strong><span class="swl-marker mark_yellow">「Memory Coffee（メモリーコーヒー）」</span>です！</strong></p>



<p class="wp-block-paragraph">GABAは、加齢とともに低下する認知機能の一部である<strong>「持続的注意力（注意を持続させながら、作業を続ける力）」</strong>の維持をサポートする機能が消費者庁に届け出られています</p>



<!-- ===================================================
    Memory Coffee 記事トーン統一版プレミアムカード（GABAオーブ色復元・完全最適化版）
=================================================== -->
<div class="mc-hero-card">
  
  <!-- カードヘッダー -->
  <div class="mc-card-header">
    <div class="mc-badge-group">
      <span class="mc-badge-main">機能性表示食品</span>
      <span class="mc-badge-sub">GABA 200mg配合</span>
    </div>
    <!-- ★ 目次回避 ＆ クローラー向けh3宣言 ★ -->
    <div class="mc-card-heading" role="heading" aria-level="3">Memory Coffeeとは？</div>
    <p class="mc-card-intro">
      毎日のコーヒータイムを「自分らしさを育む時間」へと変えるインスタントコーヒーです。<br>
      本格的なおいしさと、認知機能の一部を維持するGABA200mg（1本あたり）のサポートを両立しています。<br>
    </p>
  </div>

  <!-- カードボディ -->
  <div class="mc-card-body">
    
    <!-- 機能性解説セクション -->
    <!-- ★ 目次回避 ＆ クローラー向けh4宣言 ★ -->
    <div class="mc-section-subhead" role="heading" aria-level="4">💡 科学的根拠に基づいた3つのサポート機能</div>
    <p class="mc-lead-text">
      Memory Coffeeに含まれるGABAは、加齢とともに低下する<strong>認知機能の一部を維持する機能</strong>が報告されています。<br>
    </p>
    
    <div class="mc-feature-box">
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">記憶力</span>
          <span class="mc-feature-desc">見たり聞いたりしたことを思い出す力</span>
        </div>
      </div>
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">空間認知力</span>
          <span class="mc-feature-desc">物の位置、形、向きなどを正確に把握する力</span>
        </div>
      </div>
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">持続的注意力</span>
          <span class="mc-feature-desc">注意を持続させながら、作業を続ける力</span>
        </div>
      </div>
    </div>

    <!-- ブレンドこだわりセクション -->
    <div class="mc-blend-container">
      <div class="mc-section-subhead" style="justify-content: center; margin-bottom: 28px;">
        ☕ 30回の試作で辿り着いた本格ブレンド
      </div>

      <div class="mc-blend-stage-wrap">
        <div class="mc-bean-unit">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-brazil-beans-p.webp" alt="ブラジル産コーヒー豆" loading="lazy" decoding="async">
        </div>
        <div class="mc-blend-symbol">
          <span class="mc-x-mark">×</span>
          <p class="mc-x-text">絶妙ブレンド</p>
        </div>
        <div class="mc-bean-unit">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-vietnam-beans-p.webp" alt="ベトナム産コーヒー豆" loading="lazy" decoding="async">
        </div>
      </div>

      <!-- 神秘的な光の玉（元の色合いを復元） -->
      <div class="mc-hero-fusion-stage">
        <span class="mc-hero-plus-symbol">＋</span>
        <div class="mc-hero-gaba-orb-wrap">
          <div class="gaba-orb-wrapper">
            <div class="gaba-mystic-orb">
              <span class="gaba-orb-text">GABA</span>
            </div>
            <div class="gaba-particle p1"></div>
            <div class="gaba-particle p2"></div>
            <div class="gaba-particle p3"></div>
          </div>
          <p class="mc-hero-gaba-caption">機能性関与成分 GABA</p>
        </div>
      </div>

      <p class="mc-blend-desc-text">
        スッキリとしたブラジル産とコク深いベトナム産の豆を絶妙にブレンド。<br>
        毎日飽きずに楽しめる、本格的でホッとする風味に仕上げています。<br>
      </p>

      <div class="mc-story-panel-wrap">
        <div class="mc-story-text-area">
          <p class="mc-story-head-text">
            開発段階で約<span class="mc-big-num">30</span>パターンもの<br class="mc-sp-only">ブレンド配合・調整を繰り返し、<br class="mc-sp-only">納得の1杯を完成させました！<br>
          </p>
        </div>
        <div class="mc-story-img-area">
          <figure class="mc-polaroid">
            <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-Product01-p.webp" alt="実際のブレンド配合打合せ資料" loading="lazy" decoding="async">
            <figcaption>配合打合せの様子</figcaption>
          </figure>
        </div>
      </div>
    </div>

  </div>

  <!-- カードフッター -->
  <div class="mc-card-footer">
    <div class="mc-official-tag">届出番号：J1384</div>
    <p class="mc-disclaimer">
      ※本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。<br>ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。<br>
      ※本品は、疾病の診断、治療、予防を目的としたものではありません。<br>
      ※アニメーションはイメージです。<br>
    </p>
  </div>
</div>

<!-- ===================================================
    デザイン用 CSS（GABAオーブ色完全復元・最適化版）
=================================================== -->
<style>
.mc-hero-card {
  background: #ffffff !important;
  border: 1px solid #bae6fd !important; /* 左太線を廃止し1px枠線へ */
  border-radius: 12px !important;
  margin: 2.5em 0 !important;
  box-shadow: 0 4px 20px rgba(2, 132, 199, 0.08) !important;
  overflow: hidden !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  box-sizing: border-box !important;
  line-height: 1.8 !important;
}

/* ヘッダー */
.mc-card-header {
  background: #f0f9ff !important;
  padding: 32px 28px 20px !important;
  border-bottom: 1px solid #e0f2fe !important;
}

.mc-badge-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}

.mc-badge-main {
  background: #0284c7 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.05em !important;
  border-radius: 20px !important;
  padding: 4px 12px !important;
}

.mc-badge-sub {
  background: #e0f2fe !important;
  color: #0369a1 !important;
  font-weight: 800 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.05em !important;
  border-radius: 20px !important;
  padding: 4px 12px !important;
}

.mc-card-heading {
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  color: #0369a1 !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.4 !important;
}

.mc-card-intro {
  font-size: 0.98rem !important;
  line-height: 1.75 !important;
  color: #334155 !important;
  margin: 0 !important;
}

/* ボディ */
.mc-card-body {
  padding: 28px !important;
}

.mc-section-subhead {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0369a1 !important;
  margin: 0 0 12px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.mc-lead-text {
  color: #475569 !important;
  font-size: 0.95rem !important;
  margin: 0 0 18px 0 !important;
}

.mc-lead-text strong {
  color: #0f172a !important;
  background: linear-gradient(transparent 70%, #bae6fd 0) !important;
}

.mc-feature-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 20px !important;
  margin-bottom: 24px !important;
}

.mc-feature-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.mc-feature-row + .mc-feature-row {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px dashed #cbd5e1 !important;
}

.mc-feature-icon {
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #0284c7 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.7rem !important;
  font-weight: 900 !important;
  margin-top: 2px !important;
}

.mc-feature-title {
  display: block !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
}

.mc-feature-desc {
  color: #64748b !important;
  font-size: 0.85rem !important;
  display: block !important;
}

/* ブレンドコンテナ */
.mc-blend-container {
  background: #f0f9ff !important;
  border: 1px solid #e0f2fe !important;
  border-radius: 10px !important;
  padding: 32px 24px !important;
}

.mc-blend-stage-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 32px !important; /* PC版：画像間によりゆとりを持たせる */
  margin-bottom: 24px !important;
}

/* ★ PC版：豆画像サイズの大幅スケールアップ ★ */
.mc-bean-unit {
  text-align: center !important;
  flex: 1 !important;
  max-width: 360px !important; 
}

.mc-bean-unit img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 8px !important;
}

.mc-blend-symbol {
  text-align: center !important;
  flex-shrink: 0 !important;
  padding: 0 10px !important;
}

.mc-x-mark {
  font-size: 2rem !important;
  font-weight: 800 !important;
  color: #0284c7 !important;
  display: block !important;
  line-height: 1 !important;
}

.mc-x-text {
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  color: #0369a1 !important;
  margin: 8px 0 0 !important;
}

/* ★★★ GABA光の玉アニメーション（元グラデーション＆発色を完全復元） ★★★ */
.mc-hero-fusion-stage {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 24px 0 28px !important;
}

.mc-hero-plus-symbol {
  font-size: 1.8rem !important;
  font-weight: 800 !important;
  color: #0284c7 !important;
  flex-shrink: 0 !important;
}

.mc-hero-gaba-orb-wrap {
  text-align: center !important;
}

.gaba-orb-wrapper {
  position: relative !important;
  width: 100px !important;
  height: 100px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto 6px !important;
}

.gaba-mystic-orb {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 35%, #ffffff 0%, #e0e7ff 25%, #818cf8 60%, #4f46e5 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  animation: gaba_float 4s ease-in-out infinite, gaba_pulse_blue 4s ease-in-out infinite !important;
}

.gaba-orb-text {
  color: #ffffff !important;
  font-size: 0.85rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-shadow: 0 1px 3px rgba(30, 41, 59, 0.7) !important;
}

@keyframes gaba_float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@keyframes gaba_pulse_blue {
  0%, 100% {
    box-shadow: 
      0 0 15px #c7d2fe,
      0 0 30px rgba(129, 140, 248, 0.4),
      0 0 45px rgba(79, 70, 229, 0.2);
  }
  50% {
    box-shadow: 
      0 0 20px #ffffff,
      0 0 40px #818cf8,
      0 0 60px rgba(99, 102, 241, 0.6),
      0 0 80px rgba(79, 70, 229, 0.4);
  }
}

.gaba-particle {
  position: absolute !important;
  width: 4px !important;
  height: 4px !important;
  background-color: #ffffff !important;
  border-radius: 50% !important;
  box-shadow: 0 0 6px #e0e7ff !important;
  opacity: 0 !important;
}
.gaba-particle.p1 { top: 10% !important; left: 20% !important; animation: particle_blink 3s infinite 0.5s !important; }
.gaba-particle.p2 { bottom: 15% !important; right: 15% !important; animation: particle_blink 4s infinite 1.2s !important; }
.gaba-particle.p3 { top: 40% !important; right: 5% !important; width: 3px !important; height: 3px !important; animation: particle_blink 3.5s infinite 2.5s !important; }

@keyframes particle_blink {
  0%, 100% { opacity: 0; transform: scale(0.5) translateY(0); }
  50% { opacity: 0.9; transform: scale(1.5) translateY(-5px); }
}

.mc-hero-gaba-caption {
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  color: #0369a1 !important;
  margin: 0 !important;
}

.mc-blend-desc-text {
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
  color: #475569 !important;
  text-align: center !important;
  margin: 0 0 28px 0 !important;
}

/* ストーリーパネル */
.mc-story-panel-wrap {
  background: #ffffff !important;
  border: 1px solid #e0f2fe !important;
  border-radius: 8px !important;
  padding: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 32px !important;
}

.mc-story-text-area {
  flex: 1 !important;
}

.mc-story-head-text {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 0 !important;
  line-height: 1.7 !important;
}

.mc-big-num {
  font-size: 1.6rem !important;
  color: #0284c7 !important;
  font-weight: 900 !important;
  padding: 0 4px !important;
}

/* ★ PC版：ポラロイド画像の大幅スケールアップ ★ */
.mc-story-img-area {
  flex-shrink: 0 !important;
  width: 240px !important;
}

.mc-polaroid {
  margin: 0 !important;
  background: #ffffff !important;
  padding: 8px 8px 10px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px !important;
  text-align: center !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
}

.mc-polaroid img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 2px !important;
}

.mc-polaroid figcaption {
  font-size: 0.8rem !important;
  color: #64748b !important;
  margin-top: 8px !important;
}

/* フッター */
.mc-card-footer {
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  padding: 20px 28px !important;
}

.mc-official-tag {
  display: inline-block !important;
  font-weight: 800 !important;
  color: #0369a1 !important;
  font-size: 0.75rem !important;
  margin-bottom: 8px !important;
  background: #ffffff !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  border: 1px solid #bae6fd !important;
}

.mc-disclaimer {
  font-size: 0.75rem !important;
  color: #64748b !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ===================================================
   スマホ用レスポンシブ
=================================================== */
@media (max-width: 600px) {
  .mc-card-header { padding: 24px 16px 20px !important; }
  .mc-card-heading { font-size: 1.35rem !important; margin-bottom: 12px !important; }
  .mc-card-intro { font-size: 1.15rem !important; line-height: 1.7 !important; }

  .mc-card-body { padding: 24px 16px !important; }
  
  .mc-section-subhead { font-size: 1.25rem !important; margin-bottom: 16px !important; }
  .mc-lead-text { font-size: 1.15rem !important; line-height: 1.7 !important; margin-bottom: 20px !important; }
  
  .mc-feature-box { padding: 20px 16px !important; }
  .mc-feature-title { font-size: 1.15rem !important; margin-bottom: 6px !important; }
  .mc-feature-desc { font-size: 1.05rem !important; line-height: 1.6 !important; }
  
  .mc-blend-container { padding: 24px 16px !important; }
  .mc-blend-desc-text { font-size: 1.15rem !important; line-height: 1.7 !important; }
  
  /* ★ スマホでの画像サイズの確保（縦並びに変更） ★ */
  .mc-blend-stage-wrap { 
    flex-direction: column !important; 
    gap: 16px !important; 
  }
  .mc-bean-unit {
    max-width: 320px !important; 
    width: 100% !important;
  }
  .mc-blend-symbol { 
    padding: 8px 0 !important; 
  }
  .mc-x-mark { font-size: 2rem !important; } 
  .mc-x-text { font-size: 1rem !important; margin-top: 4px !important; }
  
  .mc-story-panel-wrap { 
    flex-direction: column !important; 
    text-align: center !important; 
    padding: 24px 16px !important; 
  }
  .mc-story-head-text { font-size: 1.15rem !important; line-height: 1.7 !important; }
  .mc-big-num { font-size: 1.8rem !important; }
  
  /* スマホでもポラロイド画像が潰れないように最大幅を確保 */
  .mc-story-img-area { 
    width: 100% !important; 
    max-width: 260px !important; 
    margin: 16px auto 0 !important; 
  }

  .mc-card-footer { padding: 20px 16px !important; }
  .mc-disclaimer { font-size: 0.85rem !important; line-height: 1.6 !important; }
}
</style>



<p class="wp-block-paragraph">「何か新しいケアを始める」こと自体が、マルチタスクな毎日では負担になりがちです。</p>



<p class="wp-block-paragraph">Memory Coffeeは、日々の息抜きである<strong>「コーヒータイム」が「そのままケアの時間に変えられる」</strong>ように、クオリティにもこだわりました。</p>



<p class="wp-block-paragraph">朝の準備時間や、ほっと一息つく連絡帳作成の合間に、無理なく自然に続けられる設計です。</p>



<p class="wp-block-paragraph">多くの注意力を要する保育の現場だからこそ、自分自身のコンディションを内側から科学的にサポートする仕組みを持つのはいかがでしょうか？</p>



<style>
/* Memory Coffee プレミアム・サファイアバナー（PC最適化＆強制上書き版） */
.mc-jewel-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  margin: 3em 0 !important;
  padding: 12px 24px !important; /* 左右の余白を少し詰めて空間を確保 */
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", serif;
  
  /* サファイアブルーの深層グラデーション背景 */
  background: radial-gradient(circle at center, #0047AB 0%, #002147 100%);
  
  /* 1pxの琥珀色の細い境界線 */
  border: 1px solid rgba(197, 160, 89, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 15px rgba(197, 160, 89, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 微細なコーヒー豆のテクスチャ（オーバーレイ） */
.mc-jewel-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c5 0 8-4 8-8s-3-8-8-8-8 4-8 8 3 8 8 8z' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  pointer-events: none;
}

/* ホバー時の宝石のような輝きの変化 */
.mc-jewel-banner:hover {
  transform: translateY(-3px);
  border-color: #FFBF00;
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 0 25px rgba(255, 191, 0, 0.2);
}

/* 左側：ロゴ・フレームエリア */
.mc-jb-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important; /* 少し間隔を詰めて横幅を節約 */
  z-index: 2;
}
.mc-jb-logo-frame {
  position: relative;
  padding: 6px;
  border: 1.5px solid #C5A059;
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}
/* 湯気・ミストの演出（ぼかし光） */
.mc-jb-logo-frame::after {
  content: "";
  position: absolute;
  top: -10px; left: 50%;
  width: 40px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(197,160,89,0.4) 0%, transparent 70%);
  filter: blur(8px);
  transform: translateX(-50%);
  animation: jbSteam 4s infinite alternate;
}
@keyframes jbSteam {
  from { opacity: 0.3; transform: translateX(-50%) translateY(0); }
  to { opacity: 0.6; transform: translateX(-50%) translateY(-5px); }
}
.mc-jb-logo-frame img {
  max-height: 44px !important;
  width: auto !important;
  display: block;
  filter: drop-shadow(0 0 5px rgba(197,160,89,0.5));
}

/* 中央：テキストエリア（縦並びに変更して窮屈さを解消） */
.mc-jb-center {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important; /* バッジとテキストを縦に配置 */
  align-items: flex-start !important; /* 左寄せ */
  justify-content: center !important;
  padding: 0 24px !important;
  gap: 6px !important;
  z-index: 2;
}
.mc-jb-badge {
  background: #C5A059;
  border: 1px solid #FFD700;
  color: #1e2147;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 0 !important; /* 縦並びのため右マージンをリセット */
  white-space: nowrap !important;
  display: inline-block !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mc-jb-text {
  color: #ffffff !important;
  font-size: 1.15em !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  white-space: nowrap !important; /* 意図しない改行を完全に防ぐ */
}

/* 右側：鮮やかなピュアオレンジのジュエルボタン */
.mc-jb-btn {
  background: linear-gradient(145deg, #FF8A00 0%, #FF5E00 50%, #DF4A00 100%) !important;
  border: 1px solid #FFAD33 !important;
  padding: 10px 24px !important; /* 横幅を節約 */
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 5px 15px rgba(223, 74, 0, 0.4), inset 0 2px 2px rgba(255,255,255,0.4) !important;
  position: relative;
  overflow: hidden;
  z-index: 2;
  white-space: nowrap !important; /* ボタン内の文字落ちを防ぐ */
}
/* ボタン上の光の走査（宝石の輝き） */
.mc-jb-btn::after {
  content: '';
  position: absolute;
  top: -50%; left: -100%;
  width: 50%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
  transform: rotate(30deg);
  animation: jbBtnShine 3s infinite;
}
@keyframes jbBtnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.mc-jb-btn-text {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.95em !important;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-jewel-banner { flex-direction: column !important; gap: 20px !important; padding: 25px !important; text-align: center !important; }
  .mc-jb-logo-frame { border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 15px !important; }
  .mc-jb-center { align-items: center !important; padding: 0 !important; gap: 12px !important; }
  .mc-jb-text { text-align: center !important; }
  .mc-jb-btn { width: 100% !important; justify-content: center !important; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-jewel-banner">
  
  <div class="mc-jb-left">
    <div class="mc-jb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-jb-center">
    <div class="mc-jb-badge">機能性表示食品</div>
    <p class="mc-jb-text">
      200mgのGABAを1杯に<br>コーヒーで手軽に機能ケア
    </p>
  </div>

  <div class="mc-jb-btn">
    <span class="mc-jb-btn-text">Memory Coffeeを詳しくみる ▶︎</span>
  </div>

</a>



<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&amp;family=Noto+Serif+JP:wght@400;700&amp;display=swap" rel="stylesheet">
<style>
.mc2-outer, .mc2-outer *, .mc2-outer *::before, .mc2-outer *::after { box-sizing: border-box; }

.mc2-outer {
  width: 100%;
  padding: 24px 0 32px;
}
.mc2-wrap { width: 100%; max-width: 920px; margin: 0 auto; }

.mc2-coupon-bar {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12.5px; font-weight: 700;
  color: #3A2FB0; text-align: center;
  margin: 0 0 10px; letter-spacing: .08em;
}

.mc2-card {
  position: relative;
  display: flex; align-items: stretch;
  text-decoration: none; border-radius: 16px; overflow: hidden;
  background: linear-gradient(120deg, #090640 0%, #1714A0 60%, #0C0965 100%);
  box-shadow: 0 8px 40px rgba(9,6,64,.5), 0 2px 12px rgba(23,20,160,.3);
  transition: transform .25s ease, box-shadow .25s ease;
  min-height: 148px;
}
.mc2-card::after {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none; z-index: 0;
}
.mc2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 52px rgba(9,6,64,.65), 0 4px 20px rgba(23,20,160,.4);
}

.mc2-brand {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 8px;
  padding: 22px 26px;
  background: rgba(0,0,0,.2);
  border-right: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
}
.mc2-amz-pill {
  background: #fff; border-radius: 6px;
  padding: 8px 18px;
  display: inline-flex; align-items: center;
  align-self: flex-start;
}
.mc2-amz-logo { height: 44px; width: auto; display: block; }
.mc2-name {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.375rem; font-weight: 700;
  color: #fff; margin: 0;
  white-space: nowrap; letter-spacing: .03em;
}
.mc2-tagline {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5);
  margin: 0; letter-spacing: .06em;
}

.mc2-mid {
  position: relative; z-index: 1;
  flex: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 14px;
  padding: 20px 28px;
}
.mc2-benefit {
  padding-left: 12px;
  border-left: 2px solid rgba(255,255,255,.22);
}
.mc2-benefit-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px; font-weight: 500;
  color: #fff; margin: 0 0 3px;
}
.mc2-benefit-sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5); margin: 0;
}

.mc2-right {
  position: relative; z-index: 1;
  flex-shrink: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 10px; padding: 24px 28px;
  border-left: 1px solid rgba(255,255,255,.06);
}
.mc2-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #E82020, #C41010);
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.875rem; font-weight: 700;
  padding: 13px 26px; border-radius: 30px;
  white-space: nowrap; letter-spacing: .04em;
  box-shadow: 0 3px 16px rgba(200,16,16,.45);
  transition: box-shadow .2s ease;
}
.mc2-card:hover .mc2-btn {
  box-shadow: 0 6px 26px rgba(200,16,16,.7);
}
.mc2-note {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9.5px; color: rgba(255,255,255,.35);
  margin: 0; text-align: center;
}

@media (max-width: 680px) {
  .mc2-outer { padding: 20px 0 28px; }
  .mc2-card { flex-direction: column; }
  .mc2-brand {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 20px 20px 16px;
  }
  .mc2-amz-pill { align-self: center; }
  .mc2-name { font-size: 1.25rem; white-space: normal; text-align: center; }
  .mc2-tagline { text-align: center; }
  .mc2-mid { padding: 16px 20px; gap: 12px; }
  .mc2-right {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 16px 20px 20px;
  }
  .mc2-btn { width: 100%; justify-content: center; font-size: 0.9375rem; }
  .mc2-note { white-space: normal; }
}
</style>

<div class="mc2-outer">
  <div class="mc2-wrap">

    <p class="mc2-coupon-bar">＼ 期間限定１７%OFF ／</p>

    <a href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener" class="mc2-card">

      <div class="mc2-brand">
        <div class="mc2-amz-pill">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" class="mc2-amz-logo">
        </div>
        <p class="mc2-name">Memory Coffee</p>
        <p class="mc2-tagline">記憶力を維持するGABA×コーヒー</p>
      </div>

      <div class="mc2-mid">
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Prime対応・最短翌日お届け</p>
          <p class="mc2-benefit-sub">お急ぎ便でいつでも手軽にお手元に</p>
        </div>
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Amazonのレビューで購入前に確認</p>
          <p class="mc2-benefit-sub">実際に飲んだ方の声を参考にできる</p>
        </div>
      </div>

      <div class="mc2-right">
        <div class="mc2-btn">
          17%OFFで購入する
          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <path d="M5 12H19M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </div>
        <p class="mc2-note"></p>
      </div>

    </a>

  </div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">まとめ│親と子ども。その「信頼の架け橋」を作れる素晴らしい職業</h2>



<!-- ==========================================
   振り返りカード：押さえておきたいポイント（保育士版・rem相対指定版）
========================================== -->
<div class="ksm-container">
  <div class="ksm-header">
    <span class="ksm-badge">今回の振り返り</span>
    <!-- ★ 目次回避 ＆ クローラー向けh3宣言 ★ -->
    <div class="ksm-title" role="heading" aria-level="3">押さえておきたいポイント</div>
  </div>

  <ul class="ksm-list">
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>予測不能な出来事への対応は、保育士共通の悩み</strong>
        <p>「言うことを聞かない」「いきなり泣く」といった予測不能な出来事への対応は、多くの保育士が直面する壁である。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>警戒・覚醒を司る「青斑核」の緊張が疲弊の一因</strong>
        <p>脳の青斑核が常に緊張状態を維持しようと働き続けることが、特有の疲弊を引き起こしている。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>高負荷な状況でこそ、GABAが持続的注意力を支える</strong>
        <p>負荷の高い状況下でこそ、脳内のGABA濃度が持続的注意力を支える役割を果たしている。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>深呼吸など意識的な「区切り」が現実的な対策になる</strong>
        <p>深呼吸で意識的な区切りを作る、予測できることに備えることが、脳の負荷を減らす鍵となる。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>一人で全てを背負い込まず、自分自身を大切にする</strong>
        <p>責任の重い仕事をしているからこそ、一人で抱え込まず、子どもたちを守るあなた自身のことも大切にする。</p>
      </div>
    </li>
  </ul>
</div>

<!-- ==========================================
   デザイン用 CSS（rem相対指定版）
========================================== -->
<style>
  /* 全体を囲むクリーンな1px枠線（太線を廃止） */
  .ksm-container {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin: 2.5em 0 !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box !important;
  }
  .ksm-header { margin-bottom: 18px !important; }
  .ksm-badge {
    display: inline-block !important; background: #2563eb !important; color: #ffffff !important;
    font-size: 0.85rem !important; font-weight: 700 !important; padding: 4px 10px !important; 
    border-radius: 4px !important; margin-bottom: 8px !important;
  }
  .ksm-title { margin: 0 !important; font-size: 1.25rem !important; font-weight: 800 !important; color: #0f172a !important; line-height: 1.4 !important; }

  /* 見出し装飾リセット（SWELL等テーマ対策） */
  .ksm-container .ksm-title {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
  }
  .ksm-container .ksm-title::before,
  .ksm-container .ksm-title::after {
    display: none !important;
    content: none !important;
  }

  .ksm-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 16px !important; }
  .ksm-list li { display: flex !important; gap: 14px !important; align-items: flex-start !important; }

  .ksm-icon {
    flex-shrink: 0 !important; width: 26px !important; height: 26px !important; border-radius: 50% !important;
    background: #2563eb !important; color: #ffffff !important; font-size: 0.95rem !important; font-weight: 800 !important; 
    display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 2px !important;
  }

  .ksm-content strong { display: block !important; font-size: 1.05rem !important; color: #0f172a !important; margin-bottom: 4px !important; }
  .ksm-content p { margin: 0 !important; font-size: 0.95rem !important; color: #475569 !important; line-height: 1.65 !important; }

  /* スマホ用レスポンシブ（主幹指定の1.15remベースへ調整） */
  @media (max-width: 600px) {
    .ksm-container { padding: 24px 16px !important; }
    
    .ksm-badge { font-size: 0.95rem !important; }
    .ksm-title { font-size: 1.35rem !important; margin-bottom: 24px !important; }
    
    .ksm-list { gap: 20px !important; }
    .ksm-icon { 
      width: 32px !important; 
      height: 32px !important; 
      font-size: 1.1rem !important; 
    }
    
    .ksm-content strong { 
      font-size: 1.25rem !important; 
      margin-bottom: 8px !important; 
    }
    /* 本文テキストを 1.15rem に統一 */
    .ksm-content p { 
      font-size: 1.15rem !important; 
      line-height: 1.7 !important; 
    }
  }
</style>



<p class="wp-block-paragraph">本記事を執筆するにあたり、実際に現場で18年間働く保育士の方にインタビューを行いました。<br>その方は現在０歳児を担当しています。</p>



<p class="wp-block-paragraph">お話を聞いているだけでも次から次へと様々な声が…</p>



<p class="wp-block-paragraph">私は脳科学的な視点でヒアリングを行いましたが、「予想以上にマルチタスク」だなと感じました。</p>



<p class="wp-block-paragraph">まだ自立しきれない子どもへの向き合い方、保護者とのコミュニケーション、園内での人間関係など様々ところに気を配りながらでホントに大変なお仕事です。</p>



<p class="wp-block-paragraph">しかし、大変な反面、大きな喜び・やりがいも聞くことが出来ました。</p>



<p class="wp-block-paragraph">それが<strong>「子どもとの出来た信頼関係を通して親御さんから感謝されたとき」</strong>だそうです。</p>



<p class="wp-block-paragraph">子どもとの信頼関係とはなにか？<br>最初はうまくコミュニケーションが取れなくても、日々一緒に過ごす時間を重ねるうちに「先生！一緒に遊ぼう！」「先生がやるなら、やってみる」などど心を通い合わせること。</p>



<p class="wp-block-paragraph">それを親御さんに共有することで、家では甘えてできなかったことでも出来るようになって「先生ありがとうございます！」と感謝される瞬間に『保育士になって良かった！』と思える。</p>



<p class="wp-block-paragraph">まさしく<strong>「かけがえの親子の絆の架け橋を作れる職業だな」</strong>と感じました。</p>



<p class="wp-block-paragraph">三つ子の魂百までという言葉があります。<br><br>「三つ子の魂百まで」とは、幼いころ（3歳ごろ）に身についた性格や気質は、100歳になっても変わらないという意味の日本のことわざです。</p>



<p class="wp-block-paragraph">人間の基礎や癖は、子供のときのままずっと残るという意味で使われます。</p>



<p class="wp-block-paragraph">その大切な時期に親御さんたちも大小さまざまな不安を抱くでしょう。</p>



<p class="wp-block-paragraph">その不安を半分以下に、そして喜びを２倍以上にできるのが保育士だと思います。</p>



<p class="wp-block-paragraph">しかし、自身が体調を崩してしまったら元も子もありません。</p>



<p class="wp-block-paragraph">今回紹介した脳の仕組みを理解し「私が疲れているんじゃない、脳が疲れているだけ」と良い意味で他人ごとに捉えつつ、適切に自分をいたわってあげてください。</p>



<p class="wp-block-paragraph">本記事が、親御さんの宝である「子ども」の人生の基礎をしっかり支える「保育士」の方々のお役に立てることを願っております。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
   SEO用 FAQセクション（保育士版・rem相対指定版）
========================================== -->
<div class="faq-container">
  
  <div class="faq-header">
    <span class="faq-badge">Q&amp;A</span>
    <!-- ★ 目次回避 ＆ クローラー向けh2宣言 ★ -->
    <div class="faq-title" role="heading" aria-level="2">よくある質問（FAQ）</div>
  </div>

  <div class="faq-list">

    <!-- FAQ 1 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>ビジランスによる疲労は、経験を積めば軽くなりますか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>経験によって、対応のパターンを蓄積できることは期待できますが、警戒を維持し続けること自体の負荷は、大きくは変わらないとされています。経験とあわせて、休憩や役割分担といった仕組みによる対策を続けることが大切です。</p>
      </div>
    </div>

    <!-- FAQ 2 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>GABAは、具体的にどんな場面で役立つとされていますか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>紹介した研究では、負荷の高い状況、つまり気を抜けない場面が続く状況でこそ、GABAの働きが成績と関連していたことが示されています。</p>
      </div>
    </div>

    <!-- FAQ 3 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>口から摂取したGABAは、脳まで届くのですか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>GABAが血液脳関門をどのように通過するかについては、現在も研究が続けられている分野です。記事内でご紹介した脳科学の研究は、GABAという物質が脳内でどのような役割を担っているかを説明する、一般的な背景知識としてご紹介しているものです。Memory Coffeeの「持続的注意力の維持をサポートする」という機能は、これらの研究を直接の根拠とするものではなく、消費者庁への届出（届出番号：J1384）において、必要な科学的根拠に基づき評価・受理されたものです。</p>
      </div>
    </div>

    <!-- FAQ 4 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>保育士に向いていないのではと感じてしまいます。</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>予測不能な出来事への対応で疲れを感じるのは、多くの保育士に共通する、脳の仕組み上の現象です。すぐに「向いていない」と結論づけず、まずは仕組みによる対策を試してみることをお勧めします。それでも辛さが続く場合は、一人で抱え込まず、周囲や専門機関に相談してください。</p>
      </div>
    </div>

  </div>
</div>

<!-- ==========================================
   デザイン用 CSS（rem相対指定版）
========================================== -->
<style>
  /* 全体を囲むクリーンな1px枠線（太線を廃止） */
  .faq-container {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin: 2.5em 0 !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box !important;
  }
  .faq-header { margin-bottom: 20px !important; }
  .faq-badge {
    display: inline-block !important; background: #2563eb !important; color: #ffffff !important;
    font-size: 0.85rem !important; font-weight: 700 !important; padding: 4px 10px !important; 
    border-radius: 4px !important; margin-bottom: 8px !important;
  }

  .faq-container .faq-title {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1.25rem !important; 
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
  }
  .faq-container .faq-title::before,
  .faq-container .faq-title::after {
    display: none !important;
    content: none !important;
  }

  .faq-list { display: flex !important; flex-direction: column !important; gap: 16px !important; }
  
  .faq-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 18px !important;
  }

  .faq-question {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    margin-bottom: 12px !important;
  }
  .faq-q-icon {
    flex-shrink: 0 !important; width: 26px !important; height: 26px !important; border-radius: 50% !important;
    background: #2563eb !important; color: #ffffff !important; font-size: 0.95rem !important; font-weight: 800 !important; 
    display: flex !important; align-items: center !important; justify-content: center !important;
  }
  .faq-question p {
    margin: 0 !important; font-size: 1.05rem !important; font-weight: bold !important; color: #0f172a !important; line-height: 1.5 !important; 
  }

  .faq-answer {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    border-top: 1px dashed #e2e8f0 !important;
    padding-top: 12px !important;
  }
  .faq-a-icon {
    flex-shrink: 0 !important; width: 26px !important; height: 26px !important; border-radius: 50% !important;
    background: #ef4444 !important; color: #ffffff !important; font-size: 0.95rem !important; font-weight: 800 !important; 
    display: flex !important; align-items: center !important; justify-content: center !important;
  }
  .faq-answer p {
    margin: 0 !important; font-size: 0.95rem !important; color: #334155 !important; line-height: 1.7 !important; 
  }

  /* スマホ用レスポンシブ（主幹指定の1.15remベースへ調整） */
  @media (max-width: 600px) {
    .faq-container { padding: 24px 16px !important; }
    
    .faq-badge { font-size: 0.95rem !important; }
    .faq-title { font-size: 1.35rem !important; margin-bottom: 24px !important; }
    
    .faq-item { padding: 20px 16px !important; }

    .faq-question { gap: 14px !important; margin-bottom: 16px !important; }
    .faq-q-icon { 
      width: 32px !important; height: 32px !important; 
      font-size: 1.1rem !important; 
    }
    .faq-question p { 
      font-size: 1.25rem !important; 
      line-height: 1.6 !important; 
    }

    .faq-answer { gap: 14px !important; padding-top: 16px !important; }
    .faq-a-icon { 
      width: 32px !important; height: 32px !important; 
      font-size: 1.1rem !important; 
    }
    /* 本文テキストを 1.15rem に統一 */
    .faq-answer p { 
      font-size: 1.15rem !important; 
      line-height: 1.7 !important; 
    }
  }
</style>

<!-- ==========================================
   SEO用 構造化データ（JSON-LD）
========================================== -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "ビジランスによる疲労は、経験を積めば軽くなりますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "経験によって、対応のパターンを蓄積できることは期待できますが、警戒を維持し続けること自体の負荷は、大きくは変わらないとされています。経験とあわせて、休憩や役割分担といった仕組みによる対策を続けることが大切です。"
      }
    },
    {
      "@type": "Question",
      "name": "GABAは、具体的にどんな場面で役立つとされていますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "紹介した研究では、負荷の高い状況、つまり気を抜けない場面が続く状況でこそ、GABAの働きが成績と関連していたことが示されています。"
      }
    },
    {
      "@type": "Question",
      "name": "口から摂取したGABAは、脳まで届くのですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "GABAが血液脳関門をどのように通過するかについては、現在も研究が続けられている分野です。記事内でご紹介した脳科学の研究は、GABAという物質が脳内でどのような役割を担っているかを説明する、一般的な背景知識としてご紹介しているものです。Memory Coffeeの「持続的注意力の維持をサポートする」という機能は、これらの研究を直接の根拠とするものではなく、消費者庁への届出（届出番号：J1384）において、必要な科学的根拠に基づき評価・受理されたものです。"
      }
    },
    {
      "@type": "Question",
      "name": "保育士に向いていないのではと感じてしまいます。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "予測不能な出来事への対応で疲れを感じるのは、多くの保育士に共通する、脳の仕組み上の現象です。すぐに「向いていない」と結論づけず、まずは仕組みによる対策を試してみることをお勧めします。それでも辛さが続く場合は、一人で抱え込まず、周囲や専門機関に相談してください。"
      }
    }
  ]
}
</script>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
  あわせて読みたい（関連記事リンク）
========================================== -->
<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">

    
    
    <!-- 1記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/sustained-attention-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/sustained-attention-brain-focus-guide.webp" alt="持続的注意力とは？低下するメカニズムと維持する習慣">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">持続的注意力</div>
        <div class="end-card-title">持続的注意力が低下する原因と維持する4つの習慣</div>
      </div>
    </a>

<!-- 2記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/spatial-cognition-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/spatial-cognition-ability-aging-guide.webp" alt="空間認知力とは？低下するメカニズムと維持する習慣">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">空間認知力</div>
        <div class="end-card-title">空間認知力が落ちる理由と維持する習慣</div>
      </div>
    </a>

    <!-- 3記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/memory-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/memory-aging-maintenance-thumbnail.webp" alt="記憶力低下の仕組みは？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">記憶力</div>
        <div class="end-card-title">加齢で低下するメカニズムと科学的に維持する4つの習慣</div>
      </div>
    </a>

  </div>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
.end-section {
  background: #f7f4ee !important;
  border-top: 1px solid #e5dece !important;
  padding: 32px 20px 40px !important;
  margin-top: 48px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  box-sizing: border-box !important;
}

.end-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}

.end-header-bar {
  width: 5px !important;
  height: 22px !important;
  background: #c4993a !important;
  border-radius: 3px !important;
  flex-shrink: 0 !important;
}

.end-header-text {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
}

/* カードのレイアウト（スマホは1列、PCは3列） */
.end-cards {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

@media screen and (min-width: 600px) {
  .end-cards {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}

.end-card {
  display: block !important;
  background: #fff !important;
  border: 1px solid #e5dece !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: inherit !important;
  -webkit-tap-highlight-color: transparent !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
  transition: all 0.2s ease !important;
}

.end-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 12px rgba(196, 153, 58, 0.15) !important;
}

.end-card-img {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #d6c9a8 !important;
}

.end-card-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.end-card-body {
  padding: 16px !important;
}

.end-card-tag {
  display: inline-block !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: #8c6d2f !important;
  background: #fdfaf3 !important;
  border: 1px solid #e5dece !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
}

.end-card-title {
  font-size: 1.15rem !important; /* ★記事全体のルールに合わせて1.15remに統一 */
  font-weight: 700 !important;
  line-height: 1.6 !important;
  color: #1a1a1a !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
</style>



<!-- ==========================================
   免責事項および重要事項セクション（保育士版・rem相対指定・見出し属性解除版）
========================================== -->
<section class="mc-disclaimer-section">
    <div class="mc-disclaimer-box">
        
        <div class="mc-disclaimer-title">
            <span style="margin-right: 8px;">⚖️</span> 免責事項および重要事項
        </div>
        
        <ul class="mc-disclaimer-list">
            <li class="mc-disclaimer-item">
                <b style="color: #222;">1. 情報の正確性について：</b><br>
                本記事の内容は、学術論文および一般的な公開情報に基づき、執筆時点の情報として整理したものです。<br>
                情報の正確性・最新性には細心の注意を払っておりますが、新たな研究知見により見解が更新される可能性があります。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">2. 個人差・職場環境について：</b><br>
                本記事で紹介している内容は、一般的な研究知見や傾向を整理したものであり、特定の個人の適性や能力を診断・保証するものではありません。<br>
                ビジランスへの耐性には個人差があり、職場環境や人員体制によっても負荷の感じ方は異なります。慢性的な疲労やストレスが続く場合は、自己判断せず、上司や専門機関にご相談ください。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">3. 医療行為の代替ではありません：</b><br>
                本記事は一般的な健康情報の提供を目的としたものであり、医師による診断、治療、または処方に代わるものではありません。<br>
                また、紹介している成分や製品は、疾病の診断、治療、予防を目的としたものではありません。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">4. 効果の個人差について：</b><br>
                GABA等の機能性関与成分に関する記述は、一般的な届出情報・研究知見に基づくものであり、特定の製品の摂取によって全ての方に同様の効果を保証するものではありません。<br>
                体質や体調により、まれに合わない場合があります。ご自身の体調に合わせて、無理なく取り入れていただくために——持病のお薬（血圧に関するものなど）を服用中の方は、念のため医師・薬剤師にご確認のうえお召し上がりください。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">5. 損害への責任：</b><br>
                本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。<br>
                最終的な判断はご自身の責任において行っていただけますよう、お願い申し上げます。
            </li>
        </ul>

        <div class="mc-statutory-box">
            <b style="color: #222; display: block; margin-bottom: 8px;">【機能性表示食品に関する表示】</b>
            <p>本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。</p>
            <p>本品は、疾病の診断、治療、予防を目的としたものではありません。</p>
            <p>食生活は、主食、主菜、副菜を基本に、食事のバランスを。</p>
        </div>
    </div>
</section>

<!-- ==========================================
   デザイン用 CSS（rem相対指定版）
========================================== -->
<style>
.mc-disclaimer-section {
    width: 100%;
    max-width: none;
    margin: 40px auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif;
    color: #555;
    line-height: 1.6;
    border-top: 1px solid #eee;
    padding-top: 30px;
    box-sizing: border-box;
}
.mc-disclaimer-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.mc-disclaimer-title {
    font-size: 0.95rem; /* PC表示 */
    color: #222;
    margin: 0 0 15px 0;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.mc-disclaimer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.85rem; /* PC表示 */
    text-align: justify;
}
.mc-disclaimer-item { margin-bottom: 14px; }
.mc-disclaimer-item:last-child { margin-bottom: 0; }
.mc-statutory-box {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px dashed #cbd5e1;
    font-size: 0.85rem; /* PC表示 */
    color: #475569;
}
.mc-statutory-box p { margin: 0 0 8px 0; }
.mc-statutory-box p:last-child { margin-bottom: 0; }

/* スマホ最適化（主幹指定の1.1remベースへ調整・枠線の維持） */
@media (max-width: 600px) {
    .mc-disclaimer-section { 
        margin: 40px 0; 
        padding-top: 20px; 
        border-top: none; 
    }
    .mc-disclaimer-box { 
        border-radius: 8px; 
        border: 1px solid #e2e8f0; 
        padding: 20px 16px; 
    }
    .mc-disclaimer-title {
        font-size: 1.2rem !important; 
        margin-bottom: 18px !important;
    }
    .mc-disclaimer-list { 
        font-size: 1.1rem !important; 
        line-height: 1.7 !important;
    }
    .mc-disclaimer-item { 
        margin-bottom: 16px !important; 
    }
    .mc-statutory-box { 
        font-size: 1.1rem !important; 
        line-height: 1.7 !important;
    }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
  著者情報ボックス（スマホ1rem調整版）
========================================== -->
<div class="author-box-container">
    
    <div class="author-box-top-border"></div>
    
    <div class="author-box-content">
        <div class="author-logo">
            <div class="author-logo-inner">
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" loading="lazy">
            </div>
        </div>

        <div class="author-text">
            <div class="author-title-wrap">
                <span class="author-badge">著者</span>
                <div class="author-title">メモコーマガジン編集部</div>
            </div>
            <p class="author-desc">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に、客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div class="author-box-footer">
        <p class="author-footer-text">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
    
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
/* 全体コンテナ */
.author-box-container {
    width: 100%;
    max-width: 700px;
    margin: 40px auto;
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
    box-sizing: border-box;
}

/* 上部のアクセントライン */
.author-box-top-border {
    height: 5px;
    background: linear-gradient(to right, #1A2A40, #C5A059);
}

/* メインコンテンツエリア */
.author-box-content {
    padding: 32px 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* ロゴ部分 */
.author-logo {
    flex: 0 0 80px;
    margin-right: 24px;
}

.author-logo-inner {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 2px solid #f0f4f7;
    overflow: hidden;
    background: #f4f7f9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.author-logo-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* テキスト部分 */
.author-text {
    flex: 1;
    min-width: 250px;
}

.author-title-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px;
    gap: 10px;
}

.author-badge {
    font-size: 0.875rem;
    font-weight: bold;
    background: #1A2A40;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

.author-title {
    font-size: 1.25rem;
    color: #1A2A40;
    font-weight: bold;
    white-space: nowrap;
    margin: 0;
}

.author-desc {
    margin: 0;
    font-size: 0.9375rem;
    color: #444444;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-character;
}

.author-desc b {
    color: #1A2A40;
}

/* フッター（注記）部分 */
.author-box-footer {
    background: #f9f9f9;
    padding: 16px 24px;
    border-top: 1px solid #eee;
}

.author-footer-text {
    margin: 0;
    font-size: 13px;
    color: #666666;
    line-height: 1.6;
}

/* ==========================================
  モバイル表示最適化 (スマホサイズ 1rem調整版)
========================================== */
@media screen and (max-width: 600px) {
    .author-box-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 24px 16px;
    }
    .author-logo {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .author-logo-inner {
        width: 80px;
        height: 80px;
    }
    .author-text {
        text-align: center;
    }
    .author-title-wrap {
        justify-content: center;
        margin-bottom: 16px;
    }
    
    /* ▼ ヒエラルキーと1rem対応 ▼ */
    .author-badge {
        font-size: 0.95rem; /* バッジも少し見やすく */
        padding: 4px 12px;
    }
    .author-title {
        font-size: 1.2rem; /* 名前部分 */
    }
    .author-desc {
        font-size: 1rem; /* ご指定の1rem */
        text-align: left; /* スマホでも左揃えの方が長文は読みやすいです */
        line-height: 1.75;
    }
    .author-box-footer {
        padding: 16px;
    }
    .author-footer-text {
        font-size: 0.85rem; /* 注記も少しだけサイズアップ */
        text-align: left;
    }
}
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 0.875rem; color: #333; border: 1px solid #ddd;">
        <tbody><tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </tbody></table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>施工管理はなぜきつい？脳科学が示すマルチタスクの正体</title>
		<link>https://memory-coffee.jp/magazine/construction-management-multitask-attention/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Mon, 10 Aug 2026 13:39:52 +0000</pubDate>
				<category><![CDATA[持続的注意力]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=7107</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/08/construction-management-multitask-attention-thumbnail-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ この記事のポイント 施工管理の「きつさ」の正体は [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/08/construction-management-multitask-attention-thumbnail-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 0.9375rem; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 0.9375rem; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<!-- ==========================================
  記事冒頭：要点まとめボックス（施工管理士版）
========================================== -->


<div class="memory-summary-box">
  <div class="memory-summary-title">この記事のポイント</div>
  <ul class="memory-summary-list">
    <li>施工管理の「きつさ」の正体は、工程・品質・安全・原価を同時に管理する、<span class="memory-summary-highlight">脳への強い負荷であること</span></li>
    <li>2023年発表の日本人研究チームの研究で、<span class="memory-summary-highlight">&#8220;負荷の高い状況&#8221;でこそGABAが持続的注意力を支えている</span>ことが示されていること</li>
    <li>優先順位の可視化・区切りの工夫など、<span class="memory-summary-highlight">今日から取り入れられる具体的な対策があること</span></li>
  </ul>
</div>

<style>
/* ボックス全体 */
.memory-summary-box {
  background-color: #f2f7fb !important; 
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.6) 2px,
    transparent 2px,
    transparent 8px
  ) !important;
  border: 1px solid #e1e9f0 !important;
  border-radius: 6px !important;
  padding: 2.5em 2em !important;
  margin: 2em 0 3em 0 !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important;
  position: relative !important;
  overflow: hidden !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
  box-sizing: border-box !important;
}

/* 透かし文字（POINT） */
.memory-summary-box::after {
  content: "POINT" !important;
  position: absolute !important;
  bottom: -15px !important;
  right: 0px !important;
  font-size: 5em !important;
  font-weight: 800 !important;
  color: rgba(37, 99, 235, 0.04) !important;
  line-height: 1 !important;
  pointer-events: none !important;
  letter-spacing: -0.02em !important;
  z-index: 1 !important;
}

/* タイトル */
.memory-summary-title {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 1.5em !important;
  display: flex !important;
  align-items: center !important;
  letter-spacing: 0.08em !important;
  position: relative !important;
  z-index: 2 !important;
}
.memory-summary-title::before {
  content: '💡' !important;
  display: inline-block !important;
  margin-right: 12px !important;
  font-size: 1.1em !important;
  line-height: 1 !important;
}

/* 箇条書きリスト */
.memory-summary-list {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* リストテキスト */
.memory-summary-list li {
  position: relative !important;
  padding-left: 2em !important;
  margin-bottom: 1.2em !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  font-size: 1.05rem !important;
  letter-spacing: 0.03em !important;
  font-weight: 500 !important;
}

/* チェックマーク */
.memory-summary-list li::before {
  content: '✓' !important;
  position: absolute !important;
  left: 0 !important;
  top: -0.1em !important;
  color: #2563eb !important;
  font-weight: bold !important;
  font-size: 1.3em !important;
}
.memory-summary-list li:last-child { 
  margin-bottom: 0 !important; 
}

/* マーカーハイライト */
.memory-summary-highlight {
  color: #1a1a1a !important;
  font-weight: 800 !important;
  /* ↓ 透過度60%の黄色に変更しました */
  background: linear-gradient(transparent 65%, rgba(255, 235, 59, 0.6) 0) !important;
}

/* スマホ表示最適化 */
@media (max-width: 600px) {
  .memory-summary-box { 
    padding: 1.5em 1.2em !important; 
    margin: 1.5em 0 2em 0 !important; 
  }
  .memory-summary-title { 
    margin-bottom: 1.2em !important; 
    font-size: 1.25rem !important; 
  }
  .memory-summary-list li { 
    padding-left: 1.7em !important; 
    margin-bottom: 1em !important; 
    line-height: 1.7 !important; 
    font-size: 1.15rem !important; 
  }
  .memory-summary-box::after { 
    font-size: 3.5em !important; 
    bottom: -10px !important; 
    right: -5px !important; 
  }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-43.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-on"><div class="c-balloon__text">
<p>工程は遅れていないか？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="green"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-43.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-on"><div class="c-balloon__text">
<p>品質は保たれているか？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-43.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-on"><div class="c-balloon__text">
<p>安全対策は万全か？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="green"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-43.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-on"><div class="c-balloon__text">
<p>コストは予算内か？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">施工管理という仕事は、常にこれら多くの課題が同時多発的に重なる、いわゆる<strong>「マルチタスク」</strong>を抱え続けなければなりません。</p>



<!-- ==========================================
  図解：施工管理の4大管理と対象業種（視覚強化版）
========================================== -->
<div class="mc-job-visual-wrapper">
  <div class="mc-job-visual-header">
    <span class="mc-header-icon">🏗️</span>
    どの現場でも発生する<br class="mc-sp-only">「4大管理」とマルチタスク
  </div>

  <!-- 4大管理（2x2グリッド図解） -->
  <div class="mc-4kanri-grid">
    <div class="mc-4kanri-item mc-color-blue">
      <div class="mc-4kanri-icon">📅</div>
      <div class="mc-4kanri-text">
        <div class="mc-4kanri-name">工程管理</div>
        <div class="mc-4kanri-desc">工期に間に合わせる<br>スケジューリング</div>
      </div>
    </div>
    <div class="mc-4kanri-item mc-color-green">
      <div class="mc-4kanri-icon">✨</div>
      <div class="mc-4kanri-text">
        <div class="mc-4kanri-name">品質管理</div>
        <div class="mc-4kanri-desc">仕様書通りの強度・<br>精度・仕上がり確認</div>
      </div>
    </div>
    <div class="mc-4kanri-item mc-color-orange">
      <div class="mc-4kanri-icon">⛑️</div>
      <div class="mc-4kanri-text">
        <div class="mc-4kanri-name">安全管理</div>
        <div class="mc-4kanri-desc">現場の事故を防ぐ<br>環境整備・巡回</div>
      </div>
    </div>
    <div class="mc-4kanri-item mc-color-red">
      <div class="mc-4kanri-icon">💰</div>
      <div class="mc-4kanri-text">
        <div class="mc-4kanri-name">原価管理</div>
        <div class="mc-4kanri-desc">予算内に収めるための<br>コストコントロール</div>
      </div>
    </div>
  </div>

  <!-- 対象職種（タグスタイル） -->
  <div class="mc-target-box">
    <div class="mc-target-title">🏢 あらゆる施工管理で起こる<br class="mc-sp-only">共通の悩みです</div>
    <div class="mc-target-tags">
      <span>建築</span>
      <span>土木</span>
      <span>電気</span>
      <span>設備</span>
      <span>プラント</span>
    </div>
    <p class="mc-target-desc">
      どの分野であっても「現場の進行」と「デスクワーク」を同時にこなす必要があり、<b>脳へのマルチタスク負荷は等しく高く</b>なります。
    </p>
  </div>
</div>

<!-- ==========================================
  専用 CSS スタイル
========================================== -->
<style>
/* 全体コンテナ */
.mc-job-visual-wrapper {
  margin: 36px 0;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  padding: 24px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
}

/* ヘッダー */
.mc-job-visual-header {
  font-size: 1.15rem;
  font-weight: bold;
  color: #0f172a;
  margin-bottom: 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-bottom: 2px dashed #cbd5e1;
  padding-bottom: 12px;
}
.mc-header-icon {
  font-size: 1.4rem;
}

/* 4大管理グリッド（PCは2列、スマホは1列） */
.mc-4kanri-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 24px;
}
.mc-4kanri-item {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 2px solid;
  border-radius: 8px;
  padding: 16px;
  gap: 12px;
  transition: transform 0.2s ease;
}
.mc-4kanri-item:hover {
  transform: translateY(-2px);
}

/* 各項目のテーマカラー */
.mc-color-blue { border-color: #bfdbfe; }
.mc-color-blue .mc-4kanri-name { color: #1d4ed8; }
.mc-color-green { border-color: #bbf7d0; }
.mc-color-green .mc-4kanri-name { color: #15803d; }
.mc-color-orange { border-color: #fed7aa; }
.mc-color-orange .mc-4kanri-name { color: #c2410c; }
.mc-color-red { border-color: #fecaca; }
.mc-color-red .mc-4kanri-name { color: #b91c1c; }

/* アイコンとテキスト */
.mc-4kanri-icon {
  font-size: 2rem;
  line-height: 1;
  flex-shrink: 0;
}
.mc-4kanri-text {
  flex-grow: 1;
}
.mc-4kanri-name {
  font-size: 1rem;
  font-weight: 900;
  margin-bottom: 4px;
}
.mc-4kanri-desc {
  font-size: 0.85rem;
  color: #475569;
  line-height: 1.4;
}

/* 対象職種ボックス */
.mc-target-box {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
}
.mc-target-title {
  font-size: 1rem;
  font-weight: bold;
  color: #1e293b;
  margin-bottom: 12px;
}

/* タグデザイン */
.mc-target-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-bottom: 16px;
}
.mc-target-tags span {
  background: #1e293b;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: bold;
  padding: 6px 14px;
  border-radius: 20px;
  letter-spacing: 0.05em;
}

/* 説明文 */
.mc-target-desc {
  margin: 0;
  font-size: 0.95rem;
  color: #334155;
  line-height: 1.6;
}
.mc-target-desc b {
  color: #0f172a;
  background: linear-gradient(transparent 65%, #fde047 65%);
}

/* モバイル表示最適化（フォントサイズ・ヒエラルキーの再調整） */
@media (max-width: 600px) {
  .mc-job-visual-wrapper {
    padding: 16px;
  }
  
  /* メイン説明文(1.15rem)よりも目立たせるため、大見出しを1.35remに */
  .mc-job-visual-header {
    font-size: 1.35rem; 
  }
  .mc-header-icon {
    font-size: 1.6rem;
  }
  
  .mc-4kanri-grid {
    grid-template-columns: 1fr;
  }
  .mc-4kanri-item {
    padding: 14px 16px;
  }
  /* グリッド内のアイコン・テキストも拡大してバランス確保 */
  .mc-4kanri-icon {
    font-size: 2.2rem;
  }
  .mc-4kanri-name {
    font-size: 1.15rem; 
  }
  .mc-4kanri-desc {
    font-size: 1rem;
    line-height: 1.5;
  }
  .mc-4kanri-desc br {
    display: none; 
  }
  
  /* 対象職種ボックス内の調整 */
  .mc-target-title {
    font-size: 1.25rem; /* 説明文より少し大きめ */
  }
  .mc-target-tags span {
    font-size: 1rem; /* スマホでもタップ・視認しやすいサイズに */
    padding: 8px 16px;
  }
  
  /* ご指定のメインテキストサイズ */
  .mc-target-desc {
    font-size: 1.15rem; 
    line-height: 1.7; /* 文字サイズ拡大に合わせて行間を少し広く */
  }
}
</style>



<p class="wp-block-paragraph">そこに、さらに…</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="red"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-41.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">作業員</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>〇〇さんが段差で足くじいたみたいです！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right -sp-vrtcl" data-col="red"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-40.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">事務員</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>折り返し電話させると対応しました。急ぎで電話が欲しいようです！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/08/aseru-sekoukanrishi.webp" alt="問題が多発しマルチタスクに追われ内心焦る施工管理士の画像。" class="wp-image-7127" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/aseru-sekoukanrishi.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/08/aseru-sekoukanrishi-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/aseru-sekoukanrishi-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p class="wp-block-paragraph"><strong>現場からの急な問い合わせや予期せぬトラブルが飛び込んでくる…</strong></p>



<p class="wp-block-paragraph">優先順位を組み直しているうちに頭がパニックになり、うっかりミス（ケアレスミス）が増えてしまう——</p>



<p class="wp-block-paragraph">これは、<strong>多くの施工管理者が直面する<span class="swl-marker mark_yellow">&#8220;あるある&#8221;の悩み</span>です。</strong></p>



<p class="wp-block-paragraph">「自分の要領が悪いのではないか」と自分を責めてしまいがちですが、決してそんなことはありません。</p>



<p class="wp-block-paragraph">今回は、この<strong>「きつさ」の正体を脳科学の視点から紐解き、<span class="swl-marker mark_yellow">脳の負荷を減らすための具体的なアプローチ</span></strong>を見ていきましょう。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">施工管理の「きつさ」は、脳の中で何が起きているのか</h2>



<p class="wp-block-paragraph">施工管理が「きつい」とされる理由として、複数の業界メディアが共通して挙げているのが<strong>「マルチタスク」</strong>です。</p>



<p class="wp-block-paragraph">施工管理の現場で感じる疲労感や頭のパンクは、決して個人のメンタルや根性の問題に留まりません。</p>



<p class="wp-block-paragraph">では実際に、マルチタスクや優先順位の組み直しを行っている最中、脳内ではどのような現象が起きているのでしょうか。そのメカニズムを紐解いていきましょう。</p>



<h3 class="wp-block-heading">マルチタスクという、脳にとって過酷な状態</h3>



<p class="wp-block-paragraph">工程表の更新、職人への指示、仕入先との納期調整、安全巡回——</p>



<p class="wp-block-paragraph">これらを並行して進める中で、施工管理の現場が脳にとって過酷なのは、<strong>人間が本来得意とする<span class="swl-marker mark_yellow">「1つの作業に集中する状態（シングルタスク）」が構造上不可能</span>だからです。</strong></p>



<p class="wp-block-paragraph">脳科学において、人間の脳は複数の作業を同時に処理しているわけではなく、「意識の対象を超高速で切り替えている（タスクスイッチング）」に過ぎないとされています。</p>



<!-- ==========================================
   解説アニメーション：タスクスイッチング（メモリ蓄積・被り解消・最終完全版）
========================================== -->
<div class="mc-ts-wrapper js-mc-ts-target">
  <div class="mc-ts-header">
    🧠 脳内「タスクスイッチング」の限界と<br class="mc-sp-only">パニックの仕組み
  </div>

  <div class="mc-ts-stage">
    
    <!-- 左側：脳の処理状態 -->
    <div class="mc-ts-brain-area">
      <!-- 通常時（超高速切り替え中） -->
      <div class="mc-ts-brain-normal">
        <div class="mc-ts-emoji">🔄🧠</div>
        <div class="mc-ts-status mc-status-blue">超高速で切り替え中&#8230;</div>
      </div>
      
      <!-- パニック時（容量オーバー） -->
      <div class="mc-ts-brain-panic">
        <div class="mc-ts-emoji mc-ts-shake">⚡️🤯⚡️</div>
        <div class="mc-ts-status mc-status-red">処理限界（パニック）</div>
      </div>

      <!-- 突発トラブルのポップアップ（グラフィックを隠さない上部配置） -->
      <div class="mc-ts-trouble-alert">⚠️ 予期せぬ<br class="mc-sp-only">トラブル発生！</div>
    </div>

    <!-- 右側：タスクリスト -->
    <div class="mc-ts-task-area">
      <div class="mc-ts-task-item mc-ts-task-1">
        <span class="mc-ts-icon">⛑️</span> 現場の安全確認・巡回
      </div>
      <div class="mc-ts-task-item mc-ts-task-2">
        <span class="mc-ts-icon">📅</span> 明日の納入スケジュールの思考
      </div>
      <div class="mc-ts-task-item mc-ts-task-3">
        <span class="mc-ts-icon">📝</span> 事務所での書類・報告書作成
      </div>
      <div class="mc-ts-task-item mc-ts-task-4">
        <span class="mc-ts-icon">📞</span> 職人さんからの確認電話
      </div>
    </div>

  </div>

  <!-- まとめ注釈・免責事項 -->
  <div class="mc-ts-note">
    <b>※本アニメーションは、マルチタスク時の脳内メカニズムを分かりやすく表現したイメージです。</b><br>
    一見マルチタスクをこなしているように見えても、実は「前のタスクを頭の片隅に置いたまま（色が残った状態）」で次々と意識を切り替えているだけ。そこに突発的なトラブルが割り込むと、脳の作業スペース（ワーキングメモリ）が瞬時にあふれ、ミスが発生します。
  </div>
</div>

<!-- ==========================================
   CSS スタイル
========================================== -->
<style>
/* 全体コンテナ */
.mc-ts-wrapper {
  margin: 36px 0 !important;
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  padding: 24px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* ヘッダー */
.mc-ts-header {
  text-align: center !important;
  font-weight: bold !important;
  color: #1e293b !important;
  font-size: 1.15rem !important;
  margin-bottom: 24px !important;
  border-bottom: 2px dashed #cbd5e1 !important;
  padding-bottom: 12px !important;
}

/* ステージレイアウト */
.mc-ts-stage {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  margin-bottom: 24px !important;
  position: relative !important;
}

/* 脳エリア */
.mc-ts-brain-area {
  flex: 1 !important;
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 220px !important;
  height: 180px !important;
  min-height: 180px !important;
  margin: 0 auto !important;
  background: #ffffff !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

.mc-ts-brain-normal,
.mc-ts-brain-panic {
  position: absolute !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

.mc-ts-emoji { font-size: 2.8rem !important; margin-bottom: 6px !important; }

.mc-ts-status {
  font-size: 0.8rem !important;
  font-weight: bold !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
}
.mc-status-blue { background: #dbeafe !important; color: #1d4ed8 !important; }
.mc-status-red { background: #fee2e2 !important; color: #b91c1c !important; }

/* トラブルアラート */
.mc-ts-trouble-alert {
  position: absolute !important;
  top: 8% !important;
  left: 50% !important;
  background: #dc2626 !important;
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.85rem !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4) !important;
  z-index: 10 !important;
  opacity: 0; 
  transform: translate(-50%, -50%) scale(0); 
  pointer-events: none !important;
}

/* タスクエリア（右側） */
.mc-ts-task-area {
  flex: 1.2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

/* タスクアイテムの基本スタイル */
div.mc-ts-wrapper .mc-ts-task-area .mc-ts-task-item {
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-sizing: border-box !important;
  
  /* アニメーションで上書きされるプロパティ */
  background: #ffffff;
  border: 1px solid #cbd5e1;
  color: #475569;
  opacity: 0.5;
  transform: scale(1) translateX(0);
}
.mc-ts-icon { font-size: 1.1rem !important; }

/* 注釈エリア（太い左線を廃止し、スッキリとした枠線へ変更） */
.mc-ts-note {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  padding: 16px !important;
  font-size: 0.95rem !important;
  color: #334155 !important;
  line-height: 1.6 !important;
  border-radius: 8px !important;
}
.mc-ts-note b {
  display: block !important;
  color: #1e293b !important;
  margin-bottom: 6px !important;
  font-size: 1rem !important;
}

/* ---------------------------------------------------
   アニメーション設定
--------------------------------------------------- */
.mc-ts-brain-normal { animation: mcHideOnPanic 10s infinite paused; }
.mc-ts-brain-panic { opacity: 0; animation: mcShowOnPanic 10s infinite paused; }
.mc-ts-shake { animation: mcShake 0.3s infinite paused; }
.mc-ts-trouble-alert { animation: mcTroubleAnim 10s infinite paused; }

.mc-ts-task-1 { animation: mcTaskActive1 10s infinite paused; }
.mc-ts-task-2 { animation: mcTaskActive2 10s infinite paused; }
.mc-ts-task-3 { animation: mcTaskActive3 10s infinite paused; }
.mc-ts-task-4 { animation: mcTaskActive4 10s infinite paused; }

.js-mc-ts-target.is-active * {
  animation-play-state: running !important;
}

/* ================= キーフレーム ================= */
@keyframes mcHideOnPanic {
  0%, 44% { opacity: 1; }
  45%, 85% { opacity: 0; }
  86%, 100% { opacity: 1; }
}
@keyframes mcShowOnPanic {
  0%, 44% { opacity: 0; }
  45%, 85% { opacity: 1; }
  86%, 100% { opacity: 0; }
}
@keyframes mcTroubleAnim {
  0%, 43% { opacity: 0; transform: translate(-50%, -50%) scale(0); }
  45%, 48% { opacity: 1; transform: translate(-50%, -50%) scale(1.1); }
  49%, 83% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  85%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0); }
}
@keyframes mcShake {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(-3px, 2px) rotate(-5deg); }
  75% { transform: translate(3px, -2px) rotate(5deg); }
}

@keyframes mcTaskActive1 {
  0%, 14% { background: #eff6ff; border-color: #3b82f6; color: #1e293b; opacity: 1; transform: scale(1.02) translateX(-4px); }
  15%, 44% { background: #eff6ff; border-color: #93c5fd; color: #1e293b; opacity: 1; transform: scale(1) translateX(0); }
  45%, 85% { background: #fef2f2; border-color: #ef4444; color: #b91c1c; opacity: 1; transform: scale(1) translateX(0); }
  86%, 100% { background: #ffffff; border-color: #cbd5e1; color: #475569; opacity: 0.5; transform: scale(1) translateX(0); }
}
@keyframes mcTaskActive2 {
  0%, 14% { background: #ffffff; border-color: #cbd5e1; color: #475569; opacity: 0.5; transform: scale(1) translateX(0); }
  15%, 29% { background: #eff6ff; border-color: #3b82f6; color: #1e293b; opacity: 1; transform: scale(1.02) translateX(-4px); }
  30%, 44% { background: #eff6ff; border-color: #93c5fd; color: #1e293b; opacity: 1; transform: scale(1) translateX(0); }
  45%, 85% { background: #fef2f2; border-color: #ef4444; color: #b91c1c; opacity: 1; transform: scale(1) translateX(0); }
  86%, 100% { background: #ffffff; border-color: #cbd5e1; color: #475569; opacity: 0.5; transform: scale(1) translateX(0); }
}
@keyframes mcTaskActive3 {
  0%, 29% { background: #ffffff; border-color: #cbd5e1; color: #475569; opacity: 0.5; transform: scale(1) translateX(0); }
  30%, 44% { background: #eff6ff; border-color: #3b82f6; color: #1e293b; opacity: 1; transform: scale(1.02) translateX(-4px); }
  45%, 85% { background: #fef2f2; border-color: #ef4444; color: #b91c1c; opacity: 1; transform: scale(1) translateX(0); }
  86%, 100% { background: #ffffff; border-color: #cbd5e1; color: #475569; opacity: 0.5; transform: scale(1) translateX(0); }
}
@keyframes mcTaskActive4 {
  0%, 44% { background: #ffffff; border-color: #cbd5e1; color: #475569; opacity: 0.5; transform: scale(1) translateX(0); }
  45%, 85% { background: #fef2f2; border-color: #ef4444; color: #b91c1c; opacity: 1; transform: scale(1.02) translateX(-4px); }
  86%, 100% { background: #ffffff; border-color: #cbd5e1; color: #475569; opacity: 0.5; transform: scale(1) translateX(0); }
}

/* スマホレスポンシブ（ヒエラルキーとフォントサイズの再調整） */
@media (max-width: 600px) {
  .mc-ts-wrapper { padding: 18px 14px !important; }
  .mc-ts-header { 
    font-size: 1.25rem !important; 
    margin-bottom: 20px !important; 
  }
  .mc-ts-stage { 
    flex-direction: column !important; 
    gap: 20px !important; 
  }
  .mc-ts-brain-area { 
    width: 170px !important; 
    height: 170px !important; 
    min-height: 170px !important; 
    flex: none !important; 
  }
  .mc-ts-trouble-alert { 
    font-size: 0.95rem !important; 
    padding: 8px 12px !important; 
    white-space: normal !important; 
    text-align: center !important;
    width: 90% !important;
  }
  div.mc-ts-wrapper .mc-ts-task-area .mc-ts-task-item { 
    font-size: 1.05rem !important; 
    padding: 12px 14px !important; 
  }
  .mc-ts-note {
    font-size: 1.15rem !important; /* 本文サイズに統一 */
    padding: 16px !important;
    line-height: 1.7 !important;
  }
  .mc-ts-note b {
    font-size: 1.2rem !important; /* 見出しを少し大きく */
    margin-bottom: 8px !important;
  }
}
</style>

<!-- ==========================================
   JavaScript（画面内に入った瞬間アニメーション再生）
========================================== -->
<script>
document.addEventListener('DOMContentLoaded', function () {
  var targets = document.querySelectorAll('.js-mc-ts-target');
  if (!targets.length) return;

  var observer = new IntersectionObserver(function (entries) {
    entries.forEach(function (entry) {
      if (entry.isIntersecting) {
        entry.target.classList.add('is-active');
      }
    });
  }, {
    threshold: 0.25
  });

  targets.forEach(function (target) {
    observer.observe(target);
  });
});
</script>



<p class="wp-block-paragraph">このように意識の切り替えが数分・数秒単位で発生すると、脳内ではその都度「切り替えコスト」という膨大なエネルギーが消費されます。</p>



<p class="wp-block-paragraph">業界メディア等でも指摘される「混乱」や「作業ミス」は、この過剰なタスクスイッチによって脳の処理資源が底をつくことで発生する現象です。</p>



<h3 class="wp-block-heading">なぜ、混乱が起きるのか</h3>



<p class="wp-block-paragraph">脳が混乱に陥る最大の理由は、<strong>思考や意思決定を司る「ワーキングメモリ（作業記憶）」の領域が一瞬で満杯になるから</strong>です。</p>



<p class="wp-block-paragraph">脳が一度に処理できる情報量には、明確な限界があります。</p>



<p class="wp-block-paragraph">ワーキングメモリは、例えるなら「机の上の作業スペース」のようなものです。</p>



<p class="wp-block-paragraph">スペースの広さには明確な限界があり、一度に置いておける情報量はごくわずかしかありません。</p>



<p class="wp-block-paragraph">施工管理の現場では、この小さな作業スペースの上に常に複数の課題が載っている状態です。</p>



<p class="wp-block-paragraph">そこにトラブルなどの緊急課題が割り込むと、以前の情報が押し出されて抜け漏れが発生したり、処理が追いつかなくなって思考停止に陥ったりします。</p>



<!-- ==========================================
   図解：ワーキングメモリ（脳の作業デスク）の仕組み
========================================== -->
<div class="mc-wm-wrapper">
  
  <!-- ヘッダー（スマホで縦に並ぶよう要素を分割） -->
  <div class="mc-wm-header">
    <span class="mc-wm-title-main">🧠 ワーキングメモリ</span>
    <span class="mc-wm-title-eq">＝</span>
    <span class="mc-wm-title-sub">「脳内の作業デスク」</span>
  </div>

  <div class="mc-wm-visual-area">
    
    <!-- 降ってくる新しいタスク（トラブル） -->
    <div class="mc-wm-incoming">
      <div class="mc-wm-file mc-file-danger">
        <span class="mc-wm-icon">🚨</span>
        <span class="mc-wm-file-text">急なトラブル対応</span>
      </div>
      <div class="mc-wm-arrow-down">⬇︎ 割り込み！</div>
    </div>

    <!-- 脳の作業デスク（容量の限界） -->
    <div class="mc-wm-desk">
      <div class="mc-wm-desk-label">脳の作業スペース（容量オーバー寸前）</div>
      <div class="mc-wm-desk-slots">
        <div class="mc-wm-file mc-file-safe">
          <span class="mc-wm-icon">📅</span>
          <span class="mc-wm-file-text">工程の再調整</span>
        </div>
        <div class="mc-wm-file mc-file-safe">
          <span class="mc-wm-icon">⛑️</span>
          <span class="mc-wm-file-text">安全の確認</span>
        </div>
        <!-- 押し出されるタスク -->
        <div class="mc-wm-file mc-file-pushing">
          <span class="mc-wm-icon">💬</span>
          <span class="mc-wm-file-text">職人への指示</span>
        </div>
      </div>
    </div>

    <!-- 机から落ちるタスク（抜け漏れ） -->
    <div class="mc-wm-outgoing">
      <div class="mc-wm-arrow-drop">⬇︎ 押し出される</div>
      <div class="mc-wm-file mc-file-lost">
        <span class="mc-wm-icon">🗑️</span>
        <span class="mc-wm-file-text">「あ、忘れてた…」（抜け漏れ）</span>
      </div>
    </div>

  </div>

  <!-- 図解の解説テキスト -->
  <div class="mc-wm-legend">
    <ul>
      <li><b>机の広さ：</b><br class="mc-sp-only">脳が同時に処理・保持できる情報限界量のイメージ</li>
      <li><b>書類（タスク）：</b><br class="mc-sp-only">机の上がいっぱいな所に「急なトラブル」が割り込むと…</li>
      <li><b>抜け漏れの発生：</b><br class="mc-sp-only">古い書類が机から押し出され、「うっかりミス」になります</li>
    </ul>
    <!-- 追加した注記 -->
    <p style="margin: 12px 0 0 0; font-size: 0.85rem; color: #64748b;">※アニメーションはイメージです。</p>
  </div>
</div>

<!-- ==========================================
   専用 CSS スタイル（アニメーション定義）
========================================== -->
<style>
/* 全体コンテナ */
.mc-wm-wrapper {
  margin: 36px 0 !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  padding: 24px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04) !important;
}

/* ヘッダー */
.mc-wm-header {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  font-weight: bold !important;
  color: #1e293b !important;
  font-size: 1.15rem !important;
  margin-bottom: 24px !important;
  border-bottom: 2px dashed #cbd5e1 !important;
  padding-bottom: 12px !important;
}

/* グラフィックエリア全体 */
.mc-wm-visual-area {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-bottom: 24px !important;
  background: #f8fafc !important;
  border-radius: 12px !important;
  padding: 24px 16px !important;
}

/* 共通の書類（ファイル）デザイン */
.mc-wm-file {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #ffffff !important;
  border: 2px solid !important;
  border-radius: 6px !important;
  padding: 10px 18px !important;
  font-size: 0.95rem !important;
  font-weight: bold !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
  width: auto !important; 
  min-width: 240px !important; 
  max-width: 95% !important; 
  box-sizing: border-box !important;
  justify-content: center !important;
}
.mc-wm-icon { 
  font-size: 1.1rem !important; 
  flex-shrink: 0 !important; 
}
.mc-wm-file-text { 
  flex-grow: 1 !important; 
  text-align: left !important; 
  line-height: 1.4 !important;
  white-space: nowrap !important; 
}

/* 降ってくるトラブル（赤） */
.mc-wm-incoming {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-bottom: -10px !important; 
  position: relative !important;
  z-index: 2 !important;
  animation: mcFloatDown 2s ease-in-out infinite !important;
}
.mc-file-danger {
  border-color: #ef4444 !important;
  color: #b91c1c !important;
  background: #fef2f2 !important;
}
.mc-wm-arrow-down {
  color: #ef4444 !important;
  font-weight: bold !important;
  font-size: 0.85rem !important;
  margin-top: 8px !important;
  background: rgba(255,255,255,0.9) !important;
  padding: 2px 8px !important;
  border-radius: 12px !important;
}

/* 作業デスク */
.mc-wm-desk {
  background: #e2e8f0 !important;
  border: 2px solid #94a3b8 !important;
  border-bottom-width: 8px !important; 
  border-radius: 8px !important;
  padding: 16px !important;
  width: 100% !important;
  max-width: 540px !important; 
  position: relative !important;
  z-index: 1 !important;
}
.mc-wm-desk-label {
  text-align: center !important;
  font-size: 0.8rem !important;
  font-weight: bold !important;
  color: #475569 !important;
  margin-bottom: 16px !important;
  letter-spacing: 0.05em !important;
}
.mc-wm-desk-slots {
  display: flex !important;
  justify-content: space-around !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

/* デスク上の安全なタスク（青） */
.mc-file-safe {
  border-color: #94a3b8 !important;
  color: #334155 !important;
}

/* 押し出されかけているタスク（グレー・震える） */
.mc-file-pushing {
  border-color: #cbd5e1 !important;
  color: #94a3b8 !important;
  border-style: dashed !important;
  animation: mcShakePush 2s ease-in-out infinite !important;
}

/* 落ちていくタスク（グレー・透明度高） */
.mc-wm-outgoing {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-top: -10px !important;
  position: relative !important;
  z-index: 0 !important;
  animation: mcDropOut 2s ease-in-out infinite !important;
}
.mc-file-lost {
  border-color: #cbd5e1 !important;
  color: #64748b !important;
  background: #f1f5f9 !important;
  opacity: 0.6 !important;
}
.mc-wm-arrow-drop {
  color: #64748b !important;
  font-weight: bold !important;
  font-size: 0.85rem !important;
  margin-bottom: 8px !important;
}

/* 解説テキスト（レジェンド） */
.mc-wm-legend {
  background: #f0fdfa !important;
  border: 1px solid #e2e8f0 !important;
  padding: 16px !important;
  border-radius: 8px !important;
}
.mc-wm-legend ul {
  margin: 0 !important;
  padding-left: 20px !important;
  color: #334155 !important;
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
}
.mc-wm-legend li {
  margin-bottom: 6px !important;
}
.mc-wm-legend li:last-child {
  margin-bottom: 0 !important;
}
.mc-wm-legend b {
  color: #0f172a !important;
}

/* アニメーションキーフレーム */
@keyframes mcFloatDown {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(8px); }
}
@keyframes mcShakePush {
  0%, 100% { transform: translateX(0) rotate(0deg); opacity: 1; }
  50% { transform: translateX(2px) rotate(3deg); opacity: 0.7; }
}
@keyframes mcDropOut {
  0%, 100% { transform: translateY(0); opacity: 0.4; }
  50% { transform: translateY(8px); opacity: 0.8; }
}

/* モバイル表示最適化 */
@media (max-width: 600px) {
  .mc-wm-wrapper { padding: 16px !important; }
  
  .mc-wm-header { 
    flex-direction: column !important; 
    gap: 8px !important; 
    font-size: 1.25rem !important; 
  }
  .mc-wm-title-eq {
    transform: rotate(90deg) !important;
    display: inline-block !important;
    font-size: 1.5rem !important;
    margin: 4px 0 !important;
  }

  .mc-wm-visual-area { padding: 20px 10px !important; }
  .mc-wm-desk-slots { flex-direction: column !important; align-items: center !important; }
  
  .mc-wm-file { 
    width: 100% !important; 
    max-width: 280px !important; 
    font-size: 1rem !important; 
    padding: 12px 14px !important;
  }
  .mc-wm-icon {
    font-size: 1.2rem !important;
  }
  
  .mc-wm-arrow-down,
  .mc-wm-arrow-drop {
    font-size: 0.95rem !important;
  }
  .mc-wm-desk-label {
    font-size: 0.95rem !important;
    margin-bottom: 18px !important;
  }

  .mc-wm-legend {
    padding: 18px !important;
  }
  .mc-wm-legend ul {
    font-size: 1.15rem !important;
    line-height: 1.7 !important;
  }
  .mc-wm-legend li {
    margin-bottom: 10px !important;
  }
}
</style>



<p class="wp-block-paragraph">つまり、現場でパニックを起こすのはあなたの能力不足ではなく、脳の物理的な容量オーバーが原因で起きる「構造上の当然の現象」ともいえます。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">今日からできる「脳の負荷を減らす」3つの工夫</h2>



<p class="wp-block-paragraph">脳のワーキングメモリ（作業デスク）の容量を増やそうとするのではなく、<strong>「脳の代わりに外部の仕組みに頼る」</strong>ことが、現場での混乱を防ぐ現実的な解決策です。</p>



<p class="wp-block-paragraph">明日から試せる3つの工夫をご紹介します。</p>



<h3 class="wp-block-heading">タスクを「脳の外」へ出す（可視化）</h3>



<p class="wp-block-paragraph">頭の中だけで複数の業務や優先順位を保持しようとすると、それだけで脳の作業スペース（ワーキングメモリ）が圧迫されてしまいます。</p>



<p class="wp-block-paragraph">ここで有効なのが、ホワイトボードや手帳に「今、何が最優先か」を書き出して頭の外へ出すことです。</p>



<p class="wp-block-paragraph">認知心理学や脳科学では、このように外部ツールを使って脳の負担を減らす行動を「認知のオフローディング（外部化）」と呼びます。</p>



<p class="wp-block-paragraph">「忘れないように覚えておかなければ」という緊張感から脳を解放し、情報を紙やメモに預けることで、脳の処理能力を「今目の前の判断」だけに集中させることができるようになります</p>



<!-- ==========================================
   認知のオフローディング解説コラム（見出しタグ非使用・構造最適化版）
========================================== -->
<div class="co-column-container">
  
  <!-- ヘッダー（h4タグからdivに変更） -->
  <div class="co-header">
    <span class="co-badge">💡 脳科学・認知心理学コラム</span>
    <div class="co-title">
      「認知のオフローディング」とは？<br>
      <span class="co-title-sub">脳の負担を減らす科学的メカニズム</span>
    </div>
  </div>

  <!-- リード文 -->
  <p class="co-lead">
    仕事でメモを取ったり、スマホのスケジュールアプリに予定を預けたり——。<br>
    私たちは日常的に、頭の中にある情報を外の世界に逃がしています。<br>
    この行動は単なる「忘れ防止」ではなく、認知心理学において<strong>「認知的オフローディング（Cognitive Offloading）」</strong>と呼ばれる、極めて合理的な脳の生存戦略です。<br>
  </p>

  <!-- 学術的定義セクション（h3タグからdivに変更） -->
  <div class="co-section">
    <div class="co-sub-title">📚 学術的な定義と背景</div>
    <div class="co-quote-box">
      <p class="co-quote-text">
        認知的オフローディングとは、<strong>「課題が要求する情報処理の負担を、物理的な行動（メモを書く、道具を使うなど）によって軽減すること」</strong>である。<br>
        <span class="co-quote-source">（認知科学論文：Risko &amp; Gilbert, 2016より）</span>
      </p>
    </div>
    <p class="co-text">
      人間の脳の作業スペース（ワーキングメモリ）の容量には、物理的な限界があります。<br>
      すべてを脳内だけで記憶・処理しようとするとオーバーヒートを起こしてしまうため、人類は太古の昔から、道具（文字、メモ、デジタルデバイス）に記憶や計算を肩代わりさせてきました。<br>
    </p>
  </div>

  <!-- メカニズム解説ボックス -->
  <div class="co-box">
    <div class="co-box-title">なぜ「外に出す」と脳が楽になるのか？</div>
    <div class="co-step-wrapper">
      
      <!-- 理由1 -->
      <div class="co-step-item">
        <div class="co-step-num">1</div>
        <div class="co-step-content">
          <b>ワーキングメモリの解放<br class="mc-sp-only">（作業スペースの確保）</b>
          <p>「覚えておかなきゃ」という維持コストがゼロになるため、脳の処理リソースを「目の前の重要な判断や創造的思考」に100%集中させることができます。<br></p>
        </div>
      </div>

      <!-- 理由2 -->
      <div class="co-step-item">
        <div class="co-step-num">2</div>
        <div class="co-step-content">
          <b>「やりかけの仕事」による脳の消耗をストップ<br class="mc-sp-only">（ツァイガルニク効果の解消）</b>
          <p>人間は「まだ終わっていないタスク」を頭の中に留めておくと、無意識のうちに脳がエネルギーを消費し続けてしまいます。<br>紙やホワイトボードに書き出すことで、脳は「一旦保存された」と安心し、この無駄な緊張状態から解放されます。<br></p>
        </div>
      </div>

    </div>
  </div>

  <!-- 具体例セクション（h3タグからdivに変更） -->
  <div class="co-section">
    <div class="co-sub-title">🛠️ 私たちの身近にあるオフローディングの例</div>
    <div class="co-grid">
      <div class="co-card">
        <div class="co-icon-wrap mc-bg-blue">📝</div>
        <div class="co-card-title">メモ・チェックリスト</div>
        <div class="co-card-desc">タスクを書き出して視覚化し、脳の記憶保持を肩代わりさせる</div>
      </div>
      <div class="co-card">
        <div class="co-icon-wrap mc-bg-green">🧭</div>
        <div class="co-card-title">カーナビ・地図アプリ</div>
        <div class="co-card-desc">空間的な道順の記憶をデバイスに預け、運転の集中にリソースを回す</div>
      </div>
      <div class="co-card">
        <div class="co-icon-wrap mc-bg-orange">🔢</div>
        <div class="co-card-title">電卓・表計算ソフト</div>
        <div class="co-card-desc">複雑な数値計算を外部化し、計算ミスと精神疲労を防ぐ</div>
      </div>
    </div>
  </div>

  <!-- まとめ（実務への活かし方） -->
  <div class="co-summary-box">
    <b>まとめ：賢く「外に預ける」ことがパフォーマンスの鍵</b>
    <p>
      「何でも自力で覚える・頭の中で処理する」ことが優秀とは限りません。<br>現代の複雑な環境においては、オフローディングを上手く活用できる人ほど、脳の疲弊を防ぎ高いパフォーマンスを維持できます。<br>頭のメモリがパンクしそうなときは、まず「脳の外へ書き出す」ことから始めてみましょう。<br>
    </p>
  </div>

  <!-- 引用・参考文献クレジット -->
  <div class="co-citation">
    <b>【主な参考文献・出典】</b>
    <ul>
      <li>Risko, E. F., &amp; Gilbert, S. J. (2016). Cognitive Offloading. <i>Trends in Cognitive Sciences</i>, 20(9), 676-688.</li>
      <li>Clark, A., &amp; Chalmers, D. (1998). The Extended Mind. <i>Analysis</i>, 58(1), 7-19.</li>
    </ul>
  </div>

</div>

<!-- ==========================================
  デザイン用 CSS（可読性・レイアウト最適化）
========================================== -->
<style>
.co-column-container {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 40px 32px !important;
  margin: 2.5em 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  color: #334155 !important;
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.04) !important;
  box-sizing: border-box !important;
  line-height: 1.8 !important;
}

/* ヘッダー周り */
.co-header {
  text-align: center !important;
  margin-bottom: 28px !important;
}
.co-badge {
  display: inline-block !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  margin-bottom: 12px !important;
  letter-spacing: 0.05em !important;
}
.co-title {
  margin: 0 !important;
  font-size: 1.45rem !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  line-height: 1.4 !important;
}
.co-title-sub {
  font-size: 1.05rem !important;
  color: #475569 !important;
  font-weight: 700 !important;
  display: block !important;
  margin-top: 6px !important;
}

/* リード文 */
.co-lead {
  font-size: 1.05rem !important;
  color: #334155 !important;
  margin-bottom: 2.5em !important;
  padding-bottom: 2em !important;
  border-bottom: 1px dashed #cbd5e1 !important;
}
.co-lead strong {
  color: #0f172a !important;
  background: linear-gradient(transparent 70%, #fef08a 0) !important;
}

/* 各セクション */
.co-section {
  margin-bottom: 2.5em !important;
}

/* 小見出し用div（co-sub-title） */
.co-sub-title {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.co-text {
  margin: 0 0 1.2em 0 !important;
  font-size: 0.95rem !important;
  color: #475569 !important;
}

/* 引用デザイン（左太線を廃止し1px枠線へ変更） */
.co-quote-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  padding: 16px 20px !important;
  margin-bottom: 16px !important;
  border-radius: 8px !important;
}
.co-quote-text {
  margin: 0 !important;
  font-size: 0.95rem !important;
  color: #334155 !important;
}
.co-quote-source {
  display: block !important;
  font-size: 0.8rem !important;
  color: #64748b !important;
  margin-top: 8px !important;
  text-align: right !important;
}

/* メカニズム解説ボックス（青枠） */
.co-box {
  background: #ffffff !important;
  border: 2px solid #bfdbfe !important;
  border-radius: 8px !important;
  padding: 24px !important;
  margin-bottom: 2.5em !important;
  position: relative !important;
}
.co-box-title {
  position: absolute !important;
  top: -14px !important;
  left: 20px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  padding: 4px 16px !important;
  border-radius: 20px !important;
  letter-spacing: 0.05em !important;
}
.co-step-wrapper {
  margin-top: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}
.co-step-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}
.co-step-num {
  flex-shrink: 0 !important;
  width: 28px !important;
  height: 28px !important;
  background: #dbeafe !important;
  color: #1d4ed8 !important;
  font-weight: 900 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.95rem !important;
  margin-top: 2px !important;
}
.co-step-content b {
  display: block !important;
  font-size: 1rem !important;
  color: #0f172a !important;
  margin-bottom: 4px !important;
}
.co-step-content p {
  margin: 0 !important;
  font-size: 0.9rem !important;
  color: #475569 !important;
  line-height: 1.6 !important;
}

/* 具体例グリッドカード */
.co-grid {
  display: flex !important;
  gap: 16px !important;
}
.co-card {
  flex: 1 !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 20px 16px !important;
  text-align: center !important;
}
.co-icon-wrap {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.5rem !important;
  margin: 0 auto 12px auto !important;
}
.mc-bg-blue { background: #dbeafe !important; }
.mc-bg-green { background: #dcfce3 !important; }
.mc-bg-orange { background: #ffedd5 !important; }

.co-card-title {
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 8px !important;
}
.co-card-desc {
  font-size: 0.85rem !important;
  color: #475569 !important;
  line-height: 1.6 !important;
}

/* まとめボックス（左太線を廃止し、全体を囲む薄緑の枠線へ変更） */
.co-summary-box {
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 8px !important;
  padding: 20px 24px !important;
  margin-bottom: 2em !important;
}
.co-summary-box b {
  display: block !important;
  font-size: 1.05rem !important;
  color: #14532d !important;
  margin-bottom: 8px !important;
}
.co-summary-box p {
  margin: 0 !important;
  font-size: 0.95rem !important;
  color: #15803d !important;
}

/* 引用・参考文献クレジット */
.co-citation {
  border-top: 1px solid #e2e8f0 !important;
  padding-top: 20px !important;
  font-size: 0.8rem !important;
  color: #64748b !important;
}
.co-citation b {
  display: block !important;
  margin-bottom: 6px !important;
}
.co-citation ul {
  margin: 0 !important;
  padding-left: 20px !important;
}
.co-citation li {
  margin-bottom: 4px !important;
}

/* モバイル表示最適化（フォントサイズ・ヒエラルキーの再調整） */
@media (max-width: 600px) {
  .co-column-container {
    padding: 24px 16px !important;
  }
  
  /* タイトル周り */
  .co-title {
    font-size: 1.35rem !important; /* リード文より大きく */
  }
  .co-title-sub {
    font-size: 1rem !important;
    margin-top: 8px !important;
  }
  
  /* リード文と本文（ご指定の1.15remベース） */
  .co-lead {
    font-size: 1.15rem !important;
    line-height: 1.7 !important;
  }
  .co-text {
    font-size: 1.15rem !important;
    line-height: 1.7 !important;
  }
  
  /* 小見出し */
  .co-sub-title {
    font-size: 1.25rem !important; /* 本文より一段階大きく */
  }

  /* 引用テキスト */
  .co-quote-text {
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
  }
  
  /* メカニズムボックス */
  .co-box {
    padding: 28px 16px 20px 16px !important;
  }
  .co-box-title {
    left: 12px !important;
    font-size: 1rem !important; /* スマホでも見やすく調整 */
  }
  .co-step-content b {
    font-size: 1.15rem !important;
  }
  .co-step-content p {
    font-size: 1.15rem !important;
    line-height: 1.7 !important;
  }
  
  /* グリッド */
  .co-grid {
    flex-direction: column !important;
  }
  .co-card {
    padding: 20px 16px !important;
  }
  .co-card-title {
    font-size: 1.15rem !important;
  }
  .co-card-desc {
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
  }
  
  /* まとめボックス */
  .co-summary-box {
    padding: 20px 16px !important;
  }
  .co-summary-box b {
    font-size: 1.25rem !important;
  }
  .co-summary-box p {
    font-size: 1.15rem !important;
    line-height: 1.7 !important;
  }

  /* 参考文献クレジット */
  .co-citation {
    font-size: 0.95rem !important;
  }
}
</style>



<h3 class="wp-block-heading">トラブル対応の「型（標準化）」を決めておく</h3>



<p class="wp-block-paragraph">予期せぬトラブルが起きるたびに「どうしようか」とゼロから優先順位を悩み直すと、脳のエネルギー（決定疲労）は激しく消耗します。</p>



<p class="wp-block-paragraph"> 「資材の遅延が起きたら、まず現場の工程調整と代替ルートの確認から行う」など、<strong>よくあるトラブルへの初動をパターン化しておくこと</strong>で、パニック時の脳の負荷を大きく減らせます。</p>



<p class="wp-block-paragraph">現場や会社ごとに蓄積された過去の事例（トラブルシューティング）を事前に把握、そして生かすのも大切な「型」といえます。</p>



<h3 class="wp-block-heading">業務の切り替え時に「小さな区切り」を作る</h3>



<p class="wp-block-paragraph">1つの業務から別の業務に移る際、矢継ぎ早に取りかかると脳内に「前の作業の残留物」が残り、集中力を阻害します。 </p>



<p class="wp-block-paragraph">電話対応が終わったら深呼吸を1回挟む、次の作業に入る前に1分だけ目をつぶるなど、<strong>意識的なスイッチ（区切り）を作る</strong>ことで、脳の切り替えコストを最小限に抑えられます。</p>



<!-- ==========================================
   「小さな区切り」の科学的根拠コラム（見出しタグ非使用・構造最適化版）
========================================== -->
<div class="co-column-container">
  
  <!-- ヘッダー（h2タグからdivに変更） -->
  <div class="co-header">
    <span class="co-badge">💡 脳科学・心理学コラム</span>
    <div class="co-title">
      なぜ「小さな区切り」が有効なのか？<br>
      <span class="co-title-sub">脳のパフォーマンスを回復させる3つの科学的メカニズム</span>
    </div>
  </div>

  <!-- リード文 -->
  <p class="co-lead">
    「電話を切って、すぐに次の書類作成に手をつける」——。<br>
    現場では当たり前の光景ですが、矢継ぎ早に業務をこなすほど、実は脳のパフォーマンスは著しく低下していきます。<br>
    次の作業に入る前に<b>「数秒〜数分の意図的な区切り（深呼吸や目を閉じるなど）」</b>を挟むことは、科学的な観点から非常に理にかなった脳の防衛策です。<br>
  </p>

  <!-- メカニズム解説ボックス（青枠・ステップ型UI） -->
  <div class="co-box">
    <div class="co-box-title">脳を瞬時にリセットする3つの根拠</div>
    <div class="co-step-wrapper">
      
      <!-- 理由1 -->
      <div class="co-step-item">
        <div class="co-step-num">1</div>
        <div class="co-step-content">
          <div class="co-step-title">「注意の残留」を断ち切る</div>
          <p>心理学の研究において、前のタスクから次のタスクへ間髪入れずに移行すると、<b>脳の集中力の一部が「前のタスク」に引きずられたまま残る現象（注意の残留：Attention Residue）</b>が確認されています。<br>意図的な「間」を作ることで、脳に「前の仕事は終わった」というシグナルを送り、この残留をリセットできます。<br></p>
        </div>
      </div>

      <!-- 理由2 -->
      <div class="co-step-item">
        <div class="co-step-num">2</div>
        <div class="co-step-content">
          <div class="co-step-title">視覚遮断による「ワーキングメモリ」のクリア</div>
          <p>人間の脳が処理する情報の約8割は「視覚情報」です。<br>次の作業の前に<b>「10秒だけ目を閉じる」</b>という行為は、単なる休息ではなく、新たな情報の流入を物理的にシャットアウトする行為です。<br>これにより、パンク寸前だった脳の作業スペースの上の情報をサッと片付け、空き容量を確保する効果があります。<br></p>
        </div>
      </div>

      <!-- 理由3 -->
      <div class="co-step-item">
        <div class="co-step-num">3</div>
        <div class="co-step-content">
          <div class="co-step-title">深呼吸による「自律神経のスイッチング」</div>
          <p>トラブル対応や慌ただしい現場では、脳が「交感神経（戦闘・興奮モード）」に偏り、焦りやパニックを引き起こしやすくなります。<br><b>「深く息を吐く」</b>という行為は、人体に備わった物理的なスイッチです。<br>強制的に「副交感神経（リラックスモード）」を呼び起こすことで、脳の過剰な興奮状態を瞬時に鎮めることができます。<br></p>
        </div>
      </div>

    </div>
  </div>

  <!-- まとめ（実務への活かし方） -->
  <div class="co-summary-box">
    <b>まとめ：休むためではなく「切り替える」ための時間</b>
    <p>
      「忙しくて休む暇なんてない」と思う時ほど、脳は切り替えコストで消耗しています。<br>たった1回の深呼吸や、数秒間目を閉じるだけでも、脳の処理能力はリセットされ、結果的にその後の作業スピードと正確性が劇的に向上します。<br>
    </p>
  </div>

  <!-- 引用・参考文献クレジット -->
  <div class="co-citation">
    <b>【主な科学的根拠・参考文献】</b>
    <ul>
      <li>Leroy, S. (2009). Why is it so hard to do my work? The challenge of attention residue when switching between work tasks. <i>Organizational Behavior and Human Decision Processes</i>. （注意の残留に関する研究）</li>
      <li>Vredeveldt, A., et al. (2011). Eye-closure helps memory by reducing cognitive load and enhancing visualization. <i>Memory &amp; Cognition</i>. （視覚遮断と認知負荷軽減）</li>
      <li>Ma, X., et al. (2017). The effect of diaphragmatic breathing on attention, negative affect and stress in healthy adults. <i>Frontiers in Psychology</i>. （深呼吸による自律神経の調整）</li>
    </ul>
  </div>

</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
.co-column-container {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 40px 32px !important;
  margin: 2.5em 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  color: #334155 !important;
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.04) !important;
  box-sizing: border-box !important;
  line-height: 1.8 !important;
}

/* ヘッダー周り */
.co-header {
  text-align: center !important;
  margin-bottom: 28px !important;
}
.co-badge {
  display: inline-block !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  margin-bottom: 12px !important;
  letter-spacing: 0.05em !important;
}
.co-title {
  margin: 0 !important;
  font-size: 1.45rem !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  line-height: 1.4 !important;
}
.co-title-sub {
  font-size: 1.05rem !important;
  color: #475569 !important;
  font-weight: 700 !important;
  display: block !important;
  margin-top: 6px !important;
}

/* リード文 */
.co-lead {
  font-size: 1.05rem !important;
  color: #334155 !important;
  margin-bottom: 2.5em !important;
  padding-bottom: 2em !important;
  border-bottom: 1px dashed #cbd5e1 !important;
}
.co-lead b {
  color: #0f172a !important;
  background: linear-gradient(transparent 70%, #fef08a 0) !important;
}

/* メカニズム解説ボックス（青枠） */
.co-box {
  background: #ffffff !important;
  border: 2px solid #bfdbfe !important;
  border-radius: 8px !important;
  padding: 24px !important;
  margin-bottom: 2.5em !important;
  position: relative !important;
}
.co-box-title {
  position: absolute !important;
  top: -14px !important;
  left: 20px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  padding: 4px 16px !important;
  border-radius: 20px !important;
  letter-spacing: 0.05em !important;
}
.co-step-wrapper {
  margin-top: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}
.co-step-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}
.co-step-num {
  flex-shrink: 0 !important;
  width: 28px !important;
  height: 28px !important;
  background: #dbeafe !important;
  color: #1d4ed8 !important;
  font-weight: 900 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.95rem !important;
  margin-top: 2px !important;
}

/* ステップ内のタイトルと本文 */
.co-step-title {
  display: block !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 4px !important;
}
.co-step-content p {
  margin: 0 !important;
  font-size: 0.9rem !important;
  color: #475569 !important;
  line-height: 1.6 !important;
}
.co-step-content p b {
  color: #0f172a !important;
}

/* まとめボックス（左太線を廃止し、全体を囲む薄緑の枠線へ変更） */
.co-summary-box {
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 8px !important;
  padding: 20px 24px !important;
  margin-bottom: 2em !important;
}
.co-summary-box b {
  display: block !important;
  font-size: 1.05rem !important;
  color: #14532d !important;
  margin-bottom: 8px !important;
}
.co-summary-box p {
  margin: 0 !important;
  font-size: 0.95rem !important;
  color: #15803d !important;
}

/* 引用・参考文献クレジット */
.co-citation {
  border-top: 1px solid #e2e8f0 !important;
  padding-top: 20px !important;
  font-size: 0.8rem !important;
  color: #64748b !important;
}
.co-citation b {
  display: block !important;
  margin-bottom: 6px !important;
}
.co-citation ul {
  margin: 0 !important;
  padding-left: 20px !important;
}
.co-citation li {
  margin-bottom: 4px !important;
}

/* スマホ用レスポンシブ（ヒエラルキーとフォントサイズの再調整） */
@media (max-width: 600px) {
  .co-column-container {
    padding: 24px 16px !important;
  }
  
  /* タイトル周り */
  .co-title {
    font-size: 1.35rem !important; /* リード文より大きく */
  }
  .co-title-sub {
    font-size: 1rem !important;
    margin-top: 8px !important;
  }
  
  /* リード文（ご指定の1.15remベース） */
  .co-lead {
    font-size: 1.15rem !important;
    line-height: 1.7 !important;
  }
  
  /* メカニズムボックス */
  .co-box {
    padding: 28px 16px 20px 16px !important;
  }
  .co-box-title {
    left: 12px !important;
    font-size: 1rem !important; /* スマホでも見やすく調整 */
  }
  
  /* ステップ内テキスト */
  .co-step-title {
    font-size: 1.15rem !important;
  }
  .co-step-content p {
    font-size: 1.15rem !important;
    line-height: 1.7 !important;
  }
  
  /* まとめボックス */
  .co-summary-box {
    padding: 20px 16px !important;
  }
  .co-summary-box b {
    font-size: 1.25rem !important;
  }
  .co-summary-box p {
    font-size: 1.15rem !important;
    line-height: 1.7 !important;
  }
  
  /* 参考文献クレジット */
  .co-citation {
    font-size: 0.95rem !important;
  }
}
</style>



<!-- 高級感のある関連記事CTAカード（持続的注意力ハブへ・記事中挿入用） -->
<a class="rel-article-card-luxury" href="https://memory-coffee.jp/magazine/sustained-attention-aging-maintenance/" target="_blank" rel="noopener">
  <div class="rel-thumb-luxury">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/sustained-attention-brain-focus-guide-ogi.webp" alt="集中力が続かない大人へ。持続的注意力を守る脳科学とGABA">
  </div>
  <div class="rel-text-luxury">
    <span class="rel-tag-luxury">関連記事</span>
    <span class="rel-title-luxury">持続的注意力を守る脳科学とGABA</span>
    <span class="rel-sub-luxury">集中力が続かない理由と、科学的に維持する方法を、脳の仕組みからわかりやすく解説しています。</span>
  </div>
  <span class="rel-arrow-luxury">›</span>
</a>
<style>
  .rel-article-card-luxury {
     display: grid !important;
     grid-template-columns: 128px 1fr auto !important;
     gap: 20px !important;
     align-items: center !important;
     background: linear-gradient(135deg, #ffffff 0%, #faf9f6 100%) !important;
     border: 1px solid #e6e1d6 !important;
     border-left: 4px solid #C5A059 !important;
     border-radius: 8px !important;
     padding: 24px 28px !important;
     margin: 28px 0 32px 0 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease !important;
}
.rel-article-card-luxury:hover {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-2px) !important;
    border-color: #d4c8b0 !important;
}
.rel-thumb-luxury {
    width: 128px !important;
    height: 72px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}
.rel-thumb-luxury img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.rel-text-luxury {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.rel-tag-luxury {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #C5A059 !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 6px !important;
}
.rel-title-luxury {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #2c2825 !important;
    line-height: 1.5 !important;
    margin-bottom: 4px !important;
}
.rel-sub-luxury {
    font-size: 0.9rem !important;
    color: #6b6661 !important;
    line-height: 1.6 !important;
}
.rel-arrow-luxury {
    font-size: 40px !important;
    font-weight: 300 !important;
    color: #d1c8b8 !important;
    transition: all 0.3s ease !important;
}
.rel-article-card-luxury:hover .rel-arrow-luxury {
    color: #C5A059 !important;
    transform: translateX(4px) !important;
}
@media (max-width: 600px) {
    .rel-article-card-luxury {
        grid-template-columns: 96px 1fr auto !important;
        gap: 14px !important;
        padding: 18px 16px !important;
    }
    .rel-thumb-luxury {
        width: 96px !important;
        height: 54px !important;
    }
    .rel-tag-luxury { font-size: 10px !important; margin-bottom: 4px !important; }
    .rel-title-luxury { font-size: 1.05rem !important; margin-bottom: 2px !important; }
    .rel-sub-luxury { font-size: 0.85rem !important; }
    .rel-arrow-luxury { font-size: 32px !important; }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">それでも負担が大きいと感じるなら</h2>



<p class="wp-block-paragraph">工夫を重ねても、慢性的な疲労感やストレスが続く場合は、一人で抱え込まず、上司や産業医に相談することも大切な選択肢です。</p>



<p class="wp-block-paragraph">施工管理という仕事そのものが、脳に大きな負荷をかける働き方であるという前提を、まず自分自身が認めることも重要です。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/08/soudan-sekoukanrishi-1024x576.webp" alt="悩みを産業医に相談している施工管理士のイメージ画像。" class="wp-image-7128" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/soudan-sekoukanrishi-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/08/soudan-sekoukanrishi-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/soudan-sekoukanrishi-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/08/soudan-sekoukanrishi.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">画像はイメージです</figcaption></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">脳がフル回転する現場だからこそ「コンディションケア」を</h2>



<p class="wp-block-paragraph">業務の可視化や意識的なスイッチ作りといった「外側からの工夫」に加えて、過酷な現場を乗り切るためには「脳や体そのもののコンディションを内側から整えること」も大切です。</p>



<p class="wp-block-paragraph">そこで、マルチタスクに追われる多忙なビジネスパーソンにおすすめしたいのが、脳内の抑制性物質として知られる<strong><span class="swl-marker mark_yellow">「GABA（ギャバ）」</span>を活用したコンディションケア</strong>です。</p>



<!-- GABA解説：神秘的な光の玉アニメーション付き（注記枠外・右寄せ版） -->
<div style="margin: 32px 0; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;">
  
  <!-- 白背景のカード枠 -->
  <div style="background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 32px 28px; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);">
    <div class="gaba-explanation-container">
      
      <!-- 神秘的な光の玉（オーブ）エリア -->
      <div class="gaba-orb-wrapper">
        <div class="gaba-mystic-orb"></div>
        <!-- 光の粒子（装飾） -->
        <div class="gaba-particle p1"></div>
        <div class="gaba-particle p2"></div>
        <div class="gaba-particle p3"></div>
      </div>

      <!-- テキストエリア -->
      <div class="gaba-text-area">
        <p class="gaba-title">GABAとは？</p>
        <p class="gaba-desc">
          <strong>野菜や果物に含まれるアミノ酸の一種。<br>
          体内では神経伝達物質として、<br>
          健康維持に欠かせない役割を<br class="mc-sp-only">担っています。
        </strong></p>
      </div>

    </div>
  </div>

  <!-- 枠外に移動した注記（右寄せ） -->
  <div style="text-align: right; font-size: 11px; color: #888888; margin-top: 10px; padding-right: 5px; letter-spacing: 0.05em;">
    ※アニメーションはイメージです。
  </div>

  <style>
    /* レイアウトのベース */
    .gaba-explanation-container {
      display: flex;
      align-items: center;
      gap: 32px;
    }

    /* オーブを包む枠 */
    .gaba-orb-wrapper {
      position: relative;
      width: 90px;
      height: 90px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
    }

    /* 光の玉本体：ブルー・パープル統一版 */
    .gaba-mystic-orb {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: radial-gradient(circle at 35% 35%, #ffffff 0%, #e0e7ff 25%, #818cf8 60%, #4f46e5 100%);
      animation: gaba_float 4s ease-in-out infinite, gaba_pulse 4s ease-in-out infinite;
    }

    /* フワフワ浮遊する動き */
    @keyframes gaba_float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    /* 光が呼吸するように広がる動き */
    @keyframes gaba_pulse {
      0%, 100% {
        box-shadow: 
          0 0 15px #c7d2fe,
          0 0 30px rgba(129, 140, 248, 0.4),
          0 0 45px rgba(79, 70, 229, 0.2);
      }
      50% {
        box-shadow: 
          0 0 20px #ffffff,
          0 0 40px #818cf8,
          0 0 60px rgba(99, 102, 241, 0.6),
          0 0 80px rgba(79, 70, 229, 0.4);
      }
    }

    /* 周囲を漂う光の粒子 */
    .gaba-particle {
      position: absolute;
      width: 4px;
      height: 4px;
      background-color: #ffffff;
      border-radius: 50%;
      box-shadow: 0 0 6px #e0e7ff;
      opacity: 0;
    }
    .gaba-particle.p1 { top: 10%; left: 20%; animation: particle_blink 3s infinite 0.5s; }
    .gaba-particle.p2 { bottom: 15%; right: 15%; animation: particle_blink 4s infinite 1.2s; }
    .gaba-particle.p3 { top: 40%; right: 5%; width: 3px; height: 3px; animation: particle_blink 3.5s infinite 2.5s; }

    @keyframes particle_blink {
      0%, 100% { opacity: 0; transform: scale(0.5) translateY(0); }
      50% { opacity: 0.8; transform: scale(1.5) translateY(-5px); }
    }

    /* テキストのスタイル */
    .gaba-text-area {
      flex: 1;
    }
    .gaba-title {
      margin: 0 0 12px 0;
      font-size: 1.25rem;
      font-weight: bold;
      color: #1e293b;
      border-bottom: 2px solid #f1f5f9;
      padding-bottom: 10px;
    }
    .gaba-desc {
      margin: 0;
      font-size: 1.05rem;
      color: #475569;
      line-height: 1.8;
    }

    /* スマホ表示最適化 */
    @media (max-width: 600px) {
      .gaba-explanation-container {
        flex-direction: column;
        text-align: center;
        gap: 20px;
      }
      .gaba-title {
        font-size: 1.2rem;
        border-bottom: none;
        position: relative;
      }
      .gaba-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 40px;
        height: 2px;
        background-color: #f1f5f9;
      }
      .gaba-desc {
        font-size: 1.15rem;
      }
    }
  </style>
</div>



<h3 class="wp-block-heading">GABAが働くのは、まさに&#8221;負荷が高い&#8221;瞬間</h3>



<p class="wp-block-paragraph">2023年、日本の研究チーム（中京大学・NTT・産業技術総合研究所・北海道大学等）が、興味深い研究結果を発表しました。</p>



<p class="wp-block-paragraph"><strong>MRS（磁気共鳴分光法）という手法で、脳の左前頭前野にあるGABAという物質の濃度を測定</strong>し、持続的な注意力が必要な課題の成績と照らし合わせたところ、<strong>GABAの濃度は、&#8221;負荷の高い状況&#8221;下でのパフォーマンスと関連していた</strong>ことが分かりました。</p>



<p class="wp-block-paragraph">興味深いことに、負荷が低く単純な状況では、GABAではなく別の物質（グルタミン酸系）の方が、成績と関連していました。</p>



<div class="evidence-chart-wrapper">
  <style>
    .evidence-chart-wrapper {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 24px;
      max-width: 800px;
      margin: 2em auto;
      background: #f8fafc;
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
      box-sizing: border-box;
    }
    /* h3からdivに変更したタイトルスタイル */
    .ev-title {
      text-align: center;
      color: #0f172a;
      font-size: 1.25rem;
      font-weight: bold;
      margin: 0 0 20px 0;
      line-height: 1.4;
    }
    .ev-container {
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
    }
    .ev-box {
      flex: 1 1 300px;
      padding: 20px;
      border-radius: 10px;
      background: #ffffff;
      box-shadow: 0 2px 4px rgba(0,0,0,0.05);
      display: flex;
      flex-direction: column;
      align-items: center;
      box-sizing: border-box;
    }
    .ev-box.low-load {
      border-top: 5px solid #3b82f6;
    }
    .ev-box.high-load {
      border-top: 5px solid #ef4444;
    }
    .ev-label {
      font-weight: bold;
      padding: 6px 12px;
      border-radius: 20px;
      font-size: 0.9rem;
      margin-bottom: 15px;
    }
    .ev-box.low-load .ev-label {
      background: #eff6ff;
      color: #1d4ed8;
    }
    .ev-box.high-load .ev-label {
      background: #fef2f2;
      color: #b91c1c;
    }
    .ev-desc {
      font-size: 0.9rem;
      color: #64748b;
      text-align: center;
      margin-bottom: 15px;
      height: 40px;
    }
    .ev-brain-chemical {
      background: #f1f5f9;
      width: 100%;
      text-align: center;
      padding: 15px 0;
      border-radius: 8px;
      margin-bottom: 15px;
    }
    .ev-chemical-name {
      display: block;
      font-size: 1.3rem;
      font-weight: bold;
      color: #0f172a;
      margin-top: 5px;
    }
    .ev-arrow {
      color: #cbd5e1;
      font-size: 1.5rem;
      margin-bottom: 10px;
    }
    .ev-result {
      font-weight: bold;
      text-align: center;
      color: #334155;
    }
    
    /* 結論ボックス（左太線を廃止し、全体を囲む薄オレンジの枠線へ変更） */
    .ev-conclusion {
      margin-top: 24px;
      background: #fffbeb;
      border: 1px solid #fde68a;
      padding: 16px;
      border-radius: 8px;
      font-weight: bold;
      color: #78350f;
      line-height: 1.6;
    }
    .ev-conclusion-title {
      display: block;
      color: #d97706;
      font-size: 0.95rem;
      margin-bottom: 6px;
    }
    .ev-cite {
      font-size: 0.75rem;
      color: #94a3b8;
      text-align: right;
      margin-top: 16px;
      line-height: 1.4;
    }

    /* スマホ用レスポンシブ（ヒエラルキーとフォントサイズの再調整） */
    @media (max-width: 600px) {
      .evidence-chart-wrapper {
        padding: 24px 16px;
      }
      .ev-title {
        font-size: 1.35rem; /* タイトルを少し大きく */
      }
      .ev-container { 
        flex-direction: column; 
      }
      .ev-box {
        padding: 24px 16px;
      }
      .ev-label {
        font-size: 1rem;
      }
      .ev-desc { 
        height: auto; 
        margin-bottom: 16px;
        font-size: 1.15rem; /* ご指定のベースサイズ */
        line-height: 1.6;
      }
      .ev-brain-chemical span:first-child {
        font-size: 0.95rem !important; /* ラベルも少し大きく */
      }
      .ev-chemical-name {
        font-size: 1.45rem;
      }
      .ev-chemical-name span:last-child {
        font-size: 1.05rem !important; /* (Glx)などの注記サイズ */
      }
      .ev-result {
        font-size: 1.15rem;
      }
      
      /* 結論ボックス */
      .ev-conclusion {
        padding: 20px 16px;
        font-size: 1.15rem;
        line-height: 1.7;
      }
      .ev-conclusion-title {
        font-size: 1.25rem;
        margin-bottom: 8px;
      }
      
      .ev-cite {
        font-size: 0.95rem;
      }
    }
  </style>

  <!-- タイトル（h3タグからdivに変更） -->
  <div class="ev-title">【研究結果】前頭前野の神経伝達物質と注意力の関係</div>

  <div class="ev-container">
    <!-- 低負荷パターンの図解 -->
    <div class="ev-box low-load">
      <div class="ev-label">負荷が低い状況</div>
      <div class="ev-desc">やることが少なく<br>比較的単純なタスク</div>
      <div class="ev-brain-chemical">
        <span style="font-size: 0.8rem; color:#64748b;">関係する物質</span>
        <span class="ev-chemical-name">グルタミン酸系<br><span style="font-size: 0.9rem">(Glx)</span></span>
      </div>
      <div class="ev-arrow">▼</div>
      <div class="ev-result">パフォーマンス（成績）と連動</div>
    </div>

    <!-- 高負荷パターンの図解 -->
    <div class="ev-box high-load">
      <div class="ev-label">負荷が高い状況</div>
      <div class="ev-desc">やることが多く<br>混乱しやすいマルチタスク</div>
      <div class="ev-brain-chemical">
        <span style="font-size: 0.8rem; color:#64748b;">関係する物質</span>
        <span class="ev-chemical-name" style="color: #b91c1c; font-size: 1.5rem;">GABA</span>
      </div>
      <div class="ev-arrow">▼</div>
      <div class="ev-result">パフォーマンス（成績）と連動</div>
    </div>
  </div>

  <!-- 結論・現場への応用 -->
  <div class="ev-conclusion">
    <span class="ev-conclusion-title">💡 施工管理の現場に当てはめると…</span>
    常に複数のタスクが同時進行し、突発的な対応も求められる「高負荷状態」の現場ほど、GABAと集中力の関係が深く関わっている可能性が示されています。
  </div>

  <!-- 出典元 -->
  <div class="ev-cite">
    出典：Kondo, H. M., et al. (2023). &#8220;Prefrontal GABA and glutamate–glutamine levels affect sustained attention.&#8221; Cerebral Cortex, 33(19).
  </div>
</div>



<p class="wp-block-paragraph"><strong>つまりGABAは、&#8221;やることが少ない時&#8221;より、<span class="swl-marker mark_yellow">&#8220;やることが多くて混乱しやすい時&#8221;にこそ、重要な役割を果たしている</span></strong>と考えられます。</p>



<p class="wp-block-paragraph">これは、まさに施工管理のようなマルチタスクの現場に当てはまる話です。</p>



<h3 class="wp-block-heading">コンディションを内側から整える「ながらケア」という選択</h3>



<p class="wp-block-paragraph">こうした脳の仕組みを踏まえたうえで、日々のコンディションを内側からサポートする方法の一つとして、GABAを含む食品を取り入れるという選択肢があります。</p>



<p class="wp-block-paragraph">そこでおすすめなのが、日々の仕事の合間やデスクワークの時間をそのままケアに変える<strong><span class="swl-marker mark_yellow">「ながらケア」</span></strong>です。</p>



<p class="wp-block-paragraph">朝一番に今日の工程表を確認する時や、現場から事務所に戻ってゆっくり手帳を開くひととき。</p>



<p class="wp-block-paragraph">その手に持つ一杯を「Memory Coffee（メモリーコーヒー）」に置き換えるだけで、毎日のコンディションケアを無理なく続けられます。</p>



<p class="wp-block-paragraph">Memory Coffeeは、スティック1本に機能性関与成分GABA200mgを配合した「機能性コーヒー」です。</p>



<!-- ===================================================
   Memory Coffee 記事トーン統一版プレミアムカード（見出しタグ非使用・構造最適化版）
=================================================== -->
<div class="mc-hero-card">
  
  <!-- カードヘッダー（h3タグからdivに変更） -->
  <div class="mc-card-header">
    <div class="mc-badge-group">
      <span class="mc-badge-main">機能性表示食品</span>
      <span class="mc-badge-sub">GABA 200mg配合</span>
    </div>
    <!-- ★ 目次回避 ＆ クローラー向けh3宣言 ★ -->
    <div class="mc-card-heading" role="heading" aria-level="3">メモリーコーヒー（Memory Coffee）とは？</div>
    <p class="mc-card-intro">
      毎日のコーヒータイムを「自分らしさを育む時間」へと変えるインスタントコーヒーです。<br>
      本格的なおいしさと、認知機能の一部を維持するGABA200mg（1本あたり）のサポートを両立しています。<br>
    </p>
  </div>

  <!-- カードボディ -->
  <div class="mc-card-body">
    
    <!-- 機能性解説セクション -->
    <!-- ★ 目次回避 ＆ クローラー向けh4宣言 ★ -->
    <div class="mc-section-subhead" role="heading" aria-level="4">💡 科学的根拠に基づいた3つのサポート機能</div>
    <p class="mc-lead-text">
      Memory Coffeeに含まれるGABAは、加齢とともに低下する<strong>認知機能の一部を維持する機能</strong>が報告されています。<br>
    </p>
    
    <div class="mc-feature-box">
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">記憶力</span>
          <span class="mc-feature-desc">見たり聞いたりしたことを思い出す力</span>
        </div>
      </div>
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">空間認知力</span>
          <span class="mc-feature-desc">物の位置、形、向きなどを正確に把握する力</span>
        </div>
      </div>
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">持続的注意力</span>
          <span class="mc-feature-desc">注意を持続させながら、作業を続ける力</span>
        </div>
      </div>
    </div>

    <!-- ブレンドこだわりセクション -->
    <div class="mc-blend-container">
      <div class="mc-section-subhead" style="justify-content: center; margin-bottom: 28px;">
        ☕ 30回の試作で辿り着いた本格ブレンド
      </div>

      <div class="mc-blend-stage-wrap">
        <div class="mc-bean-unit">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-brazil-beans-p.webp" alt="ブラジル産コーヒー豆" loading="lazy" decoding="async">
        </div>
        <div class="mc-blend-symbol">
          <span class="mc-x-mark">×</span>
          <p class="mc-x-text">絶妙ブレンド</p>
        </div>
        <div class="mc-bean-unit">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-vietnam-beans-p.webp" alt="ベトナム産コーヒー豆" loading="lazy" decoding="async">
        </div>
      </div>

      <!-- 神秘的な光の玉（完全固定アニメーション） -->
      <div class="mc-hero-fusion-stage">
        <span class="mc-hero-plus-symbol">＋</span>
        <div class="mc-hero-gaba-orb-wrap">
          <div class="gaba-orb-wrapper">
            <div class="gaba-mystic-orb">
              <span class="gaba-orb-text">GABA</span>
            </div>
            <div class="gaba-particle p1"></div>
            <div class="gaba-particle p2"></div>
            <div class="gaba-particle p3"></div>
          </div>
          <p class="mc-hero-gaba-caption">機能性関与成分 GABA</p>
        </div>
      </div>

      <p class="mc-blend-desc-text">
        スッキリとしたブラジル産とコク深いベトナム産の豆を絶妙にブレンド。<br>
        毎日飽きずに楽しめる、本格的でホッとする風味に仕上げています。<br>
      </p>

      <div class="mc-story-panel-wrap">
        <div class="mc-story-text-area">
          <p class="mc-story-head-text">
            開発段階で約<span class="mc-big-num">30</span>パターンもの<br class="mc-sp-only">ブレンド配合・調整を繰り返し、<br class="mc-sp-only">納得の1杯を完成させました！<br>
          </p>
        </div>
        <div class="mc-story-img-area">
          <figure class="mc-polaroid">
            <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-Product01-p.webp" alt="実際のブレンド配合打合せ資料" loading="lazy" decoding="async">
            <figcaption>配合打合せの様子</figcaption>
          </figure>
        </div>
      </div>
    </div>

  </div>

  <!-- カードフッター -->
  <div class="mc-card-footer">
    <div class="mc-official-tag">届出番号：J1384</div>
    <p class="mc-disclaimer">
      ※本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。<br>ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。<br>
      ※本品は、疾病の診断、治療、予防を目的としたものではありません。<br>
      ※アニメーションはイメージです。<br>
    </p>
  </div>
</div>

<!-- ===================================================
   デザイン用 CSS
=================================================== -->
<style>
.mc-hero-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  margin: 2.5em 0 !important;
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.04) !important;
  overflow: hidden !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  box-sizing: border-box !important;
  line-height: 1.8 !important;
}

/* ヘッダー */
.mc-card-header {
  background: #fdfbf7 !important;
  padding: 32px 28px 20px !important;
  border-bottom: 1px solid #f0e9d6 !important;
}

.mc-badge-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}

.mc-badge-main {
  background: #0f172a !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.05em !important;
  border-radius: 20px !important;
  padding: 4px 12px !important;
}

.mc-badge-sub {
  background: #fef3c7 !important;
  color: #92400e !important;
  font-weight: 800 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.05em !important;
  border-radius: 20px !important;
  padding: 4px 12px !important;
}

.mc-card-heading {
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.4 !important;
}

.mc-card-intro {
  font-size: 0.98rem !important;
  line-height: 1.75 !important;
  color: #334155 !important;
  margin: 0 !important;
}

/* ボディ */
.mc-card-body {
  padding: 28px !important;
}

.mc-section-subhead {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 12px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.mc-lead-text {
  color: #475569 !important;
  font-size: 0.95rem !important;
  margin: 0 0 18px 0 !important;
}

.mc-lead-text strong {
  color: #0f172a !important;
  background: linear-gradient(transparent 70%, #fef08a 0) !important;
}

.mc-feature-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 20px !important;
  margin-bottom: 24px !important;
}

.mc-feature-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.mc-feature-row + .mc-feature-row {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px dashed #cbd5e1 !important;
}

.mc-feature-icon {
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #2563eb !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  margin-top: 2px !important;
}

.mc-feature-title {
  display: block !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
}

.mc-feature-desc {
  color: #64748b !important;
  font-size: 0.85rem !important;
  display: block !important;
}

/* ブレンドコンテナ */
.mc-blend-container {
  background: #fafaf9 !important;
  border: 1px solid #f5f5f4 !important;
  border-radius: 10px !important;
  padding: 32px 24px !important;
}

.mc-blend-stage-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 32px !important; /* PC版：画像間によりゆとりを持たせる */
  margin-bottom: 24px !important;
}

/* ★ PC版：豆画像サイズの大幅スケールアップ ★ */
.mc-bean-unit {
  text-align: center !important;
  flex: 1 !important;
  max-width: 360px !important; /* 旧: 240px からさらに大きく */
}

.mc-bean-unit img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 8px !important; /* 角丸も少し強めに */
}

.mc-blend-symbol {
  text-align: center !important;
  flex-shrink: 0 !important;
}

.mc-x-mark {
  font-size: 2rem !important; /* ×マークも拡大 */
  font-weight: 800 !important;
  color: #c5a059 !important;
  display: block !important;
  line-height: 1 !important;
}

.mc-x-text {
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  color: #475569 !important;
  margin: 8px 0 0 !important;
}

/* GABA光の玉アニメーション */
.mc-hero-fusion-stage {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 24px 0 28px !important;
}

.mc-hero-plus-symbol {
  font-size: 1.8rem !important; /* ＋マークも拡大 */
  font-weight: 800 !important;
  color: #c5a059 !important;
  flex-shrink: 0 !important;
}

.mc-hero-gaba-orb-wrap {
  text-align: center !important;
}

.gaba-orb-wrapper {
  position: relative !important;
  width: 100px !important; /* オーブ全体も少し大きく */
  height: 100px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto 6px !important;
}

.gaba-mystic-orb {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 35%, #ffffff 0%, #e0e7ff 25%, #818cf8 60%, #4f46e5 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  animation: gaba_float 4s ease-in-out infinite, gaba_pulse_blue 4s ease-in-out infinite !important;
}

.gaba-orb-text {
  color: #ffffff !important;
  font-size: 0.85rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-shadow: 0 1px 3px rgba(30, 41, 59, 0.7) !important;
}

@keyframes gaba_float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@keyframes gaba_pulse_blue {
  0%, 100% {
    box-shadow: 
      0 0 15px #c7d2fe,
      0 0 30px rgba(129, 140, 248, 0.4),
      0 0 45px rgba(79, 70, 229, 0.2);
  }
  50% {
    box-shadow: 
      0 0 20px #ffffff,
      0 0 40px #818cf8,
      0 0 60px rgba(99, 102, 241, 0.6),
      0 0 80px rgba(79, 70, 229, 0.4);
  }
}

.gaba-particle {
  position: absolute !important;
  width: 4px !important;
  height: 4px !important;
  background-color: #ffffff !important;
  border-radius: 50% !important;
  box-shadow: 0 0 6px #e0e7ff !important;
  opacity: 0 !important;
}
.gaba-particle.p1 { top: 10% !important; left: 20% !important; animation: particle_blink 3s infinite 0.5s !important; }
.gaba-particle.p2 { bottom: 15% !important; right: 15% !important; animation: particle_blink 4s infinite 1.2s !important; }
.gaba-particle.p3 { top: 40% !important; right: 5% !important; width: 3px !important; height: 3px !important; animation: particle_blink 3.5s infinite 2.5s !important; }

@keyframes particle_blink {
  0%, 100% { opacity: 0; transform: scale(0.5) translateY(0); }
  50% { opacity: 0.9; transform: scale(1.5) translateY(-5px); }
}

.mc-hero-gaba-caption {
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 !important;
}

.mc-blend-desc-text {
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
  color: #475569 !important;
  text-align: center !important;
  margin: 0 0 28px 0 !important;
}

/* ストーリーパネル */
.mc-story-panel-wrap {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 32px !important;
}

.mc-story-text-area {
  flex: 1 !important;
}

.mc-story-head-text {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 0 !important;
  line-height: 1.7 !important;
}

.mc-big-num {
  font-size: 1.6rem !important;
  color: #2563eb !important;
  font-weight: 900 !important;
  padding: 0 4px !important;
}

/* ★ PC版：ポラロイド画像の大幅スケールアップ ★ */
.mc-story-img-area {
  flex-shrink: 0 !important;
  width: 240px !important; /* 旧: 180px からさらに拡大 */
}

.mc-polaroid {
  margin: 0 !important;
  background: #ffffff !important;
  padding: 8px 8px 10px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px !important;
  text-align: center !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
}

.mc-polaroid img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 2px !important;
}

.mc-polaroid figcaption {
  font-size: 0.8rem !important;
  color: #64748b !important;
  margin-top: 8px !important;
}

/* フッター */
.mc-card-footer {
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  padding: 20px 28px !important;
}

.mc-official-tag {
  display: inline-block !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  font-size: 0.75rem !important;
  margin-bottom: 8px !important;
  background: #ffffff !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  border: 1px solid #cbd5e1 !important;
}

.mc-disclaimer {
  font-size: 0.75rem !important;
  color: #64748b !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ===================================================
   スマホ用レスポンシブ
=================================================== */
@media (max-width: 600px) {
  .mc-card-header { padding: 24px 16px 20px !important; }
  .mc-card-heading { font-size: 1.35rem !important; margin-bottom: 12px !important; }
  .mc-card-intro { font-size: 1.15rem !important; line-height: 1.7 !important; }

  .mc-card-body { padding: 24px 16px !important; }
  
  .mc-section-subhead { font-size: 1.25rem !important; margin-bottom: 16px !important; }
  .mc-lead-text { font-size: 1.15rem !important; line-height: 1.7 !important; margin-bottom: 20px !important; }
  
  .mc-feature-box { padding: 20px 16px !important; }
  .mc-feature-title { font-size: 1.15rem !important; margin-bottom: 6px !important; }
  .mc-feature-desc { font-size: 1.05rem !important; line-height: 1.6 !important; }
  
  .mc-blend-container { padding: 24px 16px !important; }
  .mc-blend-desc-text { font-size: 1.15rem !important; line-height: 1.7 !important; }
  
  /* スマホでの画像サイズの確保（縦並び維持） */
  .mc-blend-stage-wrap { 
    flex-direction: column !important; 
    gap: 16px !important; 
  }
  .mc-bean-unit {
    max-width: 320px !important; /* スマホでもしっかり大きく */
    width: 100% !important;
  }
  .mc-blend-symbol { 
    padding: 8px 0 !important; 
  }
  .mc-x-mark { font-size: 2rem !important; } 
  .mc-x-text { font-size: 1rem !important; margin-top: 4px !important; }
  
  .mc-story-panel-wrap { 
    flex-direction: column !important; 
    text-align: center !important; 
    padding: 24px 16px !important; 
  }
  .mc-story-head-text { font-size: 1.15rem !important; line-height: 1.7 !important; }
  .mc-big-num { font-size: 1.8rem !important; }
  
  /* スマホでもポラロイド画像が潰れないように最大幅を確保 */
  .mc-story-img-area { 
    width: 100% !important; 
    max-width: 260px !important; 
    margin: 16px auto 0 !important; 
  }

  .mc-card-footer { padding: 20px 16px !important; }
  .mc-disclaimer { font-size: 0.85rem !important; line-height: 1.6 !important; }
}
</style>



<!-- ===================================================
   「ながらケア」魅力訴求セクション（金枠デザイン）
=================================================== -->
<div class="mc-gold-box-container">
  
  <!-- 特徴1：ながらケア -->
  <div class="mc-gold-item">
    <div class="mc-gold-icon-wrap">
      <span class="mc-gold-icon">⏳</span>
    </div>
    <div class="mc-gold-content">
      <!-- ★ 目次回避 ＆ クローラー向けh4宣言 ★ -->
      <div class="mc-gold-heading" role="heading" aria-level="4">習慣に溶け込む「ながらケア」</div>
      <p class="mc-gold-text">
        特別な準備は不要です。<br>
        デスクでタスクを整理しながら、あるいは現場前の1杯として飲むだけで、日々のコンディションづくりを無理なくサポートします。
      </p>
    </div>
  </div>

  <div class="mc-gold-divider"></div>

  <!-- 特徴2：飲み飽きないコーヒー -->
  <div class="mc-gold-item">
    <div class="mc-gold-icon-wrap">
      <span class="mc-gold-icon">☕</span>
    </div>
    <div class="mc-gold-content">
      <!-- ★ 目次回避 ＆ クローラー向けh4宣言 ★ -->
      <div class="mc-gold-heading" role="heading" aria-level="4">飲み飽きないコーヒー</div>
      <p class="mc-gold-text">
        機能性だけでなく、毎日飲みたくなる深い味わいを追求。<br>
        忙しい業務の合間に、ホッと一息つくだけで上質なリフレッシュタイムへと変わります。
      </p>
    </div>
  </div>

</div>

<!-- ===================================================
   デザイン用 CSS（金枠・プレミアム仕様）
=================================================== -->
<style>
.mc-gold-box-container {
  background: #ffffff !important;
  border: 2px solid #c5a059 !important; /* 金色のボーダー */
  border-radius: 12px !important;
  padding: 32px 28px !important;
  margin: 2.5em 0 !important;
  box-shadow: 0 8px 24px rgba(197, 160, 89, 0.12) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  color: #334155 !important;
  line-height: 1.8 !important;
  box-sizing: border-box !important;
}

.mc-gold-item {
  display: flex !important;
  gap: 18px !important;
  align-items: flex-start !important;
}

.mc-gold-icon-wrap {
  flex-shrink: 0 !important;
  width: 48px !important;
  height: 48px !important;
  background: #fdfbf7 !important; /* 極めて薄いベージュ */
  border: 1px solid #eae3d2 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.4rem !important;
  box-shadow: 0 2px 8px rgba(10, 25, 47, 0.04) !important;
}

.mc-gold-content {
  flex: 1 !important;
  padding-top: 2px !important;
}

.mc-gold-heading {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 8px 0 !important;
  letter-spacing: 0.05em !important;
}

.mc-gold-text {
  font-size: 0.95rem !important;
  color: #475569 !important;
  margin: 0 !important;
}

.mc-gold-divider {
  border-top: 1px dashed #cbd5e1 !important;
  margin: 24px 0 !important;
}

/* スマホ用レスポンシブ（ヒエラルキーとフォントサイズの再調整） */
@media (max-width: 600px) {
  .mc-gold-box-container {
    padding: 24px 16px !important;
  }
  .mc-gold-item {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }
  .mc-gold-icon-wrap {
    width: 48px !important;
    height: 48px !important;
    font-size: 1.4rem !important;
  }
  .mc-gold-heading {
    font-size: 1.25rem !important;
    margin-bottom: 10px !important;
  }
  /* ご指定のベースサイズ1.15rem */
  .mc-gold-text {
    font-size: 1.15rem !important;
    line-height: 1.7 !important;
  }
}
</style>



<p class="wp-block-paragraph">「気合や根性で乗り切る」のではなく、仕事の相棒としてコーヒーを楽しみながら、スマートに自分をケアする。</p>



<p class="wp-block-paragraph">マルチタスクの現場で戦う方こそ、この「飲むコンディションケア」という新しい習慣を取り入れてみてください！</p>



<style>
/* Memory Coffee プレミアム・サファイアバナー（PC最適化＆強制上書き版） */
.mc-jewel-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  margin: 3em 0 !important;
  padding: 12px 24px !important; /* 左右の余白を少し詰めて空間を確保 */
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", serif;
  
  /* サファイアブルーの深層グラデーション背景 */
  background: radial-gradient(circle at center, #0047AB 0%, #002147 100%);
  
  /* 1pxの琥珀色の細い境界線 */
  border: 1px solid rgba(197, 160, 89, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 15px rgba(197, 160, 89, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 微細なコーヒー豆のテクスチャ（オーバーレイ） */
.mc-jewel-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c5 0 8-4 8-8s-3-8-8-8-8 4-8 8 3 8 8 8z' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  pointer-events: none;
}

/* ホバー時の宝石のような輝きの変化 */
.mc-jewel-banner:hover {
  transform: translateY(-3px);
  border-color: #FFBF00;
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 0 25px rgba(255, 191, 0, 0.2);
}

/* 左側：ロゴ・フレームエリア */
.mc-jb-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important; /* 少し間隔を詰めて横幅を節約 */
  z-index: 2;
}
.mc-jb-logo-frame {
  position: relative;
  padding: 6px;
  border: 1.5px solid #C5A059;
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}
/* 湯気・ミストの演出（ぼかし光） */
.mc-jb-logo-frame::after {
  content: "";
  position: absolute;
  top: -10px; left: 50%;
  width: 40px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(197,160,89,0.4) 0%, transparent 70%);
  filter: blur(8px);
  transform: translateX(-50%);
  animation: jbSteam 4s infinite alternate;
}
@keyframes jbSteam {
  from { opacity: 0.3; transform: translateX(-50%) translateY(0); }
  to { opacity: 0.6; transform: translateX(-50%) translateY(-5px); }
}
.mc-jb-logo-frame img {
  max-height: 44px !important;
  width: auto !important;
  display: block;
  filter: drop-shadow(0 0 5px rgba(197,160,89,0.5));
}

/* 中央：テキストエリア（縦並びに変更して窮屈さを解消） */
.mc-jb-center {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important; /* バッジとテキストを縦に配置 */
  align-items: flex-start !important; /* 左寄せ */
  justify-content: center !important;
  padding: 0 24px !important;
  gap: 6px !important;
  z-index: 2;
}
.mc-jb-badge {
  background: #C5A059;
  border: 1px solid #FFD700;
  color: #1e2147;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 0 !important; /* 縦並びのため右マージンをリセット */
  white-space: nowrap !important;
  display: inline-block !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mc-jb-text {
  color: #ffffff !important;
  font-size: 1.15em !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  white-space: nowrap !important; /* 意図しない改行を完全に防ぐ */
}

/* 右側：鮮やかなピュアオレンジのジュエルボタン */
.mc-jb-btn {
  background: linear-gradient(145deg, #FF8A00 0%, #FF5E00 50%, #DF4A00 100%) !important;
  border: 1px solid #FFAD33 !important;
  padding: 10px 24px !important; /* 横幅を節約 */
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 5px 15px rgba(223, 74, 0, 0.4), inset 0 2px 2px rgba(255,255,255,0.4) !important;
  position: relative;
  overflow: hidden;
  z-index: 2;
  white-space: nowrap !important; /* ボタン内の文字落ちを防ぐ */
}
/* ボタン上の光の走査（宝石の輝き） */
.mc-jb-btn::after {
  content: '';
  position: absolute;
  top: -50%; left: -100%;
  width: 50%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
  transform: rotate(30deg);
  animation: jbBtnShine 3s infinite;
}
@keyframes jbBtnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.mc-jb-btn-text {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.95em !important;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-jewel-banner { flex-direction: column !important; gap: 20px !important; padding: 25px !important; text-align: center !important; }
  .mc-jb-logo-frame { border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 15px !important; }
  .mc-jb-center { align-items: center !important; padding: 0 !important; gap: 12px !important; }
  .mc-jb-text { text-align: center !important; }
  .mc-jb-btn { width: 100% !important; justify-content: center !important; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-jewel-banner">
  
  <div class="mc-jb-left">
    <div class="mc-jb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-jb-center">
    <div class="mc-jb-badge">機能性表示食品</div>
    <p class="mc-jb-text">
      200mgのGABAを1杯に<br>コーヒーで手軽に機能ケア
    </p>
  </div>

  <div class="mc-jb-btn">
    <span class="mc-jb-btn-text">Memory Coffeeを詳しくみる ▶︎</span>
  </div>

</a>



<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&amp;family=Noto+Serif+JP:wght@400;700&amp;display=swap" rel="stylesheet">
<style>
.mc2-outer, .mc2-outer *, .mc2-outer *::before, .mc2-outer *::after { box-sizing: border-box; }

.mc2-outer {
  width: 100%;
  padding: 24px 0 32px;
}
.mc2-wrap { width: 100%; max-width: 920px; margin: 0 auto; }

.mc2-coupon-bar {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12.5px; font-weight: 700;
  color: #3A2FB0; text-align: center;
  margin: 0 0 10px; letter-spacing: .08em;
}

.mc2-card {
  position: relative;
  display: flex; align-items: stretch;
  text-decoration: none; border-radius: 16px; overflow: hidden;
  background: linear-gradient(120deg, #090640 0%, #1714A0 60%, #0C0965 100%);
  box-shadow: 0 8px 40px rgba(9,6,64,.5), 0 2px 12px rgba(23,20,160,.3);
  transition: transform .25s ease, box-shadow .25s ease;
  min-height: 148px;
}
.mc2-card::after {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none; z-index: 0;
}
.mc2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 52px rgba(9,6,64,.65), 0 4px 20px rgba(23,20,160,.4);
}

.mc2-brand {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 8px;
  padding: 22px 26px;
  background: rgba(0,0,0,.2);
  border-right: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
}
.mc2-amz-pill {
  background: #fff; border-radius: 6px;
  padding: 8px 18px;
  display: inline-flex; align-items: center;
  align-self: flex-start;
}
.mc2-amz-logo { height: 44px; width: auto; display: block; }
.mc2-name {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.375rem; font-weight: 700;
  color: #fff; margin: 0;
  white-space: nowrap; letter-spacing: .03em;
}
.mc2-tagline {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5);
  margin: 0; letter-spacing: .06em;
}

.mc2-mid {
  position: relative; z-index: 1;
  flex: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 14px;
  padding: 20px 28px;
}
.mc2-benefit {
  padding-left: 12px;
  border-left: 2px solid rgba(255,255,255,.22);
}
.mc2-benefit-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px; font-weight: 500;
  color: #fff; margin: 0 0 3px;
}
.mc2-benefit-sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5); margin: 0;
}

.mc2-right {
  position: relative; z-index: 1;
  flex-shrink: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 10px; padding: 24px 28px;
  border-left: 1px solid rgba(255,255,255,.06);
}
.mc2-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #E82020, #C41010);
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.875rem; font-weight: 700;
  padding: 13px 26px; border-radius: 30px;
  white-space: nowrap; letter-spacing: .04em;
  box-shadow: 0 3px 16px rgba(200,16,16,.45);
  transition: box-shadow .2s ease;
}
.mc2-card:hover .mc2-btn {
  box-shadow: 0 6px 26px rgba(200,16,16,.7);
}
.mc2-note {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9.5px; color: rgba(255,255,255,.35);
  margin: 0; text-align: center;
}

@media (max-width: 680px) {
  .mc2-outer { padding: 20px 0 28px; }
  .mc2-card { flex-direction: column; }
  .mc2-brand {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 20px 20px 16px;
  }
  .mc2-amz-pill { align-self: center; }
  .mc2-name { font-size: 1.25rem; white-space: normal; text-align: center; }
  .mc2-tagline { text-align: center; }
  .mc2-mid { padding: 16px 20px; gap: 12px; }
  .mc2-right {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 16px 20px 20px;
  }
  .mc2-btn { width: 100%; justify-content: center; font-size: 0.9375rem; }
  .mc2-note { white-space: normal; }
}
</style>

<div class="mc2-outer">
  <div class="mc2-wrap">

    <p class="mc2-coupon-bar">＼ 期間限定１７%OFF ／</p>

    <a href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener" class="mc2-card">

      <div class="mc2-brand">
        <div class="mc2-amz-pill">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" class="mc2-amz-logo">
        </div>
        <p class="mc2-name">Memory Coffee</p>
        <p class="mc2-tagline">記憶力を維持するGABA×コーヒー</p>
      </div>

      <div class="mc2-mid">
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Prime対応・最短翌日お届け</p>
          <p class="mc2-benefit-sub">お急ぎ便でいつでも手軽にお手元に</p>
        </div>
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Amazonのレビューで購入前に確認</p>
          <p class="mc2-benefit-sub">実際に飲んだ方の声を参考にできる</p>
        </div>
      </div>

      <div class="mc2-right">
        <div class="mc2-btn">
          17%OFFで購入する
          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <path d="M5 12H19M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </div>
        <p class="mc2-note"></p>
      </div>

    </a>

  </div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">まとめ│自分自身を労うことも、現場を守る「大切な仕事」</h2>



<p class="wp-block-paragraph">日々飛び交うトラブルや優先順位の組み替えにより、施工管理職の脳は常にフル回転しています。</p>



<p class="wp-block-paragraph">記事の締めくくりとして、今回ご紹介した「脳の負荷を減らす4つのポイント」を振り返りましょう。</p>



<!-- ==========================================
  振り返りカード：押さえておきたい4つのポイント（施工管理版）
========================================== -->
<div class="ksm-container">
  <div class="ksm-header">
    <span class="ksm-badge">今回の振り返り</span>
    <!-- ★ 目次回避 ＆ クローラー向けh3宣言 ★ -->
    <div class="ksm-title" role="heading" aria-level="3">押さえておきたい4つのポイント</div>
  </div>

  <ul class="ksm-list">
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>マルチタスクと優先順位の再検討が混乱を招く</strong>
        <p>工程・品質・安全・原価の同時管理と、トラブル時の優先順位の組み直しが、混乱とミスの原因になりやすい。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>GABAは&#8221;高負荷な状況&#8221;でこそ真価を発揮する</strong>
        <p>2023年発表の研究で、GABAが&#8221;負荷の高い状況&#8221;でこそ持続的注意力を支えていることが示されている。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>仕組み化で脳の処理負荷を軽減する</strong>
        <p>タスクの見える化、トラブル対応の型づくり、意識的な区切りが、現実的な対策になる。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>限界を感じたら一人で抱え込まない</strong>
        <p>慢性的な疲労やストレスが続く場合は、一人で抱え込まず専門家に相談する。</p>
      </div>
    </li>
  </ul>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
  .ksm-container {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin: 2.5em 0 !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box !important;
  }
  .ksm-header { margin-bottom: 18px !important; }
  .ksm-badge {
    display: inline-block !important; background: #2563eb !important; color: #ffffff !important;
    font-size: 0.8rem !important; font-weight: 700 !important; padding: 4px 10px !important;
    border-radius: 4px !important; margin-bottom: 8px !important;
  }
  .ksm-title { margin: 0 !important; font-size: 1.2rem !important; font-weight: 800 !important; color: #0f172a !important; line-height: 1.4 !important; }

  /* divに変更したためSWELL等のh3デフォルト装飾は出ませんが、念のためのリセット */
  .ksm-container .ksm-title {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
  }
  .ksm-container .ksm-title::before,
  .ksm-container .ksm-title::after {
    display: none !important;
    content: none !important;
  }

  .ksm-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 16px !important; }
  .ksm-list li { display: flex !important; gap: 14px !important; align-items: flex-start !important; }

  .ksm-icon {
    flex-shrink: 0 !important; width: 26px !important; height: 26px !important; border-radius: 50% !important;
    background: #2563eb !important; color: #ffffff !important; font-size: 0.9rem !important; font-weight: 800 !important;
    display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 2px !important;
  }

  .ksm-content strong { display: block !important; font-size: 1.02rem !important; color: #0f172a !important; margin-bottom: 4px !important; }
  .ksm-content p { margin: 0 !important; font-size: 0.9rem !important; color: #475569 !important; line-height: 1.65 !important; }

  /* スマホ用レスポンシブ（ヒエラルキーとフォントサイズの再調整） */
  @media (max-width: 600px) {
    .ksm-container { padding: 24px 16px !important; }
    
    .ksm-badge { font-size: 0.95rem !important; }
    .ksm-title { font-size: 1.35rem !important; margin-bottom: 24px !important; }
    
    .ksm-list { gap: 20px !important; }
    .ksm-icon { 
      width: 32px !important; 
      height: 32px !important; 
      font-size: 1.1rem !important; 
    }
    
    .ksm-content strong { 
      font-size: 1.25rem !important; 
      margin-bottom: 8px !important; 
    }
    .ksm-content p { 
      font-size: 1.15rem !important; 
      line-height: 1.7 !important; 
    }
  }
</style>



<p class="wp-block-paragraph">現場で感じる疲労や焦りは、気のせいでもモチベーションの問題でもなく、「マルチタスクという過酷な働き方そのものが、大きな負荷」という脳科学的にも明確な理由があります。</p>



<p class="wp-block-paragraph">すべてを頭の中や根性だけで抱え込む必要は一切ありません。</p>



<p class="wp-block-paragraph"> 仕組みやツールに頼れるものはどんどん頼り、時には意識的に肩の力を抜きながら、まずは日々現場を回している自分自身を労ってあげてください。</p>



<p class="wp-block-paragraph">あなたの身体と心が健やかであることこそが、あらゆる現場を安全に動かす最大の土台です。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
   SEO用 FAQセクション（施工管理版・追加修正完了）
========================================== -->
<div class="faq-container">
  
  <div class="faq-header">
    <span class="faq-badge">Q&amp;A</span>
    <!-- ★ 目次回避 ＆ クローラー向けh2宣言 ★ -->
    <div class="faq-title" role="heading" aria-level="2">よくある質問（FAQ）</div>
  </div>

  <div class="faq-list">

    <!-- FAQ 1 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>マルチタスクによる混乱は、経験を積めば解消しますか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>経験によって、優先順位の判断が速くなることは期待できますが、脳が同時に処理できる情報量の限界そのものは、大きくは変わらないとされています。経験とあわせて、仕組みによる対策を続けることが大切です。</p>
      </div>
    </div>

    <!-- FAQ 2 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>GABAは、具体的にどんな場面で役立つとされていますか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>紹介した研究では、負荷の高い状況、つまりやることが多く混乱しやすい場面でこそ、GABAの働きが成績と関連していたことが示されています。単純な作業より、複数の業務を同時にこなす状況で、その役割が注目されています。</p>
      </div>
    </div>

    <!-- FAQ 3（追加分） -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>口から摂取したGABAは、脳まで届くのですか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>GABAが血液脳関門をどのように通過するかについては、現在も研究が続けられている分野です。記事内でご紹介した脳科学の研究（Kondo et al., 2023）は、GABAという物質が脳内でどのような役割を担っているかを説明する、一般的な背景知識としてご紹介しているものです。Memory Coffeeの「持続的注意力の維持をサポートする」という機能は、これらの研究を直接の根拠とするものではなく、消費者庁への届出（届出番号：J1384）において、必要な科学的根拠に基づき評価・受理されたものです。</p>
      </div>
    </div>

    <!-- FAQ 4 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>施工管理の仕事自体が向いていないのではと感じます。</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>マルチタスクによる混乱は、多くの人に共通して起こる、脳の仕組み上の現象です。すぐに「向いていない」と結論づけず、まずは仕組みによる対策を試してみることをお勧めします。それでも辛さが続く場合は、一人で抱え込まず、周囲や専門家に相談してください。</p>
      </div>
    </div>

  </div>
</div>

<!-- ==========================================
   デザイン用 CSS
========================================== -->
<style>
  .faq-container {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin: 2.5em 0 !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box !important;
  }
  .faq-header { margin-bottom: 20px !important; }
  .faq-badge {
    display: inline-block !important; background: #2563eb !important; color: #ffffff !important;
    font-size: 0.8rem !important; font-weight: 700 !important; padding: 4px 10px !important;
    border-radius: 4px !important; margin-bottom: 8px !important;
  }

  .faq-container .faq-title {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
  }
  .faq-container .faq-title::before,
  .faq-container .faq-title::after {
    display: none !important;
    content: none !important;
  }

  .faq-list { display: flex !important; flex-direction: column !important; gap: 16px !important; }
  
  .faq-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 18px !important;
  }

  .faq-question {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    margin-bottom: 12px !important;
  }
  .faq-q-icon {
    flex-shrink: 0 !important; width: 26px !important; height: 26px !important; border-radius: 50% !important;
    background: #2563eb !important; color: #ffffff !important; font-size: 0.95rem !important; font-weight: 800 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
  }
  .faq-question p {
    margin: 0 !important; font-size: 1.02rem !important; font-weight: bold !important; color: #0f172a !important; line-height: 1.5 !important;
  }

  .faq-answer {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    border-top: 1px dashed #e2e8f0 !important;
    padding-top: 12px !important;
  }
  .faq-a-icon {
    flex-shrink: 0 !important; width: 26px !important; height: 26px !important; border-radius: 50% !important;
    background: #ef4444 !important; color: #ffffff !important; font-size: 0.95rem !important; font-weight: 800 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
  }
  .faq-answer p {
    margin: 0 !important; font-size: 0.92rem !important; color: #334155 !important; line-height: 1.7 !important;
  }

  /* スマホ用レスポンシブ（ヒエラルキーとフォントサイズの再調整） */
  @media (max-width: 600px) {
    .faq-container { padding: 24px 16px !important; }
    
    .faq-badge { font-size: 0.95rem !important; }
    .faq-title { font-size: 1.35rem !important; margin-bottom: 24px !important; }
    
    .faq-item { padding: 20px 16px !important; }

    .faq-question { gap: 14px !important; margin-bottom: 16px !important; }
    .faq-q-icon { 
      width: 32px !important; height: 32px !important; 
      font-size: 1.1rem !important; 
    }
    .faq-question p { 
      font-size: 1.25rem !important; 
      line-height: 1.6 !important; 
    }

    .faq-answer { gap: 14px !important; padding-top: 16px !important; }
    .faq-a-icon { 
      width: 32px !important; height: 32px !important; 
      font-size: 1.1rem !important; 
    }
    /* ご指定のベースサイズ1.15rem */
    .faq-answer p { 
      font-size: 1.15rem !important; 
      line-height: 1.7 !important; 
    }
  }
</style>

<!-- ==========================================
   SEO用 構造化データ（JSON-LD）
========================================== -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "マルチタスクによる混乱は、経験を積めば解消しますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "経験によって、優先順位の判断が速くなることは期待できますが、脳が同時に処理できる情報量の限界そのものは、大きくは変わらないとされています。経験とあわせて、仕組みによる対策を続けることが大切です。"
      }
    },
    {
      "@type": "Question",
      "name": "GABAは、具体的にどんな場面で役立つとされていますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "紹介した研究では、負荷の高い状況、つまりやることが多く混乱しやすい場面でこそ、GABAの働きが成績と関連していたことが示されています。単純な作業より、複数の業務を同時にこなす状況で、その役割が注目されています。"
      }
    },
    {
      "@type": "Question",
      "name": "口から摂取したGABAは、脳まで届くのですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "GABAが血液脳関門をどのように通過するかについては、現在も研究が続けられている分野です。記事内でご紹介した脳科学の研究（Kondo et al., 2023）は、GABAという物質が脳内でどのような役割を担っているかを説明する、一般的な背景知識としてご紹介しているものです。Memory Coffeeの「持続的注意力の維持をサポートする」という機能は、これらの研究を直接の根拠とするものではなく、消費者庁への届出（届出番号：J1384）において、必要な科学的根拠に基づき評価・受理されたものです。"
      }
    },
    {
      "@type": "Question",
      "name": "施工管理の仕事自体が向いていないのではと感じます。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "マルチタスクによる混乱は、多くの人に共通して起こる、脳の仕組み上の現象です。すぐに「向いていない」と結論づけず、まずは仕組みによる対策を試してみることをお勧めします。それでも辛さが続く場合は、一人で抱え込まず、周囲や専門家に相談してください。"
      }
    }
  ]
}
</script>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
  あわせて読みたい（関連記事リンク）
========================================== -->
<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">

    
    
    <!-- 1記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/sustained-attention-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/sustained-attention-brain-focus-guide.webp" alt="持続的注意力とは？低下するメカニズムと維持する習慣">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">持続的注意力</div>
        <div class="end-card-title">持続的注意力が低下する原因と維持する4つの習慣</div>
      </div>
    </a>

<!-- 2記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/spatial-cognition-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/spatial-cognition-ability-aging-guide.webp" alt="空間認知力とは？低下するメカニズムと維持する習慣">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">空間認知力</div>
        <div class="end-card-title">空間認知力が落ちる理由と維持する習慣</div>
      </div>
    </a>

    <!-- 3記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/memory-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/memory-aging-maintenance-thumbnail.webp" alt="記憶力低下の仕組みは？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">記憶力</div>
        <div class="end-card-title">加齢で低下するメカニズムと科学的に維持する4つの習慣</div>
      </div>
    </a>

  </div>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
.end-section {
  background: #f7f4ee !important;
  border-top: 1px solid #e5dece !important;
  padding: 32px 20px 40px !important;
  margin-top: 48px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  box-sizing: border-box !important;
}

.end-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}

.end-header-bar {
  width: 5px !important;
  height: 22px !important;
  background: #c4993a !important;
  border-radius: 3px !important;
  flex-shrink: 0 !important;
}

.end-header-text {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
}

/* カードのレイアウト（スマホは1列、PCは3列） */
.end-cards {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

@media screen and (min-width: 600px) {
  .end-cards {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}

.end-card {
  display: block !important;
  background: #fff !important;
  border: 1px solid #e5dece !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: inherit !important;
  -webkit-tap-highlight-color: transparent !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
  transition: all 0.2s ease !important;
}

.end-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 12px rgba(196, 153, 58, 0.15) !important;
}

.end-card-img {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #d6c9a8 !important;
}

.end-card-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.end-card-body {
  padding: 16px !important;
}

.end-card-tag {
  display: inline-block !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: #8c6d2f !important;
  background: #fdfaf3 !important;
  border: 1px solid #e5dece !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
}

.end-card-title {
  font-size: 1.15rem !important; /* ★記事全体のルールに合わせて1.15remに統一 */
  font-weight: 700 !important;
  line-height: 1.6 !important;
  color: #1a1a1a !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
</style>



<!-- ==========================================
  免責事項および重要事項セクション（施工管理版）
========================================== -->
<section class="mc-disclaimer-section">
    <div class="mc-disclaimer-box">
        
        <div class="mc-disclaimer-title">
            <span style="margin-right: 8px;">⚖️</span> 免責事項および重要事項
        </div>
        
        <ul class="mc-disclaimer-list">
            <li class="mc-disclaimer-item">
                <b style="color: #222;">1. 情報の正確性について：</b><br>
                本記事の内容は、学術論文および一般的な公開情報に基づき、執筆時点の情報として整理したものです。<br>
                情報の正確性・最新性には細心の注意を払っておりますが、新たな研究知見により見解が更新される可能性があります。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">2. 個人差・業務負荷について：</b><br>
                本記事で紹介している内容は、一般的な研究知見や傾向を整理したものであり、特定の個人の業務適性や能力を診断・保証するものではありません。<br>
                マルチタスクへの耐性には個人差があり、現場や職場環境によっても負荷の感じ方は異なります。慢性的な疲労やストレスが続く場合は、自己判断せず、上司や産業医、医療機関にご相談ください。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">3. 医療行為の代替ではありません：</b><br>
                本記事は一般的な健康情報の提供を目的としたものであり、医師による診断、治療、または処方に代わるものではありません。<br>
                また、紹介している成分や製品は、疾病の診断、治療、予防を目的としたものではありません。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">4. 効果の個人差について：</b><br>
                GABA等の機能性関与成分に関する記述は、一般的な届出情報・研究知見に基づくものであり、特定の製品の摂取によって全ての方に同様の効果を保証するものではありません。<br>
                体質や体調により、まれに合わない場合があります。ご自身の体調に合わせて、無理なく取り入れていただくために——持病のお薬（血圧に関するものなど）を服用中の方は、念のため医師・薬剤師にご確認のうえお召し上がりください。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">5. 損害への責任：</b><br>
                本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。<br>
                最終的な判断はご自身の責任において行っていただけますよう、お願い申し上げます。
            </li>
        </ul>

        <div class="mc-statutory-box">
            <b style="color: #222; display: block; margin-bottom: 8px;">【機能性表示食品に関する表示】</b>
            <p>本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。</p>
            <p>本品は、疾病の診断、治療、予防を目的としたものではありません。</p>
            <p>食生活は、主食、主菜、副菜を基本に、食事のバランスを。</p>
        </div>
    </div>
</section>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
.mc-disclaimer-section {
    width: 100%;
    max-width: none;
    margin: 40px auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif;
    color: #555;
    line-height: 1.6;
    border-top: 1px solid #eee;
    padding-top: 30px;
    box-sizing: border-box;
}
.mc-disclaimer-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.mc-disclaimer-title {
    font-size: 0.95rem; /* PC版も少しだけ見やすく */
    color: #222;
    margin: 0 0 15px 0;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.mc-disclaimer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.85rem; /* PC版も少しだけ見やすく */
    text-align: justify;
}
.mc-disclaimer-item { margin-bottom: 14px; }
.mc-disclaimer-item:last-child { margin-bottom: 0; }
.mc-statutory-box {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px dashed #cbd5e1;
    font-size: 0.85rem;
    color: #475569;
}
.mc-statutory-box p { margin: 0 0 8px 0; }
.mc-statutory-box p:last-child { margin-bottom: 0; }

/* スマホ用レスポンシブ（主幹のご指定サイズに調整・枠線の維持） */
@media (max-width: 600px) {
    .mc-disclaimer-section { 
        margin: 40px 0; 
        padding-top: 20px; 
        border-top: none; 
    }
    .mc-disclaimer-box { 
        border-radius: 8px; /* スマホでも角丸を維持 */
        border: 1px solid #e2e8f0; /* スマホでも枠線を維持 */
        padding: 20px 16px; 
    }
    .mc-disclaimer-title {
        font-size: 1.15rem; /* タイトルを適正サイズへ */
        margin-bottom: 18px;
    }
    .mc-disclaimer-list {
        font-size: 1rem; /* ご指定の1remに変更 */
        line-height: 1.7;
    }
    .mc-disclaimer-item { 
        margin-bottom: 16px; 
    }
    .mc-statutory-box {
        font-size: 1rem; /* ご指定の1remに変更 */
        line-height: 1.7;
    }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
  著者情報ボックス（スマホ1rem調整版）
========================================== -->
<div class="author-box-container">
    
    <div class="author-box-top-border"></div>
    
    <div class="author-box-content">
        <div class="author-logo">
            <div class="author-logo-inner">
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" loading="lazy">
            </div>
        </div>

        <div class="author-text">
            <div class="author-title-wrap">
                <span class="author-badge">著者</span>
                <div class="author-title">メモコーマガジン編集部</div>
            </div>
            <p class="author-desc">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に、客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div class="author-box-footer">
        <p class="author-footer-text">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
    
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
/* 全体コンテナ */
.author-box-container {
    width: 100%;
    max-width: 700px;
    margin: 40px auto;
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
    box-sizing: border-box;
}

/* 上部のアクセントライン */
.author-box-top-border {
    height: 5px;
    background: linear-gradient(to right, #1A2A40, #C5A059);
}

/* メインコンテンツエリア */
.author-box-content {
    padding: 32px 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* ロゴ部分 */
.author-logo {
    flex: 0 0 80px;
    margin-right: 24px;
}

.author-logo-inner {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 2px solid #f0f4f7;
    overflow: hidden;
    background: #f4f7f9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.author-logo-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* テキスト部分 */
.author-text {
    flex: 1;
    min-width: 250px;
}

.author-title-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px;
    gap: 10px;
}

.author-badge {
    font-size: 0.875rem;
    font-weight: bold;
    background: #1A2A40;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

.author-title {
    font-size: 1.25rem;
    color: #1A2A40;
    font-weight: bold;
    white-space: nowrap;
    margin: 0;
}

.author-desc {
    margin: 0;
    font-size: 0.9375rem;
    color: #444444;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-character;
}

.author-desc b {
    color: #1A2A40;
}

/* フッター（注記）部分 */
.author-box-footer {
    background: #f9f9f9;
    padding: 16px 24px;
    border-top: 1px solid #eee;
}

.author-footer-text {
    margin: 0;
    font-size: 13px;
    color: #666666;
    line-height: 1.6;
}

/* ==========================================
  モバイル表示最適化 (スマホサイズ 1rem調整版)
========================================== */
@media screen and (max-width: 600px) {
    .author-box-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 24px 16px;
    }
    .author-logo {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .author-logo-inner {
        width: 80px;
        height: 80px;
    }
    .author-text {
        text-align: center;
    }
    .author-title-wrap {
        justify-content: center;
        margin-bottom: 16px;
    }
    
    /* ▼ ヒエラルキーと1rem対応 ▼ */
    .author-badge {
        font-size: 0.95rem; /* バッジも少し見やすく */
        padding: 4px 12px;
    }
    .author-title {
        font-size: 1.2rem; /* 名前部分 */
    }
    .author-desc {
        font-size: 1rem; /* ご指定の1rem */
        text-align: left; /* スマホでも左揃えの方が長文は読みやすいです */
        line-height: 1.75;
    }
    .author-box-footer {
        padding: 16px;
    }
    .author-footer-text {
        font-size: 0.85rem; /* 注記も少しだけサイズアップ */
        text-align: left;
    }
}
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 0.875rem; color: #333; border: 1px solid #ddd;">
        <tbody><tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </tbody></table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>看護師の夜勤はなぜきつい？│脳科学が示す記憶力への影響</title>
		<link>https://memory-coffee.jp/magazine/nurse-night-shift-memory-attention/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Sun, 09 Aug 2026 13:16:09 +0000</pubDate>
				<category><![CDATA[持続的注意力]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=7064</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/08/nurse-night-shift-memory-attention-thumbnail-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ この記事のポイント 看護師の夜勤の「きつさ」は、 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/08/nurse-night-shift-memory-attention-thumbnail-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 0.9375rem; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 0.9375rem; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<!-- ==========================================
  記事冒頭：要点まとめボックス（看護師の夜勤版）
========================================== -->


<div class="memory-summary-box">
  <div class="memory-summary-title">この記事のポイント</div>
  <ul class="memory-summary-list">
    <li>看護師の夜勤の「きつさ」は、気のせいではなく、<span class="memory-summary-highlight">概日リズムの乱れによる実際の脳機能の変化</span>であること</li>
    <li>2025年発表のICU看護師を対象にした研究で、<span class="memory-summary-highlight">夜勤時の記憶力・注意力の低下が、実際に測定・確認されている</span>こと</li>
    <li>光のコントロール・計画的な仮眠・記録に頼る仕組みなど、<span class="memory-summary-highlight">今日から取り入れられる具体的な対策がある</span>こと</li>
  </ul>
</div>

<style>
/* ボックス全体 */
.memory-summary-box {
  background-color: #f2f7fb !important; 
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.6) 2px,
    transparent 2px,
    transparent 8px
  ) !important;
  border: 1px solid #e1e9f0 !important;
  border-radius: 6px !important;
  padding: 2.5em 2em !important;
  margin: 2em 0 3em 0 !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important;
  position: relative !important;
  overflow: hidden !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
  box-sizing: border-box !important;
}

/* 透かし文字（POINT） */
.memory-summary-box::after {
  content: "POINT" !important;
  position: absolute !important;
  bottom: -15px !important;
  right: 0px !important;
  font-size: 5em !important;
  font-weight: 800 !important;
  color: rgba(37, 99, 235, 0.04) !important;
  line-height: 1 !important;
  pointer-events: none !important;
  letter-spacing: -0.02em !important;
  z-index: 1 !important;
}

/* タイトル */
.memory-summary-title {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 1.5em !important;
  display: flex !important;
  align-items: center !important;
  letter-spacing: 0.08em !important;
  position: relative !important;
  z-index: 2 !important;
}
.memory-summary-title::before {
  content: '💡' !important;
  display: inline-block !important;
  margin-right: 12px !important;
  font-size: 1.1em !important;
  line-height: 1 !important;
}

/* 箇条書きリスト */
.memory-summary-list {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* リストテキスト */
.memory-summary-list li {
  position: relative !important;
  padding-left: 2em !important;
  margin-bottom: 1.2em !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  font-size: 1.05rem !important;
  letter-spacing: 0.03em !important;
  font-weight: 500 !important;
}

/* チェックマーク */
.memory-summary-list li::before {
  content: '✓' !important;
  position: absolute !important;
  left: 0 !important;
  top: -0.1em !important;
  color: #2563eb !important;
  font-weight: bold !important;
  font-size: 1.3em !important;
}
.memory-summary-list li:last-child { 
  margin-bottom: 0 !important; 
}

/* マーカーハイライト */
.memory-summary-highlight {
  color: #1a1a1a !important;
  font-weight: 800 !important;
  /* ↓ 透過度60%の黄色に変更しました */
  background: linear-gradient(transparent 65%, rgba(255, 235, 59, 0.6) 0) !important;
}

/* スマホ表示最適化 */
@media (max-width: 600px) {
  .memory-summary-box { 
    padding: 1.5em 1.2em !important; 
    margin: 1.5em 0 2em 0 !important; 
  }
  .memory-summary-title { 
    margin-bottom: 1.2em !important; 
    font-size: 1.25rem !important; 
  }
  .memory-summary-list li { 
    padding-left: 1.7em !important; 
    margin-bottom: 1em !important; 
    line-height: 1.7 !important; 
    font-size: 1.15rem !important; 
  }
  .memory-summary-box::after { 
    font-size: 3.5em !important; 
    bottom: -10px !important; 
    right: -5px !important; 
  }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>


<div class="swell-block-balloon"><div class="c-balloon -bln-left -sp-vrtcl" data-col="red"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-34.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>あれ？…今日、何曜日だっけ？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right -sp-vrtcl" data-col="yellow"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-35.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-on"><div class="c-balloon__text">
<p>夜勤明けは、いつもと違う気がするなぁ</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">夜勤明けのぼーっとした頭で、ふとそう感じたことはありませんか？</p>



<p class="wp-block-paragraph">シフト勤務が続く看護師の間では、こうした感覚のズレはよく語られる“あるある”です。</p>



<!-- ==========================================
  Yahoo!知恵袋・Q&Aサイト風（注釈付き）
========================================== -->
<div class="mc-chie-wrap">
  <div class="mc-chie-header">
    <span class="mc-chie-icon">Q</span>
    <span class="mc-chie-title">看護師のお悩み相談・質問</span>
  </div>
  <div class="mc-chie-body">
    <div class="mc-chie-meta">
      <span class="mc-chie-user">質問者：ID非公開さん</span>
      <span class="mc-chie-status">カテゴリ：健康・医療</span>
    </div>
    <p class="mc-chie-text">
      シフト勤務が続いていて体調が限界に近いです……。<br>
      「最近、夜勤が限界かもしれない」「夜勤明けは自律神経がおかしくなり、眠れない日がある」といった状態なのですが、みなさんどう乗り切っていますか？
    </p>
  </div>
  
  <!-- ※ 注釈エリア -->
  <div class="mc-chie-note">
    ※上記はWeb上の掲示板やSNS等で多く見られる看護師の切実な悩みを参考に作成したイメージです。
  </div>
</div>

<!-- ==========================================
  CSS スタイル
========================================== -->
<style>
.mc-chie-wrap {
  margin: 28px 0;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.mc-chie-header {
  background: #f8fafc;
  padding: 12px 16px;
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.mc-chie-icon {
  background: #ef4444;
  color: #ffffff;
  font-weight: 900;
  font-size: 0.9rem;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mc-chie-title {
  font-size: 0.85rem;
  font-weight: bold;
  color: #334155;
}
.mc-chie-body {
  padding: 16px;
}
.mc-chie-meta {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: #64748b;
  margin-bottom: 12px;
}
.mc-chie-text {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.7;
  color: #1e293b;
  font-weight: 500;
}
.mc-chie-note {
  background: #f1f5f9;
  border-top: 1px dashed #cbd5e1;
  padding: 8px 16px;
  font-size: 0.72rem;
  color: #64748b;
  line-height: 1.4;
}

/* ==========================================
  スマホ用調整 (max-width: 600px)
========================================== */
@media (max-width: 600px) {
  .mc-chie-header {
    padding: 14px 16px;
  }
  .mc-chie-icon {
    width: 28px;
    height: 28px;
    font-size: 1rem;
  }
  .mc-chie-title {
    font-size: 1.05rem; /* 本文に合わせて少し大きく */
  }
  .mc-chie-body {
    padding: 16px 18px; /* 文字が大きくなる分、余白の窮屈さを軽減 */
  }
  .mc-chie-meta {
    font-size: 0.85rem; /* メタ情報もサイズアップ */
    margin-bottom: 14px;
  }
  .mc-chie-text {
    font-size: 1.15rem; /* ご指定のサイズ */
    line-height: 1.75;  /* 文字が大きくなるので行間を少し確保 */
  }
  .mc-chie-note {
    padding: 10px 16px;
    font-size: 0.85rem; /* 注釈も読みやすく調整 */
  }
}
</style>



<p class="wp-block-paragraph">実際に、お悩み掲示板やSNSでもこうした悲鳴のような声が数多く寄せられています。</p>



<p class="wp-block-paragraph">なぜ、これほどまでに夜勤は心身にこたえるのでしょうか。</p>



<p class="wp-block-paragraph">今回は、この「夜勤のきつさ」の背景にある脳の仕組みを紐解き、無理のない向き合い方を探っていきましょう。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">夜勤は、脳の中で何を起こしているのか</h2>


<div class="swell-block-balloon"><div class="c-balloon -bln-left -sp-vrtcl" data-col="yellow"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-37.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-on"><div class="c-balloon__text">
<p>さっき頼まれた処理、なんだっけ……</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right -sp-vrtcl" data-col="red"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-36.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-on"><div class="c-balloon__text">
<p>確認したはずなのに、うっかり見落としかけた</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">夜勤中、自分の記憶力や集中力にヒヤッとした経験はありませんか。</p>



<p class="wp-block-paragraph">実はこれ、個人の能力や気合いの問題ではなく、<strong>脳のパフォーマンスが明確に低下しているという<span class="swl-marker mark_yellow">「実験データ」</span>が存在します。</strong></p>



<h3 class="wp-block-heading">概日リズムのズレが、記憶力・注意力を低下させる</h3>



<p class="wp-block-paragraph">2025年に発表された、ICU看護師を対象にした研究があります。</p>



<p class="wp-block-paragraph"><strong>36名の看護師を対象に、各シフトの開始時と終了時で、記憶力・注意力の成績を、標準化された検査（ストループ検査・ウェクスラー成人知能検査）を用いて直接測定</strong>したところ、<strong>日勤よりも夕方・夜勤の方が、記憶の保持力（記憶スパン）や、反応の正確さが明確に低下していた</strong>ことが分かりました。</p>



<p class="wp-block-paragraph">この研究では、<strong>看護師の<span class="swl-marker mark_yellow">体内時計（概日リズム）の安定性・振幅が高い人ほど</span>、夜勤時の記憶・注意力の低下が大きい、という関係も示されています。</strong></p>



<!-- ==========================================
  解説アニメーション：夜勤によるパフォーマンス低下
========================================== -->
<div class="mc-anim-wrapper">
  <div class="mc-anim-header">
    📊 【研究データ】シフト別<br class="mc-sp-only">記憶力・注意力への影響
  </div>
  
  <div class="mc-anim-chart-area">
    <!-- 日勤のグラフ -->
    <div class="mc-anim-group">
      <div class="mc-anim-title">☀️ 日勤</div>
      <div class="mc-anim-bars">
        <div class="mc-bar-wrap">
          <div class="mc-bar mc-bar-start" style="--target-height: 100%;"><span class="mc-bar-label">開始時</span></div>
        </div>
        <div class="mc-bar-wrap">
          <div class="mc-bar mc-bar-day" style="--target-height: 90%;"><span class="mc-bar-label">終了時</span></div>
        </div>
      </div>
      <div class="mc-anim-result mc-result-safe">維持</div>
    </div>

    <!-- 夜勤のグラフ -->
    <div class="mc-anim-group">
      <div class="mc-anim-title">🌙 夕・夜勤</div>
      <div class="mc-anim-bars">
        <div class="mc-bar-wrap">
          <div class="mc-bar mc-bar-start" style="--target-height: 100%;"><span class="mc-bar-label">開始時</span></div>
        </div>
        <div class="mc-bar-wrap">
          <div class="mc-bar mc-bar-night" style="--target-height: 45%;">
            <span class="mc-bar-label">終了時</span>
            <div class="mc-anim-arrow">⬇︎</div>
          </div>
        </div>
      </div>
      <div class="mc-anim-result mc-result-danger">大幅低下</div>
    </div>
  </div>

  <!-- 研究の重要ポイント -->
  <div class="mc-anim-point">
    <div class="mc-anim-point-badge">重要</div>
    <div class="mc-anim-point-text">
      「体内時計が安定している（規則正しい）」人ほど、
      無理にリズムを崩されるため<b>低下幅がさらに大きくなる</b>傾向にあります。
    </div>
  </div>

  <!-- 注釈および出典元エリア -->
  <div class="mc-anim-references">
    <p class="mc-ref-note">
      ※本図解は、下記の研究報告を基に、夜勤前後の認知機能（記憶力・注意力）の変化傾向を分かりやすく視覚化したイメージです。
    </p>
    <div class="mc-ref-title">【出典・参考文献】</div>
    <ol class="mc-ref-list">
      <li>Moosavi, S., Ghalenoei, M., Amerzadeh, M., &amp; Safari Variani, A. (2025). &#8220;The relationship between shift work, circadian rhythms, and cognitive function in ICU nursing.&#8221; BMC Nursing. DOI: 10.1186/s12912-025-02850-2<br>
      <span class="mc-ref-subtext">（ICU看護師36名、Stroop検査・ウェクスラー成人知能検査で記憶力・注意力を直接測定。夕方・夜勤で成績低下を確認）</span></li>
    </ol>
  </div>
</div>

<!-- ==========================================
  専用 CSS スタイル
========================================== -->
<style>
/* 全体コンテナ */
.mc-anim-wrapper {
  margin: 32px 0;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
}

/* ヘッダー */
.mc-anim-header {
  text-align: center;
  font-weight: bold;
  color: #334155;
  margin-bottom: 24px;
  font-size: 1rem;
}

/* グラフエリア */
.mc-anim-chart-area {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 2px dashed #cbd5e1;
}

/* 各シフトのグループ */
.mc-anim-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 45%;
}

.mc-anim-title {
  font-weight: bold;
  color: #475569;
  margin-bottom: 12px;
  font-size: 0.95rem;
}

/* グラフの棒 */
.mc-anim-bars {
  display: flex;
  gap: 12px;
  height: 140px;
  align-items: flex-end;
}

.mc-bar-wrap {
  width: 40px;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.mc-bar {
  width: 100%;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  position: relative;
  height: 0%;
}

/* iPhoneズレ解消：絶対配置で中央に固定 */
.mc-bar-label {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  color: #ffffff;
  font-weight: bold;
  writing-mode: vertical-rl;
  letter-spacing: 2px;
}

.mc-bar-start { background: #94a3b8; }
.mc-bar-day { background: #38bdf8; animation-delay: 0.3s; }
.mc-bar-night { background: #ef4444; animation-delay: 0.6s; }

/* 矢印と結果バッジ */
.mc-anim-arrow {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  color: #ef4444;
  font-size: 1.5rem;
  font-weight: bold;
  opacity: 0;
}

.mc-anim-result {
  margin-top: 12px;
  font-size: 0.85rem;
  font-weight: bold;
  padding: 4px 12px;
  border-radius: 20px;
  opacity: 0;
}
.mc-result-safe { background: #e0f2fe; color: #0284c7; }
.mc-result-danger { background: #fee2e2; color: #b91c1c; }

/* 重要ポイント (左線ボーダーを廃止し、薄黄色背景に変更) */
.mc-anim-point {
  background: #fefce8; /* やわらかな薄黄色に変更 */
  border: 1px solid #fde047; /* 馴染む細い黄色の枠線 */
  padding: 16px;
  border-radius: 8px; /* 四隅を丸くしてカード化 */
  opacity: 0;
  transform: translateY(10px);
  margin-bottom: 24px;
}
.mc-anim-point-badge {
  display: inline-block;
  background: #f59e0b;
  color: #fff;
  font-size: 0.75rem;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: bold;
  margin-bottom: 8px; 
}
.mc-anim-point-text {
  font-size: 0.85rem;
  line-height: 1.6;
  color: #334155;
}

/* 出典・注釈エリア */
.mc-anim-references {
  border-top: 1px solid #cbd5e1;
  padding-top: 16px;
  opacity: 0;
}
.mc-ref-note {
  font-size: 0.75rem;
  color: #64748b;
  line-height: 1.5;
  margin: 0 0 12px 0;
}
.mc-ref-title {
  font-size: 0.8rem;
  font-weight: bold;
  color: #475569;
  margin-bottom: 8px;
}
.mc-ref-list {
  margin: 0;
  padding-left: 1.2rem;
  font-size: 0.75rem;
  color: #475569;
  line-height: 1.6;
}
.mc-ref-list li {
  margin-bottom: 8px;
  word-break: break-all;
}
.mc-ref-subtext {
  color: #64748b;
  font-size: 0.7rem;
  display: block;
  margin-top: 2px;
}

/* ==========================================
  スクロール連動用 アニメーション定義
========================================== */
.mc-anim-wrapper.is-visible .mc-bar {
  animation: growBar 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.mc-anim-wrapper.is-visible .mc-anim-arrow {
  animation: dropArrow 0.6s ease-out 1.5s forwards, floatArrow 1.5s ease-in-out 2.1s infinite;
}
.mc-anim-wrapper.is-visible .mc-anim-result {
  animation: fadeIn 0.5s ease-out 2s forwards;
}
.mc-anim-wrapper.is-visible .mc-anim-point {
  animation: slideUpFade 0.8s ease-out 2.5s forwards;
}
.mc-anim-wrapper.is-visible .mc-anim-references {
  animation: fadeIn 0.8s ease-out 3s forwards; 
}

/* キーフレーム */
@keyframes growBar { from { height: 0%; } to { height: var(--target-height); } }
@keyframes dropArrow { 0% { opacity: 0; transform: translate(-50%, -20px); } 100% { opacity: 1; transform: translate(-50%, 0); } }
@keyframes floatArrow { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, -6px); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUpFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* ==========================================
  モバイル対応 (スマホサイズ ヒエラルキー調整版)
========================================== */
@media (max-width: 600px) {
  .mc-anim-wrapper { padding: 16px; }
  
  /* 大見出し・小見出しのサイズアップ */
  .mc-anim-header {
    font-size: 1.3rem; 
    margin-bottom: 20px;
  }
  .mc-anim-title {
    font-size: 1.15rem; 
  }

  /* グラフ棒と結果バッジの調整 */
  .mc-bar-wrap { width: 32px; }
  .mc-bar-label { font-size: 0.75rem; }
  .mc-anim-result {
    font-size: 1rem;
    padding: 6px 14px;
  }
  
  /* 重要ポイントエリアの調整 */
  .mc-anim-point-badge {
    font-size: 0.9rem;
  }
  .mc-anim-point-text {
    font-size: 1.15rem; 
    line-height: 1.75;
  }

  /* 出典・注釈エリアのサイズアップ */
  .mc-ref-note { font-size: 0.85rem; }
  .mc-ref-title { font-size: 0.95rem; }
  .mc-ref-list { 
    font-size: 0.85rem; 
    padding-left: 1.2rem;
  }
  .mc-ref-subtext { font-size: 0.8rem; }
}
</style>

<!-- ==========================================
  スクロール連動アニメーション用 JavaScript
========================================== -->
<script>
document.addEventListener("DOMContentLoaded", function() {
  const options = {
    root: null,
    rootMargin: "0px 0px -20% 0px",
    threshold: 0
  };

  const observer = new IntersectionObserver(function(entries, observer) {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        entry.target.classList.add("is-visible");
        observer.unobserve(entry.target);
      }
    });
  }, options);

  const animWrapper = document.querySelector(".mc-anim-wrapper");
  if (animWrapper) {
    observer.observe(animWrapper);
  }
});
</script>



<p class="wp-block-paragraph">つまり、<strong><span class="swl-marker mark_yellow">体内時計がしっかりしている人ほど、それを無理に狂わされる夜勤の影響を、強く受けやすい</span></strong>という、少し皮肉な結果でもあります。</p>



<p class="wp-block-paragraph">もう一つ、看護師を対象にした大規模な追跡研究「Nurses&#8217; Health Study」でも、<strong>若い頃から交代勤務を続けてきた人ほど、高齢期になってから認知機能への影響が見られる可能性がある</strong>ことが、24年にわたる追跡調査で示されています。</p>



<!-- ==========================================
  図解：Nurses' Health Study（24年追跡調査）
========================================== -->
<div class="mc-static-wrapper">
  
  <div class="mc-static-header">
    <span class="mc-static-icon">📄</span>
    大規模追跡研究「Nurses&#8217; Health Study」が示す長期的な影響
  </div>

  <div class="mc-static-body">
    <p class="mc-static-lead">
      米国で行われた数千人規模の看護師を対象とした疫学研究では、<b>「若い頃からの交代勤務の蓄積」</b>が、数十年後の脳に影響を与える可能性が示唆されています。
    </p>

    <!-- プロセス図（インフォグラフィック風） -->
    <div class="mc-flow-container">
      
      <!-- ステップ1 -->
      <div class="mc-flow-step">
        <div class="mc-flow-circle">🌙</div>
        <div class="mc-flow-text">
          <span class="mc-flow-title">若い頃からの交代勤務</span>
          <span class="mc-flow-desc">夜勤を繰り返すシフト労働</span>
        </div>
      </div>

      <!-- 矢印と期間 -->
      <div class="mc-flow-arrow">
        <div class="mc-flow-arrow-line"></div>
        <span class="mc-flow-duration">24年間にわたる追跡調査</span>
        <div class="mc-flow-arrow-head">▼</div>
      </div>

      <!-- ステップ2 -->
      <div class="mc-flow-step mc-step-alert">
        <div class="mc-flow-circle mc-circle-alert">🧠</div>
        <div class="mc-flow-text">
          <span class="mc-flow-title">高齢期の認知機能</span>
          <span class="mc-flow-desc">記憶力等の低下リスクの関連性を確認</span>
        </div>
      </div>

    </div>

    <!-- まとめボックス (左線ボーダーを廃止し、薄水色背景に変更) -->
    <div class="mc-static-summary">
      <b>【研究のポイント】</b><br>
      夜勤による概日リズムの乱れは「その日だけの疲労」にとどまらず、長期間蓄積することで、将来的な認知機能にも影響を及ぼす可能性が指摘されています。
    </div>
  </div>

  <!-- 出典エリア -->
  <div class="mc-static-references">
    <div class="mc-ref-title">【出典】</div>
    <ul class="mc-ref-list">
      <li>Devore, E. E., Grodstein, F., &amp; Schernhammer, E. S. (2013). &#8220;Shift Work and Cognition in the Nurses&#8217; Health Study.&#8221; American Journal of Epidemiology, 178(8), 1296-1300.<br>
      <span class="mc-ref-subtext">（大規模疫学研究「Nurses&#8217; Health Study」の一部）</span></li>
    </ul>
  </div>

</div>

<!-- ==========================================
  専用 CSS スタイル
========================================== -->
<style>
/* 全体コンテナ（白基調） */
.mc-static-wrapper {
  margin: 32px 0;
  background-color: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  overflow: hidden;
}

/* ヘッダー */
.mc-static-header {
  background-color: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  padding: 16px 20px;
  font-weight: bold;
  font-size: 1rem;
  color: #1e293b;
  display: flex;
  align-items: center;
  gap: 10px;
}
.mc-static-icon {
  font-size: 1.2rem;
}

/* ボディエリア */
.mc-static-body {
  padding: 24px;
}
.mc-static-lead {
  margin: 0 0 24px 0;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #334155;
}

/* フロー図（縦並びベースでスッキリと） */
.mc-flow-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 28px;
}

.mc-flow-step {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #f1f5f9;
  border-radius: 8px;
  padding: 16px;
  width: 100%;
  max-width: 400px;
  box-sizing: border-box;
}
.mc-step-alert {
  background: #fff1f2; 
  border: 1px solid #fecdd3;
}

.mc-flow-circle {
  width: 48px;
  height: 48px;
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  flex-shrink: 0;
}
.mc-circle-alert {
  background: #ffe4e6;
}

.mc-flow-text {
  display: flex;
  flex-direction: column;
}
.mc-flow-title {
  font-weight: bold;
  color: #0f172a;
  font-size: 0.95rem;
  margin-bottom: 4px;
}
.mc-flow-desc {
  font-size: 0.8rem;
  color: #64748b;
}

/* 矢印部分 */
.mc-flow-arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 0;
  color: #94a3b8;
}
.mc-flow-arrow-line {
  width: 2px;
  height: 24px;
  background-color: #cbd5e1;
}
.mc-flow-duration {
  font-size: 0.75rem;
  font-weight: bold;
  background: #ffffff;
  padding: 4px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 20px;
  color: #475569;
  margin: -10px 0;
  z-index: 1;
}
.mc-flow-arrow-head {
  font-size: 0.8rem;
  margin-top: 8px;
  color: #cbd5e1;
}

/* まとめボックス (左線ボーダー廃止、薄水色背景化) */
.mc-static-summary {
  background-color: #f0f9ff; /* 薄水色 */
  border: 1px solid #bae6fd; /* 馴染む細い水色の枠線 */
  border-radius: 8px; /* 角を丸く */
  padding: 16px;
  font-size: 0.9rem;
  color: #334155;
  line-height: 1.6;
}

/* 出典エリア */
.mc-static-references {
  background-color: #f8fafc;
  border-top: 1px solid #e2e8f0;
  padding: 16px 20px;
}
.mc-ref-title {
  font-size: 0.75rem;
  font-weight: bold;
  color: #64748b;
  margin-bottom: 8px;
}
.mc-ref-list {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.75rem;
  color: #64748b;
  line-height: 1.6;
}
.mc-ref-list li {
  margin-bottom: 4px;
  word-break: break-all;
}
.mc-ref-subtext {
  font-size: 0.7rem;
  color: #94a3b8;
}

/* ==========================================
  モバイル対応 (スマホサイズ ヒエラルキー調整版)
========================================== */
@media (max-width: 600px) {
  .mc-static-body { padding: 16px; }
  .mc-flow-step { padding: 12px; }
  .mc-flow-circle { width: 40px; height: 40px; font-size: 1.2rem; }
  
  /* ▼ ヒエラルキーと1.15rem対応 ▼ */
  .mc-static-header {
    font-size: 1.3rem; /* 大見出しを本文より大きく */
    padding: 14px 16px;
  }
  .mc-static-lead {
    font-size: 1.15rem; /* リード文 1.15rem */
    line-height: 1.75;
  }
  .mc-flow-title {
    font-size: 1.15rem; /* フロー図内の小見出しも合わせる */
  }
  .mc-flow-desc {
    font-size: 0.9rem; /* 説明文のサイズ調整 */
  }
  .mc-flow-duration {
    font-size: 0.85rem;
    padding: 6px 14px;
  }
  .mc-static-summary {
    font-size: 1.15rem; /* まとめボックス内の本文 1.15rem */
    line-height: 1.75;
  }
  .mc-ref-title {
    font-size: 0.95rem; /* 出典タイトル */
  }
  .mc-ref-list {
    font-size: 0.85rem; /* 出典テキスト */
    padding-left: 1.2rem;
  }
  .mc-ref-subtext {
    font-size: 0.8rem;
  }
}
</style>



<p class="wp-block-paragraph">これは「今日の夜勤の疲れ」とは別に、<strong>夜勤という働き方の&#8221;積み重ね&#8221;が、将来にわたって影響しうる</strong>ことを示す、長期的な視点からのデータです。</p>



<p class="wp-block-paragraph">長年にわたり交代勤務を続けた看護師の集団を追跡した、信頼性の高いデータとなってます。</p>



<h3 class="wp-block-heading">「曜日感覚がバグる」生体リズム</h3>



<p class="wp-block-paragraph">「今日が何曜日だか分からない」 夜勤明けに感じるあの特有の違和感は、決して気のせいではありません。</p>



<p class="wp-block-paragraph">人間の脳には、数百万年の進化によって「日中に働き、夜は休む」という<strong><span class="swl-marker mark_yellow">約24時間周期の生体リズム（体内時計）</span>が深く刻み込まれています。</strong></p>



<p class="wp-block-paragraph">夜勤とは、いわば<strong>脳の基本スペックに大きな負荷をかける働き方</strong>です。</p>



<p class="wp-block-paragraph">脳が「今は省エネモードで休む時間」と判断している最中に、記憶や集中力を司るエリア（前頭葉）をフル回転させようとしても、エンジンはかかりません。</p>



<!-- ==========================================
  解説アニメーション：脳の生体リズムと夜勤のパニックメカニズム（免責事項追加版）
========================================== -->
<div class="mc-brain-anim-wrapper">
  <div class="mc-brain-anim-header">
    ⚙️ 脳内で起きている<br class="mc-sp-only">「システムパニック」の仕組み
  </div>

  <div class="mc-brain-compare-grid">
    <!-- 正常モード（日中） -->
    <div class="mc-brain-card mc-card-day">
      <div class="mc-card-badge">☀️ 通常（日中）</div>
      <div class="mc-brain-icon-wrap">
        <span class="mc-brain-emoji">🧠</span>
        <span class="mc-status-tag">エンジンON 🟢</span>
      </div>
      <div class="mc-gauge-outer">
        <div class="mc-gauge-inner mc-gauge-day" style="--gauge-width: 90%;">
          <!-- 日中はゲージの中に文字を配置 -->
          <span class="mc-gauge-text-inside">脳の活動レベル 90%</span>
        </div>
      </div>
      <p class="mc-card-desc">体内時計と行動がピタリと一致。<br>記憶力・集中力がスムーズに機能します。</p>
    </div>

    <!-- VS マーク -->
    <div class="mc-vs-badge">VS</div>

    <!-- 夜勤モード（パニック） -->
    <div class="mc-brain-card mc-card-night">
      <div class="mc-card-badge mc-badge-night">🌙 夜勤帯</div>
      <div class="mc-brain-icon-wrap">
        <span class="mc-brain-emoji mc-emoji-glitch">🧠⚡️</span>
        <span class="mc-status-tag mc-tag-danger">エンジンOFF（省エネ中） 🔴</span>
      </div>
      <div class="mc-gauge-outer">
        <div class="mc-gauge-inner mc-gauge-night" style="--gauge-width: 25%;"></div>
        <!-- 夜勤は短いので、赤いゲージの外（灰色の余白）に文字を配置 -->
        <span class="mc-gauge-text-outside">脳の活動レベル 25%</span>
      </div>
      
      <!-- エラー・パニック演出吹き出し -->
      <div class="mc-panic-box">
        <span class="mc-panic-alert">⚠️ SYSTEM ERROR</span>
        「今日何曜日だっけ？」<br>「時間の感覚が消える……」
      </div>
    </div>
  </div>

  <!-- まとめ注釈・免責事項 -->
  <div class="mc-brain-note">
    <b>※本アニメーションは、夜勤時の脳内メカニズムを分かりやすく表現したイメージです。</b><br>
    体内時計が「休む時間」と判断している最中に、脳を無理やり働かせようとするため、エンジンがかからず自律神経ごとパニックを起こしてしまう状態を概念的に表しています。
  </div>
</div>

<!-- ==========================================
  専用 CSS スタイル（アニメーション定義）
========================================== -->
<style>
/* 全体コンテナ */
.mc-brain-anim-wrapper {
  margin: 36px 0;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  padding: 24px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
}

/* ヘッダー */
.mc-brain-anim-header {
  text-align: center;
  font-weight: bold;
  color: #1e293b;
  font-size: 1.15rem;
  margin-bottom: 24px;
  line-height: 1.5;
}

/* グリッドレイアウト */
.mc-brain-compare-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
  position: relative;
}

/* 各比較カード */
.mc-brain-card {
  flex: 1;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

.mc-card-night {
  border-color: #fca5a5;
  background: #fff5f5;
}

/* バッジ類 */
.mc-card-badge {
  font-size: 0.9rem;
  font-weight: bold;
  color: #0369a1;
  background: #e0f2fe;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 16px;
}
.mc-badge-night {
  color: #b91c1c;
  background: #fee2e2;
}

/* VSバッジ */
.mc-vs-badge {
  font-weight: 900;
  font-size: 1rem;
  color: #94a3b8;
  background: #ffffff;
  border: 2px solid #cbd5e1;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* 脳の絵文字とアニメーション */
.mc-brain-icon-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
}
.mc-brain-emoji {
  font-size: 2.5rem;
  margin-bottom: 8px;
}
.mc-emoji-glitch {
  display: inline-block;
  animation: brainShake 2s infinite ease-in-out;
}
.mc-status-tag {
  font-size: 0.85rem;
  font-weight: bold;
  color: #475569;
}
.mc-tag-danger {
  color: #dc2626;
}

/* 出力ゲージ */
.mc-gauge-outer {
  width: 100%;
  height: 28px;
  background: #e2e8f0;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.mc-gauge-inner {
  height: 100%;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 0%;
  overflow: hidden;
  animation: fillGauge 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.mc-gauge-day {
  background: linear-gradient(90deg, #38bdf8, #0284c7);
}
.mc-gauge-night {
  background: linear-gradient(90deg, #f87171, #dc2626);
  animation-delay: 0.3s;
}

/* 日中の文字（青いゲージの中） */
.mc-gauge-text-inside {
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: bold;
  padding-right: 12px;
  white-space: nowrap;
}

/* 夜勤の文字（赤いゲージの外・灰色の余白） */
.mc-gauge-text-outside {
  color: #475569;
  font-size: 0.8rem;
  font-weight: bold;
  padding-left: 10px;
  white-space: nowrap;
  opacity: 0;
  animation: fadeInText 0.5s ease-out 0.8s forwards;
}

/* テキスト説明 */
.mc-card-desc {
  font-size: 0.9rem;
  color: #475569;
  margin: 0;
  line-height: 1.6;
  text-align: center;
}

/* パニック警告ボックス */
.mc-panic-box {
  background: #ffffff;
  border: 2px dashed #ef4444;
  border-radius: 8px;
  padding: 12px;
  font-size: 0.9rem;
  color: #b91c1c;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  opacity: 0;
  animation: pulsePanic 0.8s ease-out 1s forwards;
}
.mc-panic-alert {
  display: block;
  font-size: 0.75rem;
  color: #ef4444;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}

/* 注釈エリア (左太線廃止、薄い枠線のカード風に変更) */
.mc-brain-note {
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  padding: 16px;
  font-size: 0.85rem;
  color: #334155;
  line-height: 1.6;
  border-radius: 8px;
  margin-top: 16px;
}

/* キーフレーム */
@keyframes fillGauge {
  from { width: 0%; }
  to { width: var(--gauge-width); }
}
@keyframes fadeInText {
  to { opacity: 1; }
}
@keyframes brainShake {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  20% { transform: translate(-2px, 1px) rotate(-3deg); }
  40% { transform: translate(2px, -1px) rotate(3deg); }
  60% { transform: translate(-1px, -1px) rotate(-1deg); }
  80% { transform: translate(1px, 2px) rotate(2deg); }
}
@keyframes pulsePanic {
  0% { opacity: 0; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}

/* ==========================================
  モバイル表示最適化 (1.15remヒエラルキー調整版)
========================================== */
@media (max-width: 600px) {
  .mc-brain-anim-wrapper {
    padding: 16px;
  }
  .mc-brain-compare-grid {
    flex-direction: column;
    gap: 24px;
  }
  .mc-vs-badge {
    margin: -16px 0;
    z-index: 1;
    background: #f8fafc;
  }
  .mc-brain-card {
    width: 100%;
  }

  /* ▼ ヒエラルキーと1.15rem対応 ▼ */
  .mc-brain-anim-header {
    font-size: 1.3rem; /* 大見出しを本文より大きく */
    margin-bottom: 20px;
  }
  .mc-card-badge {
    font-size: 1rem;
    padding: 6px 16px;
  }
  .mc-status-tag {
    font-size: 1rem;
  }
  .mc-gauge-text-inside, 
  .mc-gauge-text-outside {
    font-size: 0.9rem;
  }
  .mc-card-desc {
    font-size: 1.15rem; /* ご指定のサイズ */
    line-height: 1.75;
  }
  .mc-panic-box {
    font-size: 1.15rem; /* ご指定のサイズ */
    line-height: 1.75;
    padding: 16px;
  }
  .mc-panic-alert {
    font-size: 0.95rem; /* 警告タイトル */
    margin-bottom: 8px;
  }
  .mc-brain-note {
    font-size: 0.95rem; /* 注釈は大きすぎない程度に底上げ */
  }
}
</style>



<p class="wp-block-paragraph">脳内の時間管理システムが自律神経とともにパニックを起こした結果として、「曜日感覚がバグる」「時間の感覚が消える」といった現象が起きてしまうのです。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">根性論に頼らない、今日からできる「脳のリカバリー」3つの工夫</h2>



<h3 class="wp-block-heading">1. 「光」をコントロールして体内時計のパニックを防ぐ</h3>



<p class="wp-block-paragraph"><strong>体内時計（概日リズム）をリセット・調整する最大のスイッチは<span class="swl-marker mark_yellow">「光」</span>です。</strong></p>



<p class="wp-block-paragraph">夜勤前後で光の浴び方をコントロールするだけで、脳の混乱を最小限に抑えることができます。</p>



<!-- ==========================================
  図解：光を味方につけるコントロール術（スマホ1.15rem調整版）
========================================== -->
<div class="mc-light-guide-wrapper">
  <div class="mc-light-guide-header">
    💡 体内時計をだます<br class="mc-sp-only">「光のコントロール術」
  </div>

  <div class="mc-light-cards-container">
    
    <!-- 夜勤前のカード（光を浴びる） -->
    <div class="mc-light-card mc-card-before">
      <div class="mc-light-card-head">
        <span class="mc-light-icon">🌅</span>
        <span class="mc-light-time">夜勤前（夕方）</span>
      </div>
      <div class="mc-light-action mc-action-on">
        <span class="mc-action-badge">意識して浴びる</span>
        脳のスイッチを【ON】にする
      </div>
      <p class="mc-light-desc">
        部屋を明るくしたり、太陽光や強い光を意識的にたっぷりと浴びることで、覚醒度を高めて仕事モードへ切り替えます。
      </p>
    </div>

    <!-- 矢印（PC表示用） -->
    <div class="mc-light-arrow">▶︎</div>
    <!-- 矢印（スマホ表示用） -->
    <div class="mc-light-arrow-mobile">▼</div>

    <!-- 夜勤明けのカード（光を遮断する） -->
    <div class="mc-light-card mc-card-after">
      <div class="mc-light-card-head">
        <span class="mc-light-icon">🕶️</span>
        <span class="mc-light-time">夜勤明け（朝方）</span>
      </div>
      <div class="mc-light-action mc-action-off">
        <span class="mc-action-badge">徹底して遮断する</span>
        脳を【おやすみモード】に保つ
      </div>
      <p class="mc-light-desc">
        退勤時に太陽光を浴びると、脳が「朝だ！」と誤認してメラトニン（睡眠ホルモン）が止まってしまいます。<br>
        退勤時は<b>サングラス（眼鏡の上からかけられるオーバーグラス等も便利です）</b>で強い光をしっかりガードし、帰宅後は<b>遮光カーテン</b>で入眠しやすい暗闇を作りましょう。
      </p>
    </div>

  </div>
</div>

<!-- ==========================================
  専用 CSS スタイル
========================================== -->
<style>
/* 全体コンテナ */
.mc-light-guide-wrapper {
  margin: 36px 0;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
}

/* ヘッダー */
.mc-light-guide-header {
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  color: #1e293b;
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 2px dashed #cbd5e1;
}

/* カードコンテナ（Flexbox） */
.mc-light-cards-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
}

/* 個別カード共通 (角丸とパディング調整) */
.mc-light-card {
  flex: 1;
  border-radius: 12px;
  padding: 24px 20px;
  box-sizing: border-box;
}

/* 夜勤前（薄いイエロー・オレンジ系背景＋細枠） */
.mc-card-before {
  background: #fefce8;
  border: 1px solid #fde68a;
}

/* 夜勤明け（薄いブルー・グレー系背景＋細枠） */
.mc-card-after {
  background: #f0f9ff;
  border: 1px solid #bae6fd;
}

/* カード上部（時間帯とアイコン） */
.mc-light-card-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.mc-light-icon {
  font-size: 1.7rem;
}
.mc-light-time {
  font-weight: bold;
  color: #475569;
  font-size: 1.05rem;
}

/* アクション指示部分 */
.mc-light-action {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.mc-action-badge {
  font-size: 0.85rem;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 20px;
  letter-spacing: 0.05em;
}
.mc-action-on .mc-action-badge {
  background-color: #f59e0b;
}
.mc-action-on {
  color: #d97706;
}
.mc-action-off .mc-action-badge {
  background-color: #334155;
}
.mc-action-off {
  color: #1e293b;
}

/* 説明テキスト */
.mc-light-desc {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #334155;
  margin: 0;
}
.mc-light-desc b {
  color: #0f172a;
  background: linear-gradient(transparent 60%, #bae6fd 60%);
}
.mc-card-before .mc-light-desc b {
  background: linear-gradient(transparent 60%, #fde68a 60%);
}

/* 矢印の装飾 */
.mc-light-arrow {
  display: flex;
  align-items: center;
  color: #cbd5e1;
  font-size: 1.8rem;
}
.mc-light-arrow-mobile {
  display: none;
}

/* ==========================================
  モバイル表示最適化 (スマホサイズ ヒエラルキー調整版)
========================================== */
@media (max-width: 600px) {
  .mc-light-guide-wrapper {
    padding: 16px;
  }
  .mc-light-cards-container {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .mc-light-card {
    width: 100%;
    padding: 20px 16px;
  }
  .mc-light-arrow {
    display: none;
  }
  .mc-light-arrow-mobile {
    display: block;
    color: #cbd5e1;
    font-size: 1.6rem;
    margin: -8px 0;
    z-index: 1;
  }

  /* ▼ ヒエラルキーと1.15rem対応 ▼ */
  .mc-light-guide-header {
    font-size: 1.35rem; /* 大見出し */
    margin-bottom: 20px;
  }
  .mc-light-icon {
    font-size: 1.8rem;
  }
  .mc-light-time {
    font-size: 1.15rem; /* 小見出し */
  }
  .mc-light-action {
    font-size: 1.15rem; /* アクション指示 */
  }
  .mc-action-badge {
    font-size: 0.95rem;
    padding: 6px 14px;
  }
  .mc-light-desc {
    font-size: 1.15rem; /* ご指定の本文サイズ */
    line-height: 1.75;
  }
}
</style>



<h3 class="wp-block-heading">2. 「仮眠」を疲れ予防ではなく「脳の保護」として取る</h3>



<p class="wp-block-paragraph"><strong>夜勤前後の仮眠は、単なる「体力温存」ではありません。</strong></p>



<p class="wp-block-paragraph">脳内に溜まった疲労物質をクリアにし、認知機能の低下を直接食い止めるための<strong><span class="swl-marker mark_yellow">「積極的な予防策」</span></strong>です。</p>



<!-- ==========================================
  図解：予防的仮眠 × カフェインナップの最強コンボ（スマホ1.15rem調整版）
========================================== -->
<div class="mc-nap-guide-wrapper">
  <div class="mc-nap-guide-header">
    💤 脳を保護する<br class="mc-sp-only">「仮眠×カフェイン」の合わせ技
  </div>

  <div class="mc-nap-cards-container">
    
    <!-- 左カード：予防的仮眠 -->
    <div class="mc-nap-card mc-card-sleep">
      <div class="mc-nap-card-head">
        <span class="mc-nap-icon">🛌</span>
        <span class="mc-nap-title">予防的仮眠</span>
      </div>
      <div class="mc-nap-action mc-action-sleep">
        <span class="mc-nap-badge">15〜30分でOK</span>
        夜勤前の「短時間睡眠」
      </div>
      <p class="mc-nap-desc">
        夜勤に入る前、15〜30分程度の短い仮眠を取るだけでも、夜勤後半の<b>記憶スパン短縮やうっかりミスを大幅に軽減</b>できることが分かっています。
      </p>
    </div>

    <!-- プラス（相乗効果）アイコン（PC表示用） -->
    <div class="mc-nap-plus">➕</div>
    <!-- プラスアイコン（スマホ表示用） -->
    <div class="mc-nap-plus-mobile">➕</div>

    <!-- 右カード：カフェインナップ -->
    <div class="mc-nap-card mc-card-coffee">
      <div class="mc-nap-card-head">
        <span class="mc-nap-icon">☕️</span>
        <span class="mc-nap-title">カフェインナップ</span>
      </div>
      <div class="mc-nap-action mc-action-coffee">
        <span class="mc-nap-badge">起きた頃にスッキリ</span>
        仮眠直前の「一杯のコーヒー」
      </div>
      <p class="mc-nap-desc">
        仮眠を取る直前にコーヒーなどを飲むテクニックも効果的です。入眠を妨げず、<b>起きた頃（約20分後）にカフェインの効果が現れて</b>スッキリと覚醒できます。
      </p>
    </div>

  </div>
</div>

<!-- ==========================================
  専用 CSS スタイル
========================================== -->
<style>
/* 全体コンテナ */
.mc-nap-guide-wrapper {
  margin: 36px 0;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
}

/* ヘッダー */
.mc-nap-guide-header {
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  color: #1e293b;
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 2px dashed #cbd5e1;
}

/* カードコンテナ（Flexbox） */
.mc-nap-cards-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
}

/* 個別カード共通 (角丸とパディング調整) */
.mc-nap-card {
  flex: 1;
  border-radius: 12px;
  padding: 24px 20px;
  box-sizing: border-box;
}

/* 仮眠カード（薄いブルー系背景＋細枠） */
.mc-card-sleep {
  background: #f0f9ff;
  border: 1px solid #bae6fd;
}
/* カフェインカード（薄いイエロー・オレンジ系背景＋細枠） */
.mc-card-coffee {
  background: #fefce8;
  border: 1px solid #fde68a;
}

/* カード上部（タイトルとアイコン） */
.mc-nap-card-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.mc-nap-icon {
  font-size: 1.7rem;
}
.mc-nap-title {
  font-weight: bold;
  color: #475569;
  font-size: 1.05rem;
}

/* アクション指示部分 */
.mc-nap-action {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.mc-nap-badge {
  font-size: 0.85rem;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 20px;
  letter-spacing: 0.05em;
}

.mc-action-sleep .mc-nap-badge {
  background-color: #0284c7; /* 仮眠ブルー */
}
.mc-action-sleep {
  color: #0369a1;
}
.mc-action-coffee .mc-nap-badge {
  background-color: #b45309; /* コーヒーブラウン */
}
.mc-action-coffee {
  color: #92400e;
}

/* 説明テキスト */
.mc-nap-desc {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #334155;
  margin: 0;
}
/* テキストのマーカー（それぞれのテーマカラーに合わせる） */
.mc-nap-desc b {
  color: #0f172a;
  background: linear-gradient(transparent 60%, #bae6fd 60%);
}
.mc-card-coffee .mc-nap-desc b {
  background: linear-gradient(transparent 60%, #fde68a 60%);
}

/* プラスの装飾 */
.mc-nap-plus {
  display: flex;
  align-items: center;
  color: #94a3b8;
  font-size: 1.8rem;
}
.mc-nap-plus-mobile {
  display: none;
}

/* ==========================================
  モバイル表示最適化 (スマホサイズ ヒエラルキー調整版)
========================================== */
@media (max-width: 600px) {
  .mc-nap-guide-wrapper {
    padding: 16px;
  }
  .mc-nap-cards-container {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .mc-nap-card {
    width: 100%;
    padding: 20px 16px;
  }
  .mc-nap-plus {
    display: none;
  }
  .mc-nap-plus-mobile {
    display: block;
    color: #cbd5e1;
    font-size: 1.6rem;
    margin: -8px 0;
    z-index: 1;
  }

  /* ▼ ヒエラルキーと1.15rem対応 ▼ */
  .mc-nap-guide-header {
    font-size: 1.35rem; /* 大見出し */
    margin-bottom: 20px;
  }
  .mc-nap-icon {
    font-size: 1.8rem;
  }
  .mc-nap-title {
    font-size: 1.15rem; /* 小見出し */
  }
  .mc-nap-action {
    font-size: 1.15rem; /* アクション指示 */
  }
  .mc-nap-badge {
    font-size: 0.95rem;
    padding: 6px 14px;
  }
  .mc-nap-desc {
    font-size: 1.15rem; /* ご指定の本文サイズ */
    line-height: 1.75;
  }
}
</style>



<h3 class="wp-block-heading">3. 「脳のメモリ」を過信せず、記録に頼る仕組みを作る</h3>



<p class="wp-block-paragraph">夜勤中は、どうしても<strong>脳のワーキングメモリ（一時的に記憶・処理する容量）が小さくなります。</strong></p>



<p class="wp-block-paragraph">「覚えたつもり」「あとでメモしよう」は、夜勤帯においては非常に危険です。</p>



<!-- ==========================================
  図解：脳のメモリを過信しない「記録の仕組み化」（スマホ1.15rem調整版）
========================================== -->
<div class="mc-record-guide-wrapper">
  <div class="mc-record-guide-header">
    📋 脳のメモリを過信しない<br class="mc-sp-only">「記憶に頼らないシステム」
  </div>

  <div class="mc-record-cards-container">
    
    <!-- 左カード：すべて書き出す -->
    <div class="mc-record-card mc-card-write">
      <div class="mc-record-card-head">
        <span class="mc-record-icon">📝</span>
        <span class="mc-record-title">すべて書き出す</span>
      </div>
      <div class="mc-record-action mc-action-write">
        <span class="mc-record-badge">口頭での記憶はNG</span>
        その場ですぐに記録する
      </div>
      <p class="mc-record-desc">
        申し送り事項や急なオーダーは、「あとでメモしよう」「覚えたつもり」を絶対に避け、<b>すべて紙や端末に書き出すクセ</b>を徹底します。
      </p>
    </div>

    <!-- 右カード：チェックリスト -->
    <div class="mc-record-card mc-card-check">
      <div class="mc-record-card-head">
        <span class="mc-record-icon">✅</span>
        <span class="mc-record-title">チェックリストの活用</span>
      </div>
      <div class="mc-record-action mc-action-check">
        <span class="mc-record-badge">目視で確認する</span>
        定型業務も暗記に頼らない
      </div>
      <p class="mc-record-desc">
        普段なら暗記でこなせる定型業務も、夜勤帯だけはチェックリストを目視しながら進めるなど、<b>「人間の記憶力に頼らない仕組み」</b>を作ることが最も確実な医療事故防止策になります。
      </p>
    </div>

  </div>
</div>

<!-- ==========================================
  専用 CSS スタイル
========================================== -->
<style>
/* 全体コンテナ */
.mc-record-guide-wrapper {
  margin: 36px 0;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
}

/* ヘッダー */
.mc-record-guide-header {
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  color: #1e293b;
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 2px dashed #cbd5e1;
}

/* カードコンテナ（Flexbox） */
.mc-record-cards-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
}

/* 個別カード共通 (角丸とパディング調整) */
.mc-record-card {
  flex: 1;
  border-radius: 12px;
  padding: 24px 20px;
  box-sizing: border-box;
}

/* 書き出すカード（薄い青緑系背景＋細枠） */
.mc-card-write {
  background: #f0fdfa;
  border: 1px solid #99f6e4;
}
/* チェックカード（薄い緑系背景＋細枠） */
.mc-card-check {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
}

/* カード上部（タイトルとアイコン） */
.mc-record-card-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.mc-record-icon {
  font-size: 1.7rem;
}
.mc-record-title {
  font-weight: bold;
  color: #475569;
  font-size: 1.05rem;
}

/* アクション指示部分 */
.mc-record-action {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.mc-record-badge {
  font-size: 0.85rem;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 20px;
  letter-spacing: 0.05em;
}

.mc-action-write .mc-record-badge {
  background-color: #0d9488; /* ティール */
}
.mc-action-write {
  color: #115e59;
}
.mc-action-check .mc-record-badge {
  background-color: #16a34a; /* グリーン */
}
.mc-action-check {
  color: #15803d;
}

/* 説明テキスト */
.mc-record-desc {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #334155;
  margin: 0;
}

/* テキストのマーカー（それぞれのテーマカラーに合わせる） */
.mc-card-write .mc-record-desc b {
  color: #0f172a;
  background: linear-gradient(transparent 60%, #ccfbf1 60%);
}
.mc-card-check .mc-record-desc b {
  color: #0f172a;
  background: linear-gradient(transparent 60%, #dcfce7 60%);
}

/* ==========================================
  モバイル表示最適化 (スマホサイズ ヒエラルキー調整版)
========================================== */
@media (max-width: 600px) {
  .mc-record-guide-wrapper {
    padding: 16px;
  }
  .mc-record-cards-container {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .mc-record-card {
    width: 100%;
    padding: 20px 16px;
  }

  /* ▼ ヒエラルキーと1.15rem対応 ▼ */
  .mc-record-guide-header {
    font-size: 1.35rem; /* 大見出し */
    margin-bottom: 20px;
  }
  .mc-record-icon {
    font-size: 1.8rem;
  }
  .mc-record-title {
    font-size: 1.15rem; /* 小見出し */
  }
  .mc-record-action {
    font-size: 1.15rem; /* アクション指示 */
  }
  .mc-record-badge {
    font-size: 0.95rem;
    padding: 6px 14px;
  }
  .mc-record-desc {
    font-size: 1.15rem; /* ご指定の本文サイズ */
    line-height: 1.75;
  }
}
</style>



<!-- 高級感のある関連記事CTAカード（持続的注意力ハブへ・記事中挿入用） -->
<a class="rel-article-card-luxury" href="https://memory-coffee.jp/magazine/sustained-attention-aging-maintenance/" target="_blank" rel="noopener">
  <div class="rel-thumb-luxury">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/sustained-attention-brain-focus-guide-ogi.webp" alt="集中力が続かない大人へ。持続的注意力を守る脳科学とGABA">
  </div>
  <div class="rel-text-luxury">
    <span class="rel-tag-luxury">関連記事</span>
    <span class="rel-title-luxury">持続的注意力を守る脳科学とGABA</span>
    <span class="rel-sub-luxury">集中力が続かない理由と、科学的に維持する方法を、脳の仕組みからわかりやすく解説しています。</span>
  </div>
  <span class="rel-arrow-luxury">›</span>
</a>
<style>
  .rel-article-card-luxury {
     display: grid !important;
     grid-template-columns: 128px 1fr auto !important;
     gap: 20px !important;
     align-items: center !important;
     background: linear-gradient(135deg, #ffffff 0%, #faf9f6 100%) !important;
     border: 1px solid #e6e1d6 !important;
     border-left: 4px solid #C5A059 !important;
     border-radius: 8px !important;
     padding: 24px 28px !important;
     margin: 28px 0 32px 0 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease !important;
}
.rel-article-card-luxury:hover {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-2px) !important;
    border-color: #d4c8b0 !important;
}
.rel-thumb-luxury {
    width: 128px !important;
    height: 72px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}
.rel-thumb-luxury img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.rel-text-luxury {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.rel-tag-luxury {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #C5A059 !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 6px !important;
}
.rel-title-luxury {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #2c2825 !important;
    line-height: 1.5 !important;
    margin-bottom: 4px !important;
}
.rel-sub-luxury {
    font-size: 0.9rem !important;
    color: #6b6661 !important;
    line-height: 1.6 !important;
}
.rel-arrow-luxury {
    font-size: 40px !important;
    font-weight: 300 !important;
    color: #d1c8b8 !important;
    transition: all 0.3s ease !important;
}
.rel-article-card-luxury:hover .rel-arrow-luxury {
    color: #C5A059 !important;
    transform: translateX(4px) !important;
}
@media (max-width: 600px) {
    .rel-article-card-luxury {
        grid-template-columns: 96px 1fr auto !important;
        gap: 14px !important;
        padding: 18px 16px !important;
    }
    .rel-thumb-luxury {
        width: 96px !important;
        height: 54px !important;
    }
    .rel-tag-luxury { font-size: 10px !important; margin-bottom: 4px !important; }
    .rel-title-luxury { font-size: 1.05rem !important; margin-bottom: 2px !important; }
    .rel-sub-luxury { font-size: 0.85rem !important; }
    .rel-arrow-luxury { font-size: 32px !important; }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">それでも不調が続くなら、一人で抱え込まずに「SOS」を出す</h2>



<p class="wp-block-paragraph">どれほど科学的な工夫を重ねても、夜勤が身体に与える物理的な負荷をゼロにすることはできません。</p>



<p class="wp-block-paragraph">もし、強い疲労感や不眠、体調不良が長く続いているなら、<strong>決して一人で無理を抱えないでください。</strong></p>



<h3 class="wp-block-heading">「夜勤は体に大きな負荷がかかる」という事実を認める</h3>



<p class="wp-block-paragraph">真面目な看護師ほど、「自分がうまく調整できていないせいだ」「みんな出来ているのだから自分も耐えなければ」と自分自身を責めてしまいがちです。</p>



<p class="wp-block-paragraph">しかし、前述した通り、夜勤帯の勤務は<strong>人間の生体構造や脳の仕組みそのものに大きな負荷をかける働き方</strong>であることをまずは理解してみましょう。</p>



<p class="wp-block-paragraph">体調を崩すのは決してあなたの意志の弱さや努力不足ではなく、<strong><span class="swl-marker mark_yellow">生物として当然の反応</span></strong>と言えます。</p>



<p class="wp-block-paragraph">まずは「自分の体は今、それだけ大きな負荷と戦っているんだ」と客観的に認めてあげることが、回復への第一歩です。</p>



<figure class="wp-block-image size-large pc_only"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/08/nurse-night-shift-positive-1024x576.webp" alt="夜勤の大変さを脳科学からの解説を正しく受け入れて前向きに捉える看護師の画像。" class="wp-image-7085" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/nurse-night-shift-positive-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/08/nurse-night-shift-positive-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/nurse-night-shift-positive-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/08/nurse-night-shift-positive.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-full sp_only"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/08/nurse-night-shift-positive-sp.webp" alt="夜勤の大変さを脳科学からの解説を正しく受け入れて前向きに捉える看護師の画像（スマホ用）。" class="wp-image-7086" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/nurse-night-shift-positive-sp.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/08/nurse-night-shift-positive-sp-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/nurse-night-shift-positive-sp-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<h3 class="wp-block-heading">専門家や医療機関を頼ることは「正しい選択」</h3>



<p class="wp-block-paragraph">セルフケアの限界を感じたときは、決して抱え込まず、外部の専門的なサポートを頼りましょう。</p>



<!-- ==========================================
  図解：専門家や医療機関を頼る選択肢（薄緑系・安心感デザイン / スマホ1.15rem対応）
========================================== -->
<div class="mc-care-guide-wrapper">
  <div class="mc-care-guide-header">
    🏥 一人で抱え込まずに<br class="mc-sp-only">専門家を頼る「2つの選択肢」
  </div>

  <div class="mc-care-cards-container">
    
    <!-- 左カード：産業医・窓口への相談 -->
    <div class="mc-care-card">
      <div class="mc-care-card-head">
        <span class="mc-care-icon">💬</span>
        <span class="mc-care-title">産業医・メンタルヘルス窓口</span>
      </div>
      <div class="mc-care-action">
        <span class="mc-care-badge mc-badge-consult">職場環境の調整</span>
        勤務形態やシフトの相談
      </div>
      <p class="mc-care-desc">
        強い疲労感や不調が続く場合、産業医や職場の相談窓口を利用することで、<b>勤務形態の配慮やシフト配置の見直し</b>について相談できる場合があります。
      </p>
    </div>

    <!-- 右カード：専門外来の受診 -->
    <div class="mc-care-card">
      <div class="mc-care-card-head">
        <span class="mc-care-icon">🩺</span>
        <span class="mc-care-title">睡眠外来・心身医学科</span>
      </div>
      <div class="mc-care-action">
        <span class="mc-care-badge mc-badge-medical">専門的な治療とケア</span>
        睡眠障害や自律神経の乱れに
      </div>
      <p class="mc-care-desc">
        睡眠障害や自律神経の乱れに対して、医療機関で専門的な治療やアドバイスを受けることで、<b>症状が劇的に改善するケース</b>も少なくありません。
      </p>
    </div>

  </div>
</div>

<!-- ==========================================
  専用 CSS スタイル
========================================== -->
<style>
/* 全体コンテナ（主幹のアイデア：薄緑系背景！） */
.mc-care-guide-wrapper {
  margin: 36px 0;
  background-color: #f0fdf4; /* 優しい薄緑（ミント系） */
  border: 1px solid #bbf7d0; /* 少し濃い緑のボーダー */
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
}

/* ヘッダー */
.mc-care-guide-header {
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  color: #14532d; /* 落ち着いたダークグリーン */
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 2px dashed #86efac;
}

/* カードコンテナ（Flexbox） */
.mc-care-cards-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
}

/* 個別カード共通 (角丸を他と合わせて12pxに調整) */
.mc-care-card {
  flex: 1;
  background-color: #ffffff; /* 中のカードは白にして読みやすく */
  border-radius: 12px;
  padding: 24px 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
}

/* カード上部（タイトルとアイコン） */
.mc-care-card-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.mc-care-icon {
  font-size: 1.7rem;
}
.mc-care-title {
  font-weight: bold;
  color: #334155;
  font-size: 1.05rem;
}

/* アクション指示部分 */
.mc-care-action {
  font-size: 1.1rem;
  font-weight: bold;
  color: #1e293b;
  margin-bottom: 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.mc-care-badge {
  font-size: 0.85rem;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 20px;
  letter-spacing: 0.05em;
}

/* バッジのカラー分け */
.mc-badge-consult {
  background-color: #059669; /* エメラルドグリーン */
}
.mc-badge-medical {
  background-color: #0284c7; /* 医療・信頼のブルー */
}

/* 説明テキスト */
.mc-care-desc {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #475569;
  margin: 0;
}
.mc-care-desc b {
  color: #0f172a;
  background: linear-gradient(transparent 60%, #dcfce7 60%); /* マーカーも薄緑 */
}

/* ==========================================
  モバイル表示最適化 (スマホサイズ ヒエラルキー調整版)
========================================== */
@media (max-width: 600px) {
  .mc-care-guide-wrapper {
    padding: 16px;
  }
  .mc-care-cards-container {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .mc-care-card {
    width: 100%;
    padding: 20px 16px;
  }

  /* ▼ ヒエラルキーと1.15rem対応 ▼ */
  .mc-care-guide-header {
    font-size: 1.35rem; /* 大見出し */
    margin-bottom: 20px;
  }
  .mc-care-icon {
    font-size: 1.8rem;
  }
  .mc-care-title {
    font-size: 1.15rem; /* 小見出し */
  }
  .mc-care-action {
    font-size: 1.15rem; /* アクション指示 */
  }
  .mc-care-badge {
    font-size: 0.95rem;
    padding: 6px 14px;
  }
  .mc-care-desc {
    font-size: 1.15rem; /* ご指定の本文サイズ */
    line-height: 1.75;
  }
}
</style>



<p class="wp-block-paragraph">自分の身体と心を後回しにしてまで耐え続ける必要はありません。</p>



<p class="wp-block-paragraph">一番大切なのは「自分自身」ではないでしょうか？</p>



<p class="wp-block-paragraph">「ツラい」と感じたときは、専門家や医療機関の手を借りることも、プロとして長く働き続けるための非常に大切な判断です。</p>



<p class="wp-block-paragraph">工夫を重ねても、強い疲労感や体調不良が続く場合は、一人で抱え込まず、産業医や医療機関に相談することも大切な選択肢です。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">日々のコンディションケアという新しい選択肢</h2>



<p class="wp-block-paragraph">脳の仕組みに合わせた環境づくりや記録の工夫に加えて、<strong>「毎日のコンディションを体の内側から整えておく」</strong>というアプローチも、夜勤を乗り切るためのスマートな戦略です。</p>



<p class="wp-block-paragraph">そこで、忙しい看護師さんの日常に無理なく寄り添う選択肢としておすすめしたいのが、<strong><span class="swl-marker mark_blue">「GABA（ギャバ）」</span>という機能性関与成分です！</strong></p>



<!-- GABA解説：神秘的な光の玉アニメーション付き（注記枠外・右寄せ版） -->
<div style="margin: 32px 0; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;">
  
  <!-- 白背景のカード枠 -->
  <div style="background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 32px 28px; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);">
    <div class="gaba-explanation-container">
      
      <!-- 神秘的な光の玉（オーブ）エリア -->
      <div class="gaba-orb-wrapper">
        <div class="gaba-mystic-orb"></div>
        <!-- 光の粒子（装飾） -->
        <div class="gaba-particle p1"></div>
        <div class="gaba-particle p2"></div>
        <div class="gaba-particle p3"></div>
      </div>

      <!-- テキストエリア -->
      <div class="gaba-text-area">
        <p class="gaba-title">GABAとは？</p>
        <p class="gaba-desc">
          <strong>野菜や果物に含まれるアミノ酸の一種。<br>
          体内では神経伝達物質として、<br>
          健康維持に欠かせない役割を<br class="mc-sp-only">担っています。
        </strong></p>
      </div>

    </div>
  </div>

  <!-- 枠外に移動した注記（右寄せ） -->
  <div style="text-align: right; font-size: 11px; color: #888888; margin-top: 10px; padding-right: 5px; letter-spacing: 0.05em;">
    ※アニメーションはイメージです。
  </div>

  <style>
    /* レイアウトのベース */
    .gaba-explanation-container {
      display: flex;
      align-items: center;
      gap: 32px;
    }

    /* オーブを包む枠 */
    .gaba-orb-wrapper {
      position: relative;
      width: 90px;
      height: 90px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
    }

    /* 光の玉本体：ブルー・パープル統一版 */
    .gaba-mystic-orb {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: radial-gradient(circle at 35% 35%, #ffffff 0%, #e0e7ff 25%, #818cf8 60%, #4f46e5 100%);
      animation: gaba_float 4s ease-in-out infinite, gaba_pulse 4s ease-in-out infinite;
    }

    /* フワフワ浮遊する動き */
    @keyframes gaba_float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    /* 光が呼吸するように広がる動き */
    @keyframes gaba_pulse {
      0%, 100% {
        box-shadow: 
          0 0 15px #c7d2fe,
          0 0 30px rgba(129, 140, 248, 0.4),
          0 0 45px rgba(79, 70, 229, 0.2);
      }
      50% {
        box-shadow: 
          0 0 20px #ffffff,
          0 0 40px #818cf8,
          0 0 60px rgba(99, 102, 241, 0.6),
          0 0 80px rgba(79, 70, 229, 0.4);
      }
    }

    /* 周囲を漂う光の粒子 */
    .gaba-particle {
      position: absolute;
      width: 4px;
      height: 4px;
      background-color: #ffffff;
      border-radius: 50%;
      box-shadow: 0 0 6px #e0e7ff;
      opacity: 0;
    }
    .gaba-particle.p1 { top: 10%; left: 20%; animation: particle_blink 3s infinite 0.5s; }
    .gaba-particle.p2 { bottom: 15%; right: 15%; animation: particle_blink 4s infinite 1.2s; }
    .gaba-particle.p3 { top: 40%; right: 5%; width: 3px; height: 3px; animation: particle_blink 3.5s infinite 2.5s; }

    @keyframes particle_blink {
      0%, 100% { opacity: 0; transform: scale(0.5) translateY(0); }
      50% { opacity: 0.8; transform: scale(1.5) translateY(-5px); }
    }

    /* テキストのスタイル */
    .gaba-text-area {
      flex: 1;
    }
    .gaba-title {
      margin: 0 0 12px 0;
      font-size: 1.25rem;
      font-weight: bold;
      color: #1e293b;
      border-bottom: 2px solid #f1f5f9;
      padding-bottom: 10px;
    }
    .gaba-desc {
      margin: 0;
      font-size: 1.05rem;
      color: #475569;
      line-height: 1.8;
    }

    /* スマホ表示最適化 */
    @media (max-width: 600px) {
      .gaba-explanation-container {
        flex-direction: column;
        text-align: center;
        gap: 20px;
      }
      .gaba-title {
        font-size: 1.2rem;
        border-bottom: none;
        position: relative;
      }
      .gaba-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 40px;
        height: 2px;
        background-color: #f1f5f9;
      }
      .gaba-desc {
        font-size: 1.15rem;
      }
    }
  </style>
</div>



<p class="wp-block-paragraph">その合理的で手軽な選択肢として注目したいのが、<strong><span class="swl-marker mark_yellow">「Memory Coffee（メモリーコーヒー）」</span></strong>です。</p>



<h3 class="wp-block-heading">なぜ、夜勤とたたかう看護師さんに「GABAコーヒー」なのか？</h3>



<p class="wp-block-paragraph">「夜勤中、なんだか頭が冴えない」 </p>



<p class="wp-block-paragraph">「さっき覚えたはずの指示が、すっと抜け落ちそうになる」</p>



<p class="wp-block-paragraph">そんな瞬間に向き合うあなたのために、Memory Coffeeには科学的な根拠に基づいた機能性関与成分「GABA（ギャバ）」が、1杯あたり200mg配合されています。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="558" height="440" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-Coffee-gaba-200mg-everyday.webp" alt="Memory Coffeeは、スティック1本に機能性関与成分GABAが200mg配合されていることを説明する画像" class="wp-image-4442" srcset="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-Coffee-gaba-200mg-everyday.webp 558w, https://memory-coffee.jp/wp-content/uploads/2026/03/memory-Coffee-gaba-200mg-everyday-300x237.webp 300w" sizes="(max-width: 558px) 100vw, 558px" /></figure>



<!-- ==========================================
  機能性表示食品 届出表示（ゴールドフレーム・3機能追加版 / スマホ1.15rem対応）
========================================== -->
<div class="mc-gaba-gold-wrapper">
  <div class="mc-gaba-gold-inner">
    <div class="mc-gaba-badge">✨ 機能性関与成分 GABAの働き</div>
    <p class="mc-gaba-text">
      GABA200mgには、加齢とともに低下する認知機能の一部である、<br class="mc-gaba-br"><br class="mc-sp-only">
      <span class="mc-gaba-highlight">記憶力</span>（見たり聞いたりを思い出す力）、<br class="mc-gaba-br"><br class="mc-sp-only">
      <span class="mc-gaba-highlight">空間認知力</span>（物の位置、形、向きなどを正確に把握する力）、<br class="mc-gaba-br"><br class="mc-sp-only">
      <span class="mc-gaba-highlight">持続的注意力</span>（注意を維持し続ける力）を<br class="mc-sp-only">「維持する機能」
      があることが報告されています。
    </p>
    <div class="mc-gaba-number">（届出番号：J1384）</div>
  </div>
</div>

<!-- ==========================================
  専用 CSS スタイル（ゴールド装飾定義）
========================================== -->
<style>
/* 外側のゴールドフレーム（グラデーションで金属の輝きを表現） */
.mc-gaba-gold-wrapper {
  margin: 36px 0;
  padding: 3px; /* 枠の太さ */
  border-radius: 12px;
  background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fbf5b7 75%, #aa771c 100%);
  box-shadow: 0 4px 12px rgba(170, 119, 28, 0.15);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  box-sizing: border-box;
}

/* 内側の白い背景部分 */
.mc-gaba-gold-inner {
  background-color: #ffffff;
  border-radius: 9px; /* 外側の枠に合わせて角丸を微調整 */
  padding: 28px 24px;
  position: relative;
}

/* 上部のワンポイントバッジ */
.mc-gaba-badge {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: bold;
  color: #92400e; /* ゴールドに合う上品なブラウン */
  background-color: #fef3c7; /* 淡いイエロー */
  padding: 4px 14px;
  border-radius: 20px;
  margin-bottom: 16px;
  letter-spacing: 0.05em;
}

/* 届出表示テキスト本体 */
.mc-gaba-text {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #334155;
  margin: 0 0 16px 0;
  font-weight: 500;
}

/* 重要なキーワードのハイライト */
.mc-gaba-highlight {
  font-weight: bold;
  color: #92400e; /* 上品なブラウン */
  background: linear-gradient(transparent 65%, #fde047 65%); /* さりげないイエローマーカー */
  padding: 0 2px;
}

/* 届出番号 */
.mc-gaba-number {
  font-size: 0.85rem;
  color: #64748b;
  text-align: right;
  font-weight: bold;
}

/* PC向け：適度な改行を維持 */
.mc-gaba-br {
  display: block;
}

/* ==========================================
  モバイル表示最適化 (スマホサイズ ヒエラルキー調整版)
========================================== */
@media (max-width: 600px) {
  .mc-gaba-gold-wrapper {
    margin: 24px 0;
  }
  .mc-gaba-gold-inner {
    padding: 20px 16px;
  }
  
  /* ▼ ヒエラルキーと1.15rem対応 ▼ */
  .mc-gaba-badge {
    font-size: 1rem; /* バッジを少し大きく */
    padding: 6px 14px;
  }
  .mc-gaba-text {
    font-size: 1.15rem; /* ご指定の本文サイズ */
    line-height: 1.75;
  }
  .mc-gaba-number {
    font-size: 0.95rem; /* 届出番号も少し見やすく */
  }

  /* スマホでは不自然な改行を解除してテキストを折り返させる */
  .mc-gaba-br {
    display: none;
  }
}
</style>



<p class="wp-block-paragraph">単なる「気休めの栄養ドリンク」や「一瞬だけ無理やり覚醒させるエナジードリンク」とは異なり、<strong>日々のコンディションそのものを<span class="swl-marker mark_yellow">基礎からしなやかに支えてくれる</span>のが、最大の魅力です。</strong></p>



<h3 class="wp-block-heading">努力やガマンではなく「コーヒータイム自体を」対策に変える</h3>



<p class="wp-block-paragraph">夜勤前や仮眠明け、「よーし、今から頑張らなきゃ」と気合いを入れるためにコーヒーを飲む看護師さんは多いはず。</p>



<p class="wp-block-paragraph">Memory Coffeeの素晴らしいところは、これまでの<strong>習慣やライフスタイルを何ひとつ変える必要がない</strong>点です。</p>



<p class="wp-block-paragraph">いつもの「ホッと一息つくコーヒータイム」を<strong><span class="swl-marker mark_yellow">Memory Coffeeに置き換えるだけで</span></strong>、そのまま手軽なコンディションケアへと早変わりします。</p>



<!-- ==========================================
  飲用シーン提案（シルバーフレーム / スマホ1.15rem対応）
========================================== -->
<div class="mc-silver-wrapper">
  <div class="mc-silver-inner">
    <div class="mc-silver-badge">☕️ Memory Coffee おすすめの飲用シーン</div>
    
    <!-- シーン1：夜勤前 -->
    <div class="mc-scene-item">
      <div class="mc-scene-head">
        <span class="mc-scene-icon">💡</span>
        <span class="mc-scene-title">夜勤前の「覚醒スイッチ」として</span>
      </div>
      <p class="mc-scene-desc">
        シフトに入る前、頭をクリアに整えて集中モードへ切り替える一杯に。
      </p>
    </div>

    <!-- 区切り線 -->
    <div class="mc-scene-divider"></div>

    <!-- シーン2：休憩中 -->
    <div class="mc-scene-item">
      <div class="mc-scene-head">
        <span class="mc-scene-icon">🛋️</span>
        <span class="mc-scene-title">休憩中の「リセットタイム」に</span>
      </div>
      <p class="mc-scene-desc">
        緊張感が続く夜勤の合間、頑張る自分をいたわりながら、後半戦に向けたパフォーマンスの維持をサポート。
      </p>
    </div>

  </div>
</div>

<!-- ==========================================
  専用 CSS スタイル（シルバー装飾定義）
========================================== -->
<style>
/* 外側のシルバーフレーム（グラデーションでプラチナの輝きを表現） */
.mc-silver-wrapper {
  margin: 36px 0;
  padding: 3px; /* 枠の太さ */
  border-radius: 12px;
  background: linear-gradient(135deg, #d7d7d7 0%, #ffffff 25%, #a8a8a8 50%, #f8f8f8 75%, #8a8a8a 100%);
  box-shadow: 0 4px 12px rgba(138, 138, 138, 0.15);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
}

/* 内側の白い背景部分 */
.mc-silver-inner {
  background-color: #ffffff;
  border-radius: 9px; /* 外側の枠に合わせて角丸を微調整 */
  padding: 28px 24px;
  position: relative;
}

/* 上部のワンポイントバッジ（シルバーグレー系） */
.mc-silver-badge {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: bold;
  color: #334155; 
  background-color: #f1f5f9; 
  border: 1px solid #e2e8f0;
  padding: 4px 14px;
  border-radius: 20px;
  margin-bottom: 20px;
  letter-spacing: 0.05em;
}

/* 各シーンのアイテム */
.mc-scene-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* シーンのタイトル周り */
.mc-scene-head {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mc-scene-icon {
  font-size: 1.4rem;
}
.mc-scene-title {
  font-weight: bold;
  font-size: 1.05rem;
  color: #1e293b;
  border-bottom: 2px solid #e2e8f0; /* タイトル下部を少し装飾 */
  padding-bottom: 2px;
}

/* シーンの説明文 */
.mc-scene-desc {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #475569;
  margin: 0 0 0 34px; /* アイコンの幅に合わせてインデント */
}

/* アイテム間の区切り線 */
.mc-scene-divider {
  border-bottom: 1px dashed #cbd5e1;
  margin: 20px 0;
}

/* ==========================================
  モバイル表示最適化 (スマホサイズ ヒエラルキー調整版)
========================================== */
@media (max-width: 600px) {
  .mc-silver-wrapper {
    margin: 24px 0;
  }
  .mc-silver-inner {
    padding: 24px 16px;
  }
  
  /* ▼ ヒエラルキーと1.15rem対応 ▼ */
  .mc-silver-badge {
    font-size: 1rem; /* バッジを少し大きく */
    padding: 6px 16px;
    margin-bottom: 20px;
  }
  .mc-scene-head {
    gap: 10px; /* アイコンと文字の隙間を少し広く */
  }
  .mc-scene-icon {
    font-size: 1.6rem; /* アイコンも少し拡大 */
  }
  .mc-scene-title {
    font-size: 1.15rem; /* タイトルも本文に合わせてサイズアップ */
  }
  .mc-scene-desc {
    font-size: 1.15rem; /* ご指定の本文サイズ */
    line-height: 1.75;
    margin: 8px 0 0 38px; /* 文字拡大に合わせてインデントを再調整 */
  }
}
</style>



<p class="wp-block-paragraph">「夜勤のきつさは、根性論では解決できない」——だからこそ、無理な努力やガマンを重ねるのではなく、美味しく淹れた一杯のコーヒーを味方につけてみませんか？</p>



<style>
/* Memory Coffee プレミアム・サファイアバナー（PC最適化＆強制上書き版） */
.mc-jewel-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  margin: 3em 0 !important;
  padding: 12px 24px !important; /* 左右の余白を少し詰めて空間を確保 */
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", serif;
  
  /* サファイアブルーの深層グラデーション背景 */
  background: radial-gradient(circle at center, #0047AB 0%, #002147 100%);
  
  /* 1pxの琥珀色の細い境界線 */
  border: 1px solid rgba(197, 160, 89, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 15px rgba(197, 160, 89, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 微細なコーヒー豆のテクスチャ（オーバーレイ） */
.mc-jewel-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c5 0 8-4 8-8s-3-8-8-8-8 4-8 8 3 8 8 8z' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  pointer-events: none;
}

/* ホバー時の宝石のような輝きの変化 */
.mc-jewel-banner:hover {
  transform: translateY(-3px);
  border-color: #FFBF00;
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 0 25px rgba(255, 191, 0, 0.2);
}

/* 左側：ロゴ・フレームエリア */
.mc-jb-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important; /* 少し間隔を詰めて横幅を節約 */
  z-index: 2;
}
.mc-jb-logo-frame {
  position: relative;
  padding: 6px;
  border: 1.5px solid #C5A059;
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}
/* 湯気・ミストの演出（ぼかし光） */
.mc-jb-logo-frame::after {
  content: "";
  position: absolute;
  top: -10px; left: 50%;
  width: 40px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(197,160,89,0.4) 0%, transparent 70%);
  filter: blur(8px);
  transform: translateX(-50%);
  animation: jbSteam 4s infinite alternate;
}
@keyframes jbSteam {
  from { opacity: 0.3; transform: translateX(-50%) translateY(0); }
  to { opacity: 0.6; transform: translateX(-50%) translateY(-5px); }
}
.mc-jb-logo-frame img {
  max-height: 44px !important;
  width: auto !important;
  display: block;
  filter: drop-shadow(0 0 5px rgba(197,160,89,0.5));
}

/* 中央：テキストエリア（縦並びに変更して窮屈さを解消） */
.mc-jb-center {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important; /* バッジとテキストを縦に配置 */
  align-items: flex-start !important; /* 左寄せ */
  justify-content: center !important;
  padding: 0 24px !important;
  gap: 6px !important;
  z-index: 2;
}
.mc-jb-badge {
  background: #C5A059;
  border: 1px solid #FFD700;
  color: #1e2147;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 0 !important; /* 縦並びのため右マージンをリセット */
  white-space: nowrap !important;
  display: inline-block !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mc-jb-text {
  color: #ffffff !important;
  font-size: 1.15em !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  white-space: nowrap !important; /* 意図しない改行を完全に防ぐ */
}

/* 右側：鮮やかなピュアオレンジのジュエルボタン */
.mc-jb-btn {
  background: linear-gradient(145deg, #FF8A00 0%, #FF5E00 50%, #DF4A00 100%) !important;
  border: 1px solid #FFAD33 !important;
  padding: 10px 24px !important; /* 横幅を節約 */
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 5px 15px rgba(223, 74, 0, 0.4), inset 0 2px 2px rgba(255,255,255,0.4) !important;
  position: relative;
  overflow: hidden;
  z-index: 2;
  white-space: nowrap !important; /* ボタン内の文字落ちを防ぐ */
}
/* ボタン上の光の走査（宝石の輝き） */
.mc-jb-btn::after {
  content: '';
  position: absolute;
  top: -50%; left: -100%;
  width: 50%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
  transform: rotate(30deg);
  animation: jbBtnShine 3s infinite;
}
@keyframes jbBtnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.mc-jb-btn-text {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.95em !important;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-jewel-banner { flex-direction: column !important; gap: 20px !important; padding: 25px !important; text-align: center !important; }
  .mc-jb-logo-frame { border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 15px !important; }
  .mc-jb-center { align-items: center !important; padding: 0 !important; gap: 12px !important; }
  .mc-jb-text { text-align: center !important; }
  .mc-jb-btn { width: 100% !important; justify-content: center !important; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-jewel-banner">
  
  <div class="mc-jb-left">
    <div class="mc-jb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-jb-center">
    <div class="mc-jb-badge">機能性表示食品</div>
    <p class="mc-jb-text">
      200mgのGABAを1杯に<br>コーヒーで手軽に機能ケア
    </p>
  </div>

  <div class="mc-jb-btn">
    <span class="mc-jb-btn-text">Memory Coffeeを詳しくみる ▶︎</span>
  </div>

</a>



<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&amp;family=Noto+Serif+JP:wght@400;700&amp;display=swap" rel="stylesheet">
<style>
.mc2-outer, .mc2-outer *, .mc2-outer *::before, .mc2-outer *::after { box-sizing: border-box; }

.mc2-outer {
  width: 100%;
  padding: 24px 0 32px;
}
.mc2-wrap { width: 100%; max-width: 920px; margin: 0 auto; }

.mc2-coupon-bar {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12.5px; font-weight: 700;
  color: #3A2FB0; text-align: center;
  margin: 0 0 10px; letter-spacing: .08em;
}

.mc2-card {
  position: relative;
  display: flex; align-items: stretch;
  text-decoration: none; border-radius: 16px; overflow: hidden;
  background: linear-gradient(120deg, #090640 0%, #1714A0 60%, #0C0965 100%);
  box-shadow: 0 8px 40px rgba(9,6,64,.5), 0 2px 12px rgba(23,20,160,.3);
  transition: transform .25s ease, box-shadow .25s ease;
  min-height: 148px;
}
.mc2-card::after {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none; z-index: 0;
}
.mc2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 52px rgba(9,6,64,.65), 0 4px 20px rgba(23,20,160,.4);
}

.mc2-brand {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 8px;
  padding: 22px 26px;
  background: rgba(0,0,0,.2);
  border-right: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
}
.mc2-amz-pill {
  background: #fff; border-radius: 6px;
  padding: 8px 18px;
  display: inline-flex; align-items: center;
  align-self: flex-start;
}
.mc2-amz-logo { height: 44px; width: auto; display: block; }
.mc2-name {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.375rem; font-weight: 700;
  color: #fff; margin: 0;
  white-space: nowrap; letter-spacing: .03em;
}
.mc2-tagline {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5);
  margin: 0; letter-spacing: .06em;
}

.mc2-mid {
  position: relative; z-index: 1;
  flex: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 14px;
  padding: 20px 28px;
}
.mc2-benefit {
  padding-left: 12px;
  border-left: 2px solid rgba(255,255,255,.22);
}
.mc2-benefit-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px; font-weight: 500;
  color: #fff; margin: 0 0 3px;
}
.mc2-benefit-sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5); margin: 0;
}

.mc2-right {
  position: relative; z-index: 1;
  flex-shrink: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 10px; padding: 24px 28px;
  border-left: 1px solid rgba(255,255,255,.06);
}
.mc2-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #E82020, #C41010);
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.875rem; font-weight: 700;
  padding: 13px 26px; border-radius: 30px;
  white-space: nowrap; letter-spacing: .04em;
  box-shadow: 0 3px 16px rgba(200,16,16,.45);
  transition: box-shadow .2s ease;
}
.mc2-card:hover .mc2-btn {
  box-shadow: 0 6px 26px rgba(200,16,16,.7);
}
.mc2-note {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9.5px; color: rgba(255,255,255,.35);
  margin: 0; text-align: center;
}

@media (max-width: 680px) {
  .mc2-outer { padding: 20px 0 28px; }
  .mc2-card { flex-direction: column; }
  .mc2-brand {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 20px 20px 16px;
  }
  .mc2-amz-pill { align-self: center; }
  .mc2-name { font-size: 1.25rem; white-space: normal; text-align: center; }
  .mc2-tagline { text-align: center; }
  .mc2-mid { padding: 16px 20px; gap: 12px; }
  .mc2-right {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 16px 20px 20px;
  }
  .mc2-btn { width: 100%; justify-content: center; font-size: 0.9375rem; }
  .mc2-note { white-space: normal; }
}
</style>

<div class="mc2-outer">
  <div class="mc2-wrap">

    <p class="mc2-coupon-bar">＼ 期間限定１７%OFF ／</p>

    <a href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener" class="mc2-card">

      <div class="mc2-brand">
        <div class="mc2-amz-pill">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" class="mc2-amz-logo">
        </div>
        <p class="mc2-name">Memory Coffee</p>
        <p class="mc2-tagline">記憶力を維持するGABA×コーヒー</p>
      </div>

      <div class="mc2-mid">
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Prime対応・最短翌日お届け</p>
          <p class="mc2-benefit-sub">お急ぎ便でいつでも手軽にお手元に</p>
        </div>
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Amazonのレビューで購入前に確認</p>
          <p class="mc2-benefit-sub">実際に飲んだ方の声を参考にできる</p>
        </div>
      </div>

      <div class="mc2-right">
        <div class="mc2-btn">
          17%OFFで購入する
          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <path d="M5 12H19M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </div>
        <p class="mc2-note"></p>
      </div>

    </a>

  </div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">まとめ│夜勤と戦うあなたの心と身体を、もっと大切に</h2>



<!-- ==========================================
  振り返りカード：押さえておきたい5つのポイント（看護師 夜勤版 / スマホ1.15rem対応）
========================================== -->
<div class="ksm-container">
  <div class="ksm-header">
    <span class="ksm-badge">今回の振り返り</span>
    <!-- ★ 目次回避 ＆ クローラー向けh3宣言 ★ -->
    <div class="ksm-title" role="heading" aria-level="3">押さえておきたい5つのポイント</div>
  </div>

  <ul class="ksm-list">
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>2025年の研究で確認された認知機能の変化</strong>
        <p>ICU看護師を対象にした2025年の研究で、夜勤や夕方シフトにおける記憶力・注意力の低下が明確に確認されています。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>「曜日感覚の欠如」は概日リズムのズレ</strong>
        <p>多くの看護師が経験する「今日が何曜日か分からなくなる」感覚は、体内時計（概日リズム）の乱れと深く関連しています。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>体内時計が整っている人ほど影響を受けやすい</strong>
        <p>生体リズムが安定している人ほど、それを無理に狂わされる夜勤の影響を強く受けてしまうという皮肉な一面もあります。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>光・仮眠・記録の「仕組み」で対策する</strong>
        <p>光のコントロール、計画的な仮眠、メモや記録に頼る工夫など、脳の負荷を減らす現実的なアプローチが効果的です。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>不調が続く場合は一人で抱え込まない</strong>
        <p>対策を講じても強い疲労感や体調不良が続く場合は、決して自分を責めず、産業医や医療機関へ早めに相談しましょう。</p>
      </div>
    </li>
  </ul>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
  .ksm-container {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-top: 5px solid #2563eb !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin: 2.5em 0 !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box !important;
  }
  .ksm-header { margin-bottom: 18px !important; }
  .ksm-badge {
    display: inline-block !important; background: #2563eb !important; color: #ffffff !important;
    font-size: 0.8rem !important; font-weight: 700 !important; padding: 4px 10px !important;
    border-radius: 4px !important; margin-bottom: 8px !important;
  }
  .ksm-title { margin: 0 !important; font-size: 1.2rem !important; font-weight: 800 !important; color: #0f172a !important; line-height: 1.4 !important; }

  /* divに変更したためSWELL等のh3デフォルト装飾は出ませんが、念のためのリセット */
  .ksm-container .ksm-title {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
  }
  .ksm-container .ksm-title::before,
  .ksm-container .ksm-title::after {
    display: none !important;
    content: none !important;
  }

  .ksm-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 16px !important; }
  .ksm-list li { display: flex !important; gap: 14px !important; align-items: flex-start !important; }

  .ksm-icon {
    flex-shrink: 0 !important; width: 26px !important; height: 26px !important; border-radius: 50% !important;
    background: #2563eb !important; color: #ffffff !important; font-size: 0.9rem !important; font-weight: 800 !important;
    display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 2px !important;
  }

  .ksm-content strong { display: block !important; font-size: 1.02rem !important; color: #0f172a !important; margin-bottom: 4px !important; }
  .ksm-content p { margin: 0 !important; font-size: 0.9rem !important; color: #475569 !important; line-height: 1.65 !important; }

  /* ==========================================
    モバイル表示最適化 (スマホサイズ ヒエラルキー調整版)
  ========================================== */
  @media (max-width: 600px) {
    .ksm-container { padding: 16px !important; }
    
    /* ▼ ヒエラルキーと1.15rem対応 ▼ */
    .ksm-header { margin-bottom: 20px !important; }
    .ksm-badge { 
      font-size: 0.95rem !important; 
      padding: 6px 12px !important; 
    }
    .ksm-title { 
      font-size: 1.35rem !important; 
    }
    
    .ksm-list { gap: 24px !important; }
    .ksm-list li { gap: 12px !important; }
    
    .ksm-icon {
      width: 28px !important; 
      height: 28px !important;
      font-size: 1rem !important;
      margin-top: 4px !important; /* テキストが大きくなるのでアイコン位置も微調整 */
    }
    
    .ksm-content strong { 
      font-size: 1.15rem !important; 
      margin-bottom: 6px !important; 
      line-height: 1.5 !important;
    }
    .ksm-content p { 
      font-size: 1.15rem !important; 
      line-height: 1.75 !important; 
    }
  }
</style>



<p class="wp-block-paragraph">夜勤明けの強い倦怠感や、曜日感覚がなくなってしまうような違和感。 </p>



<p class="wp-block-paragraph"><strong>それはあなたの努力不足でも、集中力が足りないからでもありません。</strong></p>



<p class="wp-block-paragraph">脳科学的にみれば、人間の脳のメカニズムそのものに大きな負荷をかけながら、それでも現場に立ち、人の命や健康を守り続けている——それ自体が、<strong><span class="swl-marker mark_yellow">本当に誰もができることではない、素晴らしいことです。</span></strong></p>



<p class="wp-block-paragraph">脳が「省エネモード」に入る時間帯に働くのですから、エラーが起きやすくなったり、頭が働かなくなったりするのはごく自然なことです。だからこそ、自分を責める必要は一切ありません。</p>



<p class="wp-block-paragraph">大切なのは、無理な出来る限り根性論で乗り切ろうとせず、なるべく<strong><span class="swl-marker mark_yellow">「科学的な工夫」を味方につけて</span>自分自身を徹底的に守ること</strong>です。</p>



<p class="wp-block-paragraph">あなたが誰かをケアしているように、どうかあなた自身の心と身体も、たくさんの工夫とやさしさでケアしてあげてくださいね！</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
  SEO用 FAQセクション（看護師 夜勤版 / スマホ1.15rem対応）
========================================== -->
<div class="faq-container">
  
  <div class="faq-header">
    <span class="faq-badge">Q&amp;A</span>
    <!-- ★ 目次回避 ＆ クローラー向けh2宣言 ★ -->
    <div class="faq-title" role="heading" aria-level="2">よくある質問（FAQ）</div>
  </div>

  <div class="faq-list">

    <!-- FAQ 1 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>夜勤による記憶力の低下は、永続的なものですか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>研究で示されているのは、あくまでシフト中・シフト後の一時的な低下です。ただし、長期間にわたる交代勤務の影響については、まだ研究が続けられている段階です。心配な場合は、自己判断せず医療機関にご相談ください。</p>
      </div>
    </div>

    <!-- FAQ 2 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>日勤に戻れば、記憶力は元に戻りますか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>多くの場合、生活リズムが整うことで、一時的な低下は回復すると考えられています。ただし個人差があるため、断定はできません。</p>
      </div>
    </div>

    <!-- FAQ 3 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>仮眠は、どのくらいの時間が効果的ですか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>研究によって推奨時間は異なりますが、短時間であっても、仮眠を取らないよりは認知機能の維持に役立つとされています。ご自身の勤務環境に合わせて、無理のない範囲で取り入れてみてください。</p>
      </div>
    </div>

  </div>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
  .faq-container {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-top: 5px solid #2563eb !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin: 2.5em 0 !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box !important;
  }
  .faq-header { margin-bottom: 20px !important; }
  .faq-badge {
    display: inline-block !important; background: #2563eb !important; color: #ffffff !important;
    font-size: 0.8rem !important; font-weight: 700 !important; padding: 4px 10px !important;
    border-radius: 4px !important; margin-bottom: 8px !important;
  }

  .faq-container .faq-title {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
  }
  .faq-container .faq-title::before,
  .faq-container .faq-title::after {
    display: none !important;
    content: none !important;
  }

  .faq-list { display: flex !important; flex-direction: column !important; gap: 16px !important; }
  
  .faq-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 18px !important;
  }

  .faq-question {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    margin-bottom: 12px !important;
  }
  .faq-q-icon {
    flex-shrink: 0 !important; width: 26px !important; height: 26px !important; border-radius: 50% !important;
    background: #2563eb !important; color: #ffffff !important; font-size: 0.95rem !important; font-weight: 800 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
  }
  .faq-question p {
    margin: 0 !important; font-size: 1.02rem !important; font-weight: bold !important; color: #0f172a !important; line-height: 1.5 !important;
  }

  .faq-answer {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    border-top: 1px dashed #e2e8f0 !important;
    padding-top: 12px !important;
  }
  .faq-a-icon {
    flex-shrink: 0 !important; width: 26px !important; height: 26px !important; border-radius: 50% !important;
    background: #ef4444 !important; color: #ffffff !important; font-size: 0.95rem !important; font-weight: 800 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
  }
  .faq-answer p {
    margin: 0 !important; font-size: 0.92rem !important; color: #334155 !important; line-height: 1.7 !important;
  }

  /* ==========================================
    モバイル表示最適化 (スマホサイズ ヒエラルキー調整版)
  ========================================== */
  @media (max-width: 600px) {
    .faq-container { padding: 16px !important; }
    
    /* ▼ ヒエラルキーと1.15rem対応 ▼ */
    .faq-header { margin-bottom: 24px !important; }
    .faq-badge { 
      font-size: 0.95rem !important; 
      padding: 6px 12px !important; 
    }
    .faq-title { font-size: 1.35rem !important; }
    
    .faq-item { padding: 16px !important; }
    
    .faq-question { gap: 10px !important; margin-bottom: 14px !important; }
    .faq-q-icon {
      width: 28px !important; 
      height: 28px !important;
      font-size: 1.05rem !important;
      margin-top: 2px !important; /* テキスト拡大に合わせた位置調整 */
    }
    .faq-question p { 
      font-size: 1.15rem !important; 
      line-height: 1.5 !important; 
    }
    
    .faq-answer { gap: 10px !important; padding-top: 14px !important; }
    .faq-a-icon {
      width: 28px !important; 
      height: 28px !important;
      font-size: 1.05rem !important;
      margin-top: 2px !important;
    }
    .faq-answer p { 
      font-size: 1.15rem !important; 
      line-height: 1.75 !important; 
    }
  }
</style>

<!-- ==========================================
  SEO用 構造化データ（JSON-LD）
========================================== -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "夜勤による記憶力の低下は、永続的なものですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "研究で示されているのは、あくまでシフト中・シフト後の一時的な低下です。ただし、長期間にわたる交代勤務の影響については、まだ研究が続けられている段階です。心配な場合は、自己判断せず医療機関にご相談ください。"
      }
    },
    {
      "@type": "Question",
      "name": "日勤に戻れば、記憶力は元に戻りますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "多くの場合、生活リズムが整うことで、一時的な低下は回復すると考えられています。ただし個人差があるため、断定はできません。"
      }
    },
    {
      "@type": "Question",
      "name": "仮眠は、どのくらいの時間が効果的ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "研究によって推奨時間は異なりますが、短時間であっても、仮眠を取らないよりは認知機能の維持に役立つとされています。ご自身の勤務環境に合わせて、無理のない範囲で取り入れてみてください。"
      }
    }
  ]
}
</script>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
  あわせて読みたい（関連記事リンク）
========================================== -->
<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">

    
    
    <!-- 1記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/sustained-attention-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/sustained-attention-brain-focus-guide.webp" alt="持続的注意力とは？低下するメカニズムと維持する習慣">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">持続的注意力</div>
        <div class="end-card-title">持続的注意力が低下する原因と維持する4つの習慣</div>
      </div>
    </a>

<!-- 2記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/spatial-cognition-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/spatial-cognition-ability-aging-guide.webp" alt="空間認知力とは？低下するメカニズムと維持する習慣">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">空間認知力</div>
        <div class="end-card-title">空間認知力が落ちる理由と維持する習慣</div>
      </div>
    </a>

    <!-- 3記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/memory-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/memory-aging-maintenance-thumbnail.webp" alt="記憶力低下の仕組みは？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">記憶力</div>
        <div class="end-card-title">加齢で低下するメカニズムと科学的に維持する4つの習慣</div>
      </div>
    </a>

  </div>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
.end-section {
  background: #f7f4ee !important;
  border-top: 1px solid #e5dece !important;
  padding: 32px 20px 40px !important;
  margin-top: 48px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  box-sizing: border-box !important;
}

.end-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}

.end-header-bar {
  width: 5px !important;
  height: 22px !important;
  background: #c4993a !important;
  border-radius: 3px !important;
  flex-shrink: 0 !important;
}

.end-header-text {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
}

/* カードのレイアウト（スマホは1列、PCは3列） */
.end-cards {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

@media screen and (min-width: 600px) {
  .end-cards {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}

.end-card {
  display: block !important;
  background: #fff !important;
  border: 1px solid #e5dece !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: inherit !important;
  -webkit-tap-highlight-color: transparent !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
  transition: all 0.2s ease !important;
}

.end-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 12px rgba(196, 153, 58, 0.15) !important;
}

.end-card-img {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #d6c9a8 !important;
}

.end-card-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.end-card-body {
  padding: 16px !important;
}

.end-card-tag {
  display: inline-block !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: #8c6d2f !important;
  background: #fdfaf3 !important;
  border: 1px solid #e5dece !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
}

.end-card-title {
  font-size: 1.15rem !important; /* ★記事全体のルールに合わせて1.15remに統一 */
  font-weight: 700 !important;
  line-height: 1.6 !important;
  color: #1a1a1a !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
</style>



<!-- ==========================================
  免責事項および重要事項セクション（看護師 夜勤版 / スマホ1rem対応）
========================================== -->
<section class="mc-disclaimer-section">
    <div class="mc-disclaimer-box">
        
        <div class="mc-disclaimer-title">
            <span style="margin-right: 8px;">⚖️</span> 免責事項および重要事項
        </div>
        
        <ul class="mc-disclaimer-list">
            <li class="mc-disclaimer-item">
                <b style="color: #222;">1. 情報の正確性について：</b><br>
                本記事の内容は、学術論文および一般的な公開情報に基づき、執筆時点の情報として整理したものです。<br>
                情報の正確性・最新性には細心の注意を払っておりますが、新たな研究知見により見解が更新される可能性があります。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">2. 個人差・勤務環境について：</b><br>
                本記事で紹介している内容は、一般的な研究知見や傾向を整理したものであり、特定の個人の心身の状態を診断・保証するものではありません。<br>
                夜勤による影響の感じ方には個人差があり、勤務体系や職場環境によっても左右されます。強い疲労感や体調不良が続く場合は、自己判断せず、産業医や医療機関にご相談ください。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">3. 医療行為の代替ではありません：</b><br>
                本記事は一般的な健康情報の提供を目的としたものであり、医師による診断、治療、または処方に代わるものではありません。<br>
                また、紹介している成分や製品は、疾病の診断、治療、予防を目的としたものではありません。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">4. 効果の個人差について：</b><br>
                GABA等の機能性関与成分に関する記述は、一般的な届出情報・研究知見に基づくものであり、特定の製品の摂取によって全ての方に同様の効果を保証するものではありません。<br>
                体質や体調により、まれに合わない場合があります。ご自身の体調に合わせて、無理なく取り入れていただくために——持病のお薬（血圧に関するものなど）を服用中の方は、念のため医師・薬剤師にご確認のうえお召し上がりください。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">5. 損害への責任：</b><br>
                本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。<br>
                最終的な判断はご自身の責任において行っていただけますよう、お願い申し上げます。
            </li>
        </ul>

        <div class="mc-statutory-box">
            <b style="color: #222; display: block; margin-bottom: 8px;">【機能性表示食品に関する表示】</b>
            <p>本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。</p>
            <p>本品は、疾病の診断、治療、予防を目的としたものではありません。</p>
            <p>食生活は、主食、主菜、副菜を基本に、食事のバランスを。</p>
        </div>
    </div>
</section>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
.mc-disclaimer-section {
    width: 100%;
    max-width: none;
    margin: 40px auto;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    color: #555;
    line-height: 1.6;
    border-top: 1px solid #eee;
    padding-top: 30px;
    box-sizing: border-box;
}
.mc-disclaimer-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px; /* 他のパーツと統一して少し丸みを強める */
    padding: 25px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.mc-disclaimer-title {
    font-size: 1rem; /* PC版も少しだけ見やすく */
    color: #222;
    margin: 0 0 16px 0;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.mc-disclaimer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.85rem;
    text-align: justify;
}
.mc-disclaimer-item { margin-bottom: 14px; }
.mc-disclaimer-item:last-child { margin-bottom: 0; }
.mc-statutory-box {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px dashed #cbd5e1;
    font-size: 0.85rem;
    color: #475569;
}
.mc-statutory-box p { margin: 0 0 8px 0; }
.mc-statutory-box p:last-child { margin-bottom: 0; }

/* ==========================================
  モバイル表示最適化 (スマホサイズ 1rem調整版)
========================================== */
@media (max-width: 600px) {
    .mc-disclaimer-section { 
        margin: 40px 0; 
        padding-top: 20px; 
        border-top: none; 
    }
    .mc-disclaimer-box { 
        border-radius: 0; /* 画面幅いっぱいにする場合は角丸解除（お好みで12pxに戻してもOKです） */
        border-left: none; 
        border-right: none; 
        padding: 20px 16px; 
    }
    
    /* ▼ ヒエラルキーと1rem対応 ▼ */
    .mc-disclaimer-title {
        font-size: 1.15rem; /* タイトルは小見出しと同等に */
        margin-bottom: 18px;
    }
    .mc-disclaimer-list {
        font-size: 1rem; /* ご指定の1rem */
        line-height: 1.65;
    }
    .mc-disclaimer-item { 
        margin-bottom: 18px; 
    }
    .mc-disclaimer-item b {
        font-size: 1.05rem; /* 小見出し部分は少しだけ強調 */
        margin-bottom: 4px;
        display: inline-block;
    }
    .mc-statutory-box {
        font-size: 1rem; /* こちらもご指定の1rem */
        line-height: 1.65;
        margin-top: 24px;
        padding-top: 20px;
    }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
  著者情報ボックス（スマホ1rem調整版）
========================================== -->
<div class="author-box-container">
    
    <div class="author-box-top-border"></div>
    
    <div class="author-box-content">
        <div class="author-logo">
            <div class="author-logo-inner">
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" loading="lazy">
            </div>
        </div>

        <div class="author-text">
            <div class="author-title-wrap">
                <span class="author-badge">著者</span>
                <div class="author-title">メモコーマガジン編集部</div>
            </div>
            <p class="author-desc">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に、客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div class="author-box-footer">
        <p class="author-footer-text">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
    
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
/* 全体コンテナ */
.author-box-container {
    width: 100%;
    max-width: 700px;
    margin: 40px auto;
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
    box-sizing: border-box;
}

/* 上部のアクセントライン */
.author-box-top-border {
    height: 5px;
    background: linear-gradient(to right, #1A2A40, #C5A059);
}

/* メインコンテンツエリア */
.author-box-content {
    padding: 32px 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* ロゴ部分 */
.author-logo {
    flex: 0 0 80px;
    margin-right: 24px;
}

.author-logo-inner {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 2px solid #f0f4f7;
    overflow: hidden;
    background: #f4f7f9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.author-logo-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* テキスト部分 */
.author-text {
    flex: 1;
    min-width: 250px;
}

.author-title-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px;
    gap: 10px;
}

.author-badge {
    font-size: 0.875rem;
    font-weight: bold;
    background: #1A2A40;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

.author-title {
    font-size: 1.25rem;
    color: #1A2A40;
    font-weight: bold;
    white-space: nowrap;
    margin: 0;
}

.author-desc {
    margin: 0;
    font-size: 0.9375rem;
    color: #444444;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-character;
}

.author-desc b {
    color: #1A2A40;
}

/* フッター（注記）部分 */
.author-box-footer {
    background: #f9f9f9;
    padding: 16px 24px;
    border-top: 1px solid #eee;
}

.author-footer-text {
    margin: 0;
    font-size: 13px;
    color: #666666;
    line-height: 1.6;
}

/* ==========================================
  モバイル表示最適化 (スマホサイズ 1rem調整版)
========================================== */
@media screen and (max-width: 600px) {
    .author-box-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 24px 16px;
    }
    .author-logo {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .author-logo-inner {
        width: 80px;
        height: 80px;
    }
    .author-text {
        text-align: center;
    }
    .author-title-wrap {
        justify-content: center;
        margin-bottom: 16px;
    }
    
    /* ▼ ヒエラルキーと1rem対応 ▼ */
    .author-badge {
        font-size: 0.95rem; /* バッジも少し見やすく */
        padding: 4px 12px;
    }
    .author-title {
        font-size: 1.2rem; /* 名前部分 */
    }
    .author-desc {
        font-size: 1rem; /* ご指定の1rem */
        text-align: left; /* スマホでも左揃えの方が長文は読みやすいです */
        line-height: 1.75;
    }
    .author-box-footer {
        padding: 16px;
    }
    .author-footer-text {
        font-size: 0.85rem; /* 注記も少しだけサイズアップ */
        text-align: left;
    }
}
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 0.875rem; color: #333; border: 1px solid #ddd;">
        <tbody><tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </tbody></table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>判断疲れとは？│管理職が知っておきたい、前頭前野の疲労と記憶への影響</title>
		<link>https://memory-coffee.jp/magazine/decision-fatigue-manager-brain/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Fri, 07 Aug 2026 12:14:59 +0000</pubDate>
				<category><![CDATA[持続的注意力]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=6972</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/08/decision-fatigue-manager-brain-thumbnail-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ この記事のポイント 「判断力や記憶力の低下」が意 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/08/decision-fatigue-manager-brain-thumbnail-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 0.9375rem; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 0.9375rem; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<div class="memory-summary-box">
  <div class="memory-summary-title">この記事のポイント</div>
  <ul class="memory-summary-list">
    <li>「判断力や記憶力の低下」が意志の弱さではなく、<span class="memory-summary-highlight">前頭前野の物質的な疲労（グルタミン酸蓄積）</span>だと分かります。</li>
    <li>判断疲れによって<span class="memory-summary-highlight">記憶のうっかりミス（ワーキングメモリ低下）</span>が起きる脳の仕組みが分かります。</li>
    <li>前頭前野の負荷を減らす<span class="memory-summary-highlight">「判断の仕組み化・朝型シフト」と日々のコンディションケア</span>が分かります。</li>
  </ul>
</div>

<style>
/* ボックス全体 */
.memory-summary-box {
  background-color: #f2f7fb !important; 
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.6) 2px,
    transparent 2px,
    transparent 8px
  ) !important;
  border: 1px solid #e1e9f0 !important;
  border-radius: 6px !important;
  padding: 2.5em 2em !important;
  margin: 2em 0 3em 0 !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important;
  position: relative !important;
  overflow: hidden !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
  box-sizing: border-box !important;
}

/* 透かし文字（POINT） */
.memory-summary-box::after {
  content: "POINT" !important;
  position: absolute !important;
  bottom: -15px !important;
  right: 0px !important;
  font-size: 5em !important;
  font-weight: 800 !important;
  color: rgba(37, 99, 235, 0.04) !important;
  line-height: 1 !important;
  pointer-events: none !important;
  letter-spacing: -0.02em !important;
  z-index: 1 !important;
}

/* タイトル */
.memory-summary-title {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 1.5em !important;
  display: flex !important;
  align-items: center !important;
  letter-spacing: 0.08em !important;
  position: relative !important;
  z-index: 2 !important;
}
.memory-summary-title::before {
  content: '💡' !important;
  display: inline-block !important;
  margin-right: 12px !important;
  font-size: 1.1em !important;
  line-height: 1 !important;
}

/* 箇条書きリスト */
.memory-summary-list {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* リストテキスト */
.memory-summary-list li {
  position: relative !important;
  padding-left: 2em !important;
  margin-bottom: 1.2em !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  font-size: 1.05rem !important;
  letter-spacing: 0.03em !important;
  font-weight: 500 !important;
}

/* チェックマーク */
.memory-summary-list li::before {
  content: '✓' !important;
  position: absolute !important;
  left: 0 !important;
  top: -0.1em !important;
  color: #2563eb !important;
  font-weight: bold !important;
  font-size: 1.3em !important;
}
.memory-summary-list li:last-child { 
  margin-bottom: 0 !important; 
}

/* マーカーハイライト */
.memory-summary-highlight {
  color: #1a1a1a !important;
  font-weight: 800 !important;
  /* ↓ 透過度60%の黄色に変更しました */
  background: linear-gradient(transparent 65%, rgba(255, 235, 59, 0.6) 0) !important;
}

/* スマホ表示最適化 */
@media (max-width: 600px) {
  .memory-summary-box { 
    padding: 1.5em 1.2em !important; 
    margin: 1.5em 0 2em 0 !important; 
  }
  .memory-summary-title { 
    margin-bottom: 1.2em !important; 
    font-size: 1.25rem !important; 
  }
  .memory-summary-list li { 
    padding-left: 1.7em !important; 
    margin-bottom: 1em !important; 
    line-height: 1.7 !important; 
    font-size: 1.15rem !important; 
  }
  .memory-summary-box::after { 
    font-size: 3.5em !important; 
    bottom: -10px !important; 
    right: -5px !important; 
  }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
  管理職の1日 吹き出しタイムライン（時間バッジ緑化＆アイコン・思考停止拡大 維持版）
  スマホ本文1.15rem基準 調整版
========================================== -->
<div class="mc-timeline-container">
  <div class="mc-timeline-header">
    <span class="mc-timeline-badge">ある月末の課長の1日</span>
    <p class="mc-timeline-title">朝から晩まで押し寄せる「判断」の連続</p>
  </div>

  <div class="mc-timeline-list">

    <!-- 場面 1：朝 -->
    <div class="mc-time-block">
      <div class="mc-time-label">朝 9:15（出社直後）</div>
      
      <!-- 部下吹き出し（左） -->
      <div class="mc-chat-item mc-chat-left">
        <div class="mc-avatar">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/07/fukidasikyara-10.webp" alt="部下A" class="mc-avatar-img">
        </div>
        <div class="mc-balloon-group">
          <span class="mc-speaker-name">部下A</span>
          <div class="mc-balloon">
            課長、A社の見積もりの件、割引率って10%と15%のどちらで提示すればいいですか？
          </div>
        </div>
      </div>

      <!-- 自分吹き出し（右） -->
      <div class="mc-chat-item mc-chat-right">
        <div class="mc-balloon-group">
          <span class="mc-speaker-name">自分（管理職）</span>
          <div class="mc-balloon">
            あ、えーっと……10%で作成して。後で内容確認するから。
          </div>
        </div>
        <div class="mc-avatar">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-20.webp" alt="自分" class="mc-avatar-img">
        </div>
      </div>
    </div>

    <!-- 場面 2：昼 -->
    <div class="mc-time-block">
      <div class="mc-time-label">昼 11:30（作業中）</div>

      <!-- 部下吹き出し（左） -->
      <div class="mc-chat-item mc-chat-left">
        <div class="mc-avatar">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-21.webp" alt="部下B" class="mc-avatar-img">
        </div>
        <div class="mc-balloon-group">
          <span class="mc-speaker-name">部下B</span>
          <div class="mc-balloon">
            すみません！Bプロジェクトの報告書、承認お願いします。あと今日のランチミーティングってどこでしたっけ？
          </div>
        </div>
      </div>

      <!-- 自分吹き出し（右） -->
      <div class="mc-chat-item mc-chat-right">
        <div class="mc-balloon-group">
          <span class="mc-speaker-name">自分（管理職）</span>
          <div class="mc-balloon">
            承認は今見るね。ランチは昨日共有したメールの場所で合ってるよ。
          </div>
        </div>
        <div class="mc-avatar">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-22.webp" alt="自分" class="mc-avatar-img">
        </div>
      </div>
    </div>

    <!-- 場面 3：夕方 -->
    <div class="mc-time-block">
      <div class="mc-time-label">夕方 15:45（トラブル発生）</div>

      <!-- 部下吹き出し（左） -->
      <div class="mc-chat-item mc-chat-left">
        <div class="mc-avatar">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-23.webp" alt="部下C" class="mc-avatar-img">
        </div>
        <div class="mc-balloon-group">
          <span class="mc-speaker-name">部下C</span>
          <div class="mc-balloon">
            大変です！納品遅延でクレームが入りました。急ぎで方向性の指示をいただけますか！？
          </div>
        </div>
      </div>

      <!-- 自分吹き出し（右） -->
      <div class="mc-chat-item mc-chat-right">
        <div class="mc-balloon-group">
          <span class="mc-speaker-name">自分（管理職）</span>
          <div class="mc-balloon">
            （大きな判断だ……）分かった、一旦相手の状況を聞こう。5分後に打ち合わせね。
          </div>
        </div>
        <div class="mc-avatar">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-24.webp" alt="自分" class="mc-avatar-img">
        </div>
      </div>
    </div>

    <!-- 場面 4：夜 -->
    <div class="mc-time-block">
      <div class="mc-time-label">夜 18:30（退勤前）</div>

      <!-- 部下吹き出し（左） -->
      <div class="mc-chat-item mc-chat-left">
        <div class="mc-avatar">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-25.webp" alt="部下A" class="mc-avatar-img">
        </div>
        <div class="mc-balloon-group">
          <span class="mc-speaker-name">部下A</span>
          <div class="mc-balloon">
            課長、明日提出の役員会議資料、最終チェックお願いします！
          </div>
        </div>
      </div>

      <!-- 自分吹き出し（右・思考停止） -->
      <div class="mc-chat-item mc-chat-right">
        <div class="mc-balloon-group">
          <span class="mc-speaker-name">自分（管理職）</span>
          <div class="mc-balloon mc-balloon-exhausted">
            ……わかったよ<br>（もう頭が回らない。メールの文字すら頭に入ってこない……）
          </div>
        </div>
        <div class="mc-avatar">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-26.webp" alt="自分" class="mc-avatar-img">
        </div>
      </div>

      <!-- 真っ黒ベタ塗り演出ブロック -->
      <div class="mc-dark-impact-block">
        <!-- 劇画画像 -->
        <div class="mc-scene-image-box">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/tukarekitta-jyoushi.webp" alt="限界を迎えた課長" class="mc-scene-image">
        </div>

        <!-- 部下Aの焦る吹き出し（左） -->
        <div class="mc-chat-item mc-chat-left">
          <div class="mc-avatar">
            <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-28.webp" alt="部下A" class="mc-avatar-img">
          </div>
          <div class="mc-balloon-group">
            <span class="mc-speaker-name mc-speaker-dark">部下A</span>
            <div class="mc-balloon mc-balloon-surprised">
              か、課長……？？
            </div>
          </div>
        </div>

        <!-- 注釈グループ（部下A吹き出し直下・左寄せ） -->
        <div class="mc-notes-group">
          <p class="mc-scene-note">※物語は筆者の経験を基にしたセミドキュメンタリーです</p>
          <p class="mc-scene-subnote">※課長の劇画タッチは筆者のイメージです</p>
        </div>
      </div>

    </div>

  </div>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
  /* 全体容器（白背景） */
  .mc-timeline-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    /* ↓太い青線を削除しました */
    border-radius: 12px !important;
    padding: 24px !important;
    margin: 2em 0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
    box-sizing: border-box !important;
  }

  /* ヘッダー */
  .mc-timeline-header {
    margin-bottom: 24px !important;
    text-align: center !important;
  }
  .mc-timeline-badge {
    display: inline-block !important;
    background: #eff6ff !important;
    color: #2563eb !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    /* ↓見出しとの間隔を6pxから16pxに広げてバランスを調整しました */
    margin-bottom: 16px !important;
    border: 1px solid #bfdbfe !important;
  }
  .mc-timeline-title {
    margin: 0 !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
  }

  /* タイムブロック */
  .mc-timeline-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
  .mc-time-block {
    background: #f8fafc !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 10px !important;
    padding: 18px 16px !important;
  }

  /* ★時間バッジ（緑系に変更し視認性アップ）★ */
  .mc-time-label {
    display: inline-block !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    background: #10b981 !important; /* エメラルドグリーン */
    padding: 4px 14px !important;
    border-radius: 6px !important;
    margin-bottom: 16px !important;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.25) !important;
    letter-spacing: 0.03em !important;
  }

  /* チャット共通 */
  .mc-chat-item {
    display: flex !important;
    gap: 14px !important;
    align-items: flex-start !important;
    margin-bottom: 12px !important;
  }
  .mc-chat-item:last-child {
    margin-bottom: 0 !important;
  }

  /* アイコン領域（64px に一回り拡大 維持） */
  .mc-avatar {
    flex-shrink: 0 !important;
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    background: #e2e8f0 !important;
    border: 1px solid #cbd5e1 !important;
    overflow: hidden !important;
    position: relative !important;
  }
  .mc-avatar-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* 話者名＆吹き出し（横幅を調整 維持） */
  .mc-balloon-group {
    display: flex !important;
    flex-direction: column !important;
    max-width: calc(100% - 78px) !important; /* 64px + gap 14px */
  }
  .mc-speaker-name {
    font-size: 0.75rem !important;
    color: #64748b !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
  }

  /* 吹き出し（左：部下） */
  .mc-chat-left .mc-balloon {
    position: relative !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 2px 12px 12px 12px !important;
    padding: 11px 15px !important;
    font-size: 0.92rem !important;
    color: #1e293b !important;
    line-height: 1.55 !important;
  }

  /* 吹き出し（右：自分） */
  .mc-chat-right {
    justify-content: flex-end !important;
  }
  .mc-chat-right .mc-balloon-group {
    align-items: flex-end !important;
  }
  .mc-chat-right .mc-balloon {
    position: relative !important;
    background: #2563eb !important;
    color: #ffffff !important;
    border-radius: 12px 2px 12px 12px !important;
    padding: 11px 15px !important;
    font-size: 0.92rem !important;
    line-height: 1.55 !important;
  }

  /* 思考停止時の吹き出し（右・夜） - 大きめ維持 */
  .mc-chat-right .mc-balloon-exhausted {
    background: #475569 !important;
    color: #f8fafc !important;
    font-style: italic !important;
    font-size: 1.1rem !important;
    padding: 14px 18px !important;
    line-height: 1.6 !important;
  }

  /* 真っ黒ベタ塗り演出ブロック */
  .mc-dark-impact-block {
    background: #000000 !important;
    border-radius: 8px !important;
    padding: 20px 16px 16px 16px !important;
    margin-top: 16px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  }

  /* ダークエリア内画像 */
  .mc-scene-image-box {
    text-align: center !important;
    margin-bottom: 16px !important;
  }
  .mc-scene-image {
    max-width: 100% !important;
    width: 320px !important;
    height: auto !important;
    border-radius: 8px !important;
    border: 1px solid #222222 !important;
    box-shadow: 0 0 16px rgba(255, 255, 255, 0.1) !important;
  }

  /* ダークエリア内の話者名 */
  .mc-speaker-dark {
    color: #a1a1aa !important;
  }

  /* 驚き・焦りの吹き出し（ダークエリア内） */
  .mc-chat-left .mc-balloon-surprised {
    border-color: #ef4444 !important;
    color: #dc2626 !important;
    font-weight: bold !important;
    background: #ffffff !important;
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.4) !important;
  }

  /* 注釈グループ（すべて左寄せ） */
  .mc-notes-group {
    margin-top: 16px !important;
    padding-top: 12px !important;
    border-top: 1px dashed #222222 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  .mc-scene-note,
  .mc-scene-subnote {
    margin: 0 !important;
    font-size: 0.72rem !important;
    color: #a1a1aa !important;
    text-align: left !important;
    line-height: 1.5 !important;
    letter-spacing: 0.02em !important;
  }

  /* ==========================================
     スマホ最適化（1.15rem 基準調整版）
  ========================================== */
  @media (max-width: 600px) {
    .mc-timeline-container {
      padding: 16px 12px !important;
    }
    
    /* 時間バッジの文字も少し大きく */
    .mc-time-label {
      font-size: 0.95rem !important;
      padding: 6px 14px !important;
    }
    
    /* アイコンは文字サイズに合わせて少し拡大（52px → 56px） */
    .mc-avatar {
      width: 56px !important;
      height: 56px !important;
    }
    
    /* 話者名も少し読みやすく */
    .mc-speaker-name {
      font-size: 0.85rem !important;
      margin-bottom: 6px !important;
    }

    .mc-balloon-group {
      max-width: calc(100% - 70px) !important; /* 56px + gap 14px */
    }
    
    /* ★吹き出し本文（1.15rem指定）と余白調整 */
    .mc-chat-left .mc-balloon,
    .mc-chat-right .mc-balloon {
      font-size: 1.15rem !important;
      padding: 12px 16px !important;
      line-height: 1.6 !important;
    }
    
    /* 思考停止吹き出しはさらに大きくインパクトを（1.3rem） */
    .mc-chat-right .mc-balloon-exhausted {
      font-size: 1.3rem !important;
      padding: 14px 18px !important;
    }
    
    .mc-scene-image {
      width: 100% !important;
    }

    /* 注釈も少し読みやすく */
    .mc-scene-note,
    .mc-scene-subnote {
      font-size: 0.8rem !important;
    }
  }
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">部下への指示、優先順位の決定、トラブル対応まで—</p>



<p class="wp-block-paragraph">管理職の一日は、大小さまざまな判断の連続です。</p>



<p class="wp-block-paragraph">一つひとつは数十秒で終わる会話や確認に思えても、1日に何十回、何百回ほどと繰り返されることで、脳には着実に疲労が蓄積していきます。</p>



<p class="wp-block-paragraph">それが積み重なることで、「今日はもう何も決めたくない」という感覚に襲われることがあります。</p>



<p class="wp-block-paragraph">これは意志の弱さではなく、<strong>判断という行為そのものが脳のエネルギーを消費するために起こる<span class="swl-marker mark_yellow">「自然な現象」</span></strong>だとされています。</p>



<p class="wp-block-paragraph">この記事では、日々の業務で発生する「判断疲れ」の脳内メカニズムや記憶への影響を解き明かし、日常レベルの判断疲れのメカニズムと、軽くするための工夫を紹介します。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">判断疲れは、脳の中で実際に何が起きているのか</h2>



<p class="wp-block-paragraph">「朝はサクサク決められたのに、夕方になると判断力が鈍る」「判断ミスが増える」——。</p>



<p class="wp-block-paragraph">こうした現象の裏には、根性論ではなく、脳の構造的なメカニズムが関係しています。</p>



<p class="wp-block-paragraph">私たちが仕事で意思決定や思考を行うとき、脳の中では特定の部位が司令塔としてフル回転しています。</p>



<p class="wp-block-paragraph">そして、その部位に負荷がかかり続けることで、<strong>パソコンのCPＵが熱を帯びて処理速度が落ちるように、脳内でも<span class="swl-marker mark_yellow">物理的な「疲労」が発生する</span>のです。</strong></p>



<p class="wp-block-paragraph">では、具体的に脳の中でどのような変化が起きているのでしょうか。</p>



<p class="wp-block-paragraph">最新の研究データと神経科学の知見から解き明かします。</p>



<h3 class="wp-block-heading">前頭前野に「疲労物質」が蓄積する</h3>



<p class="wp-block-paragraph">脳の最前線で思考や判断、意思決定をコントロールしているのが<strong><span class="swl-marker mark_yellow">「前頭前野（ぜんとうぜんや）」</span></strong>と呼ばれる部位です。</p>



<figure class="wp-block-image size-large pc_only"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/08/brain-regions-01-1024x576.webp" alt="横顔の頭部シルエットの中に脳の各部位（前頭前野、前頭葉、頭頂葉、側頭葉、後頭葉）がイラストで正確に色分けして描かれた図解。前頭前野は赤の網掛けで強調されている。" class="wp-image-6988" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/brain-regions-01-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/08/brain-regions-01-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/brain-regions-01-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/08/brain-regions-01.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-full sp_only"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/08/brain-regions-sp.webp" alt="横顔の頭部シルエットの中に脳の各部位（前頭前野、前頭葉、頭頂葉、側頭葉、後頭葉）がイラストで正確に色分けして描かれた図解。前頭前野は赤の網掛けで強調されている。" class="wp-image-8325" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/brain-regions-sp.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/08/brain-regions-sp-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/brain-regions-sp-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p class="wp-block-paragraph">2022年、フランス・パリ脳研究所のWiehler氏らの研究チームが、興味深い発見を発表しました。</p>



<p class="wp-block-paragraph">1日6時間にわたる負荷の高い認知作業を行った参加者の脳を、MRI分光法という手法で調べたところ、<strong>判断や思考を司る「前頭前野」という部位に、グルタミン酸という物質が蓄積していたのです。</strong></p>



<p class="wp-block-paragraph">この蓄積が起きると、前頭前野の働きに、より多くの<strong>「コスト」</strong>がかかるようになります。</p>



<p class="wp-block-paragraph">結果として、負荷の高い作業を続けた参加者は、時間のかかる大きな報酬より、目先の手軽な報酬を選びやすくなる、つまり<strong>「じっくり考える」より「<span class="swl-marker mark_yellow">楽な方を選ぶ」判断に偏りやすくなる</span></strong>ことが分かりました。</p>



<!-- ==========================================
  [自動再生図解] 前頭前野の疲労と判断のショートカット（中央配置・注釈＆出典追加版）
  見出し拡大 ＆ カクつき解消 ＆ テーマH4装飾リセット版
========================================== -->
<div id="mcAutoAnimWrapper" class="mc-anim-wrapper is-morning">
  
  <!-- ヘッダー＆状態表示ラベル（自動で切り替わります） -->
  <div class="mc-anim-header">
    <h4 class="mc-anim-title">図解：グルタミン酸蓄積による<br class="mc-sp-only">「判断のショートカット」</h4>
    <div id="mcAnimStatusLabel" class="mc-status-label">
      ☀️ 疲労なし（朝）
    </div>
    <!-- 進行度を示すプログレスバー -->
    <div class="mc-progress-bar"><div class="mc-progress-fill"></div></div>
  </div>

  <!-- アニメーション領域 -->
  <div class="mc-anim-stage">
    
    <!-- 左側：脳（前頭前野） -->
    <div class="mc-anim-brain-area">
      <div class="mc-brain-label">前頭前野（処理中枢）</div>
      
      <!-- 脳のSVGアイコン -->
      <svg class="mc-brain-svg" viewBox="0 0 64 64">
        <!-- 正面顔のシルエット -->
        <path d="M 32 4 C 16 4 8 18 8 32 C 8 44 14 50 14 58 L 24 64 L 40 64 C 50 58 56 48 56 32 C 56 16 48 4 32 4 Z" class="mc-head-path"></path>
        <!-- 前頭前野の光（中央・額の位置に修正） -->
        <circle cx="32" cy="20" r="10" class="mc-pfc-glow"></circle>
      </svg>
      
      <!-- グルタミン酸ゲージ -->
      <div class="mc-gluta-box">
        <div class="mc-gluta-label">グルタミン酸（疲労物質）</div>
        <div class="mc-gluta-gauge">
          <div class="mc-gluta-fill"></div>
        </div>
      </div>
    </div>

    <!-- 中央：判断のフロー（動くSVGライン） -->
    <div class="mc-anim-flow">
      <svg preserveAspectRatio="none" viewBox="0 0 100 100" class="mc-flow-svg">
        <!-- 上ルート（負担大） -->
        <path id="mcPathTopAuto" d="M 0,50 C 40,50 55,20 100,20" class="mc-path mc-path-top"></path>
        <!-- 下ルート（負担小） -->
        <path id="mcPathBottomAuto" d="M 0,50 C 40,50 55,80 100,80" class="mc-path mc-path-bottom"></path>
        
        <!-- 動く信号（上ルート） -->
        <circle r="4" class="mc-flow-dot mc-dot-top">
          <animateMotion dur="1s" repeatCount="indefinite">
            <mpath href="#mcPathTopAuto"></mpath>
          </animateMotion>
        </circle>
        
        <!-- 動く信号（下ルート） -->
        <circle r="4" class="mc-flow-dot mc-dot-bottom">
          <animateMotion dur="1s" repeatCount="indefinite">
            <mpath href="#mcPathBottomAuto"></mpath>
          </animateMotion>
        </circle>
      </svg>
    </div>

    <!-- 右側：選択される判断（結果） -->
    <div class="mc-anim-choices">
      <!-- 選択肢A -->
      <div class="mc-choice-box mc-choice-hard">
        <div class="mc-choice-title">じっくり考える</div>
        <div class="mc-choice-desc">大きな報酬 ／ 負担 大</div>
      </div>
      <!-- 選択肢B -->
      <div class="mc-choice-box mc-choice-easy">
        <div class="mc-choice-title">楽な方を選ぶ</div>
        <div class="mc-choice-desc">目先の報酬 ／ 負担 小</div>
      </div>
    </div>

  </div>

  <!-- 下部解説テキスト（2つのテキストを重ねて配置しカクつきを完全排除） -->
  <div class="mc-anim-caption">
    <!-- 朝のテキスト -->
    <div class="mc-cap-morning">
      <strong>【疲労なし（朝）】</strong><br>前頭前野がクリアな状態。<br>脳に処理の余裕があるため、「じっくり考えて大きな成果を狙う」論理的な意思決定が選択されやすくなります。
    </div>
    <!-- 夕方のテキスト -->
    <div class="mc-cap-evening">
      <strong>【疲労蓄積（グルタミン酸増加）】</strong><br>長時間の認知作業により前頭前野に疲労物質が蓄積。<br>脳の処理コストが増大し、無意識のうちに「楽にこなせる目先の成果」へと判断のショートカットが起きてしまいます。
    </div>
  </div>

  <!-- 注釈と出典 -->
  <p class="mc-anim-subnote">
    ※アニメーションはイメージです<br>
    ※出典：Wiehler, A., Branzoli, F., Adanyeguh, I., Mochel, F., &amp; Pessiglione, M. (2022). &#8220;A neuro-metabolic account of why daylong cognitive work alters the control of economic decisions.&#8221; Current Biology, 32(16), 3564–3575.
  </p>

</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
  /* --- 全体コンテナ --- */
  .mc-anim-wrapper {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 24px 20px !important;
    margin: 2.5em 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.04) !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: hidden !important;
  }

  /* --- ヘッダー＆ステータス --- */
  .mc-anim-header {
    text-align: center !important;
    margin-bottom: 24px !important;
    position: relative !important;
  }

  /* ★修正点：H4テーマ装飾の強制リセット */
  .mc-anim-title {
    font-size: 1.45rem !important; 
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 16px 0 !important;
    line-height: 1.4 !important;
    /* 装飾リセット */
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  /* 疑似要素（SWELLの縦線やアイコンなど）を非表示に */
  .mc-anim-wrapper h4.mc-anim-title::before,
  .mc-anim-wrapper h4.mc-anim-title::after {
    display: none !important;
    content: none !important;
  }

  .mc-status-label {
    display: inline-block !important;
    padding: 6px 16px !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    border-radius: 20px !important;
    transition: all 0.5s ease !important;
    min-width: 170px !important; 
    text-align: center !important;
  }
  
  /* タイムラインプログレスバー */
  .mc-progress-bar {
    width: 140px !important;
    height: 4px !important;
    background: #e2e8f0 !important;
    border-radius: 2px !important;
    margin: 12px auto 0 !important;
    overflow: hidden !important;
  }
  .mc-progress-fill {
    height: 100% !important;
    width: 0% !important;
    background: #94a3b8 !important;
  }
  .is-playing .mc-progress-fill {
    animation: mc-timer-bar 4s linear infinite !important;
  }
  @keyframes mc-timer-bar {
    0% { width: 0%; }
    100% { width: 100%; }
  }

  /* --- ステージレイアウト --- */
  .mc-anim-stage {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 0 !important;
    gap: 12px !important;
  }

  /* --- 左側：脳 --- */
  .mc-anim-brain-area {
    width: 30% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .mc-brain-label {
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    color: #334155 !important;
    margin-bottom: 8px !important;
  }
  .mc-brain-svg {
    width: 70px !important;
    height: 70px !important;
    margin-bottom: 12px !important;
  }
  .mc-head-path {
    fill: none !important;
    stroke: #94a3b8 !important;
    stroke-width: 2.5 !important;
  }
  .mc-pfc-glow {
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transform-origin: center !important;
  }
  .mc-gluta-box {
    width: 100% !important;
    max-width: 120px !important;
  }
  .mc-gluta-label {
    font-size: 0.65rem !important;
    font-weight: bold !important;
    color: #64748b !important;
    margin-bottom: 4px !important;
  }
  .mc-gluta-gauge {
    background: #e2e8f0 !important;
    height: 8px !important;
    border-radius: 4px !important;
    overflow: hidden !important;
  }
  .mc-gluta-fill {
    height: 100% !important;
    border-radius: 4px !important;
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  /* --- 中央：フロー（SVG線） --- */
  .mc-anim-flow {
    width: 35% !important;
    height: 120px !important;
    position: relative !important;
  }
  .mc-flow-svg {
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
  }
  .mc-path {
    fill: none !important;
    stroke-width: 3 !important;
    transition: all 0.5s !important;
  }
  .mc-flow-dot {
    transition: opacity 0.3s !important;
  }

  /* --- 右側：選択肢 --- */
  .mc-anim-choices {
    width: 35% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  .mc-choice-box {
    border-radius: 8px !important;
    padding: 12px !important;
    text-align: center !important;
    border: 2px solid transparent !important;
    transition: all 0.5s !important;
    background: #f8fafc !important;
  }
  .mc-choice-title {
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    margin-bottom: 4px !important;
  }
  .mc-choice-desc {
    font-size: 0.7rem !important;
    font-weight: bold !important;
  }

  /* --- 解説キャプション --- */
  .mc-anim-caption {
    background: #f8fafc !important;
    border-left: 6px solid #cbd5e1 !important; 
    padding: 16px 20px !important; 
    margin-top: 24px !important;
    border-radius: 0 8px 8px 0 !important;
    transition: all 0.4s !important;
    display: grid !important; 
  }
  .mc-cap-morning, .mc-cap-evening {
    grid-area: 1 / 1 !important; 
    font-size: 1.15rem !important; 
    line-height: 1.6 !important;
    color: #334155 !important;
    transition: opacity 0.4s ease, visibility 0.4s ease !important;
  }

  /* --- 注釈・出典 --- */
  .mc-anim-subnote {
    text-align: left !important;
    font-size: 0.75rem !important;
    line-height: 1.5 !important;
    color: #94a3b8 !important;
    margin: 16px 0 0 0 !important;
    letter-spacing: 0.02em !important;
  }

  /* =====================================
     状態変化：【疲労なし（朝）】
  ===================================== */
  .is-morning .mc-status-label { background: #eff6ff !important; color: #2563eb !important; border: 1px solid #bfdbfe !important; }
  .is-morning .mc-pfc-glow { fill: #3b82f6 !important; opacity: 0.8 !important; }
  .is-morning .mc-gluta-fill { width: 10% !important; background: #3b82f6 !important; }
  
  .is-morning .mc-path-top { stroke: #2563eb !important; stroke-width: 4 !important; }
  .is-morning .mc-path-bottom { stroke: #e2e8f0 !important; stroke-dasharray: 4, 4 !important; }
  .is-morning .mc-dot-top { fill: #2563eb !important; opacity: 1 !important; }
  .is-morning .mc-dot-bottom { opacity: 0 !important; }
  
  .is-morning .mc-choice-hard { border-color: #2563eb !important; background: #eff6ff !important; box-shadow: 0 4px 12px rgba(37,99,235,0.15) !important; }
  .is-morning .mc-choice-hard .mc-choice-title { color: #1e3a8a !important; }
  .is-morning .mc-choice-hard .mc-choice-desc { color: #2563eb !important; }
  
  .is-morning .mc-choice-easy { opacity: 0.5 !important; border-color: #e2e8f0 !important; }
  .is-morning .mc-choice-easy .mc-choice-title, .is-morning .mc-choice-easy .mc-choice-desc { color: #94a3b8 !important; }
  .is-morning .mc-anim-caption { border-left-color: #2563eb !important; }

  /* 朝のテキストを表示、夕方を隠す */
  .is-morning .mc-cap-morning { opacity: 1 !important; visibility: visible !important; }
  .is-morning .mc-cap-evening { opacity: 0 !important; visibility: hidden !important; }

  /* =====================================
     状態変化：【疲労蓄積（夕方）】
  ===================================== */
  .is-evening .mc-status-label { background: #fef2f2 !important; color: #dc2626 !important; border: 1px solid #fecaca !important; }
  .is-evening .mc-pfc-glow { fill: #ef4444 !important; opacity: 0.9 !important; animation: mc-pulse-auto 1.5s infinite !important; }
  
  @keyframes mc-pulse-auto {
    0% { transform: scale(1); opacity: 0.9; }
    50% { transform: scale(1.15); opacity: 1; fill: #dc2626; }
    100% { transform: scale(1); opacity: 0.9; }
  }
  
  .is-evening .mc-gluta-fill { width: 95% !important; background: #ef4444 !important; }
  .is-evening .mc-path-top { stroke: #e2e8f0 !important; stroke-dasharray: 4, 4 !important; stroke-width: 3 !important; }
  .is-evening .mc-path-bottom { stroke: #ef4444 !important; stroke-width: 4 !important; }
  .is-evening .mc-dot-top { opacity: 0 !important; }
  .is-evening .mc-dot-bottom { fill: #ef4444 !important; opacity: 1 !important; }
  
  .is-evening .mc-choice-hard { opacity: 0.5 !important; border-color: #e2e8f0 !important; }
  .is-evening .mc-choice-hard .mc-choice-title, .is-evening .mc-choice-hard .mc-choice-desc { color: #94a3b8 !important; }
  .is-evening .mc-choice-easy { border-color: #ef4444 !important; background: #fef2f2 !important; box-shadow: 0 4px 12px rgba(239,68,68,0.15) !important; }
  .is-evening .mc-choice-easy .mc-choice-title { color: #7f1d1d !important; }
  .is-evening .mc-choice-easy .mc-choice-desc { color: #ef4444 !important; }
  .is-evening .mc-anim-caption { border-left-color: #ef4444 !important; }

  /* 夕方のテキストを表示、朝を隠す */
  .is-evening .mc-cap-morning { opacity: 0 !important; visibility: hidden !important; }
  .is-evening .mc-cap-evening { opacity: 1 !important; visibility: visible !important; }

  /* --- スマホ最適化 --- */
  @media (max-width: 600px) {
    .mc-anim-wrapper { padding: 20px 12px !important; }
    .mc-anim-title { font-size: 1.35rem !important; padding: 0 !important; } /* SPも装飾クリア＆サイズ調整 */
    .mc-status-label { font-size: 0.85rem !important; padding: 4px 12px !important; min-width: 140px !important; }
    .mc-anim-stage { gap: 6px !important; }
    .mc-brain-label { font-size: 0.7rem !important; }
    .mc-brain-svg { width: 50px !important; height: 50px !important; }
    .mc-gluta-label { font-size: 0.55rem !important; }
    
    .mc-choice-box { padding: 10px 6px !important; }
    .mc-choice-title { font-size: 0.85rem !important; }
    .mc-choice-desc { font-size: 0.65rem !important; }
    
    .mc-anim-caption { padding: 16px 14px !important; }
    .mc-cap-morning, .mc-cap-evening { font-size: 1.15rem !important; }
  }
</style>

<!-- ==========================================
  スクロール発火＆自動切り替え JavaScript
========================================== -->
<script>
document.addEventListener("DOMContentLoaded", function() {
  const wrapper = document.getElementById('mcAutoAnimWrapper');
  const statusLabel = document.getElementById('mcAnimStatusLabel');
  
  let mcAnimTimer = null;
  let isEvening = false;

  function toggleBrainState() {
    if (isEvening) {
      wrapper.classList.remove('is-evening');
      wrapper.classList.add('is-morning');
      statusLabel.innerHTML = '☀️ 疲労なし（朝）';
    } else {
      wrapper.classList.remove('is-morning');
      wrapper.classList.add('is-evening');
      statusLabel.innerHTML = '🌙 疲労蓄積（夕方）';
    }
    isEvening = !isEvening;
  }

  function startAnimLoop() {
    wrapper.classList.add('is-playing');
    mcAnimTimer = setInterval(toggleBrainState, 4000);
  }

  function stopAnimLoop() {
    wrapper.classList.remove('is-playing');
    if (mcAnimTimer) {
      clearInterval(mcAnimTimer);
      mcAnimTimer = null;
    }
  }

  if ('IntersectionObserver' in window) {
    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          if (!mcAnimTimer) startAnimLoop();
        } else {
          stopAnimLoop();
          isEvening = false;
          wrapper.classList.remove('is-evening');
          wrapper.classList.add('is-morning');
          statusLabel.innerHTML = '☀️ 疲労なし（朝）';
        }
      });
    }, {
      threshold: 0.3
    });
    
    observer.observe(wrapper);
  } else {
    startAnimLoop();
  }
});
</script>



<p class="wp-block-paragraph">夕方になると、複雑な意思決定を避けて、安易な選択に流れやすくなるのは、気合いの問題ではなく、脳の中で実際に起きている<strong><span class="swl-marker mark_yellow">物質的な変化</span></strong>だということです。</p>



<!-- ==========================================
  コラム：グルタミン酸とは？（薄水色・バッジ付き解説カード）
  完全相対値（1.15rem死守）最適化版
========================================== -->
<div class="mc-column-card">
  <div class="mc-column-header">
    <span class="mc-column-badge">コラム</span>
    <h4 class="mc-column-title">脳を働かせる「グルタミン酸」の正体</h4>
  </div>
  <div class="mc-column-content">
    <p>グルタミン酸と聞くと、昆布などの「うま味成分」を思い浮かべる方も多いかもしれません。<br>実は、私たちの脳内でも非常に重要な役割を果たしている<strong>「神経伝達物質」</strong>の一種です。</p>
    <p>通常は、学習や記憶、思考をスムーズに行うために欠かせない<strong>「アクセル」のような働きをしています。</strong><br>しかし、長時間の会議や決断の連続などで前頭前野を酷使しすぎると、このグルタミン酸が過剰に分泌され、処理しきれずに蓄積されてしまいます。</p>
    <p>車がエンジンをふかし過ぎてオーバーヒートしてしまうように、蓄積しすぎたグルタミン酸は脳の処理コストを増大させ、結果として<strong>「判断疲れ」や「一時的な記憶力の低下」を引き起こす原因</strong>になると考えられています。</p>
  </div>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
  /* 全体コンテナ（大黒柱） */
  .mc-column-card {
    font-size: 1rem !important; /* 【PC側基準】 */
    background-color: #f0f9ff !important;
    border: 1px solid #bae6fd !important; /* px維持 */
    border-left: 5px solid #0284c7 !important; /* 形状保護のためpx維持 */
    border-radius: 8px !important; /* px維持 */
    padding: 1.5em !important; /* 24px相当をem化 */
    margin: 2.5em 0 !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.05) !important; /* px維持 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
    box-sizing: border-box !important;
  }

  /* ヘッダー部分 */
  .mc-column-header {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 1.25em !important; /* 20px相当をem化 */
    gap: 0.75em !important; /* 12px相当をem化 */
  }

  /* コラムバッジ */
  .mc-column-badge {
    display: inline-block !important;
    background: #0284c7 !important;
    color: #ffffff !important;
    font-size: 0.85em !important; /* 0.9rem → 0.85emに調整（補足階層） */
    font-weight: 700 !important;
    padding: 0.3em 0.9em !important; /* 4px 14px相当をem化 */
    border-radius: 20px !important; /* px維持 */
    white-space: nowrap !important;
    line-height: 1.2 !important;
  }

  /* タイトル */
  .mc-column-title {
    margin: 0 !important;
    font-size: 1.3em !important; /* 1.3rem → 1.3em（大見出し） */
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: 0.03em !important;
    line-height: 1.4 !important;
  }

  /* ★ 本文テキスト（一番伝えたい内容なので絶対に1emを死守！） */
  .mc-column-content p {
    margin: 0 0 1em 0 !important; /* 16px相当をem化 */
    font-size: 1em !important; /* 1.15rem → 1emに修正。スマホ時に確実に1.15remになります */
    line-height: 1.7 !important;
    color: #334155 !important;
  }
  .mc-column-content p:last-child {
    margin-bottom: 0 !important;
  }

  /* 強調テキスト（マーカー風ハイライト） */
  .mc-column-content strong {
    color: #0369a1 !important;
    font-weight: 800 !important;
    background: linear-gradient(transparent 70%, #bae6fd 0) !important;
  }

  /* ▼ スマホ閲覧時の絶対ルール適用 ▼ */
  @media (max-width: 600px) {
    .mc-column-card {
      font-size: 1.15rem !important; /* 【スマホ側基準】本文を寸分違わず1.15rem化 */
      padding: 1.25em 1em !important; /* スマホ用余白圧縮（20px 16px相当） */
    }
    .mc-column-header {
      flex-direction: column !important;
      align-items: flex-start !important;
      gap: 0.75em !important; /* 12px相当をem化 */
    }
    /* ※スマホ時に文字を縮小させる指定はすべて排除し、1.15remの連動を引き継がせます */
    .mc-column-content p {
      line-height: 1.65 !important;
    }
  }
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading">前頭前野は、記憶にも深く関わっている</h3>



<p class="wp-block-paragraph">ここで重要なのが、この「疲れがたまる<strong><span class="swl-marker mark_yellow">前頭前野</span></strong>」こそが、作業記憶（ワーキングメモリ）——つまり、<strong><span class="swl-marker mark_yellow">今扱っている情報を一時的に頭の中に保持し、操作する働き</span></strong>——の中枢でもあるということです。</p>



<p class="wp-block-paragraph">これは神経科学において確立された基礎知見です。</p>



<p class="wp-block-paragraph">つまり、判断疲れによって前頭前野の働きが鈍ると、判断力だけでなく、「さっき検討していた内容を数秒で忘れる」「同じメールを何度も読み返しているのに頭に入らない」といった、記憶にまつわる不調も同時に起こりやすくなると考えられます。</p>



<p class="wp-block-paragraph">「今日は判断力も鈍っているし、物覚えも悪い」と感じる日があるのは、決して気のせいではなく、<strong><span class="swl-marker mark_yellow">同じ脳の部位で起きている、一連の現象</span></strong>だといえます。</p>



<!-- ==========================================
  [自動再生図解] 前頭前野と作業記憶（ワーキングメモリ）の関係
  見出し拡大 ＆ 巨大余白・カクつき完全解消版
========================================== -->
<div id="mcWmAnimWrapper" class="mc-anim-wrapper is-morning">
  
  <!-- ヘッダー＆状態表示ラベル -->
  <div class="mc-anim-header">
    <h4 class="mc-anim-title">図解：なぜ「判断力」と「記憶力」は<br class="mc-sp-only">同時に低下するのか？</h4>
    <div id="mcWmStatusLabel" class="mc-status-label">
      ☀️ 前頭前野が元気な状態（朝）
    </div>
    <!-- 進行度を示すプログレスバー -->
    <div class="mc-progress-bar"><div class="mc-progress-fill"></div></div>
  </div>

  <!-- アニメーション領域 -->
  <div class="mc-anim-stage">
    
    <!-- 左側：共通の中枢（前頭前野） -->
    <div class="mc-anim-brain-area">
      <div class="mc-brain-label">共通の司令塔<br><strong>【前頭前野】</strong></div>
      
      <svg class="mc-brain-svg" viewBox="0 0 64 64">
        <path d="M 32 4 C 16 4 8 18 8 32 C 8 44 14 50 14 58 L 24 64 L 40 64 C 50 58 56 48 56 32 C 56 16 48 4 32 4 Z" class="mc-head-path"></path>
        <circle cx="32" cy="20" r="10" class="mc-pfc-glow"></circle>
      </svg>
      
      <div class="mc-status-badge-mini">処理能力 100%</div>
    </div>

    <!-- 中央：エネルギー配分の矢印 -->
    <div class="mc-anim-arrows">
      <div class="mc-arrow-line mc-arrow-top"><span>判断処理へ</span></div>
      <div class="mc-arrow-line mc-arrow-bottom"><span>記憶保持へ</span></div>
    </div>

    <!-- 右側：2つの同時処理（判断 ＆ ワーキングメモリ） -->
    <div class="mc-anim-tasks">
      
      <!-- 処理1：判断・意思決定 -->
      <div class="mc-task-card mc-task-decide">
        <div class="mc-task-header">
          <span class="mc-task-icon">⚖️</span>
          <span class="mc-task-name">判断・意思決定</span>
        </div>
        <div class="mc-task-status">優先順位の決定・指示出し</div>
      </div>

      <!-- 処理2：作業記憶（ワーキングメモリ） -->
      <div class="mc-task-card mc-task-memory">
        <div class="mc-task-header">
          <span class="mc-task-icon">🧠</span>
          <span class="mc-task-name">作業記憶（メモリ）</span>
        </div>
        <div class="mc-task-status">情報を頭に一時保持・操作</div>
      </div>

    </div>

  </div>

  <!-- ★修正点：下部解説テキスト（2つのテキストを重ねて配置） -->
  <div class="mc-anim-caption">
    <!-- 朝のテキスト -->
    <div class="mc-cap-morning">
      <strong>【朝：前頭前野が正常なとき】</strong><br>前頭前野のエネルギーが満たされているため、「的確な判断」と「ワーキングメモリ（情報の保持）」の両方をスムーズに同時処理できます。
    </div>
    <!-- 夕方のテキスト（文字数を少し揃えて微調整） -->
    <div class="mc-cap-evening">
      <strong>【夕方：前頭前野が疲れたとき】</strong><br>前頭前野が疲弊すると、判断力だけでなく「同じ部位」が司るワーキングメモリの機能も同時にダウン。「判断力も鈍り、物覚えも悪い」状態が発生します。
    </div>
  </div>

  <!-- 右寄せの注釈 -->
  <p class="mc-anim-subnote">※アニメーションはイメージです</p>

</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
  /* --- 全体コンテナ --- */
  .mc-anim-wrapper {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 24px 20px !important;
    margin: 2.5em 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.04) !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: hidden !important;
  }

  /* --- ヘッダー --- */
  .mc-anim-header {
    text-align: center !important;
    margin-bottom: 24px !important;
  }
  .mc-anim-title {
    font-size: 1.45rem !important; /* ★課題①：タイトルを大きくしてバランス調整 */
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 16px 0 !important;
    line-height: 1.4 !important;
  }
  .mc-status-label {
    display: inline-block !important;
    padding: 6px 16px !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    border-radius: 20px !important;
    transition: all 0.5s ease !important;
  }
  
  /* プログレスバー */
  .mc-progress-bar {
    width: 140px !important;
    height: 4px !important;
    background: #e2e8f0 !important;
    border-radius: 2px !important;
    margin: 12px auto 0 !important;
    overflow: hidden !important;
  }
  .mc-progress-fill {
    height: 100% !important;
    width: 0% !important;
    background: #94a3b8 !important;
  }
  .is-playing .mc-progress-fill {
    animation: mc-timer-bar 4s linear infinite !important;
  }
  @keyframes mc-timer-bar {
    0% { width: 0%; }
    100% { width: 100%; }
  }

  /* --- ステージレイアウト --- */
  .mc-anim-stage {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 0 !important;
    gap: 12px !important;
  }

  /* --- 左側：前頭前野 --- */
  .mc-anim-brain-area {
    width: 30% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .mc-brain-label {
    font-size: 0.78rem !important;
    color: #334155 !important;
    margin-bottom: 8px !important;
    line-height: 1.3 !important;
  }
  .mc-brain-label strong {
    font-size: 0.88rem !important;
    color: #0f172a !important;
  }
  .mc-brain-svg {
    width: 64px !important;
    height: 64px !important;
    margin-bottom: 8px !important;
  }
  .mc-head-path {
    fill: none !important;
    stroke: #94a3b8 !important;
    stroke-width: 2.5 !important;
  }
  .mc-pfc-glow {
    transition: all 0.6s ease !important;
    transform-origin: center !important;
  }
  .mc-status-badge-mini {
    font-size: 0.68rem !important;
    font-weight: bold !important;
    padding: 2px 8px !important;
    border-radius: 10px !important;
    transition: all 0.5s ease !important;
    min-width: 90px !important;
    text-align: center !important;
    display: inline-block !important;
  }

  /* --- 中央：矢印エリア --- */
  .mc-anim-arrows {
    width: 25% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    position: relative !important;
  }
  .mc-arrow-line {
    position: relative !important;
    height: 2px !important;
    background: #cbd5e1 !important;
    text-align: center !important;
    transition: all 0.5s ease !important;
  }
  .mc-arrow-line span {
    position: absolute !important;
    top: -14px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 0.62rem !important;
    font-weight: bold !important;
    white-space: nowrap !important;
    color: #64748b !important;
  }

  /* --- 右側：タスクカード --- */
  .mc-anim-tasks {
    width: 40% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }
  .mc-task-card {
    border-radius: 8px !important;
    padding: 10px 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.5s ease !important;
  }
  .mc-task-header {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 4px !important;
  }
  .mc-task-name {
    font-size: 0.95rem !important; 
    font-weight: 800 !important;
  }
  .mc-task-status {
    font-size: 0.8rem !important; 
    line-height: 1.4 !important;
    font-weight: 600 !important;
    min-height: 2.8em !important; 
  }

  /* ★課題②：解説キャプション（グリッドで重ねて不格好な余白を完全排除） */
  .mc-anim-caption {
    background: #f8fafc !important;
    border-left: 6px solid #cbd5e1 !important; 
    padding: 16px 20px !important; 
    margin-top: 24px !important;
    border-radius: 0 8px 8px 0 !important;
    transition: all 0.4s !important;
    display: grid !important; /* テキストを同じマス目に重ねるための魔法 */
    /* 巨大な min-height の指定は完全に削除しました */
  }
  .mc-cap-morning, .mc-cap-evening {
    grid-area: 1 / 1 !important; /* 重ね合わせ */
    font-size: 1.15rem !important; 
    line-height: 1.6 !important;
    color: #334155 !important;
    transition: opacity 0.4s ease, visibility 0.4s ease !important;
  }
  .mc-anim-subnote {
    text-align: left !important;
    font-size: 0.75rem !important;
    color: #94a3b8 !important;
    margin: 12px 0 0 0 !important;
    letter-spacing: 0.02em !important;
  }

  /* =====================================
     状態変化：【朝（前頭前野が元気）】
  ===================================== */
  .is-morning .mc-status-label { background: #eff6ff !important; color: #2563eb !important; border: 1px solid #bfdbfe !important; }
  .is-morning .mc-pfc-glow { fill: #3b82f6 !important; opacity: 0.8 !important; }
  .is-morning .mc-status-badge-mini { background: #dbeafe !important; color: #1e40af !important; }
  .is-morning .mc-arrow-line { background: #2563eb !important; }
  .is-morning .mc-arrow-line span { color: #2563eb !important; }
  .is-morning .mc-task-card { border-color: #93c5fd !important; background: #eff6ff !important; box-shadow: 0 2px 8px rgba(37,99,235,0.08) !important; }
  .is-morning .mc-task-name { color: #1e3a8a !important; }
  .is-morning .mc-task-status { color: #2563eb !important; }
  
  .is-morning .mc-anim-caption { border-left-color: #2563eb !important; }
  /* 朝のテキストを表示、夕方を隠す */
  .is-morning .mc-cap-morning { opacity: 1 !important; visibility: visible !important; }
  .is-morning .mc-cap-evening { opacity: 0 !important; visibility: hidden !important; }

  /* =====================================
     状態変化：【夕方（前頭前野が疲弊）】
  ===================================== */
  .is-evening .mc-status-label { background: #fef2f2 !important; color: #dc2626 !important; border: 1px solid #fecaca !important; }
  .is-evening .mc-pfc-glow { fill: #ef4444 !important; opacity: 0.9 !important; animation: mc-wm-pulse 1.5s infinite !important; }
  @keyframes mc-wm-pulse {
    0% { transform: scale(1); opacity: 0.9; }
    50% { transform: scale(1.15); opacity: 1; fill: #dc2626; }
    100% { transform: scale(1); opacity: 0.9; }
  }
  .is-evening .mc-status-badge-mini { background: #fee2e2 !important; color: #991b1b !important; }
  .is-evening .mc-arrow-line { background: #fca5a5 !important; stroke-dasharray: 4 !important; }
  .is-evening .mc-arrow-line span { color: #dc2626 !important; }
  .is-evening .mc-task-card { border-color: #fca5a5 !important; background: #fff5f5 !important; box-shadow: 0 2px 8px rgba(239,68,68,0.08) !important; }
  .is-evening .mc-task-name { color: #991b1b !important; }
  .is-evening .mc-task-status { color: #dc2626 !important; }
  
  .is-evening .mc-anim-caption { border-left-color: #ef4444 !important; }
  /* 夕方のテキストを表示、朝を隠す */
  .is-evening .mc-cap-morning { opacity: 0 !important; visibility: hidden !important; }
  .is-evening .mc-cap-evening { opacity: 1 !important; visibility: visible !important; }

  /* --- スマホ最適化 --- */
  @media (max-width: 600px) {
    .mc-anim-wrapper { padding: 20px 12px !important; }
    .mc-anim-title { font-size: 1.35rem !important; } /* ★SPでもタイトルをしっかり大きく */
    .mc-status-label { font-size: 0.85rem !important; padding: 4px 12px !important; }
    
    .mc-anim-stage { gap: 4px !important; }
    .mc-anim-brain-area { width: 32% !important; }
    .mc-brain-label { font-size: 0.68rem !important; }
    .mc-brain-svg { width: 48px !important; height: 48px !important; }
    
    .mc-status-badge-mini { font-size: 0.6rem !important; padding: 1px 4px !important; min-width: 76px !important; }
    .mc-anim-arrows { width: 20% !important; }
    .mc-arrow-line span { font-size: 0.52rem !important; top: -12px !important; }
    
    .mc-anim-tasks { width: 48% !important; }
    .mc-task-card { padding: 8px 6px !important; }
    .mc-task-name { font-size: 0.8rem !important; }
    .mc-task-status { font-size: 0.75rem !important; min-height: 2.8em !important; }
    
    /* ★余白（min-height）を削除したためスッキリしました */
    .mc-anim-caption { 
      padding: 16px 14px !important; 
    }
    .mc-cap-morning, .mc-cap-evening {
      font-size: 1.15rem !important; 
    }
  }
</style>

<!-- ==========================================
  スクロール発火＆自動切り替え JavaScript
  （HTML側にテキストを持たせたためJSが超軽量に！）
========================================== -->
<script>
document.addEventListener("DOMContentLoaded", function() {
  const wrapper = document.getElementById('mcWmAnimWrapper');
  const statusLabel = document.getElementById('mcWmStatusLabel');
  const badgeMini = wrapper.querySelector('.mc-status-badge-mini');
  const taskDecideStatus = wrapper.querySelector('.mc-task-decide .mc-task-status');
  const taskMemStatus = wrapper.querySelector('.mc-task-memory .mc-task-status');
  
  let mcWmTimer = null;
  let isEvening = false;

  function toggleWmState() {
    if (isEvening) {
      wrapper.classList.remove('is-evening');
      wrapper.classList.add('is-morning');
      statusLabel.innerHTML = '☀️ 前頭前野が元気な状態（朝）';
      badgeMini.innerHTML = '処理能力 100%';
      taskDecideStatus.innerHTML = '優先順位の決定・指示出し';
      taskMemStatus.innerHTML = '情報を頭に一時保持・操作';
    } else {
      wrapper.classList.remove('is-morning');
      wrapper.classList.add('is-evening');
      statusLabel.innerHTML = '🌙 前頭前野が疲弊した状態（夕方）';
      badgeMini.innerHTML = '処理能力 低下';
      taskDecideStatus.innerHTML = '⚠️ 判断ミス・決断の回避';
      taskMemStatus.innerHTML = '⚠️ うっかり忘れ・メール読み返し';
    }
    isEvening = !isEvening;
  }

  function startWmLoop() {
    wrapper.classList.add('is-playing');
    mcWmTimer = setInterval(toggleWmState, 4000);
  }

  function stopWmLoop() {
    wrapper.classList.remove('is-playing');
    if (mcWmTimer) {
      clearInterval(mcWmTimer);
      mcWmTimer = null;
    }
  }

  if ('IntersectionObserver' in window) {
    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          if (!mcWmTimer) startWmLoop();
        } else {
          stopWmLoop();
          isEvening = false;
          wrapper.classList.remove('is-evening');
          wrapper.classList.add('is-morning');
          statusLabel.innerHTML = '☀️ 前頭前野が元気な状態（朝）';
          badgeMini.innerHTML = '処理能力 100%';
          taskDecideStatus.innerHTML = '優先順位の決定・指示出し';
          taskMemStatus.innerHTML = '情報を頭に一時保持・操作';
        }
      });
    }, { threshold: 0.3 });
    
    observer.observe(wrapper);
  } else {
    startWmLoop();
  }
});
</script>



<!-- 高級感のある関連記事CTAカード（持続的注意力ハブへ・記事中挿入用） -->
<a class="rel-article-card-luxury" href="https://memory-coffee.jp/magazine/sustained-attention-aging-maintenance/" target="_blank" rel="noopener">
  <div class="rel-thumb-luxury">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/sustained-attention-brain-focus-guide-ogi.webp" alt="集中力が続かない大人へ。持続的注意力を守る脳科学とGABA">
  </div>
  <div class="rel-text-luxury">
    <span class="rel-tag-luxury">関連記事</span>
    <span class="rel-title-luxury">持続的注意力を守る脳科学とGABA</span>
    <span class="rel-sub-luxury">集中力が続かない理由と、科学的に維持する方法を、脳の仕組みからわかりやすく解説しています。</span>
  </div>
  <span class="rel-arrow-luxury">›</span>
</a>
<style>
  .rel-article-card-luxury {
     display: grid !important;
     grid-template-columns: 128px 1fr auto !important;
     gap: 20px !important;
     align-items: center !important;
     background: linear-gradient(135deg, #ffffff 0%, #faf9f6 100%) !important;
     border: 1px solid #e6e1d6 !important;
     border-left: 4px solid #C5A059 !important;
     border-radius: 8px !important;
     padding: 24px 28px !important;
     margin: 28px 0 32px 0 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease !important;
}
.rel-article-card-luxury:hover {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-2px) !important;
    border-color: #d4c8b0 !important;
}
.rel-thumb-luxury {
    width: 128px !important;
    height: 72px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}
.rel-thumb-luxury img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.rel-text-luxury {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.rel-tag-luxury {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #C5A059 !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 6px !important;
}
.rel-title-luxury {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #2c2825 !important;
    line-height: 1.5 !important;
    margin-bottom: 4px !important;
}
.rel-sub-luxury {
    font-size: 0.9rem !important;
    color: #6b6661 !important;
    line-height: 1.6 !important;
}
.rel-arrow-luxury {
    font-size: 40px !important;
    font-weight: 300 !important;
    color: #d1c8b8 !important;
    transition: all 0.3s ease !important;
}
.rel-article-card-luxury:hover .rel-arrow-luxury {
    color: #C5A059 !important;
    transform: translateX(4px) !important;
}
@media (max-width: 600px) {
    .rel-article-card-luxury {
        grid-template-columns: 96px 1fr auto !important;
        gap: 14px !important;
        padding: 18px 16px !important;
    }
    .rel-thumb-luxury {
        width: 96px !important;
        height: 54px !important;
    }
    .rel-tag-luxury { font-size: 10px !important; margin-bottom: 4px !important; }
    .rel-title-luxury { font-size: 1.05rem !important; margin-bottom: 2px !important; }
    .rel-sub-luxury { font-size: 0.85rem !important; }
    .rel-arrow-luxury { font-size: 32px !important; }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">まず、状態を切り分けてください</h2>



<p class="wp-block-paragraph">一時的な疲労なのか、それとも慢性的に蓄積した疲弊なのかを、まず自分自身で確認することが重要です。</p>



<p class="wp-block-paragraph">以下のいずれかに当てはまる場合は、一人で抱え込まず、早めに専門家や信頼できる人に相談することを強くお勧めします。</p>



<p class="wp-block-paragraph">眠っても疲れが取れない状態が2週間以上続いている<br>以前は楽しめていたことに関心が持てない<br>仕事のことを考えると強い不安や動悸を感じる<br>「消えてしまいたい」と感じることがある</p>



<!-- ==========================================
  危険なサイン（チェックリストカード・白背景・文字拡大＆テーマ装飾リセット版）
========================================== -->
<div class="mc-alert-card">
  <div class="mc-alert-header">
    <span class="mc-alert-icon">⚠️</span>
    <h4 class="mc-alert-title">以下に当てはまる場合は要注意です</h4>
  </div>
  <ul class="mc-alert-list">
    <li>
      <span class="mc-alert-check"></span>
      <span>眠っても疲れが取れない状態が2週間以上続いている</span>
    </li>
    <li>
      <span class="mc-alert-check"></span>
      <span>以前は楽しめていたことに関心が持てない</span>
    </li>
    <li>
      <span class="mc-alert-check"></span>
      <span>仕事のことを考えると強い不安や動悸を感じる</span>
    </li>
    <li>
      <span class="mc-alert-check"></span>
      <span>「消えてしまいたい」と感じることがある</span>
    </li>
  </ul>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
  /* 全体コンテナ（白背景） */
  .mc-alert-card {
    background: #ffffff !important;
    border: 1px solid #fca5a5 !important;
    /* 上部の赤い太線を削除しました */
    border-radius: 8px !important;
    padding: 24px !important;
    margin: 2.5em 0 !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.05) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
    box-sizing: border-box !important;
  }

  /* ヘッダー部分 */
  .mc-alert-header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 18px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px dashed #fca5a5 !important;
  }
  .mc-alert-icon {
    font-size: 1.3rem !important;
    line-height: 1 !important;
  }

  /* タイトル（★テーマの装飾を強制リセット★） */
  .mc-alert-title {
    margin: 0 !important;
    padding: 0 !important; /* テーマの余白を打ち消し */
    font-size: 1.25rem !important; /* 本文拡大に合わせて少し大きく */
    font-weight: 800 !important;
    color: #b91c1c !important; 
    letter-spacing: 0.03em !important;
    border: none !important; /* テーマのボーダー（青い縦線など）を打ち消し */
    background: transparent !important; /* テーマの背景色を打ち消し */
    box-shadow: none !important; /* シャドウを打ち消し */
  }
  /* 疑似要素で作られたテーマ装飾（縦線やアイコン等）を非表示に */
  .mc-alert-title::before,
  .mc-alert-title::after {
    display: none !important;
  }

  /* リスト部分 */
  .mc-alert-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  .mc-alert-list li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-size: 1.15rem !important; /* ★1.15rem に指定 */
    font-weight: 700 !important; 
    color: #1e293b !important;
    line-height: 1.6 !important;
  }

  /* チェックボックス風アイコン */
  .mc-alert-check {
    flex-shrink: 0 !important;
    width: 24px !important; /* 文字拡大に合わせて少し大きく */
    height: 24px !important;
    background: #fef2f2 !important;
    border: 2px solid #ef4444 !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 3px !important; /* 位置微調整 */
    position: relative !important;
  }
  .mc-alert-check::after {
    content: '✓' !important;
    color: #ef4444 !important;
    font-size: 1.1rem !important; /* チェックも少し大きく */
    font-weight: 900 !important;
  }

  /* スマホ最適化 */
  @media (max-width: 600px) {
    .mc-alert-card {
      padding: 20px 16px !important;
    }
    .mc-alert-title {
      font-size: 1.2rem !important;
    }
    .mc-alert-list li {
      font-size: 1.15rem !important; /* ★スマホでも1.15remを維持 */
      gap: 10px !important;
    }
    .mc-alert-check {
      width: 22px !important;
      height: 22px !important;
      margin-top: 4px !important;
    }
    .mc-alert-check::after {
      font-size: 1rem !important;
    }
  }
</style>



<p class="wp-block-paragraph">これらのサインがある場合、生活習慣の工夫だけで対処しようとするのは危険です。</p>



<p class="wp-block-paragraph">産業医、心療内科、会社の相談窓口に加えて、以下のような公的な相談窓口もあります。</p>



<p class="wp-block-paragraph">一人で抱え込まず、話を聞いてもらうだけでも構いません。</p>



<!-- ==========================================
  相談窓口リスト（薄黄色背景・見出しなし・1.15rem統一版）
========================================== -->
<div class="mc-support-box">
  <ul class="mc-support-list">
    <li>
      <span class="mc-support-icon">📞</span>
      <div class="mc-support-text">
        <a href="https://www.since2011.net/yorisoi/" target="_blank" rel="noopener noreferrer">よりそいホットライン</a>
        <br>（<a href="tel:0120279338" class="mc-tel-link">0120-279-338</a> ／ 24時間・無料）
      </div>
    </li>
    <li>
      <span class="mc-support-icon">🌐</span>
      <div class="mc-support-text">
        <a href="https://www.mhlw.go.jp/mamorouyokokoro/" target="_blank" rel="noopener noreferrer">厚生労働省「まもろうよ こころ」</a>
        <br>（SNS相談・電話相談の窓口一覧）
      </div>
    </li>
    <li>
      <span class="mc-support-icon">🏢</span>
      <div class="mc-support-text">
        勤務先の産業医・EAP<br>（従業員支援プログラム）
      </div>
    </li>
  </ul>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
  /* 全体コンテナ（薄黄色背景・黄色枠） */
  .mc-support-box {
    background-color: #fffbeb !important; /* 薄黄色 */
    border: 2px solid #fcd34d !important; /* 黄色の線 */
    border-radius: 8px !important;
    padding: 24px !important;
    margin: 2.5em 0 !important; /* 全体の統一感のため 2.5em に微調整 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
    box-sizing: border-box !important;
  }

  /* リスト部分 */
  .mc-support-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important; /* 文字拡大に合わせて隙間を広げました */
  }
  .mc-support-list li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-size: 1.15rem !important; /* ★1.15remに統一 */
    font-weight: 700 !important;
    color: #334155 !important;
    line-height: 1.6 !important;
  }

  /* アイコン */
  .mc-support-icon {
    flex-shrink: 0 !important;
    font-size: 1.3rem !important; /* 文字に合わせてアイコンも拡大 */
    line-height: 1.4 !important;
  }

  /* テキスト・リンク調整 */
  .mc-support-text {
    flex-grow: 1 !important;
  }
  .mc-support-text a {
    color: #2563eb !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    transition: opacity 0.3s !important;
  }
  .mc-support-text a:hover {
    opacity: 0.7 !important;
  }

  /* 電話番号リンク（スマホでのタップ用） */
  .mc-tel-link {
    color: #1e293b !important;
    text-decoration: none !important;
  }
  @media (max-width: 600px) {
    .mc-tel-link {
      text-decoration: underline !important; /* スマホの時はリンクっぽく表示 */
      color: #2563eb !important;
    }
  }

  /* スマホ最適化 */
  @media (max-width: 600px) {
    .mc-support-box {
      padding: 20px 16px !important;
    }
    .mc-support-list li {
      font-size: 1.15rem !important; /* ★スマホでも1.15remを維持 */
      gap: 10px !important;
    }
    .mc-support-icon {
      font-size: 1.25rem !important;
    }
  }
</style>



<p class="wp-block-paragraph">一人で頑張り続けることは、決して評価されるべき美徳ではありません。</p>



<h2 class="wp-block-heading">日常レベルの判断疲れへの対処</h2>



<!-- ==========================================
  特大ハイライト：判断を「仕組み」に任せる（白背景）
  完全相対値（1.15rem死守）最適化版
========================================== -->
<div class="mc-big-solution-card">
  
  <div class="mc-bsc-header">
    <span class="mc-bsc-badge">日常レベルの判断疲れへの対処</span>
    <h3 class="mc-bsc-title">判断を「仕組み」に任せる</h3>
  </div>

  <div class="mc-bsc-content">
    <p class="mc-bsc-lead">
      すべてをその都度ゼロから判断しようとすると、前頭前野のエネルギーはすぐに枯渇してしまいます。有効なのは、あらかじめ<strong>「判断のルール」</strong>を明確にしておくことです。
    </p>

    <div class="mc-bsc-point-list">
      
      <!-- ポイント1 -->
      <div class="mc-bsc-item">
        <div class="mc-bsc-icon">💡</div>
        <div class="mc-bsc-text">
          <strong class="mc-bsc-item-title">基準のルール化</strong>
          <p>「この金額以下は現場判断でOK」「この種類の相談はこのフローで対応」など、事前にルール化しておけば、ゼロから考える負担を劇的に減らせます。</p>
        </div>
      </div>

      <!-- ポイント2 -->
      <div class="mc-bsc-item">
        <div class="mc-bsc-icon">🤝</div>
        <div class="mc-bsc-text">
          <strong class="mc-bsc-item-title">権限の積極的な委任</strong>
          <p>部下に任せられる判断は積極的に委任します。「すべて自分が決めなければならない」という思い込みを手放すことが第一歩です。</p>
        </div>
      </div>

    </div>

    <div class="mc-bsc-footer">
      <span class="mc-bsc-highlight">1日の判断の「総量」を<br class="mc-sp-only">減らすことが大切。</span>
    </div>

  </div>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
  /* 全体コンテナ（大黒柱） */
  .mc-big-solution-card {
    font-size: 1rem !important; /* 【PC側基準】 */
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important; /* px維持 */
    border-radius: 16px !important; /* px維持 */
    padding: 2.5em !important; /* 40px相当をem化 */
    margin: 3em 0 !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.06) !important; /* px維持 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
    box-sizing: border-box !important;
  }

  /* ヘッダー領域 */
  .mc-bsc-header {
    text-align: center !important;
    margin-bottom: 2em !important; /* 32px相当をem化 */
  }
  .mc-bsc-badge {
    display: inline-block !important;
    background: #1e293b !important;
    color: #ffffff !important;
    font-size: 0.85em !important; /* 0.95rem → 0.85em（補足階層として最適化） */
    font-weight: 700 !important;
    padding: 0.4em 1em !important; /* 6px 16px相当をem化 */
    border-radius: 30px !important; /* px維持 */
    margin-bottom: 1.25em !important; /* 20px相当をem化 */
    letter-spacing: 0.05em !important;
  }
  .mc-bsc-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.6em !important; /* 1.8rem → 1.6em（特大タイトル） */
    font-weight: 900 !important;
    color: #0f172a !important;
    letter-spacing: 0.02em !important;
    border: none !important; 
    background: transparent !important;
    line-height: 1.4 !important;
  }

  /* ★ リード文（一番伝えたい概要なので絶対に1emを死守！） */
  .mc-bsc-lead {
    font-size: 1em !important; /* 1.15rem → 1emに修正。スマホ時に確実に1.15remになります */
    line-height: 1.7 !important;
    color: #334155 !important;
    text-align: center !important;
    margin: 0 0 2em 0 !important; /* 32px相当をem化 */
  }
  .mc-bsc-lead strong {
    color: #2563eb !important;
    background: linear-gradient(transparent 70%, #bfdbfe 0) !important;
  }

  /* リスト領域 */
  .mc-bsc-point-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.5em !important; /* 24px相当をem化 */
    margin-bottom: 2em !important; /* 32px相当をem化 */
  }

  /* 個別のポイント */
  .mc-bsc-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 1.25em !important; /* 20px相当をem化 */
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important; /* px維持 */
    padding: 1.5em !important; /* 24px相当をem化 */
    border-radius: 12px !important; /* px維持 */
  }
  .mc-bsc-icon {
    font-size: 2.2em !important; /* 2.2rem相当をem化 */
    line-height: 1 !important;
    flex-shrink: 0 !important;
  }
  .mc-bsc-text {
    flex-grow: 1 !important;
  }
  .mc-bsc-item-title {
    display: block !important;
    font-size: 1.15em !important; /* 1.3rem → 1.15em（中見出し階層） */
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 0.5em !important; /* 8px相当をem化 */
  }

  /* ★ ポイント解説（一番読みたい詳細なので絶対に1emを死守！） */
  .mc-bsc-text p {
    margin: 0 !important;
    font-size: 1em !important; /* 1.15rem → 1emに修正。スマホ時に確実に1.15remになります */
    line-height: 1.6 !important;
    color: #475569 !important;
  }

  /* フッター（まとめメッセージ） */
  .mc-bsc-footer {
    text-align: center !important;
    padding-top: 1.5em !important; /* 24px相当をem化 */
    border-top: 2px dashed #cbd5e1 !important; /* px維持 */
  }
  .mc-bsc-highlight {
    display: inline-block !important;
    font-size: 1.1em !important; /* 1.25rem → 1.1em（目立たせつつスマホでの段ズレ防止） */
    font-weight: 800 !important;
    color: #dc2626 !important; 
    background: #fef2f2 !important;
    padding: 0.75em 1.25em !important; /* 12px 24px相当をem化 */
    border-radius: 8px !important; /* px維持 */
    letter-spacing: -0.02em !important;
  }

  /* ▼ スマホ閲覧時の絶対ルール適用 ▼ */
  @media (max-width: 600px) {
    .mc-big-solution-card {
      font-size: 1.15rem !important; /* 【スマホ側基準】本文を寸分違わず1.15rem化 */
      padding: 1.5em 1em !important; /* スマホ用余白圧縮（24px 16px相当） */
    }
    .mc-bsc-lead {
      text-align: left !important;
    }
    .mc-bsc-item {
      flex-direction: column !important;
      gap: 0.75em !important; /* 12px相当をem化 */
      padding: 1.25em 1em !important; /* 20px 16px相当をem化 */
    }
    /* ※スマホ時に文字を縮小・固定させる指定はすべて排除し、1.15remの連動を100%引き継がせます */
  }
</style>



<p class="wp-block-paragraph">すべてを自分が決めなければという思い込みを手放すことが、判断の総量を減らす第一歩になります。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading">負荷の高い判断は、午前中に済ませる</h3>



<p class="wp-block-paragraph"><strong>前頭前野の<span class="swl-marker mark_yellow">グルタミン酸蓄積は、作業を続けるほど進む</span></strong>と考えられています。</p>



<p class="wp-block-paragraph">つまり、1日の後半になるほど、質の高い判断は難しくなっていくということです。</p>



<p class="wp-block-paragraph">重要な意思決定や、複雑な交渉ごとは、なるべく午前中の早い時間帯に済ませ、夕方は単純作業やルーティンワークに充てるといった、時間帯による使い分けも有効です。</p>



<figure class="wp-block-image size-large pc_only"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/08/jikan-prefrontal-glutamate-usage-01-1024x576.webp" alt="「時間帯による前頭前野の使い分け」を解説するインフォグラフィック。画面は左右に分割されている。" class="wp-image-6990" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/jikan-prefrontal-glutamate-usage-01-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/08/jikan-prefrontal-glutamate-usage-01-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/jikan-prefrontal-glutamate-usage-01-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/08/jikan-prefrontal-glutamate-usage-01.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">※画像はイメージです</figcaption></figure>



<figure class="wp-block-image size-full sp_only u-mb-ctrl u-mb-0"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/08/jikan-prefrontal-glutamate-usage-05.webp" alt="「時間帯による前頭前野の使い分け」を解説するインフォグラフィック。画面は左右に分割されている。（午前中）" class="wp-image-8116" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/jikan-prefrontal-glutamate-usage-05.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/08/jikan-prefrontal-glutamate-usage-05-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/jikan-prefrontal-glutamate-usage-05-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<figure class="wp-block-image size-full sp_only"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/08/jikan-prefrontal-glutamate-usage-04.webp" alt="「時間帯による前頭前野の使い分け」を解説するインフォグラフィック。画面は左右に分割されている。（午後）" class="wp-image-8114" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/jikan-prefrontal-glutamate-usage-04.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/08/jikan-prefrontal-glutamate-usage-04-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/jikan-prefrontal-glutamate-usage-04-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption class="wp-element-caption">画像はイメージです</figcaption></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">日々の判断を支える土台づくり</h2>



<p class="wp-block-paragraph">仕組みを整えたうえで、もう一つできることが、<strong>持続的注意力などの認知機能</strong>を支える土台として、<strong><span class="swl-marker mark_yellow">「日々のコンディションを整える」</span>方法です。</strong></p>



<p class="wp-block-paragraph">そのケアの選択肢として注目されているのが、<strong><span class="swl-marker mark_blue">GABA（ギャバ）</span></strong>という成分です。</p>



<!-- GABA解説：神秘的な光の玉アニメーション付き（注記枠外・右寄せ版） -->
<div style="margin: 32px 0; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;">
  
  <!-- 白背景のカード枠 -->
  <div style="background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 32px 28px; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);">
    <div class="gaba-explanation-container">
      
      <!-- 神秘的な光の玉（オーブ）エリア -->
      <div class="gaba-orb-wrapper">
        <div class="gaba-mystic-orb"></div>
        <!-- 光の粒子（装飾） -->
        <div class="gaba-particle p1"></div>
        <div class="gaba-particle p2"></div>
        <div class="gaba-particle p3"></div>
      </div>

      <!-- テキストエリア -->
      <div class="gaba-text-area">
        <p class="gaba-title">GABAとは？</p>
        <p class="gaba-desc">
          <strong>野菜や果物に含まれるアミノ酸の一種。<br>
          体内では神経伝達物質として、<br>
          健康維持に欠かせない役割を<br class="mc-sp-only">担っています。
        </strong></p>
      </div>

    </div>
  </div>

  <!-- 枠外に移動した注記（右寄せ） -->
  <div style="text-align: right; font-size: 11px; color: #888888; margin-top: 10px; padding-right: 5px; letter-spacing: 0.05em;">
    ※アニメーションはイメージです。
  </div>

  <style>
    /* レイアウトのベース */
    .gaba-explanation-container {
      display: flex;
      align-items: center;
      gap: 32px;
    }

    /* オーブを包む枠 */
    .gaba-orb-wrapper {
      position: relative;
      width: 90px;
      height: 90px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
    }

    /* 光の玉本体：ブルー・パープル統一版 */
    .gaba-mystic-orb {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: radial-gradient(circle at 35% 35%, #ffffff 0%, #e0e7ff 25%, #818cf8 60%, #4f46e5 100%);
      animation: gaba_float 4s ease-in-out infinite, gaba_pulse 4s ease-in-out infinite;
    }

    /* フワフワ浮遊する動き */
    @keyframes gaba_float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    /* 光が呼吸するように広がる動き */
    @keyframes gaba_pulse {
      0%, 100% {
        box-shadow: 
          0 0 15px #c7d2fe,
          0 0 30px rgba(129, 140, 248, 0.4),
          0 0 45px rgba(79, 70, 229, 0.2);
      }
      50% {
        box-shadow: 
          0 0 20px #ffffff,
          0 0 40px #818cf8,
          0 0 60px rgba(99, 102, 241, 0.6),
          0 0 80px rgba(79, 70, 229, 0.4);
      }
    }

    /* 周囲を漂う光の粒子 */
    .gaba-particle {
      position: absolute;
      width: 4px;
      height: 4px;
      background-color: #ffffff;
      border-radius: 50%;
      box-shadow: 0 0 6px #e0e7ff;
      opacity: 0;
    }
    .gaba-particle.p1 { top: 10%; left: 20%; animation: particle_blink 3s infinite 0.5s; }
    .gaba-particle.p2 { bottom: 15%; right: 15%; animation: particle_blink 4s infinite 1.2s; }
    .gaba-particle.p3 { top: 40%; right: 5%; width: 3px; height: 3px; animation: particle_blink 3.5s infinite 2.5s; }

    @keyframes particle_blink {
      0%, 100% { opacity: 0; transform: scale(0.5) translateY(0); }
      50% { opacity: 0.8; transform: scale(1.5) translateY(-5px); }
    }

    /* テキストのスタイル */
    .gaba-text-area {
      flex: 1;
    }
    .gaba-title {
      margin: 0 0 12px 0;
      font-size: 1.25rem;
      font-weight: bold;
      color: #1e293b;
      border-bottom: 2px solid #f1f5f9;
      padding-bottom: 10px;
    }
    .gaba-desc {
      margin: 0;
      font-size: 1.05rem;
      color: #475569;
      line-height: 1.8;
    }

    /* スマホ表示最適化 */
    @media (max-width: 600px) {
      .gaba-explanation-container {
        flex-direction: column;
        text-align: center;
        gap: 20px;
      }
      .gaba-title {
        font-size: 1.2rem;
        border-bottom: none;
        position: relative;
      }
      .gaba-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 40px;
        height: 2px;
        background-color: #f1f5f9;
      }
      .gaba-desc {
        font-size: 1.15rem;
      }
    }
  </style>
</div>



<p class="wp-block-paragraph">機能性表示食品<strong><span class="swl-marker mark_yellow">「Memory Coffee（メモリーコーヒー）」</span></strong>は、GABA200mgの機能性により、加齢とともに低下する認知機能の一部である「記憶力」の維持をサポートする機能が消費者庁に届け出られています。</p>



<style>
/* ===================================================
   Memory Coffee 完全統合型プレミアム解説カード
   （疲れた管理職に寄り添う、温かみのあるカフェ・リラクゼーション版）
   =================================================== */
.mc-hero-card { background: #ffffff !important; border: 1px solid #ebdcd0 !important; border-radius: 16px !important; margin: 3em 0 !important; box-shadow: 0 12px 35px rgba(92, 79, 69, 0.06) !important; overflow: hidden !important; font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; box-sizing: border-box !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; display: block !important; width: 100% !important; clear: both !important; }
.mc-hero-card:hover { transform: translateY(-2px) !important; box-shadow: 0 16px 45px rgba(92, 79, 69, 0.1) !important; }

/* ヘッダー：落ち着いたモカブラウンのグラデーション × ソフトゴールド */
.mc-card-header { background: linear-gradient(135deg, #5c4f45 0%, #3e3328 100%) !important; padding: 28px 28px 24px !important; position: relative !important; border-bottom: 3px solid #d4a373 !important; display: block !important; }
.mc-card-heading { font-size: 1.4rem !important; font-weight: 700 !important; color: #fdfbf7 !important; margin: 0 0 12px 0 !important; line-height: 1.4 !important; letter-spacing: 0.06em !important; display: flex !important; align-items: center !important; gap: 10px !important; }
.mc-card-heading::before { content: '' !important; display: inline-block !important; width: 4px !important; height: 1.1em !important; background: #d4a373 !important; border-radius: 2px !important; flex-shrink: 0 !important; }
.mc-card-intro { font-size: 1.15rem !important; line-height: 1.75 !important; color: #eaddcf !important; margin: 0 !important; letter-spacing: 0.03em !important; display: block !important; }
.mc-card-body { padding: 28px !important; background: #ffffff !important; display: block !important; }

/* バッジ：温かみのあるブラウンとアイボリー */
.mc-badge-group { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; align-items: center !important; margin-bottom: 24px !important; width: 100% !important; }
.mc-badge-main { background: #8b7355 !important; color: #ffffff !important; font-weight: 700 !important; font-size: 0.85rem !important; letter-spacing: 0.08em !important; border-radius: 20px !important; padding: 6px 16px !important; box-shadow: 0 2px 8px rgba(139, 115, 85, 0.2) !important; display: inline-block !important; }
.mc-badge-sub { background: #fdf8f5 !important; color: #8b7355 !important; border: 1px solid #f0e6d2 !important; border-left: 3px solid #d4a373 !important; font-weight: 700 !important; font-size: 0.85rem !important; letter-spacing: 0.05em !important; border-radius: 4px 20px 20px 4px !important; padding: 5px 14px 5px 12px !important; display: inline-block !important; }

.mc-section-subhead { font-size: 1.15rem !important; font-weight: 700 !important; color: #4a3f35 !important; margin: 0 0 12px 0 !important; letter-spacing: 0.04em !important; display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; }
.mc-section-subhead::before { content: '◆' !important; color: #d4a373 !important; font-size: 0.9rem !important; }
.mc-lead-text { color: #5c4f45 !important; font-size: 1.15rem !important; line-height: 1.75 !important; margin: 0 0 18px 0 !important; font-weight: 500 !important; display: block !important; width: 100% !important; }
.mc-lead-text strong { color: #3e3328 !important; font-weight: 700 !important; background: linear-gradient(transparent 62%, #faedcd 62%) !important; }

/* 特徴ボックス：★鮮やかな緑色のチェックアイコンに修正★ */
.mc-feature-box { background: #fdfbf7 !important; border: 1px solid #f0e6d2 !important; border-radius: 12px !important; padding: 20px !important; margin-bottom: 32px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-feature-row { display: flex !important; align-items: flex-start !important; gap: 14px !important; width: 100% !important; }
.mc-feature-row + .mc-feature-row { margin-top: 14px !important; padding-top: 14px !important; border-top: 1px dashed #eaddcf !important; }
.mc-feature-icon { flex-shrink: 0 !important; width: 24px !important; height: 24px !important; border-radius: 50% !important; background: linear-gradient(135deg, #22c55e 0%, #15803d 100%) !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 12px !important; font-weight: 800 !important; margin-top: 2px !important; box-shadow: 0 2px 6px rgba(34, 197, 94, 0.3) !important; }
.mc-feature-title { display: block !important; color: #3e3328 !important; font-weight: 700 !important; font-size: 1.05rem !important; margin-bottom: 2px !important; letter-spacing: 0.04em !important; }
.mc-feature-desc { color: #6b5c50 !important; font-size: 0.95rem !important; line-height: 1.55 !important; display: block !important; }

/* ブレンド融合エリア：温かいクリーム色 */
.mc-blend-container { background: #fdfbf7 !important; border: 1px solid #f0e6d2 !important; border-radius: 12px !important; padding: 24px !important; margin-bottom: 32px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-blend-stage-wrap { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; margin-bottom: 24px !important; width: 100% !important; }
.mc-bean-unit { text-align: center !important; flex: 1 !important; max-width: 300px !important; display: block !important; }
.mc-bean-unit img { width: 100% !important; height: auto !important; display: block !important; border-radius: 8px !important; box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important; }
.mc-blend-symbol { text-align: center !important; flex-shrink: 0 !important; display: block !important; }
.mc-x-mark { font-size: 1.8rem !important; font-weight: 800 !important; color: #d4a373 !important; display: block !important; line-height: 1 !important; }
.mc-x-text { font-size: 0.8rem !important; font-weight: 700 !important; color: #5c4f45 !important; margin: 4px 0 0 !important; letter-spacing: 0.05em !important; display: block !important; }

/* 神秘的な光の玉（GABA）：キャンドルのような温かい発光 */
.mc-hero-fusion-stage { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 20px 0 24px !important; width: 100% !important; }
.mc-hero-plus-symbol { font-size: 1.8rem !important; font-weight: 800 !important; color: #d4a373 !important; flex-shrink: 0 !important; display: block !important; }
.mc-hero-gaba-orb-wrap { text-align: center !important; display: block !important; }
.gaba-orb-wrapper { position: relative !important; width: 90px !important; height: 90px !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 auto 6px !important; }
.gaba-mystic-orb { width: 58px !important; height: 58px !important; border-radius: 50% !important; background: radial-gradient(circle at 35% 35%, #ffffff 0%, #fef08a 25%, #f59e0b 60%, #b45309 100%) !important; display: flex !important; align-items: center !important; justify-content: center !important; animation: gaba_float 4s ease-in-out infinite, gaba_pulse_warm 4s ease-in-out infinite !important; }
.gaba-orb-text { color: #ffffff !important; font-size: 0.85rem !important; font-weight: 900 !important; letter-spacing: 0.06em !important; text-shadow: 0 1px 3px rgba(120, 53, 15, 0.5) !important; display: block !important; }
@keyframes gaba_float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes gaba_pulse_warm { 0%, 100% { box-shadow: 0 0 15px #fef08a, 0 0 30px rgba(245, 158, 11, 0.4), 0 0 45px rgba(180, 83, 9, 0.2); } 50% { box-shadow: 0 0 20px #ffffff, 0 0 40px #fde047, 0 0 60px rgba(245, 158, 11, 0.6), 0 0 80px rgba(180, 83, 9, 0.4); } }
.gaba-particle { position: absolute !important; width: 4px !important; height: 4px !important; background-color: #ffffff !important; border-radius: 50% !important; box-shadow: 0 0 6px #fef08a !important; opacity: 0 !important; display: block !important; }
.gaba-particle.p1 { top: 10% !important; left: 20% !important; animation: particle_blink 3s infinite 0.5s !important; }
.gaba-particle.p2 { bottom: 15% !important; right: 15% !important; animation: particle_blink 4s infinite 1.2s !important; }
.gaba-particle.p3 { top: 40% !important; right: 5% !important; width: 3px !important; height: 3px !important; animation: particle_blink 3.5s infinite 2.5s !important; }
@keyframes particle_blink { 0%, 100% { opacity: 0; transform: scale(0.5) translateY(0); } 50% { opacity: 0.9; transform: scale(1.5) translateY(-5px); } }
.mc-hero-gaba-caption { font-size: 0.85rem !important; font-weight: 700 !important; color: #5c4f45 !important; letter-spacing: 0.05em !important; margin: 0 !important; display: block !important; }
.mc-blend-desc-text { font-size: 1.15rem !important; line-height: 1.8 !important; color: #5c4f45 !important; text-align: center !important; margin: 0 0 20px 0 !important; display: block !important; width: 100% !important; }

/* ストーリーパネル */
.mc-story-panel-wrap { background: #ffffff !important; border: 1px solid #ebdcd0 !important; border-radius: 10px !important; padding: 20px !important; display: flex !important; align-items: center !important; gap: 18px !important; width: 100% !important; box-sizing: border-box !important; }
.mc-story-text-area { flex: 1 !important; display: block !important; }
.mc-story-head-text { font-size: 1.05rem !important; font-weight: 700 !important; color: #4a3f35 !important; line-height: 1.6 !important; margin: 0 !important; display: block !important; }
.mc-big-num { font-size: 1.6rem !important; color: #d4a373 !important; font-weight: 800 !important; padding: 0 2px !important; }
.mc-story-img-area { flex-shrink: 0 !important; width: 120px !important; display: block !important; }
.mc-polaroid { margin: 0 !important; background: #ffffff !important; padding: 5px 5px 8px !important; border: 1px solid #ebdcd0 !important; box-shadow: 0 4px 10px rgba(0,0,0,0.04) !important; border-radius: 4px !important; text-align: center !important; display: block !important; }
.mc-polaroid img { width: 100% !important; height: auto !important; display: block !important; border-radius: 2px !important; }
.mc-polaroid figcaption { font-size: 0.75rem !important; color: #8b7355 !important; margin-top: 5px !important; letter-spacing: 0.02em !important; display: block !important; }

/* エビデンスエリア：目に優しいペーパーライクな背景 */
.mc-inner-divider { border: none !important; border-top: 1px dashed #eaddcf !important; margin: 36px 0 !important; position: relative !important; display: block !important; width: 100% !important; }
.mc-inner-divider::after { content: 'EVIDENCE' !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translateX(-50%) !important; background: #ffffff !important; padding: 0 16px !important; color: #c3b5a7 !important; font-size: 0.8rem !important; font-weight: 800 !important; letter-spacing: 0.1em !important; display: block !important; }
.mc-gaba-comparison-box { background: #5c4f45 !important; border: 2px solid #d4a373 !important; border-radius: 12px !important; padding: 16px 20px !important; box-shadow: 0 8px 24px rgba(92, 79, 69, 0.15) !important; margin: 0 auto 24px !important; text-align: center !important; position: relative !important; overflow: hidden !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-gaba-title { font-size: 1.25rem !important; color: #fdfbf7 !important; font-weight: bold !important; margin: 0 !important; display: block !important; }
.mc-gaba-title .mc-tech-text { color: #faedcd !important; }
.mc-graph-area { position: relative !important; background-color: #fcfaf8 !important; border: 1px solid #f0e6d2 !important; border-radius: 12px !important; padding: 30px 24px !important; color: #3e3328 !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-bg-glow { position: absolute !important; top: -50px !important; right: -50px !important; width: 200px !important; height: 200px !important; background: radial-gradient(circle, rgba(212,163,115,0.15) 0%, rgba(255,255,255,0) 70%) !important; border-radius: 50% !important; pointer-events: none !important; display: block !important; }
.mc-clinical-header { text-align: center !important; margin-bottom: 24px !important; position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; }
.mc-clinical-badge { border: 1px solid #d4a373 !important; color: #b07d47 !important; font-size: 0.65rem !important; font-weight: 700 !important; padding: 3px 12px !important; border-radius: 20px !important; letter-spacing: 0.1em !important; background: rgba(212,163,115,0.1) !important; display: inline-block !important; margin-bottom: 12px !important; }
.mc-clinical-title { font-size: 1.4rem !important; margin: 0 0 16px 0 !important; font-weight: 700 !important; color: #3e3328 !important; line-height: 1.4 !important; display: block !important; }
.mc-clinical-desc { font-size: 1rem !important; color: #5c4f45 !important; line-height: 1.8 !important; margin: 0 !important; display: block !important; }
.mc-sup { font-size: 0.65rem !important; vertical-align: top !important; }
.mc-tech-underline { color: #b07d47 !important; border-bottom: 1px solid #b07d47 !important; display: inline !important; }
.mc-graph-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; position: relative !important; z-index: 1 !important; width: 100% !important; }
.mc-graph-card { background-color: #ffffff !important; border: 1px solid #eaddcf !important; border-radius: 8px !important; overflow: hidden !important; display: block !important; }
.mc-graph-card img { width: 100% !important; height: auto !important; display: block !important; }

/* エビデンス図を強調する温かい発光枠スタイル */
.mc-graph-card.highlight-tech {
    border: 2px solid #d4a373 !important;
    position: relative !important;
    box-shadow: 0 0 16px rgba(212, 163, 115, 0.3), inset 0 0 10px rgba(212, 163, 115, 0.1) !important;
}

.mc-citation-area { margin-top: 24px !important; padding-top: 16px !important; border-top: 1px solid #eaddcf !important; font-size: 0.75rem !important; color: #a8a29e !important; line-height: 1.6 !important; text-align: left !important; position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-citation-area p { margin: 0 0 6px 0 !important; display: block !important; }
.mc-citation-area p:last-child { margin-bottom: 0 !important; }

/* フッター */
.mc-card-footer { background: #faf8f5 !important; border-top: 1px solid #ebdcd0 !important; padding: 24px 28px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-official-tag { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-weight: 700 !important; color: #5c4f45 !important; font-size: 0.8rem !important; margin-bottom: 10px !important; background: #ffffff !important; padding: 4px 12px !important; border-radius: 4px !important; border: 1px solid #d4a373 !important; letter-spacing: 0.05em !important; }
.mc-official-tag::before { content: '✓' !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 14px !important; height: 14px !important; background: #a3b18a !important; color: #ffffff !important; border-radius: 50% !important; font-size: 0.6rem !important; flex-shrink: 0 !important; }
.mc-disclaimer { font-size: 0.75rem !important; color: #8b7355 !important; line-height: 1.65 !important; margin: 0 !important; display: block !important; }

/* ★ スマホ最適化 ★ */
@media (max-width: 600px) {
  .mc-card-header { padding: 24px 18px 20px !important; }
  .mc-card-heading { font-size: 1.25rem !important; }
  .mc-card-intro { font-size: 1.15rem !important; }
  .mc-card-body { padding: 20px 18px !important; }
  .mc-feature-box { padding: 16px 14px !important; }
  .mc-blend-container { padding: 18px 14px !important; margin-bottom: 24px !important; }
  
  /* スマホでのコーヒー豆・GABA融合エリアを縦並びに */
  .mc-blend-stage-wrap { flex-direction: column !important; gap: 12px !important; }
  .mc-bean-unit { max-width: 280px !important; width: 100% !important; margin: 0 auto !important; }
  .mc-x-mark { font-size: 2rem !important; margin: 8px 0 !important; }
  
  .mc-hero-fusion-stage { margin: 16px 0 20px !important; }
  .gaba-orb-wrapper { width: 76px !important; height: 76px !important; }
  .gaba-mystic-orb { width: 50px !important; height: 50px !important; }
  
  .mc-story-panel-wrap { flex-direction: column !important; text-align: center !important; padding: 16px 12px !important; }
  .mc-story-img-area { width: 100% !important; max-width: 180px !important; margin: 0 auto !important; }
  .mc-gaba-title { font-size: 1.15rem !important; }
  .mc-graph-area { padding: 24px 16px !important; }
  .mc-clinical-title { font-size: 1.25rem !important; }
  .mc-graph-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .mc-card-footer { padding: 20px 18px !important; }
}
</style>

<div class="mc-hero-card">
  <div class="mc-card-header">
    <div class="mc-card-heading" role="heading" aria-level="3">Memory Coffeeとは？</div>
    <p class="mc-card-intro">
      毎日のコーヒータイムを「自分らしさを育む時間」へと変える機能性表示食品（インスタントコーヒー）です。<br><br>本格的なおいしさと、認知機能の一部を維持するGABA200mg（1本あたり）のサポートを両立しています。
    </p>
  </div>

  <div class="mc-card-body">
    <div class="mc-badge-group">
      <span class="mc-badge-main">機能性表示食品</span>
      <span class="mc-badge-sub">GABA 200mg配合</span>
    </div>
    
    <div class="mc-section-subhead" role="heading" aria-level="4">
      <span>科学的根拠に基づいた3つのサポート機能</span>
    </div>
    <p class="mc-lead-text">
      Memory Coffeeに含まれるGABAは、加齢とともに低下する<strong>認知機能の一部を維持する機能</strong>が報告されています。
    </p>
    
    <div class="mc-feature-box">
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">記憶力</span>
          <span class="mc-feature-desc">見たり聞いたりしたことを思い出す力</span>
        </div>
      </div>
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">空間認知力</span>
          <span class="mc-feature-desc">物の位置、形、向きなどを正確に把握する力</span>
        </div>
      </div>
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">持続的注意力</span>
          <span class="mc-feature-desc">注意を持続させながら、作業を続ける力</span>
        </div>
      </div>
    </div>

    <!-- ブレンドとGABAの融合 -->
    <div class="mc-blend-container">
      <div class="mc-section-subhead" style="justify-content: center; margin-bottom: 18px;" role="heading" aria-level="5">
        <span>30回の試作で辿り着いた<br class="mc-sp-only">本格ブレンド</span>
      </div>

      <div class="mc-blend-stage-wrap">
        <div class="mc-bean-unit">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-brazil-beans-p.webp" alt="ブラジル産コーヒー豆" loading="lazy" decoding="async">
        </div>
        <div class="mc-blend-symbol">
          <span class="mc-x-mark">×</span>
          <p class="mc-x-text">絶妙ブレンド</p>
        </div>
        <div class="mc-bean-unit">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-vietnam-beans-p.webp" alt="ベトナム産コーヒー豆" loading="lazy" decoding="async">
        </div>
      </div>

      <div class="mc-hero-fusion-stage">
        <span class="mc-hero-plus-symbol">＋</span>
        <div class="mc-hero-gaba-orb-wrap">
          <div class="gaba-orb-wrapper">
            <div class="gaba-mystic-orb">
              <span class="gaba-orb-text">GABA</span>
            </div>
            <div class="gaba-particle p1"></div>
            <div class="gaba-particle p2"></div>
            <div class="gaba-particle p3"></div>
          </div>
          <p class="mc-hero-gaba-caption">機能性関与成分 GABA</p>
        </div>
      </div>

      <p class="mc-blend-desc-text">
        スッキリとしたブラジル産とコク深いベトナム産の豆を絶妙にブレンド。<br>
        毎日飽きずに楽しめる、本格的でホッとする風味に仕上げています。
      </p>

      <div class="mc-story-panel-wrap">
        <div class="mc-story-text-area">
          <p class="mc-story-head-text">
            開発段階で約<span class="mc-big-num">30</span>パターンもの<br class="mc-sp-only">ブレンド配合・調整を繰り返し、<br class="mc-sp-only">納得の1杯を完成させました！
          </p>
        </div>
        <div class="mc-story-img-area">
          <figure class="mc-polaroid">
            <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-Product01-p.webp" alt="実際のブレンド配合打合せ資料" loading="lazy" decoding="async">
            <figcaption>配合打合せの様子</figcaption>
          </figure>
        </div>
      </div>
    </div>

    <!-- エビデンス（科学的根拠）セクション -->
    <hr class="mc-inner-divider">
    
    <div class="mc-section-subhead" style="justify-content: center; margin-bottom: 24px;" role="heading" aria-level="6">
      <span>科学が証明する機能性</span>
    </div>

    <div class="mc-gaba-comparison-box">
      <div class="mc-gaba-title">
        スティック1本（1杯）で <span class="mc-tech-text">GABA 200mg配合</span>
      </div>
    </div>

    <div class="mc-graph-area">
      <div class="mc-bg-glow"></div>

      <div class="mc-clinical-header">
        <span class="mc-clinical-badge">CLINICAL TRIAL</span>
        <div class="mc-clinical-title">ヒト臨床試験における<br class="mc-sp-only">優位性の確認</div>
        <p class="mc-clinical-desc">
          認知機能の低下を感じる40歳以上の<br class="mc-sp-only">健康な男女120名<span class="mc-sup">※</span>を対象とした試験で、<br>
          <strong class="mc-tech-underline">12週間の継続摂取</strong>により、<br class="mc-sp-only">統計的に有意な維持・改善が見られました。
        </p>
      </div>
      
      <!-- エビデンスグラフ2列 -->
      <div class="mc-graph-grid">
        <div class="mc-graph-card highlight-tech">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-evidence-kioku-p.webp" alt="記憶力の維持に関する臨床試験データ" loading="lazy" decoding="async">
        </div>
        <div class="mc-graph-card highlight-tech">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-evidence-kuukan-p.webp" alt="空間認知力の維持に関する臨床試験データ" loading="lazy" decoding="async">
        </div>
      </div>

      <!-- 注記・出典論文 -->
      <div class="mc-citation-area">
        <p>※システマティックレビューで評価した研究2報の参加者の人数の合計</p>
        <p>※「持続的注意力（注意を持続させながら、作業を続ける力）」も同様に、システマティックレビューに含まれるヒト試験において、Cognitrax等を用いて評価された項目に基づいて届出しています。</p>
        <p>&lt;引用論文&gt; Yamatsu A., Nakamura U., Saddam HM., Horie N., Kaneko T., Kim M. Intake of 200 mg/day of γ-Aminobutyric Acid (GABA) Improves a Wide Range of Cognitive Functions – A Randomized, Double-blind, Placebo-controlled Parallelgroup Clinical Trial– 薬理と治療 48, 3, 461-474 (2020)</p>
        <p>※本商品を用いて行った実験ではありません。</p>
      </div>
    </div>

  </div>

  <div class="mc-card-footer">
    <div class="mc-official-tag">届出番号：J1384</div>
    <p class="mc-disclaimer">
      ※本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。<br>
      ※本品は、疾病の診断、治療、予防を目的としたものではありません。<br>
      ※アニメーションはイメージです。
    </p>
  </div>
</div>



<!-- ==========================================
  管理職向け ”ながら対策” （1枚画像＋リスト・温かみカラー）
  完全相対値（1.15rem死守）最適化版
========================================== -->
<div class="mc-nagara-wrapper">
  
  <div class="mc-premium-divider"></div>

  <div class="mc-nagara-heading">
    マネジメントの日常に<br class="mc-sp-only">自然に溶け込む<br class="mc-sp-only">
    <span class="mc-nagara-heading-accent">”ながらケア”</span>という選択
  </div>

  <div class="mc-nagara-flex">
    
    <!-- 左：1枚だけのメイン画像 -->
    <div class="mc-nagara-img-col">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/nagara-scene-004.webp" alt="デスクの上のMemory Coffee" loading="lazy">
      <span class="mc-nagara-img-label">いつもの1杯を置き換えるだけ</span>
    </div>

    <!-- 右：ながらシーンのリスト -->
    <div class="mc-nagara-list-col">
      
      <div class="mc-nagara-item">
        <div class="mc-nagara-icon">🗓️</div>
        <div class="mc-nagara-text-wrap">
          <span class="mc-nagara-title">予定を確認しながら</span>
          <span class="mc-nagara-desc">1日の流れを把握し、静かにスイッチを入れる朝に。</span>
        </div>
      </div>

      <div class="mc-nagara-item">
        <div class="mc-nagara-icon">📊</div>
        <div class="mc-nagara-text-wrap">
          <span class="mc-nagara-title">資料を読み込みながら</span>
          <span class="mc-nagara-desc">決裁書類や報告書に、じっくりと目を通す時間に。</span>
        </div>
      </div>

      <div class="mc-nagara-item">
        <div class="mc-nagara-icon">⏳</div>
        <div class="mc-nagara-text-wrap">
          <span class="mc-nagara-title">頭を切り替えながら</span>
          <span class="mc-nagara-desc">連続するタスクの合間、ほんの数分のリセットに。</span>
        </div>
      </div>

      <div class="mc-nagara-item">
        <div class="mc-nagara-icon">💬</div>
        <div class="mc-nagara-text-wrap">
          <span class="mc-nagara-title">部下の話を聞きながら</span>
          <span class="mc-nagara-desc">1on1や相談の場で、相手も自分もリラックスさせる1杯として。</span>
        </div>
      </div>

    </div>
  </div>

  <div class="mc-premium-divider is-bottom"></div>

</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
  /* --- ベースコンテナ（大黒柱） --- */
  .mc-nagara-wrapper {
    font-size: 1rem !important; /* 【PC側基準】 */
    width: 100% !important;
    max-width: 850px !important; /* px維持 */
    margin: 3em auto !important; /* 48px相当をem化 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box !important;
  }

  /* --- 区切り線（温かみのあるブラウン） --- */
  .mc-premium-divider {
    height: 1px !important; /* px維持 */
    background: linear-gradient(to right, transparent, #d4a373, transparent) !important;
    margin: 0 auto 2.2em !important; /* 35px相当をem化 */
    width: 90% !important;
  }
  .mc-premium-divider.is-bottom { 
    margin: 2.8em auto 0 !important; /* 45px相当をem化 */
  }

  /* --- 大見出し --- */
  .mc-nagara-heading {
    text-align: center !important;
    font-size: 1.4em !important; /* 1.5rem → 1.4em（大見出し階層として最適化） */
    font-weight: 800 !important;
    color: #3e3328 !important;
    line-height: 1.5 !important;
    margin-bottom: 2em !important; /* 32px相当をem化 */
    letter-spacing: 0.05em !important;
  }
  .mc-nagara-heading-accent {
    display: inline-block !important;
    color: #8b7355 !important;
    background: linear-gradient(transparent 65%, #faedcd 65%) !important;
  }

  /* --- 2カラムレイアウト（画像＋リスト） --- */
  .mc-nagara-flex {
    display: flex !important;
    align-items: center !important;
    gap: 2em !important; /* 32px相当をem化 */
    background: #ffffff !important;
    border: 1px solid #ebdcd0 !important; /* px維持 */
    border-radius: 16px !important; /* px維持 */
    padding: 1.5em !important; /* 24px相当をem化 */
    box-shadow: 0 8px 24px rgba(92, 79, 69, 0.06) !important; /* px維持 */
  }

  /* --- 左：メイン画像エリア --- */
  .mc-nagara-img-col {
    flex: 1 !important;
    border-radius: 12px !important; /* px維持 */
    overflow: hidden !important;
    background: #fdfbf7 !important;
    border: 1px solid #ebdcd0 !important; /* px維持 */
    position: relative !important;
  }
  .mc-nagara-img-col img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important; 
  }
  /* 画像上のキャプション */
  .mc-nagara-img-label {
    position: absolute !important;
    bottom: 0.75em !important; /* 12px相当をem化 */
    right: 0.75em !important; /* 12px相当をem化 */
    background: rgba(92, 79, 69, 0.8) !important;
    color: #ffffff !important;
    font-size: 0.85em !important; /* 0.85rem相当をem化（補足階層） */
    font-weight: 700 !important;
    padding: 0.4em 0.8em !important; /* 6px 12px相当をem化 */
    border-radius: 20px !important; /* px維持 */
    backdrop-filter: blur(4px) !important; /* px維持 */
  }

  /* --- 右：リストエリア --- */
  .mc-nagara-list-col {
    flex: 1.2 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1em !important; /* 16px相当をem化 */
  }
  .mc-nagara-item {
    display: flex !important;
    align-items: center !important;
    gap: 1em !important; /* 16px相当をem化 */
    background: #fdfbf7 !important;
    border: 1px solid #f0e6d2 !important; /* px維持 */
    padding: 1em !important; /* 16px相当をem化 */
    border-radius: 10px !important; /* px維持 */
    transition: transform 0.2s ease, border-color 0.2s ease !important;
  }
  .mc-nagara-item:hover {
    transform: translateX(4px) !important; /* px維持 */
    border-color: #d4a373 !important;
    background: #fff8f0 !important;
  }
  .mc-nagara-icon {
    font-size: 1.5em !important; /* 1.6rem → 1.5em */
    flex-shrink: 0 !important;
    width: 2em !important; /* 48px相当を親のemに連動 */
    height: 2em !important; /* 48px相当を親のemに連動 */
    background: #ffffff !important;
    border-radius: 8px !important; /* px維持 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important; /* px維持 */
    border: 1px solid #ebdcd0 !important; /* px維持 */
  }
  .mc-nagara-text-wrap {
    display: flex !important;
    flex-direction: column !important;
  }
  .mc-nagara-title {
    font-size: 1.1em !important; /* 1.25rem → 1.1em（中見出し階層） */
    font-weight: 800 !important;
    color: #3e3328 !important;
    margin-bottom: 0.25em !important; /* 4px相当をem化 */
  }

  /* ★ 解説テキスト（一番読みたい内容なので絶対に1emを死守！） */
  .mc-nagara-desc {
    font-size: 1em !important; /* 1.15rem → 1emに修正。スマホ時に確実に1.15remになります */
    color: #6b5c50 !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
  }

  /* --- スマホ表示時の改行制御 --- */
  @media (min-width: 601px) {
    .mc-sp-only { display: none !important; }
  }

  /* ▼ スマホ閲覧時の絶対ルール適用 ▼ */
  @media (max-width: 600px) {
    .mc-nagara-wrapper { 
      font-size: 1.15rem !important; /* 【スマホ側基準】本文を寸分違わず1.15rem化 */
      padding: 0 1em !important; /* 16px相当をem化 */
      margin: 2em auto !important; /* 32px相当をem化 */
    }
    .mc-premium-divider { margin-bottom: 1.5em !important; } /* 25px相当をem化 */
    .mc-premium-divider.is-bottom { margin-top: 2em !important; } /* 35px相当をem化 */
    
    .mc-nagara-heading { 
      /* スマホ時に文字を縮小させる指定は排除し、1.15remの連動を引き継がせます */
      margin-bottom: 1.5em !important; /* 24px相当をem化 */
    }
    
    /* スマホでは縦並びに */
    .mc-nagara-flex {
      flex-direction: column !important;
      padding: 1em !important; /* 16px相当をem化 */
      gap: 1.25em !important; /* 20px相当をem化 */
    }
    .mc-nagara-img-col { width: 100% !important; }
    .mc-nagara-list-col { width: 100% !important; gap: 0.85em !important; /* 14px相当をem化 */ }
    
    .mc-nagara-item { padding: 1em !important; gap: 0.85em !important; }
    /* ※スマホ時に文字を固定させる指定（1.25rem等）はすべて排除し、1.15rem（1em）の連動を100%引き継がせます */
  }
</style>



<p class="wp-block-paragraph">「コーヒー」に「GABA200mg」をプラスした機能性コーヒーです。</p>



<p class="wp-block-paragraph">ひとりでくつろぎながら、時には職場仲間とのコミュニケーションの間にもピッタリのコーヒーとなってます！</p>



<p class="wp-block-paragraph">毎日の多忙な生活の中に、ふと立ち止まるひとときにぜひ飲んでみてはいかがでしょうか？</p>



<p class="wp-block-paragraph">朝の出勤前や休憩中の一杯として、無理なく取り入れやすい設計です！</p>



<style>
/* Memory Coffee プレミアム・サファイアバナー（PC最適化＆強制上書き版） */
.mc-jewel-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  margin: 3em 0 !important;
  padding: 12px 24px !important; /* 左右の余白を少し詰めて空間を確保 */
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", serif;
  
  /* サファイアブルーの深層グラデーション背景 */
  background: radial-gradient(circle at center, #0047AB 0%, #002147 100%);
  
  /* 1pxの琥珀色の細い境界線 */
  border: 1px solid rgba(197, 160, 89, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 15px rgba(197, 160, 89, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 微細なコーヒー豆のテクスチャ（オーバーレイ） */
.mc-jewel-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c5 0 8-4 8-8s-3-8-8-8-8 4-8 8 3 8 8 8z' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  pointer-events: none;
}

/* ホバー時の宝石のような輝きの変化 */
.mc-jewel-banner:hover {
  transform: translateY(-3px);
  border-color: #FFBF00;
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 0 25px rgba(255, 191, 0, 0.2);
}

/* 左側：ロゴ・フレームエリア */
.mc-jb-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important; /* 少し間隔を詰めて横幅を節約 */
  z-index: 2;
}
.mc-jb-logo-frame {
  position: relative;
  padding: 6px;
  border: 1.5px solid #C5A059;
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}
/* 湯気・ミストの演出（ぼかし光） */
.mc-jb-logo-frame::after {
  content: "";
  position: absolute;
  top: -10px; left: 50%;
  width: 40px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(197,160,89,0.4) 0%, transparent 70%);
  filter: blur(8px);
  transform: translateX(-50%);
  animation: jbSteam 4s infinite alternate;
}
@keyframes jbSteam {
  from { opacity: 0.3; transform: translateX(-50%) translateY(0); }
  to { opacity: 0.6; transform: translateX(-50%) translateY(-5px); }
}
.mc-jb-logo-frame img {
  max-height: 44px !important;
  width: auto !important;
  display: block;
  filter: drop-shadow(0 0 5px rgba(197,160,89,0.5));
}

/* 中央：テキストエリア（縦並びに変更して窮屈さを解消） */
.mc-jb-center {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important; /* バッジとテキストを縦に配置 */
  align-items: flex-start !important; /* 左寄せ */
  justify-content: center !important;
  padding: 0 24px !important;
  gap: 6px !important;
  z-index: 2;
}
.mc-jb-badge {
  background: #C5A059;
  border: 1px solid #FFD700;
  color: #1e2147;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 0 !important; /* 縦並びのため右マージンをリセット */
  white-space: nowrap !important;
  display: inline-block !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mc-jb-text {
  color: #ffffff !important;
  font-size: 1.15em !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  white-space: nowrap !important; /* 意図しない改行を完全に防ぐ */
}

/* 右側：鮮やかなピュアオレンジのジュエルボタン */
.mc-jb-btn {
  background: linear-gradient(145deg, #FF8A00 0%, #FF5E00 50%, #DF4A00 100%) !important;
  border: 1px solid #FFAD33 !important;
  padding: 10px 24px !important; /* 横幅を節約 */
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 5px 15px rgba(223, 74, 0, 0.4), inset 0 2px 2px rgba(255,255,255,0.4) !important;
  position: relative;
  overflow: hidden;
  z-index: 2;
  white-space: nowrap !important; /* ボタン内の文字落ちを防ぐ */
}
/* ボタン上の光の走査（宝石の輝き） */
.mc-jb-btn::after {
  content: '';
  position: absolute;
  top: -50%; left: -100%;
  width: 50%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
  transform: rotate(30deg);
  animation: jbBtnShine 3s infinite;
}
@keyframes jbBtnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.mc-jb-btn-text {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.95em !important;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-jewel-banner { flex-direction: column !important; gap: 20px !important; padding: 25px !important; text-align: center !important; }
  .mc-jb-logo-frame { border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 15px !important; }
  .mc-jb-center { align-items: center !important; padding: 0 !important; gap: 12px !important; }
  .mc-jb-text { text-align: center !important; }
  .mc-jb-btn { width: 100% !important; justify-content: center !important; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-jewel-banner">
  
  <div class="mc-jb-left">
    <div class="mc-jb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-jb-center">
    <div class="mc-jb-badge">機能性表示食品</div>
    <p class="mc-jb-text">
      200mgのGABAを1杯に<br>コーヒーで手軽に機能ケア
    </p>
  </div>

  <div class="mc-jb-btn">
    <span class="mc-jb-btn-text">Memory Coffeeを詳しくみる ▶︎</span>
  </div>

</a>



<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&amp;family=Noto+Serif+JP:wght@400;700&amp;display=swap" rel="stylesheet">
<style>
.mc2-outer, .mc2-outer *, .mc2-outer *::before, .mc2-outer *::after { box-sizing: border-box; }

.mc2-outer {
  width: 100%;
  padding: 24px 0 32px;
}
.mc2-wrap { width: 100%; max-width: 920px; margin: 0 auto; }

.mc2-coupon-bar {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12.5px; font-weight: 700;
  color: #3A2FB0; text-align: center;
  margin: 0 0 10px; letter-spacing: .08em;
}

.mc2-card {
  position: relative;
  display: flex; align-items: stretch;
  text-decoration: none; border-radius: 16px; overflow: hidden;
  background: linear-gradient(120deg, #090640 0%, #1714A0 60%, #0C0965 100%);
  box-shadow: 0 8px 40px rgba(9,6,64,.5), 0 2px 12px rgba(23,20,160,.3);
  transition: transform .25s ease, box-shadow .25s ease;
  min-height: 148px;
}
.mc2-card::after {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none; z-index: 0;
}
.mc2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 52px rgba(9,6,64,.65), 0 4px 20px rgba(23,20,160,.4);
}

.mc2-brand {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 8px;
  padding: 22px 26px;
  background: rgba(0,0,0,.2);
  border-right: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
}
.mc2-amz-pill {
  background: #fff; border-radius: 6px;
  padding: 8px 18px;
  display: inline-flex; align-items: center;
  align-self: flex-start;
}
.mc2-amz-logo { height: 44px; width: auto; display: block; }
.mc2-name {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.375rem; font-weight: 700;
  color: #fff; margin: 0;
  white-space: nowrap; letter-spacing: .03em;
}
.mc2-tagline {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5);
  margin: 0; letter-spacing: .06em;
}

.mc2-mid {
  position: relative; z-index: 1;
  flex: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 14px;
  padding: 20px 28px;
}
.mc2-benefit {
  padding-left: 12px;
  border-left: 2px solid rgba(255,255,255,.22);
}
.mc2-benefit-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px; font-weight: 500;
  color: #fff; margin: 0 0 3px;
}
.mc2-benefit-sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5); margin: 0;
}

.mc2-right {
  position: relative; z-index: 1;
  flex-shrink: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 10px; padding: 24px 28px;
  border-left: 1px solid rgba(255,255,255,.06);
}
.mc2-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #E82020, #C41010);
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.875rem; font-weight: 700;
  padding: 13px 26px; border-radius: 30px;
  white-space: nowrap; letter-spacing: .04em;
  box-shadow: 0 3px 16px rgba(200,16,16,.45);
  transition: box-shadow .2s ease;
}
.mc2-card:hover .mc2-btn {
  box-shadow: 0 6px 26px rgba(200,16,16,.7);
}
.mc2-note {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9.5px; color: rgba(255,255,255,.35);
  margin: 0; text-align: center;
}

@media (max-width: 680px) {
  .mc2-outer { padding: 20px 0 28px; }
  .mc2-card { flex-direction: column; }
  .mc2-brand {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 20px 20px 16px;
  }
  .mc2-amz-pill { align-self: center; }
  .mc2-name { font-size: 1.25rem; white-space: normal; text-align: center; }
  .mc2-tagline { text-align: center; }
  .mc2-mid { padding: 16px 20px; gap: 12px; }
  .mc2-right {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 16px 20px 20px;
  }
  .mc2-btn { width: 100%; justify-content: center; font-size: 0.9375rem; }
  .mc2-note { white-space: normal; }
}
</style>

<div class="mc2-outer">
  <div class="mc2-wrap">

    <p class="mc2-coupon-bar">＼ 期間限定１７%OFF ／</p>

    <a href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener" class="mc2-card">

      <div class="mc2-brand">
        <div class="mc2-amz-pill">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" class="mc2-amz-logo">
        </div>
        <p class="mc2-name">Memory Coffee</p>
        <p class="mc2-tagline">記憶力を維持するGABA×コーヒー</p>
      </div>

      <div class="mc2-mid">
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Prime対応・最短翌日お届け</p>
          <p class="mc2-benefit-sub">お急ぎ便でいつでも手軽にお手元に</p>
        </div>
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Amazonのレビューで購入前に確認</p>
          <p class="mc2-benefit-sub">実際に飲んだ方の声を参考にできる</p>
        </div>
      </div>

      <div class="mc2-right">
        <div class="mc2-btn">
          17%OFFで購入する
          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <path d="M5 12H19M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </div>
        <p class="mc2-note"></p>
      </div>

    </a>

  </div>
</div>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/08/ikikaeru-jyoushi-coffee.webp" alt="" class="wp-image-6991" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/ikikaeru-jyoushi-coffee.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/08/ikikaeru-jyoushi-coffee-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/ikikaeru-jyoushi-coffee-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">まとめ│管理職は企業の「頭脳」そのものです</h2>



<!-- ==========================================
  今回の振り返り（まとめブロック完全相対値・1.15rem死守版）
========================================== -->
<div class="ksm-container">
  <div class="ksm-header">
    <span class="ksm-badge">今回の振り返り</span>
    <p class="ksm-title" role="heading" aria-level="3">押さえておきたい5つのポイント</p>
  </div>

  <ul class="ksm-list">
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>判断疲れは気合いや能力の衰えではない</strong>
        <p>意思決定を繰り返すことで、前頭前野に物質的な疲労（グルタミン酸の蓄積）が起きる脳の自然な現象です。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>「判断力低下」と「うっかり忘れ」は同時に起きる</strong>
        <p>意思決定と作業記憶（ワーキングメモリ）はどちらも前頭前野が司るため、判断疲れが起きると記憶・注意力の精度も低下します。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>判断を「ルール化・委任」して脳の負担を軽減する</strong>
        <p>判断基準をあらかじめ明文化し、任せられる仕事は部下に委任することで、前頭前野で処理する意思決定の総量を減らしましょう。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>重要な決断は前頭前野が元気な午前中に済ませる</strong>
        <p>疲労が進む夕方は単純作業やルーティンワークに充て、負荷の高い判断は朝の早い時間帯に集中させる使い分けが有効です。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>危険なサインがあれば、一人で抱え込まず専門機関へ</strong>
        <p>慢性的な不調や強いストレスを感じる場合は、セルフケアだけで対処しようとせず、産業医や心療内科、公的な相談窓口を頼りましょう。</p>
      </div>
    </li>
  </ul>
</div>

<style>
  /* ＝＝＝ コンテナ全体（大黒柱） ＝＝＝ */
  .ksm-container {
    font-size: 1rem !important; /* 【PC側基準】 */
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important; /* px維持 */
    border-top: 5px solid #2563eb !important; /* px維持 */
    border-radius: 12px !important; /* px維持 */
    padding: 1.5em !important; /* 24px相当をem化 */
    margin: 2.5em 0 !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important; /* px維持 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box !important;
  }

  /* ＝＝＝ ヘッダー領域 ＝＝＝ */
  .ksm-header { 
    margin-bottom: 1.5em !important; /* 24px相当をem化 */
  }
  .ksm-badge {
    display: inline-block !important; 
    background: #2563eb !important; 
    color: #ffffff !important;
    font-size: 0.85em !important; /* 0.95rem → 0.85em（補足階層として最適化） */
    font-weight: 700 !important; 
    padding: 0.25em 0.8em !important; /* 4px 12px相当をem化 */
    border-radius: 4px !important; /* px維持 */
    margin-bottom: 0.75em !important; /* 12px相当をem化 */
  }
  .ksm-title { 
    margin: 0 !important; 
    font-size: 1.4em !important; /* 1.4rem相当をem化（大見出し） */
    font-weight: 800 !important; 
    color: #0f172a !important; 
    line-height: 1.4 !important;
  }

  /* ＝＝＝ リスト領域 ＝＝＝ */
  .ksm-list { 
    list-style: none !important; 
    padding: 0 !important; 
    margin: 0 !important; 
    display: flex !important; 
    flex-direction: column !important; 
    gap: 1.25em !important; /* 20px相当をem化 */
  }
  .ksm-list li { 
    display: flex !important; 
    gap: 1em !important; /* 16px相当をem化 */
    align-items: flex-start !important; 
  }

  /* アイコン */
  .ksm-icon {
    flex-shrink: 0 !important; 
    width: 30px !important; /* 形状保護のためpx維持 */
    height: 30px !important; /* 形状保護のためpx維持 */
    border-radius: 50% !important; /* px維持 */
    background: #2563eb !important; 
    color: #ffffff !important; 
    font-size: 1em !important; /* 1.1rem → 1em */
    font-weight: 800 !important;
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    margin-top: 0.2em !important; /* 微調整 */
  }

  /* ＝＝＝ テキスト領域 ＝＝＝ */
  .ksm-content strong { 
    display: block !important; 
    font-size: 1.15em !important; /* 1.25rem → 1.15em（中見出し階層） */
    color: #0f172a !important; 
    margin-bottom: 0.4em !important; /* 6px相当をem化 */
    line-height: 1.4 !important;
  }
  
  /* ★ 解説テキスト（一番読みたい内容なので絶対に1emを死守！） */
  .ksm-content p { 
    margin: 0 !important; 
    font-size: 1em !important; /* 1.15rem → 1emに修正。スマホ時に確実に1.15remになります */
    color: #475569 !important; 
    line-height: 1.65 !important; 
  }

  /* ▼ スマホ閲覧時の絶対ルール適用 ▼ */
  @media (max-width: 600px) {
    .ksm-container { 
      font-size: 1.15rem !important; /* 【スマホ側基準】本文を寸分違わず1.15rem化 */
      padding: 1.25em 1em !important; /* スマホ用余白圧縮（20px 16px相当） */
    }
    .ksm-list { 
      gap: 1em !important; /* スマホ用余白圧縮（16px相当） */
    }
    .ksm-icon { 
      width: 26px !important; 
      height: 26px !important; 
    }
    /* ※スマホ時に文字を縮小させる指定（1.25rem等）はすべて排除し、1.15rem（1em）の連動を100%引き継がせます */
  }
</style>



<p class="wp-block-paragraph">判断疲れは、意志の弱さではなく、前頭前野という脳の部位に実際に起きている、物質レベルの変化です。</p>



<p class="wp-block-paragraph">そしてこの部位は、判断力だけでなく記憶にも深く関わっているため、「判断力も記憶力も鈍っている」と感じる日があるのは自然なことです。</p>



<p class="wp-block-paragraph"><strong>管理職は、企業のまさに「頭脳」と呼ぶべき職業です。</strong></p>



<p class="wp-block-paragraph"><strong>脳は一日に脳は、<span class="swl-marker mark_yellow">1日におよそ3万5000回もの判断や選択（決断）をしている</span>と言われています。</strong></p>



<p class="wp-block-paragraph">就業時間が8：30～17：20分だとすると、計算上、その<strong>就業時間内に脳はおよそ1万2900回の判断や選択を行っている</strong>ことになります。</p>



<p class="wp-block-paragraph">その判断回数に加えて、日々の自身の仕事のタスク量はもちろん、部下やチームのマネジメント管理から上司への報告さらには外部のクライアントからの要求と…。</p>



<p class="wp-block-paragraph">「判断の質」が求められる場面は、一般の方よりも多くなっているはずでしょう。</p>



<p class="wp-block-paragraph">会社のために、日々多くの「判断」を行っているため、自身の頭脳が疲れないはずはありません。</p>



<p class="wp-block-paragraph">判断のルール化と、日々のコンディションケア。</p>



<p class="wp-block-paragraph">両方を少しずつ整えながら、無理のないペースでマネジメント業務と向き合っていきましょう。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/08/jyoushi-kanzenfukkatu-01.webp" alt="" class="wp-image-6994" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/jyoushi-kanzenfukkatu-01.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/08/jyoushi-kanzenfukkatu-01-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/jyoushi-kanzenfukkatu-01-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
  FAQ セクション（SWELLテーマH2装飾リセット・完全相対値1.15rem死守版）
========================================== -->
<div class="faq-container">
  
  <div class="faq-header">
    <span class="faq-badge">Q&amp;A</span>
    <!-- 目次除外クラス「no-toc」を付与した正しいH2タグ -->
    <h2 class="faq-title no-toc">よくある質問（FAQ）</h2>
  </div>

  <div class="faq-list">

    <!-- FAQ 1 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>判断疲れは、誰にでも起こるものですか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>はい、判断を重ねるという行為自体が前頭前野に負荷をかけるため、程度の差はあれ、誰にでも起こりうる自然な現象とされています。管理職のように1日に多くの意思決定を求められる立場では、特に自覚しやすいと考えられます。</p>
      </div>
    </div>

    <!-- FAQ 2 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>判断疲れと、記憶力の低下は同時に起こりますか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>両方とも前頭前野という同じ脳の部位に関わっているため、同時に自覚されることがあります。ただし、これは一時的な疲労による機能低下であり、慢性的な物忘れや認知症とは異なるものです。心配な場合は自己判断せず、医療機関にご相談ください。</p>
      </div>
    </div>

    <!-- FAQ 3 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>判断疲れを感じたら、すぐに何をすればよいですか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>可能であれば、その場で重要な決定を下さず、一度休憩を取ることが有効とされています。日常的には、判断の総量を減らす仕組みづくりと、重要な判断を午前中に集中させる工夫が役立ちます。</p>
      </div>
    </div>

    <!-- FAQ 4 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>午後に突然、重い判断を伴うトラブルが起きたらどう対処すべきですか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>脳が疲弊している午後は「情報収集」と「最終決定」を切り離すのが鉄則です。状況整理だけをその日のうちに行い、「明日の朝までに判断する」と宣言して一晩寝かせることをお勧めします。どうしても即決が必要な場合は、5分間目を閉じて脳をクールダウンさせてから決断してください。</p>
      </div>
    </div>

  </div>
</div>

<!-- ==========================================
  FAQ デザイン用 CSS
========================================== -->
<style>
  /* ＝＝＝ コンテナ全体（大黒柱） ＝＝＝ */
  .faq-container {
    font-size: 1rem !important; /* 【PC側基準】 */
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important; /* px維持 */
    border-top: 5px solid #2563eb !important; /* px維持 */
    border-radius: 12px !important; /* px維持 */
    padding: 1.5em !important; /* 24px相当をem化 */
    margin: 2.5em 0 !important; /* 40px相当をem化 */
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important; /* px維持 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box !important;
  }
  
  .faq-header { 
    margin-bottom: 1.5em !important; /* 24px相当をem化 */
  }
  
  .faq-badge {
    display: inline-block !important; 
    background: #2563eb !important; 
    color: #ffffff !important;
    font-size: 0.85em !important; /* 0.95rem → 0.85em（補足階層として最適化） */
    font-weight: 700 !important; 
    padding: 0.25em 0.8em !important; /* 4px 12px相当をem化 */
    border-radius: 4px !important; /* px維持 */
    margin-bottom: 0.75em !important; /* 12px相当をem化 */
  }

  /* ★SWELLテーマのH2装飾を強制リセット★ */
  .faq-container h2.faq-title {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1.35em !important; /* 1.35rem → 1.35em（大見出し） */
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
  }
  /* SWELL特有の疑似要素（線やアイコンなど）を消去 */
  .faq-container h2.faq-title::before,
  .faq-container h2.faq-title::after {
    display: none !important;
    content: none !important;
  }

  .faq-list { 
    display: flex !important; 
    flex-direction: column !important; 
    gap: 1.1em !important; /* 18px相当をem化 */
  }
  
  .faq-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important; /* px維持 */
    border-radius: 8px !important; /* px維持 */
    padding: 1.25em !important; /* 20px相当をem化 */
  }

  /* 質問ブロック */
  .faq-question {
    display: flex !important;
    gap: 0.85em !important; /* 14px相当をem化 */
    align-items: flex-start !important;
    margin-bottom: 0.85em !important; /* 14px相当をem化 */
  }
  .faq-q-icon {
    flex-shrink: 0 !important; 
    width: 30px !important; /* 形状保護のためpx維持 */
    height: 30px !important; /* 形状保護のためpx維持 */
    border-radius: 50% !important; /* px維持 */
    background: #2563eb !important; 
    color: #ffffff !important; 
    font-size: 1em !important; /* 1.1rem → 1em */
    font-weight: 800 !important;
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important;
    margin-top: 0.1em !important; /* 微調整 */
  }
  
  /* ★ 質問テキスト（絶対に1emを死守！） */
  .faq-question p {
    margin: 0 !important; 
    font-size: 1em !important; /* 1.15rem → 1emに修正。スマホ時に確実に1.15remになります */
    font-weight: bold !important; 
    color: #0f172a !important; 
    line-height: 1.6 !important;
  }

  /* 回答ブロック */
  .faq-answer {
    display: flex !important;
    gap: 0.85em !important; /* 14px相当をem化 */
    align-items: flex-start !important;
    border-top: 1px dashed #e2e8f0 !important; /* px維持 */
    padding-top: 0.85em !important; /* 14px相当をem化 */
  }
  .faq-a-icon {
    flex-shrink: 0 !important; 
    width: 30px !important; /* 形状保護のためpx維持 */
    height: 30px !important; /* 形状保護のためpx維持 */
    border-radius: 50% !important; /* px維持 */
    background: #ef4444 !important; 
    color: #ffffff !important; 
    font-size: 1em !important; /* 1.1rem → 1em */
    font-weight: 800 !important;
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important;
    margin-top: 0.1em !important; /* 微調整 */
  }
  
  /* ★ 回答テキスト（絶対に1emを死守！） */
  .faq-answer p {
    margin: 0 !important; 
    font-size: 1em !important; /* 1.15rem → 1emに修正。スマホ時に確実に1.15remになります */
    color: #334155 !important; 
    line-height: 1.7 !important;
  }

  /* ▼ スマホ閲覧時の絶対ルール適用 ▼ */
  @media (max-width: 600px) {
    .faq-container { 
      font-size: 1.15rem !important; /* 【スマホ側基準】本文を寸分違わず1.15rem化 */
      padding: 1.25em 1em !important; /* スマホ用余白圧縮（20px 16px相当） */
    }
    .faq-item { 
      padding: 1em !important; /* スマホ用余白圧縮（16px相当） */
    }
    .faq-q-icon, .faq-a-icon { 
      width: 28px !important; 
      height: 28px !important; 
    }
    /* ※スマホ時に文字を固定させる指定（1.25rem等）はすべて排除し、1.15rem（1em）の連動を100%引き継がせます */
  }
</style>

<!-- ==========================================
  SEO用 構造化データ（JSON-LD）※変更なし
========================================== -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "判断疲れは、誰にでも起こるものですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "はい、判断を重ねるという行為自体が前頭前野に負荷をかけるため、程度の差はあれ、誰にでも起こりうる自然な現象とされています。管理職のように1日に多くの意思決定を求められる立場では、特に自覚しやすいと考えられます。"
      }
    },
    {
      "@type": "Question",
      "name": "判断疲れと、記憶力の低下は同時に起こりますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "両方とも前頭前野という同じ脳の部位に関わっているため、同時に自覚されることがあります。ただし、これは一時的な疲労による機能低下であり、慢性的な物忘れや認知症とは異なるものです。心配な場合は自己判断せず、医療機関にご相談ください。"
      }
    },
    {
      "@type": "Question",
      "name": "判断疲れを感じたら、すぐに何をすればよいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "可能であれば、その場で重要な決定を下さず、一度休憩を取ることが有効とされています。日常的には、判断の総量を減らす仕組みづくりと、重要な判断を午前中に集中させる工夫が役立ちます。"
      }
    },
    {
      "@type": "Question",
      "name": "午後に突然、重い判断を伴うトラブルが起きたらどう対処すべきですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "脳が疲弊している午後は「情報収集」と「最終決定」を切り離すのが鉄則です。状況整理だけをその日のうちに行い、「明日の朝までに判断する」と宣言して一晩寝かせることをお勧めします。どうしても即決が必要な場合は、5分間目を閉じて脳をクールダウンさせてから決断してください。"
      }
    }
  ]
}
</script>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
  あわせて読みたい（関連記事リンク）
========================================== -->
<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">

    
    
    <!-- 1記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/sustained-attention-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/sustained-attention-brain-focus-guide.webp" alt="持続的注意力とは？低下するメカニズムと維持する習慣">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">持続的注意力</div>
        <div class="end-card-title">持続的注意力が低下する原因と維持する4つの習慣</div>
      </div>
    </a>

<!-- 2記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/spatial-cognition-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/spatial-cognition-ability-aging-guide.webp" alt="空間認知力とは？低下するメカニズムと維持する習慣">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">空間認知力</div>
        <div class="end-card-title">空間認知力が落ちる理由と維持する習慣</div>
      </div>
    </a>

    <!-- 3記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/memory-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/memory-aging-maintenance-thumbnail.webp" alt="記憶力低下の仕組みは？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">記憶力</div>
        <div class="end-card-title">加齢で低下するメカニズムと科学的に維持する4つの習慣</div>
      </div>
    </a>

  </div>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
.end-section {
  background: #f7f4ee !important;
  border-top: 1px solid #e5dece !important;
  padding: 32px 20px 40px !important;
  margin-top: 48px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  box-sizing: border-box !important;
}

.end-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}

.end-header-bar {
  width: 5px !important;
  height: 22px !important;
  background: #c4993a !important;
  border-radius: 3px !important;
  flex-shrink: 0 !important;
}

.end-header-text {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
}

/* カードのレイアウト（スマホは1列、PCは3列） */
.end-cards {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

@media screen and (min-width: 600px) {
  .end-cards {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}

.end-card {
  display: block !important;
  background: #fff !important;
  border: 1px solid #e5dece !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: inherit !important;
  -webkit-tap-highlight-color: transparent !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
  transition: all 0.2s ease !important;
}

.end-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 12px rgba(196, 153, 58, 0.15) !important;
}

.end-card-img {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #d6c9a8 !important;
}

.end-card-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.end-card-body {
  padding: 16px !important;
}

.end-card-tag {
  display: inline-block !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: #8c6d2f !important;
  background: #fdfaf3 !important;
  border: 1px solid #e5dece !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
}

.end-card-title {
  font-size: 1.15rem !important; /* ★記事全体のルールに合わせて1.15remに統一 */
  font-weight: 700 !important;
  line-height: 1.6 !important;
  color: #1a1a1a !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
</style>



<!-- ==========================================
  免責事項・法定表示 セクション（PC:0.9rem / SP:1rem 連動版）
========================================== -->
<section class="mc-disclaimer-section">
    <div class="mc-disclaimer-box">
        <!-- ★ 目次回避 ＆ クローラー向けH2宣言（divへ変更） ★ -->
        <div class="mc-disclaimer-title" role="heading" aria-level="2">
            <span style="margin-right: 0.5em;">⚖️</span> 免責事項および重要事項
        </div>
        
        <ul class="mc-disclaimer-list">
            <li class="mc-disclaimer-item">
                <b class="mc-disclaimer-bold">1. 情報の正確性について：</b><br>
                本記事の内容は、脳科学に関する学術論文および一般的な公開情報に基づき、執筆時点の情報として整理したものです。<br>
                情報の正確性・最新性には細心の注意を払っておりますが、新たな研究知見により見解が更新される可能性があります。
            </li>
            <li class="mc-disclaimer-item">
                <b class="mc-disclaimer-bold">2. 個人差・心身の状態について：</b><br>
                本記事で紹介している内容は、一般的な傾向や工夫の一例を整理したものであり、特定の個人の心身の状態を診断・保証するものではありません。<br>
                判断疲れの感じ方には個人差があります。強い疲労感やストレス、気分の落ち込みが続く場合は、自己判断せず、産業医・心療内科等の専門家にご相談ください。
            </li>
            <li class="mc-disclaimer-item">
                <b class="mc-disclaimer-bold">3. 医療行為の代替ではありません：</b><br>
                本記事は一般的な健康情報の提供を目的としたものであり、医師による診断、治療、または処方に代わるものではありません。<br>
                また、紹介している成分や製品は、疾病の診断、治療、予防を目的としたものではありません。
            </li>
            <li class="mc-disclaimer-item">
                <b class="mc-disclaimer-bold">4. 効果の個人差について：</b><br>
                GABA等の機能性関与成分に関する記述は、一般的な届出情報・研究知見に基づくものであり、特定の製品の摂取によって全ての方に同様の効果を保証するものではありません。<br>
                体質や体調により、まれに合わない場合があります。ご自身の体調に合わせて、無理なく取り入れていただくために——持病のお薬（血圧に関するものなど）を服用中の方は、念のため医師・薬剤師にご確認のうえお召し上がりください。
            </li>
            <li class="mc-disclaimer-item">
                <b class="mc-disclaimer-bold">5. 損害への責任：</b><br>
                本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。<br>
                最終的な判断はご自身の責任において行っていただけますよう、お願い申し上げます。
            </li>
        </ul>

        <div class="mc-statutory-box">
            <b class="mc-statutory-bold">【機能性表示食品に関する表示】</b>
            <p>本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。</p>
            <p>本品は、疾病の診断、治療、予防を目的としたものではありません。</p>
            <p>食生活は、主食、主菜、副菜を基本に、食事のバランスを。</p>
        </div>
    </div>
</section>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
/* セクション外枠 */
.mc-disclaimer-section {
    width: 100% !important;
    max-width: none !important;
    margin: 2.5em auto !important; /* 40px相当 */
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif !important;
    color: #555 !important;
    line-height: 1.6 !important;
    border-top: 1px solid #eee !important; /* px維持 */
    padding-top: 2em !important; /* 30px相当 */
    box-sizing: border-box !important;
}

/* ＝＝＝ コンテナ全体（大黒柱：ここで基準サイズを少し下げる） ＝＝＝ */
.mc-disclaimer-box {
    font-size: 0.9rem !important; /* 【PC側基準】本文より少し小さい0.9remに設定 */
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important; /* px維持 */
    border-radius: 8px !important; /* px維持 */
    padding: 1.6em !important; /* 24px相当をem化 */
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important; /* px維持 */
}

/* 見出し */
.mc-disclaimer-title {
    font-size: 1.2em !important; /* 親の0.9remに対して1.2倍（少し目立たせる） */
    color: #222 !important;
    margin: 0 0 1em 0 !important; /* 16px相当をem化 */
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    background: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important;
}

/* WordPressテーマ等による見出し疑似要素の発生を完全リセット */
.mc-disclaimer-box .mc-disclaimer-title::before,
.mc-disclaimer-box .mc-disclaimer-title::after {
    content: none !important;
    display: none !important;
}

/* 免責事項リスト */
.mc-disclaimer-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1em !important; /* 親のサイズを100%引き継ぐ */
    text-align: justify !important;
}
.mc-disclaimer-item { margin-bottom: 1em !important; }
.mc-disclaimer-item:last-child { margin-bottom: 0 !important; }

/* インラインCSS撤廃用：太字ハイライト */
.mc-disclaimer-bold { color: #222 !important; }

/* 法定表示ボックス */
.mc-statutory-box {
    margin-top: 1.6em !important; /* 24px相当をem化 */
    padding-top: 1em !important; /* 16px相当をem化 */
    border-top: 1px dashed #cbd5e1 !important; /* px維持 */
    font-size: 1em !important; /* 親のサイズを100%引き継ぐ */
    color: #475569 !important;
}
.mc-statutory-bold {
    color: #222 !important;
    display: block !important;
    margin-bottom: 0.5em !important; /* 8px相当をem化 */
}
.mc-statutory-box p { margin: 0 0 0.6em 0 !important; /* 10px相当をem化 */ }
.mc-statutory-box p:last-child { margin-bottom: 0 !important; }

/* ▼ スマホ閲覧時の絶対ルール適用 ▼ */
@media (max-width: 600px) {
    .mc-disclaimer-section { 
        margin: 2.5em 0 !important; 
        padding-top: 1.25em !important; 
        border-top: none !important; 
    }
    .mc-disclaimer-box { 
        font-size: 1rem !important; /* 【スマホ側基準】読みやすさを確保しつつ本文(1.15rem)より小さい1rem化 */
        border-radius: 0 !important; 
        border-left: none !important; 
        border-right: none !important; 
        padding: 1.5em 1em !important; /* スマホ用余白圧縮 */
    }
    /* ※スマホ時に文字を固定させる指定はすべて排除し、コンテナ（1rem）の連動を100%引き継がせます */
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
  著者情報ボックス（スマホ1rem調整版）
========================================== -->
<div class="author-box-container">
    
    <div class="author-box-top-border"></div>
    
    <div class="author-box-content">
        <div class="author-logo">
            <div class="author-logo-inner">
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" loading="lazy">
            </div>
        </div>

        <div class="author-text">
            <div class="author-title-wrap">
                <span class="author-badge">著者</span>
                <div class="author-title">メモコーマガジン編集部</div>
            </div>
            <p class="author-desc">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に、客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div class="author-box-footer">
        <p class="author-footer-text">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
    
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
/* 全体コンテナ */
.author-box-container {
    width: 100%;
    max-width: 700px;
    margin: 40px auto;
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
    box-sizing: border-box;
}

/* 上部のアクセントライン */
.author-box-top-border {
    height: 5px;
    background: linear-gradient(to right, #1A2A40, #C5A059);
}

/* メインコンテンツエリア */
.author-box-content {
    padding: 32px 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* ロゴ部分 */
.author-logo {
    flex: 0 0 80px;
    margin-right: 24px;
}

.author-logo-inner {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 2px solid #f0f4f7;
    overflow: hidden;
    background: #f4f7f9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.author-logo-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* テキスト部分 */
.author-text {
    flex: 1;
    min-width: 250px;
}

.author-title-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px;
    gap: 10px;
}

.author-badge {
    font-size: 0.875rem;
    font-weight: bold;
    background: #1A2A40;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

.author-title {
    font-size: 1.25rem;
    color: #1A2A40;
    font-weight: bold;
    white-space: nowrap;
    margin: 0;
}

.author-desc {
    margin: 0;
    font-size: 0.9375rem;
    color: #444444;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-character;
}

.author-desc b {
    color: #1A2A40;
}

/* フッター（注記）部分 */
.author-box-footer {
    background: #f9f9f9;
    padding: 16px 24px;
    border-top: 1px solid #eee;
}

.author-footer-text {
    margin: 0;
    font-size: 13px;
    color: #666666;
    line-height: 1.6;
}

/* ==========================================
  モバイル表示最適化 (スマホサイズ 1rem調整版)
========================================== */
@media screen and (max-width: 600px) {
    .author-box-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 24px 16px;
    }
    .author-logo {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .author-logo-inner {
        width: 80px;
        height: 80px;
    }
    .author-text {
        text-align: center;
    }
    .author-title-wrap {
        justify-content: center;
        margin-bottom: 16px;
    }
    
    /* ▼ ヒエラルキーと1rem対応 ▼ */
    .author-badge {
        font-size: 0.95rem; /* バッジも少し見やすく */
        padding: 4px 12px;
    }
    .author-title {
        font-size: 1.2rem; /* 名前部分 */
    }
    .author-desc {
        font-size: 1rem; /* ご指定の1rem */
        text-align: left; /* スマホでも左揃えの方が長文は読みやすいです */
        line-height: 1.75;
    }
    .author-box-footer {
        padding: 16px;
    }
    .author-footer-text {
        font-size: 0.85rem; /* 注記も少しだけサイズアップ */
        text-align: left;
    }
}
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 0.875rem; color: #333; border: 1px solid #ddd;">
        <tbody><tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </tbody></table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>持続的注意力とは？加齢で低下するメカニズムと科学的に維持する4つの習慣</title>
		<link>https://memory-coffee.jp/magazine/sustained-attention-aging-maintenance/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Fri, 08 May 2026 13:06:53 +0000</pubDate>
				<category><![CDATA[持続的注意力]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=5174</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/sustained-attention-brain-focus-guide-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ この記事でわかること 「集中力がない」と「持続的 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/sustained-attention-brain-focus-guide-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 0.9375rem; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 0.9375rem; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<!-- ==========================================
  記事冒頭：要点まとめボックス（持続的注意力版・黄色マーカー）
========================================== -->

<div class="memory-summary-box">
  <div class="memory-summary-title">この記事でわかること</div>
  <ul class="memory-summary-list">
    <li>「集中力がない」と「持続的注意力の低下」は、<span class="memory-summary-highlight">実は別の話だった理由</span></li>
    <li>前頭前野・ドーパミン・脳の過緊張が<span class="memory-summary-highlight">注意力を蝕む3つのメカニズム</span></li>
    <li>今日からできる、<span class="memory-summary-highlight">科学的根拠に基づいた4つの維持習慣</span></li>
    <li><span class="memory-summary-highlight">GABA</span>が持続的注意力の維持をサポートする仕組み</li>
  </ul>
</div>

<style>
/* ボックス全体 */
.memory-summary-box {
  background-color: #f2f7fb !important; 
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.6) 2px,
    transparent 2px,
    transparent 8px
  ) !important;
  border: 1px solid #e1e9f0 !important;
  border-radius: 6px !important;
  padding: 2.5em 2em !important;
  margin: 2em 0 3em 0 !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important;
  position: relative !important;
  overflow: hidden !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
  box-sizing: border-box !important;
}

/* 透かし文字（POINT） */
.memory-summary-box::after {
  content: "POINT" !important;
  position: absolute !important;
  bottom: -15px !important;
  right: 0px !important;
  font-size: 5em !important;
  font-weight: 800 !important;
  color: rgba(37, 99, 235, 0.04) !important;
  line-height: 1 !important;
  pointer-events: none !important;
  letter-spacing: -0.02em !important;
  z-index: 1 !important;
}

/* タイトル（PC） */
.memory-summary-title {
  font-size: 1.2rem !important; 
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 1.5em !important;
  display: flex !important;
  align-items: center !important;
  letter-spacing: 0.08em !important;
  position: relative !important;
  z-index: 2 !important;
}
.memory-summary-title::before {
  content: '💡' !important;
  display: inline-block !important;
  margin-right: 12px !important;
  font-size: 1.1em !important;
  line-height: 1 !important;
}

/* 箇条書きリスト */
.memory-summary-list {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* リストテキスト・本文（PC） */
.memory-summary-list li {
  position: relative !important;
  padding-left: 2em !important;
  margin-bottom: 1.2em !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  font-size: 1rem !important; 
  letter-spacing: 0.03em !important;
  font-weight: 500 !important;
}

/* チェックマーク */
.memory-summary-list li::before {
  content: '✓' !important;
  position: absolute !important;
  left: 0 !important;
  top: -0.1em !important;
  color: #2563eb !important;
  font-weight: bold !important;
  font-size: 1.3em !important;
}
.memory-summary-list li:last-child { 
  margin-bottom: 0 !important; 
}

/* マーカーハイライト（黄色に変更） */
.memory-summary-highlight {
  color: #1a1a1a !important;
  font-weight: 800 !important;
  background: linear-gradient(transparent 65%, #fef08a 0) !important; /* ←ここを青から黄色に変更しました */
}

/* スマホ表示最適化 */
@media (max-width: 600px) {
  .memory-summary-box { 
    padding: 1.5em 1.2em !important; 
    margin: 1.5em 0 2em 0 !important; 
  }
  /* タイトル（スマホ） */
  .memory-summary-title { 
    margin-bottom: 1.2em !important; 
    font-size: 1.35rem !important; 
  }
  /* リストテキスト・本文（スマホ） */
  .memory-summary-list li { 
    padding-left: 1.7em !important; 
    margin-bottom: 1em !important; 
    line-height: 1.7 !important; 
    font-size: 1.15rem !important; 
  }
  .memory-summary-box::after { 
    font-size: 3.5em !important; 
    bottom: -10px !important; 
    right: -5px !important; 
  }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidashikyara-9.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-on"><div class="c-balloon__text">
<p>最初は集中できてるのに、 途中から頭に入らなくなる</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="green"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-03.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-on"><div class="c-balloon__text">
<p>同じ行を何度も読み返してしまう？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-05.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-on"><div class="c-balloon__text">
<p>気づいたら全然違うサイトを 開いていた…</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">情報処理量が増えているのに、なぜ現代人の注意力は下がっているのでしょうか？</p>



<p class="wp-block-paragraph">スマートフォン、パソコン、会議、通知…。</p>



<p class="wp-block-paragraph">私たちは1日に<strong><span class="swl-marker mark_yellow">膨大な量の情報を処理しながら生きています</span></strong>。</p>



<p class="wp-block-paragraph">それだけ脳を使っているはずなのに、「作業に集中し続けられない」「会議の内容が頭に入らない」「同じところを何度も読み返してしまう」という経験をする人は、年々増えています。</p>



<p class="wp-block-paragraph">この逆説には、はっきりとした脳科学的な答えがあります。</p>



<p class="wp-block-paragraph">問題は「情報の量」ではなく、<strong><span class="swl-marker mark_yellow">「注意の質」</span></strong>にあります。</p>



<p class="wp-block-paragraph">そしてその質を司っているのが<strong>「持続的注意力」</strong>と呼ばれる、脳の特定の機能です。</p>



<p class="wp-block-paragraph">この記事では、持続的注意力とは何か？、なぜ現代社会と加齢の組み合わせがこの機能を特に脅かすのか、そして科学的根拠に基づいた維持習慣を、脳のメカニズムから丁寧に解説します。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">持続的注意力とは何か？│「集中力」との違いから理解する</h2>



<h3 class="wp-block-heading">集中力は「瞬発力」<strong>、持続的注意力は</strong>「持久力」</h3>



<p class="wp-block-paragraph">日常で私たちが「集中力」と呼んでいるものには、実は複数の異なる脳の機能が混在しています。</p>



<p class="wp-block-paragraph"><strong>集中力</strong>とは、ある特定の対象に意識をグッと向ける、いわば<strong><span class="swl-marker mark_yellow">「スポットライトを当てる力」</span></strong>です。</p>



<p class="wp-block-paragraph">好きな映画を観るときや、面白い本を読むときに自然と発揮されるものです。</p>



<div class="focus-concept-wrapper" id="focus-animation-area">
    <div class="focus-bg"></div>
    <div class="focus-spotlight"></div>
    
    <div class="focus-text focus-text-normal">日常（注意が分散している状態）</div>
    <div class="focus-text focus-text-active">集中力（対象にスポットライト）</div>

    <div class="focus-items">
        <div class="item noise">
            📱<span>SNS・通知</span>
        </div>
        <div class="item target">
            🎬<span>好きな映画</span>
        </div>
        <div class="item noise">
            ☕️<span>別の考え事</span>
        </div>
    </div>
</div>

<!-- ★ 追加：アニメーション注釈 ★ -->
<div class="mc-animation-disclaimer">
    ※アニメーションはイメージです。
</div>

<style>
/* コンテナ（スマホ・PC両対応） */
.focus-concept-wrapper {
    position: relative;
    width: 100%;
    height: clamp(220px, 45vw, 300px);
    border-radius: 12px;
    overflow: hidden;
    margin: 20px 0 8px 0; /* 下部のマージンを注釈に合わせて調整 */
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    border: 1px solid #ddd;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* ★ 追加：注釈用のスタイル（他の図解と共通） ★ */
.mc-animation-disclaimer {
    text-align: left !important;
    font-size: 0.85rem;
    color: #718096; 
    line-height: 1.6;
    margin-bottom: 24px;
    padding: 0 5px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    word-break: keep-all;
}

/* 背景 */
.focus-bg {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #f0f7ff;
}
/* is-activeクラス付与時にアニメーション開始 */
.focus-concept-wrapper.is-active .focus-bg {
    animation: bgAnim 8s infinite ease-in-out;
}

/* 状態を説明するテキスト */
.focus-text {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    font-size: clamp(0.9rem, 3.5vw, 1.2rem);
    padding: 8px 20px;
    border-radius: 30px;
    z-index: 10;
    white-space: nowrap;
}

.focus-text-normal {
    color: #4a5568;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #cbd5e0;
    opacity: 1;
}
.focus-concept-wrapper.is-active .focus-text-normal {
    animation: textFadeOut 8s infinite ease-in-out;
}

.focus-text-active {
    color: #fff;
    background: #3182ce;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.4);
    opacity: 0;
}
.focus-concept-wrapper.is-active .focus-text-active {
    animation: textFadeIn 8s infinite ease-in-out;
}

/* アイテムの配置 */
.focus-items {
    position: absolute;
    top: 55%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 5;
    transform: translateY(-50%); 
}

.item {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: clamp(2.5rem, 8vw, 4rem);
    transition: all 0.5s;
}

.item span {
    font-size: clamp(0.7rem, 2.5vw, 1rem);
    font-weight: bold;
    margin-top: 12px;
    white-space: nowrap;
}

/* ノイズ（雑音） */
.item.noise {
    font-size: clamp(1.8rem, 6vw, 3rem);
    opacity: 1; 
    filter: blur(0); 
    color: #4a5568;
}
.focus-concept-wrapper.is-active .item.noise {
    animation: noiseFade 8s infinite ease-in-out;
}

/* ターゲット（映画） */
.item.target {
    transform: scale(1); 
    filter: blur(0); 
    color: #2d3748;
}
.focus-concept-wrapper.is-active .item.target {
    animation: targetPop 8s infinite ease-in-out;
}

/* スポットライトの光 */
.focus-spotlight {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    width: clamp(160px, 45vw, 250px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.2) 50%, transparent 70%);
    opacity: 0;
    z-index: 2;
}
.focus-concept-wrapper.is-active .focus-spotlight {
    animation: spotlightAnim 8s infinite ease-in-out;
}


/* =========================================
   スマホ用フォントサイズ上書き（レスポンシブ）
========================================= */
@media (max-width: 600px) {
    .focus-concept-wrapper {
        height: 320px; /* テキスト拡大に伴い、高さを確保して見切れを防ぐ */
    }
    .focus-text {
        font-size: 1.15rem; /* スマホ基準サイズ */
        padding: 10px 24px;
    }
    .item span {
        font-size: 0.95rem; /* 下部ラベルの拡大（横幅とのバランスを考慮） */
        margin-top: 14px;
    }
    .item {
        font-size: 3.5rem; /* メインアイコンの拡大 */
    }
    .item.noise {
        font-size: 2.2rem; /* ノイズアイコンの拡大 */
    }
    /* ★ 追加：スマホでの注釈サイズ調整 ★ */
    .mc-animation-disclaimer { 
        font-size: 0.75rem; 
        margin-bottom: 30px; 
        padding: 0 10px; 
    }
}


/* --- アニメーションのキーフレーム（8秒周期） --- */
@keyframes bgAnim {
    0%, 15% { background-color: #f0f7ff; }
    25%, 80% { background-color: #1a1d21; } 
    90%, 100% { background-color: #f0f7ff; }
}
@keyframes textFadeOut {
    0%, 15% { opacity: 1; }
    25%, 80% { opacity: 0; }
    90%, 100% { opacity: 1; }
}
@keyframes textFadeIn {
    0%, 15% { opacity: 0; }
    25%, 80% { opacity: 1; }
    90%, 100% { opacity: 0; }
}
@keyframes noiseFade {
    0%, 15% { opacity: 1; filter: blur(0); color: #4a5568; }
    25%, 80% { opacity: 0.1; filter: blur(4px); color: #1a1d21; }
    90%, 100% { opacity: 1; filter: blur(0); color: #4a5568; }
}
@keyframes targetPop {
    0%, 15% { transform: scale(1); filter: blur(0); color: #2d3748; }
    25%, 80% { transform: scale(1.1); filter: drop-shadow(0 0 10px rgba(255,255,255,0.4)); color: #fff; }
    90%, 100% { transform: scale(1); filter: blur(0); color: #2d3748; }
}
@keyframes spotlightAnim {
    0%, 15% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
    25%, 80% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
    90%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
}
</style>

<script>
// スクロール検知用JavaScript
document.addEventListener("DOMContentLoaded", function() {
    const options = {
        root: null,
        rootMargin: "0px",
        threshold: 0.5 
    };

    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-active');
            } 
            else {
                entry.target.classList.remove('is-active');
            }
        });
    }, options);

    const targetElement = document.getElementById('focus-animation-area');
    if (targetElement) {
        observer.observe(targetElement);
    }
});
</script>



<p class="wp-block-paragraph">一方で<strong>持続的注意力</strong>とは、<strong><span class="swl-marker mark_yellow">「注意を維持させながら、作業を続ける力」</span></strong>のことです。</p>



<p class="wp-block-paragraph">単に注意を向けるだけでなく、それを一定時間にわたって安定して保ち続けることが求められます。</p>



<div class="sustained-focus-wrapper" id="sustained-focus-animation-area">
    <!-- 背景は常に集中状態（暗闇） -->
    <div class="sf-bg"></div>
    
    <!-- 揺るがないスポットライト -->
    <div class="sf-spotlight"></div>
    
    <div class="sf-text">持続的注意力（一定時間、安定して保つ）</div>

    <!-- ターゲット（作業） -->
    <div class="sf-target">
        💻<span>長時間の作業・会議</span>
    </div>

    <!-- 邪魔をしようとする雑念（ノイズ） -->
    <div class="sf-noise noise-1">📱<span>通知</span></div>
    <div class="sf-noise noise-2">💭<span>別の考え</span></div>
    <div class="sf-noise noise-3">🗣️<span>周囲の音</span></div>
    <div class="sf-noise noise-4">✉️<span>メール</span></div>

    <!-- 時間の経過を示すプログレスバー -->
    <div class="sf-time-container">
        <div class="sf-time-text">経過時間</div>
        <div class="sf-time-bar-bg">
            <div class="sf-time-bar-fill"></div>
        </div>
    </div>
</div>

<!-- ★ 追加：アニメーション注釈 ★ -->
<div class="mc-animation-disclaimer">
    ※アニメーションはイメージです。
</div>

<style>
/* コンテナ（スマホ・PC両対応） */
.sustained-focus-wrapper {
    position: relative;
    width: 100%;
    height: clamp(240px, 50vw, 320px);
    border-radius: 12px;
    overflow: hidden;
    margin: 20px 0 8px 0; /* 下部のマージンを注釈に合わせて調整 */
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    border: 1px solid #2d3748;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    background-color: #1a1d21; /* 常に深い集中状態の背景 */
}

/* ★ 追加：注釈用のスタイル（他の図解と共通） ★ */
.mc-animation-disclaimer {
    text-align: left !important;
    font-size: 0.85rem;
    color: #718096; 
    line-height: 1.6;
    margin-bottom: 24px;
    padding: 0 5px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    word-break: keep-all;
}

/* 状態を説明するテキスト */
.sf-text {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    font-size: clamp(0.9rem, 3.5vw, 1.2rem);
    padding: 8px 20px;
    border-radius: 30px;
    z-index: 10;
    white-space: nowrap;
    color: #fff;
    background: #2b6cb0; /* 落ち着いた深いブルー */
    box-shadow: 0 2px 10px rgba(43, 108, 176, 0.5);
}

/* ターゲット（作業） */
.sf-target {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: clamp(3rem, 10vw, 5rem);
    color: #fff;
    z-index: 5;
    filter: drop-shadow(0 0 15px rgba(255,255,255,0.6));
}

.sf-target span {
    font-size: clamp(0.8rem, 2.5vw, 1.1rem);
    font-weight: bold;
    margin-top: 10px;
    color: #fff;
    white-space: nowrap;
}

/* 揺るがないスポットライト */
.sf-spotlight {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.98);
    width: clamp(180px, 50vw, 280px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.15) 50%, transparent 70%);
    z-index: 2;
    opacity: 0.9;
}
/* スクロールで画面に入ったら安定した光のアニメーション開始 */
.sustained-focus-wrapper.is-active .sf-spotlight {
    animation: steadyLight 4s infinite alternate ease-in-out;
}

/* 雑念（ノイズ）の共通スタイル */
.sf-noise {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: clamp(1.5rem, 5vw, 2.5rem);
    color: #a0aec0;
    z-index: 4;
    opacity: 0;
}
.sf-noise span {
    font-size: clamp(0.6rem, 2vw, 0.8rem);
    margin-top: 5px;
    white-space: nowrap;
}

/* --- ノイズの初期位置（上下左右に散らす） --- */
.noise-1 { top: 25%; left: 8%; transform: translateX(-20px); }
.noise-2 { top: 25%; right: 8%; transform: translateX(20px); }
.noise-3 { top: 62%; left: 8%; transform: translateX(-20px); }
.noise-4 { top: 62%; right: 8%; transform: translateX(20px); }

/* --- スクロールで作動（2.5秒間隔で次々と襲来） --- */
.sustained-focus-wrapper.is-active .noise-1 { animation: noiseAttackLeft 10s infinite ease-in-out 0s; }
.sustained-focus-wrapper.is-active .noise-2 { animation: noiseAttackRight 10s infinite ease-in-out 2.5s; }
.sustained-focus-wrapper.is-active .noise-3 { animation: noiseAttackLeft 10s infinite ease-in-out 5s; }
.sustained-focus-wrapper.is-active .noise-4 { animation: noiseAttackRight 10s infinite ease-in-out 7.5s; }

/* 時間の経過バー */
.sf-time-container {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    z-index: 10;
}

.sf-time-text {
    color: #e2e8f0;
    font-size: clamp(0.7rem, 2vw, 0.9rem);
    margin-bottom: 5px;
    text-align: left;
}

.sf-time-bar-bg {
    width: 100%;
    height: 6px;
    background-color: #4a5568;
    border-radius: 3px;
    overflow: hidden;
}

.sf-time-bar-fill {
    height: 100%;
    background-color: #63b3ed; /* 明るいブルーの進行バー */
    width: 0%;
}
/* スクロールで作動（10秒かけてゲージが貯まる） */
.sustained-focus-wrapper.is-active .sf-time-bar-fill {
    animation: timeProgress 10s infinite linear;
}


/* =========================================
   スマホ用フォントサイズ上書き（レスポンシブ）
========================================= */
@media (max-width: 600px) {
    .sustained-focus-wrapper {
        height: 350px; 
    }
    .sf-text {
        font-size: 1.15rem; 
        padding: 10px 24px;
    }
    .sf-target {
        font-size: 4rem; 
    }
    .sf-target span {
        font-size: 1rem; 
        margin-top: 14px;
    }
    .sf-noise {
        font-size: 2.2rem; 
    }
    .sf-noise span {
        font-size: 0.9rem; 
        margin-top: 8px;
    }
    .sf-time-text {
        font-size: 0.95rem; 
        margin-bottom: 8px;
    }
    /* ★ 追加：スマホでの注釈サイズ調整 ★ */
    .mc-animation-disclaimer { 
        font-size: 0.75rem; 
        margin-bottom: 30px; 
        padding: 0 10px; 
    }
}


/* --- アニメーションキーフレーム --- */
@keyframes steadyLight {
    0% { transform: translate(-50%, -50%) scale(0.98); opacity: 0.9; }
    100% { transform: translate(-50%, -50%) scale(1.02); opacity: 1; }
}
@keyframes noiseAttackLeft {
    0%, 10% { transform: translateX(-20px); opacity: 0; filter: blur(2px); }
    15% { transform: translateX(10px); opacity: 0.8; filter: blur(0); }
    20%, 100% { transform: translateX(-10px); opacity: 0; filter: blur(4px); } 
}
@keyframes noiseAttackRight {
    0%, 10% { transform: translateX(20px); opacity: 0; filter: blur(2px); }
    15% { transform: translateX(-10px); opacity: 0.8; filter: blur(0); }
    20%, 100% { transform: translateX(10px); opacity: 0; filter: blur(4px); }
}
@keyframes timeProgress {
    0% { width: 0%; }
    100% { width: 100%; }
}
</style>

<script>
// スクロール検知用JavaScript（持続的注意力版）
document.addEventListener("DOMContentLoaded", function() {
    const options = {
        root: null,
        rootMargin: "0px",
        threshold: 0.5 
    };

    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-active');
            } 
            else {
                // 画面外に出たらリセットし、再度見えた時に最初から動かす
                entry.target.classList.remove('is-active');
            }
        });
    }, options);

    const targetElement = document.getElementById('sustained-focus-animation-area');
    if (targetElement) {
        observer.observe(targetElement);
    }
});
</script>



<p class="wp-block-paragraph">たとえば、</p>



<ul class="wp-block-list">
<li><strong>1時間の会議を最初から最後まで追い続ける</strong></li>



<li><strong>長い書類を読み飛ばさずに確認する</strong></li>



<li><strong>単調な入力作業をミスなく続ける</strong></li>
</ul>



<p class="wp-block-paragraph">など、これらはすべて、持続的注意力が支えている日常の場面です。</p>



<p class="wp-block-paragraph">「好きなことには集中できるのに、仕事になると続かない」という経験をお持ちの方も多いでしょう。</p>



<p class="wp-block-paragraph">これは意志の問題ではありません。</p>



<p class="wp-block-paragraph">「好きなことへの集中」と「持続的注意力」は、<strong>脳の働き方として根本的に異なるもの</strong>だからです。</p>



<div class="ac-compare-wrapper">
    <div role="heading" aria-level="3" class="ac-compare-header">
        <span class="ac-header-icon">⚖️</span>
        「好きなことへの集中」と「持続的注意力」の決定的な違い
    </div>

    <div class="ac-compare-container">
        <div class="ac-card ac-card-auto">
            <div class="ac-card-title-area">
                <div class="ac-badge ac-badge-auto">自動操縦（ボトムアップ型）</div>
                <div class="ac-card-title">好きなことへの集中</div>
            </div>
            
            <div class="ac-content-box">
                <div class="ac-box-label">🧠 働く仕組み</div>
                <p class="ac-desc">
                    脳の<strong>「報酬系」</strong>と呼ばれるネットワークが主役です。<br>
                    「楽しい」「ワクワクする」という刺激によってドーパミンが分泌され、脳が<strong>無意識のうちに</strong>その対象に惹きつけられます。<br>
                </p>
            </div>
            
            <div class="ac-content-box ac-box-highlight-auto">
                <div class="ac-box-label">🚴‍♂️ 特徴：下り坂の自転車</div>
                <p class="ac-desc">
                    例えるなら「下り坂を自転車でシャーっと駆け下りている状態」です。<br>
                    前頭前野のエネルギー（意志力やコントロール力）をほとんど消費せず、努力なしで自動的に持続します。<br>
                </p>
            </div>
        </div>

        <div class="ac-card ac-card-manual">
            <div class="ac-card-title-area">
                <div class="ac-badge ac-badge-manual">手動制御（トップダウン型）</div>
                <div class="ac-card-title">持続的注意力 <span style="font-size: 0.8rem; font-weight: normal;">(仕事など)</span></div>
            </div>
            
            <div class="ac-content-box">
                <div class="ac-box-label">🧠 働く仕組み</div>
                <p class="ac-desc">
                    脳の司令塔である<strong>「前頭前野」</strong>が主役です。<br>
                    「今はこれをやらなければならない」という目標を維持しつつ、周囲のノイズ（スマホの通知や他の雑念）に<strong>ブレーキをかけ続ける</strong>ことで成立します。<br>
                </p>
            </div>
            
            <div class="ac-content-box ac-box-highlight-manual">
                <div class="ac-box-label">🚵‍♂️ 特徴：急な上り坂の自転車</div>
                <p class="ac-desc">
                    例えるなら「急な上り坂を、ペダルを強く漕いで登り続けている状態」です。<br>
                    ノイズを「抑制」し続けるために、前頭前野の莫大なエネルギー（リソース）をゴリゴリと消費します。<br>
                </p>
            </div>
        </div>
    </div>
</div>

<style>
/* --- 全体コンテナ --- */
.ac-compare-wrapper {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 32px 24px;
    margin: 40px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    box-shadow: 0 8px 25px rgba(15, 23, 42, 0.05);
}

/* ヘッダー（テーマ干渉リセット） */
.ac-compare-header {
    text-align: center;
    font-size: 1.25rem; /* PC: 本文より二回り大きく */
    font-weight: bold;
    color: #1e3a8a;
    margin: 0 0 30px 0 !important;
    padding: 0 0 15px 0 !important;
    background: transparent !important;
    border-bottom: 2px solid #f1f5f9 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ac-header-icon {
    font-size: 1.5rem;
    margin-right: 10px;
}

/* --- カードレイアウト --- */
.ac-compare-container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 15px;
}

/* カード共通 */
.ac-card {
    flex: 1;
    border-radius: 10px;
    padding: 24px;
    position: relative;
    border: 2px solid transparent;
}

/* 自動操縦（左側：暖色系） */
.ac-card-auto {
    background-color: #fffbeb; 
    border-color: #fde68a;
}
.ac-badge-auto {
    background-color: #f59e0b;
    color: #ffffff;
}
.ac-box-highlight-auto {
    background-color: rgba(253, 230, 138, 0.5);
    border: 1px solid #fcd34d;
}

/* 手動制御（右側：寒色系/ブランドカラー） */
.ac-card-manual {
    background-color: #f0fdfa; 
    border-color: #99f6e4;
    box-shadow: 0 4px 15px rgba(20, 184, 166, 0.1);
}
.ac-badge-manual {
    background-color: #0d9488;
    color: #ffffff;
}
.ac-box-highlight-manual {
    background-color: #ffffff;
    border: 1px solid #5eead4;
    /* 左端の太線を削除しました */
}

/* カード内部要素 */
.ac-card-title-area {
    text-align: center;
    margin-bottom: 24px;
}
.ac-badge {
    display: inline-block;
    font-size: 0.8rem; /* PC: バッジサイズ */
    font-weight: bold;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}
.ac-card-title {
    font-size: 1.15rem; /* PC: 本文より一回り大きく */
    font-weight: 800;
    color: #1e293b;
    line-height: 1.4;
}

.ac-content-box {
    margin-bottom: 16px;
    padding: 15px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.6);
}
.ac-content-box:last-child {
    margin-bottom: 0;
}
.ac-box-label {
    font-size: 0.95rem; /* PC: 本文より少し小さめ・太字でメリハリ */
    font-weight: bold;
    color: #475569;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.ac-desc {
    font-size: 1rem; /* PC: 基準サイズ */
    color: #334155;
    line-height: 1.7;
    margin: 0 !important;
    padding: 0 !important;
}
.ac-desc strong {
    color: #0f172a;
    border-bottom: 2px solid rgba(0,0,0,0.2);
}

/* スマホ対応 */
@media (max-width: 768px) {
    .ac-compare-wrapper {
        padding: 24px 15px;
    }
    .ac-compare-container {
        flex-direction: column;
        gap: 20px;
    }
    .ac-card {
        padding: 20px 15px;
    }
    
    /* スマホ用のフォントサイズ調整 */
    .ac-compare-header {
        font-size: 1.4rem; 
    }
    .ac-badge {
        font-size: 0.9rem;
    }
    .ac-card-title {
        font-size: 1.3rem;
    }
    .ac-box-label {
        font-size: 1.05rem; 
    }
    .ac-desc {
        font-size: 1.15rem; /* スマホ: 基準サイズ */
    }
}
</style>



<p class="wp-block-paragraph">消費者庁に届出された機能性表示食品の領域でも、「持続的注意力」は加齢とともに低下する認知機能の一部として明確に位置づけられています。（届出番号：J1384等）</p>



<h3 class="wp-block-heading">脳のどの部位が持続的注意力を担っているのか？</h3>



<p class="wp-block-paragraph">特定の対象に一瞬でグッと意識を向ける「集中力」や注意を維持させながら作業を続ける「持続的注意力」は、主に「<strong>3つの部位の連携（ネットワーク）」</strong>によって生み出されています。</p>



<p class="wp-block-paragraph">具体的には、以下の3つの部位がチームとして働いています。</p>



<h4 class="wp-block-heading">頭頂葉：スポットライトの「操作手」</h4>



<p class="wp-block-paragraph"><strong>頭頂葉<span class="swl-fz u-fz-s">（とうちょうよう）</span>は、脳の頭頂部付近にある部位です。</strong></p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/08/lateral-view-of-the-brain.webp" alt="脳の側面図（前頭葉・頭頂葉・側頭葉・後頭葉）を分かりやすく色分けして見せているイメージ図│作成：メモコー編集。" class="wp-image-7937" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/lateral-view-of-the-brain.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/08/lateral-view-of-the-brain-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/lateral-view-of-the-brain-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p class="wp-block-paragraph">ここがまさに<strong><span class="swl-marker mark_yellow">「注意のスポットライトを物理的に動かす（指向させる）」</span>役割を担っています。</strong></p>



<p class="wp-block-paragraph">空間内のどこに意識を向けるか、視覚や聴覚の情報をどこにフォーカスさせるかを素早く操作する、現場の照明スタッフやカメラマンのような存在です。</p>



<h4 class="wp-block-heading">視床：情報の「フィルター役」</h4>



<p class="wp-block-paragraph"><strong>視床<span class="swl-fz u-fz-s">（ししょう）</span>は、脳の深い中心部にある部位です。</strong></p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/08/hennenkei-brain-05.webp" alt="視床・視床下部・海馬・扁桃体の場所を色分けで分かりやすく解説したイメージ図│作成：メモコー編集。" class="wp-image-7948" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/hennenkei-brain-05.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/08/hennenkei-brain-05-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/hennenkei-brain-05-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p class="wp-block-paragraph">目や耳から入ってきた膨大な情報のうち、「今は映画を見ているから、周囲の話し声やスマホのバイブレーションといった情報は脳に上げなくていい」と、<strong>不要なノイズを物理的に遮断する強力なゲートキーパー</strong>として働きます。</p>



<p class="wp-block-paragraph">ここが強力に働くことで、スポットライトを当てた対象物だけがくっきりと浮かび上がります。</p>



<h4 class="wp-block-heading">前頭前野：スポットライトの「司令塔」</h4>



<p class="wp-block-paragraph"><strong>前頭前野<span class="swl-fz u-fz-s">（ぜんとうぜんや）</span>は、おでこの奥にある部位です。</strong></p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/08/brain-regions-sp.webp" alt="横顔の頭部シルエットの中に脳の各部位（前頭前野、前頭葉、頭頂葉、側頭葉、後頭葉）がイラストで正確に色分けして描かれた図解。前頭前野は赤の網掛けで強調されている。" class="wp-image-8325" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/brain-regions-sp.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/08/brain-regions-sp-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/brain-regions-sp-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p class="wp-block-paragraph">「今はあの作業にスポットライトを当てろ」と、頭頂葉（操作手）に対してトップダウンの指示を出します。</p>



<div class="pfc-network-wrapper" id="pfc-network-animation-area">
    <!-- すべての基準となる透明な正方形システム -->
    <div class="network-system">
        
        <!-- 背景のネットワークリング -->
        <div class="network-ring"></div>
        <div class="network-pulse"></div>

        <!-- 司令塔（前頭前野） -->
        <div class="network-core">
            <span class="core-icon">🧠</span>
            <span class="core-title">前頭前野</span>
            <span class="core-sub">脳の司令塔</span>
        </div>

        <!-- 役割ノード（円周上にピタリと配置） -->
        <div class="network-node node-attention">
            <span class="node-icon">🎯</span>
            <span class="node-text">注意の維持</span>
        </div>
        <div class="network-node node-judge">
            <span class="node-icon">⚖️</span>
            <span class="node-text">判断</span>
        </div>
        <div class="network-node node-plan">
            <span class="node-icon">📅</span>
            <span class="node-text">計画</span>
        </div>
        <div class="network-node node-emotion">
            <span class="node-icon">🧘</span>
            <span class="node-text">感情の制御</span>
        </div>
        
    </div>
</div>

<!-- ★ 追加：アニメーション注釈 ★ -->
<div class="mc-animation-disclaimer">
    ※アニメーションはイメージです。
</div>

<style>
/* コンテナ */
.pfc-network-wrapper {
    position: relative;
    width: 100%;
    height: clamp(350px, 85vw, 450px);
    background-color: #1a1d21;
    border-radius: 12px;
    overflow: hidden;
    margin: 20px 0 8px 0; /* 下部のマージンを注釈に合わせて調整 */
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    border: 1px solid #2d3748;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* ★ 追加：注釈用のスタイル（他の図解と共通） ★ */
.mc-animation-disclaimer {
    text-align: left !important;
    font-size: 0.85rem;
    color: #718096; 
    line-height: 1.6;
    margin-bottom: 24px;
    padding: 0 5px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    word-break: keep-all;
}

/* すべてを内包する正方形の基準枠 */
.network-system {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: clamp(230px, 65vw, 340px);
    height: clamp(230px, 65vw, 340px);
    z-index: 1;
}

/* ネットワークの繋がりを示す点線の輪 */
.network-ring {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    border: 1px dashed rgba(99, 179, 237, 0.3);
    border-radius: 50%;
}

/* 司令塔から広がる信号（波紋） */
.network-pulse {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 0; height: 0;
    border: 2px solid #63b3ed;
    border-radius: 50%;
    opacity: 0; 
}
.pfc-network-wrapper.is-active .network-pulse {
    animation: signalWave 8s infinite ease-out;
}

/* 中央：前頭前野 */
.network-core {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #2b6cb0;
    width: clamp(100px, 28vw, 140px);
    height: clamp(100px, 28vw, 140px);
    border-radius: 50%;
    z-index: 10;
    box-shadow: 0 0 15px rgba(43, 108, 176, 0.6);
    color: #fff;
}
.pfc-network-wrapper.is-active .network-core {
    animation: coreBreathing 8s infinite ease-in-out;
}

.core-icon { font-size: clamp(2rem, 7vw, 2.8rem); line-height: 1; }
.core-title { font-weight: bold; font-size: clamp(0.95rem, 3vw, 1.15rem); margin-top: 4px; }
.core-sub { font-size: clamp(0.75rem, 2.2vw, 0.9rem); color: #bee3f8; }

/* 周辺ノードの共通スタイル */
.network-node {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 5;
    transition: all 0.3s;
}
.node-icon { font-size: clamp(1.7rem, 6vw, 2.2rem); line-height: 1; margin-bottom: 6px; }
.node-text { font-size: clamp(0.9rem, 2.8vw, 1.05rem); font-weight: bold; white-space: nowrap; }

/* 基準枠に対する正確な座標配置 */
.node-attention { top: 0%; left: 50%; }
.node-judge { top: 50%; left: 100%; }
.node-plan { top: 100%; left: 50%; }
.node-emotion { top: 50%; left: 0%; }

/* 位置補正と初期状態の指定 */
.node-attention {
    opacity: 0.4; filter: grayscale(1); transform: translate(-50%, -50%) scale(1); color: #a0aec0;
}
.node-judge, .node-plan, .node-emotion {
    opacity: 0.3; filter: grayscale(1); transform: translate(-50%, -50%) scale(0.9); color: #4a5568;
}

/* スクロールで作動するアニメーション */
.pfc-network-wrapper.is-active .node-attention { animation: activeAttention 8s infinite; }
.pfc-network-wrapper.is-active .node-judge { animation: activeOthers 8s infinite 0.2s; }
.pfc-network-wrapper.is-active .node-plan { animation: activeOthers 8s infinite 0.4s; }
.pfc-network-wrapper.is-active .node-emotion { animation: activeOthers 8s infinite 0.6s; }


/* =========================================
   スマホ用フォントサイズ上書き（レスポンシブ）
========================================= */
@media (max-width: 600px) {
    /* ★修正：システム枠を画面幅に合わせて適切に縮小させ、見切れを防ぐ */
    .network-system {
        width: clamp(200px, 60vw, 260px);
        height: clamp(200px, 60vw, 260px);
    }
    
    /* 文字サイズは維持しつつ、アイコンサイズを少し調整して干渉を避ける */
    .core-icon { font-size: clamp(2rem, 6vw, 2.5rem); }
    .core-title { font-size: 1.15rem; } 
    .core-sub { font-size: 0.95rem; }
    
    .node-icon { font-size: clamp(1.5rem, 5vw, 2rem); margin-bottom: 4px; }
    .node-text { font-size: 1.05rem; } 
    
    /* ★ 追加：スマホでの注釈サイズ調整 ★ */
    .mc-animation-disclaimer { 
        font-size: 0.75rem; 
        margin-bottom: 30px; 
        padding: 0 10px; 
    }
}


/* --- アニメーションキーフレーム --- */
@keyframes coreBreathing {
    0%, 100% { box-shadow: 0 0 15px rgba(43, 108, 176, 0.6); }
    30%, 70% { box-shadow: 0 0 35px rgba(99, 179, 237, 1); }
}

@keyframes signalWave {
    0% { width: 0; height: 0; opacity: 0; }
    5% { width: 0; height: 0; opacity: 1; }
    40%, 100% { width: 100%; height: 100%; opacity: 0; }
}

@keyframes activeAttention {
    0%, 15% { opacity: 0.4; filter: grayscale(1); transform: translate(-50%, -50%) scale(1); color: #a0aec0; }
    20%, 80% { opacity: 1; filter: grayscale(0); transform: translate(-50%, -50%) scale(1.1); color: #fff; text-shadow: 0 0 10px rgba(255,255,255,0.5); }
    90%, 100% { opacity: 0.4; filter: grayscale(1); transform: translate(-50%, -50%) scale(1); color: #a0aec0; }
}

@keyframes activeOthers {
    0%, 35% { opacity: 0.3; filter: grayscale(1); transform: translate(-50%, -50%) scale(0.9); color: #4a5568; }
    45%, 80% { opacity: 1; filter: grayscale(0); transform: translate(-50%, -50%) scale(1.1); color: #fff; text-shadow: 0 0 10px rgba(99,179,237,0.8); }
    90%, 100% { opacity: 0.3; filter: grayscale(1); transform: translate(-50%, -50%) scale(0.9); color: #4a5568; }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const options = {
        root: null,
        rootMargin: "0px",
        threshold: 0.5 
    };

    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-active');
            } 
            else {
                entry.target.classList.remove('is-active');
            }
        });
    }, options);

    const targetElement = document.getElementById('pfc-network-animation-area');
    if (targetElement) {
        observer.observe(targetElement);
    }
});
</script>



<div class="brain-network-wrapper" id="brain-network-animation-area">
    <!-- 背景 -->
    <div class="bn-bg"></div>

    <!-- ★修正：タイトルを「持続的注意力」に統一 -->
    <div class="bn-main-title">持続的注意力を生み出す<br class="mc-sp-only">
3つの脳ネットワーク</div>

    <!-- 配線（シグナルライン） -->
    <div class="bn-pipe pipe-left"></div>
    <div class="bn-pipe pipe-right"></div>

    <!-- 脳のノード（3部位） -->
    <!-- 1. 前頭前野（司令塔） -->
    <div class="bn-node node-pfc">
        <span class="bn-icon">🧠</span>
    </div>
    <div class="bn-label label-pfc">前頭前野<br><span>(司令塔)</span></div>

    <!-- 2. 頭頂葉（操作手） -->
    <div class="bn-node node-par">
        <span class="bn-icon">🕹️</span>
    </div>
    <div class="bn-label label-par">頭頂葉<br><span>(操作手)</span></div>

    <!-- 3. 視床（フィルター） -->
    <div class="bn-node node-tha">
        <span class="bn-icon">🛡️</span>
    </div>
    <div class="bn-label label-tha">視床<br><span>(フィルター)</span></div>

    <!-- エフェクト（スポットライトとバリア） -->
    <div class="bn-beam"></div>
    <div class="bn-shield">ノイズ遮断</div>

    <!-- 外界（ターゲットと雑音） -->
    <div class="bn-target">
        🎬<br><span class="bn-target-text">対象（映画など）</span>
    </div>

    <div class="bn-noise-area">
        <div class="bn-noise-item">📱</div>
        <div class="bn-noise-item">🗣️</div>
        <span class="bn-noise-text">周囲の雑音</span>
    </div>
</div>

<!-- ★ 追加：アニメーション注釈 ★ -->
<div class="mc-animation-disclaimer">
    ※アニメーションはイメージです。
</div>

<style>
/* 全体のコンテナ */
.brain-network-wrapper {
    position: relative;
    width: 100%;
    height: 480px; /* PC基準の高さ */
    background-color: #1a1d21;
    border-radius: 12px;
    border: 1px solid #2d3748;
    overflow: hidden;
    margin: 20px 0 8px 0; /* 注釈との距離を最適化 */
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

/* 注釈用のスタイル（共通） */
.mc-animation-disclaimer {
    text-align: left !important;
    font-size: 0.85rem;
    color: #718096; 
    line-height: 1.6;
    margin-bottom: 24px;
    padding: 0 5px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    word-break: keep-all;
}

.bn-main-title {
    position: absolute;
    top: 15px; left: 15px;
    font-size: 1.1rem; /* PC基準 */
    color: #a0aec0;
    font-weight: bold;
    letter-spacing: 1px;
}

/* --- 配線（直角のパイプ） --- */
.bn-pipe {
    position: absolute;
    top: 20%;
    height: 32%;
    width: 25%;
    z-index: 1;
    transition: all 0.3s;
    border-color: #4a5568; 
    filter: drop-shadow(0 0 0 transparent);
}
.pipe-left {
    left: 25%;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-left-radius: 15px;
}
.pipe-right {
    left: 50%;
    border-top: 2px solid;
    border-right: 2px solid;
    border-top-right-radius: 15px;
}
.brain-network-wrapper.is-active .pipe-left { animation: signalFlowLeft 10s infinite; }
.brain-network-wrapper.is-active .pipe-right { animation: signalFlowRight 10s infinite; }

/* --- ノード（脳の部位） --- */
.bn-node {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2d3748;
    border: 2px solid #4a5568;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    width: 85px; /* PC基準 */
    aspect-ratio: 1;
    z-index: 10;
}
.bn-icon { font-size: 2.2rem; } /* PC基準 */

.node-pfc { top: 20%; left: 50%; }
.node-par { top: 52%; left: 25%; }
.node-tha { top: 52%; left: 75%; }

.brain-network-wrapper.is-active .node-pfc { animation: activePFC 10s infinite; }
.brain-network-wrapper.is-active .node-par { animation: activePar 10s infinite; }
.brain-network-wrapper.is-active .node-tha { animation: activeTha 10s infinite; }

/* ラベルテキスト */
.bn-label {
    position: absolute;
    transform: translate(-50%, 0);
    text-align: center;
    font-size: 1rem; /* PC基準: 本文 */
    font-weight: bold;
    color: #e2e8f0;
    z-index: 10;
    line-height: 1.3;
}
.bn-label span { font-size: 0.85rem; color: #a0aec0; font-weight: normal; }

.label-pfc { top: 31%; left: 50%; }
.label-par { top: 64%; left: 25%; }
.label-tha { top: 64%; left: 75%; }

/* --- アクションエフェクト --- */
.bn-beam {
    position: absolute;
    top: 52%; left: 25%;
    width: 100px;
    height: 35%;
    background: linear-gradient(to bottom, rgba(99,179,237,0.7), rgba(99,179,237,0.1));
    transform: translateX(-50%) scaleY(0);
    opacity: 0;
    clip-path: polygon(40% 0, 60% 0, 100% 100%, 0% 100%);
    z-index: 2;
    transform-origin: top center;
}
.brain-network-wrapper.is-active .bn-beam { animation: beamDeploy 10s infinite; }

.bn-shield {
    position: absolute;
    top: 75%; left: 75%;
    transform: translateX(-50%) translateY(10px);
    opacity: 0;
    background: rgba(79, 209, 197, 0.2);
    border-top: 2px solid #4fd1c5;
    color: #4fd1c5;
    font-size: 0.95rem; /* PC基準 */
    padding: 2px 10px;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -10px 20px rgba(79, 209, 197, 0.3);
    z-index: 6;
    white-space: nowrap;
}
.brain-network-wrapper.is-active .bn-shield { animation: shieldDeploy 10s infinite; }

/* --- 外界（ターゲットと雑音） --- */
.bn-target {
    position: absolute;
    top: 86%; left: 25%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 3rem; /* PC基準 */
    z-index: 5;
    opacity: 0.4; filter: grayscale(1); color: #a0aec0; text-shadow: none; 
}
.bn-target-text { font-size: 1rem; font-weight: bold; display: block; margin-top: 5px; }
.brain-network-wrapper.is-active .bn-target { animation: targetGlow 10s infinite; }

.bn-noise-area {
    position: absolute;
    top: 86%; left: 75%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    gap: 10px;
    z-index: 4;
}
.bn-noise-item { font-size: 2.8rem; }
.bn-noise-text { position: absolute; top: 110%; font-size: 0.95rem; color: #a0aec0; white-space: nowrap; }
.brain-network-wrapper.is-active .bn-noise-area { animation: noiseBlur 10s infinite; }

/* =========================================
   スマホ用フォントサイズ上書き（レスポンシブ）
========================================= */
@media (max-width: 600px) {
    .brain-network-wrapper {
        height: 540px; /* 全体が下がるため少し拡張 */
    }
    .bn-main-title { 
        font-size: 1.0rem; 
        line-height: 1.4;
    }
    
    /* ★ 修正：タイトル2行分との干渉を防ぐため、全体を下へシフト ★ */
    .bn-pipe { top: 23%; height: 31%; }
    
    .node-pfc { top: 23%; }
    .label-pfc { top: 33%; }
    
    .node-par { top: 54%; width: 75px; } 
    .node-tha { top: 54%; width: 75px; }
    
    .label-par { top: 65%; font-size: 1.15rem; } 
    .label-tha { top: 65%; font-size: 1.15rem; }
    .bn-label span { font-size: 1rem; }
    
    .bn-beam { top: 54%; height: 33%; }
    .bn-shield { top: 76%; font-size: 1.15rem; } 
    
    .bn-target { top: 87%; font-size: 3.2rem; }
    .bn-target-text { font-size: 1.15rem; } 
    
    .bn-noise-area { top: 87%; }
    .bn-noise-item { font-size: 2.5rem; }
    .bn-noise-text { font-size: 1.05rem; }
    
    .bn-icon { font-size: 2rem; }
    
    .mc-animation-disclaimer { 
        font-size: 0.75rem; 
        margin-bottom: 30px; 
        padding: 0 10px; 
    }
}

/* =========================================
   アニメーションキーフレーム（10秒シナリオ）
========================================= */
@keyframes activePFC {
    0%, 5% { border-color: #4a5568; background: #2d3748; box-shadow: none; }
    10%, 80% { border-color: #63b3ed; background: #2b6cb0; box-shadow: 0 0 20px #63b3ed; }
    85%, 100% { border-color: #4a5568; background: #2d3748; box-shadow: none; }
}
@keyframes signalFlowLeft {
    0%, 10% { border-color: #4a5568; filter: drop-shadow(0 0 0 transparent); }
    15%, 80% { border-color: #63b3ed; filter: drop-shadow(0 0 5px #63b3ed); }
    85%, 100% { border-color: #4a5568; filter: drop-shadow(0 0 0 transparent); }
}
@keyframes signalFlowRight {
    0%, 10% { border-color: #4a5568; filter: drop-shadow(0 0 0 transparent); }
    15%, 80% { border-color: #4fd1c5; filter: drop-shadow(0 0 5px #4fd1c5); } 
    85%, 100% { border-color: #4a5568; filter: drop-shadow(0 0 0 transparent); }
}
@keyframes activeTha {
    0%, 15% { border-color: #4a5568; background: #2d3748; box-shadow: none; }
    20%, 80% { border-color: #4fd1c5; background: #2c7a7b; box-shadow: 0 0 20px #4fd1c5; }
    85%, 100% { border-color: #4a5568; background: #2d3748; box-shadow: none; }
}
@keyframes shieldDeploy {
    0%, 15% { opacity: 0; transform: translateX(-50%) translateY(10px); }
    20%, 80% { opacity: 1; transform: translateX(-50%) translateY(0); }
    85%, 100% { opacity: 0; transform: translateX(-50%) translateY(10px); }
}
@keyframes noiseBlur {
    0%, 15% { filter: blur(0) grayscale(0); opacity: 1; }
    20%, 80% { filter: blur(4px) grayscale(1); opacity: 0.2; } 
    85%, 100% { filter: blur(0) grayscale(0); opacity: 1; }
}
@keyframes activePar {
    0%, 20% { border-color: #4a5568; background: #2d3748; box-shadow: none; }
    25%, 80% { border-color: #63b3ed; background: #2b6cb0; box-shadow: 0 0 20px #63b3ed; }
    85%, 100% { border-color: #4a5568; background: #2d3748; box-shadow: none; }
}
@keyframes beamDeploy {
    0%, 20% { opacity: 0; transform: translateX(-50%) scaleY(0); }
    25%, 80% { opacity: 1; transform: translateX(-50%) scaleY(1); }
    85%, 100% { opacity: 0; transform: translateX(-50%) scaleY(0); }
}
@keyframes targetGlow {
    0%, 20% { opacity: 0.4; filter: grayscale(1); color: #a0aec0; text-shadow: none; }
    25%, 80% { opacity: 1; filter: grayscale(0); color: #fff; text-shadow: 0 0 15px rgba(255,255,255,0.8); }
    85%, 100% { opacity: 0.4; filter: grayscale(1); color: #a0aec0; text-shadow: none; }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const options = {
        root: null,
        rootMargin: "0px",
        threshold: 0.5 
    };

    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-active');
            } 
            else {
                entry.target.classList.remove('is-active');
            }
        });
    }, options);

    const targetElement = document.getElementById('brain-network-animation-area');
    if (targetElement) {
        observer.observe(targetElement);
    }
});
</script>



<p class="wp-block-paragraph">持続的注意力は、主に<strong>前頭前野</strong>が中心的な役割を担っています。</p>



<p class="wp-block-paragraph">前頭前野は注意の維持だけでなく、判断・計画・感情のコントロールなど、人間らしい高度な認知機能を幅広く担っています。</p>



<div class="brain-sustained-wrapper" id="brain-sustained-animation-area">
    <!-- 背景 -->
    <div class="bs-bg"></div>

    <!-- ラベルと時間経過ゲージ -->
    <div class="bs-header">
        <div class="bs-title">持続的注意力：<br class="mc-sp-only">
システムの連続稼働</div>
        <div class="bs-time-bar-container">
            <span class="bs-time-label">経過時間</span>
            <div class="bs-time-bar"><div class="bs-time-fill"></div></div>
        </div>
    </div>

    <!-- 配線（常に信号が流れ続ける） -->
    <div class="bs-pipe pipe-left">
        <div class="bs-flow-signal left-flow"></div>
    </div>
    <div class="bs-pipe pipe-right">
        <div class="bs-flow-signal right-flow"></div>
    </div>

    <!-- 脳のノード（3部位・常にON） -->
    <!-- 1. 前頭前野（司令塔） -->
    <div class="bs-node node-pfc">
        <span class="bs-icon">🧠</span>
    </div>
    <div class="bs-label label-pfc">前頭前野<br><span>(絶え間ない維持指令)</span></div>

    <!-- 2. 頭頂葉（操作手） -->
    <div class="bs-node node-par">
        <span class="bs-icon">🕹️</span>
    </div>
    <div class="bs-label label-par">頭頂葉<br><span>(焦点の固定)</span></div>

    <!-- 3. 視床（フィルター） -->
    <div class="bs-node node-tha">
        <span class="bs-icon">🛡️</span>
    </div>
    <div class="bs-label label-tha">視床<br><span>(常時ノイズ遮断)</span></div>

    <!-- エフェクト（揺るがないスポットライトと強固なバリア） -->
    <div class="bs-beam"></div>
    <div class="bs-shield">鉄壁のバリア</div>

    <!-- 外界（ターゲットと雑音） -->
    <div class="bs-target">
        💻<br><span class="bs-target-text">長時間の作業</span>
    </div>

    <div class="bs-noise-area">
        <div class="bs-noise-item">📱</div>
        <div class="bs-noise-item">🗣️</div>
        <span class="bs-noise-text">弾かれ続ける雑音</span>
    </div>

</div>

<!-- ★ 追加：アニメーション注釈（閉じタグ修正済み） ★ -->
<div class="mc-animation-disclaimer">
    ※アニメーションはイメージです。
</div>

<style>
/* 全体のコンテナ */
.brain-sustained-wrapper {
    position: relative;
    width: 100%;
    /* 文字拡大に合わせて全体の高さを調整 */
    height: clamp(420px, 95vw, 520px);
    background-color: #1a1d21;
    border-radius: 12px;
    border: 1px solid #2d3748;
    overflow: hidden;
    margin: 20px 0 8px 0; /* ★修正：注釈との距離を最適化 */
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

/* ヘッダーと時間ゲージ */
.bs-header {
    position: absolute;
    top: 15px; left: 15px; right: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 20;
}
.bs-title {
    /* スマホでも読みやすいサイズに拡大 */
    font-size: clamp(0.95rem, 3.5vw, 1.1rem);
    color: #63b3ed;
    font-weight: bold;
}
.bs-time-bar-container {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 40%;
}
.bs-time-label {
    font-size: clamp(0.8rem, 2.5vw, 0.9rem);
    color: #a0aec0;
    white-space: nowrap;
}
.bs-time-bar {
    width: 100%; height: 6px;
    background: #4a5568;
    border-radius: 3px;
    overflow: hidden;
}
.bs-time-fill {
    height: 100%;
    background: #4fd1c5;
    width: 0; /* 初期状態 */
}
/* スクロールで作動 */
.brain-sustained-wrapper.is-active .bs-time-fill {
    animation: timeProgressLoop 12s infinite linear;
}

/* --- 配線と連続シグナル --- */
.bs-pipe {
    position: absolute;
    top: 20%; height: 32%; width: 25%;
    z-index: 1;
    overflow: hidden;
    transition: all 0.5s;
    opacity: 0.3; filter: grayscale(1); /* 初期状態 */
}
.brain-sustained-wrapper.is-active .bs-pipe {
    opacity: 1; filter: grayscale(0);
}

.pipe-left {
    left: 25%;
    border-top: 2px solid #63b3ed;
    border-left: 2px solid #63b3ed;
    border-top-left-radius: 15px;
    box-shadow: -2px -2px 10px rgba(99,179,237,0.3);
}
.pipe-right {
    left: 50%;
    border-top: 2px solid #4fd1c5;
    border-right: 2px solid #4fd1c5;
    border-top-right-radius: 15px;
    box-shadow: 2px -2px 10px rgba(79,209,197,0.3);
}

/* 光の粒が絶え間なく流れるアニメーション */
.bs-flow-signal {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 8px #fff;
    opacity: 0; /* 初期状態 */
}
.left-flow {
    top: -2px; right: 0; width: 10px; height: 2px;
}
.right-flow {
    top: -2px; left: 0; width: 10px; height: 2px;
}
/* スクロールで作動 */
.brain-sustained-wrapper.is-active .left-flow { animation: flowLeft 2s infinite linear; opacity: 1; }
.brain-sustained-wrapper.is-active .right-flow { animation: flowRight 2s infinite linear; opacity: 1; }

/* --- ノード（脳の部位：常にON） --- */
.bs-node {
    position: absolute;
    display: flex; justify-content: center; align-items: center;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    /* アイコン拡大に合わせて枠を拡大 */
    width: clamp(65px, 16vw, 85px);
    aspect-ratio: 1;
    z-index: 10;
    transition: all 0.5s;
    background: #2d3748; border: 2px solid #4a5568; box-shadow: none; /* 初期状態 */
}
.bs-icon { font-size: clamp(1.8rem, 6vw, 2.4rem); }

/* スクロールでアクティブ化（システムON） */
.brain-sustained-wrapper.is-active .node-pfc { 
    background: #2b6cb0; border: 2px solid #63b3ed; 
    animation: constantPulsePFC 3s infinite alternate ease-in-out; 
}
.brain-sustained-wrapper.is-active .node-par { 
    background: #2b6cb0; border: 2px solid #63b3ed; 
    box-shadow: 0 0 15px #63b3ed;
}
.brain-sustained-wrapper.is-active .node-tha { 
    background: #2c7a7b; border: 2px solid #4fd1c5; 
    box-shadow: 0 0 15px #4fd1c5;
}

/* ノードの配置 */
.node-pfc { top: 20%; left: 50%; }
.node-par { top: 52%; left: 25%; }
.node-tha { top: 52%; left: 75%; }

/* ラベルテキスト */
.bs-label {
    position: absolute; transform: translate(-50%, 0); text-align: center;
    /* スマホでもはっきり読めるサイズに拡大 */
    font-size: clamp(0.9rem, 3vw, 1rem); font-weight: bold; color: #e2e8f0; z-index: 10; line-height: 1.3;
}
.bs-label span { font-size: clamp(0.75rem, 2.5vw, 0.85rem); color: #ecc94b; font-weight: normal; } 
/* ノード拡大に伴い、ラベル位置を微調整 */
.label-pfc { top: 31%; left: 50%; }
.label-par { top: 64%; left: 25%; }
.label-tha { top: 64%; left: 75%; }

/* --- エフェクト --- */
.bs-beam {
    position: absolute; top: 52%; left: 25%;
    width: clamp(80px, 20vw, 120px); height: 35%;
    background: linear-gradient(to bottom, rgba(99,179,237,0.8), rgba(99,179,237,0.2));
    transform: translateX(-50%) scaleY(0); /* 初期状態は非表示 */
    opacity: 0;
    clip-path: polygon(40% 0, 60% 0, 100% 100%, 0% 100%);
    z-index: 2; transform-origin: top center;
    transition: transform 0.5s ease;
}
/* スクロールで作動 */
.brain-sustained-wrapper.is-active .bs-beam {
    transform: translateX(-50%) scaleY(1);
    animation: constantBeam 4s infinite alternate 0.5s; /* 展開後に揺らぎ開始 */
}

.bs-shield {
    position: absolute; top: 75%; left: 75%;
    transform: translateX(-50%) translateY(10px);
    opacity: 0; /* 初期状態は非表示 */
    background: rgba(79, 209, 197, 0.3);
    border-top: 2px solid #4fd1c5;
    color: #4fd1c5; 
    /* テキスト拡大 */
    font-size: clamp(0.8rem, 2.5vw, 0.95rem); font-weight: bold;
    padding: 2px 12px; border-radius: 10px 10px 0 0;
    box-shadow: 0 -10px 20px rgba(79, 209, 197, 0.5);
    z-index: 6;
    transition: all 0.5s ease;
    white-space: nowrap;
}
/* スクロールで作動 */
.brain-sustained-wrapper.is-active .bs-shield {
    opacity: 1; transform: translateX(-50%) translateY(0);
    animation: constantShield 3s infinite alternate 0.5s;
}

/* --- 外界 --- */
.bs-target {
    position: absolute; top: 86%; left: 25%;
    transform: translate(-50%, -50%); text-align: center;
    /* スマホ用に拡大 */
    font-size: clamp(2.5rem, 8vw, 3.5rem); z-index: 5;
    color: #a0aec0; filter: grayscale(1); opacity: 0.4; text-shadow: none; /* 初期状態 */
    transition: all 0.5s ease;
}
.bs-target-text { font-size: clamp(0.85rem, 3vw, 1rem); font-weight: bold; display: block; margin-top: 5px; }

/* スクロールで作動 */
.brain-sustained-wrapper.is-active .bs-target {
    color: #fff; filter: grayscale(0); opacity: 1; text-shadow: 0 0 15px rgba(255,255,255,0.8);
}

.bs-noise-area {
    position: absolute; top: 86%; left: 75%;
    transform: translate(-50%, -50%); display: flex; justify-content: center; gap: 10px; z-index: 4;
    /* バリアに阻まれて常にぼやけている */
    filter: blur(4px) grayscale(1); opacity: 0.3;
}
.bs-noise-item { font-size: clamp(2rem, 7vw, 2.8rem); }
.bs-noise-text { position: absolute; top: 110%; font-size: clamp(0.85rem, 3vw, 1rem); color: #a0aec0; white-space: nowrap; }

/* 注釈用のスタイル（共通） */
.mc-animation-disclaimer {
    text-align: left !important;
    font-size: 0.85rem;
    color: #718096; 
    line-height: 1.6;
    margin-bottom: 24px;
    padding: 0 5px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    word-break: keep-all;
}

/* ★ 追加：スマホでの注釈サイズ調整 ★ */
@media (max-width: 600px) {
    .mc-animation-disclaimer { 
        font-size: 0.75rem; 
        margin-bottom: 30px; 
        padding: 0 10px; 
    }
}

/* =========================================
   アニメーションキーフレーム（連続稼働）
========================================= */
@keyframes timeProgressLoop {
    0% { width: 0%; }
    100% { width: 100%; }
}

@keyframes constantPulsePFC {
    0% { box-shadow: 0 0 10px #63b3ed; transform: translate(-50%, -50%) scale(0.98); }
    100% { box-shadow: 0 0 25px #63b3ed; transform: translate(-50%, -50%) scale(1.02); }
}

/* ★修正箇所：光のシグナルが枠線に沿って流れるように位置を調整 */
@keyframes flowLeft {
    0% { top: -2px; left: 100%; right: auto; width: 20px; height: 2px; opacity: 1; }
    49% { top: -2px; left: 0; right: auto; width: 20px; height: 2px; opacity: 1; }
    50% { top: 0; left: -2px; right: auto; width: 2px; height: 20px; opacity: 1; }
    100% { top: 100%; left: -2px; right: auto; width: 2px; height: 20px; opacity: 1; }
}

@keyframes flowRight {
    0% { top: -2px; left: 0; right: auto; width: 20px; height: 2px; opacity: 1; }
    49% { top: -2px; left: 100%; right: auto; width: 20px; height: 2px; opacity: 1; }
    50% { top: 0; left: auto; right: -2px; width: 2px; height: 20px; opacity: 1; }
    100% { top: 100%; left: auto; right: -2px; width: 2px; height: 20px; opacity: 1; }
}

@keyframes constantBeam {
    0% { opacity: 0.8; }
    100% { opacity: 1; }
}
@keyframes constantShield {
    0% { box-shadow: 0 -10px 15px rgba(79, 209, 197, 0.4); }
    100% { box-shadow: 0 -15px 25px rgba(79, 209, 197, 0.7); }
}
</style>

<script>
// スクロール検知用JavaScript（システム連続稼働版）
document.addEventListener("DOMContentLoaded", function() {
    const options = {
        root: null,
        rootMargin: "0px",
        threshold: 0.5 
    };

    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-active');
            } 
            else {
                // 画面外に出たらシステムOFF（リセット）
                entry.target.classList.remove('is-active');
            }
        });
    }, options);

    const targetElement = document.getElementById('brain-sustained-animation-area');
    if (targetElement) {
        observer.observe(targetElement);
    }
});
</script>



<p class="wp-block-paragraph">また持続的注意力には、<strong>ドーパミン</strong>と<strong>ノルアドレナリン</strong>という2つの神経伝達物質も深く関わっています。</p>



<p class="wp-block-paragraph">ドーパミンは注意の方向付けや動機づけに、ノルアドレナリンは覚醒レベルの維持と注意の持続に関わります。</p>



<p class="wp-block-paragraph">この2つが適切なバランスで分泌されているとき、人は一つの作業に長く注意を向け続けることができます。</p>



<div class="nt-balance-wrapper" id="nt-balance-animation-area">
    <!-- 左：ドーパミン -->
    <div class="nt-chem nt-left">
        <div class="nt-gauge-bg">
            <div class="nt-optimal-mark"></div>
            <div class="nt-fill dopamine"></div>
        </div>
        <div class="nt-icon">💡</div>
        <div class="nt-name">ドーパミン</div>
        <div class="nt-desc">方向付け・動機</div>
    </div>

    <!-- つなぐ光のライン（左） -->
    <div class="nt-connection line-left"></div>

    <!-- 中央：持続的注意力 -->
    <div class="nt-center">
        <div class="nt-core-container">
            <div class="nt-core">🎯</div>
            <div class="nt-core-pulse"></div>
        </div>
        
        <div class="nt-status-box">
            <span class="nt-s-bad">不均衡（注意散漫）</span>
            <span class="nt-s-good">最適バランス（持続）</span>
        </div>
    </div>

    <!-- つなぐ光のライン（右） -->
    <div class="nt-connection line-right"></div>

    <!-- 右：ノルアドレナリン -->
    <div class="nt-chem nt-right">
        <div class="nt-gauge-bg">
            <div class="nt-optimal-mark"></div>
            <div class="nt-fill noradrenaline"></div>
        </div>
        <div class="nt-icon">⚡</div>
        <div class="nt-name">ノルアド<br>レナリン</div>
        <div class="nt-desc">覚醒・持続</div>
    </div>
</div>

<!-- ★ 追加：アニメーション注釈 ★ -->
<div class="mc-animation-disclaimer">
    ※アニメーションはイメージです。
</div>

<style>
/* 全体のコンテナ */
.nt-balance-wrapper {
    background: #1a1d21;
    border: 1px solid #2d3748;
    border-radius: 12px;
    padding: clamp(30px, 5vw, 40px) 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 20px 0 8px 0; /* ★修正：注釈との距離を最適化 */
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* ★ 追加：注釈用のスタイル（共通） ★ */
.mc-animation-disclaimer {
    text-align: left !important;
    font-size: 0.85rem;
    color: #718096; 
    line-height: 1.6;
    margin-bottom: 24px;
    padding: 0 5px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    word-break: keep-all;
}

/* 左右の計器コンテナ */
.nt-chem {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 28%;
    z-index: 5;
}

/* メーターの背景 */
.nt-gauge-bg {
    width: clamp(20px, 5vw, 35px);
    height: clamp(100px, 25vw, 160px);
    background: #2d3748;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.5);
}

/* 最適レベルの目印（75%の位置） */
.nt-optimal-mark {
    position: absolute;
    bottom: 75%;
    left: 0; right: 0;
    height: 2px;
    background: rgba(255,255,255,0.9);
    z-index: 10;
    box-shadow: 0 0 8px rgba(255,255,255,0.8);
}

/* 液面の共通設定 */
.nt-fill {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    border-radius: 20px;
    transition: height 0.5s ease-in-out;
}

/* ドーパミンの色と動き */
.dopamine {
    background: linear-gradient(to top, #2b6cb0, #63b3ed);
    height: 20%;
}
.nt-balance-wrapper.is-active .dopamine { animation: dopaLevel 10s infinite; }

/* ノルアドレナリンの色と動き */
.noradrenaline {
    background: linear-gradient(to top, #2c7a7b, #4fd1c5);
    height: 95%;
}
.nt-balance-wrapper.is-active .noradrenaline { animation: noraLevel 10s infinite; }

/* テキストサイズの調整 */
.nt-icon { font-size: clamp(1.6rem, 5vw, 2.2rem); line-height: 1; margin-bottom: 5px; }
.nt-name { font-size: clamp(0.9rem, 2.8vw, 1.05rem); font-weight: bold; margin-top: 5px; text-align: center; line-height: 1.3;}
.nt-desc { font-size: clamp(0.8rem, 2.2vw, 0.95rem); color: #a0aec0; margin-top: 6px; text-align: center; }

/* 中央エリア */
.nt-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 38%;
    z-index: 5;
}

.nt-core-container {
    position: relative;
    width: clamp(70px, 18vw, 110px);
    height: clamp(70px, 18vw, 110px);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 集中力のコア（的） */
.nt-core {
    width: 100%; height: 100%;
    border-radius: 50%;
    background: #2d3748;
    filter: grayscale(1); box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(2.2rem, 6vw, 3.5rem);
    position: relative;
    z-index: 3;
}
.nt-balance-wrapper.is-active .nt-core { animation: coreStatus 10s infinite; }

/* バランスが揃った時の後光 */
.nt-core-pulse {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 50%;
    z-index: 1;
    transform: scale(1); opacity: 0;
}
.nt-balance-wrapper.is-active .nt-core-pulse { animation: corePulse 10s infinite; }

/* ステータス表示部 */
.nt-status-box {
    position: relative;
    height: 30px;
    margin-top: 25px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.nt-s-bad, .nt-s-good {
    position: absolute;
    font-size: clamp(0.85rem, 2.5vw, 1rem);
    font-weight: bold;
    padding: 6px 14px;
    border-radius: 20px;
    white-space: nowrap;
}

.nt-s-bad {
    background: #4a5568; color: #a0aec0;
    opacity: 1;
}
.nt-balance-wrapper.is-active .nt-s-bad { animation: showBad 10s infinite; }

.nt-s-good {
    background: #3182ce; color: #fff;
    box-shadow: 0 2px 10px rgba(49,130,206,0.5);
    opacity: 0;
}
.nt-balance-wrapper.is-active .nt-s-good { animation: showGood 10s infinite; }

/* 計器から中央への導線 */
.nt-connection {
    position: absolute;
    top: 38%;
    height: 3px;
    width: 11%;
    background: #4a5568;
    z-index: 1;
}
.line-left { left: 24%; }
.line-right { right: 24%; }
.nt-balance-wrapper.is-active .line-left { animation: glowConnLeft 10s infinite; }
.nt-balance-wrapper.is-active .line-right { animation: glowConnRight 10s infinite; }

/* スマホ用フォントサイズ上書き（レスポンシブ） */
@media (max-width: 600px) {
    /* ★ 追加：スマホでの注釈サイズ調整 ★ */
    .mc-animation-disclaimer { 
        font-size: 0.75rem; 
        margin-bottom: 30px; 
        padding: 0 10px; 
    }
}

/* --- アニメーションのシナリオ（10秒周期） --- */
@keyframes dopaLevel {
    0%, 15% { height: 20%; } 
    25%, 40% { height: 95%; } 
    50%, 90% { height: 75%; } 
    100% { height: 20%; }
}
@keyframes noraLevel {
    0%, 15% { height: 95%; } 
    25%, 40% { height: 20%; } 
    50%, 90% { height: 75%; } 
    100% { height: 95%; }
}
@keyframes coreStatus {
    0%, 45% { background: #2d3748; filter: grayscale(1); box-shadow: none; }
    50%, 90% { background: #ebf8ff; filter: grayscale(0); box-shadow: 0 0 25px rgba(99, 179, 237, 0.8); }
    100% { background: #2d3748; filter: grayscale(1); box-shadow: none; }
}
@keyframes corePulse {
    0%, 45% { transform: scale(1); opacity: 0; box-shadow: 0 0 0 rgba(99,179,237,0); }
    50%, 90% { transform: scale(1.4); opacity: 1; box-shadow: 0 0 20px rgba(99,179,237,0.4); }
    100% { transform: scale(1); opacity: 0; box-shadow: 0 0 0 rgba(99,179,237,0); }
}
@keyframes glowConnLeft {
    0%, 45% { background: #4a5568; box-shadow: none; }
    50%, 90% { background: #63b3ed; box-shadow: 0 0 8px #63b3ed; }
    100% { background: #4a5568; box-shadow: none; }
}
@keyframes glowConnRight {
    0%, 45% { background: #4a5568; box-shadow: none; }
    50%, 90% { background: #4fd1c5; box-shadow: 0 0 8px #4fd1c5; }
    100% { background: #4a5568; box-shadow: none; }
}
@keyframes showBad {
    0%, 45% { opacity: 1; }
    50%, 95% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes showGood {
    0%, 45% { opacity: 0; }
    50%, 95% { opacity: 1; }
    100% { opacity: 0; }
}
</style>

<script>
// スクロール検知用JavaScript
document.addEventListener("DOMContentLoaded", function() {
    const options = {
        root: null,
        rootMargin: "0px",
        threshold: 0.5 
    };

    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-active');
            } 
            else {
                entry.target.classList.remove('is-active');
            }
        });
    }, options);

    const targetElement = document.getElementById('nt-balance-animation-area');
    if (targetElement) {
        observer.observe(targetElement);
    }
});
</script>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">なぜ加齢で低下するのか？│3つの原因</h2>



<p class="wp-block-paragraph">「年を取ったら仕方ない」で片付けてしまいがちですが、持続的注意力が低下する原因は加齢だけではありません。</p>



<p class="wp-block-paragraph">現代の生活習慣が深く関与していることが、近年の研究で明らかになっています。</p>



<h3 class="wp-block-heading">原因①：前頭前野の萎縮とドーパミン・ノルアドレナリンの減少</h3>



<p class="wp-block-paragraph">前頭前野は、脳の中でも特に加齢の影響を受けやすい部位のひとつです。</p>



<div class="evidence-card-wrapper">
    <div class="ec-header">
        <span class="ec-icon">🔬</span>
        <span class="ec-title">エビデンス：加齢と前頭前野の関係</span>
    </div>
    <div class="ec-body">
        <div class="ec-source">
            <span class="ec-source-label">出典</span>
            2019年 レビュー論文（PubMed掲載）
        </div>
        
        <p class="ec-summary">
            加齢に伴う<strong>「前頭前野の構造・機能の変化」</strong>は、以下の複数の認知機能低下と直接関係していることが示されています。
        </p>

        <div class="ec-tags">
            <div class="ec-tag"><span class="tag-dot"></span>持続的注意力</div>
            <div class="ec-tag"><span class="tag-dot"></span>選択的注意力</div>
            <div class="ec-tag"><span class="tag-dot"></span>抑制制御</div>
            <div class="ec-tag"><span class="tag-dot"></span>ワーキングメモリ</div>
            <div class="ec-tag"><span class="tag-dot"></span>マルチタスク能力</div>
        </div>
    </div>
</div>

<style>
/* カード全体 */
.evidence-card-wrapper {
    background-color: #ffffff;
    border: 1px solid #cbd5e0;
    border-radius: 8px;
    overflow: hidden;
    margin: 24px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}

/* ヘッダー部分（知的な深いブルー） */
.ec-header {
    background-color: #2b6cb0;
    color: #ffffff;
    padding: 12px 16px;
    display: flex;
    align-items: center;
}
.ec-icon {
    font-size: 1.2rem;
    margin-right: 8px;
}
.ec-title {
    font-weight: bold;
    font-size: 1.1rem; /* PC基準サイズ */
    letter-spacing: 0.5px;
}

/* ボディ部分 */
.ec-body {
    padding: 20px;
}

/* 出典の表記 */
.ec-source {
    display: flex;
    align-items: center;
    font-size: 0.85rem; /* PC基準サイズ */
    color: #718096;
    margin-bottom: 16px;
    border-bottom: 1px dashed #e2e8f0;
    padding-bottom: 10px;
}
.ec-source-label {
    background-color: #edf2f7;
    color: #4a5568;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.75rem; /* PC基準サイズ */
    font-weight: bold;
    margin-right: 10px;
}

/* 要約テキスト */
.ec-summary {
    font-size: 1rem; /* PC基準サイズ */
    color: #2d3748;
    line-height: 1.6;
    margin-bottom: 16px;
    margin-top: 0;
}
.ec-summary strong {
    color: #2b6cb0; 
}

/* 認知機能のタグリスト */
.ec-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ec-tag {
    display: flex;
    align-items: center;
    background-color: #f0f7ff;
    color: #2c5282;
    border: 1px solid #bee3f8;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.9rem; /* PC基準サイズ */
    font-weight: bold;
}
.tag-dot {
    width: 6px;
    height: 6px;
    background-color: #3182ce;
    border-radius: 50%;
    margin-right: 6px;
}

/* =========================================
   スマホ用フォントサイズ上書き（レスポンシブ）
========================================= */
@media (max-width: 600px) {
    .ec-title {
        font-size: 1.25rem;
    }
    .ec-summary {
        font-size: 1.15rem; /* スマホ指定サイズ */
    }
    .ec-tag {
        font-size: 1.05rem;
        padding: 8px 14px; /* タップしやすく・見やすく余白も微調整 */
    }
    .ec-source {
        font-size: 0.95rem;
    }
    .ec-source-label {
        font-size: 0.85rem;
    }
    .ec-body {
        padding: 16px; /* スマホ時は少しだけ内側の余白を詰めてスッキリさせる */
    }
}
</style>



<p class="wp-block-paragraph">さらに同レビューは、こうした加齢に伴う認知機能低下の背景として、<strong><span class="swl-marker mark_yellow">ドーパミンレベルの最適化が崩れることが重要な要因</span></strong>であることを指摘しています。</p>



<p class="wp-block-paragraph">ノルアドレナリンについても同様です。</p>



<p class="wp-block-paragraph">ノルアドレナリンの主要な産生拠点である<strong>青斑核<span class="swl-fz u-fz-s">（せいはんかく）</span></strong>は、加齢とともにニューロンを失いやすい部位です。</p>



<div class="lc-static-card">
    <div class="lc-static-header">
        <span class="lc-static-icon">🧠</span>
        <div class="lc-static-title-box">
            <div class="lc-static-subtitle">注意力のコントロールセンター</div>
            <div role="heading" aria-level="3" class="lc-static-title">「青斑核（せいはんかく）」とは？</div>
        </div>
    </div>
    
    <div class="lc-static-body">
        <p class="lc-static-desc">
            脳幹にあるわずか数ミリの器官で、脳全体に「ノルアドレナリン（覚醒・注意の物質）」を送り出す製造工場です。この活動レベルが、私たちの集中力をダイレクトに左右します。
        </p>

        <!-- ★ 追加：青斑核の解説画像 ★ -->
        <div class="lc-image-container">
            <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/locus-coeruleus-noradrenaline-pathway.webp" alt="青斑核とノルアドレナリンの経路" class="lc-static-image" width="600" height="600" loading="lazy">
        </div>

        <div class="lc-static-diagram">
            <div class="lc-diagram-title">青斑核の活動レベルと「集中の質」</div>
            
            <div class="lc-state-row">
                <div class="lc-state-item low">
                    <div class="lc-state-level">低下</div>
                    <div class="lc-state-name">ぼんやり・眠気</div>
                </div>
                
                <div class="lc-state-item optimal">
                    <div class="lc-optimal-badge">理想の状態</div>
                    <div class="lc-state-level">最適</div>
                    <div class="lc-state-name">深い集中（ゾーン）</div>
                </div>
                
                <div class="lc-state-item excessive">
                    <div class="lc-warning-badge">現代人に多い</div>
                    <div class="lc-state-level">過剰発火</div>
                    <div class="lc-state-name">注意散漫・焦り</div>
                </div>
            </div>
        </div>

        <div class="lc-static-conclusion">
            <span class="lc-conc-icon">💡</span>
            <div class="lc-conc-text">
                マルチタスクや情報過多で<strong>「過剰発火（右）」</strong>に振り切れた青斑核に、物理的なブレーキをかけ、<strong>「最適な集中（中央）」</strong>へと引き戻すのが、抑制系神経伝達物質（GABA等）の重要な役割です。
            </div>
        </div>
    </div>
</div>

<style>
/* --- コンテナ --- */
.lc-static-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin: 32px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

/* --- ヘッダー --- */
.lc-static-header {
    background: #1e3a8a; /* Memory Coffeeのネイビー */
    padding: 16px 24px;
    display: flex;
    align-items: center;
    color: #ffffff;
}
.lc-static-icon {
    font-size: 1.8rem;
    margin-right: 16px;
}
.lc-static-title-box { display: flex; flex-direction: column; }
.lc-static-subtitle {
    font-size: 0.8rem; /* PC基準 */
    color: #bfdbfe;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 2px;
}
.lc-static-title {
    font-size: 1.15rem; /* PC基準 */
    font-weight: 800;
    margin: 0;
    line-height: 1.3;
}

/* --- ボディ --- */
.lc-static-body { padding: 24px; }
.lc-static-desc {
    font-size: 1rem; /* PC基準: 本文 */
    color: #475569;
    line-height: 1.7;
    margin-top: 0;
    margin-bottom: 24px;
}

/* ★ 追加：画像エリアのデザイン ★ */
.lc-image-container {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 28px;
}
.lc-static-image {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* --- 図解エリア --- */
.lc-static-diagram {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 24px 20px;
    margin-bottom: 24px;
}
.lc-diagram-title {
    text-align: center;
    font-size: 0.95rem; /* PC基準 */
    font-weight: bold;
    color: #64748b;
    margin-bottom: 28px;
}
.lc-state-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

/* 各状態のボックス */
.lc-state-item {
    flex: 1;
    border-radius: 6px;
    padding: 16px 10px;
    text-align: center;
    position: relative;
    border: 2px solid transparent;
}
.lc-state-item.low {
    background-color: #f1f5f9;
    border-color: #cbd5e1;
    color: #64748b;
}
.lc-state-item.optimal {
    background-color: #ecfdf5;
    border-color: #10b981;
    color: #065f46;
    box-shadow: 0 4px 10px rgba(16, 185, 129, 0.15);
}
.lc-state-item.excessive {
    background-color: #fff1f2;
    border-color: #fda4af;
    color: #be123c;
}

.lc-state-level {
    font-size: 1.1rem; /* PC基準 */
    font-weight: 900;
    margin-bottom: 6px;
}
.lc-state-name {
    font-size: 0.85rem; /* PC基準 */
    font-weight: bold;
    line-height: 1.4;
}

/* バッジ装飾 */
.lc-optimal-badge, .lc-warning-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.75rem; /* PC基準 */
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 12px;
    white-space: nowrap;
}
.lc-optimal-badge { background-color: #10b981; color: #fff; }
.lc-warning-badge { background-color: #f43f5e; color: #fff; }

/* --- 結論エリア --- */
.lc-static-conclusion {
    background-color: #eff6ff;
    border-radius: 8px;
    padding: 18px;
    display: flex;
    align-items: flex-start;
}
.lc-conc-icon {
    font-size: 1.4rem;
    margin-right: 12px;
    line-height: 1;
}
.lc-conc-text {
    font-size: 0.95rem; /* PC基準 */
    color: #1e293b;
    line-height: 1.7;
    margin: 0;
}
.lc-conc-text strong {
    color: #1e3a8a;
    background: linear-gradient(transparent 70%, #dbeafe 70%);
}

/* =========================================
   スマホ用フォントサイズ上書き（レスポンシブ）
========================================= */
@media (max-width: 600px) {
    .lc-static-header { padding: 16px; }
    .lc-static-body { padding: 16px; } /* スマホ時は余白を少し詰める */
    
    .lc-static-subtitle { font-size: 0.85rem; }
    .lc-static-title { font-size: 1.3rem; }
    
    .lc-static-desc { font-size: 1.15rem; } /* スマホ基準: 本文 */
    
    .lc-diagram-title { font-size: 1.05rem; }
    
    .lc-state-row { flex-direction: column; gap: 24px; }
    .lc-state-item { padding: 22px 10px; }
    
    .lc-state-level { font-size: 1.25rem; }
    .lc-state-name { font-size: 0.95rem; }
    
    .lc-optimal-badge, .lc-warning-badge { 
        top: -12px; 
        font-size: 0.8rem;
    }
    
    .lc-conc-text { font-size: 1.05rem; }
}
</style>



<p class="wp-block-paragraph">青斑核からのノルアドレナリン系の機能低下が、加齢に伴う注意力や記憶力の低下に寄与することが、複数の研究によって示されています。</p>



<p class="wp-block-paragraph">「昔はもっと集中できたのに」という感覚は、意志の弱さではありません。</p>



<p class="wp-block-paragraph">注意を維持するための神経化学的な「燃料」が、加齢とともに変化していく過程として理解することが正確です。</p>



<!-- ▼ アニメーションの本体ここから ▼ -->
<div class="aging-decline-wrapper" id="aging-decline-animation-area">
    <div class="ad-bg"></div>

    <div class="ad-status-header">
        <span class="ad-status-text">状態：</span>
        <span class="ad-status-badge">
            <span class="badge-text-young">20〜30代（最適稼働）</span>
            <span class="badge-text-old">加齢による機能低下</span>
        </span>
    </div>

    <div class="ad-content">
        <!-- 左側：前頭前野 -->
        <div class="ad-hardware">
            <div class="ad-brain-core">
                <span class="ad-icon">🧠</span>
                <div class="ad-core-glow"></div>
            </div>
            <div class="ad-label">前頭前野<br><span class="ad-sub-label">（容積・機能）</span></div>
        </div>

        <!-- 中央：関係性（SVGのアイコンに変更） -->
        <div class="ad-relation">
            <div class="ad-relation-icon">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                    <line x1="18" y1="6" x2="6" y2="18"></line>
                    <line x1="6" y1="6" x2="18" y2="18"></line>
                </svg>
            </div>
            <div class="ad-relation-text">相互作用</div>
        </div>

        <!-- 右側：燃料メーター -->
        <div class="ad-software">
            <div class="ad-gauge-container">
                <div class="ad-gauge-bg">
                    <div class="ad-gauge-optimal">最適</div>
                    <div class="ad-gauge-fill ad-dopa"></div>
                </div>
                <div class="ad-gauge-label">ドーパミン</div>
            </div>
            <div class="ad-gauge-container">
                <div class="ad-gauge-bg">
                    <div class="ad-gauge-optimal">最適</div>
                    <div class="ad-gauge-fill ad-nora"></div>
                </div>
                <div class="ad-gauge-label">ノルアドレナリン<br><span class="ad-gauge-sub">(青斑核)</span></div>
            </div>
        </div>
    </div>
</div>
<!-- ▲ アニメーションの本体ここまで ▲ -->

<!-- ★ 修正：他と干渉しない専用クラス「ad-disclaimer」に変更 ★ -->
<div class="ad-disclaimer">
    ※アニメーションは脳内のメカニズムを分かりやすく表現したイメージです。
</div>

<!-- ▼ デザイン（CSS）ここから ▼ -->
<style>
/* --- 全体のデザイン --- */
.aging-decline-wrapper {
    position: relative;
    width: 100%;
    height: 340px; 
    background-color: #1a1d21;
    border-radius: 12px;
    border: 1px solid #2d3748;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 8px; 
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

/* ★ 修正：専用クラスに対するスタイリング ★ */
.ad-disclaimer {
    text-align: left !important; /* 強制的に左寄せを適用 */
    font-size: 0.85rem; 
    color: #718096; 
    line-height: 1.6; 
    margin-bottom: 24px;
    padding: 0 5px; 
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.mc-sp-only { display: none; } 

/* --- ヘッダー・バッジ周り --- */
.ad-status-header { 
    position: absolute; top: 20px; left: 20px; 
    display: flex; align-items: center; z-index: 10; 
}
.ad-status-text { 
    font-size: 0.95rem; 
    color: #a0aec0; 
}

.ad-status-badge { 
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 13rem; 
    height: 2.2rem;
    font-size: 0.95rem; 
    font-weight: bold; 
    border-radius: 20px; 
    background: #2b6cb0; 
}
.badge-text-young, .badge-text-old {
    position: absolute;
    white-space: nowrap;
}
.badge-text-young { opacity: 1; color: #fff; }
.badge-text-old { opacity: 0; color: #fc8181; }

.aging-decline-wrapper.is-active .ad-status-badge { animation: statusBgChange 10s infinite; }
.aging-decline-wrapper.is-active .badge-text-young { animation: textFadeOutYoung 10s infinite; }
.aging-decline-wrapper.is-active .badge-text-old { animation: textFadeInOld 10s infinite; }


/* --- 中央レイアウト --- */
.ad-content { 
    position: absolute; top: 58%; left: 50%; 
    transform: translate(-50%, -50%); 
    width: 90%; 
    display: flex; justify-content: space-between; align-items: center; 
}

/* --- 左側：前頭前野 --- */
.ad-hardware { display: flex; flex-direction: column; align-items: center; width: 30%; }
.ad-brain-core { 
    position: relative; 
    width: 90px; 
    aspect-ratio: 1; 
    background: #2d3748; border-radius: 50%; 
    display: flex; justify-content: center; align-items: center; 
    border: 2px solid #63b3ed;
    transition: all 0.5s;
}
.ad-icon { font-size: 2.4rem; z-index: 2; }
.ad-core-glow { 
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; 
    border-radius: 50%; z-index: 1; 
    box-shadow: 0 0 20px rgba(99,179,237,0.6); background: rgba(43,108,176,0.3);
}
.ad-label { 
    margin-top: 15px; text-align: center; font-weight: bold; 
    font-size: 1rem; 
    color: #e2e8f0; line-height: 1.3;
}
.ad-sub-label { 
    font-size: 0.8rem; color: #a0aec0; font-weight: normal; 
}

.aging-decline-wrapper.is-active .ad-brain-core { animation: coreShrink 10s infinite; }
.aging-decline-wrapper.is-active .ad-core-glow { animation: coreGlowFade 10s infinite; }


/* --- 中央：関係性（SVGアイコン） --- */
.ad-relation { 
    display: flex; flex-direction: column; align-items: center; width: 20%; 
}
.ad-relation-icon {
    width: clamp(24px, 5vw, 32px);
    height: clamp(24px, 5vw, 32px);
    color: #63b3ed; 
}
.ad-relation-icon svg {
    width: 100%; height: 100%;
}
.ad-relation-text {
    font-size: clamp(0.7rem, 2vw, 0.85rem);
    color: #a0aec0;
    margin-top: 8px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}
.aging-decline-wrapper.is-active .ad-relation-icon { animation: relationColorChange 10s infinite; }


/* --- 右側：燃料メーター --- */
.ad-software { display: flex; justify-content: space-around; width: 45%; }
.ad-gauge-container { display: flex; flex-direction: column; align-items: center; width: 45%; }
.ad-gauge-bg { 
    position: relative; width: 28px; height: 110px; 
    background: #2d3748; border-radius: 10px; overflow: hidden; 
    margin-bottom: 12px; box-shadow: inset 0 2px 5px rgba(0,0,0,0.5); 
}
.ad-gauge-optimal { 
    position: absolute; top: 25%; left: -2px; right: -2px; 
    border-top: 1px dashed rgba(255,255,255,0.7); color: rgba(255,255,255,0.9); 
    font-size: 0.65rem; text-align: center; padding-top: 2px;
    white-space: nowrap; line-height: 1; z-index: 10; 
}
.ad-gauge-fill { 
    position: absolute; bottom: 0; left: 0; right: 0; 
    border-radius: 5px; transition: height 1s ease-in-out; 
}
.ad-dopa { background: linear-gradient(to top, #2b6cb0, #63b3ed); height: 85%; }
.ad-nora { background: linear-gradient(to top, #2c7a7b, #4fd1c5); height: 80%; }
.aging-decline-wrapper.is-active .ad-dopa { animation: fuelDepleteDopa 10s infinite; }
.aging-decline-wrapper.is-active .ad-nora { animation: fuelDepleteNora 10s infinite; }

.ad-gauge-label { 
    text-align: center; font-weight: bold; color: #e2e8f0; line-height: 1.2;
    font-size: 0.85rem; 
}
.ad-gauge-sub {
    font-size: 0.75rem; color: #a0aec0; font-weight: normal;
}


/* =========================================
   スマホ用フォントサイズ上書き（レスポンシブ）
========================================= */
@media (max-width: 600px) {
    .aging-decline-wrapper { height: 380px; } 
    
    /* ★ 修正：専用クラスのスマホ用調整 ★ */
    .ad-disclaimer { 
        font-size: 0.75rem; 
        margin-bottom: 30px; 
        padding: 0 10px; 
    }
    .mc-sp-only { display: block; } 
    
    .ad-status-text { font-size: 1.1rem; }
    .ad-status-badge { width: 14.5rem; height: 2.4rem; font-size: 1.1rem; }
    
    .ad-label { font-size: 1.15rem; }
    .ad-sub-label { font-size: 0.9rem; }
    
    .ad-relation-icon { width: 34px; height: 34px; }
    .ad-relation-text { font-size: 0.9rem; }
    
    .ad-gauge-label { font-size: 1rem; }
    .ad-gauge-sub { font-size: 0.85rem; }
    
    .ad-brain-core { width: 100px; }
    .ad-icon { font-size: 2.8rem; }
    .ad-gauge-bg { width: 32px; height: 120px; }
}


/* =========================================
   アニメーションキーフレーム（10秒シナリオ）
========================================= */
@keyframes statusBgChange { 
    0%, 20% { background: #2b6cb0; } 
    30%, 80% { background: #4a5568; } 
    90%, 100% { background: #2b6cb0; } 
}
@keyframes textFadeOutYoung {
    0%, 20% { opacity: 1; }
    25%, 85% { opacity: 0; }
    90%, 100% { opacity: 1; }
}
@keyframes textFadeInOld {
    0%, 20% { opacity: 0; }
    30%, 80% { opacity: 1; }
    90%, 100% { opacity: 0; }
}

@keyframes coreShrink { 
    0%, 20% { transform: scale(1); border-color: #63b3ed; } 
    40%, 80% { transform: scale(0.85); border-color: #4a5568; } 
    90%, 100% { transform: scale(1); border-color: #63b3ed; } 
}
@keyframes coreGlowFade { 
    0%, 20% { box-shadow: 0 0 20px rgba(99,179,237,0.6); background: rgba(43,108,176,0.3); } 
    40%, 80% { box-shadow: 0 0 0 transparent; background: transparent; } 
    90%, 100% { box-shadow: 0 0 20px rgba(99,179,237,0.6); background: rgba(43,108,176,0.3); } 
}

@keyframes relationColorChange {
    0%, 20% { color: #63b3ed; transform: scale(1); filter: drop-shadow(0 0 5px rgba(99,179,237,0.5)); }
    40%, 80% { color: #4a5568; transform: scale(0.8); filter: none; }
    90%, 100% { color: #63b3ed; transform: scale(1); filter: drop-shadow(0 0 5px rgba(99,179,237,0.5)); }
}

@keyframes fuelDepleteDopa { 
    0%, 20% { height: 85%; filter: grayscale(0); } 
    40%, 80% { height: 30%; filter: grayscale(0.5); } 
    90%, 100% { height: 85%; filter: grayscale(0); } 
}
@keyframes fuelDepleteNora { 
    0%, 20% { height: 80%; filter: grayscale(0); } 
    40%, 80% { height: 25%; filter: grayscale(0.5); } 
    90%, 100% { height: 80%; filter: grayscale(0); } 
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const options = {
        root: null,
        rootMargin: "0px",
        threshold: 0.5 
    };

    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-active');
            } 
            else {
                entry.target.classList.remove('is-active');
            }
        });
    }, options);

    const targetElement = document.getElementById('aging-decline-animation-area');
    if (targetElement) {
        observer.observe(targetElement);
    }
});
</script>



<p class="wp-block-paragraph">記憶力側の加齢メカニズムと維持習慣については、<a href="https://memory-coffee.jp/magazine/memory-aging-maintenance/" target="_blank" rel="noopener">記憶力とは？加齢で低下するメカニズムと科学的に維持する4つの習慣</a>で解説しています。</p>



<h3 class="wp-block-heading">原因②：マルチタスクによる「注意の断片化」</h3>



<p class="wp-block-paragraph">これが現代社会に特有の、そして最も見落とされがちな原因です。</p>



<p class="wp-block-paragraph">脳科学の観点から言えば、人間の脳は本来、複数の作業を同時に処理することが得意ではありません。</p>



<p class="wp-block-paragraph">私たちが「マルチタスク（複数作業）」と呼んでいるものは、実際には複数のタスク間を高速で切り替えているだけであり、その切り替えのたびに前頭前野でコストが発生します。</p>



<p class="wp-block-paragraph">アメリカ心理学会（APA）の資料によると、タスクを切り替えるたびに発生する「スイッチングコスト」の積み重ねが、生産的な時間の最大40%を消費する可能性があることが示されています。</p>



<div class="evidence-card-stanford">
    <div class="ecs-header">
        <span class="ecs-icon">🏛️</span>
        <span class="ecs-title">エビデンス：マルチタスクによる脳の消耗</span>
    </div>
    <div class="ecs-body">
        <div class="ecs-source">
            <span class="ecs-source-label">研究機関</span>
            2009年 スタンフォード大学（Ophir, Nass &amp; Wagner）
        </div>
        
        <p class="ecs-summary">
            日常的に複数のメディアを同時に使用する<strong>「マルチタスカー」</strong>は、そうでない人と比べて、以下の脳機能がいずれも<strong>有意に劣る（低下している）</strong>ことが示されました。
        </p>

        <div class="ecs-decline-list">
            <div class="ecs-decline-item">
                <span class="ecs-down-arrow">▼</span>
                <span class="ecs-item-text">注意の切り替え能力</span>
            </div>
            <div class="ecs-decline-item">
                <span class="ecs-down-arrow">▼</span>
                <span class="ecs-item-text">ワーキングメモリ（作業記憶）</span>
            </div>
            <div class="ecs-decline-item">
                <span class="ecs-down-arrow">▼</span>
                <span class="ecs-item-text">不要な情報のフィルタリング能力</span>
            </div>
        </div>
    </div>
</div>

<style>
/* カード全体 */
.evidence-card-stanford {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    margin: 24px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}

/* ヘッダー部分（警告を意識した深いスレートグレー） */
.ecs-header {
    background-color: #4a5568; 
    color: #ffffff;
    padding: 12px 16px;
    display: flex;
    align-items: center;
}
.ecs-icon {
    font-size: 1.2rem;
    margin-right: 8px;
}
.ecs-title {
    font-weight: bold;
    font-size: 1.1rem; /* PC基準サイズ */
    letter-spacing: 0.5px;
}

/* ボディ部分 */
.ecs-body {
    padding: 20px;
}

/* 出典の表記 */
.ecs-source {
    display: flex;
    align-items: center;
    font-size: 0.85rem; /* PC基準サイズ */
    color: #718096;
    margin-bottom: 16px;
    border-bottom: 1px dashed #e2e8f0;
    padding-bottom: 10px;
}
.ecs-source-label {
    background-color: #edf2f7;
    color: #4a5568;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.75rem; /* PC基準サイズ */
    font-weight: bold;
    margin-right: 10px;
}

/* 要約テキスト */
.ecs-summary {
    font-size: 1rem; /* PC基準サイズ */
    color: #2d3748;
    line-height: 1.6;
    margin-bottom: 16px;
    margin-top: 0;
}
.ecs-summary strong {
    color: #c53030; /* マルチタスクの弊害を強調する落ち着いた赤 */
}

/* 低下する能力のリスト */
.ecs-decline-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: #fff5f5;
    padding: 16px;
    border-radius: 6px;
    border: 1px solid #fed7d7;
}
.ecs-decline-item {
    display: flex;
    align-items: center;
    color: #9b2c2c;
    font-weight: bold;
    font-size: 0.95rem; /* PC基準サイズ */
}
.ecs-down-arrow {
    font-size: 0.8rem;
    margin-right: 10px;
    opacity: 0.8;
}

/* =========================================
   スマホ用フォントサイズ上書き（レスポンシブ）
========================================= */
@media (max-width: 600px) {
    .ecs-title {
        font-size: 1.25rem;
    }
    .ecs-summary {
        font-size: 1.15rem; /* スマホ指定サイズ */
    }
    .ecs-decline-item {
        font-size: 1.1rem;
    }
    .ecs-down-arrow {
        font-size: 0.9rem;
    }
    .ecs-source {
        font-size: 0.95rem;
    }
    .ecs-source-label {
        font-size: 0.85rem;
    }
    .ecs-body {
        padding: 16px; /* スマホ時は少しだけ内側の余白を詰める */
    }
    .ecs-decline-list {
        padding: 20px 16px;
        gap: 12px; /* 文字拡大に合わせて行間にもゆとりを持たせる */
    }
}
</style>



<p class="wp-block-paragraph">つまりマルチタスクは効率を上げるどころか、持続的注意力を支える脳の機能そのものを慢性的に消耗させる行為なのです。</p>



<ul class="wp-block-list">
<li><strong>通知が来るたびにスマートフォンを確認する</strong></li>



<li><strong>メールを返しながら会議に出る</strong></li>
</ul>



<p class="wp-block-paragraph">など、現代の「普通の仕事のやり方」が、脳の注意力の基盤を静かに削ってるともいえます。</p>



<h3 class="wp-block-heading">原因③：睡眠不足による前頭前野の疲弊</h3>



<p class="wp-block-paragraph">前頭前野は、脳の中でも睡眠不足の影響を最も受けやすい部位のひとつです。</p>



<p class="wp-block-paragraph">複数の研究が、睡眠不足が持続的注意力のパフォーマンスを著しく低下させることを示しています。</p>



<p class="wp-block-paragraph">特に持続的注意力は、睡眠不足によって低下する認知機能の中でも最も影響を受けやすい領域のひとつであることが、複数の研究のメタ分析によって確認されています。</p>



<p class="wp-block-paragraph">また、ある研究では24時間の睡眠剥奪によって、持続的注意力・選択的注意力・認知的抑制のいずれも有意に低下したことが報告されています。</p>



<p class="wp-block-paragraph">毎日の慢性的な睡眠不足は、一夜限りの徹夜よりも脳への影響を自覚しにくい分、気づかないうちに前頭前野を疲弊させ続けます。</p>



<p class="wp-block-paragraph">「最近集中力が落ちた気がする」という感覚の背景に、<strong>睡眠の質の低下</strong>が隠れているケースは少なくありません。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/03/sleeping-men-1024x576.webp" alt="" class="wp-image-4419" srcset="https://memory-coffee.jp/wp-content/uploads/2026/03/sleeping-men-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/03/sleeping-men-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/03/sleeping-men-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/03/sleeping-men.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">あなたの持続的注意力、今どのくらい？</h2>



<p class="wp-block-paragraph">ここで簡単な持続的注意力のセルフチェックを用意いたしました。</p>



<p class="wp-block-paragraph">持続的注意力は、意識していないだけで、実は毎日の生活の中で発揮されています。</p>



<p class="wp-block-paragraph">どんな場面でその力を発揮しているかを確認しつつ、簡単なチェックをしてみましょう。</p>



<p class="wp-block-paragraph">次の5つの質問に、正直に答えてみてください。</p>



<div class="mc-diag-wrapper">
  
  <div class="mc-diag-title">
    あなたの持続的注意力、今どのくらい？<br class="mc-sp-only">（セルフチェック）
  </div>

  <div class="mc-diag-sub-desc">
    ※これらは持続的注意力が使われる場面の一例です。実際にはこの5つ以外にも、日常のさまざまな場面で使われています。
  </div>

  <form id="mc-diagnosis-form">
    <!-- Q1 -->
    <div class="mc-q-box">
      <div class="mc-q-text">Q1. 本や資料を20分以上、途中で止まらずに読み続けられますか？</div>
      <div class="mc-q-options">
        <input type="radio" id="q1-yes" name="q1" value="1" class="mc-radio"><label for="q1-yes" class="mc-label yes-btn">はい</label>
        <input type="radio" id="q1-no" name="q1" value="0" class="mc-radio"><label for="q1-no" class="mc-label no-btn">いいえ</label>
      </div>
    </div>
    <!-- Q2 -->
    <div class="mc-q-box">
      <div class="mc-q-text">Q2. 会議や講義中、最後まで話の内容をしっかり追えていますか？</div>
      <div class="mc-q-options">
        <input type="radio" id="q2-yes" name="q2" value="1" class="mc-radio"><label for="q2-yes" class="mc-label yes-btn">はい</label>
        <input type="radio" id="q2-no" name="q2" value="0" class="mc-radio"><label for="q2-no" class="mc-label no-btn">いいえ</label>
      </div>
    </div>
    <!-- Q3 -->
    <div class="mc-q-box">
      <div class="mc-q-text">Q3. 作業中にスマートフォンの通知が来ても、すぐに確認せずにいられますか？</div>
      <div class="mc-q-options">
        <input type="radio" id="q3-yes" name="q3" value="1" class="mc-radio"><label for="q3-yes" class="mc-label yes-btn">はい</label>
        <input type="radio" id="q3-no" name="q3" value="0" class="mc-radio"><label for="q3-no" class="mc-label no-btn">いいえ</label>
      </div>
    </div>
    <!-- Q4 -->
    <div class="mc-q-box">
      <div class="mc-q-text">Q4. 複数の工程がある作業を、手順通りに最後まで完了できますか？</div>
      <div class="mc-q-options">
        <input type="radio" id="q4-yes" name="q4" value="1" class="mc-radio"><label for="q4-yes" class="mc-label yes-btn">はい</label>
        <input type="radio" id="q4-no" name="q4" value="0" class="mc-radio"><label for="q4-no" class="mc-label no-btn">いいえ</label>
      </div>
    </div>
    <!-- Q5 -->
    <div class="mc-q-box">
      <div class="mc-q-text">Q5. 単調な繰り返し作業でも、一定のミスのなさを長時間保てますか？</div>
      <div class="mc-q-options">
        <input type="radio" id="q5-yes" name="q5" value="1" class="mc-radio"><label for="q5-yes" class="mc-label yes-btn">はい</label>
        <input type="radio" id="q5-no" name="q5" value="0" class="mc-radio"><label for="q5-no" class="mc-label no-btn">いいえ</label>
      </div>
    </div>

    <!-- 結果を見るボタン -->
    <button type="button" class="mc-result-btn" onclick="showResult()">結果を見る</button>
  </form>

  <!-- 結果表示エリア（初期は非表示） -->
  <div id="mc-result-area" class="mc-result-area">
    <div class="mc-result-header">【あなたの傾向】</div>
    <div id="mc-result-text" class="mc-result-text"></div>
    <div id="mc-result-desc" class="mc-result-desc"></div>
  </div>

  <!-- 注釈：フラットデザインに変更 -->
  <div class="mc-diag-disclaimer">
    ※これは日常感覚を振り返るための簡易的なチェックであり、持続的注意力や脳の状態を医学的に判定・診断するものではありません。結果の内容にかかわらず、気になる症状が続く場合は、自己判断せず医療機関にご相談ください。
  </div>

</div>

<style>
/* --- 全体のコンテナ --- */
.mc-diag-wrapper {
  margin: 32px 0;
  background-color: #f4f9fc;
  border: 1px solid #cce0eb;
  border-radius: 8px;
  padding: 24px;
  font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* --- ヘッダー・説明 --- */
.mc-diag-title {
  font-weight: bold;
  color: #1a5276;
  margin-bottom: 20px;
  font-size: 1.15rem; /* PC基準 */
  text-align: center;
  border-bottom: 2px solid #a9cce3;
  padding-bottom: 12px;
  line-height: 1.4;
}
.mc-diag-sub-desc {
  color: #7f8c8d;
  font-size: 0.85rem; /* PC基準 */
  margin-bottom: 24px;
  text-align: center;
  line-height: 1.6;
}
.mc-sp-only { display: none; }

/* --- 質問リスト --- */
.mc-q-box {
  background: #ffffff;
  padding: 16px;
  border-radius: 6px;
  margin-bottom: 16px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.mc-q-text {
  font-size: 1rem; /* PC基準: 本文 */
  color: #333333;
  font-weight: bold;
  margin-bottom: 12px;
  line-height: 1.5;
}
.mc-q-options {
  display: flex;
  gap: 10px;
}
.mc-radio { display: none; }
.mc-label {
  flex: 1;
  text-align: center;
  padding: 12px;
  border: 2px solid #e1ebf2;
  border-radius: 4px;
  font-size: 0.95rem; /* PC基準 */
  color: #7f8c8d;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: bold;
  background: #fafcfd;
}

/* 選択時のスタイル */
.mc-radio:checked + .mc-label.yes-btn { background-color: #2980b9; color: #ffffff; border-color: #2980b9; }
.mc-radio:checked + .mc-label.no-btn { background-color: #7f8c8d; color: #ffffff; border-color: #7f8c8d; }

/* --- ボタン --- */
.mc-result-btn {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 24px auto 0;
  padding: 16px;
  background-color: #2980b9;
  color: white;
  border: none;
  border-radius: 30px;
  font-size: 1.05rem; /* PC基準 */
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(41, 128, 185, 0.3);
  transition: background 0.2s;
  font-family: inherit;
}
.mc-result-btn:hover { background-color: #1f6391; }

/* --- 結果エリア --- */
.mc-result-area {
  display: none;
  margin-top: 24px;
  padding: 20px;
  background-color: #ffffff;
  border: 2px solid #2980b9;
  border-radius: 8px;
  text-align: center;
  animation: fadeIn 0.5s;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}
.mc-result-header {
  font-size: 1.1rem; /* PC基準 */
  color: #1a5276;
  font-weight: bold;
  margin-bottom: 12px;
}
.mc-result-text {
  font-size: 1.05rem; /* PC基準 */
  color: #333333;
  line-height: 1.6;
  font-weight: bold;
}
.mc-result-highlight {
  color: #2980b9;
  display: inline-block;
  margin-bottom: 6px;
}
.mc-result-desc {
  font-size: 0.95rem; /* PC基準 */
  color: #444444;
  line-height: 1.6;
  margin-top: 12px;
}

/* --- 注釈（太線を取り除いてフラットに） --- */
.mc-diag-disclaimer {
  margin-top: 24px;
  font-size: 0.85rem;
  color: #666666;
  text-align: left;
  line-height: 1.6;
  background-color: #ffffff; /* 白抜きフラット */
  border: 1px solid #e2e8f0; /* 薄い枠線のみ */
  padding: 16px;
  border-radius: 6px;
}

/* =========================================
   スマホ用フォントサイズ上書き（レスポンシブ）
========================================= */
@media (max-width: 600px) {
  .mc-diag-wrapper { padding: 20px 16px; }
  .mc-sp-only { display: block; }
  
  .mc-diag-title { font-size: 1.25rem; }
  .mc-diag-sub-desc { font-size: 0.95rem; }
  
  .mc-q-text { font-size: 1.15rem; } /* スマホ基準: 本文 */
  .mc-label { font-size: 1.1rem; }
  
  .mc-result-btn { font-size: 1.15rem; }
  
  .mc-result-header { font-size: 1.25rem; }
  .mc-result-text { font-size: 1.15rem; }
  .mc-result-desc { font-size: 1.05rem; }
  
  .mc-diag-disclaimer { font-size: 0.85rem; padding: 14px; }
}
</style>

<script>
  function showResult() {
    const form = document.getElementById('mc-diagnosis-form');
    let yesCount = 0;
    let answeredCount = 0;

    // 5問すべて回答されているかチェックし、はいの数を数える
    for (let i = 1; i <= 5; i++) {
      const selected = form.querySelector(`input[name="q${i}"]:checked`);
      if (selected) {
        answeredCount++;
        if (selected.value === "1") yesCount++;
      }
    }

    if (answeredCount < 5) {
      alert("すべての質問にお答えください。");
      return;
    }

    // 結果テキストの設定
    const resultArea = document.getElementById('mc-result-area');
    const resultText = document.getElementById('mc-result-text');
    const resultDesc = document.getElementById('mc-result-desc');

    // 3段階評価（5〜4問／3〜2問／1〜0問）
    if (yesCount >= 4) {
      resultText.innerHTML = "<span class='mc-result-highlight'>5問中" + yesCount + "問が「はい」のあなたへ</span><br>注意を向け続ける感覚が、日常の中でよく発揮されているようです。";
      resultDesc.innerHTML = "次に紹介する4つの習慣もあわせてチェックすると、さらに自信を持てるかもしれません。";
    } else if (yesCount >= 2) {
      resultText.innerHTML = "<span class='mc-result-highlight'>5問中" + yesCount + "問が「はい」のあなたへ</span><br>場面によって、注意を保つ感覚に差があるようです。";
      resultDesc.innerHTML = "次に紹介する4つの習慣を、気になるものから試してみましょう。";
    } else {
      resultText.innerHTML = "<span class='mc-result-highlight'>5問中" + yesCount + "問が「はい」のあなたへ</span><br>注意を保ち続ける機会が、日常の中でまだあまりないのかもしれません。";
      resultDesc.innerHTML = "次に紹介する4つの習慣を、できるところから始めてみてください。";
    }

    // 結果エリアを表示
    resultArea.style.display = "block";
  }
</script>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">いかがでしたでしょうか？ 結果が良くて安心した方も、少しハッとされた方も、過度に心配する必要はありません。</p>



<p class="wp-block-paragraph">ここまで解説してきた通り、持続的注意力の低下は「意志の弱さ」ではなく、加齢や現代のマルチタスク環境による「脳の過労（過緊張）」が引き起こす物理的な現象です。</p>



<p class="wp-block-paragraph">決してあなたがだらしないわけではありません。</p>



<p class="wp-block-paragraph">そして私たちの脳には、環境やコンディションを整えれば、本来のパフォーマンスを取り戻せる素晴らしい回復力が備わっています。</p>



<p class="wp-block-paragraph">膨大な情報によって慢性的にすり減ってしまった脳の機能も、日々のちょっとした「引き算の意識」と習慣の積み重ねで、労わり、維持していくことが十分に可能なのです。</p>



<p class="wp-block-paragraph">「もう年だから仕方ない」「集中できない性格だから」と諦めるのは、脳科学的に見ても非常にもったいないことだと言えます！</p>



<p class="wp-block-paragraph">では、限られた脳のエネルギーを守り、持続的注意力を科学的に維持していくためには、具体的にどのようなアプローチが有効なのでしょうか？</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">科学的に維持する4つの習慣</h2>



<h3 class="wp-block-heading">習慣①：「シングルタスク」の時間を意識的に作る</h3>



<p class="wp-block-paragraph">マルチタスクが持続的注意力を慢性的に消耗させるメカニズムは第2章で説明しました。</p>



<p class="wp-block-paragraph">ではその逆、つまり「シングルタスク」を意識的に実践することは、前頭前野の注意制御機能を守ることに直結します。</p>



<p class="wp-block-paragraph">まず1日の中で30分だけ、スマートフォンをサイレントにして画面を伏せ、一つの作業だけに取り組む時間を作ってみてください。</p>



<div class="st-wrapper" id="st-animation-area">
    <div class="st-header">
        <span class="st-header-title">習慣①：シングルタスクの実践</span>
    </div>

    <div class="st-brain-container">
        <div class="st-brain">🧠</div>
        <div class="st-brain-label">前頭前野</div>
    </div>

    <div class="st-pc-container">
        <div class="st-pc">💻</div>
        <div class="st-pc-label">ひとつの作業</div>
    </div>

    <div class="st-phone-container">
        <div class="st-shield">物理的遮断</div>
        <div class="st-phone">📱</div>
        <div class="st-badge">通知</div>
        <div class="st-phone-label">スマホ</div>
    </div>

    <div class="st-beam-pc"></div>
    <div class="st-beam-phone"></div>

    <div class="st-time-box">
        <div class="st-time-label">深い集中状態（目標30分）</div>
        <div class="st-time-bar">
            <div class="st-time-fill"></div>
        </div>
    </div>
</div>

<!-- ★ 修正：他と干渉しない専用クラスに変更し、左寄せ＆改行調整 ★ -->
<div class="st-disclaimer">
    ※アニメーションはシングルタスクによる集中状態の維持を表現したイメージです。
</div>

<style>
/* --- 全体のコンテナ --- */
.st-wrapper {
    position: relative;
    width: 100%;
    height: clamp(380px, 75vw, 480px);
    background-color: #1a1d21;
    border-radius: 12px;
    border: 1px solid #2d3748;
    overflow: hidden;
    margin-top: 24px;
    margin-bottom: 8px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

/* ★ 修正：専用クラスに対するスタイリング（左寄せで統一） ★ */
.st-disclaimer {
    text-align: left;
    font-size: 0.85rem;
    color: #718096; 
    line-height: 1.6;
    margin-bottom: 24px;
    padding: 0 5px; /* アニメーション枠の左端と自然に揃える */
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.mc-sp-only { display: none; } /* デフォルト（PC）では改行しない */

.st-header {
    position: absolute;
    top: 20px; left: 20px;
    z-index: 30;
}
.st-header-title {
    font-size: clamp(0.95rem, 3vw, 1.1rem);
    color: #63b3ed;
    font-weight: bold;
    letter-spacing: 1px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}

/* --- 配置コンテナ --- */
.st-brain-container {
    position: absolute;
    /* ★ 修正：見出しとの距離を確保するため 25% -> 28% に下げる ★ */
    top: 28%; left: 50%;
    transform: translate(-50%, -50%);
    display: flex; flex-direction: column; align-items: center;
    z-index: 10;
}
.st-pc-container {
    position: absolute;
    top: 65%; left: 75%; 
    transform: translate(-50%, -50%);
    display: flex; flex-direction: column; align-items: center;
    z-index: 5;
}
.st-phone-container {
    position: absolute;
    top: 65%; left: 25%; 
    transform: translate(-50%, -50%);
    display: flex; flex-direction: column; align-items: center;
    z-index: 5;
}

/* --- アイコンとラベル --- */
.st-brain {
    font-size: clamp(2.4rem, 6vw, 3.5rem);
    background: #2d3748; border: 2px solid #4a5568; box-shadow: none; 
    border-radius: 50%; width: clamp(75px, 18vw, 95px); aspect-ratio: 1;
    display: flex; justify-content: center; align-items: center;
}
.st-pc {
    font-size: clamp(3rem, 8vw, 4.5rem);
    filter: grayscale(0.5); opacity: 0.7; 
}
.st-phone {
    font-size: clamp(3rem, 8vw, 4.5rem);
    display: inline-block;
    transition: all 0.5s ease;
    transform: rotateX(0deg); filter: brightness(1); 
}

.st-wrapper.is-active .st-brain { animation: brainGlow 12s infinite; }
.st-wrapper.is-active .st-pc { animation: pcFocus 12s infinite; }
.st-wrapper.is-active .st-phone { animation: phoneFlip 12s infinite; }

.st-brain-label, .st-pc-label, .st-phone-label {
    margin-top: 10px;
    font-size: clamp(0.9rem, 2.5vw, 1.05rem);
    font-weight: bold; color: #e2e8f0;
    white-space: nowrap;
}

/* スマホの通知バッジと遮断ラベル */
.st-badge {
    position: absolute;
    top: -5px; right: -10px;
    background: #e53e3e; color: #fff;
    font-size: clamp(0.75rem, 2vw, 0.85rem); font-weight: bold;
    padding: 2px 8px; border-radius: 10px;
    opacity: 0; transform: scale(0); 
}
.st-shield {
    position: absolute;
    top: -20px;
    background: #4fd1c5; color: #fff;
    font-size: clamp(0.75rem, 2vw, 0.85rem); font-weight: bold;
    padding: 2px 10px; border-radius: 10px;
    opacity: 0; transform: translateY(10px); 
}
.st-wrapper.is-active .st-badge { animation: badgePop 12s infinite; }
.st-wrapper.is-active .st-shield { animation: shieldShow 12s infinite; }

/* --- スポットライト（ビーム） --- */
.st-beam-pc {
    position: absolute;
    /* ★ 修正：脳の位置に合わせてビームの起点も 28% -> 31% に下げる ★ */
    top: 31%; left: 50%;
    width: clamp(90px, 22vw, 130px); height: 40%;
    background: linear-gradient(to bottom, rgba(99,179,237,0.8), transparent);
    clip-path: polygon(45% 0, 55% 0, 100% 100%, 0% 100%);
    transform-origin: top center;
    opacity: 0.3; transform: translateX(-50%) rotate(-30deg) scaleX(0.5); 
    z-index: 2;
}
.st-beam-phone {
    position: absolute;
    /* ★ 修正：脳の位置に合わせてビームの起点も 28% -> 31% に下げる ★ */
    top: 31%; left: 50%;
    width: clamp(70px, 18vw, 100px); height: 40%;
    background: linear-gradient(to bottom, rgba(252,129,129,0.7), transparent);
    clip-path: polygon(45% 0, 55% 0, 100% 100%, 0% 100%);
    transform-origin: top center;
    opacity: 0; transform: translateX(-50%) rotate(30deg) scaleX(0.2); 
    z-index: 2;
}
.st-wrapper.is-active .st-beam-pc { animation: beamPC 12s infinite; }
.st-wrapper.is-active .st-beam-phone { animation: beamPhone 12s infinite; }

/* --- タイマー（30分ゲージ） --- */
.st-time-box {
    position: absolute;
    bottom: 25px; left: 50%;
    transform: translateX(-50%);
    width: 80%; z-index: 10;
}
.st-time-label {
    font-size: clamp(0.85rem, 2.5vw, 0.95rem);
    color: #a0aec0; margin-bottom: 8px;
}
.st-time-bar {
    width: 100%; height: 6px;
    background: #4a5568; border-radius: 3px; overflow: hidden;
}
.st-time-fill {
    height: 100%; width: 0%; 
    background: #63b3ed;
}
.st-wrapper.is-active .st-time-fill { animation: timeFill 12s infinite linear; }


/* =========================================
   スマホ用フォントサイズ上書き（レスポンシブ）
========================================= */
@media (max-width: 600px) {
    /* ★ 修正：全体の高さを広げて窮屈さを解消（440px -> 460px） ★ */
    .st-wrapper { height: 460px; } 
    
    /* ★ 修正：注記のスマホ用調整 ★ */
    .st-disclaimer { 
        font-size: 0.75rem; 
        margin-bottom: 30px; 
        padding: 0 10px; 
    }
    .mc-sp-only { display: block; } /* スマホ表示時のみ改行 */
    
    .st-header-title { font-size: 1.15rem; }
    .st-brain-label, .st-pc-label, .st-phone-label { font-size: 1.15rem; }
    
    .st-badge, .st-shield { font-size: 0.95rem; }
    .st-time-label { font-size: 1.1rem; }
    
    .st-brain { width: 95px; }
    .st-brain { font-size: 3rem; }
    .st-pc, .st-phone { font-size: 4rem; }
}


/* =========================================
   アニメーションシナリオ（12秒ループ）
========================================= */
@keyframes phoneFlip {
    0%, 8% { transform: rotateX(0deg); filter: brightness(1); }
    10%, 15% { transform: rotateX(0deg) scale(1.15); filter: brightness(1); }
    20%, 95% { transform: rotateX(180deg) translateY(-10px); filter: brightness(0.15); }
    100% { transform: rotateX(0deg); filter: brightness(1); }
}
@keyframes badgePop {
    0%, 8% { opacity: 0; transform: scale(0); }
    10%, 15% { opacity: 1; transform: scale(1); }
    18%, 100% { opacity: 0; transform: scale(0); }
}
@keyframes shieldShow {
    0%, 18% { opacity: 0; transform: translateY(10px); }
    20%, 95% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(10px); }
}

@keyframes beamPC {
    0%, 8% { opacity: 0.3; transform: translateX(-50%) rotate(-30deg) scaleX(0.5); }
    10%, 15% { opacity: 0; transform: translateX(-50%) rotate(-30deg) scaleX(0.2); }
    20%, 95% { opacity: 1; transform: translateX(-50%) rotate(-30deg) scaleX(1.3); }
    100% { opacity: 0.3; transform: translateX(-50%) rotate(-30deg) scaleX(0.5); }
}
@keyframes beamPhone {
    0%, 8% { opacity: 0; transform: translateX(-50%) rotate(30deg) scaleX(0.2); }
    10%, 15% { opacity: 0.9; transform: translateX(-50%) rotate(30deg) scaleX(1); }
    18%, 100% { opacity: 0; transform: translateX(-50%) rotate(30deg) scaleX(0.2); }
}

@keyframes pcFocus {
    0%, 8% { filter: grayscale(0.5); opacity: 0.7; }
    10%, 15% { filter: grayscale(1); opacity: 0.3; }
    20%, 95% { filter: grayscale(0); opacity: 1; filter: drop-shadow(0 0 15px rgba(99,179,237,0.8)); }
    100% { filter: grayscale(0.5); opacity: 0.7; }
}

@keyframes brainGlow {
    0%, 15% { border-color: #4a5568; box-shadow: none; }
    20%, 95% { border-color: #63b3ed; box-shadow: 0 0 20px #63b3ed; }
    100% { border-color: #4a5568; box-shadow: none; }
}

@keyframes timeFill {
    0%, 19% { width: 0%; }
    20% { width: 0%; }
    95% { width: 100%; }
    100% { width: 0%; }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const options = {
        root: null,
        rootMargin: "0px",
        threshold: 0.5 
    };

    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-active');
            } 
            else {
                entry.target.classList.remove('is-active');
            }
        });
    }, options);

    const targetElement = document.getElementById('st-animation-area');
    if (targetElement) {
        observer.observe(targetElement);
    }
});
</script>



<p class="wp-block-paragraph">メール、SNS、通知、すべてをオフにした状態で作業に入ります。</p>



<p class="wp-block-paragraph">重要なのは<strong><span class="swl-marker mark_yellow">「何かに完全に入り込んでいた」</span></strong>という感覚を脳に体験させることです。</p>



<p class="wp-block-paragraph">この感覚そのものが、注意を維持する神経回路への刺激になります。</p>



<p class="wp-block-paragraph">最初は15分でも構いません。</p>



<p class="wp-block-paragraph">継続するうちに、以前は難しかった「深い集中状態」に入りやすくなっていく感覚を覚える方も多いです。</p>



<p class="wp-block-paragraph">また、UC Irvinのグロリア・マーク博士の研究によると、作業を中断された後、元の作業に完全に戻るまでに平均23分15秒かかることが示されています。</p>



<div class="research-cost-card">
    <div class="rc-header">
        <span class="rc-icon">⏱️</span>
        <span class="rc-title">研究結果：中断による「回復コスト」</span>
    </div>
    <div class="rc-body">
        <div class="rc-source">
            <span class="rc-source-label">出典</span>
            UCアーバイン校 グロリア・マーク博士の研究
        </div>

        <p class="rc-question">
            一度作業を中断されると、元の集中状態に戻るまでにどれくらいの時間がかかるでしょうか？
        </p>

        <div class="rc-result-box">
            <div class="rc-time-label">平均リカバリー時間</div>
            <div class="rc-time-value">
                <span class="rc-num">23</span><span class="rc-unit">分</span><span class="rc-num">15</span><span class="rc-unit">秒</span>
            </div>
        </div>

        <p class="rc-impact">
            通知ひとつで集中が切れるたびに、脳はこれほどの「見えない損失」を支払い続けています。
        </p>
    </div>
</div>

<style>
/* カード全体のコンテナ */
.research-cost-card {
    background-color: #ffffff;
    border: 1px solid #cbd5e0;
    border-radius: 12px;
    overflow: hidden;
    margin: 32px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

/* ヘッダー：信頼感のあるネイビー */
.rc-header {
    background-color: #2c5282;
    color: #ffffff;
    padding: 14px 20px;
    display: flex;
    align-items: center;
}
.rc-icon {
    font-size: 1.3rem;
    margin-right: 10px;
}
.rc-title {
    font-weight: bold;
    font-size: 1.1rem; /* PC基準サイズ */
    letter-spacing: 0.5px;
}

/* ボディ */
.rc-body {
    padding: 24px;
    text-align: center;
}

/* 出典 */
.rc-source {
    display: inline-flex;
    align-items: center;
    font-size: 0.85rem; /* PC基準サイズ */
    color: #718096;
    margin-bottom: 20px;
}
.rc-source-label {
    background-color: #edf2f7;
    color: #4a5568;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.75rem; /* PC基準サイズ */
    font-weight: bold;
    margin-right: 8px;
}

/* 導入テキスト */
.rc-question {
    font-size: 1rem; /* PC基準サイズ: 本文 */
    color: #4a5568;
    margin: 0 0 20px 0;
    line-height: 1.6;
}

/* 結果表示エリア：ここを最も強調 */
.rc-result-box {
    background-color: #f7fafc;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}
.rc-time-label {
    font-size: 0.95rem; /* PC基準サイズ */
    color: #2d3748;
    font-weight: bold;
    margin-bottom: 10px;
}
.rc-time-value {
    color: #e53e3e; /* 損失をイメージさせる警告色（赤） */
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.rc-num {
    font-size: 3.5rem; /* PC基準サイズ */
    font-weight: 800;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    line-height: 1;
}
.rc-unit {
    font-size: 1.4rem; /* PC基準サイズ */
    font-weight: bold;
    margin: 0 4px;
}

/* 締めテキスト */
.rc-impact {
    font-size: 1rem; /* PC基準サイズ: 本文 */
    color: #2d3748;
    font-weight: bold;
    margin: 0;
    line-height: 1.5;
}

/* =========================================
   スマホ用フォントサイズ上書き（レスポンシブ）
========================================= */
@media (max-width: 600px) {
    .rc-body { padding: 20px 16px; }
    .rc-result-box { padding: 20px 10px; }
    
    .rc-title { font-size: 1.25rem; }
    
    .rc-source { font-size: 0.95rem; }
    .rc-source-label { font-size: 0.85rem; }
    
    .rc-question { font-size: 1.15rem; } /* スマホ基準: 本文 */
    .rc-impact { font-size: 1.15rem; } /* スマホ基準: 本文 */
    
    .rc-time-label { font-size: 1.1rem; }
    .rc-num { font-size: 3.2rem; } /* スマホでも1行で収まる最大サイズ */
    .rc-unit { font-size: 1.25rem; }
}
</style>



<p class="wp-block-paragraph">通知のたびに注意が中断されるということは、それだけ膨大なリカバリーコストを毎日支払い続けているということです。</p>



<p class="wp-block-paragraph">シングルタスクの実践は、このコストをゼロにする習慣です。</p>



<h3 class="wp-block-heading">習慣②：定期的に「意図的な休憩」を入れる</h3>



<p class="wp-block-paragraph">持続的注意力には、根本的な制約があります。</p>



<p class="wp-block-paragraph">それは<strong><span class="swl-marker mark_yellow">「人間の脳は、注意を無限に維持することができない」</span></strong>という事実です。</p>



<p class="wp-block-paragraph">航空管制官や外科医など、持続的注意力が特に要求される職業においても、人間の注意力は一定時間を超えると必ず低下することが知られています。</p>



<div class="ev-wrapper">
    <div role="heading" aria-level="3" class="ev-header">
        <span class="ev-header-icon">🔬</span>
        科学的エビデンス：プロフェッショナルでも「気合」では集中できない
    </div>

    <div class="ev-intro">
        心理学や人間工学の世界では、人間の持続的注意力が時間とともに必ず低下する現象を<strong>「ビジランス低下（Vigilance Decrement）」</strong>と呼びます。<br>
        これは個人の「意志の弱さ」ではなく、脳の物理的な限界を示す揺るぎない事実です。<br>
    </div>

    <div class="ev-card-container">
        <div class="ev-card">
            <div class="ev-card-icon">⏱️</div>
            <div class="ev-card-title">マックワースの時計テスト</div>
            <p class="ev-card-text">
                第二次世界大戦中に行われたレーダー監視員（注意力のプロ）を対象とした有名な実験。<br>
                開始から<strong>「わずか30分」</strong>で、異常を検知する注意力が有意に低下し始めることが証明されました。<br>
            </p>
        </div>

        <div class="ev-card">
            <div class="ev-card-icon">✈️</div>
            <div class="ev-card-title">航空管制官の強制休憩</div>
            <p class="ev-card-text">
                どんなに高度な訓練を受けても、長時間のモニター監視では必ず注意力が低下します。<br>
                そのため国際ルール等により、管制業務は<strong>「最大2時間程度で必ず休憩を挟むこと」</strong>が厳格に義務付けられています。<br>
            </p>
        </div>

        <div class="ev-card">
            <div class="ev-card-icon">🩺</div>
            <div class="ev-card-title">外科医のパフォーマンス低下</div>
            <p class="ev-card-text">
                医療分野の研究でも、手術時間が長くなるほど外科医の認知機能が低下し、判断ミス等のリスクが高まることがデータで示されています。<br>
                近年では手術中の<strong>「計画的な小休憩」</strong>が推奨されるようになっています。<br>
            </p>
        </div>
    </div>
</div>

<style>
/* --- エビデンスブロック全体のコンテナ --- */
.ev-wrapper {
    background-color: #f8fafc; /* 科学的な清潔感のある淡いグレーブルー */
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 32px 24px;
    margin: 40px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03);
}

/* ヘッダー */
.ev-header {
    text-align: center;
    font-size: 1.25rem; /* PC基準 */
    font-weight: 800;
    color: #1e3a8a;
    margin: 0 0 20px 0 !important;
    padding: 0 0 15px 0 !important;
    background: transparent !important;
    border-bottom: 2px solid #e2e8f0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
}
.ev-header-icon {
    font-size: 1.6rem;
    margin-right: 12px;
}

/* 導入文 */
.ev-intro {
    font-size: 1rem; /* PC基準: 本文 */
    color: #334155;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 30px;
}
.ev-intro strong {
    color: #1e3a8a;
    background: linear-gradient(transparent 70%, #dbeafe 70%);
}

/* エビデンスカードのレイアウト（PCは横並び3列） */
.ev-card-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 15px;
    margin-bottom: 10px;
}

.ev-card {
    flex: 1;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px 15px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}

.ev-card-icon {
    font-size: 2rem;
    margin-bottom: 12px;
    line-height: 1;
}

.ev-card-title {
    font-size: 1.05rem; /* PC基準 */
    font-weight: bold;
    color: #0f172a;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #cbd5e1;
}

.ev-card-text {
    font-size: 0.95rem; /* PC基準 */
    color: #475569;
    line-height: 1.7;
    margin: 0 !important;
    text-align: left;
}
.ev-card-text strong {
    color: #b91c1c; /* 注意を引く赤 */
}

/* =========================================
   スマホ用フォントサイズ上書き（レスポンシブ）
========================================= */
@media (max-width: 600px) {
    .ev-wrapper {
        padding: 24px 16px;
    }
    
    .ev-header {
        font-size: 1.35rem; /* スマホ基準 */
        flex-direction: column;
        text-align: center;
    }
    .ev-header-icon {
        font-size: 2rem; /* スマホ基準に合わせてアイコン拡大 */
        margin-right: 0;
        margin-bottom: 10px;
    }
    
    .ev-intro {
        font-size: 1.15rem; /* スマホ基準: 本文 */
        text-align: left; /* スマホ時は中央揃えより左揃えが読みやすい */
    }
    
    .ev-card-container {
        flex-direction: column;
        gap: 20px;
    }
    .ev-card {
        padding: 24px 20px; /* 文字拡大に合わせて余白拡張 */
    }
    
    .ev-card-icon {
        font-size: 2.5rem;
    }
    .ev-card-title {
        font-size: 1.2rem;
    }
    .ev-card-text {
        font-size: 1.05rem;
    }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">つまり問題は「集中を続けようとする意志が足りないこと」ではなく、「脳の特性を無視して注意を使い続けようとしていること」にあります。</p>



<p class="wp-block-paragraph">科学的に有効なアプローチは、<span class="swl-marker mark_yellow"><strong>注意が切れる前に意図的な休憩を入れる</strong></span>ことです。</p>



<p class="wp-block-paragraph">25分作業して5分休憩するポモドーロ・テクニックはその代表例ですが、重要なのは「疲れたから休む」のではなく「疲れる前に休む」という設計です。</p>



<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow">休憩中は、スマートフォンを見ることは推奨されません。</span></strong></p>



<p class="wp-block-paragraph">別の情報処理を行うと、前頭前野が休まらないからです。</p>



<p class="wp-block-paragraph">窓の外を眺める、軽くストレッチをするなど、情報入力を伴わない休憩が前頭前野の回復を促します。</p>



<div class="pomodoro-logic-wrapper" id="pomodoro-animation-area">
    <!-- ヘッダー -->
    <div class="pl-header">
        <span class="pl-header-title">習慣②：疲れる前の「意図的な休憩」</span>
    </div>

    <!-- 脳のバッテリー状態 -->
    <div class="pl-brain-status">
        <div class="pl-brain-icon">🧠</div>
        <div class="pl-battery-container">
            <div class="pl-battery-label">前頭前野の余力</div>
            <div class="pl-battery-bg">
                <div class="pl-battery-fill"></div>
            </div>
        </div>
    </div>

    <!-- サイクルタイマー -->
    <div class="pl-timer-display">
        <div class="pl-timer-circle">
            <svg viewBox="0 0 36 36" class="pl-svg-chart">
                <path class="pl-circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path>
                <path class="pl-circle-fill" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path>
            </svg>
            <div class="pl-timer-text">
                <!-- 作業中ラベル -->
                <div class="pl-text-work">
                    <span class="pl-mode-label work-label">作業中</span>
                    <span class="pl-time-num work-num">25:00</span>
                </div>
                <!-- 休憩中ラベル -->
                <div class="pl-text-rest">
                    <span class="pl-mode-label rest-label">休憩中</span>
                    <span class="pl-time-num rest-num">05:00</span>
                </div>
            </div>
        </div>
    </div>

    <!-- 休憩の質の比較 -->
    <div class="pl-comparison">
        <div class="pl-rest-box bad">
            <div class="pl-rest-icon">📱</div>
            <div class="pl-rest-label">スマホ休憩<br><span>(情報の追加入力)</span></div>
            <div class="pl-result-tag bad">回復しない</div>
        </div>
        <div class="pl-rest-box good">
            <div class="pl-rest-icon">🌳</div>
            <div class="pl-rest-label">本来の休憩<br><span>(情報の遮断)</span></div>
            <div class="pl-result-tag good">急速回復</div>
        </div>
    </div>
</div>

<div class="pl-disclaimer">
    ※アニメーションは休息による前頭前野の回復を表現したイメージです。
</div>

<style>
/* --- 全体コンテナ --- */
.pomodoro-logic-wrapper {
    position: relative;
    width: 100%;
    /* ★ 修正：PC表示時も高さをしっかり確保し窮屈さを解消 ★ */
    height: 540px;
    background-color: #1a1d21;
    border-radius: 12px;
    border: 1px solid #2d3748;
    overflow: hidden;
    margin-top: 24px;
    margin-bottom: 8px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.pl-disclaimer {
    text-align: left !important;
    font-size: 0.85rem;
    color: #718096; 
    line-height: 1.6;
    margin-bottom: 24px;
    padding: 0 5px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.mc-sp-only { display: none; } 

.pl-header { position: absolute; top: 20px; left: 20px; }
.pl-header-title { 
    font-size: clamp(0.95rem, 3vw, 1.1rem); 
    color: #63b3ed; font-weight: bold; 
}

/* --- バッテリーエリア --- */
.pl-brain-status {
    position: absolute;
    top: 65px; left: 50%;
    transform: translateX(-50%);
    display: flex; align-items: center; gap: 15px;
    width: 80%;
}
.pl-brain-icon { font-size: clamp(2.4rem, 6vw, 3rem); }
.pl-battery-container { flex: 1; }
.pl-battery-label { 
    font-size: clamp(0.85rem, 2.5vw, 0.95rem); 
    color: #a0aec0; margin-bottom: 6px; 
}
.pl-battery-bg { 
    width: 100%; height: 16px; background: #2d3748; 
    border-radius: 8px; overflow: hidden; border: 1px solid #4a5568; 
}
.pl-battery-fill { 
    height: 100%; width: 90%; background: #4fd1c5; 
}
.pomodoro-logic-wrapper.is-active .pl-battery-fill { animation: batteryCycle 15s infinite linear; }

/* --- 中央タイマー --- */
.pl-timer-display {
    position: absolute;
    /* ★ 修正：PC表示時は下部のカードと距離をとるため少し上(42%)へ ★ */
    top: 42%; left: 50%;
    transform: translate(-50%, -50%);
}
.pl-timer-circle {
    position: relative;
    /* ★ 修正：PCで円が大きくなりすぎないよう最大値を170pxに抑制 ★ */
    width: clamp(140px, 35vw, 170px);
    height: clamp(140px, 35vw, 170px);
}
.pl-svg-chart { transform: rotate(-90deg); }
.pl-circle-bg { fill: none; stroke: #2d3748; stroke-width: 2.5; }
.pl-circle-fill {
    fill: none; stroke: #3182ce; stroke-width: 2.5;
    stroke-linecap: round;
    stroke-dasharray: 100, 100;
}
.pomodoro-logic-wrapper.is-active .pl-circle-fill { animation: timerProgress 15s infinite linear; }

/* タイマーのテキスト部分 */
.pl-timer-text {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 100%; height: 100%;
}
.pl-text-work, .pl-text-rest {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    text-align: center; display: flex; flex-direction: column; align-items: center;
    width: 100%;
}
.pl-text-work { opacity: 1; }
.pl-text-rest { opacity: 0; }
.pomodoro-logic-wrapper.is-active .pl-text-work { animation: textWorkFade 15s infinite; }
.pomodoro-logic-wrapper.is-active .pl-text-rest { animation: textRestFade 15s infinite; }

.pl-mode-label { font-size: clamp(0.85rem, 2.5vw, 0.95rem); font-weight: bold; }
.work-label { color: #63b3ed; }
.rest-label { color: #4fd1c5; }
.pl-time-num { 
    font-size: clamp(1.8rem, 5vw, 2.4rem); 
    font-weight: bold; font-family: 'Helvetica Neue', Arial, sans-serif; 
}


/* --- 比較エリア --- */
.pl-comparison {
    position: absolute; bottom: 25px; left: 50%;
    transform: translateX(-50%);
    width: 90%; display: flex; gap: 12px;
}
.pl-rest-box {
    flex: 1; background: #2d3748; border-radius: 8px;
    padding: 15px 5px; display: flex; flex-direction: column; align-items: center;
    border: 1px solid transparent; opacity: 0.4; 
}
.pomodoro-logic-wrapper.is-active .pl-rest-box.bad { animation: restBadActive 15s infinite; }
.pomodoro-logic-wrapper.is-active .pl-rest-box.good { animation: restGoodActive 15s infinite; }

.pl-rest-icon { font-size: clamp(2rem, 5vw, 2.5rem); margin-bottom: 8px; }
.pl-rest-label { 
    font-size: clamp(0.85rem, 2.5vw, 1rem); 
    font-weight: bold; text-align: center; color: #e2e8f0; line-height: 1.3; 
}
.pl-rest-label span { font-size: clamp(0.7rem, 2vw, 0.85rem); color: #a0aec0; font-weight: normal; }
.pl-result-tag { 
    margin-top: 10px; font-size: clamp(0.75rem, 2.2vw, 0.9rem); 
    font-weight: bold; padding: 4px 10px; border-radius: 6px; 
}
.pl-result-tag.bad { background: #4a5568; color: #cbd5e0; }
.pl-result-tag.good { background: #2c7a7b; color: #4fd1c5; }


/* =========================================
   スマホ用フォントサイズ上書き（レスポンシブ）
========================================= */
@media (max-width: 600px) {
    .pomodoro-logic-wrapper { height: 540px; } 
    
    /* ★ 修正：スマホではタイマー位置を元（45%）に戻し、完璧だったバランスを維持 ★ */
    .pl-timer-display { top: 45%; }
    
    .pl-disclaimer { 
        font-size: 0.75rem; 
        margin-bottom: 30px; 
        padding: 0 10px; 
    }
    .mc-sp-only { display: block; } 
    
    .pl-header-title { font-size: 1.15rem; }
    .pl-battery-label { font-size: 1.05rem; }
    
    .pl-mode-label { font-size: 1.05rem; }
    .pl-time-num { font-size: 2.2rem; }
    
    .pl-rest-label { font-size: 1.15rem; }
    .pl-rest-label span { font-size: 0.95rem; }
    .pl-result-tag { font-size: 0.95rem; }
}


/* =========================================
   アニメーション（15秒サイクル）
========================================= */
@keyframes batteryCycle {
    0% { width: 90%; background: #4fd1c5; }
    66% { width: 30%; background: #ecc94b; } 
    100% { width: 90%; background: #4fd1c5; }
}
@keyframes timerProgress {
    0% { stroke-dasharray: 100, 100; stroke: #3182ce; }
    66% { stroke-dasharray: 0, 100; stroke: #3182ce; }
    67% { stroke-dasharray: 100, 100; stroke: #4fd1c5; }
    100% { stroke-dasharray: 0, 100; stroke: #4fd1c5; }
}
@keyframes textWorkFade {
    0%, 66% { opacity: 1; }
    67%, 100% { opacity: 0; }
}
@keyframes textRestFade {
    0%, 66% { opacity: 0; }
    67%, 100% { opacity: 1; }
}
@keyframes restBadActive {
    0%, 66% { opacity: 0.2; border-color: transparent; filter: grayscale(1); }
    67%, 100% { opacity: 0.6; border-color: #e53e3e; filter: grayscale(0.5); } 
}
@keyframes restGoodActive {
    0%, 66% { opacity: 0.2; border-color: transparent; filter: grayscale(1); }
    67%, 100% { opacity: 1; border-color: #4fd1c5; box-shadow: 0 0 15px rgba(79,209,197,0.4); filter: grayscale(0); }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const options = {
        root: null,
        rootMargin: "0px",
        threshold: 0.5 
    };

    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-active');
            } 
            else {
                entry.target.classList.remove('is-active');
            }
        });
    }, options);

    const targetElement = document.getElementById('pomodoro-animation-area');
    if (targetElement) {
        observer.observe(targetElement);
    }
});
</script>



<h3 class="wp-block-heading">習慣③：睡眠の量と質を守る</h3>



<p class="wp-block-paragraph">第2章で触れたように、睡眠不足は持続的注意力に最も直接的な影響を与える要因のひとつです。</p>



<p class="wp-block-paragraph">重要なのは、睡眠不足の影響は自覚しにくいという点です。</p>



<p class="wp-block-paragraph">慢性的な睡眠不足の状態にある人は、自分のパフォーマンスが低下していることに気づきにくく、「これが普通だ」と感じやすいことが研究によって示されています。</p>



<p class="wp-block-paragraph">睡眠の量の目安は成人で7〜9時間ですが、量と同様に「深い睡眠に入れているか」という質の面も重要です。</p>



<p class="wp-block-paragraph">就寝前のスマートフォン使用はブルーライトによる覚醒作用だけでなく、SNSや動画による精神的な刺激が睡眠の深さに影響します。</p>



<p class="wp-block-paragraph">就寝の1時間前からスマートフォンの画面を見る時間を減らすことが、睡眠の質の改善における最初の一歩です。</p>



<div class="sleep-comparison-wrapper" id="sleep-animation-area">
    <div class="sc-header">
        <span class="sc-header-title">習慣③：睡眠の「質」 Before ⇔ After</span>
    </div>

    <div class="sc-content">
        <!-- ▼ Before パネル ▼ -->
        <div class="sc-panel panel-before">
            <div class="sc-panel-label label-before">Before：就寝直前までスマホ</div>
            
            <div class="sc-brain-device-area">
                <div class="sc-brain brain-before">🧠</div>
                <div class="sc-phone phone-before">
                    📱
                    <div class="sc-blue-light-bad"></div>
                    <div class="sc-stimulus-bad">SNS/動画の刺激</div>
                </div>
                <div class="sc-noise-line"></div>
            </div>

            <div class="sc-chart-area">
                <div class="sc-chart-label">眠りの深さチャート</div>
                <svg class="sc-wave-svg" viewBox="0 0 400 120">
                    <rect x="0" y="90" width="400" height="30" class="sc-deep-rect-bad"></rect>
                    <path class="sc-wave-path-bad" d="M0,60 Q25,55 50,60 T100,60 T150,60 T200,60 T250,60 T300,60 T350,60 T400,60 T450,60 T500,60"></path>
                    <text x="390" y="110" class="sc-deep-text" text-anchor="end">DEEP SLEEP</text>
                </svg>
            </div>

            <div class="sc-result-box result-bad">
                <div class="sc-result-label">脳の修復率</div>
                <div class="sc-result-value">28%<span class="sc-result-sub">（浅い眠り）</span></div>
            </div>
        </div>

        <!-- ▼ After パネル ▼ -->
        <div class="sc-panel panel-after">
            <div class="sc-panel-label label-after">After：1時間前にスマホ遮断</div>
            
            <div class="sc-brain-device-area">
                <div class="sc-brain brain-after">🧠</div>
                <div class="sc-no-phone-marker">
                    📵
                    <div class="sc-calm-light-good"></div>
                    <div class="sc-stimulus-good">情報の遮断</div>
                </div>
            </div>

            <div class="sc-chart-area">
                <div class="sc-chart-label">眠りの深さチャート</div>
                <svg class="sc-wave-svg" viewBox="0 0 400 120">
                    <rect x="0" y="90" width="400" height="30" class="sc-deep-rect-good"></rect>
                    <path class="sc-wave-path-good" d="M0,60 Q50,105 100,60 T200,60 T300,60 T400,60 T500,60 T600,60"></path>
                    <text x="390" y="110" class="sc-deep-text text-good" text-anchor="end">DEEP SLEEP</text>
                </svg>
                <div class="sc-golden-time-label">黄金の90分</div>
            </div>

            <div class="sc-result-box result-good">
                <div class="sc-result-label">脳の修復率</div>
                <div class="sc-result-value">94%<span class="sc-result-sub">（深い眠り）</span></div>
            </div>
        </div>
    </div>
</div>

<!-- ★ 修正：他と干渉しない専用クラスに変更し、左寄せ＆改行調整 ★ -->
<div class="sc-disclaimer">
    ※アニメーションは睡眠の質と情報の刺激による影響を表現したイメージです。
</div>

<style>
/* --- 全体コンテナ --- */
.sleep-comparison-wrapper {
    position: relative;
    width: 100%;
    height: auto; 
    min-height: 450px;
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    border-radius: 12px;
    border: 1px solid #334155;
    overflow: hidden;
    margin-top: 24px;
    margin-bottom: 8px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    box-shadow: 0 4px 25px rgba(0,0,0,0.4);
}

/* ★ 修正：専用クラスに対するスタイリング（左寄せで統一） ★ */
.sc-disclaimer {
    text-align: left !important;
    font-size: 0.85rem;
    color: #718096; 
    line-height: 1.6;
    margin-bottom: 24px;
    padding: 0 5px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.mc-sp-only { display: none; }

.sc-header {
    position: absolute;
    top: 15px; left: 15px;
    z-index: 20;
}
.sc-header-title {
    font-size: clamp(0.95rem, 3vw, 1.1rem);
    color: #94a3b8;
    font-weight: bold;
}

/* --- コンテンツエリア --- */
.sc-content {
    display: flex;
    flex-direction: row; 
    width: 100%;
    height: 100%;
    padding-top: 55px; 
}

.sc-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 20px;
    position: relative;
    box-sizing: border-box;
}

.panel-before {
    background-color: rgba(244, 63, 94, 0.03); 
    border-right: 1px solid rgba(51, 65, 85, 0.5);
}
.panel-after {
    background-color: rgba(56, 189, 248, 0.03); 
}

.sc-panel-label {
    font-size: clamp(0.9rem, 2.5vw, 1rem);
    font-weight: bold;
    margin-bottom: 25px;
    padding: 6px 12px;
    border-radius: 4px;
    white-space: nowrap;
}
.label-before { background-color: #f43f5e; color: #fff; }
.label-after { background-color: #0284c7; color: #fff; }

/* --- 脳・デバイスエリア --- */
.sc-brain-device-area {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 35px;
}

.sc-brain { font-size: clamp(3rem, 6vw, 4rem); }
.sleep-comparison-wrapper.is-active .brain-before { animation: brainPulseBad 2s infinite alternate; }
.sleep-comparison-wrapper.is-active .brain-after { animation: brainPulseGood 2s infinite alternate; }

.sc-phone {
    font-size: clamp(2.2rem, 5vw, 3rem);
    position: relative;
}
.sleep-comparison-wrapper.is-active .phone-before { animation: phoneShakeBad 3s infinite; }

.sc-blue-light-bad {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 40px; height: 40px; background: rgba(56,189,248,0.6);
    filter: blur(10px); border-radius: 50%; z-index: -1;
}
.sc-stimulus-bad {
    position: absolute; top: 110%; left: 50%; transform: translateX(-50%);
    font-size: 0.75rem; color: #f43f5e; font-weight: bold; white-space: nowrap;
}
.sleep-comparison-wrapper.is-active .sc-stimulus-bad { animation: textFlashBad 1.5s infinite; }

.sc-no-phone-marker {
    font-size: clamp(2.2rem, 5vw, 3rem);
    position: relative;
}
.sc-calm-light-good {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 60px; height: 60px; background: rgba(56,189,248,0.4);
    filter: blur(15px); border-radius: 50%; z-index: -1;
}
.sc-stimulus-good {
    position: absolute; top: 110%; left: 50%; transform: translateX(-50%);
    font-size: 0.75rem; color: #38bdf8; font-weight: bold; white-space: nowrap;
}

.sc-noise-line {
    position: absolute;
    top: 50%; left: 50%;
    width: 80%; height: 100%;
    transform: translate(-50%, -50%);
    background: repeating-linear-gradient(90deg, transparent, transparent 5px, #f43f5e 5px, #f43f5e 6px);
    opacity: 0; 
    z-index: -1;
}
.sleep-comparison-wrapper.is-active .sc-noise-line { 
    opacity: 0.15; 
    animation: noiseFlowBad 1s infinite linear; 
}

/* --- チャートエリア --- */
.sc-chart-area {
    width: 100%;
    height: 120px;
    background-color: rgba(15, 23, 42, 0.5);
    border-radius: 8px;
    border: 1px solid rgba(51, 65, 85, 0.8);
    position: relative;
    padding: 10px;
    margin-bottom: 25px;
    box-sizing: border-box;
    overflow: hidden; 
}
.sc-chart-label {
    position: absolute; top: 5px; left: 10px;
    font-size: 0.7rem; color: #64748b;
    z-index: 10;
}

.sc-wave-svg {
    width: 100%; height: 100%;
}

.sc-wave-path-bad, .sc-wave-path-good {
    fill: none;
}

.sc-deep-rect-bad { fill: rgba(74, 85, 104, 0.2); }
.sc-deep-rect-good { fill: rgba(56, 189, 248, 0.1); opacity: 0.6; }
.sleep-comparison-wrapper.is-active .sc-deep-rect-good { animation: rectGlowGood 3s infinite alternate; }

.sc-deep-text {
    font-size: 11px; font-weight: bold; fill: #4a5568; letter-spacing: 1px;
}
.sc-deep-text.text-good { fill: #38bdf8; }

.sc-wave-path-bad {
    stroke: #f43f5e;
    stroke-width: 2;
}
.sc-wave-path-good {
    stroke: #38bdf8;
    stroke-width: 3;
    stroke-linecap: round;
}

.sleep-comparison-wrapper.is-active .sc-wave-path-bad { 
    animation: waveScrollBad 1.5s infinite linear; 
}
.sleep-comparison-wrapper.is-active .sc-wave-path-good { 
    animation: waveScrollGood 3s infinite linear; 
}

.sc-golden-time-label {
    position: absolute;
    bottom: 5px; 
    left: 20%; 
    transform: translateX(-50%); 
    font-size: 0.75rem; 
    color: #ecc94b;
    font-weight: bold;
    padding: 4px 10px;
    border: 1px solid #ecc94b;
    border-radius: 4px;
    background-color: #0f172a; 
    white-space: nowrap;
    z-index: 10; 
    opacity: 0.6; 
}
.sleep-comparison-wrapper.is-active .sc-golden-time-label { animation: goldenGlow 3s infinite alternate; }

/* --- 修復率エリア --- */
.sc-result-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: auto;
}
.sc-result-label {
    font-size: 0.85rem; color: #94a3b8; margin-bottom: 5px;
}
.sc-result-value {
    font-size: clamp(2.2rem, 6vw, 2.8rem);
    font-weight: 800;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    line-height: 1;
}
.sc-result-sub {
    font-size: 0.85rem; font-weight: normal; margin-left: 5px;
}

.result-bad { color: #f43f5e; }
.result-good { color: #38bdf8; text-shadow: 0 0 10px rgba(56, 189, 248, 0.5); }


/* =========================================
   スマホ用フォントサイズ・レイアウト（縦積み）
========================================= */
@media (max-width: 600px) {
    .sc-content { flex-direction: column; }
    
    .panel-before {
        border-right: none;
        border-bottom: 1px solid rgba(51, 65, 85, 0.5); 
        padding-bottom: 35px; 
    }
    .panel-after {
        padding-top: 35px;
    }
    
    .sc-header-title { font-size: 1.15rem; }
    .sc-panel-label { font-size: 1.15rem; }
    .sc-stimulus-bad, .sc-stimulus-good { font-size: 0.95rem; }
    .sc-chart-label { font-size: 0.9rem; }
    .sc-golden-time-label { font-size: 0.95rem; left: 25%; }
    .sc-result-label { font-size: 1rem; }
    .sc-result-value { font-size: 3rem; }
    .sc-result-sub { font-size: 1rem; }
    
    /* ★ 修正：注記のスマホ用調整 ★ */
    .sc-disclaimer { 
        font-size: 0.75rem; 
        margin-bottom: 30px; 
        padding: 0 10px; 
    }
    .mc-sp-only { display: block; }
}


/* =========================================
   アニメーションキーフレーム
========================================= */
@keyframes waveScrollBad {
    from { transform: translateX(0); }
    to { transform: translateX(-100px); }
}
@keyframes waveScrollGood {
    from { transform: translateX(0); }
    to { transform: translateX(-200px); }
}

@keyframes brainPulseBad {
    from { transform: scale(1) rotate(0); opacity: 0.8; filter: grayscale(0.2); }
    to { transform: scale(1.05) rotate(2deg); opacity: 1; filter: grayscale(0); }
}
@keyframes phoneShakeBad {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50% { transform: translateX(-2px); }
    20%, 40%, 60% { transform: translateX(2px); }
    70% { transform: translateX(0); }
}
@keyframes textFlashBad {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}
@keyframes noiseFlowBad {
    from { transform: translate(-50%, -50%) scaleY(1); }
    to { transform: translate(-50%, -50%) scaleY(1.1); }
}
@keyframes brainPulseGood {
    from { transform: scale(1); opacity: 0.9; box-shadow: 0 0 10px transparent; }
    to { transform: scale(1.08); opacity: 1; box-shadow: 0 0 20px rgba(56,189,248,0.4); }
}
@keyframes rectGlowGood {
    from { opacity: 0.6; }
    to { opacity: 1; }
}
@keyframes goldenGlow {
    from { opacity: 0.6; box-shadow: 0 0 5px transparent; }
    to { opacity: 1; box-shadow: 0 0 10px rgba(236,201,75,0.6); }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const options = {
        root: null,
        rootMargin: "0px",
        threshold: 0.5 
    };

    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-active');
            } 
            else {
                entry.target.classList.remove('is-active');
            }
        });
    }, options);

    const targetElement = document.getElementById('sleep-animation-area');
    if (targetElement) {
        observer.observe(targetElement);
    }
});
</script>



<h3 class="wp-block-heading">習慣④：神経の過緊張を整える</h3>



<p class="wp-block-paragraph">習慣①〜③は「注意力を消耗させる行動を減らす」アプローチですが、この習慣④は<strong><span class="swl-marker mark_yellow">「脳のコンディションを内側から整える」</span></strong>アプローチです。</p>



<p class="wp-block-paragraph">慢性的なストレスや不安が続くと、脳は「防衛モード」に入り続けます。</p>



<p class="wp-block-paragraph">この状態では、前頭前野が本来の注意制御ではなく、不安への対処に多くのリソースを振り向けます。</p>



<p class="wp-block-paragraph">習慣①〜③をどれだけ実践しても、この防衛モードが解除されていなければ、持続的注意力が本来の力を発揮しにくい状態が続きます。</p>



<h4 class="wp-block-heading">① 深呼吸で「手動」のリラックススイッチを入れる</h4>



<p class="wp-block-paragraph">深呼吸はその最も手軽な方法です。</p>



<p class="wp-block-paragraph">4秒かけて鼻から吸い、8秒かけてゆっくりと口から吐く。</p>



<p class="wp-block-paragraph">これを3回繰り返すだけで副交感神経が刺激され、脳の防衛モードが解除されやすくなります。</p>



<div class="breath-120-wrapper" id="breath-animation-area">
    <!-- ▼ 3秒カウントダウンのオーバーレイ ▼ -->
    <div class="b120-countdown-overlay">
        <div class="b120-ready-text">実際に行いましょう</div>
        <div class="b120-countdown-number">3</div>
    </div>

    <div class="b120-bg-glow"></div>

    <div class="b120-header">
        <div class="b120-title">神経リセット・プロトコル</div>
        <div class="b120-subtitle">ガイドの「色」と「円」に意識を預けてください</div>
    </div>

    <!-- メインガイドエリア -->
    <div class="b120-main">
        <svg class="b120-svg" viewBox="0 0 200 200">
            <circle class="b120-ring-bg" cx="100" cy="100" r="85"></circle>
            <circle class="b120-ring-progress" cx="100" cy="100" r="85"></circle>
        </svg>

        <!-- 中央のコア（安全な文字切り替え構造） -->
        <div class="b120-core-container">
            <div class="b120-core">
                <div class="b120-label-top">
                    <span class="text-inhale">吸う</span>
                    <span class="text-exhale">吐く</span>
                </div>
                
                <div class="b120-counter">
                    <span class="num in-1">1</span><span class="num in-2">2</span>
                    <span class="num in-3">3</span><span class="num in-4">4</span>
                    <span class="num out-8">8</span><span class="num out-7">7</span>
                    <span class="num out-6">6</span><span class="num out-5">5</span>
                    <span class="num out-4">4</span><span class="num out-3">3</span>
                    <span class="num out-2">2</span><span class="num out-1">1</span>
                </div>
                
                <div class="b120-label-bottom">
                    <span class="text-nose">鼻から</span>
                    <span class="text-mouth">ゆっくりと</span>
                </div>
            </div>
        </div>
    </div>

    <!-- 下部：ステータス -->
    <div class="b120-footer">
        <div class="b120-hint-box">
            <div class="b120-hint hint-inhale">
                <span class="b120-hint-icon">👃</span>
                <span class="b120-hint-text">4秒：鼻から吸う</span>
            </div>
            <div class="b120-hint-arrow">→</div>
            <div class="b120-hint hint-exhale">
                <span class="b120-hint-icon">👄</span>
                <span class="b120-hint-text">8秒：口から吐く</span>
            </div>
        </div>
        
        <div class="b120-recovery-bar">
            <div class="b120-recovery-fill"></div>
            <span class="b120-recovery-text">副交感神経を活性化中</span>
        </div>
    </div>
</div>

<!-- ★ 修正：他と干渉しない専用クラスに変更し、左寄せ＆改行調整 ★ -->
<div class="b120-disclaimer">
    ※円の拡大に合わせて吸い、縮小に合わせて<br class="mc-sp-only">ゆっくりと吐き出してください。
</div>

<style>
/* --- コンテナ設定 --- */
.breath-120-wrapper {
    position: relative;
    width: 100%;
    /* 文字サイズ拡大に伴い高さを拡張 */
    height: clamp(480px, 100vw, 580px);
    background-color: #0f172a;
    border-radius: 16px;
    border: 1px solid #1e293b;
    overflow: hidden;
    margin: 24px 0 8px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 40px 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    box-sizing: border-box;
}

/* ★ 修正：専用クラスに対するスタイリング（左寄せで統一） ★ */
.b120-disclaimer {
    text-align: left !important;
    font-size: 0.85rem;
    color: #718096;
    line-height: 1.6;
    margin-bottom: 24px;
    padding: 0 5px; /* アニメーション枠の左端と自然に揃える */
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.mc-sp-only { display: none; } /* デフォルト（PC）では改行しない */


/* ★ 3秒カウントダウンのオーバーレイ ★ */
.b120-countdown-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(15, 23, 42, 0.95);
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    z-index: 50;
    opacity: 0; visibility: hidden; transition: all 0.5s;
    backdrop-filter: blur(5px);
}
.breath-120-wrapper.is-preparing .b120-countdown-overlay {
    opacity: 1; visibility: visible;
}
.b120-ready-text { 
    font-size: clamp(1.2rem, 4vw, 1.5rem); 
    font-weight: bold; color: #38bdf8; margin-bottom: 15px; 
    letter-spacing: 2px;
}
.b120-countdown-number { 
    font-size: clamp(4rem, 15vw, 6rem); 
    font-weight: 800; color: #fff; line-height: 1; 
}

/* 背景の鼓動 */
.b120-bg-glow {
    position: absolute;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 100%; height: 100%;
    background: radial-gradient(circle, rgba(56,189,248,0.1) 0%, transparent 70%);
    opacity: 0;
}
.breath-120-wrapper.is-active .b120-bg-glow { animation: b120BgPulse 12s infinite ease-in-out; }

.b120-header { text-align: center; z-index: 5; }
.b120-title { font-size: clamp(1.1rem, 3.5vw, 1.3rem); font-weight: bold; color: #f8fafc; letter-spacing: 2px; margin-bottom: 8px; }
.b120-subtitle { font-size: clamp(0.85rem, 2.5vw, 0.95rem); color: #64748b; }

/* --- メインビジュアル（SVGリング） --- */
.b120-main {
    position: relative;
    width: clamp(200px, 50vw, 240px); height: clamp(200px, 50vw, 240px);
    display: flex; justify-content: center; align-items: center;
}

.b120-svg {
    width: 100%; height: 100%;
    transform: rotate(-90deg);
}

.b120-ring-bg { fill: none; stroke: #1e293b; stroke-width: 4; }
.b120-ring-progress {
    fill: none; stroke-width: 4; stroke-linecap: round;
    stroke-dasharray: 534; 
    stroke-dashoffset: 534; /* 初期状態は空 */
}
.breath-120-wrapper.is-active .b120-ring-progress { animation: b120RingFlow 12s infinite linear; }

/* --- 中央のコアコンポーネント --- */
.b120-core-container {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: center;
}

.b120-core {
    width: 60%; height: 60%; border-radius: 50%;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    background: rgba(56,189,248,0.2); color: #38bdf8; box-shadow: 0 0 20px rgba(56,189,248,0.3);
    opacity: 0.5; transform: scale(0.8); /* 初期状態 */
}
.breath-120-wrapper.is-active .b120-core { animation: b120CoreBreath 12s infinite ease-in-out; }

/* ★ 確実に動くテキスト切り替え構造 ★ */
.b120-label-top, .b120-label-bottom {
    position: relative; width: 100%; height: 20px;
    display: flex; justify-content: center; align-items: center;
}
.b120-label-top span, .b120-label-bottom span {
    position: absolute; font-weight: bold; white-space: nowrap; opacity: 0;
}
.b120-label-top span { font-size: clamp(0.95rem, 3vw, 1.1rem); }
.b120-label-bottom span { font-size: clamp(0.75rem, 2.5vw, 0.85rem); margin-top: 4px; }

.breath-120-wrapper.is-active .text-inhale { animation: textShowInhale 12s infinite; }
.breath-120-wrapper.is-active .text-exhale { animation: textShowExhale 12s infinite; }
.breath-120-wrapper.is-active .text-nose { animation: textShowInhale 12s infinite; }
.breath-120-wrapper.is-active .text-mouth { animation: textShowExhale 12s infinite; }

/* カウンター数字群（1秒ごとに切り替え） */
.b120-counter {
    position: relative; width: 100%; height: 50px;
    display: flex; justify-content: center; align-items: center; margin: 5px 0;
}
.b120-counter .num {
    position: absolute; font-size: clamp(2.8rem, 8vw, 3.5rem); 
    font-weight: 800; font-family: 'Helvetica Neue', Arial, sans-serif; 
    line-height: 1; opacity: 0;
}

/* 1秒ごとの点灯を CSSの delay で管理（ズレない仕組み） */
.breath-120-wrapper.is-active .in-1 { animation: flashNum 12s infinite 0s; }
.breath-120-wrapper.is-active .in-2 { animation: flashNum 12s infinite 1s; }
.breath-120-wrapper.is-active .in-3 { animation: flashNum 12s infinite 2s; }
.breath-120-wrapper.is-active .in-4 { animation: flashNum 12s infinite 3s; }
.breath-120-wrapper.is-active .out-8 { animation: flashNum 12s infinite 4s; }
.breath-120-wrapper.is-active .out-7 { animation: flashNum 12s infinite 5s; }
.breath-120-wrapper.is-active .out-6 { animation: flashNum 12s infinite 6s; }
.breath-120-wrapper.is-active .out-5 { animation: flashNum 12s infinite 7s; }
.breath-120-wrapper.is-active .out-4 { animation: flashNum 12s infinite 8s; }
.breath-120-wrapper.is-active .out-3 { animation: flashNum 12s infinite 9s; }
.breath-120-wrapper.is-active .out-2 { animation: flashNum 12s infinite 10s; }
.breath-120-wrapper.is-active .out-1 { animation: flashNum 12s infinite 11s; }


/* --- フッター・ステータス --- */
.b120-footer { width: 100%; z-index: 5; }
.b120-hint-box { display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 25px; }
.b120-hint { display: flex; align-items: center; gap: 8px; opacity: 0.3; transition: 0.5s; }
.b120-hint-icon { font-size: clamp(1.2rem, 4vw, 1.5rem); }
.b120-hint-text { font-size: clamp(0.85rem, 2.5vw, 0.95rem); color: #94a3b8; font-weight: bold; }
.b120-hint-arrow { color: #334155; font-size: 1rem; }

.breath-120-wrapper.is-active .hint-inhale { animation: b120HintInActive 12s infinite; }
.breath-120-wrapper.is-active .hint-exhale { animation: b120HintOutActive 12s infinite; }

.b120-recovery-bar {
    width: 100%; height: 35px; background: #1e293b; border-radius: 20px;
    position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.b120-recovery-fill {
    position: absolute; left: 0; top: 0; height: 100%; width: 0%;
    background: linear-gradient(90deg, #0284c7, #10b981);
}
.breath-120-wrapper.is-active .b120-recovery-fill { animation: b120RecoveryFill 12s infinite linear; }
.b120-recovery-text {
    position: relative; z-index: 2; font-size: clamp(0.8rem, 2.5vw, 0.9rem); 
    font-weight: bold; color: #f8fafc; text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

/* スマホ用フォントサイズ上書き（レスポンシブ） */
@media (max-width: 600px) {
    .breath-120-wrapper { height: 520px; }
    
    /* ★ 修正：注記のスマホ用調整 ★ */
    .b120-disclaimer { 
        font-size: 0.75rem; 
        margin-bottom: 30px; 
        padding: 0 10px; 
    }
    .mc-sp-only { display: block; }
}


/* =========================================
   12秒サイクルの超精密アニメーション
========================================= */

@keyframes b120RingFlow {
    0% { stroke-dashoffset: 534; stroke: #38bdf8; }
    33.3% { stroke-dashoffset: 0; stroke: #38bdf8; } 
    33.4% { stroke-dashoffset: 534; stroke: #10b981; } 
    100% { stroke-dashoffset: 0; stroke: #10b981; }  
}

@keyframes b120CoreBreath {
    0% { transform: scale(0.8); background: rgba(56,189,248,0.2); color: #38bdf8; box-shadow: 0 0 20px rgba(56,189,248,0.3); }
    33.3% { transform: scale(1.4); background: rgba(56,189,248,0.4); color: #fff; box-shadow: 0 0 40px rgba(56,189,248,0.6); }
    33.4% { color: #fff; background: rgba(16,185,129,0.4); box-shadow: 0 0 40px rgba(16,185,129,0.6); transform: scale(1.4); }
    100% { transform: scale(0.8); background: rgba(16,185,129,0.2); color: #10b981; box-shadow: 0 0 20px rgba(16,185,129,0.3); }
}

@keyframes textShowInhale {
    0%, 33.2% { opacity: 1; }
    33.3%, 100% { opacity: 0; }
}
@keyframes textShowExhale {
    0%, 33.2% { opacity: 0; }
    33.3%, 100% { opacity: 1; }
}

/* 1秒間だけ数字を表示する */
@keyframes flashNum {
    0%, 8.2% { opacity: 1; }
    8.3%, 100% { opacity: 0; }
}

@keyframes b120HintInActive {
    0%, 33.2% { opacity: 1; transform: translateY(-3px); }
    33.3%, 100% { opacity: 0.2; transform: translateY(0); }
}
@keyframes b120HintOutActive {
    0%, 33.2% { opacity: 0.2; transform: translateY(0); }
    33.3%, 99% { opacity: 1; transform: translateY(-3px); }
    100% { opacity: 0.2; }
}

@keyframes b120RecoveryFill {
    0% { width: 0%; }
    33.3% { width: 20%; }
    95%, 100% { width: 100%; }
}

@keyframes b120BgPulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; }
    33.3% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.6; }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const wrapper = document.getElementById('breath-animation-area');
    if (!wrapper) return;

    let countdownInterval;
    let isPlaying = false;
    
    // 画面の60%が見えたら発動（よりしっかりと画面に入ってから）
    const options = { root: null, rootMargin: "0px", threshold: 0.6 };

    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                if (!isPlaying) {
                    startCountdownSequence(entry.target);
                }
            } else {
                // 画面外に出たらリセット（再度見えたらカウントダウンから再開）
                resetSequence(entry.target);
            }
        });
    }, options);

    observer.observe(wrapper);

    function startCountdownSequence(el) {
        isPlaying = true;
        el.classList.add('is-preparing');
        
        const numDisplay = el.querySelector('.b120-countdown-number');
        let count = 3;
        numDisplay.textContent = count;
        
        // 1秒ごとにカウントダウン
        countdownInterval = setInterval(() => {
            count--;
            if (count > 0) {
                numDisplay.textContent = count;
            } else if (count === 0) {
                numDisplay.textContent = "スタート";
            } else {
                // カウント終了でメインアニメーション始動
                clearInterval(countdownInterval);
                el.classList.remove('is-preparing');
                el.classList.add('is-active');
            }
        }, 1000);
    }

    function resetSequence(el) {
        isPlaying = false;
        clearInterval(countdownInterval);
        el.classList.remove('is-preparing');
        el.classList.remove('is-active');
        const numDisplay = el.querySelector('.b120-countdown-number');
        if (numDisplay) numDisplay.textContent = "3";
    }
});
</script>



<p class="wp-block-paragraph">作業前のルーティンとして取り入れるだけで、持続的注意力が発揮されやすい脳の状態を作ることができます！</p>



<h4 class="wp-block-heading">② 脳のパフォーマンスを支える「機能成分」を取り入れる</h4>



<p class="wp-block-paragraph">そして内側から神経環境を整えるアプローチとして注目されているのが、<strong><span class="swl-marker mark_yellow">GABA（ギャバ）</span></strong>です。</p>



<p class="wp-block-paragraph">GABAは脳内で働く抑制性の神経伝達物質で、過剰に興奮した神経の活動を穏やかに鎮める役割を担っています。</p>



<!-- GABA解説アニメーション：【横ライン修正・読者ファースト版】 -->
<div class="simple-gaba-wrapper" id="gaba-animation-area">
    <div class="sg-header">
        <div class="sg-title">GABAの役割：脳内の「ノイズ消し」</div>
    </div>

    <div class="sg-brain-area">
        <div class="sg-brain-icon">🧠</div>
        
        <!-- 脳内のノイズ -->
        <div class="sg-noises">
            <div class="sg-noise n1">通知</div>
            <div class="sg-noise n2">返信</div>
            <div class="sg-noise n3">TODO</div>
            <div class="sg-noise n4">焦り</div>
            <div class="sg-noise n5">SNS</div>
        </div>

        <!-- GABAの雫 -->
        <div class="sg-drop-area">
            <div class="sg-gaba-drop">GABA</div>
        </div>

        <!-- 横に貫く「集中の水平線」 -->
        <div class="sg-focus-horizon"></div>
        <div class="sg-focus-glow"></div>
    </div>

    <div class="sg-footer">
        <div class="sg-status-label">
            脳内の状態：
            <span class="sg-status-container">
                <span class="sg-status-text bad">ノイズでガヤガヤ&#8230;</span>
                <span class="sg-status-text good">静寂と深い集中</span>
            </span>
        </div>
    </div>
</div>

<!-- ★ 左寄せに修正した注記 ★ -->
<div class="gaba-disclaimer">
    ※アニメーションは、GABAが過剰な神経活動を抑制する性質を分かりやすく視覚化したイメージです。<br class="mc-sp-only">
    すべての思考や外部情報を物理的に遮断するものではありません。
</div>

<style>
/* --- 全体コンテナ --- */
.simple-gaba-wrapper {
    position: relative;
    width: 100%;
    height: clamp(380px, 80vw, 450px);
    background-color: #1a1d21;
    border-radius: 12px;
    border: 1px solid #2d3748;
    overflow: hidden;
    margin: 24px 0 8px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.sg-header { padding: 20px; text-align: center; z-index: 10; }
.sg-title { 
    font-size: clamp(1rem, 3.5vw, 1.15rem); 
    font-weight: bold; color: #63b3ed; letter-spacing: 1px; 
}

.sg-brain-area {
    position: relative;
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sg-brain-icon { 
    font-size: clamp(4rem, 10vw, 5.5rem); 
    z-index: 10; filter: drop-shadow(0 0 10px rgba(255,255,255,0.2)); 
}

/* ノイズ（ガヤガヤ） */
.sg-noise {
    position: absolute;
    font-size: clamp(0.8rem, 2.5vw, 0.95rem);
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 6px;
    background: rgba(244, 63, 94, 0.2);
    color: #f43f5e;
    border: 1px solid #f43f5e;
    opacity: 1; 
}
.n1 { top: 20%; left: 10%; }
.n2 { top: 60%; left: 15%; }
.n3 { top: 15%; right: 15%; }
.n4 { top: 70%; right: 10%; }
.n5 { top: 40%; left: 5%; }

.simple-gaba-wrapper.is-active .sg-noise { animation: noiseFloat 8s infinite linear; }

/* GABAの雫 */
.sg-gaba-drop {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    background: #4fd1c5;
    color: #0f172a;
    font-weight: bold;
    font-size: clamp(0.9rem, 3vw, 1.1rem);
    padding: 8px 18px;
    border-radius: 20px;
    box-shadow: 0 0 20px #4fd1c5;
    z-index: 15;
    opacity: 0; 
}
.simple-gaba-wrapper.is-active .sg-gaba-drop { animation: gabaFall 8s infinite ease-in; }

/* 横方向の水平線（ノイズを押し流す） */
.sg-focus-horizon {
    position: absolute;
    width: 100%;
    height: 3px;
    background: #63b3ed;
    box-shadow: 0 0 15px #63b3ed;
    opacity: 0;
    z-index: 5;
    transform: scaleX(0);
}
.simple-gaba-wrapper.is-active .sg-focus-horizon { animation: horizonAppear 8s infinite; }

/* 水平線の周りの柔らかな光 */
.sg-focus-glow {
    position: absolute;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, transparent, rgba(99, 179, 237, 0.15), transparent);
    opacity: 0;
    z-index: 4;
}
.simple-gaba-wrapper.is-active .sg-focus-glow { animation: glowAppear 8s infinite; }

/* --- フッターとテキスト切り替え機構 --- */
.sg-footer {
    padding: 25px 20px;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.3);
    z-index: 10;
}
.sg-status-label { 
    font-size: clamp(0.95rem, 3vw, 1.1rem); 
    color: #a0aec0; font-weight: bold;
    display: flex; justify-content: center; align-items: center;
}
.sg-status-container {
    position: relative;
    width: 160px; 
    height: 1.5em;
    display: inline-block;
    margin-left: 5px;
}
.sg-status-text {
    position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    white-space: nowrap;
}
.sg-status-text.bad { color: #f43f5e; opacity: 1; }
.sg-status-text.good { color: #4fd1c5; opacity: 0; }

.simple-gaba-wrapper.is-active .sg-status-text.bad { animation: textFadeBad 8s infinite; }
.simple-gaba-wrapper.is-active .sg-status-text.good { animation: textFadeGood 8s infinite; }


/* ★ 注記のデザイン（左寄せに変更） ★ */
.gaba-disclaimer {
    text-align: left; /* 左寄せに変更 */
    font-size: 0.85rem;
    color: #718096;
    line-height: 1.6; /* 複数行でも読みやすく調整 */
    margin-bottom: 32px;
    padding: 0 5px; /* アニメーション枠の左端と自然に揃える */
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.mc-sp-only { display: none; } 


/* =========================================
   スマホ用フォントサイズ上書き（レスポンシブ）
========================================= */
@media screen and (max-width: 600px) {
    .simple-gaba-wrapper { height: 420px; }
    
    .gaba-disclaimer { 
        font-size: 0.75rem; 
        padding: 0 10px; /* スマホ時の余白調整 */
    }
    
    .mc-sp-only { display: block; }
    
    .sg-status-label { font-size: 1.15rem; }
    .sg-status-container { width: 175px; } 
}

/* =========================================
   アニメーション設定（8秒サイクル）
========================================= */
@keyframes noiseFloat {
    0%, 30% { opacity: 1; transform: translateY(0); }
    40% { opacity: 0.5; transform: translateY(-20px); } 
    50%, 90% { opacity: 0; transform: translateY(-40px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes gabaFall {
    0%, 30% { top: -50px; opacity: 0; transform: translateX(-50%) scale(1); }
    35% { top: 20%; opacity: 1; transform: translateX(-50%) scale(1); }
    45%, 90% { top: 20%; opacity: 0; transform: translateX(-50%) scale(3); }
    100% { top: -50px; opacity: 0; }
}

@keyframes horizonAppear {
    0%, 45% { opacity: 0; transform: scaleX(0); }
    55%, 90% { opacity: 1; transform: scaleX(1); }
    100% { opacity: 0; transform: scaleX(0); }
}

@keyframes glowAppear {
    0%, 50% { opacity: 0; }
    60%, 90% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes textFadeBad {
    0%, 35% { opacity: 1; }
    45%, 90% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes textFadeGood {
    0%, 45% { opacity: 0; }
    55%, 90% { opacity: 1; }
    100% { opacity: 0; }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const options = {
        root: null,
        rootMargin: "0px",
        threshold: 0.5 
    };

    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-active');
            } 
            else {
                entry.target.classList.remove('is-active');
            }
        });
    }, options);

    const targetElement = document.getElementById('gaba-animation-area');
    if (targetElement) {
        observer.observe(targetElement);
    }
});
</script>



<p class="wp-block-paragraph">GABAが十分に機能することで、脳の過緊張が和らぎ、限られた注意リソースを本来向けるべき作業へと集中させやすくなります。</p>



<style>
.inline-divider{display:flex;align-items:center;gap:8px;margin:28px 0 12px;}
.inline-divider-line{flex:1;height:1px;background:#e2dbd0;}
.inline-divider-text{font-size:10px;font-weight:700;letter-spacing:0.1em;color:#b09060;white-space:nowrap;}
.inline-card{display:flex;flex-direction:column;background:#faf7f2;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.inline-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.inline-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.inline-card-body{display:flex;align-items:center;gap:10px;padding:12px 14px;}
.inline-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.inline-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;}
.inline-card-arrow{width:28px;height:28px;background:#c4993a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;margin-left:auto;}
</style>

<div class="inline-divider">
  <div class="inline-divider-line"></div>
  <div class="inline-divider-text">この記事と一緒に読む</div>
  <div class="inline-divider-line"></div>
</div>
<a class="inline-card" href="https://memory-coffee.jp/magazine/gaba-rich-foods-list/">
  <div class="inline-card-img">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/04/massive-gaba-foods-for-brain-health.webp" alt="食事だけでGABA200mgは難しい訳">
  </div>
  <div class="inline-card-body">
    <div style="flex:1;min-width:0;">
      <div class="inline-card-tag">GABA × 食事</div>
      <div class="inline-card-title">食事だけでGABA200mgは難しい訳</div>
    </div>
    <div class="inline-card-arrow">›</div>
  </div>
</a>



<h4 class="wp-block-heading">コーヒーでGABAという新しい選択肢</h4>



<p class="wp-block-paragraph">しかし、私たちの脳のコンディションは、たった1回の成分摂取で劇的に変わるほど単純なものではありません。</p>



<p class="wp-block-paragraph">事実、科学的根拠（エビデンス）に基づき持続的注意力をサポートするためには、<strong>「GABA 200mgを12週間（約3ヶ月）」摂取し続けること</strong>が必要であると示されています。</p>



<p class="wp-block-paragraph">ここで一つの大きな壁にぶつかります。</p>



<p class="wp-block-paragraph">正確にGABA 200mgを毎日の食事（トマトや発芽玄米など）だけで補おうとすれば、膨大な量を食べ続けなければならず、現実的ではありません。</p>



<p class="wp-block-paragraph">また、新しいサプリメント習慣を「追加」しても、多くの人が数週間で飲み忘れてしまいます。</p>



<p class="wp-block-paragraph">そこで、いつもの習慣を変えずに「内側からのケア」を無理なく継続する選択肢として開発されたのが、<strong><span class="swl-marker mark_yellow">「Memory Coffee（メモリーコーヒー）」</span></strong>です。</p>



<p class="wp-block-paragraph">消費者庁に機能性表示食品として届出されており、いつものコーヒーを1杯置き換えるだけで、機能性関与成分であるGABAを200mgしっかりと摂取することができます。</p>



<style>
/* ===================================================
   Memory Coffee 完全統合型プレミアム解説カード
   （水色・ネイビー系・エビデンス白背景最適化版）
   =================================================== */
.mc-hero-card { background: #ffffff !important; border: 1px solid #e0f2fe !important; border-radius: 16px !important; margin: 36px 0 !important; box-shadow: 0 12px 35px rgba(2, 132, 199, 0.08) !important; overflow: hidden !important; font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; box-sizing: border-box !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; display: block !important; width: 100% !important; clear: both !important; }
.mc-hero-card:hover { transform: translateY(-2px) !important; box-shadow: 0 16px 45px rgba(2, 132, 199, 0.12) !important; }

/* ヘッダーをプレミアムなネイビー〜ディープブルーへ */
.mc-card-header { background: linear-gradient(135deg, #0369a1 0%, #0f172a 100%) !important; padding: 28px 28px 24px !important; position: relative !important; border-bottom: 3px solid #38bdf8 !important; display: block !important; }
.mc-card-heading { font-size: 22px !important; font-weight: 700 !important; color: #ffffff !important; margin: 0 0 12px 0 !important; line-height: 1.4 !important; letter-spacing: 0.06em !important; display: flex !important; align-items: center !important; gap: 10px !important; }
.mc-card-heading::before { content: '' !important; display: inline-block !important; width: 4px !important; height: 1.1em !important; background: #38bdf8 !important; border-radius: 2px !important; flex-shrink: 0 !important; }
.mc-card-intro { font-size: 15px !important; line-height: 1.75 !important; color: rgba(255, 255, 255, 0.9) !important; margin: 0 !important; letter-spacing: 0.03em !important; display: block !important; }

.mc-card-body { padding: 28px !important; background: #ffffff !important; display: block !important; }

.mc-badge-group { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; align-items: center !important; margin-bottom: 24px !important; width: 100% !important; }
.mc-badge-main { background: #0284c7 !important; color: #ffffff !important; font-weight: 700 !important; font-size: 12px !important; letter-spacing: 0.08em !important; border-radius: 20px !important; padding: 6px 16px !important; box-shadow: 0 2px 8px rgba(2, 132, 199, 0.15) !important; display: inline-block !important; }
.mc-badge-sub { background: #f0f9ff !important; color: #0369a1 !important; border: 1px solid #bae6fd !important; border-left: 3px solid #0284c7 !important; font-weight: 700 !important; font-size: 12px !important; letter-spacing: 0.05em !important; border-radius: 4px 20px 20px 4px !important; padding: 5px 14px 5px 12px !important; display: inline-block !important; }

.mc-section-subhead { font-size: 16px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 12px 0 !important; letter-spacing: 0.04em !important; display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; }
.mc-section-subhead::before { content: '◆' !important; color: #0284c7 !important; font-size: 14px !important; }

.mc-lead-text { color: #334155 !important; font-size: 15px !important; line-height: 1.75 !important; margin: 0 0 18px 0 !important; font-weight: 500 !important; display: block !important; width: 100% !important; }
.mc-lead-text strong { color: #0f172a !important; font-weight: 700 !important; background: linear-gradient(transparent 62%, rgba(2, 132, 199, 0.2) 62%) !important; }

.mc-feature-box { background: #f0f9ff !important; border: 1px solid #bae6fd !important; border-radius: 12px !important; padding: 20px !important; margin-bottom: 32px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-feature-row { display: flex !important; align-items: flex-start !important; gap: 14px !important; width: 100% !important; }
.mc-feature-row + .mc-feature-row { margin-top: 14px !important; padding-top: 14px !important; border-top: 1px dashed #bae6fd !important; }
.mc-feature-icon { flex-shrink: 0 !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; background: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%) !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 800 !important; margin-top: 2px !important; box-shadow: 0 2px 6px rgba(2, 132, 199, 0.35) !important; }
.mc-feature-title { display: block !important; color: #0f172a !important; font-weight: 700 !important; font-size: 15px !important; margin-bottom: 2px !important; letter-spacing: 0.04em !important; }
.mc-feature-desc { color: #475569 !important; font-size: 14px !important; line-height: 1.55 !important; display: block !important; }

.mc-blend-container { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 24px !important; margin-bottom: 32px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }

/* 豆画像エリア */
.mc-blend-stage-wrap { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; margin-bottom: 24px !important; width: 100% !important; }
.mc-bean-unit { text-align: center !important; flex: 1 !important; max-width: 300px !important; display: block !important; }
.mc-bean-unit img { width: 100% !important; height: auto !important; display: block !important; border-radius: 8px !important; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.08) !important; }
.mc-blend-symbol { text-align: center !important; flex-shrink: 0 !important; display: block !important; }
.mc-x-mark { font-size: 26px !important; font-weight: 800 !important; color: #0284c7 !important; display: block !important; line-height: 1 !important; }
.mc-x-text { font-size: 12px !important; font-weight: 700 !important; color: #0f172a !important; margin: 4px 0 0 !important; letter-spacing: 0.05em !important; display: block !important; }

/* 神秘的な光の玉（水色統一版） */
.mc-hero-fusion-stage { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 20px 0 24px !important; width: 100% !important; }
.mc-hero-plus-symbol { font-size: 26px !important; font-weight: 800 !important; color: #0284c7 !important; flex-shrink: 0 !important; display: block !important; }
.mc-hero-gaba-orb-wrap { text-align: center !important; display: block !important; }
.gaba-orb-wrapper { position: relative !important; width: 90px !important; height: 90px !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 auto 6px !important; }
.gaba-mystic-orb { width: 58px !important; height: 58px !important; border-radius: 50% !important; background: radial-gradient(circle at 35% 35%, #ffffff 0%, #e0f2fe 25%, #38bdf8 60%, #0284c7 100%) !important; display: flex !important; align-items: center !important; justify-content: center !important; animation: gaba_float 4s ease-in-out infinite, gaba_pulse_blue 4s ease-in-out infinite !important; }
.gaba-orb-text { color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; letter-spacing: 0.06em !important; text-shadow: 0 1px 3px rgba(2, 132, 199, 0.7) !important; display: block !important; }
@keyframes gaba_float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes gaba_pulse_blue { 0%, 100% { box-shadow: 0 0 15px #bae6fd, 0 0 30px rgba(56, 189, 248, 0.4), 0 0 45px rgba(2, 132, 199, 0.2); } 50% { box-shadow: 0 0 20px #ffffff, 0 0 40px #38bdf8, 0 0 60px rgba(56, 189, 248, 0.6), 0 0 80px rgba(2, 132, 199, 0.4); } }
.gaba-particle { position: absolute !important; width: 4px !important; height: 4px !important; background-color: #ffffff !important; border-radius: 50% !important; box-shadow: 0 0 6px #bae6fd !important; opacity: 0 !important; display: block !important; }
.gaba-particle.p1 { top: 10% !important; left: 20% !important; animation: particle_blink 3s infinite 0.5s !important; }
.gaba-particle.p2 { bottom: 15% !important; right: 15% !important; animation: particle_blink 4s infinite 1.2s !important; }
.gaba-particle.p3 { top: 40% !important; right: 5% !important; width: 3px !important; height: 3px !important; animation: particle_blink 3.5s infinite 2.5s !important; }
@keyframes particle_blink { 0%, 100% { opacity: 0; transform: scale(0.5) translateY(0); } 50% { opacity: 0.9; transform: scale(1.5) translateY(-5px); } }

.mc-hero-gaba-caption { font-size: 13px !important; font-weight: 700 !important; color: #0f172a !important; letter-spacing: 0.05em !important; margin: 0 !important; display: block !important; }
.mc-blend-desc-text { font-size: 15px !important; line-height: 1.8 !important; color: #334155 !important; text-align: center !important; margin: 0 0 20px 0 !important; display: block !important; width: 100% !important; }

.mc-story-panel-wrap { background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; padding: 20px !important; display: flex !important; align-items: center !important; gap: 18px !important; width: 100% !important; box-sizing: border-box !important; }
.mc-story-text-area { flex: 1 !important; display: block !important; }
.mc-story-head-text { font-size: 16px !important; font-weight: 700 !important; color: #0f172a !important; line-height: 1.6 !important; margin: 0 !important; display: block !important; }
.mc-big-num { font-size: 26px !important; color: #0284c7 !important; font-weight: 800 !important; padding: 0 2px !important; }
.mc-story-img-area { flex-shrink: 0 !important; width: 120px !important; display: block !important; }
.mc-polaroid { margin: 0 !important; background: #ffffff !important; padding: 5px 5px 8px !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.06) !important; border-radius: 4px !important; text-align: center !important; display: block !important; }
.mc-polaroid img { width: 100% !important; height: auto !important; display: block !important; border-radius: 2px !important; }
.mc-polaroid figcaption { font-size: 11px !important; color: #64748b !important; margin-top: 5px !important; letter-spacing: 0.02em !important; display: block !important; }

/* ★ エビデンスエリア ★ */
.mc-inner-divider { border: none !important; border-top: 1px dashed #bae6fd !important; margin: 36px 0 !important; position: relative !important; display: block !important; width: 100% !important; }
.mc-inner-divider::after { content: 'EVIDENCE' !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translateX(-50%) !important; background: #ffffff !important; padding: 0 16px !important; color: #64748b !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.1em !important; display: block !important; }

.mc-gaba-comparison-box { background: #0369a1 !important; border: 2px solid #38bdf8 !important; border-radius: 12px !important; padding: 16px 20px !important; box-shadow: 0 8px 24px rgba(2, 132, 199, 0.15) !important; margin: 0 auto 24px !important; text-align: center !important; position: relative !important; overflow: hidden !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-gaba-title { font-size: 20px !important; color: #ffffff !important; font-weight: bold !important; margin: 0 !important; display: block !important; }
.mc-gaba-title .mc-accent-text { color: #fde047 !important; } /* 水色に映えるイエロー */

/* グラフエリア */
.mc-graph-area { position: relative !important; background-color: #ffffff !important; border: 1px solid #e0f2fe !important; border-radius: 12px !important; padding: 30px 24px !important; color: #0f172a !important; display: block !important; width: 100% !important; box-sizing: border-box !important; box-shadow: 0 4px 12px rgba(2, 132, 199, 0.03) !important; }
.mc-bg-glow { position: absolute !important; top: -50px !important; right: -50px !important; width: 200px !important; height: 200px !important; background: radial-gradient(circle, rgba(2, 132, 199, 0.1) 0%, rgba(255,255,255,0) 70%) !important; border-radius: 50% !important; pointer-events: none !important; display: block !important; }

.mc-clinical-header { text-align: center !important; margin-bottom: 24px !important; position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; }
.mc-clinical-badge { border: 1px solid #38bdf8 !important; color: #0284c7 !important; font-size: 11px !important; font-weight: 800 !important; padding: 4px 14px !important; border-radius: 20px !important; letter-spacing: 0.1em !important; background: rgba(2, 132, 199, 0.05) !important; display: inline-block !important; margin-bottom: 12px !important; }
.mc-clinical-title { font-size: 22px !important; margin: 0 0 16px 0 !important; font-weight: 700 !important; color: #0f172a !important; line-height: 1.4 !important; display: block !important; }
.mc-clinical-desc { font-size: 16.5px !important; font-weight: 600 !important; color: #334155 !important; line-height: 1.75 !important; margin: 0 !important; display: block !important; }
.mc-sup { font-size: 11px !important; vertical-align: top !important; }

/* クラス名をブルー用に変更 */
.mc-blue-underline { 
    color: #0284c7 !important; 
    font-size: 19px !important; 
    font-weight: 900 !important;
    border-bottom: 2px solid #0284c7 !important; 
    display: inline !important; 
    letter-spacing: 0.05em !important;
}

.mc-graph-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; position: relative !important; z-index: 1 !important; width: 100% !important; }
.mc-graph-card { background-color: #ffffff !important; border-radius: 8px !important; overflow: hidden !important; border: 1px solid #e0f2fe !important; box-shadow: 0 2px 8px rgba(2, 132, 199, 0.06) !important; display: block !important; }
.mc-graph-card img { width: 100% !important; height: auto !important; display: block !important; }

/* 透過グラフを強調する枠線（ブルー系に変更） */
.mc-graph-card.highlight-blue {
    border: 2px solid #0284c7 !important;
    position: relative !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.15) !important;
}

.mc-citation-area { margin-top: 24px !important; padding-top: 16px !important; border-top: 1px dashed #bae6fd !important; font-size: 11px !important; color: #64748b !important; line-height: 1.6 !important; text-align: left !important; position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-citation-area p { margin: 0 0 6px 0 !important; display: block !important; }
.mc-citation-area p:last-child { margin-bottom: 0 !important; }

/* フッター */
.mc-card-footer { background: #f8fafc !important; border-top: 1px solid #e2e8f0 !important; padding: 24px 28px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-official-tag { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-weight: 700 !important; color: #0f172a !important; font-size: 12px !important; margin-bottom: 10px !important; background: #ffffff !important; padding: 4px 12px !important; border-radius: 4px !important; border: 1px solid #bae6fd !important; letter-spacing: 0.05em !important; }
.mc-official-tag::before { content: '✓' !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 14px !important; height: 14px !important; background: #0284c7 !important; color: #ffffff !important; border-radius: 50% !important; font-size: 9px !important; flex-shrink: 0 !important; }
.mc-disclaimer { font-size: 11px !important; color: #64748b !important; line-height: 1.65 !important; margin: 0 !important; display: block !important; }

/* ★ スマホ最適化 ★ */
@media (max-width: 600px) {
  .mc-card-header { padding: 22px 18px 18px !important; }
  .mc-card-heading { font-size: 19px !important; }
  .mc-card-intro { font-size: 14px !important; }
  .mc-card-body { padding: 20px 18px !important; }
  .mc-feature-box { padding: 16px 14px !important; }
  .mc-blend-container { padding: 18px 14px !important; margin-bottom: 24px !important; }
  
  .mc-blend-stage-wrap { flex-direction: column !important; gap: 12px !important; }
  .mc-bean-unit { max-width: 280px !important; width: 100% !important; margin: 0 auto !important; }
  .mc-x-mark { font-size: 32px !important; margin: 8px 0 !important; }
  
  .mc-hero-fusion-stage { margin: 16px 0 20px !important; }
  .gaba-orb-wrapper { width: 76px !important; height: 76px !important; }
  .gaba-mystic-orb { width: 50px !important; height: 50px !important; }
  
  .mc-story-panel-wrap { flex-direction: column !important; text-align: center !important; padding: 16px 12px !important; }
  .mc-story-img-area { width: 100% !important; max-width: 180px !important; margin: 0 auto !important; }
  .mc-gaba-title { font-size: 18px !important; }
  .mc-graph-area { padding: 20px 12px !important; }
  
  .mc-clinical-title { font-size: 19px !important; }
  .mc-clinical-desc { font-size: 15px !important; line-height: 1.6 !important; }
  .mc-blue-underline { font-size: 18px !important; }
  
  .mc-graph-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .mc-card-footer { padding: 16px 18px !important; }
}
</style>

<div class="mc-hero-card">
  <div class="mc-card-header">
    <div class="mc-card-heading" role="heading" aria-level="5">Memory Coffeeとは？</div>
    <p class="mc-card-intro">
      毎日のコーヒータイムを「自分らしさを育む時間」へと変える機能性表示食品（インスタントコーヒー）です。<br><br>本格的なおいしさと、認知機能の一部を維持するGABA200mg（1本あたり）のサポートを両立しています。
    </p>
  </div>

  <div class="mc-card-body">
    <div class="mc-badge-group">
      <span class="mc-badge-main">機能性表示食品</span>
      <span class="mc-badge-sub">GABA 200mg配合</span>
    </div>
    
    <div class="mc-section-subhead" role="heading" aria-level="5">
      <span style="font-size: 18px !important; display: inline-block;">科学的根拠に基づいた3つのサポート機能</span>
    </div>
    <p class="mc-lead-text">
      Memory Coffeeに含まれるGABAは、加齢とともに低下する<strong>認知機能の一部を維持する機能</strong>が報告されています。
    </p>
    
    <div class="mc-feature-box">
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">記憶力</span>
          <span class="mc-feature-desc">見たり聞いたりしたことを思い出す力</span>
        </div>
      </div>
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">空間認知力</span>
          <span class="mc-feature-desc">物の位置、形、向きなどを正確に把握する力</span>
        </div>
      </div>
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">持続的注意力</span>
          <span class="mc-feature-desc">注意を持続させながら、作業を続ける力</span>
        </div>
      </div>
    </div>

    <!-- ブレンドとGABAの融合 -->
    <div class="mc-blend-container">
      <div class="mc-section-subhead" style="justify-content: center; margin-bottom: 18px;" role="heading" aria-level="5">
        <span style="font-size: 16px !important; display: inline-block;">30回の試作で辿り着いた<br class="mc-sp-only">本格ブレンド</span>
      </div>

      <div class="mc-blend-stage-wrap">
        <div class="mc-bean-unit">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-brazil-beans-p.webp" alt="ブラジル産コーヒー豆" loading="lazy" decoding="async">
        </div>
        <div class="mc-blend-symbol">
          <span class="mc-x-mark">×</span>
          <p class="mc-x-text">絶妙ブレンド</p>
        </div>
        <div class="mc-bean-unit">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-vietnam-beans-p.webp" alt="ベトナム産コーヒー豆" loading="lazy" decoding="async">
        </div>
      </div>

      <div class="mc-hero-fusion-stage">
        <span class="mc-hero-plus-symbol">＋</span>
        <div class="mc-hero-gaba-orb-wrap">
          <div class="gaba-orb-wrapper">
            <div class="gaba-mystic-orb">
              <span class="gaba-orb-text">GABA</span>
            </div>
            <div class="gaba-particle p1"></div>
            <div class="gaba-particle p2"></div>
            <div class="gaba-particle p3"></div>
          </div>
          <p class="mc-hero-gaba-caption">機能性関与成分 GABA</p>
        </div>
      </div>

      <p class="mc-blend-desc-text">
        スッキリとしたブラジル産とコク深いベトナム産の豆を絶妙にブレンド。<br>
        毎日飽きずに楽しめる、本格的でホッとする風味に仕上げています。
      </p>

      <div class="mc-story-panel-wrap">
        <div class="mc-story-text-area">
          <p class="mc-story-head-text">
            開発段階で約<span class="mc-big-num">30</span>パターンもの<br class="mc-sp-only">ブレンド配合・調整を繰り返し、<br class="mc-sp-only">納得の1杯を完成させました！
          </p>
        </div>
        <div class="mc-story-img-area">
          <figure class="mc-polaroid">
            <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-Product01-p.webp" alt="実際のブレンド配合打合せ資料" loading="lazy" decoding="async">
            <figcaption>配合打合せの様子</figcaption>
          </figure>
        </div>
      </div>
    </div>

    <!-- エビデンス（科学的根拠）セクション -->
    <hr class="mc-inner-divider">
    
    <div class="mc-section-subhead" style="justify-content: center; margin-bottom: 24px;" role="heading" aria-level="5">
      <span style="font-size: 18px !important; display: inline-block;">科学が証明する機能性</span>
    </div>

    <div class="mc-gaba-comparison-box">
      <div class="mc-gaba-title">
        スティック1本（1杯）で <span class="mc-accent-text">GABA 200mg配合</span>
      </div>
    </div>

    <div class="mc-graph-area">
      <div class="mc-bg-glow"></div>

      <div class="mc-clinical-header">
        <span class="mc-clinical-badge">CLINICAL TRIAL</span>
        <div class="mc-clinical-title">ヒト臨床試験における<br class="mc-sp-only">優位性の確認</div>
        <p class="mc-clinical-desc">
          認知機能の低下を感じる40歳以上の<br class="mc-sp-only">健康な男女120名<span class="mc-sup">※</span>を対象とした試験で、<br>
          <strong class="mc-blue-underline">12週間の継続摂取</strong>により、<br class="mc-sp-only">統計的に有意な維持・改善が見られました。
        </p>
      </div>
      
      <!-- エビデンスグラフ2列 -->
      <div class="mc-graph-grid">
        <!-- クラスを highlight-blue に変更 -->
        <div class="mc-graph-card highlight-blue">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-evidence-kioku-p.webp" alt="記憶力の維持に関する臨床試験データ" loading="lazy" decoding="async">
        </div>
        <div class="mc-graph-card highlight-blue">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-evidence-kuukan-p.webp" alt="空間認知力の維持に関する臨床試験データ" loading="lazy" decoding="async">
        </div>
      </div>

      <!-- 注記・出典論文 -->
      <div class="mc-citation-area">
        <p>※システマティックレビューで評価した研究2報の参加者の人数の合計</p>
        <p>※「持続的注意力（注意を持続させながら、作業を続ける力）」も同様に、システマティックレビューに含まれるヒト試験において、Cognitrax等を用いて評価された項目に基づいて届出しています。</p>
        <p>&lt;引用論文&gt; Yamatsu A., Nakamura U., Saddam HM., Horie N., Kaneko T., Kim M. Intake of 200 mg/day of γ-Aminobutyric Acid (GABA) Improves a Wide Range of Cognitive Functions – A Randomized, Double-blind, Placebo-controlled Parallelgroup Clinical Trial– 薬理と治療 48, 3, 461-474 (2020)</p>
        <p>※本商品を用いて行った実験ではありません。</p>
      </div>
    </div>

  </div>

  <div class="mc-card-footer">
    <div class="mc-official-tag">届出番号：J1384</div>
    <p class="mc-disclaimer">
      ※本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。<br>
      ※本品は、疾病の診断、治療、予防を目的としたものではありません。<br>
      ※アニメーションはイメージです。
    </p>
  </div>
</div>



<style>
  /* --- ベースコンテナ --- */
  .mc-nagara-wrapper {
    width: 100%;
    max-width: 800px;
    margin: 40px auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    box-sizing: border-box;
  }

  /* --- プレミアム区切り線（アイコンなし・グラデーションラインのみ） --- */
  .mc-premium-divider {
    height: 1px;
    background: linear-gradient(to right, transparent, #bae6fd, transparent);
    margin: 0 auto 35px;
    width: 90%;
  }
  
  /* 下部用の余白調整 */
  .mc-premium-divider.is-bottom {
    margin: 35px auto 0;
  }

  /* --- 見出し --- */
  .mc-nagara-heading {
    text-align: center;
    font-size: 1.375rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.5;
    margin-bottom: 24px;
    letter-spacing: 0.05em;
  }
  
  .mc-nagara-heading-accent {
    display: inline-block;
    color: #0284c7;
    background: linear-gradient(transparent 65%, #e0f2fe 65%);
  }

  /* --- 4枚の画像を並べるグリッド --- */
  .mc-nagara-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  /* --- 各カードのデザイン --- */
  .mc-nagara-card {
    background: #ffffff;
    border: 1px solid #e0f2fe;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
  }

  .mc-nagara-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(2, 132, 199, 0.12);
  }

  /* --- 画像エリア --- */
  .mc-nagara-img-wrap {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f8fafc;
  }

  .mc-nagara-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
  }

  .mc-nagara-card:hover .mc-nagara-img-wrap img {
    transform: scale(1.05);
  }

  /* --- キャプション（文字）エリア --- */
  .mc-nagara-caption {
    background: #f0f9ff;
    border-top: 1px dashed #bae6fd;
    padding: 14px 10px;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-grow: 1;
  }

  /* --- スマホ表示最適化 --- */
  @media (max-width: 600px) {
    .mc-nagara-wrapper {
      padding: 0 16px;
      margin: 32px auto;
    }
    .mc-premium-divider {
      width: 100%;
      margin-bottom: 25px;
    }
    .mc-premium-divider.is-bottom {
      margin-top: 25px;
      margin-bottom: 0;
    }
    .mc-nagara-heading {
      font-size: 1.125rem;
      margin-bottom: 20px;
    }
    .mc-nagara-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
    }
    .mc-nagara-caption {
      font-size: 13px;
      padding: 10px 6px;
      gap: 4px;
    }
    .mc-sp-only {
      display: block;
    }
  }
</style>

<div class="mc-nagara-wrapper">
  
  <!-- プレミアム区切り線（上部） -->
  <div class="mc-premium-divider"></div>

  <div class="mc-nagara-heading">
    コーヒーならではの<br class="mc-sp-only">
    <span class="mc-nagara-heading-accent">”ながら対策”</span>だって可能です！
  </div>

  <div class="mc-nagara-grid">
    
    <!-- 1枚目：読書 -->
    <div class="mc-nagara-card">
      <div class="mc-nagara-img-wrap">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-01-p.webp" alt="読書しながら" loading="lazy">
      </div>
      <div class="mc-nagara-caption">
        読書しながら
      </div>
    </div>

    <!-- 2枚目：勉強・仕事 -->
    <div class="mc-nagara-card">
      <div class="mc-nagara-img-wrap">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-02.jpg" alt="勉強・仕事しながら" loading="lazy">
      </div>
      <div class="mc-nagara-caption">
        勉強・仕事しながら
      </div>
    </div>

    <!-- 3枚目：パンを食べる -->
    <div class="mc-nagara-card">
      <div class="mc-nagara-img-wrap">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-03-p.webp" alt="パンを食べながら" loading="lazy">
      </div>
      <div class="mc-nagara-caption">
        パンを食べながら
      </div>
    </div>

    <!-- 4枚目：趣味 -->
    <div class="mc-nagara-card">
      <div class="mc-nagara-img-wrap">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/04/nagara-scene-002-p.webp" alt="趣味を楽しみながら" loading="lazy">
      </div>
      <div class="mc-nagara-caption">
        趣味を楽しみながら
      </div>
    </div>

  </div>

  <!-- プレミアム区切り線（下部） -->
  <div class="mc-premium-divider is-bottom"></div>

</div>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg.webp" alt="Memory Coffeeは、スティック1本に機能性関与成分GABAが200mg配合されていることを説明する画像" class="wp-image-4872" style="width:533px;height:auto" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p class="wp-block-paragraph">GABAの継続摂取は、加齢とともに低下する「持続的注意力（注意を持続させながら、作業を続ける力）」の維持をサポートすることが報告されています。</p>



<p class="wp-block-paragraph">サプリメントを飲み忘れることはあっても、生活に溶け込むコーヒーならば、負担なく続けることができます！</p>



<p class="wp-block-paragraph">毎日のコーヒーという既存の習慣に組み込めることが、継続しやすさの最大の理由です。</p>



<p class="wp-block-paragraph">新しいサプリメントを「追加する」のではなく、「いつものコーヒーを置き換えるだけ」というシンプルな選択が、長く続けるための最も現実的な方法です。</p>



<style>
/* Memory Coffee プレミアム・サファイアバナー（PC最適化＆強制上書き版） */
.mc-jewel-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  margin: 3em 0 !important;
  padding: 12px 24px !important; /* 左右の余白を少し詰めて空間を確保 */
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", serif;
  
  /* サファイアブルーの深層グラデーション背景 */
  background: radial-gradient(circle at center, #0047AB 0%, #002147 100%);
  
  /* 1pxの琥珀色の細い境界線 */
  border: 1px solid rgba(197, 160, 89, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 15px rgba(197, 160, 89, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 微細なコーヒー豆のテクスチャ（オーバーレイ） */
.mc-jewel-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c5 0 8-4 8-8s-3-8-8-8-8 4-8 8 3 8 8 8z' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  pointer-events: none;
}

/* ホバー時の宝石のような輝きの変化 */
.mc-jewel-banner:hover {
  transform: translateY(-3px);
  border-color: #FFBF00;
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 0 25px rgba(255, 191, 0, 0.2);
}

/* 左側：ロゴ・フレームエリア */
.mc-jb-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important; /* 少し間隔を詰めて横幅を節約 */
  z-index: 2;
}
.mc-jb-logo-frame {
  position: relative;
  padding: 6px;
  border: 1.5px solid #C5A059;
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}
/* 湯気・ミストの演出（ぼかし光） */
.mc-jb-logo-frame::after {
  content: "";
  position: absolute;
  top: -10px; left: 50%;
  width: 40px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(197,160,89,0.4) 0%, transparent 70%);
  filter: blur(8px);
  transform: translateX(-50%);
  animation: jbSteam 4s infinite alternate;
}
@keyframes jbSteam {
  from { opacity: 0.3; transform: translateX(-50%) translateY(0); }
  to { opacity: 0.6; transform: translateX(-50%) translateY(-5px); }
}
.mc-jb-logo-frame img {
  max-height: 44px !important;
  width: auto !important;
  display: block;
  filter: drop-shadow(0 0 5px rgba(197,160,89,0.5));
}

/* 中央：テキストエリア（縦並びに変更して窮屈さを解消） */
.mc-jb-center {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important; /* バッジとテキストを縦に配置 */
  align-items: flex-start !important; /* 左寄せ */
  justify-content: center !important;
  padding: 0 24px !important;
  gap: 6px !important;
  z-index: 2;
}
.mc-jb-badge {
  background: #C5A059;
  border: 1px solid #FFD700;
  color: #1e2147;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 0 !important; /* 縦並びのため右マージンをリセット */
  white-space: nowrap !important;
  display: inline-block !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mc-jb-text {
  color: #ffffff !important;
  font-size: 1.15em !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  white-space: nowrap !important; /* 意図しない改行を完全に防ぐ */
}

/* 右側：鮮やかなピュアオレンジのジュエルボタン */
.mc-jb-btn {
  background: linear-gradient(145deg, #FF8A00 0%, #FF5E00 50%, #DF4A00 100%) !important;
  border: 1px solid #FFAD33 !important;
  padding: 10px 24px !important; /* 横幅を節約 */
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 5px 15px rgba(223, 74, 0, 0.4), inset 0 2px 2px rgba(255,255,255,0.4) !important;
  position: relative;
  overflow: hidden;
  z-index: 2;
  white-space: nowrap !important; /* ボタン内の文字落ちを防ぐ */
}
/* ボタン上の光の走査（宝石の輝き） */
.mc-jb-btn::after {
  content: '';
  position: absolute;
  top: -50%; left: -100%;
  width: 50%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
  transform: rotate(30deg);
  animation: jbBtnShine 3s infinite;
}
@keyframes jbBtnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.mc-jb-btn-text {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.95em !important;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-jewel-banner { flex-direction: column !important; gap: 20px !important; padding: 25px !important; text-align: center !important; }
  .mc-jb-logo-frame { border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 15px !important; }
  .mc-jb-center { align-items: center !important; padding: 0 !important; gap: 12px !important; }
  .mc-jb-text { text-align: center !important; }
  .mc-jb-btn { width: 100% !important; justify-content: center !important; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-jewel-banner">
  
  <div class="mc-jb-left">
    <div class="mc-jb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-jb-center">
    <div class="mc-jb-badge">機能性表示食品</div>
    <p class="mc-jb-text">
      コーヒーで手軽にながらケア
    </p>
  </div>

  <div class="mc-jb-btn">
    <span class="mc-jb-btn-text">詳しくみる ▶︎</span>
  </div>

</a>



<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&#038;family=Noto+Serif+JP:wght@400;700&#038;display=swap" rel="stylesheet">
<style>
.mc2-outer, .mc2-outer *, .mc2-outer *::before, .mc2-outer *::after { box-sizing: border-box; }

.mc2-outer {
  width: 100%;
  padding: 24px 0 32px;
}
.mc2-wrap { width: 100%; max-width: 920px; margin: 0 auto; }

.mc2-coupon-bar {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12.5px; font-weight: 700;
  color: #3A2FB0; text-align: center;
  margin: 0 0 10px; letter-spacing: .08em;
}

.mc2-card {
  position: relative;
  display: flex; align-items: stretch;
  text-decoration: none; border-radius: 16px; overflow: hidden;
  background: linear-gradient(120deg, #090640 0%, #1714A0 60%, #0C0965 100%);
  box-shadow: 0 8px 40px rgba(9,6,64,.5), 0 2px 12px rgba(23,20,160,.3);
  transition: transform .25s ease, box-shadow .25s ease;
  min-height: 148px;
}
.mc2-card::after {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none; z-index: 0;
}
.mc2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 52px rgba(9,6,64,.65), 0 4px 20px rgba(23,20,160,.4);
}

.mc2-brand {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 8px;
  padding: 22px 26px;
  background: rgba(0,0,0,.2);
  border-right: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
}
.mc2-amz-pill {
  background: #fff; border-radius: 6px;
  padding: 8px 18px;
  display: inline-flex; align-items: center;
  align-self: flex-start;
}
.mc2-amz-logo { height: 44px; width: auto; display: block; }
.mc2-name {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.375rem; font-weight: 700;
  color: #fff; margin: 0;
  white-space: nowrap; letter-spacing: .03em;
}
.mc2-tagline {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5);
  margin: 0; letter-spacing: .06em;
}

.mc2-mid {
  position: relative; z-index: 1;
  flex: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 14px;
  padding: 20px 28px;
}
.mc2-benefit {
  padding-left: 12px;
  border-left: 2px solid rgba(255,255,255,.22);
}
.mc2-benefit-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px; font-weight: 500;
  color: #fff; margin: 0 0 3px;
}
.mc2-benefit-sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5); margin: 0;
}

.mc2-right {
  position: relative; z-index: 1;
  flex-shrink: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 10px; padding: 24px 28px;
  border-left: 1px solid rgba(255,255,255,.06);
}
.mc2-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #E82020, #C41010);
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.875rem; font-weight: 700;
  padding: 13px 26px; border-radius: 30px;
  white-space: nowrap; letter-spacing: .04em;
  box-shadow: 0 3px 16px rgba(200,16,16,.45);
  transition: box-shadow .2s ease;
}
.mc2-card:hover .mc2-btn {
  box-shadow: 0 6px 26px rgba(200,16,16,.7);
}
.mc2-note {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9.5px; color: rgba(255,255,255,.35);
  margin: 0; text-align: center;
}

@media (max-width: 680px) {
  .mc2-outer { padding: 20px 0 28px; }
  .mc2-card { flex-direction: column; }
  .mc2-brand {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 20px 20px 16px;
  }
  .mc2-amz-pill { align-self: center; }
  .mc2-name { font-size: 1.25rem; white-space: normal; text-align: center; }
  .mc2-tagline { text-align: center; }
  .mc2-mid { padding: 16px 20px; gap: 12px; }
  .mc2-right {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 16px 20px 20px;
  }
  .mc2-btn { width: 100%; justify-content: center; font-size: 0.9375rem; }
  .mc2-note { white-space: normal; }
}
</style>

<div class="mc2-outer">
  <div class="mc2-wrap">

    <p class="mc2-coupon-bar">＼ 期間限定１７%OFF ／</p>

    <a href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener" class="mc2-card">

      <div class="mc2-brand">
        <div class="mc2-amz-pill">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" class="mc2-amz-logo">
        </div>
        <p class="mc2-name">Memory Coffee</p>
        <p class="mc2-tagline">記憶力を維持するGABA×コーヒー</p>
      </div>

      <div class="mc2-mid">
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Prime対応・最短翌日お届け</p>
          <p class="mc2-benefit-sub">お急ぎ便でいつでも手軽にお手元に</p>
        </div>
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Amazonのレビューで購入前に確認</p>
          <p class="mc2-benefit-sub">実際に飲んだ方の声を参考にできる</p>
        </div>
      </div>

      <div class="mc2-right">
        <div class="mc2-btn">
          17%OFFで購入する
          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <path d="M5 12H19M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </div>
        <p class="mc2-note"></p>
      </div>

    </a>

  </div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">まとめ│持続的注意力は、意志の問題ではなく脳のコンディションの問題</h2>



<p class="wp-block-paragraph">この記事で見てきたように、持続的注意力の低下は「意志の弱さ」ではなく、「前頭前野のエネルギー枯渇」や「青斑核の過剰発火」といった、脳の物理的なコンディションの変化によるものです。</p>



<p class="wp-block-paragraph">厳しい訓練を受けたプロの航空管制官や外科医でさえ、時間とともに注意を保ち続ける機能は必ず低下します。</p>



<p class="wp-block-paragraph">ましてや、加齢による機能の変化に加え、絶え間ないデジタル情報のノイズにさらされている私たちが、気合や根性だけで高い持続的注意力を維持するのは不可能です。</p>



<p class="wp-block-paragraph">だからこそ、これからの私たちに必要なのは、無理に自分を奮い立たせることではなく、<strong>脳のコンディションを戦略的に整えること</strong>です。</p>



<ul class="wp-block-list">
<li><strong>マルチタスクを手放し、目の前の「ひとつ」にリソースを注ぐ。</strong></li>



<li><strong>疲労を感じる前に、情報から離れる「意図的な休憩」をとる。</strong></li>



<li><strong>就寝前のノイズを遮断し、脳が修復するための「90分」を守る。</strong></li>



<li><strong>高ぶった神経を、深い呼吸で意識的にリセットする。</strong></li>
</ul>



<p class="wp-block-paragraph">こうした日々の小さな環境づくり（個人の努力）に加えて、GABAのような抑制系の成分を取り入れ、内側からコンディションをケアしてあげることが、ノイズに負けない持続的注意力を維持するサポートとなります。</p>



<p class="wp-block-paragraph">その「コンディションを整える」小さな積み重ねが、10年後・20年後も「集中して物事に取り組める自分」でいるための土台となります。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<section class="mc-faq-flat">
    <div class="mc-faq-inner">
        <div role="heading" aria-level="2" class="mc-faq-header-flat">よくある質問</div>

        <div class="mc-faq-list-flat">
            <div class="mc-faq-card">
                <div class="mc-faq-q-row">
                    <span class="mc-faq-icon-q">Q</span>
                    <div role="heading" aria-level="3" class="mc-faq-question-text">集中力が続かないのは、やはり「意志の強さ」の問題ではありませんか？</div>
                </div>
                <div class="mc-faq-a-row">
                    <span class="mc-faq-icon-a">A</span>
                    <div class="mc-faq-answer-content">
                        <p class="mc-ans-strong">意志の力（精神論）ではなく、脳の「リソース」の問題です。</p>
                        <p>
                            私たちの前頭前野が1日に使えるエネルギーには限りがあります。現代のマルチタスク環境では、そのエネルギーが「ノイズへの対処」だけで枯渇している状態です。自分を責めるのをやめ、まずは物理的に脳を休ませ、整えるための「環境」を作ってあげることが先決です。
                        </p>
                    </div>
                </div>
            </div>

            <div class="mc-faq-card">
                <div class="mc-faq-q-row">
                    <span class="mc-faq-icon-q">Q</span>
                    <div role="heading" aria-level="3" class="mc-faq-question-text">カフェイン（覚醒）とGABA（鎮静）を同時に摂って、効果は打ち消し合いませんか？</div>
                </div>
                <div class="mc-faq-a-row">
                    <span class="mc-faq-icon-a">A</span>
                    <div class="mc-faq-answer-content">
                        <p class="mc-ans-strong">打ち消し合うのではなく、「質の高い集中」を形作ります。</p>
                        <p>
                            カフェインが「アクセル」なら、GABAは「適切なブレーキ」です。アクセルだけの暴走（焦りや空回り）を防ぎ、<strong>「頭は冴えているのに、余計な雑念はない」</strong>という、仕事において最もパフォーマンスが高い「静かな集中」の状態を作り出します。
                        </p>
                    </div>
                </div>
            </div>

            <div class="mc-faq-card">
                <div class="mc-faq-q-row">
                    <span class="mc-faq-icon-q">Q</span>
                    <div role="heading" aria-level="3" class="mc-faq-question-text">12週間（3ヶ月）飲み続けなければ、意味がないということでしょうか？</div>
                </div>
                <div class="mc-faq-a-row">
                    <span class="mc-faq-icon-a">A</span>
                    <div class="mc-faq-answer-content">
                        <p class="mc-ans-strong">「今日のリセット」と「未来の維持」、2つの役割があります。</p>
                        <p>
                            一杯の摂取でも、その瞬間の「脳の過緊張を和らげる」サポートは行われます。一方で、加齢と共に低下する<strong>持続的注意力を「維持する」という機能性を届出ているのが12週間の継続摂取</strong>です。「今日を乗り切るための一杯」を積み重ねることが、結果として数年後の冴えを守る大きな土台となります。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<style>
/* --- FAQフラットデザイン --- */
.mc-faq-flat {
    width: 100%;
    background-color: #f8fafc;
    padding: 80px 20px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.mc-faq-inner {
    max-width: 800px;
    margin: 0 auto;
}

/* ヘッダー（テーマ干渉リセット付き） */
.mc-faq-header-flat {
    text-align: center;
    font-size: 1.5rem; /* PC基準 */
    font-weight: bold;
    color: #1e3a8a;
    margin-top: 0;
    margin-bottom: 50px;
    position: relative;
    padding: 0 0 15px 0;
    background: transparent !important;
    border: none !important;
}
.mc-faq-header-flat::after {
    content: '';
    position: absolute;
    bottom: 0; left: 50%;
    transform: translateX(-50%);
    width: 60px; height: 3px;
    background-color: #3b82f6;
}

/* 各質問カード */
.mc-faq-card {
    background-color: #fff;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border: 1px solid #e2e8f0;
}

/* 質問行 */
.mc-faq-q-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 15px;
}
/* アイコン設定（縮小防止） */
.mc-faq-icon-q {
    flex-shrink: 0;
    font-size: 1.4rem;
    font-weight: 800;
    color: #3b82f6;
    margin-right: 14px;
    line-height: 1.2;
}
/* 質問テキスト（テーマ干渉リセット付き） */
.mc-faq-question-text {
    flex: 1;
    font-size: 1.1rem; /* PC基準 */
    font-weight: bold;
    color: #1e293b;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    line-height: 1.5;
}

/* 回答行 */
.mc-faq-a-row {
    display: flex;
    align-items: flex-start;
}
.mc-faq-icon-a {
    flex-shrink: 0;
    font-size: 1.4rem;
    font-weight: 800;
    color: #f43f5e;
    margin-right: 14px;
    line-height: 1.2;
}
.mc-faq-answer-content {
    flex: 1;
}
.mc-ans-strong {
    font-size: 1.05rem; /* PC基準 */
    color: #1e3a8a;
    font-weight: bold;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    line-height: 1.5;
}
.mc-faq-answer-content p {
    font-size: 1rem; /* PC基準: 本文 */
    color: #475569;
    line-height: 1.8;
    margin-bottom: 0;
}
.mc-faq-answer-content strong {
    color: #1e3a8a;
    background: linear-gradient(transparent 70%, #dbeafe 70%);
}

/* =========================================
   スマホ用フォントサイズ上書き（レスポンシブ）
========================================= */
@media (max-width: 600px) {
    .mc-faq-flat { 
        padding: 60px 16px; 
    }
    .mc-faq-header-flat { 
        font-size: 1.6rem; 
        margin-bottom: 40px; 
    }
    .mc-faq-card { 
        padding: 24px 20px; 
        margin-bottom: 24px;
    }
    
    .mc-faq-icon-q, .mc-faq-icon-a { 
        font-size: 1.6rem; 
        margin-right: 12px; 
    }
    
    .mc-faq-question-text { 
        font-size: 1.25rem; 
    }
    .mc-ans-strong { 
        font-size: 1.15rem; 
    }
    .mc-faq-answer-content p { 
        font-size: 1.15rem; 
    }
}
</style>

<!-- =========================================
   構造化データ（JSON-LD）: FAQPage
========================================= -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "集中力が続かないのは、やはり「意志の強さ」の問題ではありませんか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "意志の力（精神論）ではなく、脳の「リソース」の問題です。私たちの前頭前野が1日に使えるエネルギーには限りがあります。現代のマルチタスク環境では、そのエネルギーが「ノイズへの対処」だけで枯渇している状態です。自分を責めるのをやめ、まずは物理的に脳を休ませ、整えるための「環境」を作ってあげることが先決です。"
      }
    },
    {
      "@type": "Question",
      "name": "カフェイン（覚醒）とGABA（鎮静）を同時に摂って、効果は打ち消し合いませんか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "打ち消し合うのではなく、「質の高い集中」を形作ります。カフェインが「アクセル」なら、GABAは「適切なブレーキ」です。アクセルだけの暴走（焦りや空回り）を防ぎ、「頭は冴えているのに、余計な雑念はない」という、仕事において最もパフォーマンスが高い「静かな集中」の状態を作り出します。"
      }
    },
    {
      "@type": "Question",
      "name": "12週間（3ヶ月）飲み続けなければ、意味がないということでしょうか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "「今日のリセット」と「未来の維持」、2つの役割があります。一杯の摂取でも、その瞬間の「脳の過緊張を和らげる」サポートは行われます。一方で、加齢と共に低下する持続的注意力を「維持する」という機能性を届出ているのが12週間の継続摂取です。「今日を乗り切るための一杯」を積み重ねることが、結果として数年後の冴えを守る大きな土台となります。"
      }
    }
  ]
}
</script>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<!-- ==========================================
  あわせて読みたい（関連記事リンク）
========================================== -->
<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">
    <a class="end-card" href="https://memory-coffee.jp/magazine/gaba-caffeine-synergy/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/gaba-caffeine-synergy-thumbnail-02.webp" alt="カフェインとGABAは相殺しない理由">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">GABA × 脳科学</div>
        <div class="end-card-title">カフェインとGABAは相殺しない理由</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/why-90days/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-why-90days.webp" alt="なぜ90日間続けるのか？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">習慣化</div>
        <div class="end-card-title">なぜ90日間続けるのか？科学的根拠</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/brain-maintenance-gaba/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/brain-maintenance-gaba-thumbnail-02.webp" alt="脳の夜間メンテを最大化するGABA">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">GABA × 睡眠</div>
        <div class="end-card-title">脳の夜間メンテを最大化するGABA</div>
      </div>
    </a>
  </div>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
.end-section {
  background: #f7f4ee !important;
  border-top: 1px solid #e5dece !important;
  padding: 32px 20px 40px !important;
  margin-top: 48px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  box-sizing: border-box !important;
}

.end-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}

.end-header-bar {
  width: 5px !important;
  height: 22px !important;
  background: #c4993a !important;
  border-radius: 3px !important;
  flex-shrink: 0 !important;
}

.end-header-text {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
}

/* カードのレイアウト（スマホは1列、PCは3列） */
.end-cards {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

@media screen and (min-width: 600px) {
  .end-cards {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}

.end-card {
  display: block !important;
  background: #fff !important;
  border: 1px solid #e5dece !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: inherit !important;
  -webkit-tap-highlight-color: transparent !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
  transition: all 0.2s ease !important;
}

.end-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 12px rgba(196, 153, 58, 0.15) !important;
}

.end-card-img {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #d6c9a8 !important;
}

.end-card-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.end-card-body {
  padding: 16px !important;
}

.end-card-tag {
  display: inline-block !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: #8c6d2f !important;
  background: #fdfaf3 !important;
  border: 1px solid #e5dece !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
}

.end-card-title {
  font-size: 1.15rem !important; /* ★記事全体のルールに合わせて1.15remに統一 */
  font-weight: 700 !important;
  line-height: 1.6 !important;
  color: #1a1a1a !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
</style>



<!-- ==========================================
  免責事項および重要事項セクション（エンジニア版）
========================================== -->
<section class="mc-disclaimer-section">
    <div class="mc-disclaimer-box">
     
        <div class="mc-disclaimer-title">
            <span style="margin-right: 8px;">⚖️</span> 免責事項および重要事項
        </div>
        
        <ul class="mc-disclaimer-list">
            <li class="mc-disclaimer-item">
                <b style="color: #222;">1. 情報の正確性について：</b><br>
                本記事の内容は、学術論文および一般的な公開情報に基づき、執筆時点の情報として整理したものです。<br>
                情報の正確性・最新性には細心の注意を払っておりますが、新たな研究知見により見解が更新される可能性があります。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">2. 個人差・適性について：</b><br>
                本記事で紹介している内容は、一般的な研究知見や傾向を整理したものであり、特定の個人の適性や能力を診断・保証するものではありません。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">3. 医療行為の代替ではありません：</b><br>
                本記事は一般的な健康情報の提供を目的としたものであり、医師による診断、治療、または処方に代わるものではありません。<br>
                また、紹介している成分や製品は、疾病の診断、治療、予防を目的としたものではありません。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">4. 効果の個人差について：</b><br>
                GABA等の機能性関与成分に関する記述は、一般的な届出情報・研究知見に基づくものであり、特定の製品の摂取によって全ての方に同様の効果を保証するものではありません。<br>
                体質や体調により、まれに合わない場合があります。ご自身の体調に合わせて、無理なく取り入れていただくために——持病のお薬（血圧に関するものなど）を服用中の方は、念のため医師・薬剤師にご確認のうえお召し上がりください。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">5. 損害への責任：</b><br>
                本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。<br>
                最終的な判断はご自身の責任において行っていただけますよう、お願い申し上げます。
            </li>
        </ul>

        <div class="mc-statutory-box">
            <b style="color: #222; display: block; margin-bottom: 8px;">【機能性表示食品に関する表示】</b>
            <p>本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。</p>
            <p>本品は、疾病の診断、治療、予防を目的としたものではありません。</p>
            <p>食生活は、主食、主菜、副菜を基本に、食事のバランスを。</p>
        </div>
    </div>
</section>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
.mc-disclaimer-section {
    width: 100%;
    max-width: none;
    margin: 40px auto;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #555;
    line-height: 1.6;
    border-top: 1px solid #eee;
    padding-top: 30px;
    box-sizing: border-box;
}
.mc-disclaimer-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.mc-disclaimer-title {
    font-size: 0.85rem;
    color: #222;
    margin: 0 0 15px 0;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.mc-disclaimer-box .mc-disclaimer-title::before,
.mc-disclaimer-box .mc-disclaimer-title::after {
    content: none !important;
    display: none !important;
}

.mc-disclaimer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.75rem;
    text-align: justify;
}
.mc-disclaimer-item { margin-bottom: 12px; }
.mc-disclaimer-item:last-child { margin-bottom: 0; }
.mc-statutory-box {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px dashed #cbd5e1;
    font-size: 0.75rem;
    color: #475569;
}
.mc-statutory-box p { margin: 0 0 8px 0; }
.mc-statutory-box p:last-child { margin-bottom: 0; }

/* =========================================
   スマホ表示最適化
========================================= */
@media (max-width: 600px) {
    .mc-disclaimer-section { margin: 40px 0; padding-top: 20px; border-top: none; }
    .mc-disclaimer-box { border-radius: 0; border-left: none; border-right: none; padding: 25px 20px; } 
    
    /* ★ 修正：タイトルと本文のヒエラルキーを維持して拡大 ★ */
    .mc-disclaimer-title { font-size: 1.15rem; margin-bottom: 20px; }
    
    /* ★ 修正：免責本文と法定表示をスマホ側で1remに指定 ★ */
    .mc-disclaimer-list, .mc-statutory-box { 
        font-size: 1rem; 
        line-height: 1.7; 
    }
    
    .mc-disclaimer-item { margin-bottom: 16px; }
    .mc-disclaimer-item:last-child { margin-bottom: 0; }
    
    .mc-statutory-box { margin-top: 28px; padding-top: 20px; }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="author-box-container">
    
    <div class="author-box-top-border"></div>
    
    <div class="author-box-content">
        <div class="author-logo">
            <div class="author-logo-inner">
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" loading="lazy">
            </div>
        </div>

        <div class="author-text">
            <div class="author-title-wrap">
                <span class="author-badge">著者</span>
                <!-- h4ではなく、ただのdivに変更 -->
                <div class="author-title">メモコーマガジン編集部</div>
            </div>
            <p class="author-desc">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に、客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div class="author-box-footer">
        <p class="author-footer-text">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
    
</div>

<style>
/* 全体コンテナ */
.author-box-container {
    width: 100%;
    max-width: 700px;
    margin: 40px auto;
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
    box-sizing: border-box;
}

/* 上部のアクセントライン */
.author-box-top-border {
    height: 5px;
    background: linear-gradient(to right, #1A2A40, #C5A059);
}

/* メインコンテンツエリア */
.author-box-content {
    padding: 32px 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* ロゴ部分 */
.author-logo {
    flex: 0 0 80px;
    margin-right: 24px;
}

.author-logo-inner {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 2px solid #f0f4f7;
    overflow: hidden;
    background: #f4f7f9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.author-logo-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* テキスト部分 */
.author-text {
    flex: 1;
    min-width: 250px;
}

.author-title-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px;
    gap: 10px;
}

.author-badge {
    font-size: 0.875rem;
    font-weight: bold;
    background: #1A2A40;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* divになったので、テーマリセット（!important等）は不要になりスッキリ */
.author-title {
    font-size: 1.25rem;
    color: #1A2A40;
    font-weight: bold;
    white-space: nowrap;
    margin: 0;
}

.author-desc {
    margin: 0;
    font-size: 0.9375rem;
    color: #444444;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-character;
}

.author-desc b {
    color: #1A2A40;
}

/* フッター（注記）部分 */
.author-box-footer {
    background: #f9f9f9;
    padding: 16px 24px;
    border-top: 1px solid #eee;
}

.author-footer-text {
    margin: 0;
    font-size: 13px;
    color: #666666;
    line-height: 1.6;
}

/* スマホ対応 */
@media screen and (max-width: 600px) {
    .author-box-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 24px 16px;
    }
    .author-logo {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .author-logo-inner {
        width: 80px;
        height: 80px;
    }
    .author-text {
        text-align: center;
    }
    .author-title-wrap {
        justify-content: center;
        margin-bottom: 16px;
    }
    .author-title {
        font-size: 1.125rem;
    }
    .author-desc {
        font-size: 0.9375rem;
        text-align: left;
    }
    .author-box-footer {
        padding: 16px;
    }
}
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 0.875rem; color: #333; border: 1px solid #ddd;">
        <tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【脳活ゲーム】頭がフリーズした日は、3分だけ「サボって」から生産性をあげませんか？</title>
		<link>https://memory-coffee.jp/magazine/brain-reset-game/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Fri, 03 Apr 2026 13:01:27 +0000</pubDate>
				<category><![CDATA[持続的注意力]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=4492</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/04/brain-reset-game-thumbnail-02-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ ～16時～ 3分で脳を強制再起動する「3つの脳活 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/04/brain-reset-game-thumbnail-02-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 0.9375rem; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 0.9375rem; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集部員</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>編集長、記事の編集出来ました？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidasikyara-CEO.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集長</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>すまん！！まだですm(__)m</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集部員</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>いつできますか？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidasikyara-CEO.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集長</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>いや、今日中には仕上げる！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集部員</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>今日のいつですか？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidasikyara-CEO.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集長</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>今日の…16時ごろには</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集部員</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>分かりました！ではお願いしますね！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidasikyara-CEO.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集長</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>OK！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidasikyara-CEO.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集長</span></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>最近あたり強いな<br>こっちは打合せにお客様対応にやることがたくさんあるのに…</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="has-text-align-center wp-block-paragraph">～<strong>16時</strong>～</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集部員</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>記事出来ました？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidasikyara-CEO.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集長</span></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>どきっ</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidasikyara-CEO.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集長</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>できたよ！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集部員</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>これ、なんか編集長の自己満記事のように思います！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph"></p>


<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidasikyara-CEO.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集長</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>そう？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集部員</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>もっとこうして、ああして、ここをこの表現で…</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidasikyara-CEO.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集長</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>…</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<figure class="wp-block-image size-full"><img decoding="async" width="800" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/04/編集長の思考停止.webp" alt="" class="wp-image-4498" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/編集長の思考停止.webp 800w, https://memory-coffee.jp/wp-content/uploads/2026/04/編集長の思考停止-300x225.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/編集長の思考停止-768x576.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h2 class="wp-block-heading">3分で脳を強制再起動する「3つの脳活ゲーム」</h2>



<p class="wp-block-paragraph">仕事中、「あれ、何しようとしたんだっけ？」と動きが止まってしまう。 </p>



<p class="wp-block-paragraph">パソコンの前に座っても、まったく良いアイデアが浮かばない…。</p>



<p class="wp-block-paragraph">誰にでも、そんな日はあります（よね？）。<br>実は編集長、今日がまさにその「脳がフリーズした日」でした。</p>



<p class="wp-block-paragraph">無理やりひねり出そうとしても、納得のいく仕事はできません。</p>



<p class="wp-block-paragraph">そんな時、気合いや根性で乗り切ろうとするのは逆効果です。</p>



<p class="wp-block-paragraph"> 脳の回路がショートしかけているなら、一度別の刺激を与えて「再起動」してやるのが一番の近道。</p>



<p class="wp-block-paragraph">そこで今回は、「脳のワーキングメモリ（作業記憶）」を強制的にクリアにする、3つのミニゲームをご用意しました。</p>



<p class="wp-block-paragraph">スマホのまますぐに遊べるので、仕事の合間に3分だけ、頭を切り替えてみませんか？</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h4 class="wp-block-heading">ゲームの遊び方</h4>



<p class="wp-block-paragraph">以下のダッシュボードから、好きなトレーニングを選んでタップしてください。 1プレイ30秒。目標は「5点」です。</p>



<style>
    /* 遊び方説明のカード型スタイル */
    .hopef-game-cards {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin: 30px 0;
        font-family: 'Helvetica Neue', Arial, sans-serif;
    }
    
    .hopef-card {
        background: #f0f8ff; /* 薄水色系（アリスブルー） */
        border-radius: 16px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        padding: 24px;
        /* 左端の太い装飾（border-left）は削除しました */
    }
    
    .hopef-card .hopef-card-title {
        color: #1f2937;
        font-size: 1.3rem; /* 本文1.1remに合わせて調整 */
        font-weight: bold; /* divに変更したため太字を指定 */
        margin-top: 0;
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        border: none;
        padding: 0;
    }
    
    .hopef-card-icon {
        background: #ffffff; /* カード背景が水色なので、アイコンは白背景で際立たせる */
        color: #2563eb;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        font-weight: bold;
        margin-right: 12px;
        flex-shrink: 0;
        box-shadow: 0 2px 5px rgba(0,0,0,0.08); /* アイコンに少し影をつけて立体感を追加 */
    }
    
    .hopef-card p {
        color: #4b5563;
        font-size: 1.1rem; /* スマホ向けに1.1rem指定 */
        line-height: 1.8;
        margin: 0;
    }
</style>

<div class="hopef-game-cards">
    <!-- カード1 -->
    <div class="hopef-card">
        <div class="hopef-card-title"><span class="hopef-card-icon">1</span>ストループ・エフェクト</div>
        <p>画面に出た文字の「意味」に騙されず、<strong>「文字の色」</strong>のボタンを押すゲームです。<br>脳の注意力を切り替える訓練になります。</p>
    </div>

    <!-- カード2 -->
    <div class="hopef-card">
        <div class="hopef-card-title"><span class="hopef-card-icon">2</span>ワーキングメモリ・逆唱</div>
        <p>表示された単語を<strong>「逆から（右から左へ）」</strong>入力してください。<br>頭の中で情報を並べ替える、非常に強力な脳トレです。</p>
    </div>

    <!-- カード3 -->
    <div class="hopef-card">
        <div class="hopef-card-title"><span class="hopef-card-icon">3</span>シリアル・セブンズ</div>
        <p>画面の数字から<strong>「7を引いた数」</strong>を入力し続けるゲームです。<br>医療現場の認知テストでも使われる、集中力のバロメーターです。</p>
    </div>
</div>



<p class="wp-block-paragraph">それでは、準備ができたら下のメニューからどうぞ！</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<style>
    /* HOPEF Brain Game Styles */
    #hopef-brain-game {
        background: #ffffff;
        width: 100%;
        max-width: 100%; /* モバイルベース */
        min-height: 600px;
        border-radius: 24px;
        box-shadow: 0 10px 25px rgba(0,0,0,0.05);
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;
        margin: 20px auto;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        color: #1f2937;
        touch-action: manipulation; /* スマホのタップ遅延を防止 */
    }

    #hopef-brain-game * { box-sizing: border-box; }
    
    #hopef-brain-game .header {
        background: #2563eb; color: white; padding: 20px;
        text-align: center; font-size: 1.35rem; font-weight: bold; letter-spacing: 1px;
    }

    #hopef-brain-game .screen {
        display: none; flex-grow: 1; padding: 30px 20px;
        flex-direction: column; align-items: center; justify-content: center; text-align: center;
        animation: fadeIn 0.3s ease-in-out;
    }
    #hopef-brain-game .screen.active { display: flex; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
    
    #hopef-brain-game .sub-heading { 
        font-size: 1.35rem; 
        font-weight: bold; 
        margin-bottom: 12px; 
        color: #1f2937; 
    }
    
    /* 基本の文字サイズを1.1remに指定 */
    #hopef-brain-game p.desc { color: #6b7280; font-size: 1.1rem; margin-bottom: 30px; line-height: 1.6; }
    
    #hopef-brain-game .menu-btn {
        background: white; border: 2px solid #2563eb; color: #2563eb;
        width: 100%; padding: 18px 15px; margin-bottom: 15px; border-radius: 12px;
        font-size: 1.2rem; font-weight: bold; cursor: pointer; transition: all 0.2s;
        line-height: 1.4;
    }
    #hopef-brain-game .menu-btn small {
        font-size: 0.95rem; display: block; margin-top: 4px;
    }
    #hopef-brain-game .menu-btn:hover { background: #2563eb; color: white; }
    
    #hopef-brain-game .game-info {
        display: flex; justify-content: space-between; width: 100%;
        margin-bottom: 20px; font-size: 1.2rem; font-weight: bold; color: #6b7280;
    }
    
    /* ストループ用 */
    #hopef-brain-game #stroop-word {
        font-size: 4.5rem; font-weight: 900; margin-bottom: 40px; letter-spacing: 2px; line-height: 1.2;
    }
    #hopef-brain-game .color-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; width: 100%; }
    #hopef-brain-game .color-btn {
        padding: 20px 15px; border: none; border-radius: 12px; font-size: 1.3rem;
        font-weight: bold; color: white; cursor: pointer; transition: opacity 0.2s;
    }
    #hopef-brain-game .color-btn:active { transform: scale(0.95); }
    #hopef-brain-game .bg-red { background-color: #ef4444; }
    #hopef-brain-game .bg-blue { background-color: #3b82f6; }
    #hopef-brain-game .bg-green { background-color: #10b981; }
    #hopef-brain-game .bg-yellow { background-color: #eab308; color: #000; }

    /* 3x3 グリッド共通スタイル */
    #hopef-brain-game .grid-3x3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        width: 100%;
        max-width: 320px;
        margin: 0 auto 20px;
    }
    #hopef-brain-game .grid-btn {
        aspect-ratio: 1;
        border: 2px solid #e5e7eb;
        border-radius: 12px;
        background: #fff;
        font-size: 2.5rem;
        font-weight: bold;
        color: #1f2937;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    }
    #hopef-brain-game .grid-btn:active { transform: scale(0.92); } 
    
    /* ステータスカラー */
    #hopef-brain-game .grid-btn.memory-active { background: #3b82f6; border-color: #3b82f6; color: transparent; }
    #hopef-brain-game .grid-btn.memory-correct { background: #10b981; border-color: #10b981; color: white; }
    #hopef-brain-game .grid-btn.memory-wrong { background: #ef4444; border-color: #ef4444; color: white; animation: shake 0.3s; }
    #hopef-brain-game .grid-btn.touched { background: #f3f4f6; color: transparent; border-color: #e5e7eb; pointer-events: none; box-shadow: none; }

    /* 最初の5秒間、チュートリアルでゆったりと動かすアニメーション */
    @keyframes demoWiggle {
        0%, 100% { transform: scale(1); background: #3b82f6; }
        50% { transform: scale(0.9); background: #60a5fa; }
    }
    #hopef-brain-game .grid-btn.memory-demo-active {
        background: #3b82f6;
        border-color: #3b82f6;
        color: transparent;
        /* アニメーション時間を1.5秒にして、焦らせないゆったりした動きに変更 */
        animation: demoWiggle 1.5s infinite ease-in-out;
    }

    @keyframes shake {
        0%, 100% { transform: translateX(0); }
        25% { transform: translateX(-5px); }
        75% { transform: translateX(5px); }
    }
    
    #hopef-brain-game .question-display {
        font-size: 3rem; font-weight: bold; margin-bottom: 20px; color: #2563eb; line-height: 1.2;
    }
    
    #hopef-brain-game .action-btn {
        background: #2563eb; color: white; border: none; padding: 18px 30px;
        border-radius: 12px; font-size: 1.2rem; font-weight: bold; cursor: pointer; width: 100%;
        max-width: 300px; margin: 0 auto; display: block;
    }
    #hopef-brain-game .action-btn:active { transform: scale(0.95); }
    #hopef-brain-game .back-btn { margin-top: 20px; color: #6b7280; text-decoration: underline; cursor: pointer; border: none; background: none; font-size: 1.1rem;}

    /* --- PC向けワイドレイアウト調整 --- */
    @media (min-width: 768px) {
        #hopef-brain-game { max-width: 680px; border-radius: 32px; }
        #hopef-brain-game .screen { padding: 40px 60px; }
        #hopef-brain-game .menu-btn { padding: 24px; font-size: 1.3rem; }
        #hopef-brain-game .grid-3x3 { max-width: 400px; gap: 16px; }
    }
</style>

<div id="hopef-brain-game">
    <div class="header" role="heading" aria-level="2">脳活ゲームダッシュボード</div>
    
    <div id="screen-menu" class="screen active">
        <div class="sub-heading">ゲームを選択</div>
        <p class="desc">1日3分のプレイで、脳のワーキングメモリと<br>注意制御機能をメンテナンスします。</p>
        <button class="menu-btn" onclick="startGame('stroop')">1. ストループ・エフェクト<br><small style="font-weight:normal;">（文字の意味より「色」を選ぶ / 抑制制御）</small></button>
        <button class="menu-btn" onclick="startGame('memory')">2. 瞬間記憶パネル<br><small style="font-weight:normal;">（光った場所をタップ / 空間ワーキングメモリ）</small></button>
        <button class="menu-btn" onclick="startGame('numbers')">3. ナンバーサーチ<br><small style="font-weight:normal;">（1〜9を順番にタップ / 周辺視野・情報処理）</small></button>
    </div>

    <!-- ゲーム1：ストループ -->
    <div id="screen-stroop" class="screen">
        <div class="game-info"><span>Time: <span id="stroop-time">30</span>s</span><span>Score: <span id="stroop-score">0</span></span></div>
        <p class="desc" style="margin-bottom: 15px;">文字の意味ではなく、<br><strong>「文字の色」</strong>を選んでください。</p>
        <div id="stroop-word">あか</div>
        <div class="color-btns">
            <button class="color-btn bg-red" onclick="checkStroop('red')">あか</button>
            <button class="color-btn bg-blue" onclick="checkStroop('blue')">あお</button>
            <button class="color-btn bg-green" onclick="checkStroop('green')">みどり</button>
            <button class="color-btn bg-yellow" onclick="checkStroop('yellow')">きいろ</button>
        </div>
        <button class="back-btn" onclick="showMenu()">中断して戻る</button>
    </div>

    <!-- ゲーム2：瞬間記憶パネル -->
    <div id="screen-memory" class="screen">
        <div class="game-info"><span>Time: <span id="memory-time">30</span>s</span><span>Score: <span id="memory-score">0</span></span></div>
        
        <!-- カウントダウン中の専用表示 -->
        <div id="memory-prep-overlay" style="display:none; margin-bottom: 15px; background: #eff6ff; border: 2px solid #3b82f6; padding: 15px; border-radius: 12px; color: #1e3a8a;">
            <div style="font-size: 1.15rem; font-weight: bold; margin-bottom: 8px;">【ルール説明】</div>
            <p style="margin: 0 0 10px; font-size: 1.05rem; line-height:1.5;">まずは<strong>青く動く3つのマス</strong>を<br>しっかり記憶してください。<br><span style="color:#ef4444; font-weight:bold; font-size: 0.95rem;">※青マスが消えたら、タップできます！</span></p>
            <div style="font-size: 1.2rem; font-weight: bold; color: #2563eb;">スタートまで: <span id="memory-prep-count" style="font-size: 2.2rem; color: #ef4444;">5</span>秒</div>
        </div>

        <!-- 本番中の表示 -->
        <div id="memory-instruction-normal" style="display:none;">
            <p class="desc" style="margin-bottom: 15px;"><strong>青く光った3つの場所</strong>を<br>思い出してタップしてください。</p>
        </div>

        <div class="grid-3x3" id="memory-grid">
            <!-- JSでボタンを生成 -->
        </div>
        <button class="back-btn" onclick="showMenu()">中断して戻る</button>
    </div>

    <!-- ゲーム3：ナンバーサーチ -->
    <div id="screen-numbers" class="screen">
        <div class="game-info"><span>Time: <span id="numbers-time">30</span>s</span><span>Score: <span id="numbers-score">0</span></span></div>
        <p class="desc" style="margin-bottom: 15px;"><strong>1から9まで</strong>順番に<br>素早くタップしてください。</p>
        <div class="grid-3x3" id="numbers-grid">
            <!-- JSでボタンを生成 -->
        </div>
        <button class="back-btn" onclick="showMenu()">中断して戻る</button>
    </div>

    <!-- リザルト画面 -->
    <div id="screen-result" class="screen">
        <div class="sub-heading">タイムアップ！</div>
        <p class="desc">あなたのスコア</p>
        <div class="question-display" id="final-score" style="font-size: 4.5rem;">0</div>
        <p class="desc" id="result-message">素晴らしい集中力です。</p>
        <button class="action-btn" onclick="showMenu()">メニューに戻る</button>
    </div>
</div>

<script>
    let timer;
    let prepTimer; 
    let timeLeft = 30;
    let prepTimeLeft = 5;
    let score = 0;
    let currentGame = '';
    let isTimerStarted = false;

    function showScreen(screenId) {
        document.querySelectorAll('#hopef-brain-game .screen').forEach(el => el.classList.remove('active'));
        document.getElementById(screenId).classList.add('active');
    }

    function showMenu() {
        clearInterval(timer);
        clearInterval(prepTimer); 
        currentGame = ''; 
        isTimerStarted = false;
        showScreen('screen-menu');
    }

    function startTimer(gameType) {
        if(isTimerStarted) return;
        isTimerStarted = true;
        clearInterval(timer);
        timer = setInterval(() => {
            timeLeft--;
            document.getElementById(`${gameType}-time`).textContent = timeLeft;
            if (timeLeft <= 0) {
                endGame();
            }
        }, 1000);
    }

    function startGame(gameType) {
        currentGame = gameType;
        score = 0;
        timeLeft = 30;
        isTimerStarted = false;
        document.getElementById(`${gameType}-score`).textContent = score;
        document.getElementById(`${gameType}-time`).textContent = timeLeft;
        
        showScreen(`screen-${gameType}`);
        
        if(gameType === 'stroop') {
            nextStroop();
            startTimer(gameType);
        }
        if(gameType === 'memory') {
            startMemoryPrep(); 
        }
        if(gameType === 'numbers') {
            nextNumbers();
            startTimer(gameType);
        }
    }

    function endGame() {
        clearInterval(timer);
        clearInterval(prepTimer);
        currentGame = '';
        isTimerStarted = false;
        document.getElementById('final-score').textContent = score;
        let msg = score >= 15 ? "目標達成！素晴らしいスピードと集中力です。" : "まずはゆっくり慣れていきましょう。日々のリフレッシュが大切です。";
        document.getElementById('result-message').textContent = msg;
        showScreen('screen-result');
    }

    // --- 1. ストループ・エフェクト ---
    const colors = [
        { name: 'あか', value: 'red', hex: '#ef4444' },
        { name: 'あお', value: 'blue', hex: '#3b82f6' },
        { name: 'みどり', value: 'green', hex: '#10b981' },
        { name: 'きいろ', value: 'yellow', hex: '#eab308' }
    ];
    let currentStroopColor = '';
    
    function nextStroop() {
        const textObj = colors[Math.floor(Math.random() * colors.length)];
        const colorObj = colors[Math.floor(Math.random() * colors.length)];
        const wordEl = document.getElementById('stroop-word');
        wordEl.textContent = textObj.name;
        wordEl.style.color = colorObj.hex;
        currentStroopColor = colorObj.value;
    }

    function checkStroop(selectedColor) {
        if(!isTimerStarted || timeLeft <= 0) return;
        if (selectedColor === currentStroopColor) {
            score++;
            document.getElementById('stroop-score').textContent = score;
            nextStroop();
        } else {
            timeLeft = Math.max(0, timeLeft - 3); 
            document.getElementById('stroop-time').textContent = timeLeft;
        }
    }

    // --- 2. 瞬間記憶パネル (マトリックス) ---
    let memorySequence = [];
    let memoryClicks = 0;
    let isMemorizing = false;

    // ゲーム2を開始した直後（5秒間のチュートリアル）
    function startMemoryPrep() {
        // 表示をチュートリアル用に切り替え
        document.getElementById('memory-prep-overlay').style.display = 'block';
        document.getElementById('memory-instruction-normal').style.display = 'none';
        
        const grid = document.getElementById('memory-grid');
        grid.innerHTML = '';
        for(let i=0; i<9; i++) {
            const btn = document.createElement('button');
            btn.type = 'button';
            btn.className = 'grid-btn';
            btn.onclick = () => checkMemory(i, btn);
            grid.appendChild(btn);
        }

        // 最初のパターンを生成
        let arr = [0,1,2,3,4,5,6,7,8];
        arr.sort(() => Math.random() - 0.5);
        memorySequence = arr.slice(0, 3);

        const btns = document.querySelectorAll('#memory-grid .grid-btn');
        memorySequence.forEach(idx => {
            // 細かく動く専用のクラスを付与
            btns[idx].classList.add('memory-demo-active');
        });

        prepTimeLeft = 5;
        document.getElementById('memory-prep-count').textContent = prepTimeLeft;
        isMemorizing = true; // 準備中はタップ無効

        prepTimer = setInterval(() => {
            prepTimeLeft--;
            document.getElementById('memory-prep-count').textContent = prepTimeLeft;
            
            if (prepTimeLeft <= 0) {
                clearInterval(prepTimer);
                
                // 表示を本番用に切り替え
                document.getElementById('memory-prep-overlay').style.display = 'none';
                document.getElementById('memory-instruction-normal').style.display = 'block';
                
                // パネルのヒントを消す
                btns.forEach(btn => btn.classList.remove('memory-demo-active'));
                
                isMemorizing = false;
                startTimer('memory'); // ここで初めて30秒のタイマーがスタート
            }
        }, 1000);
    }

    // 本番中（2問目以降）のパターン生成
    function nextMemory() {
        if(currentGame !== 'memory') return;
        isMemorizing = true;
        memoryClicks = 0;
        const btns = document.querySelectorAll('#memory-grid .grid-btn');
        btns.forEach(btn => btn.className = 'grid-btn'); 

        let arr = [0,1,2,3,4,5,6,7,8];
        arr.sort(() => Math.random() - 0.5);
        memorySequence = arr.slice(0, 3);

        memorySequence.forEach(idx => {
            btns[idx].classList.add('memory-active');
        });

        setTimeout(() => {
            if(currentGame !== 'memory') return;
            btns.forEach(btn => btn.classList.remove('memory-active'));
            isMemorizing = false;
        }, 1000); // 本番中は1秒だけ見せる
    }

    function checkMemory(index, btn) {
        if (!isTimerStarted || isMemorizing || btn.classList.contains('memory-correct') || timeLeft <= 0) return;

        if (memorySequence.includes(index)) {
            btn.classList.add('memory-correct');
            memoryClicks++;
            score++;
            document.getElementById('memory-score').textContent = score;

            if (memoryClicks === memorySequence.length) {
                isMemorizing = true; 
                setTimeout(nextMemory, 500); 
            }
        } else {
            btn.classList.add('memory-wrong');
            timeLeft = Math.max(0, timeLeft - 3);
            document.getElementById('memory-time').textContent = timeLeft;
            isMemorizing = true; 
            setTimeout(nextMemory, 800); 
        }
    }

    // --- 3. ナンバーサーチ (1〜9タップ) ---
    let currentNumber = 1;

    function nextNumbers() {
        currentNumber = 1;
        let arr = [1,2,3,4,5,6,7,8,9];
        arr.sort(() => Math.random() - 0.5);
        
        const grid = document.getElementById('numbers-grid');
        grid.innerHTML = ''; 
        
        arr.forEach(num => {
            const btn = document.createElement('button');
            btn.type = 'button';
            btn.className = 'grid-btn';
            btn.textContent = num;
            btn.onclick = () => checkNumber(num, btn);
            grid.appendChild(btn);
        });
    }

    function checkNumber(num, btn) {
        if(!isTimerStarted || timeLeft <= 0) return;
        if (num === currentNumber) {
            btn.classList.add('touched');
            score++;
            document.getElementById('numbers-score').textContent = score;
            currentNumber++;
            if (currentNumber > 9) {
                score += 5; 
                document.getElementById('numbers-score').textContent = score;
                setTimeout(nextNumbers, 300);
            }
        } else {
            btn.classList.add('memory-wrong');
            setTimeout(() => btn.classList.remove('memory-wrong'), 300);
            timeLeft = Math.max(0, timeLeft - 3);
            document.getElementById('numbers-time').textContent = timeLeft;
        }
    }
</script>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">脳を刺激すれば、パフォーマンスは上がる</h2>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集部員</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>編集長、ゲームですか？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidasikyara-CEO.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集長</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>こういうのも面白くていいだろ？たまには</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidasikyara-CEO.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集長</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>ちなみにやってみてどうだった？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集部員</span></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>…こんなの簡単ですよ！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集部員</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>ストループ・エフェクトで<strong>スコア18</strong>を出しました！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidasikyara-CEO.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集長</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>お！すごいじゃん！！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidasikyara-CEO.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集長</span></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>私はストループ・エフェクトで<strong>スコア32</strong>を出したけどな</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<figure class="wp-block-image size-full"><img decoding="async" width="800" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/04/LP-FV-800-x-600-px-5.jpg" alt="" class="wp-image-4499" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/LP-FV-800-x-600-px-5.jpg 800w, https://memory-coffee.jp/wp-content/uploads/2026/04/LP-FV-800-x-600-px-5-300x225.jpg 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/LP-FV-800-x-600-px-5-768x576.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">お疲れ様でした！あなたスコアはいかがでしたか？</p>



<p class="wp-block-paragraph">筋トレと同じで、脳も「普段使わない部分」を動かすことで鍛えられ、より柔軟になっていきます。</p>



<p class="wp-block-paragraph">点数が高かった方も低かった方も、この3分間は仕事のモヤモヤから離れ、目の前のことに100%集中できたはずです。</p>



<p class="wp-block-paragraph">頭がスッキリしたら、温かいコーヒーでも淹れて、香りを楽しみながらもうひと頑張りするのもいいですね。<br><strong>（手前味噌ですが、こんな「脳のコンディショニング」を毎日のポジティブな習慣にするために、「Memory Coffee」を提供してます）</strong></p>



<p class="wp-block-paragraph">このゲームを皮切りにリフレッシュした頭脳で仕事に立ち向かっていただければ幸いです！</p>



<style>
/* Memory Coffee プレミアム・サファイアバナー（PC最適化＆強制上書き版） */
.mc-jewel-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  margin: 3em 0 !important;
  padding: 12px 24px !important; /* 左右の余白を少し詰めて空間を確保 */
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", serif;
  
  /* サファイアブルーの深層グラデーション背景 */
  background: radial-gradient(circle at center, #0047AB 0%, #002147 100%);
  
  /* 1pxの琥珀色の細い境界線 */
  border: 1px solid rgba(197, 160, 89, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 15px rgba(197, 160, 89, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 微細なコーヒー豆のテクスチャ（オーバーレイ） */
.mc-jewel-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c5 0 8-4 8-8s-3-8-8-8-8 4-8 8 3 8 8 8z' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  pointer-events: none;
}

/* ホバー時の宝石のような輝きの変化 */
.mc-jewel-banner:hover {
  transform: translateY(-3px);
  border-color: #FFBF00;
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 0 25px rgba(255, 191, 0, 0.2);
}

/* 左側：ロゴ・フレームエリア */
.mc-jb-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important; /* 少し間隔を詰めて横幅を節約 */
  z-index: 2;
}
.mc-jb-logo-frame {
  position: relative;
  padding: 6px;
  border: 1.5px solid #C5A059;
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}
/* 湯気・ミストの演出（ぼかし光） */
.mc-jb-logo-frame::after {
  content: "";
  position: absolute;
  top: -10px; left: 50%;
  width: 40px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(197,160,89,0.4) 0%, transparent 70%);
  filter: blur(8px);
  transform: translateX(-50%);
  animation: jbSteam 4s infinite alternate;
}
@keyframes jbSteam {
  from { opacity: 0.3; transform: translateX(-50%) translateY(0); }
  to { opacity: 0.6; transform: translateX(-50%) translateY(-5px); }
}
.mc-jb-logo-frame img {
  max-height: 44px !important;
  width: auto !important;
  display: block;
  filter: drop-shadow(0 0 5px rgba(197,160,89,0.5));
}

/* 中央：テキストエリア（縦並びに変更して窮屈さを解消） */
.mc-jb-center {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important; /* バッジとテキストを縦に配置 */
  align-items: flex-start !important; /* 左寄せ */
  justify-content: center !important;
  padding: 0 24px !important;
  gap: 6px !important;
  z-index: 2;
}
.mc-jb-badge {
  background: #C5A059;
  border: 1px solid #FFD700;
  color: #1e2147;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 0 !important; /* 縦並びのため右マージンをリセット */
  white-space: nowrap !important;
  display: inline-block !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mc-jb-text {
  color: #ffffff !important;
  font-size: 1.15em !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  white-space: nowrap !important; /* 意図しない改行を完全に防ぐ */
}

/* 右側：鮮やかなピュアオレンジのジュエルボタン */
.mc-jb-btn {
  background: linear-gradient(145deg, #FF8A00 0%, #FF5E00 50%, #DF4A00 100%) !important;
  border: 1px solid #FFAD33 !important;
  padding: 10px 24px !important; /* 横幅を節約 */
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 5px 15px rgba(223, 74, 0, 0.4), inset 0 2px 2px rgba(255,255,255,0.4) !important;
  position: relative;
  overflow: hidden;
  z-index: 2;
  white-space: nowrap !important; /* ボタン内の文字落ちを防ぐ */
}
/* ボタン上の光の走査（宝石の輝き） */
.mc-jb-btn::after {
  content: '';
  position: absolute;
  top: -50%; left: -100%;
  width: 50%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
  transform: rotate(30deg);
  animation: jbBtnShine 3s infinite;
}
@keyframes jbBtnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.mc-jb-btn-text {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.95em !important;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-jewel-banner { flex-direction: column !important; gap: 20px !important; padding: 25px !important; text-align: center !important; }
  .mc-jb-logo-frame { border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 15px !important; }
  .mc-jb-center { align-items: center !important; padding: 0 !important; gap: 12px !important; }
  .mc-jb-text { text-align: center !important; }
  .mc-jb-btn { width: 100% !important; justify-content: center !important; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-jewel-banner">
  
  <div class="mc-jb-left">
    <div class="mc-jb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-jb-center">
    <div class="mc-jb-badge">機能性表示食品</div>
    <p class="mc-jb-text">
      200mgのGABAを1杯に<br>コーヒーで手軽に機能ケア
    </p>
  </div>

  <div class="mc-jb-btn">
    <span class="mc-jb-btn-text">Memory Coffeeを詳しくみる ▶︎</span>
  </div>

</a>



<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&#038;family=Noto+Serif+JP:wght@400;700&#038;display=swap" rel="stylesheet">
<style>
.mc2-outer, .mc2-outer *, .mc2-outer *::before, .mc2-outer *::after { box-sizing: border-box; }

.mc2-outer {
  width: 100%;
  padding: 24px 0 32px;
}
.mc2-wrap { width: 100%; max-width: 920px; margin: 0 auto; }

.mc2-coupon-bar {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12.5px; font-weight: 700;
  color: #3A2FB0; text-align: center;
  margin: 0 0 10px; letter-spacing: .08em;
}

.mc2-card {
  position: relative;
  display: flex; align-items: stretch;
  text-decoration: none; border-radius: 16px; overflow: hidden;
  background: linear-gradient(120deg, #090640 0%, #1714A0 60%, #0C0965 100%);
  box-shadow: 0 8px 40px rgba(9,6,64,.5), 0 2px 12px rgba(23,20,160,.3);
  transition: transform .25s ease, box-shadow .25s ease;
  min-height: 148px;
}
.mc2-card::after {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none; z-index: 0;
}
.mc2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 52px rgba(9,6,64,.65), 0 4px 20px rgba(23,20,160,.4);
}

.mc2-brand {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 8px;
  padding: 22px 26px;
  background: rgba(0,0,0,.2);
  border-right: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
}
.mc2-amz-pill {
  background: #fff; border-radius: 6px;
  padding: 8px 18px;
  display: inline-flex; align-items: center;
  align-self: flex-start;
}
.mc2-amz-logo { height: 44px; width: auto; display: block; }
.mc2-name {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.375rem; font-weight: 700;
  color: #fff; margin: 0;
  white-space: nowrap; letter-spacing: .03em;
}
.mc2-tagline {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5);
  margin: 0; letter-spacing: .06em;
}

.mc2-mid {
  position: relative; z-index: 1;
  flex: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 14px;
  padding: 20px 28px;
}
.mc2-benefit {
  padding-left: 12px;
  border-left: 2px solid rgba(255,255,255,.22);
}
.mc2-benefit-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px; font-weight: 500;
  color: #fff; margin: 0 0 3px;
}
.mc2-benefit-sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5); margin: 0;
}

.mc2-right {
  position: relative; z-index: 1;
  flex-shrink: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 10px; padding: 24px 28px;
  border-left: 1px solid rgba(255,255,255,.06);
}
.mc2-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #E82020, #C41010);
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.875rem; font-weight: 700;
  padding: 13px 26px; border-radius: 30px;
  white-space: nowrap; letter-spacing: .04em;
  box-shadow: 0 3px 16px rgba(200,16,16,.45);
  transition: box-shadow .2s ease;
}
.mc2-card:hover .mc2-btn {
  box-shadow: 0 6px 26px rgba(200,16,16,.7);
}
.mc2-note {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9.5px; color: rgba(255,255,255,.35);
  margin: 0; text-align: center;
}

@media (max-width: 680px) {
  .mc2-outer { padding: 20px 0 28px; }
  .mc2-card { flex-direction: column; }
  .mc2-brand {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 20px 20px 16px;
  }
  .mc2-amz-pill { align-self: center; }
  .mc2-name { font-size: 1.25rem; white-space: normal; text-align: center; }
  .mc2-tagline { text-align: center; }
  .mc2-mid { padding: 16px 20px; gap: 12px; }
  .mc2-right {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 16px 20px 20px;
  }
  .mc2-btn { width: 100%; justify-content: center; font-size: 0.9375rem; }
  .mc2-note { white-space: normal; }
}
</style>

<div class="mc2-outer">
  <div class="mc2-wrap">

    <p class="mc2-coupon-bar">＼ 期間限定１７%OFF ／</p>

    <a href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener" class="mc2-card">

      <div class="mc2-brand">
        <div class="mc2-amz-pill">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" class="mc2-amz-logo">
        </div>
        <p class="mc2-name">Memory Coffee</p>
        <p class="mc2-tagline">記憶力を維持するGABA×コーヒー</p>
      </div>

      <div class="mc2-mid">
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Prime対応・最短翌日お届け</p>
          <p class="mc2-benefit-sub">お急ぎ便でいつでも手軽にお手元に</p>
        </div>
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Amazonのレビューで購入前に確認</p>
          <p class="mc2-benefit-sub">実際に飲んだ方の声を参考にできる</p>
        </div>
      </div>

      <div class="mc2-right">
        <div class="mc2-btn">
          17%OFFで購入する
          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <path d="M5 12H19M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </div>
        <p class="mc2-note"></p>
      </div>

    </a>

  </div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">よくある質問</h2>



<style>
    /* HOPEF FAQ Styles */
    .hopef-faq-container {
        margin: 40px 0;
        font-family: 'Helvetica Neue', Arial, sans-serif;
    }
    .hopef-faq-title {
        font-size: 1.5rem;
        color: #1f2937;
        margin-bottom: 24px;
        border-bottom: 2px solid #e5e7eb;
        padding-bottom: 12px;
    }
    .hopef-faq-item {
        margin-bottom: 20px;
        background: #f9fafb;
        border-radius: 12px;
        padding: 20px 24px;
        /* 左端の太アウトラインを削除しました */
    }
    .hopef-faq-q {
        font-weight: bold;
        color: #1f2937;
        font-size: 1.2rem; /* Aの文字サイズに合わせて1.2remに微調整 */
        margin-bottom: 12px;
        display: flex;
        align-items: flex-start;
        line-height: 1.5;
    }
    .hopef-faq-q span.icon {
        color: #2563eb;
        margin-right: 10px;
        font-size: 1.3rem; /* アイコンも少し拡大 */
        flex-shrink: 0;
    }
    .hopef-faq-a {
        color: #4b5563;
        line-height: 1.8;
        margin: 0;
        display: flex;
        align-items: flex-start;
        font-size: 1.1rem; /* 本文を1.1remに指定 */
    }
    .hopef-faq-a span.icon {
        color: #6b7280;
        font-weight: bold;
        margin-right: 10px;
        font-size: 1.2rem;
        flex-shrink: 0;
        padding-top: 2px; /* 1.1remのテキストと高さを合わせるための微調整 */
    }
</style>

<div class="hopef-faq-container">
    <div class="hopef-faq-item">
        <div class="hopef-faq-q"><span class="icon">Q.</span>なぜゲームが脳活に繋がるのですか？</div>
        <div class="hopef-faq-a"><span class="icon">A.</span><div>普段の仕事で使っている「論理的思考」の回路を一度ストップさせ、代わりに「注意の切り替え」や「短期記憶」という別の回路を強制的に動かすことができるからです。ずっと同じ筋肉を使って凝り固まった脳に、別の角度からストレッチをかけて血流を促すような効果があります。</div></div>
    </div>

    <div class="hopef-faq-item">
        <div class="hopef-faq-q"><span class="icon">Q.</span>ゲーム以外で脳をリフレッシュする方法は？</div>
        <div class="hopef-faq-a"><span class="icon">A.</span><div>「PCやスマホの画面から目を離すこと」が大前提です。その上で、「1分間だけ外の空気を吸いながら歩く」や「温かい飲み物の香りをじっくり嗅いで深呼吸する」など、視覚以外の五感（嗅覚や触覚）を刺激することが非常に有効です。</div></div>
    </div>

    <div class="hopef-faq-item">
        <div class="hopef-faq-q"><span class="icon">Q.</span>ゲームで完全に脳はリフレッシュできるんですか？</div>
        <div class="hopef-faq-a"><span class="icon">A.</span><div>結論から言うと、ゲームだけでは「完全なリフレッシュ」には至りません。これはあくまで一時的な「脳の換気」です。本当に脳の疲労をとり、良いアイデアを生み出すには、潔く仕事から離れて質の高い休息をとるしかありません。「今日はもうダメだ」と思ったら中途半端に粘らず、スパッと休む。それが明日、100点の仕事を出すための最大の秘訣です。</div></div>
    </div>
</div>

<!-- SEO対策用 JSON-LD (FAQPage) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "なぜゲームが脳活に繋がるのですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "普段の仕事で使っている「論理的思考」の回路を一度ストップさせ、代わりに「注意の切り替え」や「短期記憶」という別の回路を強制的に動かすことができるからです。ずっと同じ筋肉を使って凝り固まった脳に、別の角度からストレッチをかけて血流を促すような効果があります。"
      }
    },
    {
      "@type": "Question",
      "name": "ゲーム以外で脳をリフレッシュする方法は？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "「PCやスマホの画面から目を離すこと」が大前提です。その上で、「1分間だけ外の空気を吸いながら歩く」や「温かい飲み物の香りをじっくり嗅いで深呼吸する」など、視覚以外の五感（嗅覚や触覚）を刺激することが非常に有効です。"
      }
    },
    {
      "@type": "Question",
      "name": "ゲームで完全に脳はリフレッシュできるんですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "結論から言うと、ゲームだけでは「完全なリフレッシュ」には至りません。これはあくまで一時的な「脳の換気」です。本当に脳の疲労をとり、良いアイデアを生み出すには、潔く仕事から離れて質の高い休息をとるしかありません。「今日はもうダメだ」と思ったら中途半端に粘らず、スパッと休む。それが明日、100点の仕事を出すための最大の秘訣です。"
      }
    }
  ]
}
</script>



<style>
.inline-divider{display:flex;align-items:center;gap:8px;margin:28px 0 12px;}
.inline-divider-line{flex:1;height:1px;background:#e2dbd0;}
.inline-divider-text{font-size:10px;font-weight:700;letter-spacing:0.1em;color:#b09060;white-space:nowrap;}
.inline-card{display:flex;flex-direction:column;background:#faf7f2;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.inline-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.inline-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.inline-card-body{display:flex;align-items:center;gap:10px;padding:12px 14px;}
.inline-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.inline-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;}
.inline-card-arrow{width:28px;height:28px;background:#c4993a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;margin-left:auto;}
</style>

<div class="inline-divider">
  <div class="inline-divider-line"></div>
  <div class="inline-divider-text">この記事と一緒に読む</div>
  <div class="inline-divider-line"></div>
</div>
<a class="inline-card" href="https://memory-coffee.jp/magazine/brain-health-habit-if-then/">
  <div class="inline-card-img">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/brain-habit-system-eyecatch-02.webp" alt="意思に頼らず脳活を続ける仕組み">
  </div>
  <div class="inline-card-body">
    <div style="flex:1;min-width:0;">
      <div class="inline-card-tag">習慣化</div>
      <div class="inline-card-title">意思に頼らず脳活を続ける仕組み</div>
    </div>
    <div class="inline-card-arrow">›</div>
  </div>
</a>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "なぜゲームが脳活に繋がるのですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "普段の仕事で使っている「論理的思考」の回路を一度ストップさせ、代わりに「注意の切り替え」や「短期記憶」という別の回路を強制的に動かすことができるからです。ずっと同じ筋肉を使って凝り固まった脳に、別の角度からストレッチをかけて血流を促すような効果があります。"
      }
    },
    {
      "@type": "Question",
      "name": "ゲーム以外で脳をリフレッシュする方法は？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "「PCやスマホの画面から目を離すこと」が大前提です。その上で、「1分間だけ外の空気を吸いながら歩く」や「温かい飲み物の香りをじっくり嗅いで深呼吸する」など、視覚以外の五感（嗅覚や触覚）を刺激することが非常に有効です。"
      }
    },
    {
      "@type": "Question",
      "name": "ゲームで完全に脳はリフレッシュできるんですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "結論から言うと、ゲームだけでは「完全なリフレッシュ」には至りません。これはあくまで一時的な「脳の換気」です。本当に脳の疲労をとり、良いアイデアを生み出すには、潔く仕事から離れて質の高い休息をとるしかありません。「今日はもうダメだ」と思ったら中途半端に粘らず、スパッと休む。それが明日、100点の仕事を出すための最大の秘訣です。"
      }
    }
  ]
}
</script>



<style>
.end-section{background:#f7f4ee;border-top:1px solid #e5dece;padding:24px 20px 28px;margin-top:40px;}
.end-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.end-header-bar{width:3px;height:18px;background:#c4993a;border-radius:2px;flex-shrink:0;}
.end-header-text{font-size:13px;font-weight:700;color:#1a1a1a;}
.end-cards{display:flex;flex-direction:column;gap:12px;}
.end-card{display:block;background:#fff;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.end-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.end-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.end-card-body{padding:12px 14px 14px;}
.end-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.end-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
</style>

<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">
    <a class="end-card" href="https://memory-coffee.jp/magazine/human-brain-mechanism-guide/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/04/human-brain-structure-roles-guide.webp" alt="海馬・前頭葉…脳の全パーツを図解">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">脳の仕組み</div>
        <div class="end-card-title">海馬・前頭葉…脳の全パーツを図解</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/brain-maintenance-gaba/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/brain-maintenance-gaba-thumbnail-02.webp" alt="脳の夜間メンテを最大化するGABA">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">GABA × 睡眠</div>
        <div class="end-card-title">脳の夜間メンテを最大化するGABA</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/gaba-caffeine-synergy/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/gaba-caffeine-synergy-thumbnail-02.webp" alt="カフェインとGABAは相殺しない理由">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">GABA × 脳科学</div>
        <div class="end-card-title">カフェインとGABAは相殺しない理由</div>
      </div>
    </a>
  </div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="author-box-container">
    
    <div class="author-box-top-border"></div>
    
    <div class="author-box-content">
        <div class="author-logo">
            <div class="author-logo-inner">
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" loading="lazy">
            </div>
        </div>

        <div class="author-text">
            <div class="author-title-wrap">
                <span class="author-badge">著者</span>
                <!-- h4ではなく、ただのdivに変更 -->
                <div class="author-title">メモコーマガジン編集部</div>
            </div>
            <p class="author-desc">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に、客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div class="author-box-footer">
        <p class="author-footer-text">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
    
</div>

<style>
/* 全体コンテナ */
.author-box-container {
    width: 100%;
    max-width: 700px;
    margin: 40px auto;
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
    box-sizing: border-box;
}

/* 上部のアクセントライン */
.author-box-top-border {
    height: 5px;
    background: linear-gradient(to right, #1A2A40, #C5A059);
}

/* メインコンテンツエリア */
.author-box-content {
    padding: 32px 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* ロゴ部分 */
.author-logo {
    flex: 0 0 80px;
    margin-right: 24px;
}

.author-logo-inner {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 2px solid #f0f4f7;
    overflow: hidden;
    background: #f4f7f9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.author-logo-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* テキスト部分 */
.author-text {
    flex: 1;
    min-width: 250px;
}

.author-title-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px;
    gap: 10px;
}

.author-badge {
    font-size: 0.875rem;
    font-weight: bold;
    background: #1A2A40;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* divになったので、テーマリセット（!important等）は不要になりスッキリ */
.author-title {
    font-size: 1.25rem;
    color: #1A2A40;
    font-weight: bold;
    white-space: nowrap;
    margin: 0;
}

.author-desc {
    margin: 0;
    font-size: 0.9375rem;
    color: #444444;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-character;
}

.author-desc b {
    color: #1A2A40;
}

/* フッター（注記）部分 */
.author-box-footer {
    background: #f9f9f9;
    padding: 16px 24px;
    border-top: 1px solid #eee;
}

.author-footer-text {
    margin: 0;
    font-size: 13px;
    color: #666666;
    line-height: 1.6;
}

/* スマホ対応 */
@media screen and (max-width: 600px) {
    .author-box-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 24px 16px;
    }
    .author-logo {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .author-logo-inner {
        width: 80px;
        height: 80px;
    }
    .author-text {
        text-align: center;
    }
    .author-title-wrap {
        justify-content: center;
        margin-bottom: 16px;
    }
    .author-title {
        font-size: 1.125rem;
    }
    .author-desc {
        font-size: 0.9375rem;
        text-align: left;
    }
    .author-box-footer {
        padding: 16px;
    }
}
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 0.875rem; color: #333; border: 1px solid #ddd;">
        <tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ（お邪魔虫）消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【完全版】脳の仕組みと「スマホ脳」の処方箋：10年後も冴えわたる自分を創る科学的習慣</title>
		<link>https://memory-coffee.jp/magazine/modern-brain-digital-overload/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Wed, 25 Mar 2026 13:18:09 +0000</pubDate>
				<category><![CDATA[持続的注意力]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=4307</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/smartphone-brain-digital-overload-02-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ この記事のポイント なぜ「スマホが視界にあるだけ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/smartphone-brain-digital-overload-02-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 0.9375rem; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 0.9375rem; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 0.875rem; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<div class="memory-summary-box">
  <div class="memory-summary-title">この記事のポイント</div>
  <ul class="memory-summary-list">
    <li>なぜ<span class="memory-summary-highlight">「スマホが視界にあるだけ」で集中力が落ちるのか</span>、その科学的な理由と対策</li>
    <li>年齢に関係なく、<span class="memory-summary-highlight">脳のネットワーク（回路）を新しく育て、強化できる</span>という事実</li>
    <li>脳をデジタル疲れから守り、パフォーマンスを最大化する<span class="memory-summary-highlight">「守りと攻め」の5つの習慣</span></li>
  </ul>
</div>

<style>
/* ボックス全体 */
.memory-summary-box {
  background-color: #f2f7fb !important; 
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.6) 2px,
    transparent 2px,
    transparent 8px
  ) !important;
  border: 1px solid #e1e9f0 !important;
  border-radius: 6px !important;
  padding: 2.5em 2em !important;
  margin: 2em 0 3em 0 !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important;
  position: relative !important;
  overflow: hidden !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
  box-sizing: border-box !important;
}

/* 透かし文字（POINT） */
.memory-summary-box::after {
  content: "POINT" !important;
  position: absolute !important;
  bottom: -15px !important;
  right: 0px !important;
  font-size: 5em !important;
  font-weight: 800 !important;
  color: rgba(37, 99, 235, 0.04) !important;
  line-height: 1 !important;
  pointer-events: none !important;
  letter-spacing: -0.02em !important;
  z-index: 1 !important;
}

/* タイトル */
.memory-summary-title {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 1.5em !important;
  display: flex !important;
  align-items: center !important;
  letter-spacing: 0.08em !important;
  position: relative !important;
  z-index: 2 !important;
}
.memory-summary-title::before {
  content: '💡' !important;
  display: inline-block !important;
  margin-right: 12px !important;
  font-size: 1.1em !important;
  line-height: 1 !important;
}

/* 箇条書きリスト */
.memory-summary-list {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* リストテキスト */
.memory-summary-list li {
  position: relative !important;
  padding-left: 2em !important;
  margin-bottom: 1.2em !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  font-size: 1.05rem !important;
  letter-spacing: 0.03em !important;
  font-weight: 500 !important;
}

/* チェックマーク */
.memory-summary-list li::before {
  content: '✓' !important;
  position: absolute !important;
  left: 0 !important;
  top: -0.1em !important;
  color: #2563eb !important;
  font-weight: bold !important;
  font-size: 1.3em !important;
}
.memory-summary-list li:last-child { 
  margin-bottom: 0 !important; 
}

/* マーカーハイライト */
.memory-summary-highlight {
  color: #1a1a1a !important;
  font-weight: 800 !important;
  /* ↓ 透過度60%の黄色に変更しました */
  background: linear-gradient(transparent 65%, rgba(255, 235, 59, 0.6) 0) !important;
}

/* スマホ表示最適化 */
@media (max-width: 600px) {
  .memory-summary-box { 
    padding: 1.5em 1.2em !important; 
    margin: 1.5em 0 2em 0 !important; 
  }
  .memory-summary-title { 
    margin-bottom: 1.2em !important; 
    font-size: 1.25rem !important; 
  }
  .memory-summary-list li { 
    padding-left: 1.7em !important; 
    margin-bottom: 1em !important; 
    line-height: 1.7 !important; 
    font-size: 1.15rem !important; 
  }
  .memory-summary-box::after { 
    font-size: 3.5em !important; 
    bottom: -10px !important; 
    right: -5px !important; 
  }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">私たちの脳は、デジタル・ジャングルを彷徨っている…。</p>



<p class="has-text-align-left wp-block-paragraph">現代社会は、<strong><span class="swl-marker mark_yellow">人類史上かつてないほどの「情報過多」の荒波の中にあります。</span></strong></p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/03/digital-jungle-1024x576.webp" alt="" class="wp-image-4316" srcset="https://memory-coffee.jp/wp-content/uploads/2026/03/digital-jungle-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/03/digital-jungle-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/03/digital-jungle-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/03/digital-jungle.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-05.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>あのひとに返事返さなきゃ</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="red"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-06.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>ショート動画おもしろー</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-04.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>あの人、投稿したかな？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">現代人の脳は1日に、平安時代の人が一生で受け取る情報量、江戸時代の人の1年分の情報量を処理していると言われています。</p>



<p class="wp-block-paragraph">スマートフォンの絶え間ない通知、SNSの奔流、そして終わりのないタスク…。</p>



<p class="wp-block-paragraph">私たちの脳は、24時間365日のフル稼働を強いられ、静かに、しかし確実に悲鳴を上げています。</p>



<p class="wp-block-paragraph">「集中力が続かず、気づくとスマホを触っている」</p>



<p class="wp-block-paragraph"><strong>「しっかり寝たつもりなのに、頭が重い」</strong></p>



<p class="wp-block-paragraph"><strong>「最近、人の名前がすぐに出てこない」</strong></p>



<p class="wp-block-paragraph">もし、あなたがそう感じているなら、それはあなたの能力や気合が足りないせいではありません。</p>



<p class="wp-block-paragraph">重さわずか1.5kg、されど宇宙の星々にも匹敵する複雑さを持つ「脳」という精密機器の「仕組み」と「限界」を正しく理解することで、現代の波を上手に乗りこなすことができるかもしれません。</p>



<p class="wp-block-paragraph">本記事では、脳の基本構造から、現代特有の負荷である「スマホ脳」の科学的根拠、そしてエビデンスに基づいた「脳ケア習慣」を徹底解説します。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">1,000億のネットワーク│ニューロンとシナプスが紡ぐ思考の正体</h2>



<p class="wp-block-paragraph">まずは「脳の仕組み」についてみていきましょう。</p>



<p class="wp-block-paragraph">私たちの脳内には、<strong><span class="swl-marker mark_yellow">約1,000億個もの神経細胞（ニューロン）が存在します。</span></strong></p>



<p class="wp-block-paragraph">これらが銀河系のようなネットワークを形成し、電気信号を送り合うことで、私たちは考え、感じ、行動しています。</p>



<h3 class="wp-block-heading">脳内の「郵便屋さん」：神経伝達物質とシナプスの驚異</h3>



<p class="wp-block-paragraph">ニューロン同士は直接つながっているわけではありません。</p>



<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow">「シナプス」</span></strong>と呼ばれる、わずか20ナノメートル（1ミリの5万分の1）ほどの目に見えない隙間が開いており、情報はここを「飛び越えて」伝わっていきます。</p>



<p class="wp-block-paragraph">この隙間で行われる情報伝達は、まさに「電気信号」から「化学物質」への華麗なリレーです。</p>



<style>
  /* 既存のアニメーション用スタイル */
  .synapse-wrapper {
    width: 100%;
    max-width: 600px;
    margin: 2rem auto;
    background: #1a202c;
    border-radius: 12px;
    padding: 2rem;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #e2e8f0;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    overflow: hidden;
  }
  .synapse-title {
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
    letter-spacing: 1px;
    color: #fbd38d;
  }
  .synapse-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }
  .neuron {
    flex: 1;
    height: 80px;
    background: #2d3748;
    border-radius: 40px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #4a5568;
    z-index: 2;
  }
  .neuron-text {
    font-size: 0.85rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
  }
  .neuron-text span {
    color: #fbd38d;
    font-size: 0.75rem;
  }
  .electric-pulse {
    position: absolute;
    width: 20px;
    height: 60px;
    background: rgba(251, 211, 141, 0.8);
    box-shadow: 0 0 15px #fbd38d;
    border-radius: 10px;
    opacity: 0;
  }
  .pulse-left {
    left: 10%;
    animation: moveElectricLeft 4s infinite linear;
  }
  .pulse-right {
    left: 10%;
    animation: moveElectricRight 4s infinite linear;
  }
  .synapse-gap {
    width: 120px;
    height: 100px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .gap-text {
    font-size: 0.8rem;
    text-align: center;
    margin-bottom: 10px;
    color: #a0aec0;
  }
  .neurotransmitters {
    position: relative;
    width: 100%;
    height: 40px;
  }
  .nt-particle {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #f6ad55;
    border-radius: 50%;
    box-shadow: 0 0 8px #f6ad55;
    opacity: 0;
  }
  .nt-1 { top: 5px; left: 10px; animation: moveChemical 4s infinite 1.5s linear; }
  .nt-2 { top: 20px; left: 10px; animation: moveChemical 4s infinite 1.7s linear; }
  .nt-3 { top: 12px; left: 10px; animation: moveChemical 4s infinite 1.9s linear; }

  @keyframes moveElectricLeft {
    0% { transform: translateX(-20px); opacity: 0; }
    10% { opacity: 1; }
    30% { transform: translateX(80px); opacity: 1; }
    35% { transform: translateX(100px); opacity: 0; }
    100% { opacity: 0; }
  }
  @keyframes moveChemical {
    0% { transform: translateX(0); opacity: 0; }
    10% { opacity: 1; }
    40% { transform: translateX(80px); opacity: 1; }
    50% { transform: translateX(100px); opacity: 0; }
    100% { opacity: 0; }
  }
  @keyframes moveElectricRight {
    0% { opacity: 0; transform: translateX(-20px); }
    55% { opacity: 0; transform: translateX(-20px); }
    60% { opacity: 1; }
    85% { transform: translateX(80px); opacity: 1; }
    90% { transform: translateX(100px); opacity: 0; }
    100% { opacity: 0; }
  }

  /* --- 追加：アニメーション注釈スタイル --- */
  .anim-note {
    text-align: center;
    font-size: 0.75rem;
    color: #a0aec0;
    margin-top: 1rem;
    letter-spacing: 0.05em;
  }

  /* --- 化学物質カード用スタイル（デッドクリック対策済） --- */
  .chem-section {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px dashed #4a5568;
  }
  .chem-section-title {
    text-align: center;
    font-size: 0.95rem;
    font-weight: bold;
    color: #a0aec0;
    margin-bottom: 1.5rem;
    letter-spacing: 2px;
  }
  .chem-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
  }
  .chem-card {
    background: #2d3748;
    border: 1px solid #4a5568;
    border-radius: 8px;
    padding: 1.2rem;
    /* transitionプロパティを削除し、純粋な表示パネルに */
  }
  
  /* PC用文字サイズ */
  .chem-name {
    font-size: 1.15rem;
    font-weight: bold;
    color: #fbd38d;
    margin-bottom: 0.8rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #4a5568;
  }
  .chem-sub {
    font-size: 0.85em;
    color: #a0aec0;
    font-weight: normal;
  }
  .chem-desc {
    font-size: 1rem;
    line-height: 1.6;
    color: #e2e8f0;
  }

  /* スマホ対応 */
  @media (max-width: 480px) {
    .neuron-text { font-size: 0.7rem; }
    .synapse-gap { width: 80px; }
    .gap-text { font-size: 0.7rem; }
    .synapse-wrapper { padding: 1.5rem 1rem; }
    .chem-cards { grid-template-columns: 1fr; }
    
    .chem-name { font-size: 1.1rem; }
    .chem-desc { font-size: 0.95rem; }
  }
</style>

<div class="synapse-wrapper">
  <div class="synapse-title">脳内の情報リレー：電気と化学物質の変換</div>
<!-- アニメーション注釈 -->
  
  
  <!-- アニメーション部分 -->
  <div class="synapse-container">
    <div class="neuron">
      <div class="electric-pulse pulse-left"></div>
      <div class="neuron-text">送信ニューロン<br><span>⚡ 電気信号</span></div>
    </div>

    <div class="synapse-gap">
      <div class="gap-text">シナプス間隙<br>(隙間)</div>
      <div class="neurotransmitters">
        <div class="nt-particle nt-1"></div>
        <div class="nt-particle nt-2"></div>
        <div class="nt-particle nt-3"></div>
      </div>
      <div class="gap-text" style="color:#f6ad55; font-size:0.75rem;">💧 化学物質<br>(ドーパミン等)</div>
    </div>

    <div class="neuron">
      <div class="electric-pulse pulse-right"></div>
      <div class="neuron-text">受信ニューロン<br><span>⚡ 再び電気へ</span></div>
    </div>
  </div>
  
  

  <!-- 主な化学物質カード部分（静的パネル） -->
  <div class="chem-section">
    <div class="chem-section-title">主な化学物質</div>
    <div class="chem-cards">
      <div class="chem-card">
        <div class="chem-name">ドーパミン<br><span class="chem-sub">（期待）</span></div>
        <div class="chem-desc">新しい刺激や報酬に反応し、「やる気」を生む物質</div>
      </div>
      <div class="chem-card">
        <div class="chem-name">アセチルコリン<br><span class="chem-sub">（知性）</span></div>
        <div class="chem-desc">新しい情報を記憶として刻む際に不可欠な物質</div>
      </div>
      <div class="chem-card">
        <div class="chem-name">GABA<br><span class="chem-sub">（抑制）</span></div>
        <div class="chem-desc">脳の過覚醒を抑え、冷静な状態を作る物質</div>
      </div>

    </div>

  </div>
<div class="anim-note">※アニメーションはイメージです</div>
</div>



<p class="wp-block-paragraph">脳が最高のパフォーマンスを発揮するためには、<strong><span class="swl-marker mark_yellow">「E/Iバランス（Excitation/Inhibition Balance）」</span></strong><span class="swl-fz u-fz-s">【興奮（アクセル）と抑制（ブレーキ）のバランス】</span>が整っていることが不可欠です。</p>



<p class="wp-block-paragraph">このバランスが崩れると、脳は「空回り」を始め、集中力は霧散<span class="swl-fz u-fz-s">（むさん）</span>してしまいます。</p>



<h3 class="wp-block-heading">「部品を守り、回路を育てる」という考え方</h3>



<p class="wp-block-paragraph">ここで、一つ重要な定義を共有します。</p>



<p class="wp-block-paragraph"><strong>脳を構成する細胞そのものは、一度失うと再生が難しい「有限の資産」です。</strong></p>



<p class="wp-block-paragraph">しかし、細胞同士がつくる「ネットワーク（回路）」は、何歳からでも新しく作り替え、太くしていくことができます。これを<strong><span class="swl-marker mark_yellow">「神経可塑性<span class="swl-fz u-fz-s">（しんけいかそせい）</span>」</span></strong>と呼びます。</p>



<style>
  /* エビデンスボックス全体のスタイル */
  .plasticity-ev-box {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 2rem;
    margin: 2.5rem 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    color: #2d3748;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  }

  /* ヘッダー部分 */
  .plasticity-ev-header {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
  }
  .plasticity-ev-badge {
    background: #ebf8ff;
    color: #2b6cb0;
    font-size: 0.85rem;
    font-weight: bold;
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
  }
  .plasticity-ev-badge::before {
    content: '💡';
    margin-right: 6px;
    font-size: 1.1em;
  }
  
  /* タイトルとテキスト */
  .plasticity-ev-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: #1a202c;
    margin: 0 0 1rem 0;
    line-height: 1.4;
  }
  .plasticity-ev-text {
    font-size: 1rem;
    line-height: 1.8;
    margin-bottom: 2rem;
    color: #4a5568;
  }
  .plasticity-ev-text b {
    color: #1a202c;
    background: linear-gradient(transparent 70%, #bee3f8 0);
  }

  /* --- アニメーションウィンドウ --- */
  .plasticity-anim-window {
    background: #1a202c;
    border-radius: 8px;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* 状態テキストのクロスフェード */
  .plasticity-status-container {
    position: relative;
    width: 100%;
    height: 30px;
    text-align: center;
    margin-bottom: 1rem;
  }
  .plasticity-status {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 0.95rem;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .status-before {
    color: #a0aec0;
    animation: fadeBefore 8s infinite;
  }
  .status-after {
    color: #fbd38d;
    animation: fadeAfter 8s infinite;
  }

  /* SVGネットワークのスタイル */
  .plasticity-svg {
    width: 100%;
    max-width: 400px;
    height: auto;
    display: block;
    overflow: visible;
  }
  
  .p-node {
    fill: #718096;
    stroke: #e2e8f0;
    stroke-width: 2;
  }
  .p-line-base {
    stroke: #4a5568;
    stroke-width: 1.5;
    stroke-linecap: round;
  }
  .p-line-grow {
    stroke: #fbd38d;
    stroke-linecap: round;
    animation: growLine 8s infinite ease-in-out;
  }
  .p-line-new {
    stroke: #fbd38d;
    stroke-linecap: round;
    animation: appearLine 8s infinite ease-in-out;
  }

  /* キーフレームアニメーション（8秒周期） */
  @keyframes fadeBefore {
    0%, 30% { opacity: 1; }
    40%, 85% { opacity: 0; }
    95%, 100% { opacity: 1; }
  }
  @keyframes fadeAfter {
    0%, 30% { opacity: 0; }
    40%, 85% { opacity: 1; text-shadow: 0 0 8px rgba(251, 211, 141, 0.6); }
    95%, 100% { opacity: 0; }
  }
  @keyframes growLine {
    0%, 30% { stroke-width: 1.5; stroke: #4a5568; filter: none; }
    40%, 85% { stroke-width: 4; stroke: #fbd38d; filter: drop-shadow(0 0 5px #fbd38d); }
    95%, 100% { stroke-width: 1.5; stroke: #4a5568; filter: none; }
  }
  @keyframes appearLine {
    0%, 30% { opacity: 0; stroke-width: 1; }
    40%, 85% { opacity: 1; stroke-width: 3; filter: drop-shadow(0 0 5px #fbd38d); }
    95%, 100% { opacity: 0; stroke-width: 1; }
  }

  /* スマホ対応 */
  @media (max-width: 480px) {
    .plasticity-ev-box { padding: 1.5rem 1rem; margin: 1.5rem 0; }
    .plasticity-ev-title { font-size: 1.2rem; }
    .plasticity-ev-text { font-size: 1.1rem; }
    .plasticity-anim-window { padding: 1rem; }
  }
  
  /* 出典・注釈テキスト */
  .plasticity-reference {
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px dashed #cbd5e1;
    line-height: 1.6;
  }
  .plasticity-reference span {
    display: block;
    margin-bottom: 0.5rem;
  }
</style>

<div class="plasticity-ev-box">
  <div class="plasticity-ev-header">
    <span class="plasticity-ev-badge">エビデンス</span>
  </div>
  <div class="plasticity-ev-title">回路は「物理的」に太くなる</div>
  
  <div class="plasticity-ev-text">
    ドイツのレーゲンスブルク大学の研究（※1）では、ジャグリングを3ヶ月練習した被験者の脳をスキャンした結果、視覚運動に関わる部位が<b>「物理的に増大」</b>したことが確認されました。<br><br>
    これは「細胞の数が増えた」のではなく、<b>「細胞同士を繋ぐネットワーク（配線）が密集し、回路が太く成長した」</b>ことを意味する、神経可塑性（しんけいかそせい）の有名な証明です。
  </div>

  <div class="plasticity-anim-window">
    <div class="plasticity-status-container">
      <div class="plasticity-status status-before">練習前（細い配線）</div>
      <div class="plasticity-status status-after">3ヶ月後（密集・太く成長した回路）</div>
    </div>
    
    <svg class="plasticity-svg" viewBox="0 0 200 120" xmlns="http://www.w3.org/2000/svg">
      <!-- 常に存在するベースの細い配線 -->
      <line x1="100" y1="60" x2="40" y2="25" class="p-line-base"></line>
      <line x1="100" y1="60" x2="160" y2="25" class="p-line-base"></line>
      <line x1="100" y1="60" x2="60" y2="100" class="p-line-base"></line>
      
      <!-- 練習によって「太くなる」配線 -->
      <line x1="100" y1="60" x2="40" y2="25" class="p-line-grow"></line>
      <line x1="100" y1="60" x2="160" y2="25" class="p-line-grow"></line>
      <line x1="100" y1="60" x2="60" y2="100" class="p-line-grow"></line>

      <!-- 練習によって「新しく密集する」配線 -->
      <line x1="40" y1="25" x2="160" y2="25" class="p-line-new"></line>
      <line x1="100" y1="60" x2="140" y2="100" class="p-line-new"></line>
      <line x1="60" y1="100" x2="140" y2="100" class="p-line-new"></line>
      <line x1="40" y1="25" x2="60" y2="100" class="p-line-new"></line>

      <!-- 細胞（ニューロン） -->
      <circle cx="100" cy="60" r="7" class="p-node"></circle>
      <circle cx="40" cy="25" r="5" class="p-node"></circle>
      <circle cx="160" cy="25" r="5" class="p-node"></circle>
      <circle cx="60" cy="100" r="5" class="p-node"></circle>
      <circle cx="140" cy="100" r="5" class="p-node"></circle>
    </svg>
    
    <div style="margin-top: 1rem; font-size: 0.8rem; color: #a0aec0; text-align: center; line-height: 1.5;">
      ※細胞の数（●）は変わらず、ネットワーク（線）だけが強化される様子を表現しています。
    </div>
  </div>
  
  <div class="plasticity-reference">
    <span>【出典】</span>
※アニメーションはイメージです。<br>
    ※1: Draganski, B., Gaser, C., Busch, V., Schuierer, G., Bogdahn, U., &amp; May, A. (2004). Neuroplasticity: changes in grey matter induced by training. <i>Nature</i>, 427(6972), 311-312.<br><br>
    ※上記は神経可塑性のメカニズムを説明するための研究事例であり、特定の疾患の治療や能力の向上を保証するものではありません。
  </div>
</div>



<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow">「有限な資産としての細胞を守り、回路をアップデートし続ける」</span></strong></p>



<p class="wp-block-paragraph"> この両面を知ることこそが、脳のポテンシャルを最大限に引き出す道なのです。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">現代のバグ「スマホ脳」│なぜ私たちの集中力は削られるのか？</h2>



<p class="wp-block-paragraph">私たちが日々手放せないスマートフォン。</p>



<p class="wp-block-paragraph">しかし、その便利さの裏側で、私たちの脳には「バグ」が生じています。</p>



<p class="wp-block-paragraph">これはスマホが悪いのではなく、<strong><span class="swl-marker mark_yellow">「原始時代のままの脳が、現代のデジタル環境に適応できていない」</span></strong>という進化のミスマッチから起こる現象です。</p>



<h3 class="wp-block-heading">脳のエネルギーを奪う「注意の残照」</h3>



<p class="wp-block-paragraph">私たちは「スマホをちょっと確認して、すぐに仕事に戻る」ことができていると考えがちです。</p>



<p class="wp-block-paragraph">しかし、科学的な事実は異なります。</p>



<style>
  /* エビデンスボックス全体のスタイル */
  .attention-ev-box {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 2rem;
    margin: 2.5rem 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    color: #2d3748;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  }

  /* ヘッダー部分 */
  .attention-ev-header {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
  }
  .attention-ev-badge {
    background: #ebf8ff;
    color: #2b6cb0;
    font-size: 0.85rem;
    font-weight: bold;
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
  }
  .attention-ev-badge::before {
    content: '💡';
    margin-right: 6px;
    font-size: 1.1em;
  }
  
  /* タイトルとテキスト */
  .attention-ev-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: #1a202c;
    margin: 0 0 1rem 0;
    line-height: 1.4;
  }
  .attention-ev-text {
    font-size: 1rem;
    line-height: 1.8;
    margin-bottom: 2rem;
    color: #4a5568;
  }
  .attention-ev-text b {
    color: #1a202c;
    background: linear-gradient(transparent 70%, #bee3f8 0);
  }

  /* --- CSS自動アニメーションウィンドウ --- */
  .attention-anim-window {
    background: #1a202c;
    border-radius: 8px;
    padding: 2rem 1.5rem;
    position: relative;
    overflow: hidden;
  }

  /* ステータステキストの切り替え */
  .a-status-text {
    text-align: center;
    height: 30px;
    position: relative;
    margin-bottom: 1.5rem;
  }
  .a-status-text span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
    opacity: 0;
    letter-spacing: 1px;
  }
  .st-1 { color: #63b3ed; animation: showSt1 12s infinite; }
  .st-2 { color: #fc8181; animation: showSt2 12s infinite; }
  .st-3 { color: #fbd38d; animation: showSt3 12s infinite; }
  .st-4 { color: #68d391; animation: showSt4 12s infinite; }

  /* メモリ（リソース）バーのレイアウト */
  .attention-timeline {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
  }
  .a-bar-group {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .a-bar-label {
    width: 130px;
    color: #a0aec0;
    font-size: 0.85rem;
    font-weight: bold;
    text-align: right;
    line-height: 1.3;
  }
  
  /* バーのトラック（背景）※潰れないように高さを強制 */
  .a-bar-track {
    flex: 1;
    flex-shrink: 0;
    width: 100%;
    height: 20px !important;
    min-height: 20px !important;
    background: #2d3748 !important;
    border-radius: 10px !important;
    overflow: hidden;
    position: relative;
    border: 1px solid #4a5568 !important;
    box-sizing: border-box !important;
  }
  
  /* バーの増減部分 ※潰れないように高さを強制 */
  .a-bar-fill {
    height: 100% !important;
    min-height: 20px !important;
    border-radius: 10px !important;
    width: 0%;
  }
  
  /* CSSアニメーションの適用 */
  .fill-task { 
    background: #4299e1 !important; 
    box-shadow: 0 0 10px #4299e1 !important; 
    animation: taskFocusAnim 12s infinite; 
  }
  .fill-phone { 
    background: #fc8181 !important; 
    box-shadow: 0 0 10px #fc8181 !important; 
    animation: phoneResidueAnim 12s infinite; 
  }

  /* テキストのキーフレーム */
  @keyframes showSt1 { 0%, 15% { opacity: 1; } 16%, 100% { opacity: 0; } }
  @keyframes showSt2 { 0%, 15% { opacity: 0; } 18%, 30% { opacity: 1; } 31%, 100% { opacity: 0; } }
  @keyframes showSt3 { 0%, 30% { opacity: 0; } 33%, 75% { opacity: 1; text-shadow: 0 0 8px rgba(251,211,141,0.5); } 76%, 100% { opacity: 0; } }
  @keyframes showSt4 { 0%, 75% { opacity: 0; } 78%, 100% { opacity: 1; } }

  /* バーのキーフレーム（23分の回復をじわじわと表現） */
  @keyframes taskFocusAnim {
    0%, 15% { width: 100%; }         
    18%, 30% { width: 10%; }          
    35% { width: 30%; }               
    75%, 100% { width: 100%; }        
  }
  @keyframes phoneResidueAnim {
    0%, 15% { width: 0%; }            
    18%, 30% { width: 90%; }          
    35% { width: 70%; }               
    75%, 100% { width: 0%; }          
  }

  /* 注釈テキスト */
  .attention-reference {
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px dashed #cbd5e1;
    line-height: 1.6;
  }
  .attention-reference span {
    display: block;
    margin-bottom: 0.5rem;
  }

  /* スマホ対応 */
  @media (max-width: 600px) {
    .attention-ev-box { padding: 1.5rem 1rem; margin: 1.5rem 0; }
    
    /* ▼ スマホ時の見出し・本文文字サイズを拡大 ▼ */
    .attention-ev-title { font-size: 1.3rem; }
    .attention-ev-text { font-size: 1.1rem; line-height: 1.7; }
    
    .attention-anim-window { padding: 1.5rem 1rem; }
    .a-status-text span { font-size: 0.9rem; }
    .a-bar-group { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
    .a-bar-label { width: 100%; text-align: left; }
  }
</style>

<div class="attention-ev-box">
  <div class="attention-ev-header">
    <span class="attention-ev-badge">エビデンス</span>
  </div>
  <div class="attention-ev-title">「ちょっと確認するだけ」のワナ</div>
  
  <div class="attention-ev-text">
    ミネソタ大学のソフィー・リロイ博士の研究（※1）では、一度スマホへ向いた意識が元のタスクに完全に戻るまでには、平均して<b>約23分かかる</b>と突き止めました。
  </div>

  <!-- JavaScript不要の自動再生アニメーション -->
  <div class="attention-anim-window">
    
    <div class="a-status-text">
      <span class="st-1">🖥️ 目の前の作業に集中</span>
      <span class="st-2">📱 スマホを確認（意識が離脱）</span>
      <span class="st-3">⚠️ 作業再開（残照を処理中&#8230;完全回復まで約23分）</span>
      <span class="st-4">✨ 集中力 完全回復！</span>
    </div>

    <div class="attention-timeline">
      <!-- ワーキングメモリ（本来の仕事） -->
      <div class="a-bar-group">
        <div class="a-bar-label">本来のタスク<br><span style="font-size:0.75em; font-weight:normal;">(ワーキングメモリ)</span></div>
        <div class="a-bar-track">
          <div class="a-bar-fill fill-task"></div>
        </div>
      </div>
      
      <!-- 注意の残照（スマホ） -->
      <div class="a-bar-group">
        <div class="a-bar-label" style="color:#fc8181;">スマホの情報<br><span style="font-size:0.75em; font-weight:normal;">(注意の残照)</span></div>
        <div class="a-bar-track">
          <div class="a-bar-fill fill-phone"></div>
        </div>
      </div>
    </div>
    
    <div style="margin-top: 1.5rem; font-size: 0.75rem; color: #a0aec0; text-align: center;">
      ※アニメーションはイメージです
    </div>
  </div>
  
  <div class="attention-reference">
    <span>【出典】</span>
    ※1: Leroy, S. (2009). Why is it so hard to do my work? The challenge of attention residue when switching between work tasks. <i>Organization Science</i>, 20(5), 1081-1098.
  </div>
</div>



<p class="wp-block-paragraph">これを<strong><span class="swl-marker mark_yellow">「注意の残照（Attention Residue）」</span></strong>と呼びます。<br><br>画面を閉じた後も、脳のメモリ（前頭前野のリソース）はスマホの情報に囚われ続け、本来のパフォーマンスを発揮できなくなっているのです。</p>



<h3 class="wp-block-heading">「視界にあるだけ」でIQが低下する（認知的負荷の心理学）</h3>



<p class="wp-block-paragraph">驚くべきことに、スマートフォンは「触っていなくても」私たちの知性を奪います。</p>



<p class="wp-block-paragraph">この事実の裏側には、私たちの脳が持つ「注意（アテンション）」という有限な資源の仕組みが隠されています。</p>



<h4 class="wp-block-heading">脳のリソースは、コンピュータの「メモリ（RAM）」と同じ</h4>



<p class="wp-block-paragraph">私たちの脳、特に思考や集中を司る「前頭前野」には、一時的な情報を保持し処理するための「ワーキングメモリ（作業領域）」があります。</p>



<p class="wp-block-paragraph">これは、コンピュータで言うところの「RAM（メモリ）」と同じです。</p>



<p class="wp-block-paragraph">RAMの容量がいっぱいになると、コンピュータの動作が遅くなるのと同様、ワーキングメモリが「スマホを無視する」という余計な作業に使われてしまうと、目の前の仕事や勉強に使える処理能力が減り、ミスが増え、思考が浅くなってしまうのです。</p>



<h4 class="wp-block-heading">「無視する」ことは、脳にとって「激しい労働」である</h4>



<p class="wp-block-paragraph">なぜ、触ってもいないスマホでも、無視しようとするとメモリを消費するのでしょうか？</p>



<p class="wp-block-paragraph">それは脳内で<strong><span class="swl-marker mark_yellow">「本能と理性の綱引き」</span></strong>が起きているからです。</p>



<p class="wp-block-paragraph"></p>



<style>
  .tug-of-war-wrapper {
    max-width: 600px;
    margin: 2rem auto;
    background: #1a202c; /* ダークネイビー */
    border-radius: 12px;
    padding: 1.5rem;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #e2e8f0;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    border: 1px solid #2d3748;
  }

  /* ワーキングメモリ（バッテリー）のメーター */
  .battery-section {
    margin-bottom: 1.5rem;
    text-align: center;
  }
  .battery-label {
    font-size: 0.85rem;
    font-weight: bold;
    color: #fbd38d;
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }
  .battery-bar-bg {
    width: 100%;
    height: 18px;
    background: #2d3748;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    border: 1px solid #4a5568;
  }
  .battery-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, #fc8181, #e53e3e); /* 警告の赤 */
    border-radius: 10px;
    width: 95%; /* 初期状態は満タン寄り */
  }

  /* アニメーション図解エリア */
  .animation-stage {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #000;
    border-radius: 8px;
    padding: 20px 10px;
    margin-bottom: 1.5rem;
    position: relative;
    overflow: hidden;
  }

  /* 本能（左側） */
  .actor-instinct {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    width: 30%;
  }
  .icon-brain { font-size: 2.5rem; }
  .label-instinct { color: #fc8181; font-weight: bold; font-size: 0.8rem; margin-top: 5px; }

  /* スマホ（右側） */
  .actor-phone {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    width: 30%;
  }
  .icon-phone { font-size: 2.5rem; }
  .label-phone { color: #cbd5e0; font-size: 0.8rem; margin-top: 5px; }

  /* 葛藤のエフェクト（中央） */
  .conflict-zone {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 60px;
  }

  /* 本能からの波（ドーパミン欲求） */
  .wave-instinct {
    position: absolute;
    left: 0;
    width: 60%;
    height: 4px;
    background: repeating-linear-gradient(90deg, transparent, transparent 5px, #fc8181 5px, #fc8181 10px);
    opacity: 0; /* 初期状態は見えない */
  }

  /* 理性のシールド（必死のブロック） */
  .shield-reason {
    position: absolute;
    right: 30%;
    height: 40px;
    width: 8px;
    background: #63b3ed; /* 理性の青 */
    border-radius: 4px;
    box-shadow: 0 0 15px #63b3ed;
    z-index: 3;
    opacity: 0; /* 初期状態は見えない */
  }

  /* テキスト解説エリア */
  .explanation-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .text-card {
    background: #2d3748;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #4a5568; 
    font-size: 0.9rem;
    line-height: 1.6;
  }
  .text-card.instinct { border-color: rgba(252, 129, 129, 0.4); }
  .text-card.reason { border-color: rgba(99, 179, 237, 0.4); }
  
  .text-card span.highlight { font-weight: bold; }
  .text-card.instinct span.highlight { color: #fc8181; }
  .text-card.reason span.highlight { color: #63b3ed; }

  /* スマホ対応 */
  @media (max-width: 480px) {
    .icon-brain, .icon-phone { font-size: 2rem; }
    .text-card { font-size: 1.1rem; padding: 15px 12px; }
    .battery-label { font-size: 0.95rem; }
  }


  /* =========================================
     .is-active が付与された時に発動するアニメーション
     ========================================= */
  .is-active .battery-bar-fill {
    animation: drainBattery 3s infinite alternate ease-in-out;
  }
  .is-active .icon-brain {
    animation: pulseBrain 1.5s infinite alternate;
  }
  .is-active .icon-phone {
    animation: floatPhone 2s infinite ease-in-out;
  }
  .is-active .wave-instinct {
    opacity: 0.7;
    animation: moveWaves 1s linear infinite;
  }
  .is-active .shield-reason {
    animation: shieldBlock 0.5s infinite alternate;
  }

  /* キーフレーム群 */
  @keyframes drainBattery {
    0% { width: 95%; background: #68d391; }
    50% { width: 60%; background: #f6e05e; }
    100% { width: 20%; background: #e53e3e; }
  }
  @keyframes pulseBrain {
    0% { transform: scale(1); filter: drop-shadow(0 0 5px #fc8181); }
    100% { transform: scale(1.1); filter: drop-shadow(0 0 15px #fc8181); }
  }
  @keyframes floatPhone {
    0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 5px #ecc94b); }
    50% { transform: translateY(-5px); filter: drop-shadow(0 0 15px #ecc94b); }
  }
  @keyframes moveWaves {
    0% { transform: translateX(-10px); }
    100% { transform: translateX(10px); }
  }
  @keyframes shieldBlock {
    0% { opacity: 0.8; height: 40px; }
    100% { opacity: 1; height: 60px; box-shadow: 0 0 25px #63b3ed, 0 0 40px #63b3ed; }
  }
</style>

<!-- js-scroll-anim クラスを付与し、JSの監視対象にする -->
<div class="tug-of-war-wrapper js-scroll-anim">
  
  <div class="battery-section">
    <div class="battery-label">⚠️ 脳のワーキングメモリ（激しく消費中）</div>
    <div class="battery-bar-bg">
      <div class="battery-bar-fill"></div>
    </div>
  </div>

  <div class="animation-stage">
    <div class="actor-instinct">
      <div class="icon-brain">🧠</div>
      <div class="label-instinct">本能</div>
    </div>
    
    <div class="conflict-zone">
      <div class="wave-instinct"></div>
      <div class="shield-reason"></div>
    </div>

    <div class="actor-phone">
      <div class="icon-phone">📱</div>
      <div class="label-phone">スマホ</div>
    </div>
  </div>

  <div class="explanation-box">
    <div class="text-card instinct">
      <span class="highlight">【本能（無意識）】</span><br>
      スマホはドーパミンを刺激する「報酬の塊」です。<br>そこにあるだけで、脳は「新しい通知はないか？」と無意識にスマホへ意識を向けようとします。
    </div>
    <div class="text-card reason">
      <span class="highlight">【理性（意志力）】</span><br>
      集中したいあなたは、「今は見ちゃダメだ」と必死に青いシールド（ブレーキ）を展開し、本能の欲求を抑え込もうとします。
    </div>
  </div>
  
  <p style="font-size: 0.85rem; color: #a0aec0; text-align: center; margin-top: 15px; margin-bottom: 0;">
    ※この「抑え込む作業」だけで、<br class="mc-sp-only">脳のエネルギーはゴリゴリと削られていきます。<br><br>※アニメーションはイメージです。
  </p>
</div>

<!-- スクロール検知用スクリプト（ページ内に1つあれば使い回せます） -->
<script>
  document.addEventListener("DOMContentLoaded", function() {
    const options = {
      root: null,
      rootMargin: "0px",
      threshold: 0.4 // 画面に40%見えたら発火
    };

    const observer = new IntersectionObserver(function(entries) {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          entry.target.classList.add('is-active');
        } else {
          entry.target.classList.remove('is-active');
        }
      });
    }, options);

    const targets = document.querySelectorAll('.js-scroll-anim');
    targets.forEach(target => observer.observe(target));
  });
</script>



<p class="wp-block-paragraph">つまり「スマホを無視する」とは、何もしないことではありません。</p>



<p class="wp-block-paragraph">本能がスマホに向かおうとするのを、<strong><span class="swl-marker mark_yellow">理性の力で強力にブロッキングし続けるという「能動的な作業」</span></strong>なのです。</p>



<p class="wp-block-paragraph">脳はこの「無視」というブレーキ操作に、<strong>膨大なエネルギー（認知的負荷）を浪費し続けています。</strong></p>



<style>
  /* エビデンスボックス全体のスタイル */
  .iq-ev-box {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 2rem;
    margin: 2.5rem 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    color: #2d3748;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  }

  /* ヘッダー部分 */
  .iq-ev-header {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
  }
  .iq-ev-badge {
    background: #ebf8ff;
    color: #2b6cb0;
    font-size: 0.85rem;
    font-weight: bold;
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
  }
  .iq-ev-badge::before {
    content: '💡';
    margin-right: 6px;
    font-size: 1.1em;
  }
  
  /* タイトルとテキスト */
  .iq-ev-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: #1a202c;
    margin: 0 0 1rem 0;
    line-height: 1.4;
  }
  .iq-ev-text {
    font-size: 1rem;
    line-height: 1.8;
    color: #4a5568;
  }
  .iq-ev-text b {
    color: #1a202c;
    background: linear-gradient(transparent 70%, #bee3f8 0);
  }

  /* 出典テキスト */
  .iq-reference {
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px dashed #cbd5e1;
    line-height: 1.6;
  }
  .iq-reference span {
    display: block;
    margin-bottom: 0.5rem;
  }

  /* スマホ対応（1.1rem指定） */
  @media (max-width: 600px) {
    .iq-ev-box { padding: 1.5rem 1.2rem; margin: 1.5rem 0; }
    .iq-ev-text { font-size: 1.1rem; line-height: 1.7; }
  }
</style>

<div class="iq-ev-box">
  <div class="iq-ev-header">
    <span class="iq-ev-badge">エビデンス</span>
  </div>
  <div class="iq-ev-title">視界にあるだけでIQは低下する</div>
  
  <div class="iq-ev-text">
    このメカニズムを証明したのが、テキサス大学のエイドリアン・ウォード博士らによる研究（※1）です。<br><br>
    約800人を対象にした実験では、スマホを<b>「机の上に置く」「鞄に入れる」「別室に置く」</b>という3つのグループに分け、認知能力テストを行いました。<br><br>
    その結果、スマホが「机の上（視界内）」にあるだけで、本人の自覚がないままワーキングメモリの容量が著しく低下することが判明しました。<br>
    これは、コンピュータのRAMの半分が、常に「不要なアプリの抑え込み」に使われているような状態。<br>
    <b>スマホが視界にあるだけで、私たちの知性は100%を発揮できなくなっているのです。</b>
  </div>
  
  <div class="iq-reference">
    <span>【出典】</span>
    ※1: Ward, A. F., Duke, K., Gneezy, A., &amp; Bos, M. W. (2017). Brain drain: The mere-presence hypothesis of smartphone presence on cognitive capacity. <i>Journal of the Association for Consumer Research</i>, 2(2), 140-154.
  </div>
</div>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/08/pc-smartphone-note.webp" alt="スマホが「机の上（視界内）」にあるだけで、本人の自覚がないままワーキングメモリの容量が著しく低下することが判明研究内容に付随するイメージ画像。" class="wp-image-8058" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/pc-smartphone-note.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/08/pc-smartphone-note-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/pc-smartphone-note-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<h4 class="wp-block-heading">対策はシンプル。「物理的な距離」を置くこと</h4>



<p class="wp-block-paragraph">最も簡単で強力な対策方法は、<strong>スマホを「別室」に置くこと</strong>です。</p>



<p class="wp-block-paragraph">視界から完全に消し去ることで、脳は「無視する」ためのブレーキ操作から解放されます。</p>



<p class="wp-block-paragraph">メモリが全解放されることで、あなたの集中力は本来のパフォーマンスを取り戻し、深い思考が可能になるのです。</p>



<p class="wp-block-paragraph">それが難しいようなら、鞄にいれるなど視界に入れない工夫をすると良いでしょう。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">記憶の司令塔「海馬」と、睡眠という名のメンテナンス</h2>



<p class="wp-block-paragraph">私たちが「覚える」という行為をするとき、中心的な役割を果たすのが、脳の奥深くにある<strong><span class="swl-marker mark_yellow">「海馬（かいば）」</span></strong>です。</p>



<p class="wp-block-paragraph">海馬はいわば「情報の仕分け人」であり、日々流れ込む膨大な情報から、長期記憶として保存すべきものを選別しています。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/08/hennenkei-brain-05.webp" alt="視床・視床下部・海馬・扁桃体の場所を色分けで分かりやすく解説したイメージ図│作成：メモコー編集。" class="wp-image-7948" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/hennenkei-brain-05.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/08/hennenkei-brain-05-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/hennenkei-brain-05-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<h3 class="wp-block-heading"> 感情と記憶のリンク</h3>



<p class="wp-block-paragraph">海馬のすぐ隣には、感情を司る<strong><span class="swl-marker mark_yellow">「扁桃体（へんとうたい）」</span></strong>があります。</p>



<p class="wp-block-paragraph">心が揺さぶられた出来事は、<strong>扁桃体を通じて海馬に「これは重要な情報だ！」と強烈な信号を送ります</strong>。</p>



<p class="wp-block-paragraph">しかし、スマホで流し読みする受動的な情報は感情が動きにくいため、海馬はそれを「ゴミ」として捨ててしまいやすくなります。</p>



<style>
  .am-wrapper {
    width: 100%;
    max-width: 600px;
    margin: 2rem auto;
    background: #1a202c; /* ダークネイビー */
    border-radius: 12px;
    padding: 2rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    color: #e2e8f0;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    overflow: hidden;
  }
  .am-title {
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 2rem;
    letter-spacing: 1px;
    color: #fbd38d; /* アンバー */
  }
  /* アニメーションステージ */
  .am-stage {
    position: relative;
    width: 100%;
    height: 240px;
    background: #2d3748;
    border-radius: 8px;
    border: 2px solid #4a5568;
    margin-bottom: 1.5rem;
  }
  
  /* 各器官のスタイル */
  .am-node {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 0.8rem;
    font-weight: bold;
    border-radius: 8px;
    transition: all 0.5s ease;
  }
  
  /* 扁桃体（上部） */
  .am-amygdala {
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 50px;
    background: #4a5568;
    border: 2px solid #718096;
    z-index: 3;
  }
  .am-icon { font-size: 1.2rem; margin-top: 2px; }

  /* 海馬（中央） */
  .am-hippocampus {
    top: 100px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 60px;
    background: #2b6cb0; /* 少し青みを入れて知性を表現 */
    border: 2px solid #4299e1;
    z-index: 2;
  }

  /* 長期記憶（右側） */
  .am-vault {
    top: 100px;
    right: 15px;
    transform: translateY(-50%);
    width: 90px;
    height: 120px;
    background: #276749; /* グリーン系で安全な保管庫 */
    border: 2px solid #48bb78;
    border-radius: 4px 15px 4px 4px;
  }

  /* ゴミ箱（下部） */
  .am-trash {
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 50px;
    background: #742a2a; /* 赤茶系で破棄 */
    border: 2px dashed #fc8181;
    opacity: 0.8;
  }

  /* 情報パケット（動く要素） */
  .am-info {
    position: absolute;
    top: 100px;
    left: 10px;
    transform: translateY(-50%);
    width: 60px;
    height: 40px;
    background: #edf2f7;
    color: #1a202c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: bold;
    border-radius: 4px;
    z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
    /* JSで動きを制御するためのtransition */
    transition: left 0.8s ease-in-out, top 0.8s ease-in-out, opacity 0.8s, background 0.5s;
  }

  /* 扁桃体から海馬へのシグナル（矢印/光） */
  .am-signal {
    position: absolute;
    top: 65px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 0;
    background: #f6ad55;
    box-shadow: 0 0 10px #f6ad55;
    transition: height 0.3s ease;
    z-index: 1;
  }

  /* 実況テキスト */
  .am-status {
    text-align: center;
    font-size: 0.95rem; /* PC表示時も少し見やすく調整 */
    color: #a0aec0;
    height: 60px;
    margin-bottom: 0.5rem;
    line-height: 1.5;
  }

  /* 静かな誘導文（フック） */
  .am-guide {
    text-align: center;
    font-size: 0.85rem;
    color: #fbd38d; /* アンバーで少し目立たせる */
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    /* 呼吸するような静かなアニメーション */
    animation: gentlePulse 2.5s infinite ease-in-out;
  }
  @keyframes gentlePulse {
    0%, 100% { opacity: 0.6; transform: translateY(0); }
    50% { opacity: 1; transform: translateY(3px); }
  }

  /* ボタン類 */
  .am-controls {
    display: flex;
    justify-content: center;
    gap: 15px;
  }
  .am-btn {
    background: #2d3748;
    border: 2px solid #4a5568;
    color: #e2e8f0;
    padding: 10px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s;
    flex: 1;
    max-width: 250px;
  }
  .am-btn:hover { background: #4a5568; border-color: #fbd38d; color: #fbd38d; }
  .am-btn:disabled { opacity: 0.5; cursor: not-allowed; }

  /* スマホ対応 */
  @media (max-width: 480px) {
    .am-wrapper { padding: 1rem; }
    .am-stage { height: 280px; }
    .am-hippocampus { top: 120px; width: 100px; }
    .am-vault { top: 120px; right: 5px; width: 70px; font-size: 0.7rem;}
    .am-trash { bottom: 10px; }
    .am-info { width: 50px; font-size: 0.65rem; }
    
    /* ▼ スマホ時の実況テキストを1.1remに拡大、高さも確保 ▼ */
    .am-status { 
      font-size: 1.1rem; 
      height: auto; 
      min-height: 85px; 
      line-height: 1.6;
    }
    
    .am-controls { flex-direction: column; align-items: center; gap: 10px; }
    
    /* ▼ ボタンもタップしやすいように1.1remに拡大 ▼ */
    .am-btn { 
      width: 100%; 
      max-width: none; 
      font-size: 1.1rem; 
      padding: 12px;
    }
  }
</style>

<div class="am-wrapper">
  <div class="am-title">記憶の仕分け：扁桃体と海馬の連携</div>
  
  <div class="am-stage">
    <div class="am-node am-amygdala" id="am-amygdala">
      扁桃体(感情)<br><span class="am-icon" id="am-icon">💤</span>
    </div>
    
    <div class="am-signal" id="am-signal"></div>

    <div class="am-node am-hippocampus" id="am-hippocampus">
      海馬<br>(仕分け役)
    </div>

    <div class="am-node am-trash" id="am-trash">
      忘却<br>(ゴミ箱)
    </div>

    <div class="am-node am-vault" id="am-vault">
      長期記憶<br>(保管庫)
    </div>

    <div class="am-info" id="am-info">情報</div>
  </div>

  <div class="am-status" id="am-status">
    （ここに脳内の反応が実況されます）
  </div>

  <div class="am-guide">
    👇 情報の流れはどう変わるでしょうか？<br class="mc-sp-only">タップして体験してみてください。
  </div>

  <div class="am-controls">
    <button class="am-btn" id="btn-smartphone" onclick="processInfo('smartphone')">1. スマホで流し読み</button>
    <button class="am-btn" id="btn-emotion" onclick="processInfo('emotion')">2. 心が揺さぶられる体験</button>
  </div>
</div>

<script>
  function processInfo(type) {
    const info = document.getElementById('am-info');
    const amygdala = document.getElementById('am-amygdala');
    const icon = document.getElementById('am-icon');
    const signal = document.getElementById('am-signal');
    const hippocampus = document.getElementById('am-hippocampus');
    const status = document.getElementById('am-status');
    const btn1 = document.getElementById('btn-smartphone');
    const btn2 = document.getElementById('btn-emotion');

    btn1.disabled = true;
    btn2.disabled = true;

    info.style.transition = 'none';
    info.style.left = '10px';
    info.style.top = '100px'; 
    info.style.opacity = '1';
    info.style.background = '#edf2f7';
    info.innerHTML = '情報';
    
    amygdala.style.background = '#4a5568';
    amygdala.style.borderColor = '#718096';
    icon.innerHTML = '💤';
    signal.style.height = '0';
    hippocampus.style.boxShadow = 'none';

    setTimeout(() => {
      info.style.transition = 'left 0.8s ease-in-out, top 0.8s ease-in-out, opacity 0.8s, background 0.5s';
      
      const stageWidth = document.querySelector('.am-stage').offsetWidth;
      info.style.left = `calc(50% - 30px)`; 
      status.innerHTML = '海馬に情報が到着しました。扁桃体（感情）の反応を待っています...';

      setTimeout(() => {
        if (type === 'smartphone') {
          status.innerHTML = '【結果：忘却】<br>受動的な情報のため扁桃体が反応しません。海馬は「重要でない」と判断し、情報を破棄しました。';
          info.innerHTML = '不要';
          info.style.background = '#a0aec0'; 
          
          setTimeout(() => {
            info.style.top = '190px'; 
            info.style.opacity = '0';
          }, 300);

        } else if (type === 'emotion') {
          status.innerHTML = '【結果：長期記憶へ保存】<br>扁桃体が激しく反応し、「これは重要だ！」と海馬に強烈なシグナルを送りました！';
          
          amygdala.style.background = '#dd6b20'; 
          amygdala.style.borderColor = '#fbd38d';
          icon.innerHTML = '🔥';
          signal.style.height = '35px'; 
          hippocampus.style.boxShadow = '0 0 15px #f6ad55'; 
          
          info.innerHTML = '重要!';
          info.style.background = '#fbd38d'; 
          
          setTimeout(() => {
            info.style.left = `calc(100% - 80px)`; 
            signal.style.height = '0'; 
            hippocampus.style.boxShadow = 'none';
          }, 600);
        }

        setTimeout(() => {
          btn1.disabled = false;
          btn2.disabled = false;
        }, 1500);

      }, 1000); 
    }, 50);
  }
</script>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">睡眠による「脳のクリーニング」</h3>



<p class="wp-block-paragraph">記憶を定着させ、脳を健康に保つために最も重要なのが「睡眠」です。</p>



<p class="wp-block-paragraph">これは単なる休息ではなく、物理的な「掃除時間」なのです。</p>



<p class="wp-block-paragraph">良質な睡眠は常に心がけたいですね。</p>



<!-- ==========================================
   内部リンクカード：空間認知力について
========================================== -->
<a href="https://memory-coffee.jp/magazine/brain-maintenance-gaba/" class="mc-related-card">
  <!-- 左側：サムネイル画像 -->
  <div class="mc-related-thumb">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/brain-maintenance-gaba-thumbnail-02.webp" alt="睡眠の脳内メンテナンス">
  </div>
  
  <!-- 右側：テキスト情報 -->
  <div class="mc-related-text">
    <span class="mc-related-label">あわせて読みたい</span>
    <div class="mc-related-title">GABAが導く夜間メンテナンスの仕組み</div>
    <div class="mc-related-desc">
      睡眠中にのみ稼働する脳の洗浄システム「グリンファティック系」とは？
    </div>
  </div>
</a>

<!-- ==========================================
   リンクカード用 CSS
   ※すでに同じページの別の場所で下のCSSを記述している場合は、
   CSS部分は省略してもデザインが適用されます。
========================================== -->
<style>
/* カード全体のデザイン */
.mc-related-card {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #e8e6e1;
  border-radius: 8px;
  text-decoration: none !important;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  margin: 32px 0;
  font-family: inherit;
}

/* マウスホバー時の浮き上がりアクション */
.mc-related-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

/* サムネイル画像エリア */
.mc-related-thumb {
  flex: 0 0 40%;
  max-width: 320px;
  background-color: #fcfaf5;
}
.mc-related-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0 !important;
  border: none;
}

/* テキストエリア */
.mc-related-text {
  padding: 24px;
  flex: 1;
}

/* 「あわせて読みたい」ラベル */
.mc-related-label {
  display: inline-block;
  background-color: #C5A059;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  padding: 4px 10px;
  border-radius: 4px;
  margin-bottom: 12px;
  letter-spacing: 0.05em;
}

/* 記事タイトル */
.mc-related-title {
  font-size: 18px !important;
  font-weight: bold !important;
  color: #5c4d43 !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.5 !important;
}

/* 記事の説明文 */
.mc-related-desc {
  font-size: 13px !important;
  color: #666666 !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}

/* スマホ最適化（縦積みに変更） */
@media screen and (max-width: 600px) {
  .mc-related-card {
    flex-direction: column;
  }
  .mc-related-thumb {
    flex: none;
    width: 100%;
    max-width: none;
  }
  .mc-related-text {
    padding: 16px;
  }
  .mc-related-title {
    font-size: 16px !important;
    margin: 0 0 8px 0 !important;
  }
  .mc-related-desc {
    font-size: 12px !important;
  }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">脳を蝕む「酸化」と「炎症」の正体</h2>



<p class="wp-block-paragraph">パフォーマンスを下げる要因は、物理的なダメージとしても蓄積します。</p>



<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow">脳は全身の酸素の約20％を消費する</span></strong>ため、極めて「サビ（酸化）」の影響を受けやすい器官です。</p>



<h3 class="wp-block-heading"> 酸化ストレスという見えない敵</h3>



<p class="wp-block-paragraph">デジタルストレス、不規則な生活、偏った食事。これらは脳内で活性酸素を生み出し、脳細胞に酸化ストレスを与えます。</p>



<p class="wp-block-paragraph">サビが進んだ脳は、神経伝達が滞り、いわゆる「ブレインフォグ（脳の霧）」を引き起こします。</p>



<p class="wp-block-paragraph">その対策として「ポリフェノール」などの抗酸化成分は、この「脳のサビ」を防ぐガードマンといえます。</p>



<p class="wp-block-paragraph"></p>



<style>
  .ox-wrapper {
    width: 100%;
    max-width: 600px;
    margin: 2rem auto;
    background: #1a202c; /* ダークネイビー */
    border-radius: 12px;
    padding: 2rem;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #e2e8f0;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    overflow: hidden;
  }
  .ox-title {
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
    letter-spacing: 1px;
    color: #fbd38d; /* アンバー */
  }

  /* アニメーションステージ */
  .ox-stage {
    position: relative;
    width: 100%;
    height: 180px;
    background: #2d3748;
    border-radius: 8px;
    border: 2px solid #4a5568;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  /* ブレインフォグ（霧）のエフェクト */
  .ox-fog {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(circle, rgba(160,174,192,0.6) 0%, rgba(26,32,44,0.1) 100%);
    filter: blur(8px);
    opacity: 0; /* 初期は霧なし */
    transition: opacity 2s ease;
    z-index: 5;
    pointer-events: none;
  }

  /* 神経細胞（ニューロンの管） */
  .ox-neuron-path {
    position: relative;
    width: 80%;
    height: 40px;
    background: #3182ce; /* 正常時はクリアな青 */
    border-radius: 20px;
    box-shadow: 0 0 15px #3182ce;
    display: flex;
    align-items: center;
    transition: all 1.5s ease;
    z-index: 2;
  }

  /* 情報伝達の電気信号（光の玉） */
  .ox-signal {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 15px #fff;
    left: 5px;
    /* JSでアニメーション速度を変更 */
    animation: oxMoveSignal 1.5s infinite linear; 
  }

  @keyframes oxMoveSignal {
    0% { transform: translateX(0); opacity: 0; }
    10% { opacity: 1; }
    90% { transform: translateX(calc(100% - 40px)); opacity: 1; }
    100% { transform: translateX(calc(100% - 30px)); opacity: 0; }
  }

  /* 活性酸素（サビのトゲトゲ） */
  .ox-radical {
    position: absolute;
    width: 24px;
    height: 24px;
    background: #e53e3e; /* 赤/茶色系 */
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    opacity: 0;
    transform: scale(0);
    transition: all 1s ease;
    z-index: 3;
  }
  .ox-rad1 { top: -10px; left: 20%; }
  .ox-rad2 { bottom: -10px; left: 50%; }
  .ox-rad3 { top: -5px; right: 20%; }

  /* ポリフェノール（緑の盾/ガードマン） */
  .ox-shield {
    position: absolute;
    width: 20px;
    height: 24px;
    background: #48bb78; /* グリーン */
    clip-path: polygon(50% 0%, 100% 20%, 100% 60%, 50% 100%, 0% 60%, 0% 20%);
    opacity: 0;
    transform: translateY(-30px);
    transition: all 0.8s ease;
    z-index: 4;
  }
  .ox-shield1 { top: -10px; left: 20%; }
  .ox-shield2 { bottom: 5px; left: 50%; }
  .ox-shield3 { top: -5px; right: 20%; }

  /* ステータステキスト */
  .ox-status {
    text-align: center;
    font-size: 0.95rem; /* PC表示時も少し見やすく調整 */
    color: #a0aec0;
    height: 70px;
    margin-bottom: 0.5rem;
    line-height: 1.5;
  }
  .ox-status span.alert { color: #fc8181; font-weight: bold; }
  .ox-status span.safe { color: #68d391; font-weight: bold; }

  /* 静かな誘導文（フック） */
  .ox-guide {
    text-align: center;
    font-size: 0.85rem;
    color: #fbd38d; /* アンバーで少し目立たせる */
    margin-bottom: 5px; /* 注釈との間隔を詰める */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    /* 呼吸するような静かなアニメーション */
    animation: gentlePulseOx 2.5s infinite ease-in-out;
  }
  @keyframes gentlePulseOx {
    0%, 100% { opacity: 0.6; transform: translateY(0); }
    50% { opacity: 1; transform: translateY(3px); }
  }

  /* 誠実な注釈（キャプション） */
  .ox-caption {
    text-align: center;
    font-size: 0.75rem; /* 少し小さめに */
    color: #718096; /* 目立たないグレー */
    margin-bottom: 15px;
    margin-top: 0;
  }

  /* ボタン群 */
  .ox-controls {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  .ox-btn {
    background: #2d3748;
    border: 2px solid #4a5568;
    color: #e2e8f0;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s;
    flex: 1;
    min-width: 140px;
    max-width: 180px;
    text-align: center;
  }
  .ox-btn:hover { background: #4a5568; border-color: #fbd38d; color: #fbd38d; }
  .ox-btn.active { background: #fbd38d; color: #1a202c; border-color: #fbd38d; }

  /* スマホ対応 */
  @media (max-width: 480px) {
    .ox-wrapper { padding: 1rem; }
    .ox-stage { height: 140px; }
    
    /* ▼ スマホ時の実況テキストを1.1remに拡大、高さも確保 ▼ */
    .ox-status { 
      font-size: 1.1rem; 
      height: auto; 
      min-height: 120px; 
      line-height: 1.6;
    }
    
    .ox-controls { flex-direction: column; align-items: center; gap: 10px; }
    
    /* ▼ ボタンもタップしやすいように1.1remに拡大 ▼ */
    .ox-btn { 
      width: 100%; 
      max-width: none; 
      font-size: 1.1rem; 
      padding: 12px;
    }
  }
</style>

<div class="ox-wrapper">
  <div class="ox-title">脳のサビ（酸化）とポリフェノールの防御</div>
  
  <div class="ox-stage">
    <div class="ox-fog" id="ox-fog"></div>
    
    <div class="ox-neuron-path" id="ox-neuron-path">
      
      <div class="ox-radical ox-rad1" id="ox-rad1"></div>
      <div class="ox-radical ox-rad2" id="ox-rad2"></div>
      <div class="ox-radical ox-rad3" id="ox-rad3"></div>

      <div class="ox-shield ox-shield1" id="ox-shield1"></div>
      <div class="ox-shield ox-shield2" id="ox-shield2"></div>
      <div class="ox-shield ox-shield3" id="ox-shield3"></div>

      <div class="ox-signal" id="ox-signal"></div>
    </div>
  </div>

  <div class="ox-status" id="ox-status">
    【状態：正常な脳】<br>神経伝達は非常にスムーズです。<br>思考はクリアで、高い集中力を発揮できています。
  </div>

  <div class="ox-guide">
    👇 脳のサビがどう変化するか、<br class="mc-sp-only">タップして確認してください。
  </div>
  
  <p class="ox-caption">※イメージです</p>

  <div class="ox-controls">
    <button class="ox-btn active" id="btn-normal" onclick="setOxState('normal')">1. 正常な状態</button>
    <button class="ox-btn" id="btn-stress" onclick="setOxState('stress')">2. ストレス・睡眠不足</button>
    <button class="ox-btn" id="btn-defense" onclick="setOxState('defense')">3. ポリフェノール摂取</button>
  </div>
</div>

<script>
  function setOxState(state) {
    // ボタンのactive状態切り替え
    document.querySelectorAll('.ox-btn').forEach(btn => btn.classList.remove('active'));
    document.getElementById(`btn-${state}`).classList.add('active');

    const neuron = document.getElementById('ox-neuron-path');
    const signal = document.getElementById('ox-signal');
    const fog = document.getElementById('ox-fog');
    const status = document.getElementById('ox-status');
    
    // 要素の配列化
    const radicals = [document.getElementById('ox-rad1'), document.getElementById('ox-rad2'), document.getElementById('ox-rad3')];
    const shields = [document.getElementById('ox-shield1'), document.getElementById('ox-shield2'), document.getElementById('ox-shield3')];

    if (state === 'normal') {
      neuron.style.background = '#3182ce';
      neuron.style.boxShadow = '0 0 15px #3182ce';
      signal.style.animationDuration = '1.5s'; 
      fog.style.opacity = '0';
      
      radicals.forEach(r => { r.style.transform = 'scale(0)'; r.style.opacity = '0'; });
      shields.forEach(s => { s.style.transform = 'translateY(-30px)'; s.style.opacity = '0'; });
      
      status.innerHTML = '【状態：正常な脳】<br>神経伝達は非常にスムーズです。<br>思考はクリアで、高い集中力を発揮できています。';

    } else if (state === 'stress') {
      neuron.style.background = '#744210'; 
      neuron.style.boxShadow = 'inset 0 0 10px #000'; 
      signal.style.animationDuration = '4s'; 
      fog.style.opacity = '1'; 
      
      radicals.forEach(r => { r.style.transform = 'scale(1)'; r.style.opacity = '1'; });
      shields.forEach(s => { s.style.transform = 'translateY(-30px)'; s.style.opacity = '0'; });
      
      status.innerHTML = '<span class="alert">【状態：酸化ストレス（サビ）】</span><br>活性酸素が発生し、神経をサビさせています。<br>伝達スピードが落ち、思考に霧がかかる「ブレインフォグ」を引き起こしています。';

    } else if (state === 'defense') {
      shields.forEach(s => { s.style.transform = 'translateY(0)'; s.style.opacity = '1'; }); 
      
      setTimeout(() => {
        radicals.forEach(r => { r.style.transform = 'scale(0)'; r.style.opacity = '0'; });
        neuron.style.background = '#3182ce';
        neuron.style.boxShadow = '0 0 15px #48bb78'; 
        signal.style.animationDuration = '1.5s'; 
        fog.style.opacity = '0'; 
        
        status.innerHTML = '<span class="safe">【状態：ポリフェノールの防御】</span><br>ポリフェノールがガードマンとなり、活性酸素（サビ）を無力化！<br>ブレインフォグが晴れ、クリアな思考と伝達スピードを取り戻しました。';
        
        setTimeout(() => {
          shields.forEach(s => { s.style.transform = 'translateY(-30px)'; s.style.opacity = '0'; });
          neuron.style.boxShadow = '0 0 15px #3182ce'; 
        }, 1500);
      }, 800);
    }
  }
</script>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">脳をアップデートする│今日から始める「守りと攻め」の習慣</h2>



<p class="wp-block-paragraph">さて、脳の仕組みを理解した今、私たちがすべきことは具体的なアクションです！</p>



<p class="wp-block-paragraph"></p>



<style>
  .hb-wrapper {
    width: 100%;
    max-width: 800px; 
    margin: 2.5rem auto;
    background: #ffffff;
    border-radius: 20px;
    padding: 3rem 2.5rem;
    font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
    color: #334155;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04);
    border: 1px solid #e2e8f0;
  }
  
  .hb-title {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    color: #1e293b;
  }
  .hb-subtitle {
    text-align: center;
    font-size: 0.95rem;
    color: #64748b;
    margin-bottom: 2.5rem;
    line-height: 1.6;
  }

  /* セクションタイトル */
  .hb-section-title {
    font-size: 1.15rem;
    font-weight: bold;
    margin: 2.5rem 0 1rem;
    padding: 12px 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .hb-section-title.defense { 
    background: #f0fdf4; 
    color: #166534;
    border: 1px solid #bbf7d0;
  }
  .hb-section-title.offense { 
    background: #fffbeb; 
    color: #92400e;
    border: 1px solid #fde68a;
  }

  /* カード（常に開いた状態） */
  .hb-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 15px;
    overflow: hidden;
  }
  
  .hb-header {
    padding: 18px 20px 10px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: bold;
    font-size: 1.1rem;
    color: #1e293b;
  }
  .hb-number {
    display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px;
    background: #334155; color: #ffffff;
    border-radius: 50%; font-size: 0.85rem;
    flex-shrink: 0;
  }

  .hb-content {
    padding: 0 20px 20px 60px;
    font-size: 1rem;
    line-height: 1.8;
    color: #475569;
  }

  /* ▼ 各セクション直下のインライン・エビデンス ▼ */
  .hb-inline-evidence {
    margin-top: 18px;
    padding: 12px 16px;
    background: #f1f5f9;
    border-radius: 8px;
    /* 左端の太線を削除し、全体を1pxの細い枠線に変更 */
    border: 1px solid #e2e8f0;
    font-size: 0.85rem;
    line-height: 1.6;
    color: #64748b;
  }
  .hb-inline-evidence strong {
    color: #475569;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
    font-size: 0.9rem;
  }

  /* スマホ対応 */
  @media (max-width: 600px) {
    .hb-wrapper { padding: 1.5rem 1rem; }
    .hb-title { font-size: 1.25rem; }
    
    .hb-header { font-size: 1.1rem; padding: 15px 15px 5px 15px; }
    .hb-content { font-size: 1.1rem; line-height: 1.7; padding: 0 15px 15px 15px; margin-top: 10px; }
    
    .hb-inline-evidence { font-size: 0.95rem; padding: 12px; }
  }
</style>

<div class="hb-wrapper">
  <div class="hb-title">今日から始める<br class="mc-sp-only">「守りと攻め」の5大習慣</div>
  <div class="hb-subtitle">私たちの脳を一生の資産にするために。<br>今日から取り入れられる5つのアクションです。</div>

  <div class="hb-section-title defense">🛡️ 【守り】資産の目減りを防ぐ</div>
  
  <div class="hb-item">
    <div class="hb-header">
      <span class="hb-number">1</span>
      <span>抗酸化の食事（ポリフェノール等）</span>
    </div>
    <div class="hb-content">
      脳の酸化（サビ）を防ぐためには、強力な抗酸化物質の摂取が不可欠です。<br>
      日々の飲み物や食事から、いかに「守り」の成分を取り入れるかが鍵となります。<br><br>
      特にコーヒーに含まれる「クロロゲン酸」などのポリフェノールは、認知機能の低下を抑制し、脳内の血流を改善する頼もしいガードマンとして機能します。
      
      <!-- 直下エビデンス -->
      <div class="hb-inline-evidence">
        <strong><span>🔬</span>科学的根拠</strong>
        近年の研究（Nutrients, 2020 等）により、コーヒーポリフェノールの抗酸化作用が認知機能の維持・海馬の血流改善に寄与する可能性が示唆されています。
      </div>
    </div>
  </div>

  <div class="hb-item">
    <div class="hb-header">
      <span class="hb-number">2</span>
      <span>睡眠による「脳内クリーニング」</span>
    </div>
    <div class="hb-content">
      睡眠は単なる休息ではなく、物理的な「ゴミ出し」の時間です。<br>
      睡眠中には脳内の老廃物（アミロイドβなど）を洗い流すシステムが稼働します。<br><br>
      就寝の1時間前にはスマホの画面を見るのをやめ、睡眠ホルモンの分泌を妨げない「デジタル・サンセット」を実践しましょう。
      
      <!-- 直下エビデンス -->
      <div class="hb-inline-evidence">
        <strong><span>🔬</span>科学的根拠</strong>
        ロチェスター大学の研究（Xie et al., 2013, Science）により、睡眠中に脳内の老廃物を洗い流す「グリンパティック系」の存在が証明されています。
      </div>
    </div>
  </div>

  <div class="hb-item">
    <div class="hb-header">
      <span class="hb-number">3</span>
      <span>「スマホの隔離」によるメモリ保護</span>
    </div>
    <div class="hb-content">
      スマホは「視界にあるだけ」で、私たちの脳のエネルギーをダラダラと浪費させます。<br><br>
      1日の中で「スマホを物理的に別室に置く時間」を最低30分作りましょう。<br>
      この時間を作ることで、前頭前野の「抑え込み回路」が休まり、本来の深い集中力が戻ってきます。
      
      <!-- 直下エビデンス -->
      <div class="hb-inline-evidence">
        <strong><span>🔬</span>科学的根拠</strong>
        テキサス大学の調査（Ward et al., 2017）で、スマホが視界に入っているだけで脳のワーキングメモリが著しく低下することが判明しています。
      </div>
    </div>
  </div>

  <div class="hb-section-title offense">⚔️ 【攻め】新たな回路を育てる</div>

  <div class="hb-item">
    <div class="hb-header">
      <span class="hb-number">4</span>
      <span>有酸素運動による「脳の肥料」散布</span>
    </div>
    <div class="hb-content">
      運動は体だけでなく、脳の構造そのものを物理的に大きくします。<br>
      早歩きなどの有酸素運動によって放出される「BDNF（脳由来神経栄養因子）」は、まさに脳の肥料となり、記憶を司る海馬を物理的に成長させます。<br><br>
      週に数回、息が少し上がる程度の運動を取り入れましょう。
      
      <!-- 直下エビデンス -->
      <div class="hb-inline-evidence">
        <strong><span>🔬</span>科学的根拠</strong>
        イリノイ大学などの研究（Erickson et al., 2011, PNAS）で、週3回の有酸素運動を1年間続けた高齢者の海馬の体積が約2％増加したことが確認されています。
      </div>
    </div>
  </div>

  <div class="hb-item">
    <div class="hb-header">
      <span class="hb-number">5</span>
      <span>「新しい体験」によるシナプスの強化</span>
    </div>
    <div class="hb-content">
      脳は「慣れ」を嫌い、「新鮮な驚き」を栄養にして回路を太くします。<br>
      毎日同じルーティンをこなしていると、脳のネットワークは衰退していきます。<br><br>
      「いつもと違う道で帰る」「利き手と逆の手で歯を磨く」といった小さな「新しい刺激」が、何歳からでも新しいシナプス（回路）を生み出します。
    </div>
  </div>
</div>



<h3 class="wp-block-heading">溢れる情報の中で「確かな根拠」を味方につける</h3>



<p class="wp-block-paragraph">時間の流れが早く感じる今の情報時代。</p>



<p class="wp-block-paragraph">あれもこれもとやるべきことが多くて新しいことはなかなか取り組めないのが現状かもしれません。<br></p>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="yellow"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-02.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>でも、なにか対策を始めたいね</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/07/fukidasikyara-11.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>そんな方が味方につけるべきは<strong><span class="swl-marker mark_yellow">「確かな根拠」</span></strong>です</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="yellow"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-02.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>確かな証拠？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/07/fukidasikyara-11.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>そこでオススメしたいのが<strong><span class="swl-marker mark_yellow">機能性表示食品</span></strong>です</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
  .ffc-wrapper {
    width: 100%;
    max-width: 800px; /* PC表示に合わせて800pxに統一 */
    margin: 2.5rem auto;
    background: #f0faff; /* 優しい水色の背景 */
    border-radius: 16px;
    padding: 3rem 2.5rem; /* ゆったりとした余白に調整 */
    font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
    color: #334155;
    border: 1px solid #bae6fd;
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.05);
  }
  .ffc-title {
    text-align: center;
    font-size: 1.5rem; /* 他のセクションタイトルとサイズ感を統一 */
    font-weight: bold;
    margin-bottom: 1.5rem;
    color: #0369a1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }
  .ffc-content {
    background: #ffffff;
    border-radius: 12px;
    padding: 2rem; /* ボックス内の余白を広げて窮屈さを解消 */
    font-size: 1rem;
    line-height: 1.8;
    border: 1px solid #e0f2fe;
  }
  .ffc-intro {
    text-align: center;
    font-weight: bold;
    font-size: 1.05rem;
    margin-bottom: 1.5rem;
    color: #0ea5e9;
  }
  .ffc-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .ffc-list-item {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1.5rem;
  }
  .ffc-list-item:last-child {
    margin-bottom: 0;
  }
  .ffc-list-item::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: -2px;
    color: #0ea5e9;
    font-weight: bold;
    font-size: 1.2rem;
  }
  .ffc-list-item strong {
    color: #0c4a6e;
    display: block;
    margin-bottom: 6px;
    font-size: 1.05rem;
  }
  .ffc-footer {
    text-align: center;
    font-size: 0.85rem;
    color: #64748b;
    margin-top: 1.5rem;
    line-height: 1.6;
  }

  /* スマホ対応（1.1rem指定） */
  @media (max-width: 600px) {
    .ffc-wrapper { padding: 1.5rem 1rem; }
    .ffc-title { font-size: 1.25rem; }
    
    /* スマホ表示時の文字サイズと余白の最適化 */
    .ffc-content { padding: 1.5rem 1.2rem; font-size: 1.1rem; }
    .ffc-intro { font-size: 1.15rem; margin-bottom: 1.5rem; }
    
    .ffc-list-item { padding-left: 1.8rem; margin-bottom: 1.5rem; }
    .ffc-list-item::before { font-size: 1.3rem; }
    .ffc-list-item strong { font-size: 1.15rem; }
    
    /* 注釈は少し小さめにしつつ、可読性は担保 */
    .ffc-footer { font-size: 0.95rem; }
  }
</style>

<div class="ffc-wrapper">
  <div class="ffc-title">
    <span>🔬</span> 「機能性表示食品」とは？
  </div>
  
  <div class="ffc-content">
    <div class="ffc-intro">国に届け出られた、<br class="mc-sp-only">根拠ある食品の証です。</div>
    
    <ul class="ffc-list">
      <li class="ffc-list-item">
        <strong>1. 科学的根拠に基づいている</strong>
        その食品が「どう体に良いのか」という確かな研究データに基づき、健康の維持・増進に役立つ機能性が示されています。
      </li>
      <li class="ffc-list-item">
        <strong>2. 消費者庁へ届出済み</strong>
        事業者の責任において、安全性や機能性の根拠をしっかりと消費者庁長官へ届け出ている食品です。
      </li>
      <li class="ffc-list-item">
        <strong>3. 具体的なメリットを表示できる</strong>
        「記憶力の維持を助ける」など、一般的な食品では言えない具体的な健康メリットを、パッケージに分かりやすく表示できます。
      </li>
    </ul>
  </div>

  <p class="ffc-footer">
    ※特定保健用食品（トクホ）とは異なり、消費者庁長官による個別審査を受けたものではありません。
  </p>
</div>



<p class="wp-block-paragraph">もちろん具体的な健康に関する情報もあふれかえっていますよね。</p>



<p class="wp-block-paragraph">サプリメントや健康食品、健康に良い成分などもたくさんありすぎて、<strong>「結局、自分にとってどれが本当にいいの？」</strong>と迷ってしまうのが当たり前だと思います。</p>



<p class="wp-block-paragraph">だからこそ、「なんとなく良さそう」という曖昧な基準で選んで、大切なリソースを無駄にしてほしくないと考えています。</p>



<p class="wp-block-paragraph">脳という、代わりのきかない一生モノの財産だからこそ、<strong><span class="swl-marker mark_yellow">機能性表示食品という一つの確かな目印を大切に</span></strong>してみてはいかがでしょうか？</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h4 class="wp-block-heading">まずは身近な飲み物から変える「上品な習慣」</h4>



<p class="wp-block-paragraph">まずは一番ハードルの低い、けれど確実な一歩から始めてみませんか？</p>



<p class="wp-block-paragraph">あなたが毎日何気なく口にしている「一杯のコーヒー」から一歩を踏み出すことができます。</p>



<p class="wp-block-paragraph">朝や休憩時間の「いつものコーヒータイム」を<strong><span class="swl-marker mark_yellow">「Memory Coffee（メモリーコーヒー）」</span></strong>に変えるだけ。</p>



<p class="wp-block-paragraph">Memory Coffeeはスティック1本に機能性関与成分GABAを200mgを配合した機能性表示食品です。</p>



<!-- GABA解説：神秘的な光の玉アニメーション付き（注記枠外・右寄せ版） -->
<div style="margin: 32px 0; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;">
  
  <!-- 白背景のカード枠 -->
  <div style="background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 32px 28px; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);">
    <div class="gaba-explanation-container">
      
      <!-- 神秘的な光の玉（オーブ）エリア -->
      <div class="gaba-orb-wrapper">
        <div class="gaba-mystic-orb"></div>
        <!-- 光の粒子（装飾） -->
        <div class="gaba-particle p1"></div>
        <div class="gaba-particle p2"></div>
        <div class="gaba-particle p3"></div>
      </div>

      <!-- テキストエリア -->
      <div class="gaba-text-area">
        <p class="gaba-title">GABAとは？</p>
        <p class="gaba-desc">
          <strong>野菜や果物に含まれるアミノ酸の一種。<br>
          体内では神経伝達物質として、<br>
          健康維持に欠かせない役割を<br class="mc-sp-only">担っています。
        </strong></p>
      </div>

    </div>
  </div>

  <!-- 枠外に移動した注記（右寄せ） -->
  <div style="text-align: right; font-size: 11px; color: #888888; margin-top: 10px; padding-right: 5px; letter-spacing: 0.05em;">
    ※アニメーションはイメージです。
  </div>

  <style>
    /* レイアウトのベース */
    .gaba-explanation-container {
      display: flex;
      align-items: center;
      gap: 32px;
    }

    /* オーブを包む枠 */
    .gaba-orb-wrapper {
      position: relative;
      width: 90px;
      height: 90px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
    }

    /* 光の玉本体：ブルー・パープル統一版 */
    .gaba-mystic-orb {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: radial-gradient(circle at 35% 35%, #ffffff 0%, #e0e7ff 25%, #818cf8 60%, #4f46e5 100%);
      animation: gaba_float 4s ease-in-out infinite, gaba_pulse 4s ease-in-out infinite;
    }

    /* フワフワ浮遊する動き */
    @keyframes gaba_float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    /* 光が呼吸するように広がる動き */
    @keyframes gaba_pulse {
      0%, 100% {
        box-shadow: 
          0 0 15px #c7d2fe,
          0 0 30px rgba(129, 140, 248, 0.4),
          0 0 45px rgba(79, 70, 229, 0.2);
      }
      50% {
        box-shadow: 
          0 0 20px #ffffff,
          0 0 40px #818cf8,
          0 0 60px rgba(99, 102, 241, 0.6),
          0 0 80px rgba(79, 70, 229, 0.4);
      }
    }

    /* 周囲を漂う光の粒子 */
    .gaba-particle {
      position: absolute;
      width: 4px;
      height: 4px;
      background-color: #ffffff;
      border-radius: 50%;
      box-shadow: 0 0 6px #e0e7ff;
      opacity: 0;
    }
    .gaba-particle.p1 { top: 10%; left: 20%; animation: particle_blink 3s infinite 0.5s; }
    .gaba-particle.p2 { bottom: 15%; right: 15%; animation: particle_blink 4s infinite 1.2s; }
    .gaba-particle.p3 { top: 40%; right: 5%; width: 3px; height: 3px; animation: particle_blink 3.5s infinite 2.5s; }

    @keyframes particle_blink {
      0%, 100% { opacity: 0; transform: scale(0.5) translateY(0); }
      50% { opacity: 0.8; transform: scale(1.5) translateY(-5px); }
    }

    /* テキストのスタイル */
    .gaba-text-area {
      flex: 1;
    }
    .gaba-title {
      margin: 0 0 12px 0;
      font-size: 1.25rem;
      font-weight: bold;
      color: #1e293b;
      border-bottom: 2px solid #f1f5f9;
      padding-bottom: 10px;
    }
    .gaba-desc {
      margin: 0;
      font-size: 1.05rem;
      color: #475569;
      line-height: 1.8;
    }

    /* スマホ表示最適化 */
    @media (max-width: 600px) {
      .gaba-explanation-container {
        flex-direction: column;
        text-align: center;
        gap: 20px;
      }
      .gaba-title {
        font-size: 1.2rem;
        border-bottom: none;
        position: relative;
      }
      .gaba-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 40px;
        height: 2px;
        background-color: #f1f5f9;
      }
      .gaba-desc {
        font-size: 1.15rem;
      }
    }
  </style>
</div>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg.webp" alt="Memory Coffeeは、スティック1本に機能性関与成分GABAが200mg配合されていることを説明する画像" class="wp-image-4872" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<style>
/* ===================================================
   Memory Coffee 完全統合型プレミアム解説カード
   （脳科学記事トーン / ダークネイビー×アンバー / スマホ縦並び最適化）
   =================================================== */
.mc-hero-card { background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; margin: 36px 0 !important; box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05) !important; overflow: hidden !important; font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; box-sizing: border-box !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; display: block !important; width: 100% !important; clear: both !important; }
.mc-hero-card:hover { transform: translateY(-2px) !important; box-shadow: 0 16px 45px rgba(15, 23, 42, 0.08) !important; }

/* ヘッダー：記事トーンに合わせたダークネイビー × アンバーのアクセント */
.mc-card-header { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%) !important; padding: 28px 28px 24px !important; position: relative !important; border-bottom: 3px solid #fbd38d !important; display: block !important; }
.mc-card-heading { font-size: 22px !important; font-weight: 700 !important; color: #f8fafc !important; margin: 0 0 12px 0 !important; line-height: 1.4 !important; letter-spacing: 0.06em !important; display: flex !important; align-items: center !important; gap: 10px !important; }
.mc-card-heading::before { content: '' !important; display: inline-block !important; width: 4px !important; height: 1.1em !important; background: #fbd38d !important; border-radius: 2px !important; flex-shrink: 0 !important; }
.mc-card-intro { font-size: 15px !important; line-height: 1.75 !important; color: #a0aec0 !important; margin: 0 !important; letter-spacing: 0.03em !important; display: block !important; }
.mc-card-body { padding: 28px !important; background: #ffffff !important; display: block !important; }

/* バッジ：知的な落ち着いたブルー系 */
.mc-badge-group { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; align-items: center !important; margin-bottom: 24px !important; width: 100% !important; }
.mc-badge-main { background: #2b6cb0 !important; color: #ffffff !important; font-weight: 700 !important; font-size: 12px !important; letter-spacing: 0.08em !important; border-radius: 20px !important; padding: 6px 16px !important; box-shadow: 0 2px 8px rgba(43, 108, 176, 0.2) !important; display: inline-block !important; }
.mc-badge-sub { background: #ebf8ff !important; color: #2b6cb0 !important; border: 1px solid #bee3f8 !important; border-left: 3px solid #3182ce !important; font-weight: 700 !important; font-size: 12px !important; letter-spacing: 0.05em !important; border-radius: 4px 20px 20px 4px !important; padding: 5px 14px 5px 12px !important; display: inline-block !important; }

.mc-section-subhead { font-size: 16px !important; font-weight: 700 !important; color: #1a202c !important; margin: 0 0 12px 0 !important; letter-spacing: 0.04em !important; display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; }
.mc-section-subhead::before { content: '◆' !important; color: #fbd38d !important; font-size: 14px !important; }
.mc-lead-text { color: #4a5568 !important; font-size: 15px !important; line-height: 1.75 !important; margin: 0 0 18px 0 !important; font-weight: 500 !important; display: block !important; width: 100% !important; }
.mc-lead-text strong { color: #1a202c !important; font-weight: 700 !important; background: linear-gradient(transparent 62%, #bee3f8 62%) !important; }

/* 特徴ボックス：知的なブルーのチェックアイコン */
.mc-feature-box { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 20px !important; margin-bottom: 32px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-feature-row { display: flex !important; align-items: flex-start !important; gap: 14px !important; width: 100% !important; }
.mc-feature-row + .mc-feature-row { margin-top: 14px !important; padding-top: 14px !important; border-top: 1px dashed #cbd5e1 !important; }
.mc-feature-icon { flex-shrink: 0 !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; background: linear-gradient(135deg, #3182ce 0%, #2b6cb0 100%) !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 800 !important; margin-top: 2px !important; box-shadow: 0 2px 6px rgba(43, 108, 176, 0.35) !important; }
.mc-feature-title { display: block !important; color: #1a202c !important; font-weight: 700 !important; font-size: 15px !important; margin-bottom: 2px !important; letter-spacing: 0.04em !important; }
.mc-feature-desc { color: #4a5568 !important; font-size: 14px !important; line-height: 1.55 !important; display: block !important; }

/* ブレンド融合エリア */
.mc-blend-container { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 24px !important; margin-bottom: 32px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-blend-stage-wrap { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; margin-bottom: 24px !important; width: 100% !important; }
.mc-bean-unit { text-align: center !important; flex: 1 !important; max-width: 300px !important; display: block !important; }
.mc-bean-unit img { width: 100% !important; height: auto !important; display: block !important; border-radius: 8px !important; box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important; }
.mc-blend-symbol { text-align: center !important; flex-shrink: 0 !important; display: block !important; }
.mc-x-mark { font-size: 26px !important; font-weight: 800 !important; color: #d69e2e !important; display: block !important; line-height: 1 !important; }
.mc-x-text { font-size: 12px !important; font-weight: 700 !important; color: #1a202c !important; margin: 4px 0 0 !important; letter-spacing: 0.05em !important; display: block !important; }

/* 神秘的な光の玉（GABA）：プレミアムな発光 */
.mc-hero-fusion-stage { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 20px 0 24px !important; width: 100% !important; }
.mc-hero-plus-symbol { font-size: 26px !important; font-weight: 800 !important; color: #d69e2e !important; flex-shrink: 0 !important; display: block !important; }
.mc-hero-gaba-orb-wrap { text-align: center !important; display: block !important; }
.gaba-orb-wrapper { position: relative !important; width: 90px !important; height: 90px !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 auto 6px !important; }
.gaba-mystic-orb { width: 58px !important; height: 58px !important; border-radius: 50% !important; background: radial-gradient(circle at 35% 35%, #ffffff 0%, #bee3f8 25%, #3182ce 60%, #2b6cb0 100%) !important; display: flex !important; align-items: center !important; justify-content: center !important; animation: gaba_float 4s ease-in-out infinite, gaba_pulse_blue 4s ease-in-out infinite !important; }
.gaba-orb-text { color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; letter-spacing: 0.06em !important; text-shadow: 0 1px 3px rgba(30, 41, 59, 0.7) !important; display: block !important; }
@keyframes gaba_float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes gaba_pulse_blue { 0%, 100% { box-shadow: 0 0 15px #bee3f8, 0 0 30px rgba(49, 130, 206, 0.4), 0 0 45px rgba(43, 108, 176, 0.2); } 50% { box-shadow: 0 0 20px #ffffff, 0 0 40px #90cdf4, 0 0 60px rgba(49, 130, 206, 0.6), 0 0 80px rgba(43, 108, 176, 0.4); } }
.gaba-particle { position: absolute !important; width: 4px !important; height: 4px !important; background-color: #ffffff !important; border-radius: 50% !important; box-shadow: 0 0 6px #ebf8ff !important; opacity: 0 !important; display: block !important; }
.gaba-particle.p1 { top: 10% !important; left: 20% !important; animation: particle_blink 3s infinite 0.5s !important; }
.gaba-particle.p2 { bottom: 15% !important; right: 15% !important; animation: particle_blink 4s infinite 1.2s !important; }
.gaba-particle.p3 { top: 40% !important; right: 5% !important; width: 3px !important; height: 3px !important; animation: particle_blink 3.5s infinite 2.5s !important; }
@keyframes particle_blink { 0%, 100% { opacity: 0; transform: scale(0.5) translateY(0); } 50% { opacity: 0.9; transform: scale(1.5) translateY(-5px); } }
.mc-hero-gaba-caption { font-size: 13px !important; font-weight: 700 !important; color: #1a202c !important; letter-spacing: 0.05em !important; margin: 0 !important; display: block !important; }
.mc-blend-desc-text { font-size: 15px !important; line-height: 1.8 !important; color: #4a5568 !important; text-align: center !important; margin: 0 0 20px 0 !important; display: block !important; width: 100% !important; }

/* ストーリーパネル */
.mc-story-panel-wrap { background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; padding: 20px !important; display: flex !important; align-items: center !important; gap: 18px !important; width: 100% !important; box-sizing: border-box !important; }
.mc-story-text-area { flex: 1 !important; display: block !important; }
.mc-story-head-text { font-size: 16px !important; font-weight: 700 !important; color: #1a202c !important; line-height: 1.6 !important; margin: 0 !important; display: block !important; }
.mc-big-num { font-size: 26px !important; color: #2b6cb0 !important; font-weight: 800 !important; padding: 0 2px !important; }
.mc-story-img-area { flex-shrink: 0 !important; width: 120px !important; display: block !important; }
.mc-polaroid { margin: 0 !important; background: #ffffff !important; padding: 5px 5px 8px !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 4px 10px rgba(0,0,0,0.06) !important; border-radius: 4px !important; text-align: center !important; display: block !important; }
.mc-polaroid img { width: 100% !important; height: auto !important; display: block !important; border-radius: 2px !important; }
.mc-polaroid figcaption { font-size: 11px !important; color: #64748b !important; margin-top: 5px !important; letter-spacing: 0.02em !important; display: block !important; }

/* エビデンスエリア：記事トーンのダークネイビーに統一 */
.mc-inner-divider { border: none !important; border-top: 1px dashed #cbd5e1 !important; margin: 36px 0 !important; position: relative !important; display: block !important; width: 100% !important; }
.mc-inner-divider::after { content: 'EVIDENCE' !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translateX(-50%) !important; background: #ffffff !important; padding: 0 16px !important; color: #a0aec0 !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.1em !important; display: block !important; }
.mc-gaba-comparison-box { background: #1a202c !important; border: 2px solid #4a5568 !important; border-radius: 12px !important; padding: 16px 20px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important; margin: 0 auto 24px !important; text-align: center !important; position: relative !important; overflow: hidden !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-gaba-title { font-size: 20px !important; color: #f8fafc !important; font-weight: bold !important; margin: 0 !important; display: block !important; }
.mc-gaba-title .mc-tech-text { color: #fbd38d !important; }
.mc-graph-area { position: relative !important; background-color: #1a202c !important; border-radius: 12px !important; padding: 30px 24px !important; color: #ffffff !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-bg-glow { position: absolute !important; top: -50px !important; right: -50px !important; width: 200px !important; height: 200px !important; background: radial-gradient(circle, rgba(251, 211, 141, 0.15) 0%, rgba(0,0,0,0) 70%) !important; border-radius: 50% !important; pointer-events: none !important; display: block !important; }
.mc-clinical-header { text-align: center !important; margin-bottom: 24px !important; position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; }
.mc-clinical-badge { border: 1px solid #fbd38d !important; color: #fbd38d !important; font-size: 10px !important; font-weight: 700 !important; padding: 3px 12px !important; border-radius: 20px !important; letter-spacing: 0.1em !important; background: rgba(0,0,0,0.3) !important; display: inline-block !important; margin-bottom: 12px !important; }
.mc-clinical-title { font-size: 22px !important; margin: 0 0 16px 0 !important; font-weight: 700 !important; color: #f8fafc !important; line-height: 1.4 !important; display: block !important; }
.mc-clinical-desc { font-size: 14px !important; color: #cbd5e1 !important; line-height: 1.8 !important; margin: 0 !important; display: block !important; }
.mc-sup { font-size: 10px !important; vertical-align: top !important; }
.mc-tech-underline { color: #fbd38d !important; border-bottom: 1px solid #fbd38d !important; display: inline !important; }
.mc-graph-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; position: relative !important; z-index: 1 !important; width: 100% !important; }
.mc-graph-card { background-color: #2d3748 !important; border-radius: 8px !important; overflow: hidden !important; box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important; display: block !important; }
.mc-graph-card img { width: 100% !important; height: auto !important; display: block !important; }

/* ★ プレミアムな発光枠スタイル ★ */
.mc-graph-card.highlight-tech {
    border: 2px solid #4a5568 !important;
    position: relative !important;
    box-shadow: 0 0 16px rgba(251, 211, 141, 0.2), inset 0 0 10px rgba(251, 211, 141, 0.05) !important;
}

.mc-citation-area { margin-top: 24px !important; padding-top: 16px !important; border-top: 1px solid rgba(255,255,255,0.1) !important; font-size: 11px !important; color: #a0aec0 !important; line-height: 1.6 !important; text-align: left !important; position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-citation-area p { margin: 0 0 6px 0 !important; display: block !important; }
.mc-citation-area p:last-child { margin-bottom: 0 !important; }

/* フッター */
.mc-card-footer { background: #f8fafc !important; border-top: 1px solid #e2e8f0 !important; padding: 24px 28px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-official-tag { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-weight: 700 !important; color: #1a202c !important; font-size: 12px !important; margin-bottom: 10px !important; background: #ffffff !important; padding: 4px 12px !important; border-radius: 4px !important; border: 1px solid #cbd5e1 !important; letter-spacing: 0.05em !important; }
.mc-official-tag::before { content: '✓' !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 14px !important; height: 14px !important; background: #2b6cb0 !important; color: #ffffff !important; border-radius: 50% !important; font-size: 9px !important; flex-shrink: 0 !important; }
.mc-disclaimer { font-size: 11px !important; color: #64748b !important; line-height: 1.65 !important; margin: 0 !important; display: block !important; }

/* ★ スマホ最適化 ★ */
@media (max-width: 600px) {
  .mc-card-header { padding: 22px 18px 18px !important; }
  .mc-card-heading { font-size: 19px !important; }
  .mc-card-intro { font-size: 14px !important; }
  .mc-card-body { padding: 20px 18px !important; }
  .mc-feature-box { padding: 16px 14px !important; }
  .mc-blend-container { padding: 18px 14px !important; margin-bottom: 24px !important; }
  
  .mc-blend-stage-wrap { flex-direction: column !important; gap: 12px !important; }
  .mc-bean-unit { max-width: 280px !important; width: 100% !important; margin: 0 auto !important; }
  .mc-x-mark { font-size: 32px !important; margin: 8px 0 !important; }
  
  .mc-hero-fusion-stage { margin: 16px 0 20px !important; }
  .gaba-orb-wrapper { width: 76px !important; height: 76px !important; }
  .gaba-mystic-orb { width: 50px !important; height: 50px !important; }
  
  .mc-story-panel-wrap { flex-direction: column !important; text-align: center !important; padding: 16px 12px !important; }
  .mc-story-img-area { width: 100% !important; max-width: 180px !important; margin: 0 auto !important; }
  .mc-gaba-title { font-size: 18px !important; }
  .mc-graph-area { padding: 20px 16px !important; }
  .mc-clinical-title { font-size: 20px !important; }
  .mc-graph-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .mc-card-footer { padding: 16px 18px !important; }
}
</style>

<div class="mc-hero-card">
  <div class="mc-card-header">
    <div class="mc-card-heading">Memory Coffeeとは？</div>
    <p class="mc-card-intro">
      毎日のコーヒータイムを「自分らしさを育む時間」へと変える機能性表示食品（インスタントコーヒー）です。<br><br>本格的なおいしさと、認知機能の一部を維持するGABA200mg（1本あたり）のサポートを両立しています。
    </p>
  </div>

  <div class="mc-card-body">
    <div class="mc-badge-group">
      <span class="mc-badge-main">機能性表示食品</span>
      <span class="mc-badge-sub">GABA 200mg配合</span>
    </div>
    
    <div class="mc-section-subhead">
      <span style="font-size: 18px !important; display: inline-block;">科学的根拠に基づいた3つのサポート機能</span>
    </div>
    <p class="mc-lead-text">
      Memory Coffeeに含まれるGABAは、加齢とともに低下する<strong>認知機能の一部を維持する機能</strong>が報告されています。
    </p>
    
    <div class="mc-feature-box">
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">記憶力</span>
          <span class="mc-feature-desc">見たり聞いたりしたことを思い出す力</span>
        </div>
      </div>
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">空間認知力</span>
          <span class="mc-feature-desc">物の位置、形、向きなどを正確に把握する力</span>
        </div>
      </div>
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">持続的注意力</span>
          <span class="mc-feature-desc">注意を持続させながら、作業を続ける力</span>
        </div>
      </div>
    </div>

    <!-- ブレンドとGABAの融合 -->
    <div class="mc-blend-container">
      <div class="mc-section-subhead" style="justify-content: center; margin-bottom: 18px;">
        <span style="font-size: 16px !important; display: inline-block;">30回の試作で辿り着いた<br class="mc-sp-only">本格ブレンド</span>
      </div>

      <div class="mc-blend-stage-wrap">
        <div class="mc-bean-unit">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-brazil-beans-p.webp" alt="ブラジル産コーヒー豆" loading="lazy" decoding="async">
        </div>
        <div class="mc-blend-symbol">
          <span class="mc-x-mark">×</span>
          <p class="mc-x-text">絶妙ブレンド</p>
        </div>
        <div class="mc-bean-unit">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-vietnam-beans-p.webp" alt="ベトナム産コーヒー豆" loading="lazy" decoding="async">
        </div>
      </div>

      <div class="mc-hero-fusion-stage">
        <span class="mc-hero-plus-symbol">＋</span>
        <div class="mc-hero-gaba-orb-wrap">
          <div class="gaba-orb-wrapper">
            <div class="gaba-mystic-orb">
              <span class="gaba-orb-text">GABA</span>
            </div>
            <div class="gaba-particle p1"></div>
            <div class="gaba-particle p2"></div>
            <div class="gaba-particle p3"></div>
          </div>
          <p class="mc-hero-gaba-caption">機能性関与成分 GABA</p>
        </div>
      </div>

      <p class="mc-blend-desc-text">
        スッキリとしたブラジル産とコク深いベトナム産の豆を絶妙にブレンド。<br>
        毎日飽きずに楽しめる、本格的でホッとする風味に仕上げています。
      </p>

      <div class="mc-story-panel-wrap">
        <div class="mc-story-text-area">
          <p class="mc-story-head-text">
            開発段階で約<span class="mc-big-num">30</span>パターンもの<br class="mc-sp-only">ブレンド配合・調整を繰り返し、<br class="mc-sp-only">納得の1杯を完成させました！
          </p>
        </div>
        <div class="mc-story-img-area">
          <figure class="mc-polaroid">
            <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-Product01-p.webp" alt="実際のブレンド配合打合せ資料" loading="lazy" decoding="async">
            <figcaption>配合打合せの様子</figcaption>
          </figure>
        </div>
      </div>
    </div>

    <!-- エビデンス（科学的根拠）セクション -->
    <hr class="mc-inner-divider">
    
    <div class="mc-section-subhead" style="justify-content: center; margin-bottom: 24px;">
      <span style="font-size: 18px !important; display: inline-block;">科学が証明する機能性</span>
    </div>

    <div class="mc-gaba-comparison-box">
      <div class="mc-gaba-title">
        スティック1本（1杯）で <span class="mc-tech-text">GABA 200mg配合</span>
      </div>
    </div>

    <div class="mc-graph-area">
      <div class="mc-bg-glow"></div>

      <div class="mc-clinical-header">
        <span class="mc-clinical-badge">CLINICAL TRIAL</span>
        <div class="mc-clinical-title">ヒト臨床試験における<br class="mc-sp-only">優位性の確認</div>
        <p class="mc-clinical-desc">
          認知機能の低下を感じる40歳以上の<br class="mc-sp-only">健康な男女120名<span class="mc-sup">※</span>を対象とした試験で、<br>
          <strong class="mc-tech-underline">12週間の継続摂取</strong>により、<br class="mc-sp-only">統計的に有意な維持・改善が見られました。
        </p>
      </div>
      
      <!-- エビデンスグラフ2列 -->
      <div class="mc-graph-grid">
        <div class="mc-graph-card highlight-tech">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-evidence-kioku-p.webp" alt="記憶力の維持に関する臨床試験データ" loading="lazy" decoding="async">
        </div>
        <div class="mc-graph-card highlight-tech">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-evidence-kuukan-p.webp" alt="空間認知力の維持に関する臨床試験データ" loading="lazy" decoding="async">
        </div>
      </div>

      <!-- 注記・出典論文 -->
      <div class="mc-citation-area">
        <p>※システマティックレビューで評価した研究2報の参加者の人数の合計</p>
        <p>※「持続的注意力（注意を持続させながら、作業を続ける力）」も同様に、システマティックレビューに含まれるヒト試験において、Cognitrax等を用いて評価された項目に基づいて届出しています。</p>
        <p>&lt;引用論文&gt; Yamatsu A., Nakamura U., Saddam HM., Horie N., Kaneko T., Kim M. Intake of 200 mg/day of γ-Aminobutyric Acid (GABA) Improves a Wide Range of Cognitive Functions – A Randomized, Double-blind, Placebo-controlled Parallelgroup Clinical Trial– 薬理と治療 48, 3, 461-474 (2020)</p>
        <p>※本商品を用いて行った実験ではありません。</p>
      </div>
    </div>

  </div>

  <div class="mc-card-footer">
    <div class="mc-official-tag">届出番号：J1384</div>
    <p class="mc-disclaimer">
      ※本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。<br>
      ※本品は、疾病の診断、治療、予防を目的としたものではありません。<br>
      ※アニメーションはイメージです。
    </p>
  </div>
</div>



<style>
  /* --- ベースコンテナ --- */
  .mc-nagara-wrapper {
    width: 100%;
    max-width: 800px;
    margin: 40px auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    box-sizing: border-box;
  }

  /* --- 区切り線（アンバー/ゴールド系） --- */
  .mc-premium-divider {
    height: 1px;
    background: linear-gradient(to right, transparent, #fbd38d, transparent);
    margin: 0 auto 35px;
    width: 90%;
  }
  .mc-premium-divider.is-bottom { margin: 45px auto 0; }

  /* --- 見出し --- */
  .mc-nagara-heading {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 800;
    color: #1a202c;
    line-height: 1.5;
    margin-bottom: 32px;
    letter-spacing: 0.05em;
  }
  .mc-nagara-heading-accent {
    display: inline-block;
    color: #d69e2e; /* アンバー */
    background: linear-gradient(transparent 65%, #fef3c7 65%);
  }

  /* --- 2カラムレイアウト（画像＋リスト） --- */
  .mc-nagara-flex {
    display: flex;
    align-items: center;
    gap: 32px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
  }

  /* --- 左：メイン画像エリア --- */
  .mc-nagara-img-col {
    flex: 1;
    border-radius: 12px;
    overflow: hidden;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    position: relative;
  }
  .mc-nagara-img-col img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    aspect-ratio: 1 / 1;
  }
  .mc-nagara-img-label {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: rgba(26, 32, 44, 0.85);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 20px;
    backdrop-filter: blur(4px);
    letter-spacing: 0.05em;
  }

  /* --- 右：リストエリア --- */
  .mc-nagara-list-col {
    flex: 1.2;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  
  /* デッドクリックを防ぐため静的にしつつ、背景は水色・枠線はアンバーに */
  .mc-nagara-item {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #f0faff; /* 優しい水色系の背景 */
    border: 1px solid #fbd38d; /* アンバー（黄色）のアウトライン */
    padding: 16px;
    border-radius: 10px;
  }
  .mc-nagara-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    background: #ffffff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    border: 1px solid #e2e8f0;
  }
  .mc-nagara-text-wrap {
    display: flex;
    flex-direction: column;
  }
  .mc-nagara-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: #1a202c;
    margin-bottom: 4px;
  }
  .mc-nagara-desc {
    font-size: 0.9rem;
    color: #4a5568;
    font-weight: 500;
    line-height: 1.5;
  }
  .mc-nagara-desc strong {
    color: #d69e2e;
  }

  /* --- スマホ表示最適化（1.1rem） --- */
  @media (max-width: 600px) {
    .mc-nagara-wrapper { padding: 0 16px; margin: 32px auto; }
    .mc-premium-divider { margin-bottom: 25px; }
    .mc-premium-divider.is-bottom { margin-top: 35px; }
    
    .mc-nagara-heading { font-size: 1.3rem; margin-bottom: 24px; }
    
    .mc-nagara-flex {
      flex-direction: column;
      padding: 16px;
      gap: 20px;
    }
    .mc-nagara-img-col { width: 100%; }
    .mc-nagara-list-col { width: 100%; gap: 12px; }
    
    .mc-nagara-item { padding: 18px 14px; gap: 14px; }
    
    .mc-nagara-title { font-size: 1.15rem; margin-bottom: 6px; }
    .mc-nagara-desc { font-size: 1.1rem; line-height: 1.6; }
  }
</style>

<div class="mc-nagara-wrapper">
  
  <div class="mc-premium-divider"></div>

  <div class="mc-nagara-heading">
    忙しい毎日でも自然に続く<br class="mc-sp-only">
    <span class="mc-nagara-heading-accent">”ながらケア”</span>という選択
  </div>

  <div class="mc-nagara-flex">
    
    <div class="mc-nagara-img-col">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-02.jpg" alt="デスクの上のMemory Coffee" loading="lazy">
      <span class="mc-nagara-img-label">いつもの1杯を置き換えるだけ</span>
    </div>

    <!-- 薬機法・景表法を遵守したクリーンな表現 -->
    <div class="mc-nagara-list-col">
      
      <div class="mc-nagara-item">
        <div class="mc-nagara-icon">💻</div>
        <div class="mc-nagara-text-wrap">
          <span class="mc-nagara-title">デスクワークをこなしながら</span>
          <span class="mc-nagara-desc">作業に追われる時間に。<br>GABAの働きで、作業を続けるための<strong>「持続的注意力」</strong>をサポート。</span>
        </div>
      </div>

      <div class="mc-nagara-item">
        <div class="mc-nagara-icon">📖</div>
        <div class="mc-nagara-text-wrap">
          <span class="mc-nagara-title">新しい情報をインプットしながら</span>
          <span class="mc-nagara-desc">学習や情報収集の時間に。<br>見たり聞いたりしたことを思い出す<strong>「記憶力」</strong>を維持します。</span>
        </div>
      </div>

      <div class="mc-nagara-item">
        <div class="mc-nagara-icon">☕</div>
        <div class="mc-nagara-text-wrap">
          <span class="mc-nagara-title">午後のモヤモヤをリセットしながら</span>
          <span class="mc-nagara-desc">停滞感を感じる夕方のひとときに。<br>コーヒーの豊かな香りと味わいで、<strong>気分をスッキリとリフレッシュ</strong>。</span>
        </div>
      </div>

      <div class="mc-nagara-item">
        <div class="mc-nagara-icon">📵</div>
        <div class="mc-nagara-text-wrap">
          <span class="mc-nagara-title">スマホから離れて深呼吸しながら</span>
          <span class="mc-nagara-desc">情報から距離を置く休憩タイムのお供に。<br>ホッと一息つくための<strong>リラックス習慣</strong>として。</span>
        </div>
      </div>

    </div>
  </div>

  <div class="mc-premium-divider is-bottom"></div>

</div>



<p class="wp-block-paragraph">毎日のホッとするひとときから、未来を支える、最も手軽で上品な習慣。</p>



<p class="wp-block-paragraph">まずは、あなたの手元にある一杯から、新しい物語を始めてみませんか？</p>



<style>
/* Memory Coffee プレミアム・サファイアバナー（PC最適化＆強制上書き版） */
.mc-jewel-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  margin: 3em 0 !important;
  padding: 12px 24px !important; /* 左右の余白を少し詰めて空間を確保 */
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", serif;
  
  /* サファイアブルーの深層グラデーション背景 */
  background: radial-gradient(circle at center, #0047AB 0%, #002147 100%);
  
  /* 1pxの琥珀色の細い境界線 */
  border: 1px solid rgba(197, 160, 89, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 15px rgba(197, 160, 89, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 微細なコーヒー豆のテクスチャ（オーバーレイ） */
.mc-jewel-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c5 0 8-4 8-8s-3-8-8-8-8 4-8 8 3 8 8 8z' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  pointer-events: none;
}

/* ホバー時の宝石のような輝きの変化 */
.mc-jewel-banner:hover {
  transform: translateY(-3px);
  border-color: #FFBF00;
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 0 25px rgba(255, 191, 0, 0.2);
}

/* 左側：ロゴ・フレームエリア */
.mc-jb-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important; /* 少し間隔を詰めて横幅を節約 */
  z-index: 2;
}
.mc-jb-logo-frame {
  position: relative;
  padding: 6px;
  border: 1.5px solid #C5A059;
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}
/* 湯気・ミストの演出（ぼかし光） */
.mc-jb-logo-frame::after {
  content: "";
  position: absolute;
  top: -10px; left: 50%;
  width: 40px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(197,160,89,0.4) 0%, transparent 70%);
  filter: blur(8px);
  transform: translateX(-50%);
  animation: jbSteam 4s infinite alternate;
}
@keyframes jbSteam {
  from { opacity: 0.3; transform: translateX(-50%) translateY(0); }
  to { opacity: 0.6; transform: translateX(-50%) translateY(-5px); }
}
.mc-jb-logo-frame img {
  max-height: 44px !important;
  width: auto !important;
  display: block;
  filter: drop-shadow(0 0 5px rgba(197,160,89,0.5));
}

/* 中央：テキストエリア（縦並びに変更して窮屈さを解消） */
.mc-jb-center {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important; /* バッジとテキストを縦に配置 */
  align-items: flex-start !important; /* 左寄せ */
  justify-content: center !important;
  padding: 0 24px !important;
  gap: 6px !important;
  z-index: 2;
}
.mc-jb-badge {
  background: #C5A059;
  border: 1px solid #FFD700;
  color: #1e2147;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 0 !important; /* 縦並びのため右マージンをリセット */
  white-space: nowrap !important;
  display: inline-block !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mc-jb-text {
  color: #ffffff !important;
  font-size: 1.15em !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  white-space: nowrap !important; /* 意図しない改行を完全に防ぐ */
}

/* 右側：鮮やかなピュアオレンジのジュエルボタン */
.mc-jb-btn {
  background: linear-gradient(145deg, #FF8A00 0%, #FF5E00 50%, #DF4A00 100%) !important;
  border: 1px solid #FFAD33 !important;
  padding: 10px 24px !important; /* 横幅を節約 */
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 5px 15px rgba(223, 74, 0, 0.4), inset 0 2px 2px rgba(255,255,255,0.4) !important;
  position: relative;
  overflow: hidden;
  z-index: 2;
  white-space: nowrap !important; /* ボタン内の文字落ちを防ぐ */
}
/* ボタン上の光の走査（宝石の輝き） */
.mc-jb-btn::after {
  content: '';
  position: absolute;
  top: -50%; left: -100%;
  width: 50%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
  transform: rotate(30deg);
  animation: jbBtnShine 3s infinite;
}
@keyframes jbBtnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.mc-jb-btn-text {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.95em !important;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-jewel-banner { flex-direction: column !important; gap: 20px !important; padding: 25px !important; text-align: center !important; }
  .mc-jb-logo-frame { border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 15px !important; }
  .mc-jb-center { align-items: center !important; padding: 0 !important; gap: 12px !important; }
  .mc-jb-text { text-align: center !important; }
  .mc-jb-btn { width: 100% !important; justify-content: center !important; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-jewel-banner">
  
  <div class="mc-jb-left">
    <div class="mc-jb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-jb-center">
    <div class="mc-jb-badge">機能性表示食品</div>
    <p class="mc-jb-text">
      200mgのGABAを1杯に<br>コーヒーで手軽に機能ケア
    </p>
  </div>

  <div class="mc-jb-btn">
    <span class="mc-jb-btn-text">Memory Coffeeを詳しくみる ▶︎</span>
  </div>

</a>



<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&#038;family=Noto+Serif+JP:wght@400;700&#038;display=swap" rel="stylesheet">
<style>
.mc2-outer, .mc2-outer *, .mc2-outer *::before, .mc2-outer *::after { box-sizing: border-box; }

.mc2-outer {
  width: 100%;
  padding: 24px 0 32px;
}
.mc2-wrap { width: 100%; max-width: 920px; margin: 0 auto; }

.mc2-coupon-bar {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12.5px; font-weight: 700;
  color: #3A2FB0; text-align: center;
  margin: 0 0 10px; letter-spacing: .08em;
}

.mc2-card {
  position: relative;
  display: flex; align-items: stretch;
  text-decoration: none; border-radius: 16px; overflow: hidden;
  background: linear-gradient(120deg, #090640 0%, #1714A0 60%, #0C0965 100%);
  box-shadow: 0 8px 40px rgba(9,6,64,.5), 0 2px 12px rgba(23,20,160,.3);
  transition: transform .25s ease, box-shadow .25s ease;
  min-height: 148px;
}
.mc2-card::after {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none; z-index: 0;
}
.mc2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 52px rgba(9,6,64,.65), 0 4px 20px rgba(23,20,160,.4);
}

.mc2-brand {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 8px;
  padding: 22px 26px;
  background: rgba(0,0,0,.2);
  border-right: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
}
.mc2-amz-pill {
  background: #fff; border-radius: 6px;
  padding: 8px 18px;
  display: inline-flex; align-items: center;
  align-self: flex-start;
}
.mc2-amz-logo { height: 44px; width: auto; display: block; }
.mc2-name {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.375rem; font-weight: 700;
  color: #fff; margin: 0;
  white-space: nowrap; letter-spacing: .03em;
}
.mc2-tagline {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5);
  margin: 0; letter-spacing: .06em;
}

.mc2-mid {
  position: relative; z-index: 1;
  flex: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 14px;
  padding: 20px 28px;
}
.mc2-benefit {
  padding-left: 12px;
  border-left: 2px solid rgba(255,255,255,.22);
}
.mc2-benefit-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px; font-weight: 500;
  color: #fff; margin: 0 0 3px;
}
.mc2-benefit-sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5); margin: 0;
}

.mc2-right {
  position: relative; z-index: 1;
  flex-shrink: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 10px; padding: 24px 28px;
  border-left: 1px solid rgba(255,255,255,.06);
}
.mc2-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #E82020, #C41010);
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.875rem; font-weight: 700;
  padding: 13px 26px; border-radius: 30px;
  white-space: nowrap; letter-spacing: .04em;
  box-shadow: 0 3px 16px rgba(200,16,16,.45);
  transition: box-shadow .2s ease;
}
.mc2-card:hover .mc2-btn {
  box-shadow: 0 6px 26px rgba(200,16,16,.7);
}
.mc2-note {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9.5px; color: rgba(255,255,255,.35);
  margin: 0; text-align: center;
}

@media (max-width: 680px) {
  .mc2-outer { padding: 20px 0 28px; }
  .mc2-card { flex-direction: column; }
  .mc2-brand {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 20px 20px 16px;
  }
  .mc2-amz-pill { align-self: center; }
  .mc2-name { font-size: 1.25rem; white-space: normal; text-align: center; }
  .mc2-tagline { text-align: center; }
  .mc2-mid { padding: 16px 20px; gap: 12px; }
  .mc2-right {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 16px 20px 20px;
  }
  .mc2-btn { width: 100%; justify-content: center; font-size: 0.9375rem; }
  .mc2-note { white-space: normal; }
}
</style>

<div class="mc2-outer">
  <div class="mc2-wrap">

    <p class="mc2-coupon-bar">＼ 期間限定１７%OFF ／</p>

    <a href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener" class="mc2-card">

      <div class="mc2-brand">
        <div class="mc2-amz-pill">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" class="mc2-amz-logo">
        </div>
        <p class="mc2-name">Memory Coffee</p>
        <p class="mc2-tagline">記憶力を維持するGABA×コーヒー</p>
      </div>

      <div class="mc2-mid">
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Prime対応・最短翌日お届け</p>
          <p class="mc2-benefit-sub">お急ぎ便でいつでも手軽にお手元に</p>
        </div>
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Amazonのレビューで購入前に確認</p>
          <p class="mc2-benefit-sub">実際に飲んだ方の声を参考にできる</p>
        </div>
      </div>

      <div class="mc2-right">
        <div class="mc2-btn">
          17%OFFで購入する
          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <path d="M5 12H19M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </div>
        <p class="mc2-note"></p>
      </div>

    </a>

  </div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">結び│10年後の自分を作るのは、今この瞬間の選択</h2>



<p class="wp-block-paragraph">脳の仕組みを知ることは、自分自身を大切にすることと同じだと捉えています。</p>



<p class="wp-block-paragraph">脳は今までの感情や経験を蓄えている、自身の宝箱といっても過言ではありません。</p>



<p class="wp-block-paragraph">「細胞という資産を守り、ネットワークという回路を育てる」。</p>



<p class="wp-block-paragraph">まずはとても簡単なところから</p>



<p class="wp-block-paragraph"><strong>「スマホを視界から消す時間を30分だけ作る」</strong></p>



<p class="wp-block-paragraph"><strong>「昨日より15分だけ早く眠る」</strong></p>



<p class="wp-block-paragraph">まずはその小さな積み重ねこそが、生涯現役で、冴えわたる毎日を創り上げる道です。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<style>
  /* 1. ベースデザイン（PC・タブレット共通） */
  .gentle-faq-wrapper {
    width: 100%;
    max-width: 100%; /* PCでは全幅サイズに */
    margin: 3rem auto;
    background: #ffffff;
    border-radius: 20px;
    padding: 2.5rem 3rem; /* 全幅に合わせて左右の余白を少し広めに */
    font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
    color: #333333;
    box-shadow: 0 10px 30px rgba(0, 123, 255, 0.08);
    border: 1px solid #e1f5fe;
    box-sizing: border-box;
  }
  .gentle-faq-title {
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 2rem;
    color: #0077c2;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .gentle-faq-title::before, .gentle-faq-title::after {
    content: ''; flex-grow: 1; height: 1px;
    background: linear-gradient(to right, transparent, #b3e5fc, transparent);
  }
  .gentle-faq-item {
    background: #ffffff;
    border-radius: 12px;
    margin-bottom: 18px;
    overflow: hidden;
    border: 1px solid #e1f5fe;
  }
  .gentle-faq-q {
    padding: 18px 20px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.6;
    background: #f0faff;
    color: #004477;
    border-bottom: 1px solid #e1f5fe;
  }
  .gentle-faq-icon-q {
    background: #009688;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: bold;
    width: 24px; height: 24px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; margin-top: 2px;
  }
  .gentle-faq-a {
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    font-size: 0.95rem;
    line-height: 1.8;
    color: #555555;
  }
  .gentle-faq-icon-a {
    background: #e1f5fe;
    color: #0077c2;
    font-size: 0.8rem;
    font-weight: bold;
    width: 24px; height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center; justify-content: center;
    flex-shrink: 0; margin-top: 2px;
  }
  .gentle-faq-text-a strong {
    color: #333333;
    display: block;
    margin-bottom: 12px; /* 余白を微調整 */
    font-size: 1.05rem;
    border-left: 3px solid #b3e5fc;
    padding-left: 10px;
  }
  
  /* ＝ 新規追加：本文用のスタイル（インデント揃え） ＝ */
  .gentle-faq-text-body {
    margin: 0;
    /* strongタグの青い線(3px)＋内側余白(10px)の合計13pxとピッタリ縦のラインを揃える */
    padding-left: 13px;
  }

  /* 2. スマートフォン表示用（視覚性向上） */
  @media (max-width: 600px) {
    .gentle-faq-wrapper { padding: 1.5rem 1rem; }
    .gentle-faq-title { font-size: 1.25rem; }
    
    /* スマホ表示時は本文を1.1remに拡大 */
    .gentle-faq-q, .gentle-faq-a {
      font-size: 1.1rem;
      padding: 15px;
      gap: 15px; 
    }
    .gentle-faq-text-a strong {
      font-size: 1.15rem;
      margin-bottom: 16px; 
    }
    .gentle-faq-text-body {
      margin-top: 16px; /* スマホ側で縦の余白をさらにしっかり確保 */
    }
    .gentle-faq-icon-q, .gentle-faq-icon-a {
      width: 26px; height: 26px;
      font-size: 0.9rem;
    }
  }
</style>

<div class="gentle-faq-wrapper">
  <!-- 見出しに role="heading" aria-level="2" を追加 -->
  <div class="gentle-faq-title" role="heading" aria-level="2">脳と習慣に関するよくある質問</div>

  <div class="gentle-faq-item">
    <div class="gentle-faq-q">
      <span class="gentle-faq-icon-q">Q</span>
      <span class="gentle-faq-text-q">スマホを机に置いているだけで集中力が下がるのは本当ですか？</span>
    </div>
    <div class="gentle-faq-a">
      <span class="gentle-faq-icon-a">A</span>
      <div class="gentle-faq-text-a">
        <strong>本当です。脳が無意識にエネルギーを消費します。</strong>
        <!-- 本文をpタグで囲み、専用クラスを付与 -->
        <p class="gentle-faq-text-body">スマホが視界にあるだけで、脳は「スマホを無視する」というブレーキ操作のために、大切なリソース（ワーキングメモリ）を自覚のないまま消費し続けてしまいます。深い集中が必要な時は、スマホを「別の部屋」に置くことが、科学的に最も正しい対策です。</p>
      </div>
    </div>
  </div>

  <div class="gentle-faq-item">
    <div class="gentle-faq-q">
      <span class="gentle-faq-icon-q">Q</span>
      <span class="gentle-faq-text-q">脳の細胞は一度減ると二度と戻らないのでしょうか？</span>
    </div>
    <div class="gentle-faq-a">
      <span class="gentle-faq-icon-a">A</span>
      <div class="gentle-faq-text-a">
        <strong>細胞自体は戻りませんが、「機能」は何歳からでも高められます。</strong>
        <p class="gentle-faq-text-body">脳細胞そのものは年齢とともに減少しますが、細胞同士を繋ぐ「回路（シナプス）」は、新しい刺激や運動によって何歳からでも太く、強く育てることができます。これを「神経可塑性」と呼び、正しい習慣を続ければ年齢に縛られない、前向きな毎日を支えてくれます。</p>
      </div>
    </div>
  </div>

  <div class="gentle-faq-item">
    <div class="gentle-faq-q">
      <span class="gentle-faq-icon-q">Q</span>
      <span class="gentle-faq-text-q">スマホで見た情報は、なぜすぐに忘れてしまうのですか？</span>
    </div>
    <div class="gentle-faq-a">
      <span class="gentle-faq-icon-a">A</span>
      <div class="gentle-faq-text-a">
        <strong>「感情の動き」が浅く、脳が記憶をサボるからです。</strong>
        <p class="gentle-faq-text-body">脳の仕分け役である「海馬」は、隣にある「扁桃体」がワクワクや驚きで大きく反応した情報を「重要」と判断して保存します。スマホでの情報の流し読みは、一つ一つへの注意が浅く感情が動きにくいため、海馬に「不要なゴミ」として処理されがちです。また、「後で検索すればいい」と無意識に安心し、脳が記憶すること自体を放棄してしまう（デジタル健忘症）のも大きな原因です。</p>
      </div>
    </div>
  </div>
</div>

<!-- 検索エンジン向け構造化データ（JSON-LD） -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "スマホを机に置いているだけで集中力が下がるのは本当ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "本当です。脳が無意識にエネルギーを消費します。スマホが視界にあるだけで、脳は「スマホを無視する」というブレーキ操作のために、大切なリソース（ワーキングメモリ）を自覚のないまま消費し続けてしまいます。深い集中が必要な時は、スマホを「別の部屋」に置くことが、科学的に最も正しい対策です。"
      }
    },
    {
      "@type": "Question",
      "name": "脳の細胞は一度減ると二度と戻らないのでしょうか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "細胞自体は戻りませんが、「機能」は何歳からでも高められます。脳細胞そのものは年齢とともに減少しますが、細胞同士を繋ぐ「回路（シナプス）」は、新しい刺激や運動によって何歳からでも太く、強く育てることができます。これを「神経可塑性」と呼び、正しい習慣を続ければ年齢に縛られない、前向きな毎日を支えてくれます。"
      }
    },
    {
      "@type": "Question",
      "name": "スマホで見た情報は、なぜすぐに忘れてしまうのですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "「感情の動き」が浅く、脳が記憶をサボるからです。脳の仕分け役である「海馬」は、隣にある「扁桃体」がワクワクや驚きで大きく反応した情報を「重要」と判断して保存します。スマホでの情報の流し読みは、一つ一つへの注意が浅く感情が動きにくいため、海馬に「不要なゴミ」として処理されがちです。また、「後で検索すればいい」と無意識に安心し、脳が記憶すること自体を放棄してしまう（デジタル健忘症）のも大きな原因です。"
      }
    }
  ]
}
</script>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<style>
/* ユーザー指定のデザイン（ベースのCSS） */
.end-section {
  background: #f7f4ee;
  border-top: 1px solid #e5dece;
  padding: 32px 20px 40px;
  margin-top: 48px;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  box-sizing: border-box;
}

.end-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.end-header-bar {
  width: 5px;
  height: 22px;
  background: #c4993a;
  border-radius: 3px;
  flex-shrink: 0;
}

.end-header-text {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1a1a1a;
}

/* カードのレイアウト（スマホは1列、PCは3列） */
.end-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media screen and (min-width: 600px) {
  .end-cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

.end-card {
  display: block;
  background: #fff;
  border: 1px solid #e5dece;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  transition: all 0.2s ease;
}

.end-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(196, 153, 58, 0.15);
}

.end-card-img {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #d6c9a8;
}

.end-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.end-card-body {
  padding: 16px;
}

.end-card-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #8c6d2f;
  background: #fdfaf3;
  border: 1px solid #e5dece;
  padding: 3px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
}

.end-card-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
  color: #1a1a1a;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
</style>

<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">
    
    <a class="end-card" href="https://memory-coffee.jp/magazine/cognitive-function-ingredients-guide/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/cognitive-ingredients-complete-guide-02.webp" alt="認知機能ケア成分19種完全解説">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">健康コラム</div>
        <div class="end-card-title">【2026年最新】認知機能を維持する機能性関与成分19種を徹底解説！あなたに合うのは？</div>
      </div>
    </a>
    
    <a class="end-card" href="https://memory-coffee.jp/magazine/gaba-caffeine-synergy/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/gaba-caffeine-synergy-thumbnail-02.webp" alt="カフェインとGABAは相殺しない理由">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">GABA × 脳科学</div>
        <div class="end-card-title">カフェインとGABAは相殺しない理由</div>
      </div>
    </a>
    
    <a class="end-card" href="https://memory-coffee.jp/magazine/why-90days/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-why-90days.webp" alt="なぜ90日間続けるのか？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">習慣化</div>
        <div class="end-card-title">なぜ90日間続けるのか？科学的根拠</div>
      </div>
    </a>
    
  </div>
</div>



<!-- ==========================================
  免責事項および重要事項セクション（全記事統一デザイン反映版）
========================================== -->
<section class="mc-disclaimer-section">
  <div class="mc-disclaimer-box">
    <div class="mc-disclaimer-title">
      <span class="mc-disclaimer-icon">⚖️</span> 免責事項および重要事項
    </div>

    <ul class="mc-disclaimer-list">
      
      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">1. 情報の正確性と目的について：</b><br>
        本記事における脳の仕組みや生活習慣に関する解説は、執筆時点での一般的な科学的知見に基づく情報提供を目的としています。情報の正確性には細心の注意を払っておりますが、科学的知見の更新により解釈が変わる可能性があります。また、医師による医学的な診断や治療を代替するものではありません。
      </li>

      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">2. 研究データとエビデンスについて：</b><br>
        記事内で引用している各研究機関の論文や、機能性関与成分（GABA）に関する臨床試験データは、該当成分の一般的な機能性や科学的メカニズムを示すものであり、「Memory Coffee」そのものを用いて行われた実証実験の結果ではありません。機能性の実感には個人差があります。
      </li>
      
      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">3. 生活習慣とセルフケアについて：</b><br>
        機能性表示食品は、これ単体で日々の課題をすべて解決するものではありません。バランスの取れた食事、適度な運動、十分な睡眠といった基本的な生活習慣の継続とあわせて、日々のケアとしてご活用ください。
      </li>

      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">4. カフェインの摂取と体質への配慮：</b><br>
        本品にはコーヒー由来のカフェインが含まれています。カフェインに対する耐性や、GABAの働き・実感には個人差があります。ご自身の体質やその日の体調に合わせて適切な量をお召し上がりください。また、妊娠中・授乳中の方、カフェインに敏感な方は過剰摂取にご注意ください。
      </li>

      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">5. 機能性表示食品に関する事項（届出番号：J1384）：</b><br>
        本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。また、本品は疾病の診断、治療、予防を目的としたものではありません。
      </li>

      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">6. 損害への責任：</b><br>
        本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。最終的なご自身の健康管理や判断につきましては、自己責任において行っていただけますようお願い申し上げます。
      </li>
      
    </ul>
  </div>
</section>

<style>
/* ==========================================
  デザイン用 CSS（px絶対指定版・オリジナル配色）
========================================== */
.mc-disclaimer-section {
  width: 100% !important;
  margin: 32px 0 24px 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
  color: #475569 !important;
  line-height: 1.6 !important;
  border-top: 1px solid #e2e8f0 !important;
  padding-top: 24px !important;
  box-sizing: border-box !important;
}
.mc-disclaimer-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 24px !important;
  box-shadow: 0 1px 3px rgba(15,23,42,.03) !important;
}
.mc-disclaimer-title {
  font-size: 15px !important;
  color: #0f172a !important;
  margin: 0 0 16px 0 !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  /* SWELLの見出し装飾をリセット */
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.mc-disclaimer-title::before,
.mc-disclaimer-title::after {
  content: none !important;
  display: none !important;
}
.mc-disclaimer-icon {
  margin-right: 8px !important;
}
.mc-disclaimer-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 13px !important;
}
.mc-disclaimer-item {
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px dashed #e2e8f0 !important;
}
.mc-disclaimer-item:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.mc-disclaimer-label {
  color: #1e293b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  margin-bottom: 4px !important;
}

/* スマホ表示最適化 */
@media (max-width: 600px) {
  .mc-disclaimer-section { margin: 28px 0 16px 0 !important; padding-top: 16px !important; }
  .mc-disclaimer-box { padding: 20px 16px !important; border-radius: 10px !important; }
  .mc-disclaimer-title { font-size: 14px !important; }
  .mc-disclaimer-list { font-size: 12px !important; }
  .mc-disclaimer-label { font-size: 13px !important; }
}
</style>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="author-box-container">
    
    <div class="author-box-top-border"></div>
    
    <div class="author-box-content">
        <div class="author-logo">
            <div class="author-logo-inner">
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" loading="lazy">
            </div>
        </div>

        <div class="author-text">
            <div class="author-title-wrap">
                <span class="author-badge">著者</span>
                <!-- h4ではなく、ただのdivに変更 -->
                <div class="author-title">メモコーマガジン編集部</div>
            </div>
            <p class="author-desc">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に、客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div class="author-box-footer">
        <p class="author-footer-text">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
    
</div>

<style>
/* 全体コンテナ */
.author-box-container {
    width: 100%;
    max-width: 700px;
    margin: 40px auto;
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
    box-sizing: border-box;
}

/* 上部のアクセントライン */
.author-box-top-border {
    height: 5px;
    background: linear-gradient(to right, #1A2A40, #C5A059);
}

/* メインコンテンツエリア */
.author-box-content {
    padding: 32px 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* ロゴ部分 */
.author-logo {
    flex: 0 0 80px;
    margin-right: 24px;
}

.author-logo-inner {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 2px solid #f0f4f7;
    overflow: hidden;
    background: #f4f7f9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.author-logo-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* テキスト部分 */
.author-text {
    flex: 1;
    min-width: 250px;
}

.author-title-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px;
    gap: 10px;
}

.author-badge {
    font-size: 0.875rem;
    font-weight: bold;
    background: #1A2A40;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* divになったので、テーマリセット（!important等）は不要になりスッキリ */
.author-title {
    font-size: 1.25rem;
    color: #1A2A40;
    font-weight: bold;
    white-space: nowrap;
    margin: 0;
}

.author-desc {
    margin: 0;
    font-size: 0.9375rem;
    color: #444444;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-character;
}

.author-desc b {
    color: #1A2A40;
}

/* フッター（注記）部分 */
.author-box-footer {
    background: #f9f9f9;
    padding: 16px 24px;
    border-top: 1px solid #eee;
}

.author-footer-text {
    margin: 0;
    font-size: 13px;
    color: #666666;
    line-height: 1.6;
}

/* スマホ対応 */
@media screen and (max-width: 600px) {
    .author-box-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 24px 16px;
    }
    .author-logo {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .author-logo-inner {
        width: 80px;
        height: 80px;
    }
    .author-text {
        text-align: center;
    }
    .author-title-wrap {
        justify-content: center;
        margin-bottom: 16px;
    }
    .author-title {
        font-size: 1.125rem;
    }
    .author-desc {
        font-size: 0.9375rem;
        text-align: left;
    }
    .author-box-footer {
        padding: 16px;
    }
}
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 0.875rem; color: #333; border: 1px solid #ddd;">
        <tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "スマホを机に置いているだけで集中力が下がるのは本当ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "本当です。脳が無意識にエネルギーを消費します。スマホが視界にあるだけで、脳は「スマホを無視する」というブレーキ操作のために、大切なリソース（ワーキングメモリ）を自覚のないまま消費し続けてしまいます。深い集中が必要な時は、スマホを「別の部屋」に置くことが、科学的に最も正しい対策です。"
      }
    },
    {
      "@type": "Question",
      "name": "脳の細胞は一度減ると二度と戻らないのでしょうか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "細胞自体は戻りませんが、「機能」は何歳からでも高められます。脳細胞そのものは年齢とともに減少しますが、細胞同士を繋ぐ「回路（シナプス）」は、新しい刺激や運動によって何歳からでも太く、強く育てることができます。これを「神経可塑性」と呼び、正しい習慣を続ければ年齢に縛られない、前向きな毎日を支えてくれます。"
      }
    },
    {
      "@type": "Question",
      "name": "スマホで見た情報は、なぜすぐに忘れてしまうのですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "「感情（扁桃体）」が動いていないからです。脳の仕分け役である「海馬」は、隣にある「扁桃体」がワクワクや驚きで大きく反応した情報だけを「重要」と判断して保存します。スマホでの受動的な流し読みは感情が動きにくいため、海馬に「不要なゴミ」として捨てられてしまうのです。"
      }
    }
  ]
}
</script>



<style>
/* 1. reCAPTCHAバッジ（お邪魔虫）消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
