<!DOCTYPE html>
<html lang="ja">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="九電みらいエナジー株式会社の公式ホームページです。再エネ発電事業と小売電気事業を行っています。" />
    <meta property="og:title" content="九電みらいエナジー株式会社｜九電グループ">
    <meta property="og:site_name" content="九電みらいエナジー株式会社｜九電グループ">
    <meta property="og:description" content="九電みらいエナジー株式会社の公式ホームページです。再エネ発電事業と小売電気事業を行っています。">
    <meta property="og:url" content="">
    <meta property="og:image" content="/img/ogp.png">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="apple-touch-icon" href="common/img/apple-touch-icon.png">

    <title>九電みらいエナジー株式会社｜九電グループ</title>

    <link rel="stylesheet" href="common/css/reset.css">
    <link rel="stylesheet" href="common/css/common.css">
    <link rel="stylesheet" href="common/css/layout.css">
    <link rel="stylesheet" href="top/css/style.css">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lity/2.4.1/lity.min.css">

    <script src="common/js/jquery-3.2.1.min.js"></script>
    <script src="common/js/easings.min.js"></script>
    <script src="common/js/common.js"></script>
    <script src="/qmirai/js/vue.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/lity/2.4.1/lity.min.js"></script>
</head>

<body id="top">

    <header id="header_kaso">
        <section class="header_In">
            <h1 id="logo"><a href="/"><img src="common/img/logo.png" alt="九電みらいエナジー"></a></h1>

            <nav id="nav_Main" class="tophead">
                <ul class="mainGnav flex">

                    <li class="Gnav01"><a href="company/">企業案内</a></li>

                    <li class="Gnav02"><a href="renewables/">再生可能エネルギー</a></li>
                    <li class="Gnav03"><a href="service/index.html">提供サービス</a></li>
                    <li class="Gnav04"><a href="news/">ニュース</a></li>
                    <li class="Gnav05"><a href="recruit/" target="_blank">採用情報</a></li>

                    <li class="Gnav08 withyou"><a href="./renewables/withyou.html">地域と共に</a></li>
                </ul>

                <div class="hover_AllWrap">

                    <div id="mainGnav01" class="hover_menu">
                        <h2><a href="company/"><span>企業案内</span></a></h2>
                        <ul class="hoverNav flex">
                            <li><a href="company/philosophy.html"><span>企業理念</span></a></li>
                            <li><a href="company/message.html"><span>トップメッセージ</span></a></li>
                            <li><a href="company/outline"><span>企業情報</span></a></li>
                            <li><a href="company/service.html"><span>事業内容</span></a></li>
                            <li><a href="company/history"><span>沿革</span></a></li>
                            <li><a href="company/img/dx.pdf" target="_blank"><span>DXの推進</span></a></li>
                            <li><a href="compliance/csr.html"><span>カーボンニュートラルに向けて</span></a></li>
                            <li><a href="vision2050/index.html"><span>2050年ビジョン</span></a></li>
                            <li><a href="library/"><span>ライブラリ</span></a></li>
                        </ul>
                    </div>

                    <div id="mainGnav02" class="hover_menu">
                        <h2><a href="renewables/"><span>再生可能<br>エネルギー</span></a></h2>
                        <ul class="hoverNav flex">
                            <li><a href="renewables/project.html"><span>発電所一覧</span></a></li>
                            <li><a href="renewables/aboutus.html"><span>私たちのあゆみとこれから</span></a></li>
                            <li><a href="renewables/withyou.html"><span>地域と共に</span></a></li>
                            <li><a href="renewables/about.html"><span>再生可能エネルギーとは</span></a></li>
                            <li><a href="renewables/visit.html"><span>見学施設のご案内</span></a></li>
                        </ul>
                    </div>

                    <div id="mainGnav03" class="hover_menu">
                        <h2><a href="service/index.html"><span>提供サービス</span></a></h2>
                        <ul class="hoverNav flex">
                            <li><a href="service/onsite_ppa"><span>オンサイトPPA</span></a></li>
                            <li><a href="service/offsite_ppa"><span>オフサイトPPA</span></a></li>
                            <li><a href="service/non_fossil_certificate.html"><span>非化石証書購入代行</span></a></li>
                            <li><a href="service/oroshi"><span>再エネ電力卸取引</span></a></li>
                        </ul>
                    </div>

                </div>
            </nav>
        </section>
        <div class="hover_bg"></div>

    </header>

    <div class="humberger_Line flex">
        <h1 class="splogo"><a href="/"><img src="common/img/logo.png" alt="九電みらいエナジー"></a></h1>
        <div class="wrap">
            <div class="mouse-over-link">
                <a href="compliance/csr.html" class="pc-only-link over-link">コンプライアンス</a>
                <div class="fade-element">
                    <h2><a href="compliance/csr.html"><span>コンプライアンス</span></a></h2>
                    <ul class="hoverNav flex">
                        <li><a href="compliance/csr.html"><span>基本方針・行動規範</span></a></li>
                        <li><a href="compliance/csr02"><span>News<br>（公正取引委員会からの排除措置命令への対応関係）</span></a></li>
                    </ul>
                </div>
            </div>
            <a href="contact/" class="pc-only-link">お問い合わせ</a>

            <script async src="https://cse.google.com/cse.js?cx=a0d957470d4dd4e66">
            </script>
            <div class="gcse-search"></div>

            <a href="english.pdf" class="pdfbtn" target="_blank"><img src="common/img/btn_en.png" alt=""></a>
            <div id="sp_menu_kaso" class="sp_menu_kaso">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>

    <div id="humberger_Menu">
        <nav class="nav_humberger">
            <ul class="humbergerGnav">
                <li class="flex">
                    <a href="/">トップ</a>
                </li>
                <li class="flex com">
                    <div><a href="company/" class="icon_tri">企業案内</a></div>
                    <ul class="flex">
                        <li><a href="company/philosophy.html">企業理念</a></li>
                        <li><a href="company/message.html">トップメッセージ</a></li>
                        <li><a href="company/outline">企業情報</a></li>
                        <li><a href="company/service.html">事業内容</a></li>
                        <li><a href="company/history">沿革</a></li>
                        <li><a href="company/img/dx.pdf" target="_blank"><span>DXの推進</span></a></li>
                        <li><a href="compliance/csr.html">カーボンニュートラルに向けて</a></li>
                        <li><a href="vision2050/index.html"><span>2050年ビジョン</span></a></li>
                        <li><a href="library/"><span>ライブラリ</span></a></li>
                    </ul>
                </li>

                <li class="flex ene">
                    <div><a href="renewables/" class="icon_tri">再生可能エネルギー</a></div>
                    <ul class="flex">
                        <li><a href="renewables/project.html">発電所一覧</a></li>
                        <li><a href="renewables/aboutus.html">私たちのあゆみとこれから</a></li>
                        <li><a href="renewables/withyou.html">地域と共に</a></li>
                        <li><a href="renewables/about.html">再生可能エネルギーとは</a></li>
                        <li><a href="renewables/visit.html">見学施設のご案内</a></li>
                    </ul>
                </li>

                <li class="flex han">
                    <div><a href="service/index.html" class="icon_tri">提供サービス</a></div>
                    <ul class="flex">
                        <li><a href="service/onsite_ppa">オンサイトPPA</a></li>
                        <li><a href="service/offsite_ppa">オフサイトPPA</a></li>
                        <li><a href="service/non_fossil_certificate.html">非化石証書購入代行</a></li>
                        <li><a href="service/oroshi">再エネ電力卸取引</a></li>
                    </ul>
                </li>

                <li class="flex compla">
                    <div><a href="compliance/csr.html" class="icon_tri">コンプライアンス</a></div>
                    <ul class="flex">
                        <li><a href="compliance/csr.html">基本方針・行動規範</a></li>
                        <li><a href="compliance/csr02">News（公正取引委員会からの排除措置命令への対応関係）</a></li>
                    </ul>
                </li>

                <li class="flex">
                    <a href="news/">ニュース</a>
                </li>
                <li class="flex">
                    <a href="recruit/" target="_blank">採用情報</a>
                </li>

                <li class="flex">
                    <a href="contact/">お問い合わせ</a>
                </li>
                <li class="flex pdfarea">
                    <a href="english.pdf" class="pdfbtn"><img src="common/img/btn_en.png" alt=""></a>
                </li>
            </ul>
        </nav>
    </div>

    <main id="main">
        <div id="movie_Area">
            <div class="movie_Box">
                <a href="https://www.youtube.com/watch?v=Zz_bGZgXjOI" data-lity target="_blank"
                    class="video-link"><video src="top/img/logo02_20250221.mp4" autoplay muted loop
                        playsinline></video></a>
            </div>

        </div>

        <div class="movie_btn">
            <a href="./renewables/"><img src="./top/img/btn_top_ene.jpg" class="pc"><img
                    src="./top/img/btn_top_ene_sp.jpg" class="sp"></a>
            <a href="kouri.html"><img src="./top/img/btn_top_ele.jpg" class="pc"><img src="./top/img/btn_top_ele_sp.jpg"
                    class="sp"></a>
        </div>

        <div class="ene-sale-information">
            <p>再エネ電気の販売に関するご案内</p>
            <ul class="ene-sale-link flex">
                <li>
                    <a href="top/img/demand.pdf" target="_blank">需要家さま向け</a>
                </li>

                <li>
                    <a href="top/img/business.pdf" target="_blank">小売電気事業者さま向け</a>
                </li>
            </ul>
        </div>

        <div class="btn_area" style="margin: 0 auto 70px;">

            <a href="pdf/20230306.pdf" target="_blank">
                <img src="top/img/btn_info202302.jpg" class="pc" alt="">
                <img src="top/img/btn_info202302_sp.jpg" class="sp" alt="">
            </a>
        </div>

        <section class="new02-bnr">
            <ul class="flex">
                <li>
                    <p class="sub-ttl">私たちが目指す2050年の姿</p>
                    <a href="./vision2050/">
                        <img src="top/img/bnr-2050vision.png" alt="">
                    </a>
                </li>

                <li>
                    <p class="sub-ttl">2050年ビジョンの実行戦略</p>
                    <a href="/files/uploads/ManagementVision2035.pdf">
                        <img src="top/img/bnr-2035ene.png" alt="">
                    </a>
                </li>
            </ul>
        </section>

        <section class="new-bnr">
            <p class="new-ttl">提供サービス</p>
            <ul class="flex">
                <li>
                    <a href="service/index.html#ancher01">
                        <img src="top/img/service-bnr01.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="service/index.html#ancher02">
                        <img src="top/img/service-bnr02.png" alt="">
                    </a>
                </li>
            </ul>
        </section>

        <section id="top_news_section" class="sec_area">
            <p class="new-ttl">ニュース</p>

            <div class="news_area">
                <div class="search-list">
                    <button class="search-list__item is-active list_news"
                        @click="changeCategory($event)">ニュース一覧</button>
                    <button class="search-list__item list_release"
                        @click="changeCategory($event, 'release')">プレスリリース</button>
                    <button class="search-list__item list_info" @click="changeCategory($event, 'info')">お知らせ</button>
                </div>
                <ul class="entry-list">
                    <template v-for="post in posts">
                        <li class="entry-list__item">
                            <div class="entry-list__meta left_box"
                                :class="`border_` + getCategoryClass(post.BlogCategory.name)">
                                <span v-if="post.BlogCategory.name" class="category_txt"
                                    :class="`color_` + getCategoryClass(post.BlogCategory.name)">{{post.BlogCategory.title}}</span>
                                <span class="data_txt">{{post.BlogPost.posts_date}}</span>
                            </div>
                            <div class="right_box">
                                <a v-if="post.BlogPost.link.url" :href="post.BlogPost.link.url"
                                    :target="post.BlogPost.link.target" class="entry-list__title article_link">
                                    {{post.BlogPost.name}}
                                </a>
                                <a v-else class="entry-list__title article_link">{{post.BlogPost.name}}</a>
                            </div>
                        </li>
                    </template>
                </ul>
            </div>
            <a href="/news/" class="news_link"><span>more</span></a>
        </section>

        <section id="top_company_section" class="sec_area">
            <p class="new-ttl">企業案内</p>

            <div class="bg_about">
                <a href="company/">
                    <strong>自然の力で輝くみらいへ</strong><br>
                    私たちは、自然が持つ様々な力を<br class="sp">エネルギーとして活かすことで、<br>
                    ずっと快適な社会の実現や<br class="sp">魅力ある地域づくりに貢献します。

                </a>
            </div>
        </section>
    </main>

    <footer id="footer">
        <div class="inner">
            <div class="sns_area">
                <ul>
                    <li><a href="https://www.facebook.com/Q.mirai.jp" target="_blank"><img
                                src="common/img/sns_facebook.png" class="pc"><img src="common/img/sns_facebook_sp.png"
                                class="sp"></a></li>
                    <li><a href="https://www.youtube.com/channel/UC47tavvPChWyoSe5LBQ9iXg" target="_blank"><img
                                src="common/img/sns_youtube.png" class="pc"><img src="common/img/sns_youtube_sp.png"
                                class="sp"></a></li>
                    <li><a href="https://www.kyuden.co.jp/" target="_blank"><img src="common/img/logo_kyu.png"
                                alt="九州電力｜ずっと先まで、明るくしたい"></a></li>
                </ul>

                <script async src="https://cse.google.com/cse.js?cx=1237d48a84b8dd6f3"></script>
                <div class="gcse-search"></div>
            </div>
            <div class="fnav_area">
                <ul class="company-nav">
                    <li><strong><a href="company/">企業案内</a></strong></li>
                    <li><a href="company/philosophy.html">企業理念</a></li>
                    <li><a href="company/message.html">トップメッセージ</a></li>
                    <li><a href="company/outline">企業情報</a></li>
                    <li><a href="company/service.html">事業内容</a></li>
                    <li><a href="company/history">沿革</a></li>
                    <li><a href="company/img/dx.pdf" target="_blank"><span>DXの推進</span></a></li>
                    <li class="mini"><a href="compliance/csr.html">カーボンニュートラルにむけて</a></li>
                    <li><a href="vision2050/index.html"><span>2050年ビジョン</span></a></li>
                    <li><a href="library/"><span>ライブラリ</span></a></li>
                </ul>
                <ul class="ene-nav">
                    <li><strong><a href="renewables/">再生可能エネルギー</a></strong></li>
                    <li><a href="renewables/project.html">発電所一覧</a></li>
                    <li><a href="renewables/aboutus.html">私たちのあゆみとこれから</a></li>
                    <li><a href="renewables/withyou.html">地域と共に</a></li>
                    <li><a href="renewables/about.html">再生可能エネルギーとは</a></li>
                    <li><a href="renewables/visit.html">見学施設のご案内</a></li>
                </ul>
                <ul class="service-nav">
                    <li><strong><a href="service/index.html">提供サービス</a></strong></li>
                    <li><a href="service/onsite_ppa">オンサイトPPA</a></li>
                    <li><a href="service/offsite_ppa">オフサイトPPA</a></li>
                    <li><a href="service/non_fossil_certificate.html">非化石証書購入代行</a></li>
                    <li><a href="service/oroshi">再エネ電力卸取引</a></li>
                </ul>
                <ul class="contact-nav">
                    <li><strong><a href="news/">ニュース</a></strong></li>
                    <li><a href="recruit/" target="_blank">採用情報</a></li>
                    <li><a href="compliance/csr.html">コンプライアンス</a></li>
                    <li><a href="contact/">お問い合わせ</a></li>
                </ul>
            </div>
        </div>
        <ul class="pri">
            <li><a href="compliance/csr.html">コンプライアンス経営の推進</a></li>
            <li><a href="company/privacy.html">個人情報の取扱いについて</a></li>
        </ul>
        <p class="copy">&copy; Copyright KyudenMiraiEnergy Corporation. All Rights Reserved.</p>
    </footer>
    <div id="pagetop">
        <a href="#"><img src="common/img/pagetop.png" alt="ページトップへ" /></a>
    </div>

    <script src="/qmirai/js/top.js?20240215"></script>

    <script>
        $(document).on('lity:open', function(event, instance) {
            // (×) ボタンを追加
            if ($('.lity-close-btn').length === 0) {
                $('body').append('<button class="lity-close-btn">&times;</button>');
            }

            // (×) ボタンクリックで閉じる
            $('.lity-close-btn').on('click', function() {
                instance.close();
                $(this).remove();
            });
        });

        $(document).on('lity:close', function() {
            $('.lity-close-btn').remove();
        });
    </script>

</body>

</html>