<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>スマイルキッズ あおぞら | 科学が導く自立支援</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    
    <script type="text/javascript">
        (function(c,l,a,r,i,t,y){
            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
        })(window, document, "clarity", "script", "vtgti12w6s");
    </script>
    
    <link rel="stylesheet" href="style.css?V=20260316_1">
</head>
<body>

<header style="background: white; padding: 20px; text-align: center; border-bottom: 3px solid var(--primary); position: sticky; top: 0; z-index: 100;">
    <strong style="color: var(--primary);">30秒の物語の続き｜すまいるKidsあおぞら</strong>
</header>

<div class="intro-container" style="max-width: 600px; margin: 0 auto; padding: 20px;">
   <div class="limit-banner animate-glow" style="background: #FFF9E6; border: 2px solid var(--alert); margin: 0 0 30px; padding: 20px; border-radius: 12px; text-align: center;">
    <p class="animate-pulse" style="color: var(--alert); font-size: 0.9rem; font-weight: 900; margin-bottom: 10px;">
        <i class="fas fa-exclamation-triangle"></i> 【重要】<br>4月1日開所にあたっての重要なお知らせ
    </p>
    <p style="color: var(--navy); font-size: 1.2rem; font-weight: 900; line-height: 1.5;">
        支援の質を維持するため、4月の受け入れは<br>
        <span class="warning-flash-text urgent-shake">【先着10名様】</span>に限定させていただきます。
    </p>
</div>
    <section class="empathy-area">
        <div class="inner-voice">
            「うちの子、少し違うのかな・・・・」と、<br>一人で悩んでいる親御様へ。
        </div>
        <h2 class="empathy-main-title">
            心配ですよね・・・・<br>
            <span class="highlight">でも、大丈夫。</span>
        </h2>
        <div class="empathy-text-box">
            <p style="margin-bottom:0;">その「違和感」は、お子様を誰よりも近くで見守ってきた、親御様の愛情の証です。私たちは身体と発達の専門家として、その不安を「成長の自信」に変えるために、あなたと一緒に歩みます。</p>
        </div>
    </section>

    <section class="mechanism-area">
        <h2 class="sub-section-title">育てにくさの正体は・・・・</h2>
        <div class="os-card">
            <p style="font-weight: bold; color: var(--navy); text-align: center; font-size: 1.1rem; margin-bottom: 15px;">「性格」や「育て方」の問題ではありません。</p>
            <p style="margin-bottom:0;">お子様の脳から身体への「伝達回路」がまだ未発達なだけかもしれません。あおぞらでは、身体を動かす専門家（柔道整復師）の知見を活用しお子様が自分をコントロールできる自信を育みます。</p>
        </div>

<section class="bridge-area" style="padding: 10px 0 30px; text-align: center;">
    <h2 style="color: var(--navy); font-size: 1.3rem; font-weight: 900; line-height: 1.6; margin-bottom: 20px;">
        明るく楽しい人生というあおぞらに<br>羽ばたけるようになる<br>「仕組み」がここにあります。
    </h2>

    <div class="video-container">
        <iframe 
            style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"
            src="https://www.youtube.com/embed/3KsFTU7gCYA?rel=0&modestbranding=1&playsinline=1" 
            title="すまいるKidsあおぞら 30秒の物語"
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
            allowfullscreen>
        </iframe>
    </div>

    <div style="text-align: left; background: var(--bg-light); padding: 25px; border-radius: 15px; font-size: 0.95rem; border: 1px solid #e0e7ff;">
        <p style="margin-bottom: 15px;">動画の最後、笑顔で輪の中へ駆け出した彼。あの変化は、単なる「成長」を待った結果ではありません。</p>
        <p style="font-weight: bold; color: var(--blue); border-left: 4px solid var(--blue); padding-left: 10px; margin-bottom: 15px;">
            身体の専門家（柔道整復師）が設計する、<br>身体を思い通りに動かす「制御の力」を育む独自のアプローチ。
        </p>
        <p>脳からの命令が心身へ真っ直ぐ届く。その「土台」が整ったとき、お子様は内側から溢れ出す自信と共に、自ら羽ばたき始めます。</p>
    </div>
</section>
<div class="cta-center">
    <a href="#contact-form" class="cta-button-main">
        <span class="sub">お子様の未来を一緒に考えませんか？</span>
        <span class="main">無料で相談・見学を予約する</span>
    </a>
    
    <div class="cta-line-wrapper">
        <p class="cta-line-text">＼ まずは質問だけ、という方も大歓迎です ／</p>
        <a href="https://works.do/R/ti/p/shingo.mimura@miles-corp" class="cta-button-line" target="_blank">
            <i class="fab fa-line" style="font-size: 1.3rem;"></i> LINEでサクッと質問・相談する
        </a>
    </div>
</div>
    </section>
</div>

<header class="hero">
    <div class="container">
        <p class="hero-tag">「その子らしさ」を、一生モノの武器にする。</p>
        <h1 class="hero-title">
            科学が導く「脳への刺激」で、<br>
            <span class="gold-line">小学校2年生での卒業</span>を目指す。
        </h1>
        <div class="hero-message">
            <p>川崎市高津区：柔道整復師（国家資格）が設計する、社会性を育むための多角的アプローチ。</p>
            <p class="alert-text" style="margin-bottom:0;">預かるだけの時間は、もう終わりにしませんか？</p>
        </div>
    </div>
</header>

<section class="light-cta-area" style="background: var(--bg-light); padding: 0 20px 60px; text-align: center;">
    <div style="max-width: 600px; margin: 0 auto; padding: 30px 20px; border: 2px dashed #06C755; border-radius: 15px; background: #fff;">
        <p style="font-size: 0.95rem; font-weight: bold; color: var(--navy); margin-bottom: 15px;">
            「まだ見学に行くか迷っている…」という方も大丈夫です。
        </p>
        <p style="font-size: 1.2rem; font-weight: 900; color: #333; margin-bottom: 25px; line-height: 1.5;">
            まずはLINEで、<br>
            お子様の今の状況を相談してみませんか？
        </p>
        <a href="https://works.do/R/ti/p/shingo.mimura@miles-corp" class="btn-line" target="_blank" style="margin: 0; width: 100%; box-shadow: 0 4px 15px rgba(6,199,85,0.3); display: block;">
            <i class="fab fa-line" style="font-size: 1.3rem;"></i> 児童発達支援管理責任者にLINE相談してみる（無料）
        </a>
        <p style="font-size: 0.8rem; color: #777; margin-top: 15px; margin-bottom: 0;">
            ※無理な勧誘は一切ありません。専門家としてお答えします。
        </p>
    </div>
</section>

<section class="aozora-promises">
    <div class="container">
        <h2 class="section-title">自立を確信に変える、<br class="sp-only">あおぞら、3つの約束</h2>
        <div class="promises-container">
            <div class="promise-item">
                <div class="promise-head">
                    <span class="p-label">約束 01</span>
                    <span class="p-icon">🧠</span>
                </div>
                <h3>「やりたい」と「できた」<br>を繋ぐ</h3>
                <p style="margin-bottom:0;">運動・工作・音楽で脳の「制御機能」を向上。身体を安定させ、社会性を支える心のゆとりを作ります。</p>
            </div>
            <div class="promise-item highlight">
                <div class="promise-head">
                    <span class="p-label">約束 02</span>
                    <span class="p-icon">⏰</span>
                </div>
                <h3>滞在時間のすべてが、<br>社会性を育む時間<br>日常の全てが<br>成功体験の場</h3>
                <p style="margin-bottom:0;">入室から退室まで「滞在時間のすべて」がSST。遊びや日常のやり取りすべてを、自立のための練習場に変えます。</p>
            </div>
            <div class="promise-item">
                <div class="promise-head">
                    <span class="p-label">約束 03</span>
                    <span class="p-icon">🤝</span>
                </div>
                <h3>あえて「待つ」<br>「自力で解決する力」<br>を授ける</h3>
                <p style="margin-bottom:0;">すぐ助けず、自力で解決する「脳の回転」を待ちます。全職員が同じ視点を持ち、一貫した対応で「武器」を授けます。</p>
            </div>
        </div>
    </div>
</section>

<section class="logic">
    <div class="container">
        <h2 class="section-title">身体の安定が、「心」を育てる理由。</h2>
        <div class="logic-visual">
            <div class="logic-node">
                <span class="node-num">01</span>
                <h4>体を「制御する力」</h4>
                <p style="margin-bottom:0;">脳から体への命令をスムーズにし、自分を思い通りに動かせる「自信」を育てます。</p>
            </div>
            <div class="logic-connector">➔</div>
            <div class="logic-node active">
                <span class="node-num">02</span>
                <h4>心の「ゆとり」</h4>
                <p style="margin-bottom:0;">身体が安定すると、脳が必死に体を支える必要がなくなります。その分、心に穏やかな余白が生まれます。</p>
            </div>
            <div class="logic-connector">➔</div>
            <div class="logic-node goal">
                <span class="node-num">GOAL</span>
                <h4>相手を「想う力」</h4>
                <p style="margin-bottom:0;">生まれた余裕を社会性（SST）に活用。自分らしく社会で自走する力を育みます。</p>
            </div>
        </div>
    </div>
</section>

<section class="faq">
    <div class="container">
        <h2 class="section-title">よくあるご質問</h2>
        <div class="faq-list">
            <div class="faq-item">
                <div class="faq-q">運動が苦手な子でも通えますか？</div>
                <div class="faq-a">はい。目的は運動能力向上ではなく、脳の「制御機能」を整えることです。お子様のペースに合わせた刺激を設計するため、得意不得意は関係ありません。</div>
            </div>
            <div class="faq-item">
                <div class="faq-q">本当に小学校2年生で卒業できるのでしょうか？</div>
                <div class="faq-a">一律に卒業を強制するものではありません。個別支援計画を元に、ご家族の意向を最優先します。一方で、早期に科学的刺激を与え、地域のコミュニティへ自信を持って戻れる力を授けることを目標としています。</div>
            </div>
            <div class="faq-item">
                <div class="faq-q">「滞在時間のすべてがSST」とは？</div>
                <div class="faq-a">特定の訓練だけでなく、遊びやお友達との葛藤など、あおぞらでの日常すべてがプログラムです。全職員が同じ視点で、生活そのものを療育に変えています。</div>
            </div>
        </div>
    </div>
</section>

<section class="profile">
    <div class="container">
        <div class="profile-inner">
            <div class="profile-img-placeholder">PHOTO</div>
            <div class="profile-body">
                <p class="label" style="color: var(--blue); font-weight: bold; margin-bottom: 10px;">管理者メッセージ</p>
                <h2 class="name" style="color: var(--navy); margin-bottom: 5px;">三村 信吾<span style="font-size: 1rem; color: #777; margin-left: 10px; font-weight: normal;">(Shingo Mimura)</span></h2>
                <p class="title" style="font-size: 0.9rem; color: #666; margin-bottom: 15px;">児童発達支援管理責任者 / 柔道整復師</p>
                <p class="text" style="line-height: 1.8; margin-bottom:0;">
                    私は、芝浦工業大学で<strong>機械工学</strong>を、日本体育大学で<strong>運動生理学</strong>を学びました。エンジニアとしての「論理的な視点」と、医療従事者としての「身体の専門知識」。この二つを掛け合わせ、お子様の脳の「制御機能」を整える独自の科学的アプローチを確立しました。<br><br>
                    あおぞらは、お子様が社会へ羽ばたくための「滑走路」です。一人の管理者として、そして専門家として、お子様の可能性を誰よりも信じ、伴走することをお約束します。
                </p>
            </div>
        </div>

        <div class="cta-center">
    <a href="#contact-form" class="cta-button-main">
        <span class="sub">お子様の未来を一緒に考えませんか？</span>
        <span class="main">無料で相談・見学を予約する</span>
    </a>
    
    <div class="cta-line-wrapper">
        <p class="cta-line-text">＼ まずは質問だけ、という方も大歓迎です ／</p>
        <a href="https://works.do/R/ti/p/shingo.mimura@miles-corp" class="cta-button-line" target="_blank">
            <i class="fab fa-line" style="font-size: 1.3rem;"></i> LINEでサクッと質問・相談する
        </a>
    </div>
</div>
        </div>
</section>

<section class="section-card story-section" style="padding: 25px 15px;">
    <h2 style="color: var(--navy); border-bottom: 2px solid var(--blue); padding-bottom: 10px; margin-bottom: 25px;">
        <i class="fas fa-play-circle"></i> 5. 30秒の物語に込めた信念
    </h2>
    
    <div class="story-list">
        
    <div class="story-card-item">
        <h3 class="story-card-title"><span class="story-num">1</span> 静かな葛藤から始まる物語</h3>
        
        <div class="story-img-wrapper">
            <img src="start.jpg" alt="静かな葛藤から始まる物語" class="story-card-img">
        </div>
        
        <div class="story-card-text">
            <p class="story-card-desc">「このままずっと一人のままなんだろうか」<br>その切実な不安を、私たちはまずありのままに受け止めます。</p>
        </div>
    </div>

    <div class="story-card-item">
        <h3 class="story-card-title"><span class="story-num">2</span> 「療育」が「楽しみ」に変わる瞬間</h3>
        
        <div class="story-img-wrapper">
            <img src="staff.jpg" alt="「療育」が「楽しみ」に変わる瞬間" class="story-card-img">
        </div>
        
        <div class="story-card-text">
            <p class="story-card-desc">自分で考え、一歩踏み出す。<br>その成功体験が、やがて「あおぞらに行くのが楽しみ！」という意欲に変わります。</p>
        </div>
    </div>

    <div class="story-card-item">
        <h3 class="story-card-title"><span class="story-num">3</span> 「小1の壁」を共に乗り越える</h3>
        
        <div class="story-img-wrapper">
            <img src="kid.jpg" alt="「小1の壁」を共に乗り越える" class="story-card-img">
        </div>
        
        <div class="story-card-text">
            <p class="story-card-desc">あおぞらは「変わらない、自分の好きな場所」としてそこにあり続け、就学後のストレスを最小限に抑えます。</p>
        </div>
    </div>

    <div class="story-card-item">
        <h3 class="story-card-title"><span class="story-num">4</span> 2年生の春、もう一度あの場所へ</h3>
        
        <div class="story-img-wrapper">
            <img src="goal.jpg" alt="2年生の春、もう一度あの場所へ" class="story-card-img">
        </div>
        
        <div class="story-card-text">
            <p class="story-card-desc">物語の結末は、あの日と同じ公園。<br>笑顔で輪の中へ駆け込んでいく。それが私たちが手渡したい最高のプレゼントです。</p>
        </div>
    </div>
</div>
</section>

   <div class="cta-center">
    <a href="#contact-form" class="cta-button-main">
        <span class="sub">お子様の未来を一緒に考えませんか？</span>
        <span class="main">無料で相談・見学を予約する</span>
    </a>
    
    <div class="cta-line-wrapper">
        <p class="cta-line-text">＼ まずは質問だけ、という方も大歓迎です ／</p>
        <a href="https://works.do/R/ti/p/shingo.mimura@miles-corp" class="cta-button-line" target="_blank">
            <i class="fab fa-line" style="font-size: 1.3rem;"></i> LINEでサクッと質問・相談する
        </a>
    </div>
</div>

    <div style="text-align: center; margin: 40px 0;">
        <p style="font-weight: bold; color: var(--navy); font-size: 1.1rem;">
            「その子らしさ」は、<br>決して変えるべきものではありません。
        </p>
        <p style="margin-bottom:0;">それを未来への武器に変えるための環境が、ここにあります。</p>
    </div>

<section class="limit-info" style="padding: 60px 20px; text-align: center; background: #fffef5;">
    <div class="container" style="max-width: 700px;">
        <h2 style="color: var(--alert); font-size: 1.5rem; font-weight: 900; margin-bottom: 25px; border-bottom: 2px solid var(--alert); display: inline-block; padding-bottom: 5px;">
            【重要】4月の受け入れ枠について
        </h2>
        <div style="text-align: left; background: #fff; padding: 30px; border-radius: 12px; border: 1px solid #ffeeba; box-shadow: 0 4px 15px rgba(0,0,0,0.05);">
            <p style="margin-bottom: 20px; font-weight: bold; color: var(--navy); font-size: 1.1rem;">
                開所時の受け入れ枠：【限定10名様】
            </p>
            <p style="margin-bottom: 15px; line-height: 1.8;">
                あおぞらでは、一人ひとりのお子様に科学的根拠に基づいた丁寧なサポートを提供するため、開所時の受け入れ人数を制限させていただいております。
            </p>
            <p style="margin-bottom: 0; font-size: 0.95rem; color: #555; line-height: 1.8;">
                すでに既存施設からの移行やご相談をいただいており、枠が埋まりつつあります。小学校2年生での「卒業」へ向けた最適なスタートを切るために、お早めの見学・相談をお勧めいたします。
            </p>
        </div>
    </div>
</section>

<section id="contact-form" class="contact-section">
    <div class="container">
        <h2 class="section-title">無料見学・体験のお申し込み</h2>
        <p class="section-lead">Google フォームから24時間受け付けています。</p>
        
        <div style="max-width: 600px; margin: 0 auto; background: #fff; padding: 10px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05);">
            <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdF8DY-nOyBkmkhibn_iVrD_4vDd84J63tci_B3FlrrQFvWgg/viewform?embedded=true" width="100%" height="1050" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます…</iframe>
        </div>

        <div class="line-works-area" style="margin-top: 40px; padding-top: 30px; border-top: 1px dashed #ccc;">
            <p>＼ LINEでサクッと相談したい方はこちら ／</p>
            <a href="https://works.do/R/ti/p/shingo.mimura@miles-corp" class="btn-line" target="_blank">LINEで問い合わせる</a>
        </div>
    </div>
</section>

<footer class="final-cta" style="text-align: center; padding: 40px 20px 140px; font-size: 0.8rem; color: #777; background: #fff; border-top: 1px solid #edf2f7;">
    <div class="container">
        <p>運営：株式会社Miles Corporation<br>神奈川県川崎市高津区「すまいるKidsあおぞら」</p>
        <p style="margin-bottom:0;">&copy; 2026 スマイルキッズ あおぞら All Rights Reserved.</p>
    </div>
</footer>

</body>
</html>