
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>あいち脱炭素ライフNAVI | 楽しく学ぼう脱炭素</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
    
    
<!----------------------------googleフォント------------------------->
<!-- 🔹 Google Fonts への事前接続（DNSリクエストを高速化） -->
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<!-- 🔹 CSSの事前読み込み（ページのレンダリングを高速化） -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap" media="print" onload="this.onload=null;this.removeAttribute('media');">

<!-- 🔹 JavaScript無効時のフォールバック -->
<noscript>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap">
</noscript>

<!----------------------------ENDgoogleフォント-------------------------><!----------------------------css------------------------->
<link href="../assets/css/bundle.css" rel="stylesheet" type="text/css">
<link href="../assets/css/learn.css" rel="stylesheet" type="text/css">
    
<meta name="Keywords" content="" />
<meta name="description" content="" />
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:site_name" content="">
<meta property="og:image" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<link rel="apple-touch-icon" href="/img" sizes="180×180">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
    

    
<!----------------------------共通js-------------------------> 
<script src="../assets/js/usually.js"></script>
<script src="../assets/js/fontSize.js"></script>
<script src="../assets/js/accessibility.js"></script>
<script src="../assets/js/page-specific.js" defer></script>
<script src="../page-specific.js"></script>
<script src="../assets/js/text_to_speech.js"></script>
<script src="../text_to_speech_btn" defer></script>
<script src="../assets/js/session.js"></script>
<script src="../assets/js/script.js"></script>
    

</head>

<body id="learn" class="second main-content">
    
<!----アクセシビリティ---->
<div class="user_friendlybox no-read">
    <p class="fontsize_txt no-read">背景色</p>
    <button class="bg-change-btn btn-white btn-moji3 no-read" data-target="header" data-color="#FFFFFF">白</button>
    <button class="bg-change-btn btn-black btn-moji3 no-read" data-target="header" data-color="black">黒</button>
    <button class="bg-change-btn btn-blue btn-moji3 no-read" data-target="header" data-color="blue">青</button>
    <button class="bg-change-btn btn-green no-read" data-target="header" data-color="#0fa3a8">青緑</button>
    <button id="resetBg" class="bg-reset-btn btn-moji9 no-read">背景を元に戻す</button>
    <p class="fontsize_txt no-read">文字サイズ</p>
    <button class="font-size-btn btn-moji3 no-read" data-size="16px">標準</button>
    <button class="font-size-btn btn-moji3 no-read" data-size="20px">拡大</button>
    <button class="font-size-btn btn-moji3 no-read" data-size="24px">特大</button>
    <p class="fontsize_txt no-read">音声読み上げ</p><button class="speech-btn btn-moji6 no-read" data-action="start" aria-label="本文の読み上げを開始" disabled>本文から</button>
<button class="speech-btn btn-moji6 no-read" data-action="startAll" aria-label="ページ全体の読み上げを開始" disabled>最初から</button>
<button class="speech-btn btn-moji6 no-read" data-action="pause" aria-label="読み上げを一時停止" disabled>一時停止</button>
<button class="speech-btn btn-moji3 no-read" data-action="restart" aria-label="読み上げを再開" disabled>再開</button>
<button class="speech-btn btn-moji3 no-read" data-action="stop" aria-label="読み上げを停止" disabled>停止</button>
    <!--<button onclick="skipNoRead()" class="font-size-btn">.no-readをスキップ</button>-->
</div>
<!----ENDアクセシビリティ---->

    
<div class="flame_left"></div>
<div class="flame_right"></div>
<div class="flame">
    
        <header>

        <span class="hide">ここからページ本文です</span>
        <h1><img src="../img/cmn_img/second_logo.svg" alt="みんなで取り組む脱炭素ポータルサイトあいち脱炭素ライフNAVI"/></h1>
            <p class="hide">みんなで取り組む脱炭素ポータルサイトあいち脱炭素ライフNAVI"</p>
            <nav class="blPc">
                
                <div class="btn0">
                <div class="s_btn0_chara2"><img src="../img/cmn_img/s_btn0_chara2.png" alt=""/></div>
                <div class="s_btn0_chara1"><img src="../img/cmn_img/s_btn0_chara1.png" alt=""/></div>
                <a href="../index.html"> 
                    <div class="btnwrap">
                        <div class="txt">トップ</div>
                    </div>
                </a>
                </div>

                <div class="btn1">
                <div class="s_btn1_chara2"><img src="../img/cmn_img/s_btn1_chara2.png" alt=""/></div>
                <div class="s_btn1_chara1"><img src="../img/cmn_img/s_btn1_chara1.png" alt=""/></div>
                    <a href="../know/index.html" class="usually"> 
                        <div class="btnwrap">
                        <div class="txt">地球温暖化って<br class="inPc">なに？〜クイズつき〜</div>
                    </div>
                    </a>
                </div>

                <div class="btn2">
                <div class="s_btn2_chara2"><img src="../img/cmn_img/s_btn2_chara2.png" alt=""/></div>
                <div class="s_btn2_chara1"><img src="../img/cmn_img/s_btn2_chara1.png" alt=""/></div>
                    <a href="../activity/index.html" class="usually">  
                        <div class="btnwrap">
                        <div class="txt">わたしたちに<br class="inPc">できること</div>
                        </div>
                    </a>
                </div>


                <div class="btn3">
                    <div class="s_btn3_chara2"><img src="../img/cmn_img/s_btn3_chara2.png" alt=""/></div>
                    <div class="s_btn3_chara1"><img src="../img/cmn_img/s_btn3_chara1.png" alt=""/></div>
                    <a href="../effort/index.html"  class="usually">  
                        <div class="btnwrap">
                        <div class="txt">愛知県の取組</div>
                    </div>
                    </a>
                </div>

            <div class="btn4">
                <div class="s_btn4_chara2"><img src="../img/cmn_img/s_btn4_chara2.png" alt=""/></div>
                <div class="s_btn4_chara1"><img src="../img/cmn_img/s_btn4_chara1.png" alt=""/></div>
                    <a href="../learn/index.html" class="usually">  
                        <div class="btnwrap">
                        <div class="txt">楽しくまなぼう！<br class="inPc">脱炭素</div>
                    </div>
                    </a>
            </div>
        </nav>
            
            <div class="page_title">
                <h2><span class="spac1">楽しくまなぼう！</span><br class="inPc">脱炭素</h2>
          <div class="page_character"><img src="../img/activity_img/page_character.png" alt=""/></div>
            </div>
            
            
  </header>
    
        
    <div class="wave"><img src="../img/cmn_img/wave.png" alt=""/></div>
    
    <div class="con_wrap">
    
    <div class="learn_list">
        <ul>
            
            <li>
                <a href="https://www.pref.aichi.jp/soshiki/ondanka/stopondanka-sugoroku.html" target="_blank">
                <div class="icon"><img src="../img/learn_img/sugoroku.jpg" alt="ホッキョクグマとペンギンをたすけよう!～ストップおんだんか☆すごろく～の画像"/></div>
                <div class="txt_area">
                    <h3>ホッキョクグマとペンギンをたすけよう!<br>
～ストップおんだんか☆すごろく～</h3>
                    <p>地球温暖化対策につながる行動を遊びながら学べるすごろくです。<br class="inPc">暑さに苦しむホッキョクグマとペンギンを助けるため、勇者よ、さあ立ち上がれ！</p>
                </div>
               </a>
            </li>
             
            <li>
                <a href="https://www.jccca.org/oyakudachi/quiz" target="_blank">
                <div class="icon"><img src="../img/learn_img/quiz3.jpg" alt="WEBゲーム「おんだんか・三択クイズ」の画像"/></div>
                <div class="txt_area">
                    <h3>WEBゲーム「おんだんか・三択クイズ」</h3>
                    <p>温暖化の基礎知識などについて学べるクイズです。<br class="inPc">
さあ、10問中、何問正解できるかな？<br class="inPc">
（作成：全国地球温暖化防止活動推進センター(JCCCA)）
</p>
                </div>
                </a>
            </li>
            
            <li>
                <a href="https://www.jccca.org/oyakudachi/games" target="_blank">
                <div class="icon"><img src="../img/learn_img/eco.jpg" alt="WEBゲーム「エコロモード★ファッションショー」の画像"/></div>
                <div class="txt_area">
                    <h3>WEBゲーム「エコロモード★ファッションショー」<br>
～ストップおんだんか☆すごろく～</h3>
                    <p>ウォームビズについて学べるゲームです。<br class="inPc">
室温15℃の部屋にいる男の子と女の子に、アウターやボトムスなどを着せて、ファッション性を重視しつつ快適な体感温度に近づけよう！
<br class="inPc">（作成：全国地球温暖化防止活動推進センター(JCCCA)）</p>
                </div>
            </a>
            </li>
            
            <li>
                <a href="https://kankyojoho.pref.aichi.jp/foodloss/quiz/index.html" target="_blank">
                <div class="icon"><img src="../img/learn_img/challenge_quiz.png" alt="クイズでたのしくまなぼう！「しょくひんロス」をへらすためにできることはなんだろう？の画像"/></div>
                <div class="txt_area">
                    <h3>クイズでたのしくまなぼう！「しょくひんロス」をへらすためにできることはなんだろう？</h3>
                    <p>地球温暖化対策につながる行動を遊びながら学べるすごろくです。暑さに苦しむホッキョクグマとペンギンを助けるため、勇者よ、さあ立ち上がれ！</p>
                </div>
                </a>
            </li>
            
            <li>
                <a href="https://youtu.be/wdr-2o0iHMQ?si=9KT2Uog-kQ8gYVeU" target="_blank">
                <div class="icon"><img src="../img/learn_img/vr.jpg" alt="VRで体験！プラごみゼロレポーターの画像"/></div>
                <div class="txt_area">
                    <h3>VRで体験！プラごみゼロレポーター</h3>
                    <p>プラスチックごみ削減について学べるVR動画です。<br class="inPc">
あなたがペットボトルを捨てたら・・・<br class="inPc">
突然海岸に？手にはマイク？？<br class="inPc">
プラスチックごみ削減のために「プラごみゼロレポーター」となってプラスチックごみの現状などをレポートしてみてね！<br class="inPc">
あなたにはどのような取組ができるかな？</p>
                </div>
                </a>
            </li>
            
            <li>
                <a href="https://www.pref.aichi.jp/press-release/plastic-promotion2024.html" target="_blank">
                <div class="icon"><img src="../img/learn_img/mirai_tsushin.jpg" alt="ホッキョクグマとペンギンをたすけよう!～ストップおんだんか☆すごろく～の画像"/></div>
                <div class="txt_area">
                    <h3>オンライン謎解きイベント「謎解き未来通信！～<br class="inPc">
プラごみから未来のあいちを救い出せ～」</h3>
                    <p>プラスチックごみ問題について楽しく学べるLINEを使った無料オンライン謎解きイベントです。<br class="inPc">
プラスチックごみなどで汚れた未来の海を救うため、未来に住む少女「ミウ」と共に謎を解きながら、きれいな海を取り戻そう！
＜※景品の応募は締切＞</p>
                </div>
                </a>
            </li>
            
        </ul>
    </div>
        
      
    </div>
    
    <div class="footer_halftone"><img src="../img/cmn_img/halftone5.png" alt=""/></div>
    <div class="foofer_illustration"><img src="../img/cmn_img/foofer_illustration.png" alt=""/></div>
    
    <footer>
        <div class="footer_box">
            <div class="disclaimer">
                <a href="../disclaimer/index.html">免責事項・個人情報の取扱い・リンク</a><br>
                <div class="aichi_logo blPc"><a href="https://www.pref.aichi.jp/"><img src="../img/cmn_img/aichi_logo.svg" alt="愛知県"/></a></div>
            </div>
            <address>
            このページに関する問合せ先<br>
            地球温暖化対策課調整・企画グループ<br>
            〒460-8501名古屋市中区三の丸3-1-2<br>
            Tel：052-954-6213 　Fax：052-955-2029
            </address>
        </div>
        <div class="aichi_logo blSp"><a href="https://www.pref.aichi.jp/"><img src="../img/cmn_img/aichi_logo.svg" alt="愛知県"/></a></div>
        
        <p class="cop_txt">Copyright Aichi Prefecture. All Rights Reserved.</p>
    </footer>
    
</div>
<!--flame-->
    
    
    <!-- スクロールトップボタン-->
    <div class="scroll-top" role="button" tabindex="0" aria-label="ページの先頭へスクロール"></div>

    
    
    

    
    
    
    
<!---------------------------------------------------------------------------->

<!-- チェックボックス（ハンバーガー開閉用） -->
<input type="checkbox" id="menu-toggle" class="menu-checkbox">

<!-- ハンバーガーアイコン（黒い円で囲む） -->
<label for="menu-toggle" class="menu-icon">
<div>
    <span></span>
    <span></span>
    <span></span>
</div>
</label>


    
<!-- spナビゲーション -->
<div class="menu">
    <div id="sp_navi_btn">

    <a href="../index.html" class="nav_btn0"> 
        <div class="btnwrap">
            <div class="chara">
                <img src="../img/top_img/top_btn3_chara.png" alt="トップ">
            </div>
            <div class="txt">トップ</div>
            <div class="arrow">
                <img src="../img/top_img/top_btn3_arrow.png" alt="矢印">
            </div>
        </div>
    </a>

    <a href="https://www.pref.aichi.jp/soshiki/kankyo-c/2023happyoukai-result.html#pagetop" class="nav_btn1"> 
        <div class="btnwrap">
            <div class="chara">
                <img src="../img/top_img/top_btn1_chara.png" alt="地球温暖化">
            </div>
            <div class="txt">地球温暖化って<br class="inPc">なに？〜クイズつき〜</div>
            <div class="arrow">
                <img src="../img/top_img/top_btn1_arrow.png" alt="矢印">
            </div>
        </div>
    </a>

    <a href="../activity/index.html" class="nav_btn2"> 
        <div class="btnwrap">
            <div class="chara">
                <img src="../img/top_img/top_btn2_chara.png" alt="できること">
            </div>
            <div class="txt">わたしたちに<br class="inPc">できること</div>
            <div class="arrow">
                <img src="../img/top_img/top_btn2_arrow.png" alt="矢印">
            </div>
        </div>
    </a>

    <a href="../effort/index.html" class="nav_btn3"> 
        <div class="btnwrap">
            <div class="chara">
                <img src="../img/top_img/top_btn3_chara.png" alt="愛知県の取組">
            </div>
            <div class="txt">愛知県の取組</div>
            <div class="arrow">
                <img src="../img/top_img/top_btn3_arrow.png" alt="矢印">
            </div>
        </div>
    </a>

    <a href="../learn/index.html" class="nav_btn4"> 
        <div class="btnwrap">
            <div class="chara">
                <img src="../img/top_img/top_btn4_chara.png" alt="脱炭素">
            </div>
            <div class="txt">楽しくまなぼう！<br class="inPc">脱炭素</div>
            <div class="arrow">
                <img src="../img/top_img/top_btn4_arrow.png" alt="矢印">
            </div>
        </div>
    </a>


    </div>
</div>
<!-- END spナビゲーション -->

 
</body>
</html>

