あなたの未来を設計するライフプランニング × キャリア支援

人生の転機を、確かな計画と共に。
センターリバー合同会社は、あなたの理想の人生とキャリアを実現します。

サービスを見る

私たちについて

センターリバー合同会社の強み

ライフプランニング

あなたの人生全体を見据えた、長期的なキャリア設計。将来の不安を確かな計画に変えます。

キャリア支援

転職支援から職業提案まで、あなたに最適なキャリアパスを共に見つけます。

人事マネジメント

企業の人材定着・育成・配置を仕組み化し、組織の成長を支援します。

サービス案内

個人向けと法人向けのプランをご用意しています

個人向け

将来設計サポート

¥150,000/月

将来の不安を「設計」に変える、基礎キャリア支援プラン。

ライフプラン・価値観ヒアリング
キャリア棚卸し
キャリアロードマップ作成

個人向け・推奨

転職・職業提案

¥250,000/月

ライフプランから導く、後悔しない転職・職業選択をサポート。

転職戦略設計
具体的な職業・ポジション提案
応募書類アドバイス

法人向け

人事・組織マネジメント

¥400,000/月

人材定着・育成・配置を仕組み化する人事支援プラン。

キャリア設計導入
人材配置・職務設計見直し
管理職向け研修

あなたの未来を、一緒に描きませんか？

まずはお気軽にご相談ください。初回相談は無料です。

お問い合わせ

const canvas = document.getElementById('three-canvas'); const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); const renderer = new THREE.WebGLRenderer({ canvas, alpha: true, antialias: true }); renderer.setSize(window.innerWidth, window.innerHeight); camera.position.z = 5; // パーティクル const particlesGeometry = new THREE.BufferGeometry(); const particlesCount = 2000; const posArray = new Float32Array(particlesCount * 3); const velocities = new Float32Array(particlesCount * 3); for (let i = 0; i < particlesCount * 3; i++) { posArray[i] = (Math.random() - 0.5) * 10; velocities[i] = (Math.random() - 0.5) * 0.02; } particlesGeometry.setAttribute('position', new THREE.BufferAttribute(posArray, 3)); const particlesMaterial = new THREE.PointsMaterial({ size: 0.015, color: 0xd4af37, transparent: true, opacity: 0.8, blending: THREE.AdditiveBlending }); const particlesMesh = new THREE.Points(particlesGeometry, particlesMaterial); scene.add(particlesMesh); // 波形メッシュ const waveGeometry = new THREE.PlaneGeometry(15, 15, 50, 50); const waveMaterial = new THREE.MeshBasicMaterial({ color: 0x2c5f8d, wireframe: true, transparent: true, opacity: 0.1 }); const waveMesh = new THREE.Mesh(waveGeometry, waveMaterial); waveMesh.rotation.x = -Math.PI / 4; waveMesh.position.z = -3; scene.add(waveMesh); let mouseXNorm = 0; let mouseYNorm = 0; document.addEventListener('mousemove', (e) => { mouseXNorm = (e.clientX / window.innerWidth) * 2 - 1; mouseYNorm = -(e.clientY / window.innerHeight) * 2 + 1; }); // アニメーション let time = 0; function animate() { requestAnimationFrame(animate); time += 0.001; // パーティクルアニメーション const positions = particlesGeometry.attributes.position.array; for (let i = 0; i < positions.length; i += 3) { positions[i] += velocities[i]; positions[i + 1] += velocities[i + 1]; positions[i + 2] += velocities[i + 2]; if (Math.abs(positions[i]) > 5) velocities[i] *= -1; if (Math.abs(positions[i + 1]) > 5) velocities[i + 1] *= -1; if (Math.abs(positions[i + 2]) > 5) velocities[i + 2] *= -1; } particlesGeometry.attributes.position.needsUpdate = true; particlesMesh.rotation.y += 0.0003; particlesMesh.rotation.x = mouseYNorm * 0.3; particlesMesh.rotation.z = mouseXNorm * 0.3; // 波形アニメーション const wavePositions = waveGeometry.attributes.position.array; for (let i = 0; i < wavePositions.length; i += 3) { const x = wavePositions[i]; const y = wavePositions[i + 1]; wavePositions[i + 2] = Math.sin(x * 0.5 + time) * 0.3 + Math.cos(y * 0.5 + time) * 0.3; } waveGeometry.attributes.position.needsUpdate = true; waveMesh.rotation.z += 0.001; renderer.render(scene, camera); } animate(); // リサイズ対応 window.addEventListener('resize', () => { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); }); // スクロールアニメーション const observerOptions = { threshold: 0.15, rootMargin: '0px 0px -100px 0px' }; let hasCounted = false; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); // 統計カウントアップ if (entry.target.classList.contains('stat-item') && !hasCounted) { const statNumber = entry.target.querySelector('.stat-number'); if (statNumber) { setTimeout(() => countUp(statNumber), 200); } } if (entry.target.closest('.stats-section')) { hasCounted = true; } } }); }, observerOptions); document.querySelectorAll('.fade-in, .fade-in-left, .fade-in-right, .scale-in, .stat-item').forEach(el => observer.observe(el));