$('.archive-filter-wrap').html(`<div class='filter-bt'>
<a class='bt slide skew all current' data-remote href='/videos?search_keyword%5B%5D=37&amp;search_type=all'>全て</a>
<a class='bt slide skew movie' data-remote href='/videos?search_keyword%5B%5D=37&amp;search_type=movie'><span class='icon-movie'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</span>動画
</a>
<a class='bt slide skew article' data-remote href='/videos?search_keyword%5B%5D=37&amp;search_type=article'><span class='icon-article'>
<img alt="記事" src="/assets/commons/icon-article-5817620b46c554186dc9a2da4af13987ef3b40905d211f554e80e0c263d2f69c.png" />
</span>記事
</a>
</div>
`);
$('.movie-wrap').html(`<div class='item col-second'>
<a href='/videos/111'>
<div class='item-img'>
<img alt="➁パナソニックから前職の知見を活かして企業のDXを促進" src="https://career-channel-prod.s3.ap-northeast-1.amazonaws.com/rwx6htgyfdivt2dwuz53s32h54uh" />
</div>
<div class='item-txt'>
<h3 class='item-title'>➁パナソニックから前職の知見を活かして企業のDXを促進</h3>
<div class='item-meta list-hashtag'>
<span class='tag'>#これからのSTORY</span>
<span class='tag'>#早期退職</span>
<span class='tag'>#転職/再就職</span>
<span class='tag'>#企画/マーケ</span>
<span class='tag'>#中堅中小企業</span>
<div class='time'>09:08</div>
</div>
</div>
<div class='item-type'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</div>
</a>
</div>

<div class='item col-second'>
<a href='/videos/110'>
<div class='item-img'>
<img alt="➀パナソニックから前職の知見を活かして企業のDXを促進" src="https://career-channel-prod.s3.ap-northeast-1.amazonaws.com/609avuapv6ngwukt1e92r33qt534" />
</div>
<div class='item-txt'>
<h3 class='item-title'>➀パナソニックから前職の知見を活かして企業のDXを促進</h3>
<div class='item-meta list-hashtag'>
<span class='tag'>#決断までのSTORY</span>
<span class='tag'>#早期退職</span>
<span class='tag'>#転職/再就職</span>
<span class='tag'>#企画/マーケ</span>
<span class='tag'>#中堅中小企業</span>
<div class='time'>13:05</div>
</div>
</div>
<div class='item-type'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</div>
</a>
</div>

<div class='item col-second'>
<a href='/videos/106'>
<div class='item-img'>
<img alt="大手精密機器企業からコンサルタントとして中小企業の人事を支援" src="https://career-channel-prod.s3.ap-northeast-1.amazonaws.com/1uai6muvqxhat6sjeo1ji5foqmc2" />
</div>
<div class='item-txt'>
<h3 class='item-title'>大手精密機器企業からコンサルタントとして中小企業の人事を支援</h3>
<div class='item-meta list-hashtag'>
<span class='tag'>#決断までのSTORY</span>
<span class='tag'>#起業</span>
<span class='tag'>#コーポレート</span>
<span class='tag'>#専門職（コンサルタント等）</span>
<span class='tag'>#経営者</span>
<span class='tag'>#中堅中小企業</span>
<div class='time'>10:58</div>
</div>
</div>
<div class='item-type'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</div>
</a>
</div>

<div class='item col-second'>
<a href='/videos/105'>
<div class='item-img'>
<img alt="日立製作所から自然に親しんでいただくサービスを企画できる企業へ" src="https://career-channel-prod.s3.ap-northeast-1.amazonaws.com/dt01li5ub93fbjbiksnik2q5i81y" />
</div>
<div class='item-txt'>
<h3 class='item-title'>日立製作所から自然に親しんでいただくサービスを企画できる企業へ</h3>
<div class='item-meta list-hashtag'>
<span class='tag'>#これからのSTORY</span>
<span class='tag'>#早期退職</span>
<span class='tag'>#転職/再就職</span>
<span class='tag'>#技術/開発職/エンジニア</span>
<span class='tag'>#企画/マーケ</span>
<span class='tag'>#社会貢献/NPO</span>
<span class='tag'>#マルチキャリア</span>
<span class='tag'>#中堅中小企業</span>
<div class='time'>09:36</div>
</div>
</div>
<div class='item-type'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</div>
</a>
</div>

<div class='item col-second'>
<a href='/videos/104'>
<div class='item-img'>
<img alt="日立製作所から自然に親しんでいただくサービスを企画できる企業へ" src="https://career-channel-prod.s3.ap-northeast-1.amazonaws.com/qht0fzmwkpwh3p0y6dm6f7cxjc56" />
</div>
<div class='item-txt'>
<h3 class='item-title'>日立製作所から自然に親しんでいただくサービスを企画できる企業へ</h3>
<div class='item-meta list-hashtag'>
<span class='tag'>#決断までのSTORY</span>
<span class='tag'>#早期退職</span>
<span class='tag'>#転職/再就職</span>
<span class='tag'>#技術/開発職/エンジニア</span>
<span class='tag'>#企画/マーケ</span>
<span class='tag'>#社会貢献/NPO</span>
<span class='tag'>#マルチキャリア</span>
<span class='tag'>#中堅中小企業</span>
<div class='time'>11:48</div>
</div>
</div>
<div class='item-type'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</div>
</a>
</div>

<div class='item col-second'>
<a href='/videos/97'>
<div class='item-img'>
<img alt="総合人材会社からプラットフォーム運営で企業のM&amp;Aを促進" src="https://career-channel-prod.s3.ap-northeast-1.amazonaws.com/859bao7orua4okq9c5q5jh9smlpc" />
</div>
<div class='item-txt'>
<h3 class='item-title'>総合人材会社からプラットフォーム運営で企業のM&amp;Aを促進</h3>
<div class='item-meta list-hashtag'>
<span class='tag'>#営業</span>
<span class='tag'>#早期退職</span>
<span class='tag'>#これからのSTORY</span>
<span class='tag'>#転職/再就職</span>
<span class='tag'>#中堅中小企業</span>
<div class='time'>07:21</div>
</div>
</div>
<div class='item-type'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</div>
</a>
</div>

<div class='item col-second'>
<a href='/videos/96'>
<div class='item-img'>
<img alt="総合人材会社からプラットフォーム運営で企業のM&amp;Aを促進" src="https://career-channel-prod.s3.ap-northeast-1.amazonaws.com/aljqmm9scawphp8xbeutjsob58nd" />
</div>
<div class='item-txt'>
<h3 class='item-title'>総合人材会社からプラットフォーム運営で企業のM&amp;Aを促進</h3>
<div class='item-meta list-hashtag'>
<span class='tag'>#営業</span>
<span class='tag'>#早期退職</span>
<span class='tag'>#決断までのSTORY</span>
<span class='tag'>#転職/再就職</span>
<span class='tag'>#中堅中小企業</span>
<div class='time'>11:42</div>
</div>
</div>
<div class='item-type'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</div>
</a>
</div>

<div class='item col-second'>
<a href='/videos/89'>
<div class='item-img'>
<img alt="50代からの挑戦！日本の働き方の改革を目指す" src="https://career-channel-prod.s3.ap-northeast-1.amazonaws.com/tbvdk1lby3mewe8xpsq4cpgl1xav" />
</div>
<div class='item-txt'>
<h3 class='item-title'>50代からの挑戦！日本の働き方の改革を目指す</h3>
<div class='item-meta list-hashtag'>
<span class='tag'>#企画/マーケ</span>
<span class='tag'>#早期退職</span>
<span class='tag'>#これからのSTORY</span>
<span class='tag'>#転職/再就職</span>
<span class='tag'>#中堅中小企業</span>
<div class='time'>07:32</div>
</div>
</div>
<div class='item-type'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</div>
</a>
</div>

<div class='item col-second'>
<a href='/videos/88'>
<div class='item-img'>
<img alt="50代からの挑戦！日本の働き方の改革を目指す" src="https://career-channel-prod.s3.ap-northeast-1.amazonaws.com/g8g84xs3g6f31x88yuj5dtezen62" />
</div>
<div class='item-txt'>
<h3 class='item-title'>50代からの挑戦！日本の働き方の改革を目指す</h3>
<div class='item-meta list-hashtag'>
<span class='tag'>#企画/マーケ</span>
<span class='tag'>#早期退職</span>
<span class='tag'>#転職/再就職</span>
<span class='tag'>#これからのSTORY</span>
<span class='tag'>#中堅中小企業</span>
<div class='time'>08:05</div>
</div>
</div>
<div class='item-type'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</div>
</a>
</div>

<div class='item col-second'>
<a href='/videos/87'>
<div class='item-img'>
<img alt="50代からの挑戦！日本の働き方の改革を目指す" src="https://career-channel-prod.s3.ap-northeast-1.amazonaws.com/qtsa0msp1uj9q3av2on7ljeimjjg" />
</div>
<div class='item-txt'>
<h3 class='item-title'>50代からの挑戦！日本の働き方の改革を目指す</h3>
<div class='item-meta list-hashtag'>
<span class='tag'>#企画/マーケ</span>
<span class='tag'>#早期退職</span>
<span class='tag'>#決断までのSTORY</span>
<span class='tag'>#転職/再就職</span>
<span class='tag'>#中堅中小企業</span>
<div class='time'>08:27</div>
</div>
</div>
<div class='item-type'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</div>
</a>
</div>

`);
$('.word-bt').html(`<div><span class='tag'>#中堅中小企業<span class='icon-close' data-keyword='37'>
<img alt="" src="/assets/commons/icon-close-a4147abab1f3cc8c1f01542550702319e37222068c611da991cfd871b697acaa.png" />
</span></span></div>
`);
$('#filter-form').html(`<div class='modal-subtitle'>カテゴリから探す</div>
<div class='modal-filter'>
<div class='modal-filter-wrap'>
<input id='category1' name='search_category[]' type='checkbox' value='1'>
<label for='category1'><span class='modal-icon-cat'>
<img alt="カテゴリー" src="/assets/commons/icon-cat-9bfd35c34aac04c62c98e51ccaf1358da3fe71a5bb0c768a3de6de4d9bb249b3.png" />
</span>キャリアチェンジャーズ ～voice～
</label>
<input id='category2' name='search_category[]' type='checkbox' value='2'>
<label for='category2'><span class='modal-icon-cat'>
<img alt="カテゴリー" src="/assets/commons/icon-cat-9bfd35c34aac04c62c98e51ccaf1358da3fe71a5bb0c768a3de6de4d9bb249b3.png" />
</span>40〜50代のキャリアの考え方
</label>
<input id='category3' name='search_category[]' type='checkbox' value='3'>
<label for='category3'><span class='modal-icon-cat'>
<img alt="カテゴリー" src="/assets/commons/icon-cat-9bfd35c34aac04c62c98e51ccaf1358da3fe71a5bb0c768a3de6de4d9bb249b3.png" />
</span>その他
</label>
</div>
</div>
<div class='modal-subtitle'>キーワードから探す</div>
<div class='modal-filter'>
<div class='modal-filter-wrap'>
<input id='k18' name='search_keyword[]' type='checkbox' value='18'>
<label for='k18'>#決断までのSTORY</label>
<input id='k19' name='search_keyword[]' type='checkbox' value='19'>
<label for='k19'>#これからのSTORY</label>
<input id='k8' name='search_keyword[]' type='checkbox' value='8'>
<label for='k8'>#定年退職</label>
<input id='k11' name='search_keyword[]' type='checkbox' value='11'>
<label for='k11'>#早期退職</label>
<input id='k29' name='search_keyword[]' type='checkbox' value='29'>
<label for='k29'>#転職/再就職</label>
<input id='k4' name='search_keyword[]' type='checkbox' value='4'>
<label for='k4'>#起業</label>
<input id='k7' name='search_keyword[]' type='checkbox' value='7'>
<label for='k7'>#技術/開発職/エンジニア</label>
<input id='k9' name='search_keyword[]' type='checkbox' value='9'>
<label for='k9'>#営業</label>
<input id='k10' name='search_keyword[]' type='checkbox' value='10'>
<label for='k10'>#企画/マーケ</label>
<input id='k38' name='search_keyword[]' type='checkbox' value='38'>
<label for='k38'>#コーポレート</label>
<input id='k23' name='search_keyword[]' type='checkbox' value='23'>
<label for='k23'>#専門職（コンサルタント等）</label>
<input id='k12' name='search_keyword[]' type='checkbox' value='12'>
<label for='k12'>#地方創生/地方移住/地域貢献</label>
<input id='k16' name='search_keyword[]' type='checkbox' value='16'>
<label for='k16'>#社会貢献/NPO</label>
<input id='k31' name='search_keyword[]' type='checkbox' value='31'>
<label for='k31'>#飲食</label>
<input id='k20' name='search_keyword[]' type='checkbox' value='20'>
<label for='k20'>#キャリア/教育</label>
<input id='k13' name='search_keyword[]' type='checkbox' value='13'>
<label for='k13'>#個人事業主</label>
<input id='k30' name='search_keyword[]' type='checkbox' value='30'>
<label for='k30'>#経営者</label>
<input id='k14' name='search_keyword[]' type='checkbox' value='14'>
<label for='k14'>#マルチキャリア</label>
<input checked id='k37' name='search_keyword[]' type='checkbox' value='37'>
<label for='k37'>#中堅中小企業</label>
<input id='k35' name='search_keyword[]' type='checkbox' value='35'>
<label for='k35'>#越境学習</label>
<input id='k26' name='search_keyword[]' type='checkbox' value='26'>
<label for='k26'>#落とし穴</label>
<input id='k27' name='search_keyword[]' type='checkbox' value='27'>
<label for='k27'>#家計</label>
<input id='k2' name='search_keyword[]' type='checkbox' value='2'>
<label for='k2'>#80歳まで働く</label>
</div>
</div>
<div class='modal-subtitle'>タイプを選択</div>
<div class='modal-filter'>
<div class='modal-filter-wrap type'>
<input checked id='t01' name='search_type' type='radio' value='all'>
<label class='all' for='t01'>全て</label>
<input id='t02' name='search_type' type='radio' value='movie'>
<label for='t02'><span class='icon-movie'>
<img alt="動画" src="/assets/commons/icon-movie-b12a570c35a43b4973352decbc10245bf1f50b7879700e00816985ef1cfac829.png" />
</span>動画
</label>
<input id='t03' name='search_type' type='radio' value='article'>
<label for='t03'><span class='icon-article'>
<img alt="記事" src="/assets/commons/icon-article-5817620b46c554186dc9a2da4af13987ef3b40905d211f554e80e0c263d2f69c.png" />
</span>記事
</label>
</div>
</div>
<div class='modal-bt'>
<input class='d-none' id='submit-btn' type='submit'>
<a class='bt slide skew' href='javascript:void(0)' id='submit-tag'>
検索する
<span class='bt-arrow'>
<img alt="" src="/assets/commons/bt-arrow-86a51e6ed885abe4f1b5489c724626ea6767d579b5cd607972d5658c7856e3f6.png" />
</span>
</a>
</div>
`);
$('.pagination').html(`<div class='nav-links'>
<a class="prev page-numbers disabled" aria-label="Next" data-remote="true" data-method="get" href="#">‹</a>

<span aria-current='page' class='page-numbers current disabled'>1</span>

<a class="page-numbers" data-remote="true" data-method="get" href="/videos?page=2&amp;search_keyword%5B%5D=37&amp;search_type=all">2</a>

<a class="next page-numbers " aria-label="Next" data-remote="true" data-method="get" href="/videos?page=2&amp;search_keyword%5B%5D=37&amp;search_type=all">›</a>

</div>
`);
window.history.pushState('', '', "https://careerchannel4050.biztlab.co.jp/videos?search_keyword%5B%5D=37");
<!-- / Change title -->
$('.mypage-title h1').html("#中堅中小企業")
<!-- / Reload init scroll -->
var arrScroll = document.querySelectorAll(".item-meta.list-hashtag");
arrScroll.forEach(function (element) {
element.addEventListener("wheel", (evt) => {
evt.preventDefault();
element.scrollLeft += evt.deltaY / 2;
});
});