「住」のソリューションプロバイダー株式会社明治産業

<!DOCTYPE html> <html lang="ja" prefix="og: http://ogp.me/ns#"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="format-detection" content="telephone=no" /> <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>「住」のソリューションプロバイダー株式会社明治産業</title> <meta name="keywords" content="明治産業,明治ガス,福岡,LPガス,CSR" /> <meta name="description" content="明治産業は、“「住」のソリューションプロバイダー”へ生まれ変わります。ガス供給だけでなく、不動産のあらゆる課題をワンストップで解決いたします。" /> <link rel="canonical" href="https://www.meiji-sangyo.co.jp/index.html">  <meta property="og:type" content="website" /> <meta property="og:title" content="「住」のソリューションプロバイダー株式会社明治産業" /> <meta property="og:url" content="https://www.meiji-sangyo.co.jp/" /> <meta property="og:image" content="https://www.meiji-sangyo.co.jp/common/images/ogp.png" /> <meta property="og:site_name" content="「住」のソリューションプロバイダー株式会社明治産業" /> <meta property="og:description" content="明治産業は、“「住」のソリューションプロバイダー”へ生まれ変わります。ガス供給だけでなく、不動産のあらゆる課題をワンストップで解決いたします。" />  <meta name="twitter:card" content="summary" />   <link rel="icon" type="image/vnd.microsoft.icon" href="/common/images/favicon.ico" />  <link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/notosansjapanese.css" /> <link rel="stylesheet" href="/common/styles/main.css?v=250324" media="all" />  <script src="/common/scripts/vendor.js"></script> <script async src="/common/scripts/main.js?v=231002"></script>  <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M75PT74'); </script>   <script type="text/javascript"> (function(add, cla){window['UserHeatTag']=cla;window[cla]=window[cla]||function(){(window[cla].q=window[cla].q||[]).push(arguments)},window[cla].l=1*new Date();var ul=document.createElement('script');var tag = document.getElementsByTagName('script')[0];ul.async=1;ul.src=add;tag.parentNode.insertBefore(ul,tag);})('//uh.nakanohito.jp/uhj2/uh.js', '_uhtracker');_uhtracker({id:'uhEFFrnTaJ'}); </script>   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/modaal@0.4.4/dist/css/modaal.min.css"> <script src="https://cdn.jsdelivr.net/npm/modaal@0.4.4/dist/js/modaal.min.js"></script>  <style> .o-topCaution { padding: 10px 10px; background: #fddacb; } .o-topCaution__inner { max-width: 960px; margin: auto; } .o-box--topCaution { padding: 10px 15px; border-color: #e83428; background: #fff; } @media screen and (min-width: 769px) { .o-topCaution { padding-top: 30px; padding-bottom: 30px; } .o-box--topCaution { padding: 17px 24px; } } </style> <script src="/common/scripts/toppage.js?v=250324"></script> </head> <body>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M75PT74" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <div id="fb-root"></div> <script> (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v3.1'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>  <script type="text/javascript"> (function (add, cla) { window['UserHeatTag'] = cla; window[cla] = window[cla] || function () { (window[cla].q = window[cla].q || []).push(arguments) }, window[cla].l = 1 * new Date(); var ul = document.createElement('script'); var tag = document.getElementsByTagName('script')[0]; ul.async = 1; ul.src = add; tag.parentNode.insertBefore(ul, tag); })('//uh.nakanohito.jp/uhj2/uh.js', '_uhtracker'); _uhtracker({ id: 'uhyefs5iCW' }); </script>  <div class="l-loader"> <div class="o-loadingBox2"> <div class="o-loadingBox2__inner"> <div class="o-loadCont2"> <div class="o-loadCont2__chara"> <div class="o-loadCont2__chara__bg" id="js-loadingBg"> <img src="/images/loading_chara_bg.png" alt="" width="1000" height="1341"> </div> <div class="o-loadCont2__chara__border"> <img src="/images/loading_chara_border.png" alt="" width="1000" height="1341"> </div> </div> <div class="o-loadCont2__progress"> <div class="o-loadCont2__progress__inner"> <div class="o-loadCont2__progress__bar" id="js-progressBar"></div> <div class="o-loadCont2__progress__text"><span class="o-loadCont2__progress__text__num" id="js-progressText">0</span>%</div> </div> </div> </div> </div> </div> </div> <div class="l-base l-base--top" id="l-base"> <header class="l-header" id="l-header"> <div class="l-header__body"> <div class="l-header__body__left"> <h1 class="o-logo"><a href="/"><img src="/common/images/logo.svg" alt="明治産業" width="121" height="39"></a></h1> <div class="o-hBtns"> <div class="o-emgBtn o-emgBtn--maintenance"> <button class="o-emgBtn__btn" id="js-maintBtn" type="button"> <span class="o-emgBtn__btn__icon"></span> <span class="o-emgBtn__btn__body">メンテナンス</span> </button> </div> <div class="o-emgBtn o-emgBtn--emergency"> <button class="o-emgBtn__btn" id="js-emgBtn" type="button"> <span class="o-emgBtn__btn__icon"></span> <span class="o-emgBtn__btn__body">緊急のときは</span> </button> </div> <div class="o-spContact"> <a class="o-spContact__btn" href="https://meiji-aic.com/inquiry/"> <span class="o-spContact__btn__icon"></span> <span class="o-spContact__btn__body">お問合せ</span> </a> </div> <div class="o-toggleBtn"> <button class="o-toggleBtn__btn" id="js-navToggle" type="button"> <span class="o-toggleBtn__btn__lines"> <span class="o-toggleBtn__btn__line"></span> <span class="o-toggleBtn__btn__line"></span> <span class="o-toggleBtn__btn__line"></span> </span> <span class="o-toggleBtn__btn__body">メニュー</span> </button> </div> </div> </div> <div class="l-header__body__menu"> <div class="o-navGlobal" id="o-navGlobal"> <div class="o-navGlobal__menu"> <nav class="o-listGnav"> <ul class="o-listGnav__body"> <li class="o-listGnav__item"> <a class="o-listGnav__link" href="/personal/"><span class="o-listGnav__link__body">個人のお客さま</span></a> </li> <li class="o-listGnav__item"> <a class="o-listGnav__link" href="/corporate/"><span class="o-listGnav__link__body">法人のお客さま</span></a> </li> <li class="o-listGnav__item"> <a class="o-listGnav__link" href="/owner/"><span class="o-listGnav__link__body">オーナーさま</span></a> </li> <li class="o-listGnav__item"> <a class="o-listGnav__link" href="/company/"><span class="o-listGnav__link__body">会社情報</span></a> </li> <li class="o-listGnav__item"> <a class="o-listGnav__link" href="/saiyo/" target="_blank"><span class="o-listGnav__link__body">採用情報</span></a> </li> <li class="o-listGnav__item"> <a class="o-listGnav__link" href="/csr/"><span class="o-listGnav__link__body">CSR情報</span></a> </li> </ul> </nav>  </div> <div class="o-navGlobal__contact"> <p class="o-contactBtn"><a class="o-contactBtn__btn" href="https://meiji-aic.com/inquiry/"><span class="o-contactBtn__btn__body">お問合せ</span></a></p> </div> <div class="o-navGlobal__personal"> <div class="o-personalMenu"> <ul class="o-personalMenu__body"> <li class="o-personalMenu__item"> <a class="o-personalMenu__link o-personalMenu__link--enter" href="https://meiji-aic.com/residents/"><span class="o-personalMenu__link__body">入居のお手続き</span></a> </li> <li class="o-personalMenu__item"> <a class="o-personalMenu__link o-personalMenu__link--leave" href="https://meiji-aic.com/moving/"><span class="o-personalMenu__link__body">退去のお手続き</span></a> </li> <li class="o-personalMenu__item"> <a class="o-personalMenu__link o-personalMenu__link--fee" href="https://www.meiji-web.jp/Magic23Scripts/MGrqispi.dll?appname=kenshinweb&prgname=lin"><span class="o-personalMenu__link__body">ガス料金の確認<br>支払方法の変更</span></a> </li> <li class="o-personalMenu__item"> <a class="o-personalMenu__link o-personalMenu__link--light" href="https://meiji-aic.com/electric/"><span class="o-personalMenu__link__body">電気のお手続き</span></a> </li> </ul> </div>  </div> </div>  </div> </div> </header>  <div class="l-maintModal"> <div class="l-maintModal__inner"> <aside class="o-maintModal"> <div class="o-maintModal__inner"> <h2 class="o-maintModal__head">ガス機器のメンテナンス・修理</h2> <div class="o-maintModal__body"> <p>「ガス機器の調子が悪い」「故障かな？」と思ったら、お電話にてお申し込みください。<br>点検・修理にお伺いいたします。</p> <p class="o-btnWrap u-mt10"> <a class="o-btn o-btn--small" href="/mente/"> <span class="o-btn__body">詳しくはこちら</span> </a> </p> </div> </div> <button class="o-maintModal__close" type="button">閉じる</button> </aside>  </div> </div>  <div class="l-emgModal"> <div class="l-emgModal__inner"> <aside class="o-emgModal"> <div class="o-emgModal__inner"> <h2 class="o-emgModal__head">緊急のときは</h2> <div class="o-emgModal__links"> <ul class="o-emgModal__links__body"> <li class="o-emgModal__links__item"> <a class="o-emgModal__links__link" href="/personal/support/leak.html">ガス漏れ・警報機が鳴ったら</a> </li> <li class="o-emgModal__links__item"> <a class="o-emgModal__links__link" href="/personal/support/quake.html">地震が起きたときには</a> </li> <li class="o-emgModal__links__item"> <a class="o-emgModal__links__link" href="/personal/support/stop.html">ガスが止まってしまったら</a> </li> <li class="o-emgModal__links__item"> <a class="o-emgModal__links__link" href="/personal/support/comeback.html">ガスを復帰させるには</a> </li> </ul> </div> <dl class="o-emgModal__telBox"> <dt class="o-emgModal__telBox__head">明治産業お客さまセンター</dt> <dd class="o-emgModal__telBox__body"> <a class="o-emgModal__telBox__telLink" href="tel:092-736-7711">092-736-7711</a> </dd> </dl> </div> <button class="o-emgModal__close" type="button">閉じる</button> </aside>  </div> </div>  <main class="l-main" id="l-main"> <div class="l-main__middle l-main__middle--top"> <section class="o-mainVisual"> <div class="o-mainVisual__inner"> <div class="o-mvSlider"> <ul class="o-mvSlider__body" id="js-mvSlider"> <li class="o-mvSlider__item"> <div class="o-mvSlider__card"> <a href="/personal/hakarunder/"> <picture> <source media="(max-width:600px)" srcset="/images/mainvisual_hakarunder_sp.jpg?210624"> <img src="/images/mainvisual_hakarunder.jpg" alt="" width="1280" height="500"> </picture> </a> </div> </li> <li class="o-mvSlider__item"> <div class="o-mvSlider__card"> <a href="/csr/2025/20250314_2925.html"> <picture> <source media="(max-width:600px)" srcset="/images/banner_cp-spring_640x360.jpg"> <img src="/images/banner_cp-spring_3119x1247.jpg" alt="" width="1280" height="500"> </picture> </a> </div> </li>  <li class="o-mvSlider__item"> <div class="o-mvSlider__card"> <picture> <source media="(max-width:600px)" srcset="/images/mainvisual02_sp.jpg"> <img src="/images/mainvisual02.jpg" alt="" width="1280" height="500"> </picture> </div> </li>  </ul> </div> </div> </section>    <section class="o-topPersonal"> <div class="o-topPersonal__inner"> <div class="o-personalMenu"> <ul class="o-personalMenu__body"> <li class="o-personalMenu__item"> <a class="o-personalMenu__link o-personalMenu__link--enter" href="https://meiji-aic.com/residents/"><span class="o-personalMenu__link__body">入居のお手続き</span></a> </li> <li class="o-personalMenu__item"> <a class="o-personalMenu__link o-personalMenu__link--leave" href="https://meiji-aic.com/moving/"><span class="o-personalMenu__link__body">退去のお手続き</span></a> </li> <li class="o-personalMenu__item"> <a class="o-personalMenu__link o-personalMenu__link--fee" href="https://www.meiji-web.jp/Magic23Scripts/MGrqispi.dll?appname=kenshinweb&prgname=lin"><span class="o-personalMenu__link__body">ガス料金の確認<br>支払方法の変更</span></a> </li> <li class="o-personalMenu__item"> <a class="o-personalMenu__link o-personalMenu__link--light" href="https://meiji-aic.com/electric/"><span class="o-personalMenu__link__body">電気のお手続き</span></a> </li> </ul> </div>  </div> </section>    <section class="o-topEmg"> <div class="o-topEmg__inner"> <div class="o-emgBox"> <div class="o-emgBox__body"> <div class="o-emgBox__maintenance"> <div class="o-emgCard o-emgCard--maintenance"> <div class="o-emgCard__inner"> <h2 class="o-emgCard__head">ガス機器のメンテナンス・修理</h2> <div class="o-emgCard__body"> <p>「ガス機器の調子が悪い」「故障かな？」と思ったら、お電話にてお申し込みください。<br>点検・修理にお伺いいたします。</p> <p class="o-btnWrap" style="margin-top: 27px;"> <a class="o-btn" href="/mente/"> <span class="o-btn__body">詳しくはこちら</span> </a> </p> </div> </div> </div>  </div> <div class="o-emgBox__emergency"> <div class="o-emgCard o-emgCard--emergency"> <div class="o-emgCard__inner"> <h2 class="o-emgCard__head">緊急のときは</h2> <div class="o-emgCard__links"> <ul class="o-emgCard__links__body"> <li class="o-emgCard__links__item"> <a class="o-emgCard__links__link" href="/personal/support/leak.html">ガス漏れ・警報機が鳴ったら</a> </li> <li class="o-emgCard__links__item"> <a class="o-emgCard__links__link" href="/personal/support/quake.html">地震が起きたときには</a> </li> <li class="o-emgCard__links__item"> <a class="o-emgCard__links__link" href="/personal/support/stop.html">ガスが止まってしまったら</a> </li> <li class="o-emgCard__links__item"> <a class="o-emgCard__links__link" href="/personal/support/comeback.html">ガスを復帰させるには</a> </li> </ul> </div> <dl class="o-emgCard__telBox"> <dt class="o-emgCard__telBox__head">明治産業お客さまセンター</dt> <dd class="o-emgCard__telBox__body"> <a class="o-emgCard__telBox__telLink" href="tel:092-736-7711">092-736-7711</a> </dd> </dl> </div> </div>  </div> </div> </div>  </div> </section>  <section class="o-topTopics" id="topics"> <div class="o-topTopics__inner"> <div class="o-topicsList"> <h2 class="o-topicsList__heading">注目トピックス</h2> <ul class="o-topicsList__body" id="js-topicsList"></ul> </div>  </div> <div class="o-topTopics__chara--chara01"> <img src="/images/icon_chara01.png" alt="" width="185" height="248"> </div> </section>  <div class="o-topInfo"> <div class="o-topInfo__inner"> <section class="o-topInfo__item"> <div class="o-newsList"> <h2 class="o-newsList__heading">お知らせ</h2> <div class="o-newsList__body" id="js-topNewsList"></div> </div>  <p class="o-topBtn"> <a class="o-btn" href="/news/"><span class="o-btn__body">もっと見る</span></a> </p> </section> <section class="o-topInfo__item"> <div class="o-csrList"> <h2 class="o-csrList__heading">企業活動情報</h2> <div class="o-csrList__body" id="js-topCsrList"></div> </div>  <p class="o-topBtn"> <a class="o-btn" href="/csr/list.html"><span class="o-btn__body">もっと見る</span></a> </p> </section> </div> <div class="o-topInfo__chara--chara01"> <img src="/images/icon_chara02.png" alt="" width="197" height="208"> </div> <div class="o-topInfo__chara--chara02"> <img src="/images/icon_chara03.png" alt="" width="173" height="252"> </div> </div>  <section class="o-topNoteBlog"> <div class="o-topNoteBlog__inner"> <div class="o-topNoteLink"> <h2 class="o-topNoteLink__heading is-img"> <img src="/images/bunka_heading.png" alt="明治産業 presents　文化の熱源" width="680" height="192"> </h2> <div class="o-topNoteLink__desc"> <p>この街の文化の熱を伝えるウェブメディアを運営中。<br>明治産業のアートの取り組みはこちらをチェック</p> </div> </div>  <p class="o-topBtn"> <a class="o-btn" href="https://note.com/ntgn" target="_blank"><span class="o-btn__body">詳しくはこちら</span></a> </p> </div> </section>  <section class="o-topSns"> <div class="o-topSns__inner"> <div class="o-topSnsList"> <h2 class="o-topSnsList__heading">SNSもチェック！</h2> <ul class="o-topSnsList__body"> <li class="o-topSnsList__item"> <a class="o-topSnsList__btn o-topSnsList__btn--facebook" href="https://www.facebook.com/meijisangyo/" target="_blank"><span class="o-topSnsList__btn__body">明治産業</span></a> </li> <li class="o-topSnsList__item"> <a class="o-topSnsList__btn o-topSnsList__btn--instagram" href="https://www.instagram.com/meijisangyo_japan/" target="_blank"><span class="o-topSnsList__btn__body">明治産業公式 Instagram</span></a> </li> <li class="o-topSnsList__item"> <a class="o-topSnsList__btn o-topSnsList__btn--twitter" href="https://twitter.com/amazingclub/" target="_blank"><span class="o-topSnsList__btn__body">あ！めいじんぐ倶楽部</span></a> </li> <li class="o-topSnsList__item"> <a class="o-topSnsList__btn o-topSnsList__btn--report" href="https://ameblo.jp/amazingclub/" target="_blank"><span class="o-topSnsList__btn__body">活動レポート・社員ブログ</span></a> </li> </ul> </div>  <p class="o-topBtn"> <a class="o-btn" href="/socialmediapolicy/accountlist.html"><span class="o-btn__body">もっと見る</span></a> </p> </div> <div class="o-topSns__chara--chara01"> <img src="/images/icon_chara06.png" alt="" width="181" height="217"> </div> <div class="o-topSns__chara--chara02"> <img src="/images/icon_chara07.png" alt="" width="282" height="143"> </div> </section>    <section class="o-topRelation"> <div class="o-topRelation__inner"> <div class="o-topRelationList"> <h2 class="o-topRelationList__ttl">ライフスタイル応援団</h2> <div class="o-topRelationList__body"> <div class="o-topRelationList__item"> <div class="o-relationCard"> <a class="o-relationCard__inner" href="http://amazing-club.com/" target="_blank"> <p class="o-relationCard__img"> <picture> <img src="/images/banner_amazing.png" alt="あ！めいじんぐ倶楽部" width="307" height="171"> </picture> </p> <div class="o-relationCard__text"> <p class="o-relationCard__desc">レアなテーマをおもしろく体験しながら学べる “オトナの部活動” です。毎回斬新なテーマで参加者を募集中！</p> </div> </a> </div>  </div> <div class="o-topRelationList__item"> <div class="o-relationCard"> <a class="o-relationCard__inner" href="https://lovefm.co.jp/culture_view/programs/more/" target="_blank"> <p class="o-relationCard__img"> <picture> <img src="/images/banner_love_fm.jpg?240327" alt="LOVE FM" width="307" height="171"> </picture> </p> <div class="o-relationCard__text"> <p class="o-relationCard__desc">お出かけしたくなる街の情報番組。放送ログはここからお聞きいただけます♪</p> </div> </a> </div>  </div> <div class="o-topRelationList__item"> <div class="o-relationCard"> <a class="o-relationCard__inner" href="/world/" target="_blank"> <p class="o-relationCard__img"> <picture> <img src="/images/banner_world.png" alt="アメージングワールド" width="307" height="171"> </picture> </p> <div class="o-relationCard__text"> <p class="o-relationCard__desc">快適な住まいづくりを求め続ける、明治産業の新しいキャラクターたち。</p> </div> </a> </div>  </div> </div> </div>  </div> <div class="o-topRelation__chara--chara01"> <img src="/images/icon_chara05.png" alt="" width="170" height="205"> </div> </section>                          <section class="o-topBanner"> <div class="o-topBanner__inner"> <div class="o-topBannerList"> <ul class="o-topBannerList__body owl-carousel" id="js-bannerSlider">  <li class="o-topBannerList__item"> <a href="https://r-zephyr.com/" target="_blank"><img src="/images/banner_zephyr.jpg?250327" alt="ライジングゼファーフクオカ" width="330" height="184"></a> </li> <li class="o-topBannerList__item"> <a href="https://www.softbankhawks.co.jp" target="_blank"><img src="/images/banner_softbank.png" alt="ソフトバンク" width="330" height="184"></a> </li> <li class="o-topBannerList__item"> <a href="https://www.instagram.com/meijisangyo_japan/" target="_blank"><img src="/images/banner_instagram.png?230420" alt="インスタはじめました" width="330" height="184"></a> </li>  </ul> </div>  </div> </section>  </div> </main>  <footer id="l-footer" class="l-footer"> <div class="l-footer__top"> <div class="o-footerLinks"> <ul class="o-footerLinks__body"> <li class="o-footerLinks__item"> <a class="o-footerLinks__link" href="/privacy/"><span class="o-footerLinks__link__body">個人情報保護方針</span></a> </li> <li class="o-footerLinks__item"> <a class="o-footerLinks__link" href="/privacy/mokuteki.html"><span class="o-footerLinks__link__body">個人情報の取り扱いについて</span></a> </li> <li class="o-footerLinks__item"> <a class="o-footerLinks__link" href="/socialmediapolicy/"><span class="o-footerLinks__link__body">ソーシャルメディアポリシー</span></a> </li> <li class="o-footerLinks__item"> <a class="o-footerLinks__link" href="/term-of-use.html"><span class="o-footerLinks__link__body">サイトのご利用について</span></a> </li> <li class="o-footerLinks__item"> <a class="o-footerLinks__link" href="https://meiji-aic.com/inquiry/" target="_blank" rel="noopener"><span class="o-footerLinks__link__body">お問合せフォーム</span></a> </li> <li class="o-footerLinks__item"> <a class="o-footerLinks__link" href="/sitemap.html"><span class="o-footerLinks__link__body">サイトマップ</span></a> </li> </ul> </div>  </div> <div class="l-footer__middle"> <div class="o-securityLinks"> <ul class="o-securityLinks__body"> <li class="o-securityLinks__item"> <span id="ss_gmo_img_wrapper_100-50_flash_ja"> <a href="https://jp.globalsign.com/" target="_blank"> <img alt="SSL　GMOグローバルサインのサイトシール" border="0" id="ss_img" src="//seal.globalsign.com/SiteSeal/images/gs_noscript_100-50_ja.gif"> </a> </span> <script type="text/javascript" src="//seal.globalsign.com/SiteSeal/gmogs_flash_100-50_ja.js"></script> </li> <li class="o-securityLinks__item"> <a href="https://privacymark.jp/" target="_blank"><img src="/common/images/pmark.png" alt="Pマーク" width="75" height="75"></a> </li> </ul> </div>  </div> <div class="l-footer__bottom"> <p class="o-returnBtn"> <a class="o-returnBtn__link" href="#l-base">ページトップへ戻る</a> </p>  <div class="o-copyright"> <p class="o-copyright__top">〒810-0022 福岡市中央区薬院1-14-5 MG薬院ビル4F<span class="u-spNone">　</span><br class="u-tabNone u-pcNone">TEL 092-736-7711　FAX092-736-7714</p> <p class="o-copyright__bottom">Copyright © MEIJI SANGYO Co.,Ltd. All Rights Reserved.</p> </div> </div> </footer>   <script> // CSSとアイコンのリンクを追加する関数 function addStylesheet(href) { let link = document.createElement('link'); link.href = href; link.rel = 'stylesheet'; document.head.appendChild(link); } // トグルボタンを作成し、追加する関数 function createToggleButton() { const toggleBtn = document.createElement('div'); toggleBtn.id = 'chatbot-toggle_button'; const anchor = document.createElement('a'); anchor.id = 'chat-button'; anchor.href = '#'; anchor.addEventListener('click', toggleChatbox); const img = document.createElement('img'); img.src = '/images/aichat.png'; img.width = '50'; img.height = '50'; anchor.appendChild(img); toggleBtn.appendChild(anchor); document.body.appendChild(toggleBtn); } // チャットボックスのヘッダーを作成する関数 function createChatboxHeader() { const header = document.createElement('div'); header.id = 'chatbot-header'; header.style.background = '#4169e1'; const logo = document.createElement('div'); logo.id = 'chatbot-logo'; logo.innerText = '明治産業AI「福岡あい」'; const closeIcon = document.createElement('i'); closeIcon.id = 'chatbot-close-icon'; closeIcon.className = 'material-icons material-symbols-outlined waves-light'; closeIcon.innerText = 'close'; closeIcon.addEventListener('click', toggleChatbox); header.appendChild(logo); header.appendChild(closeIcon); return header; } // チャットボックスを作成し、追加する関数 function createChatbox() { const chatbox = document.createElement('div'); chatbox.id = 'chatbot'; chatbox.style.display = 'none'; const header = createChatboxHeader(); const body = document.createElement('div'); body.id = 'chatbot-body'; const iframe = document.createElement('iframe'); iframe.id = 'inline-frame'; iframe.width = '100%'; iframe.height = '100%'; iframe.dataSrc = 'https://miibo.jp/chat/0ae12134-2ade-4c88-8b8c-07a71b45a80b19032a1d820265?name=%E6%98%8E%E6%B2%BB%E7%94%A3%E6%A5%AD%20%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E7%B4%B9%E4%BB%8BAI%E3%80%8C%E7%A6%8F%E5%B2%A1%E3%81%82%E3%81%84%E3%80%8D'; iframe.scrolling = 'no'; iframe.frameBorder = 'no'; body.appendChild(iframe); chatbox.appendChild(header); chatbox.appendChild(body); document.body.appendChild(chatbox); } // チャットボックスの表示/非表示を切り替える関数 function toggleChatbox(utterance, ...states) { var chatbox = document.getElementById('chatbot'); var iframe = document.getElementById('inline-frame'); // ここでイベントオブジェクトではなく、文字列または未定義の値が渡されることを確認します。 if (typeof utterance !== 'string') { utterance = null; } if (chatbox.style.display === 'none' || utterance) { chatbox.style.display = 'block'; var src = 'https://miibo.jp/chat/0ae12134-2ade-4c88-8b8c-07a71b45a80b19032a1d820265?name=%E6%98%8E%E6%B2%BB%E7%94%A3%E6%A5%AD%20%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E7%B4%B9%E4%BB%8BAI%E3%80%8C%E7%A6%8F%E5%B2%A1%E3%81%82%E3%81%84%E3%80%8D'; // 可変引数からクエリパラメータを生成 states.forEach(state => { if (state.key && state.value) { src += `${encodeURIComponent(state.key)}=${encodeURIComponent(state.value)}`; } }); // 以下の条件を追加して、再読み込みの必要性をチェック if (!iframeLoaded || (utterance && lastUtterance !== utterance)) { if (utterance) { src += "&utterance=" + encodeURIComponent(utterance); } iframe.src = src; iframeLoaded = true; lastUtterance = utterance; } } else { chatbox.style.display = 'none'; } } // イベントリスナーを設定する関数 function setupEventListeners() { document.querySelectorAll('.chatButton').forEach(button => { button.addEventListener('click', event => { event.preventDefault(); const utterance = button.getAttribute('data-utterance'); const statesData = button.getAttribute('data-states'); let states = []; try { // JSON 形式の文字列をオブジェクトに変換 const statesObj = JSON.parse(statesData); // オブジェクトから key-value ペアの配列を生成 states = Object.keys(statesObj).map(key => ({ key, value: statesObj[key] })); } catch (e) { console.error("Error parsing states data", e); } toggleChatbox(utterance, ...states); }); }); // ここでイベントオブジェクトを直接渡さないようにします。 document.getElementById('chat-toggle').addEventListener('click', event => { event.preventDefault(); toggleChatbox(); }); document.getElementById('chatbot-close-icon').addEventListener('click', () => { toggleChatbox(); }); } // メイン実行部 addStylesheet('https://fonts.googleapis.com/icon?family=Material+Icons'); addStylesheet('https://miibo.jp/chat3.css'); createToggleButton(); createChatbox(); setupEventListeners(); var iframeLoaded = false; // iframeがロードされたかどうかを追跡するフラグ var lastUtterance = ""; // 最後に発話した内容を追跡するフラグ </script> </div>  </body> </html>

CINXE.COM

「住」のソリューションプロバイダー 株式会社 明治産業

「住」のソリューションプロバイダー株式会社明治産業