<!DOCTYPE HTML>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- OGPの設定：OGPを設定するWEBページのURL -->
    <meta property="og:url" content="https://www.s-energy.co.jp/">
    <!-- OGPの設定：ページのタイトル -->
    <meta property="og:title" content="システム・エナジー株式会社">
    <!-- OGPの設定：ページのディスクリプション -->
    <meta property="og:description" content="池袋にて創業35年を超える実績を持つIT会社。技術者本位の方針のもと、お客様の最高のITソリューションパートナーを目指しています。">

    <meta content="池袋にて創業35年を超える実績を持つIT会社。技術者本位の方針のもと、お客様の最高のITソリューションパートナーを目指しています。" name="description">
    
    <!-- OGPの設定：サムネイル画像のURL -->
    <!-- <meta property="og:image" content="image/logo/energy_logo_OGP.webp"> -->
    <meta property="og:image" content="https://www.s-energy.co.jp/homepage/image/logo/energy_logo_OGP.webp">
    <!-- OGPの設定：ページの種類 -->
    <meta property="og:type" content="website">
    <!-- OGPの設定：Twitterカード -->
    <meta name="twitter:card" content="summary_large_image">
    <!-- OGPの設定：Facebook -->
    <meta property="og:locale" content="ja_JP">

    <meta name="viewport" content="width=device-width">
    <meta http-equiv="content-language" content="ja">
    <link rel="icon" href="image/logo/energy_logo_mark.webp" type="image.webp">
    <link rel="apple-touch-icon" href="image/logo/energy_logo_mark.webp" type="image.webp">
    <title>システム・エナジー株式会社</title>
    <!-- jqueryの読み込み -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <!-- ヘッダー・フッター部分のCSS・JSファイル読み込み -->
    <!-- ヘッダー部分 -->
    <link href="CSS/header.css" rel="stylesheet">
    <!--フッター部分 -->
    <link href="CSS/footer.css" rel="stylesheet">
    <!-- 現ページのCSS・JSファイル（あれば）を読みこみ -->
    <link href="CSS/textanime.css" rel="stylesheet" type="text/css">
    <script src="JS/top_textanime.js"></script>
    <script src="JS/featherlight.js"></script>
    <link rel="stylesheet" href="CSS/top.css?ver=2">
    <link rel="stylesheet" href="CSS/philosophy.css">
    <link rel="stylesheet" href="CSS/featherlight.css">
    
    <link rel="stylesheet" href="CSS/alternate_c.css"?ver=1>
    <!-- AOS（ページに動きを出すライブラリ）の読み込み -->
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <!-- 読み込んだライブラリを使用するためのJSファイル -->
    <script src="JS/animation.js"></script>
    <!-- ヘッダー・フッター部分のHTMLファイル読み込み -->
    <script>
        $(document).ready((function () {
            $("#header").load("header.html");
            $("#footer").load("footer.html");
			$("#cookie").load("cookie.html");

            //スクロールをクリックするとウィンドウの高さ分、下にスクロールする
            $('.arrow_link').on('click', function () {
                $('html').animate({ scrollTop: '950px' }, 500, 'swing');
                return false;
            });
            $(window).on("scroll", function () {
                // ある程度スクロールしたらボタンを表示
                if ($(this).scrollTop() > 200) {
                    $(".arrow_scroll_area").fadeOut("fast");
                } else {
                    $(".arrow_scroll_area").fadeIn("fast");
                }
            });
        }));
    </script>
    <!-- トラッキングコード -->
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-E5FEL88V4J"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());
        gtag('config', 'G-E5FEL88V4J');
    </script>
</head>

<body>
    <div id="header"></div>
	<div id="cookie"></div>

    <main>
        <div id="movie">
            <!-- 本番用 -->
            <!-- <video id="video" src="img/トップ動画.mp4" poster="test.webp" autoplay muted></video> -->
            <video id="video" src="image/top movie/top movie.mp4" poster=""
                autoplay muted loop></video>
            <div class="top_textbox textBoxAnime"><span class="top_mask"><p style="display: none;" class="movie_text eachTextAnime">ITの力で未来を創造する</p></span></div>
        </div>
        <div class="arrow_scroll_area">
            <a class="arrow_link" href="">
                <div class="arrow_scroll">
                    <div class="arrow"></div>
                    <p id="scroll_text">scroll</p>
                </div>
            </a>
        </div>

        </div>
        <div id="image">
            <div id="top_image_text_area">
                <p class="top_image_text" id="top_text1">技術者マインドを胸に</p>
                <p class="top_image_text" id="top_text2">ITの力で未来を創造する</p>
                <p class="top_image_text" id="top_text3">最高のITソリューション<br>パートナーを目指して</p>
            </div>

            <img id="top_image_logo" src="image/logo/energy_logo_long.webp">
            <img id="top_image_wide" src="image/top image/topimage wide.webp">
            <img id="top_image_slim" src="image/top image/topimage slim.webp">
        </div>
        <div class="text_area" id="text_top" data-aos="fade-up" data-aos-duration="900"
            data-aos-anchor-placement="center-bottom" data-aos-easing="ease-out-cubic" data-aos-once="true">
            <p class="section_title">ENERGY&ensp;for&ensp;THE&ensp;HERITAGE</p>
            <p class="section_sentence">
                世界遺産が今日あるのは、<br>
                それらが長きにわたり人々の役に立ち、使い続けられてきたからです。<br>
                それを成し遂げるため、技術者は常に最高の技術で創造し、維持し、<br>
                価値の向上を目指してきたからにほかなりません。<br>
                お客様に長きにわたり活用していただけるシステムを構築する。<br>
                そのためにシステムを維持し進化させ続けていく。<br>
                私たちは、現代を生きる技術者として、<br>
                当時の技術者と変わらぬマインドで<br>
                お客様に接していきたいと思っています。<br>
            </p>
            <!-- マルチデバイス対応用 -->
            <p class="section_sentence_multi">
                世界遺産が今日あるのは、<br>
                それらが長きにわたり人々の役に立ち<br>
                使い続けられてきたからです。<br>
                それを成し遂げるため、<br>
                技術者は常に最高の技術で<br>
                創造し、維持し、<br>
                価値の向上を目指してきたからに<br>
                ほかなりません。<br>
                お客様に長きにわたり活用できる<br>
                システムを構築する。<br>
                そのためにシステムを維持し<br>
                進化させ続けていく。<br>
                私たちは、現代を生きる技術者として<br>
                当時の技術者と変わらぬマインドで<br>
                お客様に接したいと思っています。<br>
            </p>
        </div>

        <!-- PC用の画像 -->
        <div id="top_img_area" data-aos="fade-up" data-aos-duration="900" data-aos-anchor-placement="top-bottom"
            data-aos-easing="ease-out-cubic" data-aos-once="true">

            <img class="top_img" src="image/contents/1-1_top_c/1-1_top_c1.webp">
            <img class="top_img" src="image/contents/1-1_top_c/1-1_top_c2.webp">
            <img class="top_img" src="image/contents/1-1_top_c/1-1_top_c3.webp">
            <img class="top_img" src="image/contents/1-1_top_c/1-1_top_c4.webp">
        </div>

        <!-- スマホ用 -->
        <div id="top_img_area_sp">
            <img class="top_img" src="image/contents/1-1_top_c/1-1_top_c1.webp">
            <img class="top_img" src="image/contents/1-1_top_c/1-1_top_c2.webp">
            <img class="top_img" src="image/contents/1-1_top_c/1-1_top_c3.webp">
            <img class="top_img" src="image/contents/1-1_top_c/1-1_top_c4.webp">
        </div>

        <!-- ここからブロック開始 -->

        <!-- 会社情報ブロック -->
        <div class="text_area" data-aos="fade-up" data-aos-duration="900" data-aos-anchor-placement="top-bottom"
            data-aos-easing="ease-out-cubic" data-aos-once="true">
            <p class="section_title">成長のエネルギーはシステム</p>
            <p class="section_sentence">
                私たちは、常に最善を追求し、提案し、成功に導いていきます。<br>
                「企業の成長のエネルギーはシステムである」という想いを、<br>
                そのまま私たちの社名にしました。<br>
            </p>
            <p class="section_sentence_multi">
                私たちは、常に最善を追求、提案し、<br>
                成功に導いていきます。<br>
                「企業の成長のエネルギーは<br>
                システムである」<br>
                という想いを、<br>
                そのまま私たちの社名にしました。<br>
            </p>
        </div>
        
        <div class="menu_area" id="menu_1">
            <p class="menu_title" data-aos="fade-up" data-aos-duration="1000" data-aos-anchor-placement="top-bottom"
                data-aos-easing="ease-out-cubic" data-aos-once="true" style="opacity: 0;">会社情報</p>
                <!-- <p class="menu_title">会社情報</p> -->
            <div class="menu_body" data-aos="fade-up" data-aos-duration="1000" data-aos-anchor-placement="top-bottom"
                data-aos-easing="ease-out-cubic" data-aos-once="true">
                <div class="menu_body">
                <table class="menu_table">
                    <tr class="menu">

                        <td class="menu_list">
                            <a class="menu_link" href="company/message.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c8.webp">
                                <p class="menu_index">代表挨拶</p>
                            </a>
                        </td>

                        <td class="menu_list">
                            <a class="menu_link" href="company/profile.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c9.webp">
                                <p class="menu_index">会社概要</p>
                            </a>
                        </td>

                        <td class="menu_list">
                            <a class="menu_link" href="company/history.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c10.webp">
                                <p class="menu_index">沿革</p>
                            </a>
                        </td>
                    </tr>

                    <tr class="menu">
                        <td class="menu_list">
                            <a class="menu_link" href="company/organizationchart.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c11.webp">
                                <p class="menu_index">組織図</p>
                            </a>
                        </td>
                        <td class="menu_list">
                            <a class="menu_link" href="company/certification.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c12.webp">
                                <p class="menu_index">外部認定</p>
                            </a>
                        </td>
                    </tr>
                </table>

                <!-- タブレット・スマホの2列表示用 -->
                <table class="menu_table_multi">
                    <tr class="menu">
                        <td class="menu_list">
                            <a class="menu_link" href="company/message.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c8.webp">
                                <p class="menu_index">代表挨拶</p>
                            </a>
                        </td>
                        <td class="menu_list">
                            <a class="menu_link" href="company/profile.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c9.webp">
                                <p class="menu_index">会社概要</p>
                            </a>
                        </td>
                    </tr>

                    <tr class="menu">

                        <td class="menu_list">
                            <a class="menu_link" href="company/history.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c10.webp">
                                <p class="menu_index">沿革</p>
                            </a>
                        </td>
                        <td class="menu_list">
                            <a class="menu_link" href="company/organizationchart.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c11.webp">
                                <p class="menu_index">組織図</p>
                            </a>
                        </td>
                    </tr>

                    <tr class="menu">
                        <td class="menu_list">
                            <a class="menu_link" href="company/certification.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c12.webp">
                                <p class="menu_index">外部認定</p>
                            </a>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        </div>
        <!-- ここまで -->

        <!-- 事業内容ブロック -->
        <div class="text_area" data-aos="fade-up" data-aos-duration="900" data-aos-anchor-placement="top-bottom"
            data-aos-easing="ease-out-cubic" data-aos-once="true">
            <p class="section_title">継続と進化</p>
            <p class="section_sentence">
                システムの価値は、使われてこそ生まれます。<br>
                日々変化するシステムへの期待に耳を傾け、<br>
                より多くの役割を果たせるように維持していきます。<br>
                また、常にお客様の視点に立って、<br>
                何が最善なのかを考え、提案し、<br>
                システムの価値の向上に努めます。<br>
            </p>
            <p class="section_sentence_multi">
                システムの価値は、<br>
                使われてこそ生まれます。<br>
                日々変化するシステムへの期待に<br>
                耳を傾け、<br>
                より多くの役割を果たせるように<br>
                維持していきます。<br>
                また、常にお客様の視点に立って、<br>
                何が最善なのかを考え、提案し、<br>
                システムの価値の向上に努めます。<br>
            </p>
        </div>

        <div class="menu_area" id="menu_2">
            <p class="menu_title" data-aos="fade-up" data-aos-duration="900" data-aos-anchor-placement="top-bottom"
                data-aos-easing="ease-out-cubic" data-aos-once="true">事業内容</p>
                <!-- <p class="menu_title">事業内容</p> -->
            <div class="menu_body" id="menu_body_2" data-aos="fade-up" data-aos-duration="900"
                data-aos-anchor-placement="top-bottom" data-aos-easing="ease-out-cubic" data-aos-once="true">
                <!-- <div class="menu_body" id="menu_body_2"> -->
                <table class="menu_table">
                    <tr class="menu">
                        <td class="menu_list_2">
                            <a class="menu_link" href="business/summary.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c13.webp">
                                <p class="menu_index">事業概要</p>
                            </a>
                        </td>

                        <td class="menu_list_2">
                            <a class="menu_link" href="business/project.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c14.webp">
                                <p class="menu_index">プロジェクト紹介</p>
                            </a>
                        </td>
                    </tr>
                </table>

                <!-- タブレット・スマホの2列表示用 -->
                <table class="menu_table_multi">
                    <tr class="menu">
                        <td class="menu_list">
                            <a class="menu_link" href="business/summary.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c13.webp">
                                <p class="menu_index">事業概要</p>
                            </a>
                        </td>

                        <td class="menu_list">
                            <a class="menu_link" href="business/project.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c14.webp">
                                <p class="menu_index">プロジェクト紹介</p>
                            </a>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <!-- ここまで -->

        <!-- 採用情報ブロック -->
        <div class="text_area" data-aos="fade-up" data-aos-duration="900" data-aos-anchor-placement="top-bottom"
            data-aos-easing="ease-out-cubic" data-aos-once="true">
            <!-- <div class="text_area"> -->
            <p class="section_title">技術者本位の追求</p>
            <p class="section_sentence">
                技術者が、ど真ん中にいる。それが、私たちの会社です。<br>
                技術者がやりたい仕事を自ら追い求めていく、<br>
                そんな前向きな姿勢を尊重しています。<br>
                技術者が生き生きと活躍することで、<br>
                お客様の期待を超えるソリューションを提供することができます。<br>
                私たちは技術者本位の会社を目指しています。<br>
            </p>
            <p class="section_sentence_multi">
                技術者が、ど真ん中にいる。<br>
                それが、私たちの会社です。<br>
                技術者がやりたい仕事を<br>
                自ら追い求めていく、<br>
                そんな前向きな姿勢を尊重します。<br>
                技術者が生き生きと活躍することで、<br>
                お客様の期待を超える<br>
                ソリューションを提供できます。<br>
                私たちは技術者本位の会社を<br>
                目指しています。<br>
            </p>
        </div>

        <div class="menu_area" id="menu_3">
            <p class="menu_title" data-aos="fade-up" data-aos-duration="900" data-aos-anchor-placement="top-bottom"
                data-aos-easing="ease-out-cubic" data-aos-once="true">採用情報</p>
                <!-- <p class="menu_title">採用情報</p> -->
            <div class="menu_body" data-aos="fade-up" data-aos-duration="900" data-aos-anchor-placement="top-bottom"
                data-aos-easing="ease-out-cubic" data-aos-once="true">
                <!-- <div class="menu_body"> -->
                <table class="menu_table">
                    <tr class="menu">
                        <td class="menu_list">
                            <a class="menu_link" href="recruit/message.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c15.webp">
                                <p class="menu_index">入社をご検討の方へ</p>
                            </a>
                        </td>
                        <td class="menu_list">
                            <a class="menu_link" href="recruit/summary.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c16.webp">
                                <p class="menu_index">募集要項</p>
                            </a>
                        </td>
                        <td class="menu_list">
                            <a class="menu_link" href="recruit/introduction/introduction.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c17.webp">
                                <p class="menu_index">先輩社員の声</p>
                            </a>
                        </td>
                    </tr>

                    <tr class="menu">
                        <td class="menu_list">
                            <a class="menu_link" href="recruit/carriersupport.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c18.webp">
                                <p class="menu_index">キャリアサポート</p>
                            </a>
                        </td>
                        <td class="menu_list">
                            <a class="menu_link" href="recruit/welfare.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c19.webp">
                                <p class="menu_index">福利厚生</p>
                            </a>
                        </td>
                        <td class="menu_list">
                            <a class="menu_link" href="recruit/faq.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c20.webp">
                                <p class="menu_index">よくあるご質問</p>
                            </a>
                        </td>
                    </tr>
                </table>

                <!-- タブレット・スマホの2列表示用 -->
                <table class="menu_table_multi">
                    <tr class="menu">
                        <td class="menu_list">
                            <a class="menu_link" href="recruit/message.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c15.webp">
                                <p class="menu_index">入社をご検討の方へ</p>
                            </a>
                        </td>
                        <td class="menu_list">
                            <a class="menu_link" href="recruit/summary.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c16.webp">
                                <p class="menu_index">募集要項</p>
                            </a>
                        </td>
                    </tr>
                    <tr class="menu">
                        <td class="menu_list">
                            <a class="menu_link" href="recruit/introduction/introduction.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c17.webp">
                                <p class="menu_index">先輩社員の声</p>
                            </a>
                        </td>
                        <td class="menu_list">
                            <a class="menu_link" href="recruit/carriersupport.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c18.webp">
                                <p class="menu_index">キャリアサポート</p>
                            </a>
                        </td>
                    </tr>
                    <tr class="menu">
                        <td class="menu_list">
                            <a class="menu_link" href="recruit/welfare.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c19.webp">
                                <p class="menu_index">福利厚生</p>
                            </a>
                        </td>
                        <td class="menu_list">
                            <a class="menu_link" href="recruit/faq.html">
                                <img class="menu_img" src="image/contents/1-1_top_c/1-1_top_c20.webp">
                                <p class="menu_index">よくあるご質問</p>
                            </a>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <!-- ここまで -->

        <!-- 経営理念エリア -->
        <div class="philosophy">
            <div class="philosophy_text_area" data-aos="fade-up" data-aos-duration="900"
                data-aos-anchor-placement="top-bottom" data-aos-easing="ease-out-cubic" data-aos-once="true">
                <p id="philosophy_title">
                    私たちのポリシー
                </p>
                <p id="philosophy_text">
                    私たちは、お客様のシステムの成長を追求します。<br>
                    私たちは、技術者が元気に活躍できる場・環境を追求します。<br>
                    私たちは、価値ある企業であることを追求します。<br>
                    そして、これらの活動が持続可能となる経営、<br>
                    「サステナビリティ・マネジメント」を追求していきます。<br>
                </p>
                <p id="philosophy_text_multi">
                    私たちは、お客様のシステムの<br>
                    成長を追求します。<br>
                    私たちは、技術者が元気に活躍できる<br>
                    場・環境を追求します。<br>
                    私たちは、価値ある企業で<br>
                    あることを追求します。<br>
                    そして、これらの活動が<br>
                    持続可能となる経営、<br>
                    「サステナビリティ・マネジメント」<br>
                    を追求していきます。<br>
                </p>
            </div>
            <div class="philosophy_contents_area" data-aos="fade-up" data-aos-duration="900"
                data-aos-anchor-placement="top-bottom" data-aos-easing="ease-out-cubic" data-aos-once="true">
                <div id="philosophy_contents_top">
                    <p id="top_text">技術者本位<br>の追求</p>
                    <div class="philosophy_line" id="line_1"></div>
                    <div class="philosophy_hover" id="hover_text_top">
                        <p class="hover_text">技術者が元気に活躍できる<br>場・環境を提供する</p>
                    </div>
                </div>
                <div id="philosophy_contents_center">
                    <p id="center_text">サステナビリティ<br>マネジメント</p>
                    <div class="philosophy_hover" id="hover_text_center">
                        <p class="hover_text">これらの活動が<br>持続可能となる経営を行う</p>
                    </div>
                </div>
                <div id="philosophy_contents_left">
                    <div class="philosophy_line" id="line_2"></div>
                    <p id="left_text">顧客満足<br>の追求</p>
                    <div class="philosophy_hover" id="hover_text_left">
                        <p class="hover_text">顧客システムの<br>成長を追及する</p>
                    </div>
                </div>
                <div id="philosophy_contents_right">
                    <div class="philosophy_line" id="line_3"></div>
                    <p id="right_text">企業価値<br>の追求</p>
                    <div class="philosophy_hover" id="hover_text_right">
                        <p class="hover_text">価値ある企業を追及する</p>
                    </div>
                </div>
            </div>

            <div class="philosophy_contents_area_multi">
                <div id="philosophy_contents_top" href="javascript:void(0)" data-featherlight="#text1">
                    <div class="philosophy_line" id="line_1"></div>
                    <p id="top_text">技術者本位<br>の追求</p>
                    <div class="philosophy_hover" id="hover_text_top">
                        <p class="hover_text" id="text1">技術者が元気に活躍できる場・環境を提供する</p>
                    </div>
                </div>
                <div id="philosophy_contents_center" href="javascript:void(0)" data-featherlight="#text2">
                    <p id="center_text">サステナビリティ<br>マネジメント</p>
                    <div class="philosophy_hover" id="hover_text_center">
                        <p class="hover_text" id="text2">これらの活動が持続可能となる経営を行う</p>
                    </div>
                </div>
                <div id="philosophy_contents_left" href="javascript:void(0)" data-featherlight="#text3">
                    <div class="philosophy_line" id="line_2"></div>
                    <p id="left_text">顧客満足<br>の追求</p>
                    <div class="philosophy_hover" id="hover_text_left">
                        <p class="hover_text" id="text3">顧客システムの<br>成長を追及する</p>
                    </div>
                </div>
                <div id="philosophy_contents_right" href="javascript:void(0)" data-featherlight="#text4">
                    <div class="philosophy_line" id="line_3"></div>
                    <p id="right_text">企業価値<br>の追求</p>
                    <div class="philosophy_hover" id="hover_text_right">
                        <p class="hover_text" id="text4">価値ある企業を追及する</p>
                    </div>
                </div>
            </div>

            <!-- 会長コメント -->
            <div id="summary_pc" data-aos="fade-up" data-aos-duration="900"
            data-aos-anchor-placement="top-bottom" data-aos-easing="ease-out-cubic" data-aos-once="true">
                <div class="textleft">
                    <div class="textareal">
                        <!-- <p class="texttitle">
                            サステナビリティ・マネジメント
                        </p> -->
                        <p class="textblockl">
                            「この箪笥(タンス)は50年はもつ。だから修理依頼は50年後。その前に店をたたむことがあったらお客様に申し訳ない。」
                            <br>
                            ある江戸指物師の親方のことばです。
                            <br>
                            買う側からすればいつでも修理してもらえるという安心は得たいでしょうし、作る側からしてもいつまでも使い続けて欲しいと願っています。そのためには、会社が存在し続けるだけでなく、常に進化していく技術がきちんと継承されていかなければなりません。
                            <br>
                            技術者が生き生きと健康で、仕事環境や待遇が満たされていること、そして会社が健全に運営されていることが大切で、それが経営者の責務であり、サステナビリティ・マネジメントだと思っています。
                            <br>
                            創業以来30有余年、当社は本ポリシーを貫き通しています。ですが、SDGsからすれば、まだまだ駆け出しです。
                        </p>
                        <p class="ceoname">
                            代表取締役 会長　加藤 善久
                        </p>
                    </div>
                    <div class="imgblockl">
                        <img class="summaryimg" src="image/contents/1-1_top_c/1-1_top_c21.webp">
                    </div>
                </div>
            </div>

            <div id="summarymulti" data-aos="fade-up" data-aos-duration="900"
            data-aos-anchor-placement="top-bottom" data-aos-easing="ease-out-cubic" data-aos-once="true">
                <div class="textleft">
                    <!-- <p class="texttitlemulti">
                        サステナビリティ・マネジメント
                    </p> -->
                    <p class="textblock">
                        「この箪笥(タンス)は50年はもつ。だから修理依頼は50年後。その前に店をたたむことがあったらお客様に申し訳ない。」
                        <br>
                        ある江戸指物師の親方のことばです。
                        <br>
                        買う側からすればいつでも修理してもらえるという安心は得たいでしょうし、作る側からしてもいつまでも使い続けて欲しいと願っています。そのためには、会社が存在し続けるだけでなく、常に進化していく技術がきちんと継承されていかなければなりません。
                        <br>
                        技術者が生き生きと健康で、仕事環境や待遇が満たされていること、そして会社が健全に運営されていることが大切で、それが経営者の責務であり、サステナビリティ・マネジメントだと思っています。
                        <br>
                        創業以来30有余年、当社は本ポリシーを貫き通しています。ですが、SDGsからすれば、まだまだ駆け出しです。
                    </p>
                    <p class="ceoname">
                        代表取締役 会長　加藤 善久
                    </p>
                    <div class="imgblock">
                        <img class="summaryimgmulti" src="image/contents/1-1_top_c/1-1_top_c21.webp">
                    </div>
                </div>
            </div>
        </div>
        <!-- ページトップ機能 -->
        <!-- <div class="btn-top"><span></span></div> -->
        <div class="btn-top"><span><img src="image/logo/scroll_btn2.webp"></span></div>

        <!-- 問い合わせフォーム表示エリア(現在使用していません) -->
        <!-- <div class="inquiry_area" data-aos="fade-up" data-aos-duration="900" data-aos-anchor-placement="top-bott