https://www.mmc.co.jp/corporate/ja/js/footer.js

1/* footer.js */
2(function () {
3  if (window.__mmcFooterInjected) return;
4  window.__mmcFooterInjected = true;
5
6  var s = '';
7
8  /* ===== toTop ===== */
9  s += '<p class="toTopNew"><a href="#mainHeader"><span>このページの先頭へ戻る</span></a></p>';
10
11  /* ===== Footer Sitemap (簡易サイトマップ) ===== */
12  s += '<section class="mmcFooterSitemap" aria-label="フッターリンク">';
13  s += '  <div class="mmcFooterSitemap__inner">';
14  s += '    <nav class="mmcFooterSitemap__nav" aria-label="簡易サイトマップ">';
15  s += '      <div class="mmcFooterSitemap__grid">';
16
17  /* --- 1列目 --- */
18  s += '        <div class="mmcFooterSitemap__col">';
19
20  // 会社情報
21  s += '          <section class="mmcFooterSitemap__block" aria-label="会社情報">';
22  s += '            <button class="mmcFooterSitemap__ttl" type="button" aria-expanded="false">';
23  s += '              <a href="/corporate/ja/company/" class="mmcFooterSitemap__ttlLink">会社情報</a>';
24  s += '            </button>';
25  s += '            <ul class="mmcFooterSitemap__list">';
26  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/company/topmessage/">トップメッセージ</a></li>';
27  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/company/aboutus/">会社概要</a></li>';
28  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/company/policy/">私たちの目指す姿</a></li>';
29  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/company/strategy.html">中期経営戦略</a></li>';
30  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/company/organization.html">組織</a></li>';
31  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/company/directors/">役員</a></li>';
32  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/company/history/">沿革</a></li>';
33  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/company/governance.html">コーポレート・ガバナンス</a></li>';
34  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/business/">事業</a></li>';
35  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/company/office.html">事業所</a></li>';
36  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/company/group.html">グループ会社</a></li>';
37  s += '            </ul>';
38  s += '          </section>';
39
40  // ニュースルーム
41  s += '          <section class="mmcFooterSitemap__block" aria-label="ニュースルーム">';
42  s += '            <button class="mmcFooterSitemap__ttl" type="button" aria-expanded="false">';
43  s += '              <a href="https://news.mmc.co.jp/corporate/ja/newsroom.html" class="mmcFooterSitemap__ttlLink">ニュースルーム</a>';
44  s += '            </button>';
45  s += '            <ul class="mmcFooterSitemap__list">';
46  s += '              <li><a class="mmcFooterSitemap__link" href="https://news.mmc.co.jp/corporate/ja/newsroom/press.html">ニュースリリース</a></li>';
47  s += '              <li><a class="mmcFooterSitemap__link" href="https://news.mmc.co.jp/corporate/ja/newsroom/info.html">トピックス</a></li>';
48  s += '              <li><a class="mmcFooterSitemap__link" href="https://news.mmc.co.jp/corporate/ja/newsroom/grinfo.html">グループニュース・イベント</a></li>';
49  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/ir/news.html">IRニュース</a></li>';
50  s += '            </ul>';
51  s += '          </section>';
52
53  s += '        </div>';
54
55  /* --- 2列目 --- */
56  s += '        <div class="mmcFooterSitemap__col">';
57  s += '          <section class="mmcFooterSitemap__block" aria-label="サステナビリティ">';
58  s += '            <button class="mmcFooterSitemap__ttl" type="button" aria-expanded="false">';
59  s += '              <a href="https://ir.mmc.co.jp/ja/sustainability.html" class="mmcFooterSitemap__ttlLink">サステナビリティ</a>';
60  s += '            </button>';
61  s += '            <ul class="mmcFooterSitemap__list">';
62  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/sustainability/management/system.html#system_001">サステナビリティ基本方針</a></li>';
63  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/sustainability/environment.html">環境</a></li>';
64  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/sustainability/social.html">社会</a></li>';
65  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/sustainability/governance.html">ガバナンス</a></li>';
66  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/sustainability/management.html">サステナビリティマネジメント</a></li>';
67  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/sustainability/materiality.html">マテリアリティ</a></li>';
68  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/sustainability/esg.html">ESGを推進する活動</a></li>';
69  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/sustainability/stakeholder.html">ステークホルダーへの経済的価値配分</a></li>';
70  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/sustainability/data.html">サステナビリティデータ</a></li>';
71  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/sustainability/assurance.html">第三者保証</a></li>';
72  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/sustainability/partnerships.html">

72社外団体への加盟</a></li>';
73  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/sustainability/rating.html">社外からの評価</a></li>';
74  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/sustainability/gri.html">GRI内容索引</a></li>';
75  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/sustainability/diversity.html">ダイバーシティ・エクイティ&インクルージョン</a></li>';
76  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/sustainability/health_mgt.html">健康経営の取り組み</a></li>';
77  s += '            </ul>';
78  s += '          </section>';
79  s += '        </div>';
80
81  /* --- 3列目 --- */
82  s += '        <div class="mmcFooterSitemap__col">';
83
84  // 株主・投資家情報
85  s += '          <section class="mmcFooterSitemap__block" aria-label="株主・投資家情報">';
86  s += '            <button class="mmcFooterSitemap__ttl" type="button" aria-expanded="false">';
87  s += '              <a href="https://ir.mmc.co.jp/ja/ir.html" class="mmcFooterSitemap__ttlLink">株主・投資家情報</a>';
88  s += '            </button>';
89  s += '            <ul class="mmcFooterSitemap__list">';
90  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/ir/policy.html">経営方針</a></li>';
91  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/ir/highlight.html">財務ハイライト</a></li>';
92  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/ir/stockinfo.html">株式情報</a></li>';
93  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/ir/library.html">IR資料室</a></li>';
94  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/ir/calendar.html">IRカレンダー</a></li>';
95  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/ir/irpolicy.html">IRポリシー</a></li>';
96  s += '              <li><a class="mmcFooterSitemap__link" href="https://ir.mmc.co.jp/ja/ir/individual.html">個人投資家のみなさまへ</a></li>';
97  s += '            </ul>';
98  s += '          </section>';
99
100  // 単独項目
101  s += '          <section class="mmcFooterSitemap__block mmcFooterSitemap__block--single" aria-label="採用情報・お問い合わせ・用語集">';
102  s += '            <ul class="mmcFooterSitemap__list mmcFooterSitemap__list--single">';
103  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/recruit/">採用情報</a></li>';
104  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/contact/">お問い合わせ</a></li>';
105  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/glossary.html">用語集</a></li>';
106  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/company/quality-control/">当社子会社における<br>不適合品への対応状況について</a></li>';
107  s += '              <li><a class="mmcFooterSitemap__link" href="/corporate/ja/company/covid19/index.html">新型コロナウィルス感染症に関連する<br>当社の対応について</a></li>';
108  s += '            </ul>';
109  s += '          </section>';
110
111  s += '        </div>';
112
113  s += '      </div>';
114  s += '    </nav>';
115  s += '  </div>';
116  s += '</section>';
117  /* ===== /Footer Sitemap ===== */
118
119  /* ===== footer Utility ===== */
120  s += '<footer id="mainFooter">';
121  s += '<div class="container contentsWrap">';
122  s += '<ul class="listLinkHr">';
123  s += '<li><a href="/corporate/ja/terms.html">ご利用にあたって</a></li>';
124  s += '<li><a href="/corporate/ja/privacy.html">プライバシーポリシー</a></li>';
125  s += '<li><a href="/corporate/ja/specific.html">特定個人情報について</a></li>';
126  s += '<li><a href="/corporate/ja/ir/stockinfo/denshikoukoku.html">電子公告</a></li>';
127  s += '</ul>';
128  s += '<p class="copyright">&copy; Mitsubishi Materials Corporation</p>';
129  s += '</div>';
130  s += '</footer>';
131
132  document.getElementById('footer').innerHTML = s;
133
134  /* ===== SP Accordion ===== */
135  var mql = window.matchMedia('(max-width: 767px)');
136  var blocks = Array.prototype.slice.call(document.querySelectorAll('.mmcFooterSitemap__block'));
137
138  function closeBlock(block) {
139    block.classList.remove('is-open');
140    var btn = block.querySelector('.mmcFooterSitemap__ttl');
141    var list = block.querySelector('.mmcFooterSitemap__list');
142    if (btn) btn.setAttribute('aria-expanded', 'false');
143    if (list) list.style.maxHeight = '0px';
144  }
145
146  function openBlock(block) {
147    block.classList.add('is-open');
148    var btn = block.querySelector('.mmcFooterSitemap__ttl');
149    var list = block.querySelector('.mmcFooterSitemap__list');
150    if (btn) btn.setAttribute('aria-expanded', 'true');
151    if (list) list.style.maxHeight = list.scrollHeight + 'px';
152  }
153
154  function enableAccordion() {
155    blocks.forEach(function (block) {
156      var btn = block.querySelector('.mmcFooterSitemap__ttl');
157      var list = block.querySelector('.mmcFooterSitemap__list');
158      if (!btn || !list) return;
159
160      closeBlock(block);
161
162      if (!btn.dataset.accordionBound) {
163        btn.addEventListener('click', function (e) {
164          if (e.target.closest && e.target.closest('a')) return;
165          block.classList.contains('is-open') ? closeBlock(block) : openBlock(block);
166        });
167        btn.dataset.accordionBound = '1';
168      }
169    });
170  }
171
172  function disableAccordion() {
173    blocks.forEach(function (block) {
174      var btn = block.querySelector('.mmcFooterSitemap__ttl');
175      var list = block.querySelector('.mmcFooterSitemap__list');
176      if (!btn || !list) return;
177      block.classList.remove('is-open');
178      btn.setAttribute('aria-expanded', 'false');
179      list.style.maxHeight = 'none';
180    });
181  }
182
183  function handleMode() {
184    mql.matches ? enableAccordion() : disableAccordion();
185  }
186
187  if (mql.addEventListener) mql.addEventListener('change', handleMode);
188  else mql.addListener(handleMode);
189
190  handleMode();
191})();