1/1

一本歯下駄GETTA

¥5,500 税込

なら手数料無料の翌月払いでOK

送料が別途¥950かかります。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GETTA 商品説明</title>


<script src="https://cdn.tailwindcss.com"></script>


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=Noto+Sans+JP:wght@400;700;900&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">


<style>
/* 基本のフォント設定 */
body {
font-family: 'Noto Sans JP', 'Inter', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* 見出しや強調部分のフォント */
.font-display {
font-family: 'Inter', 'Noto Sans JP', sans-serif;
font-weight: 900;
}

/* 本文のフォント (予備) */
.font-body {
font-family: 'Noto Sans JP', sans-serif;
}

/* スクロールに応じたフェードインアニメーション */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fade-in {
animation: fadeIn 1s ease-out forwards;
}

/* カウンターアニメーション (コンテンツ1) */
@keyframes count-up {
from {
transform: translateY(1em);
}
to {
transform: translateY(0);
}
}
.counter-viewport {
height: 1.2em;
overflow: hidden;
display: inline-block;
}
.counter-digit {
display: inline-block;
animation: count-up 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* グラデーションテキスト (コンテンツ2) */
.gradient-text-health {
background: -webkit-linear-gradient(45deg, #10B981, #3B82F6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/* グラデーションテキスト (コンテンツ3) */
.gradient-text-runner {
background: -webkit-linear-gradient(45deg, #007BFF, #00BFFF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/* 波形アニメーションの背景 (コンテンツ3) */
.emg-waveform-light {
position: absolute;
inset: 0;
opacity: 0.05;
background-image: url('data:image/svg+xml;utf8,<svg width="400" height="200" xmlns="http://www.w3.org/2000/svg"><path d="M0 100 L20 100 L25 80 L30 120 L35 90 L40 110 L45 100 L65 100 L70 60 L75 140 L80 70 L85 130 L90 100 L400 100" stroke="%233B82F6" fill="none" stroke-width="2"/></svg>');
background-size: 400px 200px;
animation: wave 10s linear infinite;
pointer-events: none; /* クリックイベントを妨げないようにする */
}
@keyframes wave {
from {
background-position-x: 0;
}
to {
background-position-x: -400px;
}
}
</style>
</head>
<body class="bg-gray-50 text-gray-800">






<div class="max-w-4xl mx-auto bg-white">

<header class="text-center py-16 px-6 bg-white shadow-lg rounded-b-3xl">
<h1 class="font-display text-3xl md:text-5xl text-gray-900 leading-tight">あなたの歩き方は、<br class="md:hidden" />
まだ進化できる。</h1>
<p class="mt-4 text-lg text-gray-600">科学が証明した、身体のポテンシャルを解放する一歩へ。</p>
</header>

<main class="mt-12 px-6 md:px-8">

<section class="my-16 text-center">
<h2 class="font-display text-2xl md:text-3xl text-cyan-600"><span class="text-gray-900">あなたは、</span>ブレーキ<span class="text-gray-900">をかけながら<br />
歩いていませんか？</span></h2>
<p class="mt-6 max-w-2xl mx-auto text-lg leading-relaxed text-gray-700">多くの人が無意識に行っている靴での「地面を蹴る」歩き方。実は、一歩ごとに進む力にブレーキをかけてしまう非効率な動作でした。それはまるで、アクセルとブレーキを同時に踏んでいるようなものなのです。</p>
</section>

<section class="my-20">
<div class="bg-white p-8 rounded-2xl shadow-xl border border-gray-200">
<h3 class="text-center font-display text-2xl md:text-3xl mb-8"><span class="text-cyan-600">「抜重」</span>が生み出す、驚異の効率化</h3>
<p class="text-center text-gray-600 mb-10 max-w-3xl mx-auto">三重大学の研究で、従来の「蹴り動作」と、理想的な「抜き動作（抜重）」の比較から驚くべき事実が明らかになりました。</p>
<div class="grid md:grid-cols-2 gap-8 items-center">

<div class="border-2 border-red-300 bg-red-50 p-6 rounded-xl">
<h4 class="font-display text-xl text-red-600">従来の「蹴り動作」</h4>
<p class="text-sm text-red-500 mt-1">ブレーキの多い歩き方</p>
<ul class="mt-4 space-y-3 text-gray-700">
<li><strong>接地時間:</strong> <span class="font-bold text-lg">長い</span></li>
<li><strong>ブレーキ力:</strong> <span class="font-bold text-lg">大きい</span></li>
<li><strong>地面からの力:</strong> <span class="font-bold text-lg">小さい</span></li>
<li><strong>使う筋肉:</strong> <span class="font-bold text-lg">ふくらはぎ (末端)</span></li>
</ul>
</div>

<div class="border-2 border-cyan-400 bg-cyan-50 p-6 rounded-xl">
<h4 class="font-display text-xl text-cyan-700">理想の「抜き動作」(抜重)</h4>
<p class="text-sm text-cyan-600 mt-1">スムーズでパワフルな歩き方</p>
<ul class="mt-4 space-y-3 text-gray-700">
<li><strong>接地時間:</strong> <span class="font-bold text-lg text-cyan-600">短い</span></li>
<li><strong>ブレーキ力:</strong> <span class="font-bold text-lg text-cyan-600">小さい</span></li>
<li><strong>地面からの力:</strong> <span class="font-bold text-lg text-cyan-600">大きい</span></li>
<li><strong>使う筋肉:</strong> <span class="font-bold text-lg text-cyan-600">太もも (中心)</span></li>
</ul>
</div>
</div>

<div class="mt-12 grid grid-cols-1 md:grid-cols-3 gap-6 text-center">
<div class="bg-gray-100 p-6 rounded-lg">
<p class="text-sm text-gray-600">前方へのブレーキ力</p>
<p class="font-display text-4xl md:text-5xl text-cyan-600 mt-2"><span class="counter-viewport"><span class="counter-digit" style="animation-delay: 0.1s;">4</span></span><span class="counter-viewport"><span class="counter-digit" style="animation-delay: 0.2s;">0</span></span><span class="text-2xl">%</span></p>
<p class="font-bold text-lg text-gray-800">減少</p>
</div>
<div class="bg-gray-100 p-6 rounded-lg">
<p class="text-sm text-gray-600">地面から得る力</p>
<p class="font-display text-4xl md:text-5xl text-cyan-600 mt-2"><span class="counter-viewport"><span class="counter-digit" style="animation-delay: 0.3s;">3</span></span><span class="counter-viewport"><span class="counter-digit" style="animation-delay: 0.4s;">2</span></span><span class="text-2xl">%</span></p>
<p class="font-bold text-lg text-gray-800">増大</p>
</div>
<div class="bg-gray-100 p-6 rounded-lg">
<p class="text-sm text-gray-600">接地時間</p>
<p class="font-display text-4xl md:text-5xl text-cyan-600 mt-2"><span class="counter-viewport"><span class="counter-digit" style="animation-delay: 0.5s;">2</span></span><span class="counter-viewport"><span class="counter-digit" style="animation-delay: 0.6s;">0</span></span><span class="text-2xl">%</span></p>
<p class="font-bold text-lg text-gray-800">短縮</p>
</div>
</div>
<p class="text-xs text-right mt-4 text-gray-500">出典: 三重大学脇田研究室他</p>
</div>
</section>

<section class="my-20">
<h3 class="text-center font-display text-2xl md:text-3xl mb-8">「抜重」が、あなたの日常と<br class="md:hidden" />
パフォーマンスを変える</h3>
<div class="max-w-3xl mx-auto grid md:grid-cols-2 gap-6">
<div class="bg-white p-6 rounded-lg shadow-md">
<h4 class="font-bold text-lg text-cyan-700">パフォーマンス向上</h4>
<p class="mt-2 text-gray-600">より高く跳び、より速く動き出せる。スポーツでの決定的な差に繋がります。</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-md">
<h4 class="font-bold text-lg text-cyan-700">圧倒的な効率性</h4>
<p class="mt-2 text-gray-600">身体の中心にある大きな筋肉を使うため、疲れにくく、長時間の活動も快適に。</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-md">
<h4 class="font-bold text-lg text-cyan-700">怪我のリスク軽減</h4>
<p class="mt-2 text-gray-600">関節への負担が少ないスムーズな動きで、身体を衝撃から守ります。</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-md">
<h4 class="font-bold text-lg text-cyan-700">美しい姿勢へ</h4>
<p class="mt-2 text-gray-600">身体の軸が整い、自然と背筋の伸びた美しい立ち姿に導きます。</p>
</div>
</div>
</section>

<section class="my-20 bg-gray-800 text-white rounded-2xl py-12 px-8 shadow-2xl">
<div class="text-center">
<h2 class="font-display text-3xl md:text-4xl">その理想の<span class="text-cyan-400">「抜重」</span>を、<br />
履くだけで身につけられるのが</h2>
<p class="mt-6 text-2xl font-display">一本歯下駄GETTA <span class="text-cyan-300">です</span></p>
<div class="mt-8 max-w-xl mx-auto text-lg text-gray-300 leading-relaxed">
<p>GETTAの不安定な一本の歯からの踵への加重で、あなたは、GETTAを履かない時も抜重ができるようになります。</p>
<p class="mt-4">履いて歯がついたら踵を沈めるのを意識して歩くだけで、力みの抜けた「抜重」状態へと導かれます。GETTAは、単なる履物ではありません。あなたの身体を再教育し、ポテンシャルを最大限に引き出すためのトレーニングパートナーです。</p>
</div>
</div>
</section>
</main>
</div>







<div class="py-10"><div class="max-w-4xl mx-auto border-t-2 border-gray-200"></div></div>






<div class="max-w-4xl mx-auto">

<header class="relative text-center py-16 px-4 overflow-hidden">
<div class="absolute inset-0 bg-white shadow-inner rounded-b-3xl"></div>
<div class="relative z-10">
<h1 class="text-3xl md:text-5xl font-display leading-tight tracking-tighter">
<span class="block text-gray-700">歩行速度アップが</span>
<span class="block text-5xl md:text-7xl gradient-text-health mt-2">未来の健康を決める。</span>
</h1>
<p class="mt-8 text-lg md:text-xl text-gray-600 max-w-2xl mx-auto">
科学が示す健康長寿への最短ルート、それは「速歩き」。<br class="hidden md:block">
その鍵を握るのが<span class="font-bold text-blue-600">「抜重」</span>です。抜重を<span class="font-bold">GETTA</span>で身につけよう。
</p>
<div class="mt-10">
<a href="https://shop.getta.jp/?pid=173403248" target="_blank" class="inline-block bg-gradient-to-r from-blue-500 to-cyan-500 text-white font-bold text-xl py-4 px-10 rounded-full shadow-lg hover:shadow-2xl transform hover:-translate-y-1 transition-all duration-300">
今すぐGETTAで「速歩き」を最適化
</a>
</div>
<p class="mt-4 text-sm text-gray-500">ARUCUTO 公式ショップ</p>
</div>
</header>


<section class="py-16 px-6 bg-white">
<div class="text-center">
<h2 class="text-2xl md:text-3xl font-bold text-gray-800">ただ歩くだけでは、もったいない。</h2>
<p class="mt-6 text-lg text-gray-600 max-w-3xl mx-auto">
「健康のために歩いている」…でも、その「歩きの質」を考えたことはありますか？<br>
最新の研究は、<span class="font-bold">歩く「速度」こそが健康を左右する決定的な要因</span>だと明らかにしています。ゆっくり歩くだけでは、得られるはずの健康効果を大きく逃しているかもしれません。
</p>
</div>
<div class="mt-12 p-8 bg-blue-50 border-2 border-blue-200 rounded-2xl text-center">
<h3 class="text-xl font-bold text-blue-600">健康の分かれ道は「時速4km」の壁</h3>
<p class="mt-4 text-gray-700">研究によると、2型糖尿病のリスクが有意に減少し始めるのは歩行速度が<span class="font-extrabold text-2xl">時速4km</span>を超えてから。これを下回る速度では、健康への効果は限定的です。あなたの歩きは、この壁を越えていますか？</p>
</div>
</section>


<section class="py-20 px-6 bg-gray-100">
<div class="text-center">
<p class="text-lg font-bold text-blue-600">EVIDENCE</p>
<h2 class="text-3xl md:text-4xl font-display mt-2 text-gray-900">「速歩き」がもたらす、驚異の健康効果</h2>
<p class="mt-6 text-lg text-gray-600 max-w-3xl mx-auto">
歩く速度を上げることは、単なる努力の問題ではありません。それは、あなたの身体に科学的に証明された、劇的な変化をもたらす投資なのです。
</p>
</div>

<div class="mt-16 grid grid-cols-1 md:grid-cols-3 gap-8 text-center">

<div class="bg-white p-8 rounded-2xl shadow-lg">
<p class="text-lg text-gray-500">2型糖尿病リスク</p>
<p class="font-display text-6xl md:text-7xl text-green-600 mt-2">39<span class="text-4xl">%</span><span class="text-2xl ml-2">減</span></p>
<p class="mt-4 text-gray-700 font-bold">時速6.4km以上の速歩きでリスクが大幅に低下。</p>
</div>

<div class="bg-white p-8 rounded-2xl shadow-lg" style="animation-delay: 0.2s;">
<p class="text-lg text-gray-500">体脂肪だけを狙い撃ち</p>
<p class="font-display text-4xl md:text-5xl text-green-600 mt-2 leading-tight">脂肪 <span class="text-6xl">-2.59</span>kg<br>筋肉 <span class="text-6xl">+0.29</span>kg</p>
<p class="mt-4 text-gray-700 font-bold">筋肉を育てながら、脂肪を選択的に燃焼させる理想の身体へ。</p>
</div>

<div class="bg-white p-8 rounded-2xl shadow-lg" style="animation-delay: 0.4s;">
<p class="text-lg text-gray-500">心血管の健康</p>
<p class="font-display text-6xl md:text-7xl text-green-600 mt-2">-4.11<span class="text-2xl ml-2">mmHg</span></p>
<p class="mt-4 text-gray-700 font-bold">収縮期血圧が有意に低下し、心臓と血管を健やかに保つ。</p>
</div>
</div>
<p class="mt-8 text-sm text-gray-500 text-center">※出典: Jayedi A, et al. Br J Sports Med. 2024. ほか</p>
</section>


<section class="py-20 px-6 bg-white">
<div class="text-center mb-12">
<p class="text-lg font-bold text-blue-600">SOLUTION</p>
<h2 class="text-3xl md:text-4xl font-display mt-2 text-gray-900">では、どうすれば「質の高い速歩き」ができるのか？</h2>
<p class="mt-6 text-lg text-gray-600 max-w-3xl mx-auto">
ただ闇雲に速く歩こうとすると、力んでしまい非効率な「蹴り歩き」になりがちです。ブレーキをかけながら進むため、すぐに疲れてしまい、継続できません。<br>
<span class="font-bold">質の高い速歩きの鍵は、GETTAで身につく<span class="text-blue-700">「抜重」</span>にあります。</span>
</p>
</div>
<div class="flex flex-col md:flex-row items-center gap-12">
<div class="w-full md:w-1/2">
<img src="https://placehold.co/600x600/e0f2fe/0ea5e9?text=GETTA%E7%94%BB%E5%83%8F" alt="一本歯下駄GETTAの商品画像" class="rounded-2xl shadow-xl mx-auto" onerror="this.onerror=null;this.src='https://placehold.co/600x600/e0f2fe/0ea5e9?text=Image+Not+Found';">
</div>
<div class="w-full md:w-1/2">
<h3 class="text-2xl font-bold text-gray-800">GETTAが「抜重」を身体に教え込み、「速歩き」を自動化する。</h3>
<p class="mt-6 text-lg text-gray-600">
一本歯下駄GETTAを履いて、歩く時、走る時、トレーニングするときに、歯がついたら踵に加重してください。この過程で、地面を蹴るのではなく、踵の踏みで逆足の膝と骨盤からスッと前に出る<span class="font-bold">「抜重」の技術</span>が自然と身につきます。
</p>
<p class="mt-4 text-lg text-gray-600">
「抜重」をマスターすれば、歩行時のブレーキが<span class="font-bold">約40%も減少</span>。抵抗なくスムーズに進めるため、<span class="font-bold">無理なく、楽に、そして自然に歩行速度が向上</span>します。GETTAは、あなたを理想の「速歩き」へと導く、最高のトレーナーなのです。
</p>
</div>
</div>
</section>


<section class="py-20 px-6 bg-gray-50">
<div class="text-center">
<h2 class="text-3xl md:text-4xl font-display text-gray-900">GETTAで歩く。それは、未来の自分への投資。</h2>
</div>
<div class="mt-16 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-white p-8 rounded-2xl shadow-md hover:shadow-xl transition-shadow duration-300">
<h3 class="text-xl font-bold text-blue-700">生活習慣病リスクの低減</h3>
<p class="mt-3 text-gray-600">糖尿病や高血圧といったリスクを遠ざけ、健やかな毎日を送るための身体の土台を築きます。</p>
</div>
<div class="bg-white p-8 rounded-2xl shadow-md hover:shadow-xl transition-shadow duration-300">
<h3 class="text-xl font-bold text-blue-700">理想の身体組成へ</h3>
<p class="mt-3 text-gray-600">無駄な脂肪を燃やし、代謝の良い筋肉質な身体へ。ダイエット目的の方にも最適です。</p>
</div>
<div class="bg-white p-8 rounded-2xl shadow-md hover:shadow-xl transition-shadow duration-300">
<h3 class="text-xl font-bold text-blue-700">生涯歩ける、動ける身体</h3>
<p class="mt-3 text-gray-600">歩行速度は寿命の指標。効率的な歩き方を身につけ、生涯にわたるアクティブライフを実現します。</p>
</div>
</div>
</section>


<footer class="bg-gradient-to-br from-gray-800 to-gray-900 text-white py-20 px-6 text-center rounded-t-2xl">
<h2 class="text-3xl md:text-4xl font-display">歩きの質が、人生の質を変える。</h2>
<p class="mt-4 text-lg text-gray-300 max-w-2xl mx-auto">科学的根拠に基づいた最高のウォーキングを、GETTAで始めませんか？</p>
<div class="mt-10">
<a href="https://shop.getta.jp/?pid=173403248" target="_blank" class="inline-block bg-gradient-to-r from-blue-500 to-cyan-500 text-white font-bold text-2xl py-5 px-12 rounded-full shadow-lg hover:shadow-2xl transform hover:scale-105 transition-all duration-300">
さらに抜重は市民ランナーにも↓
</a>
</div>
</footer>
</div>







<div class="py-10"><div class="max-w-4xl mx-auto border-t-2 border-gray-200"></div></div>






<div class="max-w-4xl mx-auto">

<header class="relative text-center py-16 px-4 overflow-hidden">
<div class="absolute inset-0 bg-white shadow-inner rounded-b-3xl"></div>
<div class="emg-waveform-light"></div>
<div class="relative z-10">
<h1 class="text-3xl md:text-4xl font-display leading-tight tracking-tight text-gray-700">
<span class="block">筋肉よりもアキレス腱が優位になると</span>
<span class="block text-5xl md:text-6xl gradient-text-runner mt-2">体幹の奥が動き始めます</span>
</h1>
<p class="mt-4 text-lg md:text-xl text-gray-600 max-w-3xl mx-auto">
マラソン後半の失速は、ふくらはぎの<span class="font-bold text-orange-500">「無駄な絶叫」</span>が原因だった。<br>GETTAが、あなたの走りをケニア人エリートランナーの<span class="font-bold text-blue-600">『アキレス腱と体幹』</span>で走る原理をお伝えします。
</p>
<div class="mt-10">
<a href="https://shop.getta.jp/?pid=173403248" target="_blank" class="inline-block bg-gradient-to-r from-blue-500 to-cyan-500 text-white font-bold text-xl py-4 px-10 rounded-full shadow-lg hover:shadow-2xl transform hover:-translate-y-1 transition-all duration-300">
800m日本新記録にも貢献した原理です
</a>
</div>
<p class="mt-4 text-sm text-gray-500 font-bold">ARUCUTO | 筋電図(EMG)解析が暴いた、新・ランニングエコノミーの真実</p>
</div>
</header>


<section class="py-16 px-6 bg-white">
<div class="text-center">
<h2 class="text-3xl md:text-4xl font-bold text-gray-800">なぜ、あなたのふくらはぎは<br class="md:hidden">レース終盤に「裏切る」のか？</h2>
<p class="mt-6 text-lg text-gray-600 max-w-3xl mx-auto">
どれだけ練習を積んでも、30km過ぎでふくらはぎが攣り、足が動かなくなる。この「限界」の正体は、根性やスタミナだけの問題ではありません。
</p>
<p class="mt-4 text-lg text-gray-600 max-w-3xl mx-auto">
その根本原因は、あなたのふくらはぎが走行中に<span class="font-bold text-red-600">「無駄な力み」</span>を繰り返し、エネルギーを浪費していること。その一つ一つの動作が、筋電図上では<span class="font-bold text-red-600">「ノイズ」</span>となり、疲労という名の負債を積み上げていたのです。
</p>
</div>
</section>


<section class="py-20 px-6 bg-gray-100">
<div class="text-center">
<p class="text-lg font-bold text-blue-600">SCIENTIFIC TRUTH</p>
<h2 class="text-3xl md:text-4xl font-display mt-2 text-gray-900">【筋電図が暴く決定的差】<br>あなたの「絶叫する筋肉」とエリートの「静かなるバネ」</h2>
<p class="mt-6 text-lg text-gray-600 max-w-3xl mx-auto">
減らすべきは「筋活動の総量」ではなく、推進力に貢献しない<span class="font-bold">「無駄な筋活動」</span>。科学の目が、その真実を可視化しました。
</p>
</div>

<div class="mt-16 grid grid-cols-1 md:grid-cols-2 gap-8">

<div class="bg-red-50 border-2 border-red-200 p-8 rounded-2xl">
<h3 class="text-2xl font-bold text-red-600 text-center">あなたの走り（筋肉駆動型）</h3>
<div class="mt-6 text-center">
<i class="fas fa-chart-line fa-3x text-red-500"></i>
<p class="mt-2 font-bold text-lg text-gray-800">『ノイズ』だらけの筋電図</p>
</div>
<ul class="mt-6 space-y-4 text-gray-700">
<li class="flex items-start">
<span class="text-red-500 font-bold mr-3">●</span>
<div><strong class="text-red-600">ノイズ① 着地時の巨大スパイク:</strong><br>衝撃に抵抗しようと過剰に収縮。推進力にならない「ブレーキ筋活動」。</div>
</li>
<li class="flex items-start">
<span class="text-red-500 font-bold mr-3">●</span>
<div><strong class="text-red-600">ノイズ② 蹴り出し時の乱れた波形:</strong><br>地面を無理やり押そうと力む。効率の悪い「空回り筋活動」。</div>
</li>
</ul>
<div class="mt-6 bg-red-100 p-4 rounded-lg">
<p class="font-bold text-red-700 text-center">結果: ふくらはぎは走行中に何度も「絶叫」し、エネルギーを消耗し尽くす。</p>
</div>
</div>


<div class="bg-blue-50 border-2 border-blue-200 p-8 rounded-2xl">
<h3 class="text-2xl font-bold text-blue-600 text-center">エリートの走り（腱駆動型）</h3>
<div class="mt-6 text-center">
<i class="fas fa-chart-line fa-3x text-blue-500"></i>
<p class="mt-2 font-bold text-lg text-gray-800">『静かで、力強い』筋電図</p>
</div>
<ul class="mt-6 space-y-4 text-gray-700">
<li class="flex items-start">
<span class="text-blue-500 font-bold mr-3">●</span>
<div><strong class="text-blue-600">着地前の静けさ:</strong><br>過剰なブレーキ活動がなく、リラックスして接地。</div>
</li>
<li class="flex items-start">
<span class="text-blue-500 font-bold mr-3">●</span>
<div><strong class="text-blue-600">安定した高い活動レベル:</strong><br>アキレス腱を張るためだけの、極めて効率的な「ほぼ等尺性収縮」。</div>
</li>
</ul>
<div class="mt-6 bg-blue-100 p-4 rounded-lg">
<p class="font-bold text-blue-700 text-center">結果: エネルギーを浪費せず、アキレス腱のパワーを100%引き出す。</p>
</div>
</div>
</div>

<div class="mt-12 bg-white border-l-4 border-blue-500 p-6 rounded-r-lg shadow-md">
<p class="text-lg text-gray-700"><strong class="text-xl text-gray-900 font-display">結論:</strong> 「筋活動を減らす」の真の意味とは、筋電図上の『ノイズ』であるブレーキ活動や力みを消し去り、腱を張るためだけの<strong class="text-blue-600">『静かで力強い』</strong>効率的な筋活動パターンに書き換えることなのです。</p>
</div>
</section>


<section class="py-20 px-6 bg-white">
<div class="text-center">
<p class="text-lg font-bold text-blue-600">SOLUTION</p>
<h2 class="text-3xl md:text-4xl font-display mt-2 text-gray-900">意識では変えられない「筋肉の癖」を、<br>GETTAが強制的にリセットします。</h2>
<p class="mt-6 text-lg text-gray-600 max-w-3xl mx-auto">
エリートの筋活動パターンを頭で真似ることは不可能です。長年の癖は無意識下に根付いているから。必要なのは、その癖を忘れさせ、身体に<span class="font-bold">「正しい動きしかできない環境」</span>を与えること。GETTAは、その環境を意図的に作り出す、究極のニューロマスキュラー（神経筋）再教育ツールです。
</p>
</div>
<div class="mt-12 flex flex-col md:flex-row items-center gap-12">
<div class="w-full md:w-2/5">
<img src="https://placehold.co/600x600/e0f2fe/0ea5e9?text=GETTA%E7%94%BB%E5%83%8F" alt="一本歯下駄GETTAの商品画像" class="rounded-2xl shadow-xl mx-auto" onerror="this.onerror=null;this.src='https://placehold.co/600x600/e0f2fe/0ea5e9?text=Image+Not+Found';">
</div>
<div class="w-full md:w-3/5">
<h3 class="text-2xl font-bold text-gray-800 mb-6">GETTAが、あなたの筋電図から『ノイズ』を消去する科学的メカニズム</h3>
<ol class="space-y-6">
<li class="flex items-start">
<div class="flex-shrink-0 bg-blue-500 text-white w-10 h-10 rounded-full flex items-center justify-center font-bold text-xl mr-4">1</div>
<div>
<h4 class="font-bold text-xl text-blue-700">「ブレーキ筋活動」の強制終了</h4>
<p class="mt-1 text-gray-600">GETTAの歯の位置と高さの設計が、身体の無意識な過剰な筋活動を減らしていき、最初の『ノイズ』が消えます。</p>
</div>
</li>
<li class="flex items-start">
<div class="flex-shrink-0 bg-blue-500 text-white w-10 h-10 rounded-full flex items-center justify-center font-bold text-xl mr-4">2</div>
<div>
<h4 class="font-bold text-xl text-blue-700">「空回り筋活動」の無効化</h4>
<p class="mt-1 text-gray-600">地面を「蹴る」行為は使われるエネルギーに見合った推進力になりません。抜重でアキレス腱と脹脛を合成していき、乱れた『ノイズ』が安定した波形に変わっていきます。</p>
</div>
</li>
<li class="flex items-start">
<div class="flex-shrink-0 bg-blue-500 text-white w-10 h-10 rounded-full flex items-center justify-center font-bold text-xl mr-4">3</div>
<div>
<h4 class="font-bold text-xl text-blue-700">「静かで力強い筋活動」の再プログラミング</h4>
<p class="mt-1 text-gray-600">残る仕事は、アキレス腱を張るための安定した張力のみ。エリート特有の『静かで力強い』筋活動パターンを神経系に刷り込みます。それによって体幹奥や背中の張力もつかえるようになります。</p>
</div>
</li>
</ol>
</div>
</div>
</section>


<section class="py-20 px-6 bg-gray-50">
<div class="text-center">
<h2 class="text-3xl md:text-4xl font-display text-gray-900">GETTAがもたらした『静かなる革命』</h2>
</div>
<div class="mt-16 grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-white p-6 rounded-2xl text-center shadow-md hover:shadow-xl transition-shadow duration-300">
<p class="text-gray-600">「鳩尾から脚として縦の上下で走れるだけでなく、体幹の奥を立体的にうねらせて走る感覚がわかり、大学時代の成長が加速しました。レース後半の脚持ちが全く違います。」</p>
<p class="mt-4 font-bold text-gray-800">箱根駅伝優勝ランナー</p>
</div>
<div class="bg-white p-6 rounded-2xl text-center shadow-md hover:shadow-xl transition-shadow duration-300">
<p class="text-gray-600">「『ふくらはぎで蹴る』意識から『アキレス腱で弾む』感覚へ。力みが抜けて、楽にスピードを維持できるようになりました。」</p>
<p class="mt-4 font-bold text-gray-800">市民ランナー Bさん (サブ3達成)</p>
</div>
<div class="bg-white p-6 rounded-2xl text-center shadow-md hover:shadow-xl transition-shadow duration-300">
<p class="text-gray-600">「GETTAは、非効率な神経筋制御パターンを理想形に強制リセットする、非常に優れたニューロマスキュラー・トレーニングツールです。患者さんに手技の前に2分履いてもらうのがおすすめです。また私も履き続けるうちに体幹・鳩尾から指先感覚がわかるようになり、同じ手技でも結果が違ってきました」</p>
<p class="mt-4 font-bold text-gray-800">理学療法士 C先生</p>
</div>
</div>
</section>


<footer class="bg-gradient-to-br from-gray-800 to-gray-900 text-white py-20 px-6 text-center rounded-t-2xl">
<h2 class="text-3xl md:text-4xl font-display">あなたは走る時にふくらはぎが疲れますか？<br>体幹の奥が疲れますか？</h2>
<p class="mt-6 text-lg text-gray-300 max-w-2xl mx-auto">あなたの身体には、「腱のバネ」によって眠りから醒める体幹の「奥」があります。GETTAは、まだ使っていない部分を引き出す最も確実な近道です。</p>
<div class="mt-10">
<a href="https://shop.getta.jp/?pid=173403248" target="_blank" class="inline-block bg-gradient-to-r from-blue-500 to-cyan-500 text-white font-bold text-2xl py-5 px-12 rounded-full shadow-lg hover:shadow-2xl transform hover:scale-105 transition-all duration-300">
GETTAで、あなたの走りに『さらなるたのしみ』を
</a>
</div>
<p class="mt-8 text-lg font-bold">ARUCUTO</p>
<p class="mt-2 text-sm text-gray-400">© 2024 ARUCUTO. All Rights Reserved.</p>
</footer>
</div>







<script>
document.addEventListener("DOMContentLoaded", function() {
// 表示領域に入った要素をフェードインさせるIntersectionObserver
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
// 'fade-in'クラスを追加してアニメーションを開始
entry.target.classList.add('fade-in');
// 一度表示されたら監視を解除
observer.unobserve(entry.target);
}
});
}, {
threshold: 0.1 // 要素が10%見えたらトリガー
});

// 'section'タグを持つすべての要素を監視対象に追加
document.querySelectorAll('section').forEach(section => {
observer.observe(section);
});
});
</script>

</body>
</html>