<footer class="footer">
    <div class="f_container">
        <div class="f_item">
            <div class="f_item__logo">
                <a href="https://soundone.jp/" target="_blank" rel="noreferrer noopener">
            <img src="https://storage.googleapis.com/studio-design-asset-files/projects/p6aomy0yOR/s-1710x510_v-fms_webp_7c807b0a-b890-4d33-aa03-708b6cda2924_small.webp" alt="Sound One">
        </a>
            </div>
            <div class="f_item__icon">
                <a href="https://twitter.com/SoundOne_net" class="f_item__icon--x" target="_blank" rel="noreferrer noopener">
                    <i class="fa-brands fa-x-twitter fa-xl"></i> </a>
                <a href="https://open.spotify.com/show/4jOaW4FxjMsoJMwmjW8YgF" class="f_item__icon--spotify" target="_blank" rel="noreferrer noopener">
                    <i class="fa-brands fa-spotify fa-xl"></i>
                </a>
                <a href="https://podcasts.apple.com/us/podcast/音の専門家の雑談-presented-by-sound-one/id1656871042" class="f_item__icon--podcast" target="_blank" rel="noreferrer noopener">
                    <i class="fa-solid fa-podcast fa-xl"></i></a>
            </div>
        </div>
        <dl class="f_contents">
            <div class="f_content">
                <dt class="f_content__ttl">企業情報<span class="f_btn"><span
                            class="material-symbols-outlined arrow">arrow_drop_down</span></span></dt>
                <dd class="f_content__urls">
                    <a href="https://soundone.jp/aboutus" target="_blank" rel="noreferrer noopener">
                        <div class="f_content__url">会社概要
                        </div>
                    </a>
                    <a href="https://soundone.jp/news" target="_blank" rel="noreferrer noopener">
                        <div class="f_content__url end">お知らせ
                        </div>
                    </a>
                </dd>
            </div>
            <div class="f_content">
                <dt class="f_content__ttl">Sound One<span class="f_btn"><span
                            class="material-symbols-outlined arrow">arrow_drop_down</span></span></dt>
                <dd class="f_content__urls support_dd">
                    <div class="support_dd__list">
                        <a href="https://soundone.jp/#movie" target="_blank" rel="noreferrer noopener">
                        <div class="f_content__url">Sound Oneの紹介
                        </div>
                        </a>
                        <a href="https://soundone.jp/#special-features" target="_blank" rel="noreferrer noopener">
                            <div class="f_content__url">特長
                            </div>
                        </a>
                        <a href="https://soundone.jp/#features" target="_blank" rel="noreferrer noopener">
                            <div class="f_content__url">機能
                            </div>
                        </a>
                        <a href="https://soundone.jp/usecase" target="_blank" rel="noreferrer noopener">
                            <div class="f_content__url">活用例
                            </div>
                        </a>
                        <a href="https://soundone.jp/#smart_phone" target="_blank" rel="noreferrer noopener">
                            <div class="f_content__url support_dd__bd">スマホアプリ
                            </div>
                        </a>
                    </div>
                    <div class="devide-padding">
                        <div class="support_dd__list">
                            <a href="https://soundone.jp/sound-design" target="_blank" rel="noreferrer noopener">
                            <div class="f_content__url">サウンドデザイン支援
                            </div>
                            </a>
                            <a href="https://soundone.jp/plan" target="_blank" rel="noreferrer noopener">
                                <div class="f_content__url">料金プラン
                                </div>
                            </a>
                            <a href="https://soundone.jp/#experience" target="_blank" rel="noreferrer noopener">
                                <div class="f_content__url">アンケート体験
                                </div>
                            </a>
                            <a href="https://soundone.o-cloud.net/" target="_blank" rel="noreferrer noopener">
                                <div class="f_content__url end">ログイン
                                </div>
                            </a>
                        </div>
                    </div>
                </dd>
            </div>
            <div class="f_content">
                <dt class="f_content__ttl">コンテンツ<span class="f_btn"><span
                            class="material-symbols-outlined arrow">arrow_drop_down</span></span></dt>
                <dd class="f_content__urls">
                    <a href="https://support.sound-one.net/Podcast_backnumber">
                        <div class="f_content__url">音の専門家の雑談
                        </div>
                    </a>
                    <a href="https://soundone.jp/manga" target="_blank" rel="noreferrer noopener">
                        <div class="f_content__url">マンガ
                        </div>
                    </a>
                    <a href="https://soundone.jp/special-feature" target="_blank" rel="noreferrer noopener">
                        <div class="f_content__url"
                            >特集
                        </div>
                    </a>
                    <a href="https://twitter.com/SoundOne_net" target="_blank" rel="noreferrer noopener">
                        <div class="f_content__url end">X（旧Twitter）
                        </div>
                    </a>
                </dd>
            </div>
            <div class="f_content">
                <dt class="f_content__ttl" id="support_text">
                    <span class="support-text">サポート</span> 
                    <span class="f_btn">
                        <span class="material-symbols-outlined arrow">arrow_drop_down</span>
                    </span>
                </dt>
                <dd class="f_content__urls support_dd">
                    <div class="support_dd__list">
                        <a href="https://support.sound-one.net/faq">
                            <div class="f_content__url">よくあるご質問
                            </div>
                        </a>
                        <a href="https://soundone.jp/inquiry" target="_blank" rel="noreferrer noopener">
                            <div class="f_content__url">お問い合わせ
                            </div>
                        </a>
                        <a href="https://support.sound-one.net/AudioTest-Sample">
                            <div class="f_content__url">聴感アンケート体験
                            </div>
                        </a>
                        <a href="https://support.sound-one.net/manual">
                            <div class="f_content__url">アカウント登録手順
                            </div>
                        </a>
                        <a href="https://soundone.jp/manual">
                            <div class="f_content__url">操作マニュアル
                            </div>
                        </a>
                    </div>
                    <div class="devide-padding">
                        <div class="support_dd__list">
                            <a href="https://support.sound-one.net/downloads">
                                <div class="f_content__url support_dd__bd">サンプル音源
                                </div>
                            </a>
                            <a href="https://soundone.jp/cookie_policy">
                                <div class="f_content__url">Cookieポリシー
                                </div>
                            </a>
                            <a href="https://support.sound-one.net/privacy-policy">
                                <div class="f_content__url">プライバシーポリシー
                                </div>
                            </a>
                            <a href="https://support.sound-one.net/security">
                                <div class="f_content__url">情報セキュリティポリシー
                                </div>
                            </a>
                            <a href="https://support.sound-one.net/terms-of-service">
                                <div class="f_content__url">利用規約
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="devide-padding">
                        <div class="support_dd__list">
                            <a href="https://support.sound-one.net/terms-of-sale">
                                <div class="f_content__url">特定商取引法に基づく表記
                                </div>
                            </a>
                            <a href="https://soundone.jp/news/20241205">
                                <div class="f_content__url end">脱炭素取組宣言
                                </div>
                            </a>
                        </div>
                    </div>
                </dd>
            </div>
        </dl>
    </div>
    <p class="f_copy">©Copyright. Sound One CO.,LTD All Rights Reserved. </p>
</footer>
<script src="https://code.jquery.com/jquery-3.7.0.min.js"
    integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
<script>
    $(document).ready(function () {
        // クリックイベントの定義（スライド操作）
        function handleQAClick() {
            $(this).next().slideToggle(250);
            $(this).children().toggleClass("open");
        }

        // サポートテキストをクリックしたときにページ遷移
        $(".support-text").click(function (e) {
            // クリックイベントの伝播を停止
            e.stopPropagation();
            // ページ遷移
            location.replace("https://support.sound-one.net");
        });

        // 画面幅が840px以下の場合のみクリックイベントを設定（スライド操作）
        if ($(window).width() <= 840) {
            $(".f_content__ttl").click(handleQAClick);
        } else {
            document.getElementById("support_text").addEventListener("click", function (e) {
                // サポートテキストがクリックされたときのみページ遷移
                if (e.target.classList.contains('support-text')) {
                    location.replace("https://support.sound-one.net");
                }
            }, false);
        }

        // ウィンドウサイが変更されたときに再評価
        $(window).resize(function () {
            if ($(window).width() <= 840) {
                $(".f_content__ttl").off("click", handleQAClick).on("click", handleQAClick);
            } else {
                $(".f_content__ttl").off("click", handleQAClick);
            }
        });
    });
</script>  

Sound Oneご紹介資料

2024.7.25 UP