` }, 'stem-cells': { title: '幹細胞技術', content: `
幹細胞は、様々な細胞に分化する能力（多分化能）と自己複製能を持つ特殊な細胞です。この能力を利用して、損傷した組織や臓器を修復・再生する治療法が研究されています。
臍帯間葉系幹細胞 (MSC)
臍帯から採取される幹細胞で、多分化能が高く、骨、軟骨、筋肉、神経などへの応用が期待されています。免疫原性が低く、倫理的な問題も少ないのが利点です。
DID-csc 関節軟骨修復
幹細胞を軟骨細胞へ誘導し、損傷した関節軟骨に直接注入することで、軟骨の再生と修復を目指す独自の技術です。
` } }; const productData = { exosome: { title: '泌肌因 - 幹細胞エクソソーム', content: `
細胞間の情報伝達を担う"メッセンジャー"
エクソソームは、細胞が分泌する極小のカプセルのような物質で、内部に成長因子や核酸などを含み、細胞間の情報伝達を担います。特に幹細胞が分泌するエクソソームは、皮膚の再生、抗炎症、コラーゲン産生促進など、アンチエイジングにおいて重要な役割を果たします。損傷した細胞の修復や、休眠細胞の活性化を促し、肌を細胞レベルから若々しい状態へと導きます。
主な作用
- 皮膚の創傷修復と再生促進
- コラーゲン・エラスチン産生をサポート
- 内分泌の調節と皮膚の健康最適化
- 細胞に直接栄養を供給
` }, pdrn: { title: 'PDRN - 細胞組織の再生と修復', content: `
サーモン由来のDNAが肌を再生
PDRNは、深海サーモンのDNAを精製した成分で、人体のDNAと塩基組成が極めて似ているため、安全性が高く生体適合性に優れています。皮膚細胞の再生を促す「活性化因子」として働き、損傷した組織の修復や創傷治癒を早める効果があります。
紫外線などでダメージを受けた肌の回復を助け、コラーゲン産生を促すことで、肌の弾力性を高め、安全で健康な皮膚を再構築します。
` }, peptide: { title: '魚精活性ペプチド - 全身のアンチエイジング', content: `
生殖抗衰という新発想
深海サーモンの精巣から抽出した希少な原料を使用。人体DNAとの高い類似性(98%)を活かし、細胞再生を強力に促進します。特に生殖機能の改善を通じた全身のアンチエイジングに着目しており、精力改善、免疫力向上、睡眠の質の改善など、身体の内側から若々しさを取り戻すことを目指します。
期待される効果
- 生殖機能の改善: 男女の性機能やホルモンバランスの改善
- 細胞・臓器の修復: 肝機能改善、肌トラブル改善、発毛促進など
- 精力改善: 免疫力向上、睡眠の質の改善、疲労回復
` } }; document.addEventListener('DOMContentLoaded', function() { const businessPillarsContainer = document.getElementById('business-pillars'); businessPillarsData.forEach(pillar => { const card = document.createElement('div'); card.className = 'bg-white p-6 rounded-lg shadow-lg text-center transform hover:-translate-y-2 transition-transform duration-300 cursor-pointer'; card.innerHTML = `
${pillar.icon}
${pillar.title}
${pillar.description}
`; businessPillarsContainer.appendChild(card); }); const cellTechContent = document.getElementById('cell-tech-content'); const cellTechTabs = document.querySelectorAll('.tab-button'); function updateCellTechTab(tabId) { cellTechContent.innerHTML = cellTechData[tabId].content; cellTechTabs.forEach(t => { t.classList.toggle('active', t.dataset.tab === tabId); t.classList.toggle('inactive', t.dataset.tab !== tabId); }); } cellTechTabs.forEach(tab => { tab.addEventListener('click', () => updateCellTechTab(tab.dataset.tab)); }); updateCellTechTab('immune-cells'); const productContent = document.getElementById('product-content'); const productTabs = document.querySelectorAll('.product-tab-button'); let pdrnChartInstance = null; function updateProductTab(tabId) { productContent.innerHTML = productData[tabId].content; productTabs.forEach(t => { t.classList.toggle('text-cyan-600', t.dataset.tab === tabId); t.classList.toggle('text-gray-500', t.dataset.tab !== tabId); if(t.dataset.tab === tabId){ t.classList.add('border-b-2', 'border-cyan-600'); } else { t.classList.remove('border-b-2', 'border-cyan-600'); } }); if (tabId === 'pdrn') { if (pdrnChartInstance) { pdrnChartInstance.destroy(); } const ctx = document.getElementById('pdrnChart').getContext('2d'); pdrnChartInstance = new Chart(ctx, { type: 'bar', data: { labels: ['A', 'T', 'G', 'C'], datasets: [ { label: '人間 (Human)', data: [30.3, 30.3, 19.5, 19.9], backgroundColor: 'rgba(8, 145, 178, 0.6)', borderColor: 'rgba(8, 145, 178, 1)', borderWidth: 1 }, { label: 'サーモン (Salmon)', data: [29.7, 29.1, 20.8, 20.4], backgroundColor: 'rgba(245, 158, 11, 0.6)', borderColor: 'rgba(245, 158, 11, 1)', borderWidth: 1 } ] }, options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true, title: { display: true, text: '塩基組成 (%)' } } }, plugins: { legend: { position: 'top', }, title: { display: false, } } } }); } } productTabs.forEach(tab => { tab.addEventListener('click', () => updateProductTab(tab.dataset.tab)); }); updateProductTab('exosome'); const mobileMenuButton = document.getElementById('mobile-menu-button'); const mobileMenu = document.getElementById('mobile-menu'); mobileMenuButton.addEventListener('click', () => { mobileMenu.classList.toggle('hidden'); }); const navLinks = document.querySelectorAll('nav a'); navLinks.forEach(link => { link.addEventListener('click', () => { if(!mobileMenu.classList.contains('hidden')) { mobileMenu.classList.add('hidden'); } }); }); const sections = document.querySelectorAll('section'); const headerNavLinks = document.querySelectorAll('header nav .hidden a'); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { headerNavLinks.forEach(link => { link.classList.toggle('active-nav', link.getAttribute('href').substring(1) === entry.target.id); link.classList.toggle('inactive-nav', link.getAttribute('href').substring(1) !== entry.target.id); }); } }); }, { rootMargin: '-50% 0px -50% 0px' }); sections.forEach(section => observer.observe(section)); });