蝗槫ｾｩ繧ｹ繝医・繝ｪ繝ｼ・懊え繧ｧ繝ｫ繧ｵ繝ｼ繝・/title> <meta name="description" content="不登校・引きこもりから回復した生徒たちのリアルな体験談。環境を変えることで前に進めた事例を紹介します。"> <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=Noto+Sans+JP:wght@400;500;700;800&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <header class="header" id="header" style="background: var(--glass-bg); backdrop-filter: blur(10px);"> <div class="container"> <a href="index.html" class="logo">ウェル<span>繧ｵ繝ｼ繝・/span></a> <nav class="nav-links"> <a href="diagnosis.html">診断する</a> <a href="stories.html">菴馴ｨ楢ｫ・/a> <a href="school-list.html">学校一覧</a> </nav> <div class="header-actions"> <a href="diagnosis.html" class="btn-cta" style="padding: 10px 24px; font-size: 0.9rem;">無料診断</a> </div> </div> </header> <section style="padding: 120px 0 40px; text-align: center;"> <div class="container"> <h1 style="font-size: 2rem; margin-bottom: 12px;">回復ストーリー</h1> <p style="color: var(--text-light); max-width: 500px; margin: 0 auto;">蜷後§謔ｩ縺ｿ繧呈干縺医※縺・◆蜈郁ｼｩ縺溘■縺ｮ縲√Μ繧｢繝ｫ縺ｪ菴馴ｨ楢ｫ・〒縺吶・br>縲瑚・蛻・□縺代§繧・↑縺・阪→諢溘§縺ｦ繧ゅｉ縺医◆繧牙ｬ峨＠縺・〒縺吶・/p> </div> </section> <section style="padding: 40px 0 80px;"> <div class="container" style="max-width: 800px;">  <article style="background: var(--white); border-radius: 16px; padding: 40px; margin-bottom: 30px; box-shadow: var(--shadow-sm);"> <div style="display: flex; gap: 12px; margin-bottom: 20px;"> <span class="diff-tag">不登校</span> <span class="diff-tag">騾ｱ1蝗槭°繧・/span> </div> <h2 style="font-size: 1.3rem; margin-bottom: 16px;">布団から出られなかった私が、週3通えるようになるまで</h2> <div style="display: flex; gap: 20px; margin-bottom: 20px;"> <div style="flex: 1; background: #fef2f2; padding: 16px; border-radius: 12px;"> <span class="story-label before">Before</span> <p style="font-size: 0.9rem; margin-top: 8px;">荳ｭ2縺ｮ蜀ｬから蟄ｦ譬｡縺ｫ陦後￠縺ｪ縺上↑繧翫∪縺励◆縲よ悃縺ｫ縺ｪ繧九→菴薙′蜍輔°縺ｪ縺上※縲∵ｯ取律蟶・屮縺ｮ荳ｭ縺ｧ驕弱＃縺励※縺・∪縺励◆縲・/p> </div> <div style="flex: 1; background: #f0fdf4; padding: 16px; border-radius: 12px;"> <span class="story-label after">After</span> <p style="font-size: 0.9rem; margin-top: 8px;">通信制鬮俶｡縺ｫ霆｢譬｡縺励※から縺ｯ騾ｱ1蝗槭・登校からスタ繝ｼト。今では週3蝗樣壹＞縲∝暑驕斐ｂ縺ｧ縺阪∪縺励◆縲・/p> </div> </div> <p style="color: var(--text-light); font-size: 0.95rem; line-height: 1.8;">譛蛻昴・縲碁ｫ俶｡縺ｪ繧薙※辟｡逅・□縲阪→諤昴▲縺ｦ縺・∪縺励◆縲ゅ〒繧ょ・逕溘′「週1蝗槭°繧峨〒縺・＞繧医阪→險縺｣縺ｦ縺上ｌ縺溘・縺後″縺｣縺九￠縺ｧ縲∝ｰ代＠縺壹▽螟悶↓蜃ｺ繧峨ｌ繧九ｈ縺・↓縲ら┬繧峨↑縺上※縺・＞繧薙□縺ｨ蛻・°縺｣縺滓凾縲√☆縺斐￥讌ｽ縺ｫ縺ｪ繧翫∪縺励◆縲・/p> <div style="margin-top: 16px; padding-top: 16px; border-top: 1px solid #e2e8f0; font-size: 0.85rem; color: var(--text-light);"> <i class="fa-solid fa-school" style="margin-right: 6px;"></i> さくら国際高等学校蝨ｨ譬｡逕溘・Aさん・・7豁ｳ・・ </div> </article>  <article style="background: var(--white); border-radius: 16px; padding: 40px; margin-bottom: 30px; box-shadow: var(--shadow-sm);"> <div style="display: flex; gap: 12px; margin-bottom: 20px;"> <span class="diff-tag">莠ｺ髢馴未菫・/span> <span class="diff-tag">大学進学</span> </div> <h2 style="font-size: 1.3rem; margin-bottom: 16px;">教室が怖かった僕が、大学に合格するまで</h2> <div style="display: flex; gap: 20px; margin-bottom: 20px;"> <div style="flex: 1; background: #fef2f2; padding: 16px; border-radius: 12px;"> <span class="story-label before">Before</span> <p style="font-size: 0.9rem; margin-top: 8px;">縺・§繧√′縺阪▲縺九￠縺ｧ謨吝ｮ､縺ｫ蜈･繧後↑縺上↑繧翫∪縺励◆縲ゆｺｺ縺ｮ逶ｮ縺梧悶￥縺ｦ縲√さ繝ｳ繝薙ル縺ｫ陦後￥縺ｮ繧ら┌逅・〒縺励◆縲・/p> </div> <div style="flex: 1; background: #f0fdf4; padding: 16px; border-radius: 12px;"> <span class="story-label after">After</span> <p style="font-size: 0.9rem; margin-top: 8px;">少人数制縺ｮ通信制鬮俶｡縺ｧ閾ｪ蛻・・繝壹・繧ｹ繧貞叙繧頑綾縺励∝・逕溘→1蟇ｾ1縺ｧ蜍牙ｼｷ縲らｬｬ荳蠢玲悍縺ｮ大学縺ｫ蜷域ｼ縺励∪縺励◆縲・/p> </div> </div> <p style="color: var(--text-light); font-size: 0.95rem; line-height: 1.8;">10莠ｺ莉･荳九・クラ繧ｹ縺縺｣縺溘・縺ｧ螳牙ｿ・〒縺阪∪縺励◆縲ょ・逕溘′縲檎┬繧峨↑縺上※縺・＞縲阪→菴募ｺｦ繧りｨ縺｣縺ｦ縺上ｌ縺ｦ縲∝ｰ代＠縺壹▽閾ｪ菫｡繧貞叙繧頑綾縺帙∪縺励◆縲・/p> <div style="margin-top: 16px; padding-top: 16px; border-top: 1px solid #e2e8f0; font-size: 0.85rem; color: var(--text-light);"> <i class="fa-solid fa-school" style="margin-right: 6px;"></i> グロ繝ｼ繝舌Ν騾壻ｿ｡繧｢繧ｫ繝・Α繝ｼ蜊呈･ｭ逕溘・Bさん・・9豁ｳ・・ </div> </article>  <article style="background: var(--white); border-radius: 16px; padding: 40px; margin-bottom: 30px; box-shadow: var(--shadow-sm);"> <div style="display: flex; gap: 12px; margin-bottom: 20px;"> <span class="diff-tag">蠑輔″縺薙ｂ繧・/span> <span class="diff-tag">不登校</span> </div> <h2 style="font-size: 1.3rem; margin-bottom: 16px;">2年間引きこもった息子が、笑顔を取り戻した話</h2> <div style="display: flex; gap: 20px; margin-bottom: 20px;"> <div style="flex: 1; background: #fef2f2; padding: 16px; border-radius: 12px;"> <span class="story-label before">Before・井ｿ晁ｭｷ閠・ｼ・/span> <p style="font-size: 0.9rem; margin-top: 8px;">2蟷ｴ髢薙・Κ螻九°繧牙・縺ｦ縺阪∪縺帙ｓ縺ｧ縺励◆縲りｦｪ縺ｨ縺励※菴輔ｒ縺吶ｌ縺ｰ縺・＞縺句・から縺壹∵ｯ取律荳榊ｮ峨〒縺励◆縲・/p> </div> <div style="flex: 1; background: #f0fdf4; padding: 16px; border-radius: 12px;"> <span class="story-label after">After</span> <p style="font-size: 0.9rem; margin-top: 8px;">オンライン謗域･ｭから蟋九ａ縺ｦ縲∽ｻ翫・譛・回スク繝ｼリング縺ｫ騾壹▲縺ｦ縺・∪縺吶ゅ梧･ｽ縺励＞縲阪→險縺｣縺ｦ縺上ｌ繧九ｈ縺・↓縺ｪ繧翫∪縺励◆縲・/p> </div> </div> <p style="color: var(--text-light); font-size: 0.95rem; line-height: 1.8;">譛蛻昴・オンライン縺ｧ繧ｫ繝｡繝ｩ繧ｪ繝輔°繧牙盾蜉縲ょ・逕溘′譬ｹ豌怜ｼｷ縺丞｣ｰ繧偵°縺代※縺上ｌ縺溘♀縺九￡縺ｧ縲∝ｰ代＠縺壹▽繧ｫ繝｡繝ｩ繧偵が繝ｳ縺ｫ縺ｧ縺阪ｋ繧医≧縺ｫ縺ｪ繧翫∪縺励◆縲りｦｪ縺ｮ遘√ｂ逶ｸ隲・〒縺阪ｋ蝣ｴ縺後≠縺｣縺ｦ縲∵悽蠖薙↓蜉ｩ縺九ｊ縺ｾ縺励◆縲・/p> <div style="margin-top: 16px; padding-top: 16px; border-top: 1px solid #e2e8f0; font-size: 0.85rem; color: var(--text-light);"> <i class="fa-solid fa-school" style="margin-right: 6px;"></i> みらい情報高等学校保護者・Cさん </div> </article> </div> </section>  <section class="cta-section"> <div class="container"> <h2>縺ゅ↑縺溘↓繧ょ粋縺・ｭｦ譬｡縺後≠繧翫∪縺・/h2> <p>縺ｾ縺壹・30遘偵・無料診断から蟋九ａ縺ｦ縺ｿ縺ｾ縺帙ｓ縺具ｼ・/p> <a href="diagnosis.html" class="btn-cta" style="padding: 18px 40px; font-size: 1.1rem;"><i class="fa-solid fa-wand-magic-sparkles"></i> 無料で診断する</a> </div> </section> <footer class="footer"> <div class="container"> <div class="footer-grid"> <div class="footer-col"> <a href="index.html" class="logo" style="margin-bottom: 20px; display: block;">ウェル<span>繧ｵ繝ｼ繝・/span></a> <p style="font-size: 0.9rem; line-height: 1.6; opacity: 0.8;">不登校繝ｻ霆｢譬｡縺ｧ謔ｩ繧縺ゅ↑縺溘↓蟇・ｊ豺ｻ縺・br>通信制鬮俶｡繝ｻ繧ｵ繝昴・繝域｡驕ｸ縺ｳ繧ｵ繝昴・繝・/p> </div> <div class="footer-col"> <h3>サービス</h3> <ul> <li><a href="diagnosis.html">無料診断</a></li> <li><a href="stories.html">回復ストーリー</a></li> <li><a href="school-list.html">学校一覧</a></li> </ul> </div> <div class="footer-col"> <h3>サービス</h3> <ul> <li><a href="article-about.html">通信制鬮俶｡縺ｨ縺ｯ・・/a></li> <li><a href="article-truancy.html">不登校でお悩みの方へ</a></li> <li><a href="article-parents.html">保護者の方へ</a></li> </ul> </div> <div class="footer-col"> <h3>運営</h3> <ul> <li><a href="company.html">運営会社について</a></li> <li><a href="privacy.html">プライバシーポリシー</a></li> </ul> </div> </div> <div class="footer-bottom"> <p>© 2026 ウェルサーチ All Rights Reserved.</p> </div> </div> </footer> <script src="js/main.js"></script> </body> </html>