<footer_common>
    <div class="footer">
        <div class="footer-inner">
            <div class="footer-logo">
                <a href="{base}/">
                    <img src="{base}/assets/img/common/footer_logo.png" alt="SHINSEI">
                </a>
            </div>
            <div class="footer-links">
                <ul class="footer-link-list tbpc">
                    <li>
                        <a href="{base}/company/">会社案内</a>
                        <ul class="footer-link-list__sub">
                            <li>
                                <a href="{base}/company/overview.html">会社概要</a>
                            </li>
                            <li>
                                <a href="{base}/company/social.html">社会貢献活動</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="{base}/about/">私たちについて</a>
                    </li>
                    <li>
                        <a href="{base}/business/">事業内容</a>
                        <ul class="footer-link-list__sub">
                            <li>
                                <a href="{base}/business/staff.html">人材サービス</a>
                            </li>
                            <li>
                                <a href="{base}/business/career.html">キャリア支援</a>
                            </li>
                            <li>
                                <a href="{base}/business/matching.html">ビジネスマッチング</a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="footer-link-list tbpc">
                    <li>
                        <a href="{base}/works/">導入実績</a>
                    </li>
                    <li>
                        <a href="{base}/for_company/">人材をお探しの企業様</a>
                    </li>
                    <li>
                        <a href="{base}/job_seeker/">仕事をお探しの方</a>
                    </li>
                    <li>
                        <a href="{base}/recruit/">採用情報</a>
                    </li>
                </ul>
                <ul class="footer-link-other">
                    <li>
                        <a href="{base}/assets/data/common/hakenhou.pdf" target="_blank" class="outside">労働者派遣業にかかわる情報提供</a>
                    </li>
                    <li>
                        <a href="{base}/privacy/">個人情報保護方針</a>
                    </li>
                    <li>
                        <a href="{base}/inquiry/">お問い合わせ</a>
                    </li>
                    <li>
                        <a href="{base}/sitemap/">サイトマップ</a>
                    </li>
                </ul>
            </div>
            <p class="footer-copy">© shinsei. All Rights Reserved.</p>
        </div>
    </div>
    <div class="pagetop pc">
        <a href="#">
            <img src="{base}/assets/img/common/pagetop.png" alt="pagetop">
        </a>
    </div>

    <script>
        //ページトップ
        this.on('mount', function() {
            var topBtn = $('.pagetop');
            topBtn.hide();
            //スクロールが150に達したらボタン表示
            $(window).scroll(function () {
                if ($(this).scrollTop() > 150) {
                    topBtn.fadeIn();
                } else {
                    topBtn.fadeOut();
                }
            });
        });
    </script>
</footer_common>
