{ “@context”: “https://schema.org”, “@type”: “Article”, “headline”: “律動的身体トレーニング | 一本歯下駄GETTAで三丹田統合”, “description”: “一本歯下駄・一本下駄を活用した律動的身体トレーニングの科学的解説。三丹田統合、腱優位トレーニング、丹田呼吸法の実践プログラム。”, “author”: {“@type”: “Organization”, “name”: “一本歯下駄GETTA”}, “publisher”: {“@type”: “Organization”, “name”: “GETTAプランニング合同会社”} } /* ======================================== RESET & BASE ======================================== */ .getta-honki * { margin: 0; padding: 0; box-sizing: border-box; } .getta-honki *::before, .getta-honki *::after { box-sizing: border-box; } .getta-honki { font-family: ‘Noto Sans JP’, ‘Hiragino Kaku Gothic ProN’, ‘Hiragino Sans’, Meiryo, sans-serif; color: #374151; line-height: 2.0; font-size: 0.9375rem; background: #ffffff; overflow-x: hidden; -webkit-font-smoothing: antialiased; } /* ======================================== CSS VARIABLES – Evolution Thinking ======================================== */ .getta-honki { –honki-primary: #0891b2; –honki-primary-dark: #0e7490; –honki-primary-light: #22d3ee; –honki-variation: #f97316; –honki-variation-light: #fb923c; –honki-evolution: #8b5cf6; –honki-evolution-light: #a78bfa; –honki-success: #10b981; –honki-warning: #eab308; –honki-black: #0a0a0a; –honki-gray-900: #1a1a1a; –honki-gray-800: #262626; –honki-gray-700: #374151; –honki-gray-600: #4b5563; –honki-gray-500: #6b7280; –honki-gray-400: #9ca3af; –honki-gray-300: #d1d5db; –honki-gray-200: #e5e7eb; –honki-gray-100: #f3f4f6; –honki-bg: #f8f9fa; –honki-white: #ffffff; } /* ======================================== KEYFRAME ANIMATIONS – 本気の動き ======================================== */ @keyframes honki-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes honki-spin-reverse { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } @keyframes honki-breathe { 0%, 100% { transform: scale(1); opacity: 0.6; } 50% { transform: scale(1.06); opacity: 1; } } @keyframes honki-breathe-deep { 0%, 100% { transform: scale(1); opacity: 0.4; } 50% { transform: scale(1.1); opacity: 0.8; } } @keyframes honki-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.7; transform: scale(0.94); } } @keyframes honki-glow { 0%, 100% { box-shadow: 0 0 20px rgba(8,145,178,0.4); } 50% { box-shadow: 0 0 50px rgba(8,145,178,0.8), 0 0 80px rgba(139,92,246,0.4); } } @keyframes honki-core-pulse { 0%, 100% { box-shadow: 0 0 30px rgba(8,145,178,0.5), 0 0 60px rgba(8,145,178,0.3); transform: translate(-50%, -50%) scale(1); } 50% { box-shadow: 0 0 50px rgba(8,145,178,0.8), 0 0 80px rgba(139,92,246,0.5), 0 0 120px rgba(249,115,22,0.3); transform: translate(-50%, -50%) scale(1.04); } } @keyframes honki-ripple { 0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.7; } 100% { transform: translate(-50%, -50%) scale(1.8); opacity: 0; } } @keyframes honki-orbit-1 { from { transform: rotate(0deg) translateX(140px) rotate(0deg); } to { transform: rotate(360deg) translateX(140px) rotate(-360deg); } } @keyframes honki-orbit-2 { from { transform: rotate(120deg) translateX(115px) rotate(-120deg); } to { transform: rotate(480deg) translateX(115px) rotate(-480deg); } } @keyframes honki-orbit-3 { from { transform: rotate(240deg) translateX(90px) rotate(-240deg); } to { transform: rotate(600deg) translateX(90px) rotate(-600deg); } } @keyframes honki-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } @keyframes honki-scroll-line { 0% { transform: scaleY(0); transform-origin: top; } 50% { transform: scaleY(1); transform-origin: top; } 51% { transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } } @keyframes honki-twinkle { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } } @keyframes honki-nebula-drift { 0%, 100% { transform: translate(-50%, -50%) scale(1) rotate(0deg); } 33% { transform: translate(-48%, -52%) scale(1.02) rotate(2deg); } 66% { transform: translate(-52%, -48%) scale(0.99) rotate(-1deg); } } @keyframes honki-wave { 0%, 100% { transform: scaleY(1) scaleX(1); } 25% { transform: scaleY(1.06) scaleX(0.96); } 50% { transform: scaleY(0.96) scaleX(1.04); } 75% { transform: scaleY(1.04) scaleX(0.98); } } @keyframes honki-flow-pulse { 0%, 100% { opacity: 0.3; transform: translateX(-100%); } 50% { opacity: 1; transform: translateX(100%); } } @keyframes honki-energy-flow { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @keyframes honki-converge { 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; } 50% { transform: translate(-50%, -50%) scale(0.92); opacity: 0.7; } } /* ======================================== HERO SECTION – 宇宙的没入 ======================================== */ .getta-honki-hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: var(–honki-black); overflow: hidden; } .getta-honki-cosmos { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .getta-honki-stars { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(1px 1px at 5% 15%, rgba(255,255,255,0.9) 0%, transparent 100%), radial-gradient(1px 1px at 15% 35%, rgba(255,255,255,0.7) 0%, transparent 100%), radial-gradient(1px 1px at 25% 8%, rgba(255,255,255,0.8) 0%, transparent 100%), radial-gradient(1px 1px at 35% 55%, rgba(255,255,255,0.6) 0%, transparent 100%), radial-gradient(1px 1px at 45% 22%, rgba(255,255,255,0.9) 0%, transparent 100%), radial-gradient(1px 1px at 55% 78%, rgba(255,255,255,0.5) 0%, transparent 100%), radial-gradient(1px 1px at 65% 42%, rgba(255,255,255,0.7) 0%, transparent 100%), radial-gradient(1px 1px at 75% 12%, rgba(255,255,255,0.8) 0%, transparent 100%), radial-gradient(1px 1px at 85% 65%, rgba(255,255,255,0.6) 0%, transparent 100%), radial-gradient(1px 1px at 95% 88%, rgba(255,255,255,0.9) 0%, transparent 100%), radial-gradient(2px 2px at 10% 70%, rgba(8,145,178,0.9) 0%, transparent 100%), radial-gradient(2px 2px at 30% 90%, rgba(139,92,246,0.8) 0%, transparent 100%), radial-gradient(2px 2px at 60% 5%, rgba(249,115,22,0.7) 0%, transparent 100%), radial-gradient(2px 2px at 80% 45%, rgba(8,145,178,0.8) 0%, transparent 100%); animation: honki-twinkle 8s ease-in-out infinite; } .getta-honki-nebula { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 180%; height: 180%; background: radial-gradient(ellipse at 25% 35%, rgba(8,145,178,0.12) 0%, transparent 45%), radial-gradient(ellipse at 75% 65%, rgba(139,92,246,0.1) 0%, transparent 45%), radial-gradient(ellipse at 50% 50%, rgba(249,115,22,0.06) 0%, transparent 35%); animation: honki-nebula-drift 35s ease-in-out infinite; } .getta-honki-grid { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(rgba(8,145,178,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(8,145,178,0.03) 1px, transparent 1px); background-size: 50px 50px; } /* 9層マンダラ – 本気の密度 */ .getta-honki-mandala { position: absolute; width: 580px; height: 580px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .getta-honki-mandala-ring { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .getta-honki-ring-9 { width: 100%; height: 100%; border: 1px solid rgba(8,145,178,0.15); animation: honki-spin 120s linear infinite; } .getta-honki-ring-9::before { content: ”; position: absolute; top: 0; left: 50%; width: 6px; height: 6px; background: var(–honki-primary); border-radius: 50%; transform: translateX(-50%); box-shadow: 0 0 15px var(–honki-primary); } .getta-honki-ring-9::after { content: ”; position: absolute; bottom: 0; left: 50%; width: 4px; height: 4px; background: var(–honki-evolution); border-radius: 50%; transform: translateX(-50%); box-shadow: 0 0 10px var(–honki-evolution); } .getta-honki-ring-8 { width: 88%; height: 88%; border: 1px dashed rgba(249,115,22,0.2); animation: honki-spin-reverse 100s linear infinite; } .getta-honki-ring-7 { width: 76%; height: 76%; border: 1px solid rgba(139,92,246,0.25); animation: honki-spin 85s linear infinite; } .getta-honki-ring-7::before, .getta-honki-ring-7::after { content: ”; position: absolute; width: 5px; height: 5px; background: var(–honki-evolution); border-radius: 50%; box-shadow: 0 0 12px var(–honki-evolution); } .getta-honki-ring-7::before { top: 0; left: 50%; transform: translateX(-50%); } .getta-honki-ring-7::after { bottom: 0; left: 50%; transform: translateX(-50%); } .getta-honki-ring-6 { width: 64%; height: 64%; border: 2px solid rgba(8,145,178,0.3); animation: honki-spin-reverse 70s linear infinite; } .getta-honki-ring-5 { width: 52%; height: 52%; border: 1px dashed rgba(249,115,22,0.35); animation: honki-spin 55s linear infinite; } .getta-honki-ring-4 { width: 40%; height: 40%; border: 2px solid rgba(139,92,246,0.4); animation: honki-spin-reverse 40s linear infinite; } .getta-honki-ring-3 { width: 30%; height: 30%; border: 1px solid rgba(8,145,178,0.5); animation: honki-spin 28s linear infinite; } .getta-honki-ring-2 { width: 20%; height: 20%; border: 2px solid rgba(249,115,22,0.6); animation: honki-breathe 5s ease-in-out infinite; } .getta-honki-ring-1 { width: 12%; height: 12%; background: radial-gradient(circle, rgba(8,145,178,0.5) 0%, transparent 70%); animation: honki-breathe-deep 4s ease-in-out infinite; } .getta-honki-core { position: absolute; width: 70px; height: 70px; top: 50%; left: 50%; background: radial-gradient(circle, var(–honki-white) 0%, var(–honki-primary-light) 40%, var(–honki-primary) 70%, transparent 100%); border-radius: 50%; animation: honki-core-pulse 3s ease-in-out infinite; } .getta-honki-core-inner { position: absolute; width: 65%; height: 65%; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(–honki-white); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .getta-honki-core-kanji { font-size: 1.25rem; font-weight: 700; color: var(–honki-primary-dark); line-height: 1; } .getta-honki-core-text { font-size: 0.3rem; color: var(–honki-gray-600); letter-spacing: 0.12em; } .getta-honki-ripple { position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; border: 2px solid rgba(8,145,178,0.4); border-radius: 50%; animation: honki-ripple 3s ease-out infinite; } .getta-honki-ripple-2 { animation-delay: 1s; } .getta-honki-ripple-3 { animation-delay: 2s; } .getta-honki-orbital { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .getta-honki-orbital-node { position: absolute; width: 44px; height: 44px; top: 50%; left: 50%; margin: -22px 0 0 -22px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 3px 12px rgba(0,0,0,0.3); } .getta-honki-orbital-node-1 { background: linear-gradient(135deg, var(–honki-primary), var(–honki-primary-light)); animation: honki-orbit-1 22s linear infinite; } .getta-honki-orbital-node-2 { background: linear-gradient(135deg, var(–honki-variation), var(–honki-variation-light)); animation: honki-orbit-2 18s linear infinite reverse; } .getta-honki-orbital-node-3 { background: linear-gradient(135deg, var(–honki-evolution), var(–honki-evolution-light)); animation: honki-orbit-3 15s linear infinite; } .getta-honki-orbital-kanji { font-size: 0.9375rem; font-weight: 700; color: var(–honki-white); line-height: 1; } .getta-honki-orbital-label { font-size: 0.25rem; color: rgba(255,255,255,0.85); letter-spacing: 0.08em; } .getta-honki-hero-content { position: relative; z-index: 10; text-align: center; padding: 24px 20px; max-width: 850px; } .getta-honki-hero-label { display: inline-block; font-size: 0.5rem; letter-spacing: 0.28em; color: var(–honki-primary); border: 1px solid rgba(8,145,178,0.4); padding: 8px 24px; margin-bottom: 20px; background: rgba(8,145,178,0.05); } .getta-honki-hero-title { font-size: 2.5rem; font-weight: 100; color: var(–honki-white); letter-spacing: 0.06em; line-height: 1.4; margin-bottom: 10px; } .getta-honki-hero-title-bold { font-weight: 800; display: block; background: linear-gradient(90deg, var(–honki-primary-light) 0%, var(–honki-variation) 50%, var(–honki-evolution) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .getta-honki-hero-subtitle { font-size: 0.875rem; color: var(–honki-gray-400); line-height: 1.9; max-width: 600px; margin: 0 auto 32px; } .getta-honki-concepts { display: flex; justify-content: center; gap: 36px; flex-wrap: wrap; } .getta-honki-concept { text-align: center; cursor: pointer; transition: all 0.5s ease; } .getta-honki-concept:hover { transform: scale(1.1) translateY(-5px); } .getta-honki-concept-kanji { font-size: 3rem; font-weight: 200; line-height: 1; margin-bottom: 4px; transition: all 0.5s ease; } .getta-honki-concept:nth-child(1) .getta-honki-concept-kanji { color: var(–honki-variation); text-shadow: 0 0 20px rgba(249,115,22,0.5); } .getta-honki-concept:nth-child(2) .getta-honki-concept-kanji { color: var(–honki-primary-light); text-shadow: 0 0 20px rgba(8,145,178,0.5); } .getta-honki-concept:nth-child(3) .getta-honki-concept-kanji { color: var(–honki-evolution); text-shadow: 0 0 20px rgba(139,92,246,0.5); } .getta-honki-concept-label { font-size: 0.4rem; letter-spacing: 0.18em; color: var(–honki-gray-500); margin-bottom: 2px; } .getta-honki-concept-sub { font-size: 0.625rem; color: var(–honki-gray-400); } .getta-honki-scroll { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; } .getta-honki-scroll-text { font-size: 0.4rem; letter-spacing: 0.25em; color: var(–honki-gray-500); } .getta-honki-scroll-line { width: 1px; height: 36px; background: linear-gradient(to bottom, var(–honki-primary), transparent); animation: honki-scroll-line 2.5s ease-in-out infinite; } /* ======================================== CONTAINER & SECTIONS ======================================== */ .getta-honki-container { max-width: 880px; margin: 0 auto; padding: 0 20px; } .getta-honki-container-wide { max-width: 1080px; margin: 0 auto; padding: 0 20px; } .getta-honki-section { padding: 72px 20px; } .getta-honki-section-white { background: var(–honki-white); } .getta-honki-section-gray { background: var(–honki-bg); } .getta-honki-section-dark { background: var(–honki-gray-900); } .getta-honki-section-black { background: var(–honki-black); } .getta-honki-section-label { font-size: 0.5rem; letter-spacing: 0.2em; color: var(–honki-primary); margin-bottom: 10px; } .getta-honki-section-title { font-size: 1.625rem; font-weight: 700; color: var(–honki-gray-900); line-height: 1.5; margin-bottom: 10px; } .getta-honki-section-title-white { color: var(–honki-white); } .getta-honki-section-lead { font-size: 0.9375rem; color: var(–honki-gray-600); line-height: 2.0; margin-bottom: 28px; max-width: 700px; } .getta-honki-text { color: var(–honki-gray-700); text-align: justify; margin-bottom: 18px; } .getta-honki-text-white { color: var(–honki-gray-300); } .getta-honki-highlight { color: var(–honki-primary); font-weight: 600; } .getta-honki-highlight-variation { color: var(–honki-variation); font-weight: 600; } .getta-honki-highlight-evolution { color: var(–honki-evolution); font-weight: 600; } .getta-honki-fade-up { opacity: 0; transform: translateY(25px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; } .getta-honki-fade-up.honki-visible { opacity: 1; transform: translateY(0); } .getta-honki-scale-in { opacity: 0; transform: scale(0.92); transition: opacity 0.8s ease-out, transform 0.8s ease-out; } .getta-honki-scale-in.honki-visible { opacity: 1; transform: scale(1); } /* ======================================== PHILOSOPHY BANNER ======================================== */ .getta-honki-philosophy { background: linear-gradient(135deg, var(–honki-variation) 0%, var(–honki-variation-light) 100%); padding: 32px 28px; border-radius: 14px; margin: -50px auto 50px; max-width: 820px; position: relative; z-index: 20; box-shadow: 0 14px 45px rgba(249,115,22,0.3); } .getta-honki-philosophy-quote { font-size: 1.125rem; font-weight: 600; color: var(–honki-white); text-align: center; line-height: 1.8; margin-bottom: 12px; } .getta-honki-philosophy-author { text-align: right; color: rgba(255,255,255,0.9); font-size: 0.8125rem; } /* ======================================== LEAD BOX ======================================== */ .getta-honki-lead-box { font-size: 0.9375rem; line-height: 2.1; color: var(–honki-gray-700); background: linear-gradient(135deg, rgba(8,145,178,0.08) 0%, rgba(139,92,246,0.08) 100%); padding: 28px 32px; border-left: 5px solid; border-image: linear-gradient(to bottom, var(–honki-primary), var(–honki-evolution)) 1; border-radius: 0 12px 12px 0; margin-bottom: 32px; } /* ======================================== FIGURE 1: 7層三丹田マンダラ – 本気の密度 ======================================== */ .getta-honki-dantian-mandala { position: relative; width: 100%; max-width: 360px; margin: 28px auto; aspect-ratio: 1; } .getta-honki-dantian-ring { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease; } .getta-honki-dantian-7 { width: 100%; height: 100%; background: radial-gradient(circle, transparent 48%, rgba(139,92,246,0.08) 50%, rgba(139,92,246,0.04) 100%); border: 2px solid var(–honki-evolution); animation: honki-spin 80s linear infinite; } .getta-honki-dantian-7::before { content: ”; position: absolute; top: 0; left: 50%; width: 8px; height: 8px; background: var(–honki-evolution); border-radius: 50%; transform: translateX(-50%); box-shadow: 0 0 12px var(–honki-evolution); } .getta-honki-dantian-7::after { content: ”; position: absolute; bottom: 0; left: 50%; width: 6px; height: 6px; background: var(–honki-evolution-light); border-radius: 50%; transform: translateX(-50%); box-shadow: 0 0 10px var(–honki-evolution); } .getta-honki-dantian-6 { width: 85%; height: 85%; border: 1px dashed rgba(139,92,246,0.4); animation: honki-spin-reverse 65s linear infinite; } .getta-honki-dantian-5 { width: 70%; height: 70%; background: radial-gradient(circle, transparent 48%, rgba(249,115,22,0.1) 50%, rgba(249,115,22,0.04) 100%); border: 2px solid var(–honki-variation); animation: honki-breathe 7s ease-in-out infinite; } .getta-honki-dantian-5::before, .getta-honki-dantian-5::after { content: ”; position: absolute; width: 6px; height: 6px; background: var(–honki-variation); border-radius: 50%; box-shadow: 0 0 10px var(–honki-variation); } .getta-honki-dantian-5::before { top: 0; left: 50%; transform: translateX(-50%); } .getta-honki-dantian-5::after { bottom: 0; left: 50%; transform: translateX(-50%); } .getta-honki-dantian-4 { width: 55%; height: 55%; border: 1px solid rgba(249,115,22,0.5); animation: honki-spin 50s linear infinite; } .getta-honki-dantian-3 { width: 42%; height: 42%; background: radial-gradient(circle, transparent 45%, rgba(8,145,178,0.15) 50%, rgba(8,145,178,0.06) 100%); border: 2px solid var(–honki-primary); animation: honki-breathe 5s ease-in-out infinite 0.5s; } .getta-honki-dantian-2 { width: 28%; height: 28%; border: 1px dashed rgba(8,145,178,0.6); animation: honki-spin-reverse 35s linear infinite; } .getta-honki-dantian-1 { width: 16%; height: 16%; background: linear-gradient(135deg, rgba(8,145,178,0.4) 0%, var(–honki-primary) 100%); box-shadow: 0 0 30px rgba(8,145,178,0.5); animation: honki-glow 3s ease-in-out infinite; } .getta-honki-dantian-label { position: absolute; font-size: 0.625rem; font-weight: 700; padding: 6px 12px; border-radius: 16px; white-space: nowrap; box-shadow: 0 3px 10px rgba(0,0,0,0.15); z-index: 10; } .getta-honki-dantian-label-upper { top: -2%; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, var(–honki-evolution), var(–honki-evolution-light)); color: var(–honki-white); } .getta-honki-dantian-label-middle { top: 50%; right: -8%; transform: translateY(-50%); background: linear-gradient(135deg, var(–honki-variation), var(–honki-variation-light)); color: var(–honki-white); } .getta-honki-dantian-label-lower { bottom: -2%; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, var(–honki-primary), var(–honki-primary-light)); color: var(–honki-white); } .getta-honki-dantian-core { position: absolute; width: 10%; height: 10%; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(–honki-white); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 0 20px rgba(8,145,178,0.5); animation: honki-pulse 3s ease-in-out infinite; z-index: 15; } .getta-honki-dantian-core-kanji { font-size: 0.9375rem; font-weight: 700; color: var(–honki-primary-dark); } /* 接続線 – SVG */ .getta-honki-dantian-connections { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .getta-honki-dantian-connections svg { width: 100%; height: 100%; } .getta-honki-dantian-line { stroke: url(#dantianGradient); stroke-width: 2; stroke-dasharray: 6, 4; fill: none; opacity: 0.6; } /* ======================================== FIGURE 2: 進化思考トライアングル – 本気の密度 ======================================== */ .getta-honki-evo-triangle { position: relative; width: 100%; max-width: 380px; margin: 28px auto; aspect-ratio: 1.05; } .getta-honki-evo-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .getta-honki-spiral-ring { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px dashed; } .getta-honki-spiral-ring-1 { width: 95%; height: 95%; border-color: rgba(8,145,178,0.2); animation: honki-spin 60s linear infinite; } .getta-honki-spiral-ring-2 { width: 75%; height: 75%; border-color: rgba(249,115,22,0.25); animation: honki-spin-reverse 45s linear infinite; } .getta-honki-spiral-ring-3 { width: 55%; height: 55%; border-color: rgba(139,92,246,0.3); animation: honki-spin 30s linear infinite; } .getta-honki-spiral-ring-4 { width: 35%; height: 35%; border-color: rgba(8,145,178,0.35); animation: honki-breathe 4s ease-in-out infinite; } .getta-honki-triangle-svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -42%); width: 70%; height: 62%; } .getta-honki-triangle-path { fill: none; stroke: var(–honki-gray-300); stroke-width: 2; stroke-dasharray: 8, 4; } .getta-honki-triangle-glow { fill: none; stroke: url(#triangleGlow); stroke-width: 3; stroke-dasharray: 400; stroke-dashoffset: 400; animation: honki-energy-flow 6s linear infinite; } .getta-honki-evo-node { position: absolute; width: 80px; height: 80px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: all 0.4s ease; z-index: 5; } .getta-honki-evo-node:hover { transform: scale(1.1); } .getta-honki-evo-variation { top: 2%; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, var(–honki-variation), var(–honki-variation-light)); box-shadow: 0 5px 25px rgba(249,115,22,0.45); } .getta-honki-evo-variation:hover { transform: translateX(-50%) scale(1.1); box-shadow: 0 8px 35px rgba(249,115,22,0.55); } .getta-honki-evo-adaptation { bottom: 6%; left: 8%; background: linear-gradient(135deg, var(–honki-primary), var(–honki-primary-light)); box-shadow: 0 5px 25px rgba(8,145,178,0.45); } .getta-honki-evo-evolution { bottom: 6%; right: 8%; background: linear-gradient(135deg, var(–honki-evolution), var(–honki-evolution-light)); box-shadow: 0 5px 25px rgba(139,92,246,0.45); } .getta-honki-evo-kanji { font-size: 1.625rem; font-weight: 700; color: var(–honki-white); line-height: 1; } .getta-honki-evo-label { font-size: 0.375rem; letter-spacing: 0.12em; color: rgba(255,255,255,0.9); margin-top: 2px; } .getta-honki-evo-center { position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); width: 68px; height: 68px; background: var(–honki-white); border: 3px solid var(–honki-gray-200); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 5px 20px rgba(0,0,0,0.12); z-index: 10; } .getta-honki-evo-center-text { font-size: 0.8125rem; font-weight: 800; background: linear-gradient(135deg, var(–honki-primary), var(–honki-evolution)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .getta-honki-evo-center-sub { font-size: 0.375rem; color: var(–honki-gray-500); } /* 進化の矢印 */ .getta-honki-evo-arrows { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .getta-honki-evo-arrow { position: absolute; font-size: 1rem; color: var(–honki-gray-400); animation: honki-pulse 2s ease-in-out infinite; } .getta-honki-evo-arrow-1 { top: 22%; left: 28%; transform: rotate(-30deg); } .getta-honki-evo-arrow-1::after { content: ‘2192’; } .getta-honki-evo-arrow-2 { top: 22%; right: 28%; transform: rotate(30deg); } .getta-honki-evo-arrow-2::after { content: ‘2190’; } .getta-honki-evo-arrow-3 { bottom: 20%; left: 50%; transform: translateX(-50%); } .getta-honki-evo-arrow-3::after { content: ‘2191’; } /* ======================================== FIGURE 3: 運動連鎖フロー – 本気の密度 ======================================== */ .getta-honki-flow-comparison { display: grid; grid-template-columns: 1fr 80px 1fr; gap: 12px; align-items: center; margin: 28px 0; padding: 24px; background: linear-gradient(135deg, rgba(8,145,178,0.04) 0%, rgba(139,92,246,0.04) 100%); border-radius: 14px; border: 1px solid rgba(8,145,178,0.1); } .getta-honki-flow-side { text-align: center; } .getta-honki-flow-side-title { font-size: 0.625rem; letter-spacing: 0.12em; margin-bottom: 12px; padding: 5px 12px; border-radius: 14px; display: inline-block; } .getta-honki-flow-before .getta-honki-flow-side-title { background: rgba(239,68,68,0.15); color: #dc2626; } .getta-honki-flow-after .getta-honki-flow-side-title { background: rgba(16,185,129,0.15); color: #059669; } .getta-honki-flow-steps { display: flex; flex-direction: column; gap: 8px; } .getta-honki-flow-step { display: flex; align-items: center; gap: 8px; padding: 10px; background: var(–honki-white); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.3s ease; } .getta-honki-flow-step:hover { transform: translateX(3px); box-shadow: 0 3px 12px rgba(0,0,0,0.08); } .getta-honki-flow-step-icon { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8125rem; font-weight: 700; color: var(–honki-white); flex-shrink: 0; } .getta-honki-flow-before .getta-honki-flow-step-icon { background: linear-gradient(135deg, #ef4444, #f87171); } .getta-honki-flow-after .getta-honki-flow-step:nth-child(1) .getta-honki-flow-step-icon { background: linear-gradient(135deg, var(–honki-evolution), var(–honki-evolution-light)); } .getta-honki-flow-after .getta-honki-flow-step:nth-child(2) .getta-honki-flow-step-icon { background: linear-gradient(135deg, var(–honki-variation), var(–honki-variation-light)); } .getta-honki-flow-after .getta-honki-flow-step:nth-child(3) .getta-honki-flow-step-icon { background: linear-gradient(135deg, var(–honki-primary), var(–honki-primary-light)); } .getta-honki-flow-step-text { font-size: 0.75rem; color: var(–honki-gray-700); text-align: left; line-height: 1.4; } .getta-honki-flow-arrow-container { display: flex; flex-direction: column; align-items: center; gap: 4px; } .getta-honki-flow-arrow { width: 52px; height: 52px; background: linear-gradient(135deg, var(–honki-variation), var(–honki-evolution)); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 20px rgba(249,115,22,0.3); animation: honki-pulse 2s ease-in-out infinite; } .getta-honki-flow-arrow::before { content: ‘2192’; font-size: 1.375rem; color: var(–honki-white); } .getta-honki-flow-arrow-text { font-size: 0.4375rem; letter-spacing: 0.08em; color: var(–honki-gray-600); font-weight: 600; } /* エネルギーフロー線 */ .getta-honki-flow-energy { position: absolute; top: 50%; left: 0; width: 100%; height: 4px; overflow: hidden; } .getta-honki-flow-energy-bar { position: absolute; width: 30%; height: 100%; background: linear-gradient(90deg, transparent, var(–honki-primary), var(–honki-evolution), transparent); animation: honki-flow-pulse 3s linear infinite; } /* ======================================== FIGURE 4: 呼吸法8層サイクル – 本気の密度 ======================================== */ .getta-honki-breath-mandala { position: relative; width: 100%; max-width: 320px; margin: 28px auto; aspect-ratio: 1; } .getta-honki-breath-ring { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .getta-honki-breath-ring-8 { width: 100%; height: 100%; border: 1px solid rgba(16,185,129,0.2); animation: honki-spin 90s linear infinite; } .getta-honki-breath-ring-8::before { content: ”; position: absolute; top: 0; left: 50%; width: 5px; height: 5px; background: var(–honki-success); border-radius: 50%; transform: translateX(-50%); box-shadow: 0 0 10px var(–honki-success); } .getta-honki-breath-ring-7 { width: 88%; height: 88%; border: 2px solid var(–honki-success); animation: honki-breathe 9s ease-in-out infinite; } .getta-honki-breath-ring-6 { width: 76%; height: 76%; border: 1px dashed rgba(16,185,129,0.35); animation: honki-spin-reverse 65s linear infinite; } .getta-honki-breath-ring-5 { width: 64%; height: 64%; border: 1px solid rgba(16,185,129,0.4); animation: honki-spin 50s linear infinite; } .getta-honki-breath-ring-4 { width: 52%; height: 52%; border: 2px solid rgba(16,185,129,0.5); animation: honki-breathe 6s ease-in-out infinite; } .getta-honki-breath-ring-3 { width: 40%; height: 40%; border: 1px dashed rgba(16,185,129,0.55); animation: honki-spin-reverse 35s linear infinite; } .getta-honki-breath-ring-2 { width: 28%; height: 28%; background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.6); animation: honki-breathe 4.5s ease-in-out infinite; } .getta-honki-breath-ring-1 { width: 18%; height: 18%; background: linear-gradient(135deg, rgba(16,185,129,0.2) 0%, rgba(16,185,129,0.05) 100%); animation: honki-converge 3.5s ease-in-out infinite; } .getta-honki-breath-node { position: absolute; width: 48px; height: 48px; background: var(–honki-white); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 2px 12px rgba(16,185,129,0.25); transition: all 0.4s ease; cursor: pointer; z-index: 5; } .getta-honki-breath-node:hover { transform: scale(1.12); box-shadow: 0 4px 18px rgba(16,185,129,0.4); } .getta-honki-breath-node-num { width: 20px; height: 20px; background: var(–honki-success); color: var(–honki-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.5625rem; font-weight: 700; margin-bottom: 2px; } .getta-honki-breath-node-text { font-size: 0.375rem; color: var(–honki-gray-700); font-weight: 600; } .getta-honki-breath-node-1 { top: -5%; left: 50%; transform: translateX(-50%); } .getta-honki-breath-node-2 { top: 14%; right: 2%; } .getta-honki-breath-node-3 { top: 50%; right: -6%; transform: translateY(-50%); } .getta-honki-breath-node-4 { bottom: 14%; right: 2%; } .getta-honki-breath-node-5 { bottom: -5%; left: 50%; transform: translateX(-50%); } .getta-honki-breath-node-6 { bottom: 14%; left: 2%; } .getta-honki-breath-core { position: absolute; width: 72px; height: 72px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(135deg, var(–honki-success), #34d399); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 0 28px rgba(16,185,129,0.45); animation: honki-wave 4s ease-in-out infinite; z-index: 10; } .getta-honki-breath-core-kanji { font-size: 1.75rem; font-weight: 700; color: var(–honki-white); } .getta-honki-breath-core-text { font-size: 0.375rem; color: rgba(255,255,255,0.9); letter-spacing: 0.12em; } /* ======================================== FIGURE 5: 腱vs筋肉 スプリット – 本気の密度 ======================================== */ .getta-honki-split { display: grid; grid-template-columns: 1fr 72px 1fr; gap: 0; margin: 28px 0; border-radius: 14px; overflow: hidden; box-shadow: 0 5px 25px rgba(0,0,0,0.1); } .getta-honki-split-side { padding: 28px 18px; text-align: center; } .getta-honki-split-before { background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%); } .getta-honki-split-after { background: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 100%); } .getta-honki-split-visual { position: relative; width: 100px; height: 100px; margin: 0 auto 16px; } .getta-honki-split-circle { width: 100%; height: 100%; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s ease; cursor: pointer; } .getta-honki-split-circle:hover { transform: scale(1.06); } .getta-honki-split-before .getta-honki-split-circle { background: linear-gradient(135deg, #ef4444, #f87171); box-shadow: 0 5px 20px rgba(239,68,68,0.35); } .getta-honki-split-after .getta-honki-split-circle { background: linear-gradient(135deg, var(–honki-primary), var(–honki-primary-light)); box-shadow: 0 5px 20px rgba(8,145,178,0.35); } .getta-honki-split-orbit { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 130%; height: 130%; border: 1px dashed; border-radius: 50%; animation: honki-spin 20s linear infinite; } .getta-honki-split-before .getta-honki-split-orbit { border-color: rgba(239,68,68,0.3); } .getta-honki-split-after .getta-honki-split-orbit { border-color: rgba(8,145,178,0.3); } .getta-honki-split-kanji { font-size: 1.75rem; font-weight: 700; color: var(–honki-white); } .getta-honki-split-label { font-size: 0.375rem; color: rgba(255,255,255,0.9); letter-spacing: 0.08em; } .getta-honki-split-title { font-size: 0.9375rem; font-weight: 700; margin-bottom: 8px; } .getta-honki-split-before .getta-honki-split-title { color: #991b1b; } .getta-honki-split-after .getta-honki-split-title { color: #065f46; } .getta-honki-split-features { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 10px; } .getta-honki-split-feature { font-size: 0.625rem; padding: 4px 10px; border-radius: 12px; } .getta-honki-split-before .getta-honki-split-feature { background: rgba(239,68,68,0.15); color: #991b1b; } .getta-honki-split-after .getta-honki-split-feature { background: rgba(8,145,178,0.15); color: #065f46; } .getta-honki-split-desc { font-size: 0.75rem; line-height: 1.7; } .getta-honki-split-before .getta-honki-split-desc { color: #7f1d1d; } .getta-honki-split-after .getta-honki-split-desc { color: #064e3b; } .getta-honki-split-center { background: linear-gradient(135deg, var(–honki-variation), var(–honki-evolution)); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px 0; position: relative; } .getta-honki-split-center-glow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(255,255,255,0.2); border-radius: 50%; animation: honki-breathe 3s ease-in-out infinite; } .getta-honki-split-arrow { font-size: 1.75rem; color: var(–honki-white); animation: honki-float 2s ease-in-out infinite; position: relative; z-index: 2; } .getta-honki-split-arrow::before { content: ‘2192’; } .getta-honki-split-arrow-text { font-size: 0.375rem; color: rgba(255,255,255,0.9); letter-spacing: 0.08em; writing-mode: vertical-rl; margin-top: 8px; position: relative; z-index: 2; } /* ======================================== FIGURE 6: 段階的プログレッション – 本気の密度 ======================================== */ .getta-honki-progression { position: relative; padding: 48px 0; margin: 28px 0; } .getta-honki-progression-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, var(–honki-primary), var(–honki-variation), var(–honki-evolution)); transform: translateX(-50%); border-radius: 2px; } .getta-honki-progression-line::before, .getta-honki-progression-line::after { content: ”; position: absolute; left: 50%; width: 12px; height: 12px; background: var(–honki-primary); border-radius: 50%; transform: translateX(-50%); box-shadow: 0 0 10px var(–honki-primary); } .getta-honki-progression-line::before { top: 0; } .getta-honki-progression-line::after { bottom: 0; background: var(–honki-evolution); box-shadow: 0 0 10px var(–honki-evolution); } .getta-honki-progression-stage { position: relative; display: flex; align-items: center; margin-bottom: 36px; } .getta-honki-progression-stage:last-child { margin-bottom: 0; } .getta-honki-progression-stage:nth-child(odd) { flex-direction: row; } .getta-honki-progression-stage:nth-child(even) { flex-direction: row-reverse; } .getta-honki-progression-dot { position: absolute; left: 50%; transform: translateX(-50%); width: 24px; height: 24px; background: var(–honki-white); border: 4px solid var(–honki-primary); border-radius: 50%; z-index: 5; transition: all 0.4s ease; } .getta-honki-progression-stage:hover .getta-honki-progression-dot { transform: translateX(-50%) scale(1.3); box-shadow: 0 0 15px currentColor; } .getta-honki-progression-stage:nth-child(2) .getta-honki-progression-dot { border-color: var(–honki-variation); } .getta-honki-progression-stage:nth-child(3) .getta-honki-progression-dot { border-color: var(–honki-evolution); } .getta-honki-progression-content { flex: 1; max-width: 42%; background: var(–honki-white); border-radius: 12px; padding: 20px; box-shadow: 0 3px 16px rgba(0,0,0,0.08); transition: all 0.4s ease; position: relative; } .getta-honki-progression-content:hover { transform: translateY(-3px); box-shadow: 0 5px 22px rgba(0,0,0,0.12); } .getta-honki-progression-stage:nth-child(odd) .getta-honki-progression-content { margin-right: auto; text-align: right; } .getta-honki-progression-stage:nth-child(even) .getta-honki-progression-content { margin-left: auto; text-align: left; } /* コネクタ線 */ .getta-honki-progression-content::after { content: ”; position: absolute; top: 50%; width: 30px; height: 2px; background: linear-gradient(90deg, var(–honki-gray-300), transparent); } .getta-honki-progression-stage:nth-child(odd) .getta-honki-progression-content::after { right: -30px; } .getta-honki-progression-stage:nth-child(even) .getta-honki-progression-content::after { left: -30px; transform: rotate(180deg); } .getta-honki-progression-label { display: inline-block; font-size: 0.5rem; letter-spacing: 0.12em; padding: 4px 10px; border-radius: 10px; margin-bottom: 8px; } .getta-honki-progression-stage:nth-child(1) .getta-honki-progression-label { background: rgba(8,145,178,0.15); color: var(–honki-primary-dark); } .getta-honki-progression-stage:nth-child(2) .getta-honki-progression-label { background: rgba(249,115,22,0.15); color: #c2410c; } .getta-honki-progression-stage:nth-child(3) .getta-honki-progression-label { background: rgba(139,92,246,0.15); color: #6d28d9; } .getta-honki-progression-title { font-size: 0.9375rem; font-weight: 700; color: var(–honki-gray-800); margin-bottom: 6px; } .getta-honki-progression-desc { font-size: 0.75rem; color: var(–honki-gray-600); line-height: 1.7; } /* ======================================== FIGURE 7: 週間スケジュール放射状 – 本気の密度 ======================================== */ .getta-honki-week-radial { position: relative; width: 100%; max-width: 400px; margin: 28px auto; aspect-ratio: 1; } .getta-honki-week-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .getta-honki-week-ring { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .getta-honki-week-ring-3 { width: 95%; height: 95%; border: 1px dashed rgba(8,145,178,0.2); animation: honki-spin 80s linear infinite; } .getta-honki-week-ring-2 { width: 70%; height: 70%; border: 1px solid rgba(139,92,246,0.25); animation: honki-spin-reverse 60s linear infinite; } .getta-honki-week-ring-1 { width: 45%; height: 45%; border: 1px dashed rgba(249,115,22,0.3); animation: honki-spin 40s linear infinite; } .getta-honki-week-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: linear-gradient(135deg, var(–honki-primary), var(–honki-evolution)); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 5px 25px rgba(8,145,178,0.35); z-index: 10; } .getta-honki-week-center-text { font-size: 0.75rem; font-weight: 700; color: var(–honki-white); } .getta-honki-week-center-sub { font-size: 0.375rem; color: rgba(255,255,255,0.85); } .getta-honki-week-node { position: absolute; width: 60px; height: 60px; background: var(–honki-white); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 2px 12px rgba(0,0,0,0.1); transition: all 0.4s ease; cursor: pointer; z-index: 5; } .getta-honki-week-node:hover { transform: scale(1.12); box-shadow: 0 4px 18px rgba(0,0,0,0.15); } .getta-honki-week-node-day { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.5rem; font-weight: 700; color: var(–honki-white); margin-bottom: 3px; } .getta-honki-week-node-1 .getta-honki-week-node-day { background: linear-gradient(135deg, var(–honki-success), #34d399); } .getta-honki-week-node-2 .getta-honki-week-node-day { background: linear-gradient(135deg, #ef4444, #f87171); } .getta-honki-week-node-3 .getta-honki-week-node-day { background: linear-gradient(135deg, var(–honki-primary), var(–honki-primary-light)); } .getta-honki-week-node-4 .getta-honki-week-node-day { background: linear-gradient(135deg, var(–honki-evolution), var(–honki-evolution-light)); } .getta-honki-week-node-5 .getta-honki-week-node-day { background: linear-gradient(135deg, var(–honki-variation), var(–honki-variation-light)); } .getta-honki-week-node-6 .getta-honki-week-node-day { background: linear-gradient(135deg, var(–honki-primary-dark), var(–honki-primary)); } .getta-honki-week-node-7 .getta-honki-week-node-day { background: linear-gradient(135deg, var(–honki-gray-500), var(–honki-gray-400)); } .getta-honki-week-node-title { font-size: 0.375rem; font-weight: 600; color: var(–honki-gray-800); text-align: center; line-height: 1.3; } .getta-honki-week-node-1 { top: 5%; left: 50%; transform: translateX(-50%); } .getta-honki-week-node-2 { top: 18%; right: 10%; } .getta-honki-week-node-3 { top: 50%; right: 2%; transform: translateY(-50%); } .getta-honki-week-node-4 { bottom: 18%; right: 10%; } .getta-honki-week-node-5 { bottom: 5%; left: 50%; transform: translateX(-50%); } .getta-honki-week-node-6 { bottom: 18%; left: 10%; } .getta-honki-week-node-7 { top: 50%; left: 2%; transform: translateY(-50%); } /* 接続線 */ .getta-honki-week-lines { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .getta-honki-week-line { position: absolute; top: 50%; left: 50%; height: 1px; width: 38%; background: linear-gradient(90deg, transparent, var(–honki-gray-300)); transform-origin: left center; } .getta-honki-week-line-1 { transform: rotate(-90deg); } .getta-honki-week-line-2 { transform: rotate(-38deg); } .getta-honki-week-line-3 { transform: rotate(0deg); } .getta-honki-week-line-4 { transform: rotate(38deg); } .getta-honki-week-line-5 { transform: rotate(90deg); } .getta-honki-week-line-6 { transform: rotate(142deg); } .getta-honki-week-line-7 { transform: rotate(180deg); } /* ======================================== FIGURE 8: 統合覚醒マンダラ – 本気の密度（クライマックス） ======================================== */ .getta-honki-awakening { position: relative; width: 100%; max-width: 420px; margin: 28px auto; aspect-ratio: 1; } .getta-honki-awakening-cosmos { position: absolute; top: -12%; left: -12%; right: -12%; bottom: -12%; background: radial-gradient(ellipse at center, rgba(8,145,178,0.1) 0%, transparent 50%), radial-gradient(ellipse at 30% 30%, rgba(249,115,22,0.06) 0%, transparent 40%), radial-gradient(ellipse at 70% 70%, rgba(139,92,246,0.06) 0%, transparent 40%); animation: honki-nebula-drift 25s ease-in-out infinite; } .getta-honki-awakening-ring { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .getta-honki-awakening-ring-8 { width: 100%; height: 100%; border: 1px solid rgba(8,145,178,0.15); animation: honki-spin 100s linear infinite; } .getta-honki-awakening-ring-8::before { content: ”; position: absolute; top: 0; left: 50%; width: 6px; height: 6px; background: var(–honki-primary); border-radius: 50%; transform: translateX(-50%); box-shadow: 0 0 12px var(–honki-primary); } .getta-honki-awakening-ring-7 { width: 88%; height: 88%; border: 1px dashed rgba(249,115,22,0.2); animation: honki-spin-reverse 80s linear infinite; } .getta-honki-awakening-ring-6 { width: 76%; height: 76%; border: 2px solid rgba(139,92,246,0.25); animation: honki-spin 65s linear infinite; } .getta-honki-awakening-ring-6::before, .getta-honki-awakening-ring-6::after { content: ”; position: absolute; width: 5px; height: 5px; background: var(–honki-evolution); border-radius: 50%; box-shadow: 0 0 10px var(–honki-evolution); } .getta-honki-awakening-ring-6::before { top: 0; left: 50%; transform: translateX(-50%); } .getta-honki-awakening-ring-6::after { bottom: 0; left: 50%; transform: translateX(-50%); } .getta-honki-awakening-ring-5 { width: 64%; height: 64%; border: 1px solid rgba(16,185,129,0.3); animation: honki-spin-reverse 50s linear infinite; } .getta-honki-awakening-ring-4 { width: 52%; height: 52%; border: 1px dashed rgba(234,179,8,0.35); animation: honki-spin 38s linear infinite; } .getta-honki-awakening-ring-3 { width: 40%; height: 40%; border: 2px solid rgba(8,145,178,0.4); animation: honki-spin-reverse 28s linear infinite; } .getta-honki-awakening-ring-2 { width: 28%; height: 28%; border: 1px solid rgba(249,115,22,0.5); animation: honki-breathe 5s ease-in-out infinite; } .getta-honki-awakening-ring-1 { width: 18%; height: 18%; background: linear-gradient(135deg, rgba(8,145,178,0.25) 0%, rgba(139,92,246,0.25) 100%); animation: honki-breathe-deep 4s ease-in-out infinite; } .getta-honki-awakening-core { position: absolute; width: 72px; height: 72px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(135deg, var(–honki-primary), var(–honki-evolution)); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 0 40px rgba(8,145,178,0.5), 0 0 70px rgba(139,92,246,0.3); animation: honki-core-pulse 3.5s ease-in-out infinite; z-index: 10; } .getta-honki-awakening-kanji { font-size: 1.75rem; font-weight: 700; color: var(–honki-white); } .getta-honki-awakening-text { font-size: 0.375rem; color: rgba(255,255,255,0.9); letter-spacing: 0.12em; } .getta-honki-awakening-node { position: absolute; width: 56px; height: 56px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: var(–honki-white); transition: all 0.4s ease; cursor: pointer; z-index: 5; } .getta-honki-awakening-node:hover { transform: scale(1.15); } .getta-honki-awakening-node-1:hover, .getta-honki-awakening-node-4:hover { transform: translateX(-50%) scale(1.15); } .getta-honki-awakening-node-main { font-size: 0.625rem; font-weight: 700; line-height: 1.2; } .getta-honki-awakening-node-sub { font-size: 0.3125rem; opacity: 0.85; letter-spacing: 0.05em; margin-top: 1px; } .getta-honki-awakening-node-1 { top: 0%; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, var(–honki-evolution), var(–honki-evolution-light)); box-shadow: 0 3px 14px rgba(139,92,246,0.45); } .getta-honki-awakening-node-2 { top: 16%; right: 4%; background: linear-gradient(135deg, var(–honki-variation), var(–honki-variation-light)); box-shadow: 0 3px 14px rgba(249,115,22,0.45); } .getta-honki-awakening-node-3 { bottom: 16%; right: 4%; background: linear-gradient(135deg, var(–honki-primary), var(–honki-primary-light)); box-shadow: 0 3px 14px rgba(8,145,178,0.45); } .getta-honki-awakening-node-4 { bottom: 0%; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, var(–honki-success), #34d399); box-shadow: 0 3px 14px rgba(16,185,129,0.45); } .getta-honki-awakening-node-5 { bottom: 16%; left: 4%; background: linear-gradient(135deg, var(–honki-warning), #fcd34d); box-shadow: 0 3px 14px rgba(234,179,8,0.45); } .getta-honki-awakening-node-6 { top: 16%; left: 4%; background: linear-gradient(135deg, var(–honki-gray-600), var(–honki-gray-500)); box-shadow: 0 3px 14px rgba(107,114,128,0.45); } /* ======================================== WARNING BOX ======================================== */ .getta-honki-warning { background: linear-gradient(135deg, rgba(234,179,8,0.12) 0%, rgba(234,179,8,0.06) 100%); border-left: 4px solid var(–honki-warning); padding: 20px 24px; border-radius: 0 12px 12px 0; margin: 24px 0; } .getta-honki-warning-title { font-size: 0.9375rem; font-weight: 700; color: #92400e; margin-bottom: 10px; display: flex; align-items: center; gap: 6px; } .getta-honki-warning-title::before { content: ’26A0′; font-size: 1rem; } .getta-honki-warning-content { color: #78350f; line-height: 1.9; font-size: 0.875rem; } /* ======================================== CTA SECTION ======================================== */ .getta-honki-cta { position: relative; background: var(–honki-black); padding: 80px 20px; text-align: center; overflow: hidden; } .getta-honki-cta-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(ellipse at 30% 50%, rgba(8,145,178,0.1) 0%, transparent 50%), radial-gradient(ellipse at 70% 50%, rgba(139,92,246,0.08) 0%, transparent 50%); } .getta-honki-cta-content { position: relative; z-index: 5; } .getta-honki-cta-title { font-size: 1.75rem; font-weight: 700; color: var(–honki-white); margin-bottom: 16px; line-height: 1.5; } .getta-honki-cta-title span { background: linear-gradient(90deg, var(–honki-primary-light), var(–honki-evolution)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .getta-honki-cta-text { font-size: 0.9375rem; color: var(–honki-gray-400); line-height: 1.9; max-width: 600px; margin: 0 auto 36px; } .getta-honki-cta-buttons { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-bottom: 36px; } .getta-honki-cta-btn { display: inline-block; padding: 14px 36px; border-radius: 50px; font-size: 0.875rem; font-weight: 700; text-decoration: none; transition: all 0.4s ease; cursor: pointer; } .getta-honki-cta-btn-primary { background: linear-gradient(135deg, var(–honki-primary), var(–honki-primary-light)); color: var(–honki-white); box-shadow: 0 5px 22px rgba(8,145,178,0.35); } .getta-honki-cta-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(8,145,178,0.45); } .getta-honki-cta-btn-secondary { background: transparent; color: var(–honki-white); border: 2px solid var(–honki-gray-600); } .getta-honki-cta-btn-secondary:hover { border-color: var(–honki-primary); color: var(–honki-primary); } /* ======================================== FOOTER ======================================== */ .getta-honki-footer { background: var(–honki-black); padding: 32px 20px; text-align: center; border-top: 1px solid var(–honki-gray-800); } .getta-honki-footer-text { font-size: 0.625rem; color: var(–honki-gray-500); } /* ======================================== RESPONSIVE ======================================== */ @media (max-width: 768px) { .getta-honki-hero-title { font-size: 1.75rem; } .getta-honki-concepts { gap: 24px; } .getta-honki-concept-kanji { font-size: 2.25rem; } .getta-honki-section-title { font-size: 1.375rem; } .getta-honki-philosophy { margin: -40px 12px 40px; padding: 24px 20px; } .getta-honki-philosophy-quote { font-size: 0.9375rem; } .getta-honki-mandala { width: 100%; max-width: 280px; height: auto; aspect-ratio: 1; } .getta-honki-dantian-mandala, .getta-honki-evo-triangle, .getta-honki-breath-mandala, .getta-honki-week-radial, .getta-honki-awakening { max-width: 280px; } .getta-honki-flow-comparison { grid-template-columns: 1fr; gap: 16px; } .getta-honki-flow-arrow-container { flex-direction: row; } .getta-honki-flow-arrow::before { content: ‘2193’; } .getta-honki-split { grid-template-columns: 1fr; } .getta-honki-split-center { padding: 16px; } .getta-honki-split-arrow { transform: rotate(90deg); } .getta-honki-split-arrow-text { writing-mode: horizontal-tb; margin-top: 0; margin-left: 8px; } .getta-honki-progression-content { max-width: 70%; } .getta-honki-evo-node { width: 64px; height: 64px; } .getta-honki-evo-kanji { font-size: 1.25rem; } .getta-honki-breath-node { width: 40px; height: 40px; } .getta-honki-breath-node-num { width: 16px; height: 16px; font-size: 0.5rem; } .getta-honki-breath-node-text { font-size: 0.3125rem; } .getta-honki-week-node { width: 48px; height: 48px; } .getta-honki-week-node-day { width: 20px; height: 20px; font-size: 0.4375rem; } .getta-honki-awakening-node { width: 44px; height: 44px; } .getta-honki-awakening-node-main { font-size: 0.5rem; } .getta-honki-awakening-node-sub { font-size: 0.25rem; } } @media (prefers-reduced-motion: reduce) { .getta-honki *, .getta-honki *::before, .getta-honki *::after { animation: none !important; transition: none !important; } }

(function() { ‘use strict’; var observerOptions = { threshold: 0.1, rootMargin: ‘0px 0px -40px 0px’ }; var fadeObserver = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add(‘honki-visible’); fadeObserver.unobserve(entry.target); } }); }, observerOptions); document.querySelectorAll(‘.getta-honki-fade-up, .getta-honki-scale-in’).forEach(function(el) { fadeObserver.observe(el); }); document.querySelectorAll(‘.getta-honki-concept’).forEach(function(concept) { concept.addEventListener(‘mouseenter’, function() { this.querySelector(‘.getta-honki-concept-kanji’).style.textShadow = ‘0 0 40px currentColor’; }, { passive: true }); concept.addEventListener(‘mouseleave’, function() { this.querySelector(‘.getta-honki-concept-kanji’).style.textShadow = ”; }, { passive: true }); }); })();

.getta-ipg-bottom{position:relative;margin:24px 0;padding:64px 24px;background:#1A1A2E;color:#fff;font-family:”游明朝”,”Yu Mincho”,”Noto Serif JP”,serif;overflow:hidden;border-radius:16px;box-sizing:border-box}.getta-ipg-bottom *{box-sizing:border-box}.getta-ipg-bottom-inner{max-width:1080px;margin:0 auto;position:relative;z-index:2}.getta-ipg-bottom-tag{display:block;text-align:center;font-family:”Helvetica Neue”,Helvetica,sans-serif;font-size:11px;letter-spacing:0.3em;text-transform:uppercase;color:#22D3EE;margin-bottom:16px}.getta-ipg-bottom-h{font-size:clamp(24px,4.5vw,32px);font-weight:700;line-height:1.55;text-align:center;margin:0 0 16px;color:#fff;text-shadow:0 0 24px rgba(8,145,178,0.3)}.getta-ipg-bottom-h .getta-ipg-glow{background:linear-gradient(135deg,#22D3EE,#A78BFA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.getta-ipg-bottom-lead{font-size:15px;color:#CBD5E1;text-align:center;margin:0 auto 36px;max-width:640px;line-height:2}.getta-ipg-bottom-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.getta-ipg-bottom-grid>p{display:none!important}.getta-ipg-bcard{position:relative;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.1);border-radius:14px;background:rgba(255,255,255,0.04);overflow:hidden;text-decoration:none!important;color:#fff!important;transition:transform 0.4s,border-color 0.4s,box-shadow 0.4s}.getta-ipg-bcard:hover{transform:translateY(-6px);border-color:var(–c);box-shadow:0 18px 48px rgba(0,0,0,0.5)}.getta-ipg-bcard-accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(–c),rgba(255,255,255,0.1));z-index:2}.getta-ipg-bcard-imgwrap{position:relative;width:100%;aspect-ratio:1/1;background:#F1F5F9;overflow:hidden}.getta-ipg-bcard-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s}.getta-ipg-bcard:hover .getta-ipg-bcard-img{transform:scale(1.06)}.getta-ipg-bcard-body{padding:22px 22px 24px;text-align:center;flex:1;display:flex;flex-direction:column}.getta-ipg-bcard-name{font-family:”Helvetica Neue”,Helvetica,sans-serif;font-size:24px;font-weight:700;letter-spacing:0.06em;color:var(–c);margin:0 0 6px;line-height:1.2}.getta-ipg-bcard-step{font-family:”Helvetica Neue”,Helvetica,sans-serif;font-size:10px;color:#94A3B8;letter-spacing:0.18em;margin:0 0 14px}.getta-ipg-bcard-tag{font-size:13.5px;color:#fff;margin:0 0 18px;line-height:1.75;flex:1}.getta-ipg-bcard-cta{display:inline-block;align-self:center;background:var(–c);color:#1A1A2E!important;padding:9px 20px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:0.05em;text-decoration:none}.getta-ipg-bottom-foot{text-align:center;margin-top:36px}.getta-ipg-bottom-mainCta{display:inline-block;padding:16px 36px;background:#2D6A4F;color:#fff!important;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;letter-spacing:0.05em;transition:all 0.3s}.getta-ipg-bottom-mainCta:hover{background:#245A42;transform:translateY(-2px)}@media(max-width:900px){.getta-ipg-bottom-grid{grid-template-columns:1fr;gap:16px}}@media(max-width:560px){.getta-ipg-bottom{padding:48px 16px}}

CHOOSE YOUR FIRST STEP

いま、あなたが必要なのはどの一足か？

歩行のクセを解くプロセスは、3段階で進む。
あなたの今いる段階に合うモデルから始めてください。

GETTA

STEP 1｜着地から加重を最適化

これから始める方へ。
歩行改善の起点となる一足。

GETTAを見る ▸

TOTONOE

STEP 2｜体幹とお尻を整える

日常で履いて整えたい方へ。
声と体幹を同時に醸す調律。

TOTONOEを見る ▸

REDEZA

STEP 3｜動きと力を複合する

GETTAとTOTONOEを経た方へ。
繊細なセンサーへ昇華する。

REDEZAを見る ▸

すべてのモデルを GETTA SHOP で見る ▸

律動と神経 ― リズム同調が引き出す身体の自己組織化

律動的身体の核心は、外部の拍と運動が時間軸で結びつく聴覚-運動同調（auditory-motor entrainment）にある。歩行や走行のリズムが安定すると、小脳は次の一歩を予測しながら姿勢を先回りで整え、力みのない連続運動が立ち上がる。これは意志で動かすのでも外力に動かされるのでもない、中動態的な身体の現れである。

一本歯下駄は一点接地という微細なノイズ源を足裏に置く。このノイズが確率共鳴を介して感覚信号を増幅し、リズムへの引き込みを鋭敏にする。結果として、固める制御から弾む制御へ、すなわち腱優位システムへと運動が再編される。律動はトレーニングの飾りではなく、神経が身体を自己組織化するための文法そのものだ。