<html lang=”ja”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>眼精疲労・脳疲労デトックスコース | ラジオ波×ヘッドスパ</title>
<style>
:root {
–primary-color: #2c3e50;
–accent-color: #e67e22;
–bg-light: #fdfaf5;
–text-dark: #333;
}
body { font-family: “Helvetica Neue”, Arial, “Hiragino Kaku Gothic ProN”, “Hiragino Sans”, Meiryo, sans-serif; line-height: 1.6; color: var(–text-dark); margin: 0; background-color: var(–bg-light); }
.container { max-width: 800px; margin: 0 auto; padding: 20px; }

/* Hero Section */
header { background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(‘https://images.unsplash.com/photo-1544367567-0f2fcb009e0b?auto=format&fit=crop&q=80&w=1000’) no-repeat center/cover; color: white; text-align: center; padding: 80px 20px; }
header h1 { font-size: 2rem; margin-bottom: 10px; line-height: 1.4; }
header p { font-size: 1.1rem; opacity: 0.9; }

/* Section Styling */
section { padding: 40px 0; border-bottom: 1px dashed #ddd; }
h2 { color: var(–primary-color); border-left: 5px solid var(–accent-color); padding-left: 15px; margin-bottom: 25px; font-size: 1.5rem; }

/* Muscle Logic Area */
.muscle-logic { background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
.logic-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 600px) { .logic-grid { grid-template-columns: 1fr; } }

/* Features */
.feature-box { background: #fff3e0; padding: 20px; border-radius: 8px; margin-bottom: 20px; }
.feature-box h3 { margin-top: 0; color: var(–accent-color); }
.number { font-size: 2.5rem; font-weight: bold; color: var(–accent-color); opacity: 0.3; float: right; }

/* Pricing Table */
.price-card { background: var(–primary-color); color: white; padding: 30px; border-radius: 15px; text-align: center; margin: 40px 0; }
.price-card h3 { color: #f1c40f; margin-bottom: 10px; }
.old-price { text-decoration: line-through; font-size: 1.2rem; opacity: 0.7; }
.new-price { font-size: 3rem; font-weight: bold; color: #f1c40f; display: block; margin: 10px 0; }
.cta-button { display: inline-block; background: #e74c3c; color: white; padding: 20px 40px; border-radius: 50px; text-decoration: none; font-weight: bold; font-size: 1.2rem; transition: transform 0.3s; box-shadow: 0 4px 15px rgba(231,76,60,0.4); }
.cta-button:hover { transform: scale(1.05); }

/* Footer */
footer { text-align: center; padding: 40px 0; font-size: 0.9rem; color: #7f8c8d; }
</style>
</head>
<body>

<header>
<div class=”container”>
<p>板橋区清水町「トレセン前タッグ接骨院」が贈る新提案</p>
<h1>「目元の疲れ」は全身のSOS。<br>ラジオ波×ヘッドスパで心・体・美をリセット</h1>
</div>
</header>

<div class=”container”>
<section id=”intro”>
<p>「目が重い」「顔が疲れて見える」……その悩み、実は目元だけの問題ではありません。目元の筋肉と頭、そして全身は密接につながっています。</p>
<p>当院の新メニュー<strong>「眼精疲労・脳疲労デトックスコース」</strong>は、最新のラジオ波温熱と熟練のヘッドスパを融合。専門家だからこそできる「筋肉の連鎖」への根本アプローチを体験してください。</p>
</section>

<section id=”problem”>
<h2>1. なぜ「目」の疲れで全身がガチガチになるのか?</h2>
<div class=”feature-box”>
<p>目元を酷使すると、視界がぼやけるだけでなく、全身に不調が波及します。これらは、目元の緊張が全身の強張りを引き起こしている<strong>「体からの悲鳴」</strong>なのです。</p>
<ul>
<li><strong>身体の不調:</strong> 首や肩のこり、背中の痛み、頭痛、めまい、吐きけ</li>
<li><strong>心の不調:</strong> イライラ、不眠、気分の落ち込み</li>
</ul>
</div>
</section>

<section id=”aging”>
<h2>2. 放置すると加速する「見た目の老化」</h2>
<div class=”muscle-logic”>
<div class=”logic-grid”>
<div>
<h3>シワ・クマの連鎖</h3>
<p>皺眉筋が固まると眉間にシワが寄り、重くなったまぶたを上げようとして前頭筋(おでこ)を酷使することで、額に深いシワが刻まれます。</p>
</div>
<div>
<h3>たるみの原因</h3>
<p>側頭筋の緊張や、姿勢の崩れによる「帽状腱膜」のこりが、まぶたの重みや顔全体のたるみを引き起こします。</p>
</div>
</div>
</div>
</section>

<section id=”reason”>
<h2>3. 当院の「ラジオ波×ヘッドスパ」が選ばれる理由</h2>

<div class=”feature-box”>
<span class=”number”>01</span>
<h3>深部まで届く温熱の力(ラジオ波)</h3>
<p>指先だけでは届かない筋肉の深層へアプローチ。<strong>深部体温を3〜5℃上昇</strong>させることで、血流を劇的に改善します。耳まわりや首を温め、目の奥の緊張を根本からゆるめます。</p>
</div>

<div class=”feature-box”>
<span class=”number”>02</span>
<h3>脳と心を癒やす熟練のヘッドスパ</h3>
<p>慢性的な眼精疲労や不眠を解消する「健康面」と、まぶたの引き上げや小顔効果を狙う「美容面」を同時に叶えます。デリケートな眼球には直接触れないため、安心・安全です。</p>
</div>
</section>

<section id=”pricing” style=”text-align: center;”>
<div class=”price-card”>
<h3>「導入記念・モニター募集」</h3>
<p>眼精疲労・脳疲労デトックスコース(45分)</p>
<span class=”old-price”>通常価格 ¥8,800</span>
<span class=”new-price”>特別価格 ¥4,980</span>
<p>※先着15名様限定の特別プランです</p>
<br>
<a href=”#” class=”cta-button”>今すぐLINEで予約する</a>
</div>
<p>「体が楽になれば、顔も若々しくなる。」<br>理想的な循環を、ぜひ当院で体感してください。</p>
</section>
</div>

<footer>
<p>&copy; 2026 トレセン前タッグ接骨院 | 東京都板橋区清水町</p>
</footer>

</body>
</html>

コメント