CINXE.COM
ZeroE(ゼロエミッションシステム) | 都市環境 | 事業紹介 | JFEエンジニアリング 株式会社
<!DOCTYPE html> <html lang="ja"> <head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-MFR2WWGZ7Q"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-MFR2WWGZ7Q'); </script> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, width=device-width"> <script src="/assets/js/viewport.js" defer></script> <meta name="format-detection" content="telephone=no"> <meta name="theme-color" content="#073190"> <title>ZeroE(ゼロエミッションシステム) | 都市環境 | 事業紹介 | JFEエンジニアリング 株式会社</title> <link rel="canonical" href="https://www.jfe-eng.co.jp/products/environment/"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700&display=swap&subset=japanese"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500&display=swap&subset=japanese"> <link rel="stylesheet" href="/assets/css/style.css"> <link rel="stylesheet" href="/assets/css/style_addition.css"> <script src="/assets/js/libs/smooth-scroll.polyfills.min.js" defer></script> <script src="/assets/js/script.js" defer></script> <link rel="stylesheet" type="text/css" href="/assets/css/slick.css"/> <link rel="stylesheet" type="text/css" href="/assets/css/slick-theme.css"/> </head> <body data-category="products" data-content="hidden"> <div class="l-container"> <div data-show-width="narrow"> <header class="l-header" data-header="true" data-header-type="sp-menu"> <div class="l-header-top"> <div class="l-header-logo"> <a href="/"> <img src="/assets/images/logo_ja.svg" alt="JFEエンジニアリング 株式会社"> </a> </div> <button type="button" class="l-header-menu-btn" aria-controls="l-header-nav" aria-expanded="false" data-menu-btn="true" aria-label="メニュー"> <span class="l-header-menu-btn__bar"></span> <span class="l-header-menu-btn__bar"></span> <span class="l-header-menu-btn__bar"></span> </button> </div> <nav id="l-header-nav" class="l-header-nav" role="navigation" aria-label="メインメニュー" hidden="hidden" data-header-nav="true"> <div class="l-header-nav__inner" data-header-nav-inner="true"> <ul class="l-header-nav-list"> <li class="l-header-nav-list__item l-header-nav-list__item-information" data-accordion="true"> <button type="button" href="/information/" class="l-header-nav-list__item-target" data-mega-menu-link="true" aria-controls="l-header-nav-sub-information" aria-expanded="false" data-mega-menu-button="true" data-mega-menu-button-type="hover" data-accordion-button="true"> <span class="l-header-nav-list__item-target-inner"> 企業情報 </span> </button> <div id="l-header-nav-sub-information" class="l-header-nav-sub" data-mega-menu-block="true" data-accordion-block="true" hidden="hidden"> <div class="l-header-nav-sub__inner"> <div class="l-header-nav-sub-hdg"> <a href="/information/" class="l-header-nav-sub-hdg__target"> 企業情報 </a> </div> <ul class="l-header-nav-sub-list"> <li class="l-header-nav-sub-list__item"> <a href="/information/greeting.html" class="l-header-nav-sub-list__target"> 経営者のご挨拶 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/information/philosophy.html" class="l-header-nav-sub-list__target"> 企業理念 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/information/sdgs.html" class="l-header-nav-sub-list__target"> SDGsへの取り組み </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/information/vision.html" class="l-header-nav-sub-list__target"> 中長期ビジョン </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/information/company/" class="l-header-nav-sub-list__target"> 会社概要 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/information/procurement.html" class="l-header-nav-sub-list__target"> お取引先の皆様 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/information/health.html" class="l-header-nav-sub-list__target"> 健康経営 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/information/diversity/diversity.html" class="l-header-nav-sub-list__target"> ダイバーシティ推進 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/information/social_coexistence/" class="l-header-nav-sub-list__target"> 社会貢献活動 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/information/financial/" class="l-header-nav-sub-list__target"> 財務・IR情報 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/information/list/" class="l-header-nav-sub-list__target"> 拠点一覧 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/information/group/" class="l-header-nav-sub-list__target"> グループ会社 </a> </li> </ul> </div> </div> </li> <li class="l-header-nav-list__item l-header-nav-list__item-products" data-accordion="true"> <button type="button" href="/products/" class="l-header-nav-list__item-target" data-mega-menu-link="true" aria-controls="l-header-nav-sub-products" aria-expanded="false" data-mega-menu-button="true" data-mega-menu-button-type="hover" data-accordion-button="true"> <span class="l-header-nav-list__item-target-inner"> 事業紹介 </span> </button> <div id="l-header-nav-sub-products" class="l-header-nav-sub" data-mega-menu-block="true" data-accordion-block="true" hidden="hidden"> <div class="l-header-nav-sub__inner"> <div class="l-header-nav-sub-hdg"> <a href="/products/" class="l-header-nav-sub-hdg__target"> 事業紹介 </a> </div> <ul class="l-header-nav-sub-list"> <li class="l-header-nav-sub-list__item"> <a href="https://www.jt-kankyo.co.jp/business/" class="l-header-nav-sub-list__target" target="_blank"> リサイクル<span style="font-size: 10px;">(J&T環境(株)HP)</span> </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/products/power/" class="l-header-nav-sub-list__target"> 発電・電力 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/products/environment/" class="l-header-nav-sub-list__target"> 都市環境 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/products/aqua/" class="l-header-nav-sub-list__target"> 上下水道 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/products/pipeline/" class="l-header-nav-sub-list__target"> パイプライン </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/products/energy/" class="l-header-nav-sub-list__target"> エネルギープラント </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/products/bridge/" class="l-header-nav-sub-list__target"> 橋梁・鉄構・海外鋼構造 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/products/machinery/" class="l-header-nav-sub-list__target"> 産業/機械システム </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/products/life/" class="l-header-nav-sub-list__target"> 新規事業 </a> </li> </ul> </div> </div> </li> <li class="l-header-nav-list__item l-header-nav-list__item-dx" data-accordion="true"> <a href="/dx/" class="l-header-nav-list__item-target" data-mega-menu-link="true" target="_blank"> <span class="l-header-nav-list__item-target-inner"> DX </span> </a> </li> <li class="l-header-nav-list__item l-header-nav-list__item-rd" data-accordion="true"> <a href="/rd/" class="l-header-nav-list__item-target" data-mega-menu-link="true"> <span class="l-header-nav-list__item-target-inner"> 研究開発 </span> </a> </li> <li class="l-header-nav-list__item l-header-nav-list__item-360_engineering" data-accordion="true"> <a href="/360_jfe_engineering/" target="_blank" class="l-header-nav-list__item-target" data-mega-menu-link="true"> <span class="l-header-nav-list__item-target-inner"> 360° JFEエンジニアリング </span> </a> </li> <li class="l-header-nav-list__item l-header-nav-list__item-recruit" data-accordion="true"> <button type="button" href="/recruit/" class="l-header-nav-list__item-target" data-mega-menu-link="true" aria-controls="l-header-nav-sub-recruit" aria-expanded="false" data-mega-menu-button="true" data-mega-menu-button-type="hover" data-accordion-button="true"> <span class="l-header-nav-list__item-target-inner"> 採用情報 </span> </button> <div id="l-header-nav-sub-recruit" class="l-header-nav-sub" data-mega-menu-block="true" data-accordion-block="true" hidden="hidden"> <div class="l-header-nav-sub__inner"> <div class="l-header-nav-sub-hdg"> <a href="/recruit/" class="l-header-nav-sub-hdg__target"> 採用情報 </a> </div> <ul class="l-header-nav-sub-list"> <li class="l-header-nav-sub-list__item"> <a href="/saiyou/" target="_blank" class="l-header-nav-list__item-target"> 新卒採用 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="https://jobchange.jp/jfe-eng/" target="_blank" class="l-header-nav-list__item-target"> キャリア採用 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/challenged/" target="_blank" class="l-header-nav-list__item-target"> 障がい者採用 </a> </li> <!-- <li class="l-header-nav-sub-list__item"> <a href="/challenged/" target="_blank" class="l-header-nav-list__item-target"> 第二新卒採用 </a> </li> <li class="l-header-nav-sub-list__item"> <a href="/challenged/" target="_blank" class="l-header-nav-list__item-target"> アルムナイ </a> </li> --> <li class="l-header-nav-sub-list__item"> <a href="/recruit/group.html" class="l-header-nav-list__item-target"> グループ会社採用情報 </a> </li> </ul> </div> </div> </li> </ul> <div class="l-header-utility" data-accordion="true"> <div class="l-header-utility-lang"> <a href="/en/" class="l-header-utility-lang__target" data-mega-menu-link="true"> <img src="/assets/images/icon_lang.svg" alt="English"> </a> </div> <div class="l-header-utility-search-toggle"> <button type="button" class="l-header-utility-search-toggle__btn" aria-expanded="false" data-mega-menu-link="true" data-mega-menu-button="true" data-mega-menu-button-type="click" data-header-search-toggle="true" aria-controls="l-header-utility-search-container"> <img src="/assets/images/icon_search_toggle.svg" alt="Search"> </button> </div> <div id="l-header-utility-search-container" class="l-header-utility-search-container" data-mega-menu-block="true" data-mega-menu-block-type="click" hidden="hidden"> <div class="l-header-utility-search"> <!-- Begin Yahoo Search Form --> <form action="https://search.yahoo.co.jp/search" method="get" target="_blank" class="l-header-utility-search__form"> <input type="search" name="p" placeholder="キーワードを入力してください" class="l-header-utility-search__field"> <input type="hidden" name="fr" value="ysiw"> <input type="hidden" name="ei" value="utf-8"> <input name="vs" type="hidden" value="https://www.jfe-eng.co.jp/" checked="checked"> <button type="submit" class="l-header-utility-search__button" aria-label="検索"></button> </form> <div class="l-header-utility-search__credit"> <a href="https://www.yahoo.co.jp/" target="_blank" rel="noopener" data-menu-last-focus="true"><small>Powered by Yahoo! JAPAN</small></a> </div> <!-- End Yahoo! Search Form--> </div> </div> </div> </div> </nav> </header> </div> <div data-header-copy-parent="true" data-show-width="medium"></div> <div class="l-content"> <ol class="l-topicpath l-topicpath-top" itemscope itemtype="https://schema.org/BreadcrumbList"> <li class="l-topicpath__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="/" class="l-topicpath__target" itemprop="item"> <span itemprop="name">ホーム</span> </a> <meta itemprop="position" content="1"> </li> <li class="l-topicpath__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="/products/" class="l-topicpath__target" itemprop="item"> <span itemprop="name">事業紹介</span> </a> <meta itemprop="position" content="2"> </li> <li class="l-topicpath__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="/products/environment/" class="l-topicpath__target" itemprop="item"> <span itemprop="name">都市環境</span> </a> <meta itemprop="position" content="3"> </li> <li class="l-topicpath__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" aria-current="page"> <span itemprop="name">ZeroE(ゼロエミッションシステム)</span> <meta itemprop="position" content="4"> </li> </ol> <main class="l-main"> <div class="l-content-block"> <h1 class="hdg-01"><span class="hdg-01__inner">ZeroE(ゼロエミッションシステム)</span></h1> <section data-margin-top="48"> <div class="slider"> <div><img src="/products/environment/images/zeroe00_001.jpg" alt=""></div> <div><img src="/products/environment/images/zeroe00_002.jpg" alt=""></div> <div><img src="/products/environment/images/zeroe00_003.jpg" alt=""></div> </div> </section> <section> <h2 class="hdg-02">お知らせ</h2> <ul class="list-disc"> <li class="list-disc__item"> <p class="text">2024年11月20日<br> ページ更新いたしました。</p> </li> <li class="list-disc__item"> <p class="text">2022年11月01日<br> ページ公開いたしました。</p> </li> </ul> <div class="col-03"> <div class="col-03__item" data-margin-top-pc="8"> <div class="btn-01"> <a href="zeroe01.html" class="btn-01__target"> <span class="btn-01__text"> システム概要 </span> <span class="btn-01__icon"></span> </a> </div> </div> <div class="col-03__item" data-margin-top-pc="8"> <div class="btn-01"> <a href="zeroe03.html" class="btn-01__target"> <span class="btn-01__text"> 納入実績 </span> <span class="btn-01__icon"></span> </a> </div> </div> <div class="col-03__item"> <div class="btn-01"> <a href="https://evbx.jp/" class="btn-01__target" target="_blank"> <span class="btn-01__text"> EVパッカー及び電池交換<br class="u-br-pc">ステーション普及協議会 </span> <span class="btn-01__icon"></span> </a> </div> </div> </div> </section> <figure class="image-01"> <div class="image-01__embed"> <iframe width="560" height="315" src="https://www.youtube.com/embed/M8yrsKGxcUE?wmode=transparent&amp;rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </figure> <div class="btn-01" data-margin-top="80"> <a href="https://qiib.f.msgs.jp/webapp/form/23208_qiib_1/index.do" target="_blank" rel="noopener" class="btn-01__target"> <span class="btn-01__text"> お問い合わせ先 </span> <span class="btn-01__icon"></span> </a> </div> </div> </main> <ol class="l-topicpath l-topicpath-bottom" itemscope itemtype="https://schema.org/BreadcrumbList"> <li class="l-topicpath__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="/" class="l-topicpath__target" itemprop="item"> <span itemprop="name">ホーム</span> </a> <meta itemprop="position" content="1"> </li> <li class="l-topicpath__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="/products/" class="l-topicpath__target" itemprop="item"> <span itemprop="name">事業紹介</span> </a> <meta itemprop="position" content="2"> </li> <li class="l-topicpath__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="/products/environment/" class="l-topicpath__target" itemprop="item"> <span itemprop="name">都市環境</span> </a> <meta itemprop="position" content="3"> </li> <li class="l-topicpath__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" aria-current="page"> <span itemprop="name">ZeroE(ゼロエミッションシステム)</span> <meta itemprop="position" content="4"> </li> </ol> <footer class="l-footer"> <div class="l-footer-pagetop"> <a href="#top" class="l-footer-pagetop__target"> <img src="/assets/images/icon_pagetop.svg" alt="ページトップへ" class="l-footer-pagetop__image"> </a> </div> <div class="l-footer-content"> <div class="l-footer-utility-container"> <ul class="l-footer-utility"> <li class="l-footer-utility__item"> <a href="/sitemap/" class="l-footer-utility__target"> サイトマップ </a> </li> <li class="l-footer-utility__item"> <a href="/privacy/" class="l-footer-utility__target"> 個人情報の取り扱いについて </a> </li> <li class="l-footer-utility__item"> <a href="/cookie/" class="l-footer-utility__target"> クッキーポリシー </a> </li> <li class="l-footer-utility__item"> <a href="/policy/" class="l-footer-utility__target"> EEA域内のお取引先の皆様の<br>個人データの取扱に関する通知 </a> </li> <li class="l-footer-utility__item"> <a href="/form/toiawase.html" class="l-footer-utility__target"> お問い合わせ </a> </li> <li class="l-footer-utility__item"> <a href="/terms/" class="l-footer-utility__target"> サイトご利用にあたって </a> </li> </ul> </div> <div class="l-footer-copyright"> <small>© 2025 JFE Engineering Corporation</small> </div> </div> <style> .footercookie{ position:fixed; height: left:0; bottom:0; width:100%; z-index:2000; background-color:rgba(234,246,250,0.8); padding: 5px 20px; font-family: "Noto Sans JP", sans-serif; line-height: 1.6; letter-spacing: 0; } .footercookie-close{ display:none !important; } .footercookie-flex{ margin: 1em 0; display:flex; width: 100%; padding: 10px; box-sizing: border-box; justify-content:space-between; align-items: flex-end; } .footercookie-explain{ font-size: 14px; color: #333; } .footercookie-buttons{ display:flex; width: 280px; justify-content: space-between; } .footercookie-button{ display:flex; align-items:center; justify-content:center; width:135px; height:40px; font-family: inherit; font-size: 14px; margin-bottom: 0.5em; padding: 0.5em; border-radius: 3px; } .footercookie-buttons-accept{ background-color: #048ED2; border: 2px solid #048ED2; color: #fff; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%); } .footercookie-buttons-setting{ background-color: #bbb; border: 2px solid #bbb; cursor:pointer; color: #444; } .cookiepopup{ display:none; } .cookiepopup-display{ display:block !important; } .cookiepopup-outer{ background: rgba(0,0,0,.3); width:100%; height:100vh; top:0; left:0; z-index:10000; position:fixed; } .cookiepopup-inner{ width:750px; height:500px; top:0; bottom:0; left:0; right:0; margin:auto; border:solid 1px #fff; border-radius:5px; position:fixed; overflow:hidden; } .cookiepopup-flex{ height:440px; display:flex; align-items:center; justify-content:space-between; font-family: "Noto Sans JP", sans-serif; line-height: 1.6; } .cookiepopup-menu{ height:100%; background-color:#eee; } .cookiepopup-menu li{ height:63px; display:flex; align-items:center; padding:8px; color:#444; position:relative; font-size: 14px; } .cookiepopup-menu li::before{ content:""; min-width:32px; min-height:32px; width:32px; height:32px; border-radius:32px; border:solid 2px #048ED2; display:flex; align-items:center; justify-content:center; top:0; bottom:0; left:16px; margin-right:8px; color:#048ED2; font-weight:bold; } .cookiepopup-menu li.list_selected::before{ background-color:#048ED2; color:#fff; } .cookiepopup-menu li:nth-child(1)::before{content:"1";} .cookiepopup-menu li:nth-child(2)::before{content:"2";} .cookiepopup-menu li:nth-child(3)::before{content:"3";} .cookiepopup-menu li:nth-child(4)::before{content:"4";} .cookiepopup-menu li:nth-child(4)::after{ content:""; background: url("https://www.jfe-eng.co.jp/assets/images/icon_blank_01.svg") no-repeat 0 50%; width: 20px; height: 20px; top: 2px; right: 0; margin-left: 8px; } .cookiepopup-menu li a{ color:#444; } .cookiepopup-menu li:hover{ font-weight:bold; color:#048ED2; } .cookiepopup-menu-midashi{ color: #048ED2; font-weight: bold; margin-top: 16px; margin-left: 10px; font-size: 16px; } .cookiepopup-save{ width:100%; height:60px; background-color:#283C4D; display:flex; align-items:center; justify-content:flex-end; padding:8px; } .cookiepopup-save .button{ background-color:#048ED2; color:#fff; display:flex; align-items:center; justify-content:center; width:135px; height:40px; border-radius:5px; cursor:pointer; font-size: 14px; } #popuptarget_a{display:none;} #popuptarget_b{display:none;} #popuptarget_c{display:none;} #popuptarget_d{display:none;} .cookiepopup-content{ height:100%; background-color:#fff; padding:16px; } .cookiepopup-explain{ max-width:400px; /*width:400px;*/ font-size: 14px; line-height: 1.6; } .cookiepopup-switch{ background-color:#ccc; width:120px; height:40px; display:flex; position:relative; align-items: center; justify-content: space-around; border-radius:10px; overflow:hidden; } .cookiepopup-switch::before{ content: ""; height: 34px; width: 60px; background-color: #fff; position: absolute; border-radius: 10px; transition:.3s; top:3px; left:55px; /* right:3px;*/ } .cookiepopup-switch.switch_off::before{ right:inherit; left: 3px; } .cookiepopup-switch.switch_on span{ color:#fff; } .cookiepopup-switch.switch_on{ background-color:#048ED2; } .cookiepopup-explain{ margin-top:16px; } .cookiepopup-explain p{ color:#333; margin-top:8px; } .cookiepopup-midashi{ font-size:20px; font-weight:bold; color:#333; } .cookiepopup-close{ font-weight:bold; position:absolute; font-size:35px; color:#bbb; right:8px; top:0px; cursor:pointer; } @media (max-width: 767px){ .footercookie-flex{ width:100%; flex-wrap:wrap; margin:0px; } .footercookie-explain{ width:100%; } .footercookie-buttons { display: flex; width: 100%; justify-content: flex-end; } .footercookie-buttons-accept{ margin-right:16px; } .cookiepopup-menu{ display:none; } .cookiepopup-inner{ width:95%; height:600px; } .cookiepopup-flex{ height:540px; } .cookiepopup-content{ width:100%; } #sptarget_a{display:block;} #sptarget_b{display:block;} #sptarget_c{display:block;} #sptarget_d{display:block;} #popuptarget_a.cookiepopup-display .cookiepopup-explain, #popuptarget_b.cookiepopup-display .cookiepopup-explain, #popuptarget_c.cookiepopup-display .cookiepopup-explain, #popuptarget_d.cookiepopup-display .cookiepopup-explain{ height:auto; padding-bottom:16px; } #popuptarget_a{display:block;} #popuptarget_b{display:block;} #popuptarget_c{display:block;} #popuptarget_d{display:block;} .cookiepopup-explain{ /*display:none;*/ height:0px; overflow:hidden; transition:.3s; } .cookiepopup-explain.cookiepopup-display { height:auto; padding-top:8px; padding-bottom:16px; } /* .cookiepopup-content .cookiepopup-display .cookiepopup-explain{ display:block; margin-bottom:16px; }*/ .cookiepopup-midashi{ color:#048ED2; display:flex; align-items:flex-start; padding:10px; background-color:#eee; font-size:16px; } .cookiepopup-content .cookiepopup-display .cookiepopup-midashi::before{ background-color:#048ED2; color:#fff; } .cookiepopup-midashi::before{ content:"1"; color:#048ED2; min-width:24px; min-height:24px; width:24px; height:24px; border-radius:40px; border:solid 2px #048ED2; display:flex; align-items: baseline; justify-content:center; margin-right:8px; font-size: 15px; } .cookiepopup-content:nth-child(2) .cookiepopup-midashi::before{content:"2";} .cookiepopup-content:nth-child(3) .cookiepopup-midashi::before{content:"3";} .cookiepopup-content:nth-child(4) .cookiepopup-midashi::before{content:"4";} #popuptarget_b .cookiepopup-midashi::before{content:"2";} #popuptarget_c .cookiepopup-midashi::before{content:"3";} #popuptarget_d .cookiepopup-midashi::before{content:"4";} #popuptarget_d .cookiepopup-midashi::after{ content:""; background: url("https://www.jfe-eng.co.jp/assets/images/icon_blank_01.svg") no-repeat 0 50%; width: 20px; height: 20px; top: 2px; right: 0; margin-left: 8px; } } </style> <div class="footercookie" id="cookietarget"> <div class="footercookie-flex"> <div class="footercookie-explain"> 当社のウェブサイトは、利便性、品質維持・向上を目的に、Cookieを使用しております。<br/> 詳しくは「<a href="/cookie/">クッキーポリシー</a>」をご覧ください。Cookieの利用に同意頂ける場合は、「同意する」ボタンを押してください。<br/> もしくは「Cookieの設定」をクリックして設定を変更・保存してください。 </div> <div class="footercookie-buttons"> <div class="footercookie-buttons-accept footercookie-button" onclick="ga_switch()"><span>同意する</span></div> <div class="footercookie-buttons-setting footercookie-button" onclick="pop_switch()"><span>Cookieの設定</span></div> </div> </div> </div> <div class="cookiepopup" id="popuptarget"> <div class="cookiepopup-outer"> <div class="cookiepopup-inner"> <div class="cookiepopup-close" onclick="pop_close()">×</div> <div class="cookiepopup-flex"> <div class="cookiepopup-content"> <div class="cookiepopup-content-a cookiepopup-display" id="popuptarget_a"> <div class="cookiepopup-midashi" onclick="spopen_a()"> Cookieの種類と設定の変更について </div> <div class="cookiepopup-explain" id="sptarget_a"> <p> 当社サイトではいくつかのCookieを使用しています。当社は皆様のプライバシーを尊重し、Cookieの有効/無効を皆様に選択いただける環境を整えています。<br/> より詳しい情報をご覧になりたい場合やデフォルト設定を変更されたい場合は、画面上の該当カテゴリーをクリックしてください。 </p> </div> </div> <div class="cookiepopup-content-b" id="popuptarget_b"> <div class="cookiepopup-midashi" onclick="spopen_b()"> 「必要不可欠なCookie」について </div> <div class="cookiepopup-explain" id="sptarget_b"> <p> このCookieは、サイトのセキュアなページにアクセスするなど、サイト内の自由な移動や各種機能の利用に不可欠なものであるため、この必要不可欠なCookieについてはこの設定画面では無効化することができません。(なお、この必要不可欠なCookieを無効にすると、希望するサービスが提供できなくなる場合もありますのでご注意ください。) </p> </div> </div> <div class="cookiepopup-content-c" id="popuptarget_c"> <div class="cookiepopup-midashi" onclick="spopen_c()"> 「ファーストパーティ・アナリティクスCookie」について </div> <div class="cookiepopup-explain" id="sptarget_c"> <div class="cookiepopup-switch switch_off" id="switchtarget" onclick="switch_change()"> <span>ON</span> <span>OFF</span> </div> <p> ファーストパーティ・アナリティクスCookieを利用して収集された情報は、当社サイトのパフォーマンス測定や改善に利用されます。当社は、このCookieを用いてサイト訪問者を識別するための情報を収集することはありません。当社は、このCookieを利用して収集する情報を当社サイトのパフォーマンス測定や改善を行う目的以外に使用しません。また、当社は、このCookieの利用に関して、個人を特定できる情報を外部のベンダーやサプライヤーに提供することはありません。<br/> このCookieの収集に同意いただける場合には、上のセレクターを「ON」に設定してください。 </p> </div> </div> <div class="cookiepopup-content-d" id="popuptarget_d"> <div class="cookiepopup-midashi" onclick="spopen_d()">クッキーポリシー</div> <div class="cookiepopup-explain"></div> </div> </div> <div class="cookiepopup-menu"> <p class="cookiepopup-menu-midashi">プライバシー設定</p> <ul> <li id="list_a" class="list_selected" onclick="pop_switch_a()">Cookieの種類と設定の変更について</li> <li id="list_b" onclick="pop_switch_b()">「必要不可欠なCookie」について</li> <li id="list_c" onclick="pop_switch_c()">「ファーストパーティ・アナリティクスCookie」について</li> <li id="list_d"><a href="/cookie/" target="_blank">クッキーポリシー</a></li> </ul> </div> </div> <div class="cookiepopup-save"> <div class="button" onclick="optin_save()"> <span>設定を保存する</span> </div> </div> </div> </div> </div> <script> function ga_switch(){ //ローカルストレージ値 localStorage.setItem("get_cookie_opt_in","yes"); check_localstorage(); } // function not_optin(){ // //オプトインを許可せず、ポップアップを閉じる // localStorage.setItem("get_cookie_opt_in","no"); // const target_b = document.getElementById("popuptarget"); // target_b.classList.remove("cookiepopup-display"); // } function optin_save(){ target_switch = document.getElementById("switchtarget"); if(target_switch.classList.contains("switch_on") == true){ localStorage.setItem("get_cookie_opt_in","yes"); }else{ localStorage.setItem("get_cookie_opt_in","no"); } const target_b = document.getElementById("popuptarget"); target_b.classList.remove("cookiepopup-display"); check_localstorage(); } function pop_switch(){ //ポップアップ表示 const target_b = document.getElementById("popuptarget"); target_b.classList.add("cookiepopup-display"); } function spopen_a(){ //ポップアップ表示 target_sp_a = document.getElementById("popuptarget_a"); target_sp_a.classList.add("cookiepopup-display"); target_sp_b = document.getElementById("popuptarget_b"); target_sp_c = document.getElementById("popuptarget_c"); target_sp_b.classList.remove("cookiepopup-display"); target_sp_c.classList.remove("cookiepopup-display"); } function spopen_b(){ //ポップアップ表示 target_sp_b = document.getElementById("popuptarget_b"); target_sp_b.classList.add("cookiepopup-display"); target_sp_a = document.getElementById("popuptarget_a"); target_sp_c = document.getElementById("popuptarget_c"); target_sp_a.classList.remove("cookiepopup-display"); target_sp_c.classList.remove("cookiepopup-display"); } function spopen_c(){ //ポップアップ表示 target_sp_c = document.getElementById("popuptarget_c"); target_sp_c.classList.add("cookiepopup-display"); target_sp_a = document.getElementById("popuptarget_a"); target_sp_b = document.getElementById("popuptarget_b"); target_sp_a.classList.remove("cookiepopup-display"); target_sp_b.classList.remove("cookiepopup-display"); } function spopen_d(){ window.open("/cookie/") } function pop_switch_a(){ //ポップアップ表示 const target_pop_a = document.getElementById("popuptarget_a"); target_pop_a.classList.add("cookiepopup-display"); const target_li_a = document.getElementById("list_a"); target_li_a.classList.add("list_selected"); const target_pop_b = document.getElementById("popuptarget_b"); const target_pop_c = document.getElementById("popuptarget_c"); target_pop_b.classList.remove("cookiepopup-display"); target_pop_c.classList.remove("cookiepopup-display"); const target_li_b = document.getElementById("list_b"); target_li_b.classList.remove("list_selected"); const target_li_c = document.getElementById("list_c"); target_li_c.classList.remove("list_selected"); } function pop_switch_b(){ //ポップアップ表示 const target_pop_b = document.getElementById("popuptarget_b"); target_pop_b.classList.add("cookiepopup-display"); const target_li_b = document.getElementById("list_b"); target_li_b.classList.add("list_selected"); const target_pop_a = document.getElementById("popuptarget_a"); const target_pop_c = document.getElementById("popuptarget_c"); target_pop_a.classList.remove("cookiepopup-display"); target_pop_c.classList.remove("cookiepopup-display"); const target_li_a = document.getElementById("list_a"); target_li_a.classList.remove("list_selected"); const target_li_c = document.getElementById("list_c"); target_li_c.classList.remove("list_selected"); } function pop_switch_c(){ //ポップアップ表示 const target_pop_c = document.getElementById("popuptarget_c"); target_pop_c.classList.add("cookiepopup-display"); const target_li_c = document.getElementById("list_c"); target_li_c.classList.add("list_selected"); const target_pop_a = document.getElementById("popuptarget_a"); const target_pop_b = document.getElementById("popuptarget_b"); target_pop_a.classList.remove("cookiepopup-display"); target_pop_b.classList.remove("cookiepopup-display"); const target_li_a = document.getElementById("list_a"); target_li_a.classList.remove("list_selected"); const target_li_b = document.getElementById("list_b"); target_li_b.classList.remove("list_selected"); } function pop_close(){ const target_b = document.getElementById("popuptarget"); target_b.classList.remove("cookiepopup-display"); //このボタンを押下した場合、スイッチのONOFFをデフォルトに戻す target_switch = document.getElementById("switchtarget"); if(target_switch.classList.contains("switch_on") == true){ target_switch.classList.add("switch_off"); target_switch.classList.remove("switch_on"); } } function switch_change(){ target_switch = document.getElementById("switchtarget"); if(target_switch.classList.contains("switch_on") == true){ target_switch.classList.add("switch_off"); target_switch.classList.remove("switch_on"); }else{ target_switch.classList.add("switch_on"); target_switch.classList.remove("switch_off"); } } //localstorageの内容 function check_localstorage(){ var test = localStorage.getItem("get_cookie_opt_in"); if(test == "yes"){ console.log("ローカルストレージ:yes"); const target = document.getElementById("cookietarget"); target.classList.add("footercookie-close"); }else if(test == "no"){ console.log("ローカルストレージ:no"); const target = document.getElementById("cookietarget"); target.classList.add("footercookie-close"); }else{ console.log("ローカルストレージ:空"); } } check_localstorage(); </script> </footer> </div> </div> <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script type="text/javascript" src="/assets/js/slick.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.slider').slick({ prevArrow: '<button class="slick-prev" aria-label="Previous" type="button"><</button>', nextArrow: '<button class="slick-next" aria-label="Next" type="button">></button>', autoplay: true, autoplaySpeed: 4000, dots: true, pauseOnFocus: false, }); }); </script> </body> </html>