JSを使ったロールオーバーについてお聞きしたいです！

JSでマウスホバーのロールオーバーの設定をしたのですが、
一番下の「//pageTop」の部分だけしか効かず、
それより上のマウスオーバーは効きません＞＜
画像の置いている位置は、pagetopと同じなので間違い無いです、
そもそも、クロームのディベロッパーツールにて、インラインでの画像のパスが変化していないことがわかったので、JS側のエラーかと思います。他のJSも聞いているし、下記のpagetopのロールオーバーのみも聞いているので、
公式CDNの読み忘れということもないです・・・

クロームでのエラー等も一切ないです＞＜
お手数ですが、見ていただけませんでしょうか？

HTML
1<ul class="anchorBoxInner">
2				<li>
3					<a href="#outLine">
4						<picture>
5							<source media="(max-width: 640px)" srcset="./assets/images/btn_campaign_sp.gif"><img src="./assets/images/btn_campaign.gif" alt="キャンペーン概要 CAMPAIGN OUTLINE" onmouseover="mouseOn();" onmouseout="mouseOff();" id="btn_campaign">
6						</picture>
7					</a>
8				</li>
9				<li>
10					<a href="#present">
11						<picture>
12							<source media="(max-width: 640px)" srcset="./assets/images/btn_present_sp.gif"><img src="./assets/images/btn_present.gif" alt="プレゼント内容 PRESENT"  onmouseover="mouseOn();" onmouseout="mouseOff();" id="btn_present">
13						</picture>
14					</a>
15				</li>
16				<li>
17					<a href="#download">
18						<picture>
19							<source media="(max-width: 640px)" srcset="./assets/images/btn_download_sp.gif"><img src="./assets/images/btn_download.gif" alt="ダウンロード方法・遊び方 DOWNLOAD / HOW TO PLAY"  onmouseover="mouseOn();" onmouseout="mouseOff();" id="btn_download">
20						</picture>
21					</a>
22				</li>
23				<li>
24					<a href="#guideline">
25						<picture>
26							<source media="(max-width: 640px)" srcset="./assets/images/btn_terms_sp.gif"><img src="./assets/images/btn_terms.gif" alt="キャンペーン規約 Terms"  onmouseover="mouseOn();" onmouseout="mouseOff();" id="btn_terms">
27						</picture>
28					</a>
29				</li>
30			</ul>

JavaScript
1// PC hover image
2if (window.matchMedia("(min-width: 751px)").matches) {
3
4//campaign
5function mouseOn(){
6    var obj = document.getElementById("btn_campaign");
7    obj.src = "./assets/images/btn_campaign_on.gif";
8}
9   
10function mouseOff(){
11    var obj = document.getElementById("btn_campaign");
12    obj.src = "./assets/images/btn_campaign.gif";
13}
14
15//campaign
16function mouseOn(){
17    var obj = document.getElementById("btn_present");
18    obj.src = "./assets/images/btn_present_on.gif";
19}
20   
21function mouseOff(){
22    var obj = document.getElementById("btn_present");
23    obj.src = "./assets/images/btn_present.gif";
24}
25
26//download
27function mouseOn(){
28    var obj = document.getElementById("btn_download");
29    obj.src = "./assets/images/btn_download_on.gif";
30}
31   
32function mouseOff(){
33    var obj = document.getElementById("btn_download");
34    obj.src = "./assets/images/btn_download.gif";
35}
36
37//guideline
38function mouseOn(){
39    var obj = document.getElementById("btn_guideline");
40    obj.src = "./assets/images/btn_terms_on.gif";
41}
42   
43function mouseOff(){
44    var obj = document.getElementById("btn_guideline");
45    obj.src = "./assets/images/btn_terms.gif";
46}
47
48//pageTop
49function mouseOn(){
50    var obj = document.getElementById("btn_pagetop");
51    obj.src = "./assets/images/pagetop_on.png";
52}
53   
54function mouseOff(){
55    var obj = document.getElementById("btn_pagetop");
56    obj.src = "./assets/images/pagetop.png";
57}
58}