『やりたいことを自分らしく』
ダンスエンタメ事業と映像制作事業であなたの思いを実現する。
二つのサービスを提供する宮崎を拠点とする企業です。



/* ▼▼▼ この下から全てコピーして、既存のJSと差し替えてください ▼▼▼ */
<script>
/* ▼▼▼ この下から全てコピーして、既存のJSと差し替えてください ▼▼▼ */

(function() {
    "use strict";

    const INITIAL_ANIMATION_DELAY = 50; // ms
    const OBSERVER_THRESHOLD = 0.2; // 20%
    const VIDEO_FADEIN_DELAY = 1500; // 動画をフェードインさせるまでの時間(ms)

    /**
     * 背景YouTube iframeのサイズを調整する
     */
    function setupVideoResizing() {
        const videoIframe = document.getElementById('background-video-iframe');
        if (!videoIframe) return;

        const resizeVideo = () => {
            const viewportWidth = window.innerWidth;
            const viewportHeight = window.innerHeight;
            const targetRatio = 16 / 9;
            const viewportRatio = viewportWidth / viewportHeight;

            let newWidth, newHeight;
            if (viewportRatio > targetRatio) {
                newWidth = viewportWidth;
                newHeight = viewportWidth / targetRatio;
            } else {
                newHeight = viewportHeight;
                newWidth = viewportHeight * targetRatio;
            }
            videoIframe.style.width = `${newWidth}px`;
            videoIframe.style.height = `${newHeight}px`;
        };

        resizeVideo();
        window.addEventListener('resize', resizeVideo);
    }

    /**
     * ファーストビューのテキストアニメーションを実行する
     */
    function initFirstViewAnimation() {
        const visionContent = document.querySelector('.vision-content');
        if (!visionContent) return;
        
        const visionItems = visionContent.querySelectorAll('.fade-in-item');
        const delayMap = [0.25, 0.35, 0.50, 0.65];

        setTimeout(() => {
            document.body.classList.remove('is-loading');

            visionItems.forEach((item, index) => {
                const delay = delayMap[index] || (0.25 + (index * 0.1));
                item.style.transitionDelay = `${delay}s`;
                item.style.opacity = '1';
                item.style.transform = 'translateY(0)';
            });
        }, INITIAL_ANIMATION_DELAY);
    }

    /**
     * カードセクションのスクロールアニメーションを設定する
     */
    function initScrollAnimations() {
        const target = document.getElementById('service-cards');
        if (!target) return;

        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                entry.target.classList.toggle('is-visible', entry.isIntersecting);
            });
        }, {
            threshold: OBSERVER_THRESHOLD
        });

        observer.observe(target);
    }

    /**
     * 動画プレイヤーを遅れてフェードインさせる
     */
    function initVideoFadeIn() {
        const videoIframe = document.getElementById('background-video-iframe');
        if (!videoIframe) return;

        setTimeout(() => {
            videoIframe.classList.add('is-loaded');
        }, VIDEO_FADEIN_DELAY);
    }

    /**
     * 【NEW】カードの接近に応じてビジョンコンテンツをフェードさせる関数
     */
    function setupContentFadeOnScroll() {
        const visionContent = document.querySelector('.vision-content');
        const serviceCards = document.getElementById('service-cards');
        if (!visionContent || !serviceCards) return;

        const observerOptions = {
            root: null, // ビューポートを基準にする
            // 画面の下側50%を監視エリアから除外（＝画面の上半分に達したら検知）
            rootMargin: '0px 0px -50% 0px',
            threshold: 0
        };

        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                // isIntersectingがtrue = カードが画面の上半分に入ってきた
                // isIntersectingがfalse = カードが画面の上半分から出ていった
                visionContent.classList.toggle('is-obscured', entry.isIntersecting);
            });
        }, observerOptions);

        observer.observe(serviceCards);
    }


    // DOMの読み込みが完了したら、全ての初期化処理を実行
    document.addEventListener('DOMContentLoaded', () => {
        setupVideoResizing();
        initFirstViewAnimation();
        initScrollAnimations();
        initVideoFadeIn();
        setupContentFadeOnScroll(); // ← この一行を追加
    });

})();
</script>

The Sea House

<script>
    // Google Form Submission
    const googleForm = document.getElementById('google-form');
    if (googleForm) {
        googleForm.addEventListener('submit', function(e) {
            e.preventDefault();
            const formData = new FormData(googleForm);
            const action = googleForm.action;
            fetch(action, {
                method: 'POST',
                body: formData,
                mode: 'no-cors'
            })
            .then(() => {
                const formContainer = document.getElementById('form-container');
                formContainer.innerHTML = `
                    <div class="text-center">
                        <h3 class="text-2xl font-bold text-sea-dark-blue mb-4">送信完了しました</h3>
                        <p>お問い合わせいただきありがとうございます。内容を確認の上、担当者より折り返しご連絡いたします。</p>
                    </div>
                `;
            })
            .catch(error => {
                console.error('Error:', error);
                const formContainer = document.getElementById('form-container');
                formContainer.innerHTML = `
                    <div class="text-center">
                        <h3 class="text-2xl font-bold text-red-600 mb-4">送信エラー</h3>
                        <p>送信中にエラーが発生しました。お手数ですが、もう一度お試しいただくか、別の方法でお問い合わせください。</p>
                    </div>
                `;
            });
        });
    }
</script>

ダンスコミュニティ運営、写真撮影・映像制作事業を手掛けるThe Sea Houseのトップページです

運営会社	株式会社　Ｔｈｅ　Ｓｅａ　Ｈｏｕｓｅ
設立	2022年5月17日
代表取締役	箕田誠史
代表電話	090-2859-0869
事務所	宮崎県宮崎市橘通西2丁目7−2−501
ダンススクール	・宮崎本校〒880-0916 宮崎県宮崎市恒久山下5959-1 倫バレエスタジオ内・LANAI校〒887-0012 宮崎県日南市園田2丁目12-17 ラナイスポーツクラブ内・WEST校〒889-1901 宮崎県北諸県郡三股町樺山４５５８−５三股中央キッズクラブ横併設スタジオ
沿革	・2022年5月　宮崎市にて設立・2022年9月　都城市・宮崎市にてBaby Jazz出演・2022年12月　初の自主公演『MATSURI2022』開催・2023年4月　大人の部活・こどもの部活を改名『CLUB THE SEA HOUSE』へ、同じくしてLANAI校開校・2023年7月　CLUB THE SEA HOUSE WEST校（都城市）開校・2024年9月　WEST校移転（三股町）・2025年5月　MATSURI2025開催・2025年10月　事務所移転
MISSION	やりたいことを自分らしく
事業内容	・DANCE スクールの運営・ダンスイベントの企画運営・写真映像などのクリエイティブ制作

会社概要

やりたいことを自分らしく

株式会社The Sea House