:root { /* 深みのあるダークモードのベースカラー */ --bg-dark: #0f1115; --bg-card: rgba(255, 255, 255, 0.03); --border-glass: rgba(255, 255, 255, 0.08); /* 情熱とエネルギーのグラデーションカラー */ --primary: #FF512F; --secondary: #DD2476; /* テキストカラー */ --text-main: #ffffff; --text-muted: #a0a5b1; /* モダンで力強いタイポグラフィ */ --font-heading: 'Outfit', 'Noto Sans JP', sans-serif; --font-body: 'Inter', 'Noto Sans JP', sans-serif; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: var(--font-body); background-color: var(--bg-dark); color: var(--text-main); line-height: 1.7; overflow-x: hidden; } /* ================================== 背景のダイナミックアニメーション ================================== */ .background-animation { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1; overflow: hidden; background: radial-gradient(circle at 15% 50%, rgba(36, 17, 43, 0.8), transparent 40%), radial-gradient(circle at 85% 30%, rgba(38, 11, 28, 0.9), transparent 40%); } .blob { position: absolute; filter: blur(90px); border-radius: 50%; opacity: 0.6; animation: float 20s infinite alternate cubic-bezier(0.45, 0.05, 0.55, 0.95); } .blob-1 { top: -10%; left: -10%; width: 50vw; height: 50vw; background: var(--primary); animation-delay: 0s; } .blob-2 { bottom: -10%; right: -10%; width: 60vw; height: 60vw; background: var(--secondary); animation-delay: -5s; } .blob-3 { top: 40%; left: 40%; width: 40vw; height: 40vw; background: #6a11cb; animation-delay: -10s; } @keyframes float { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(10vw, 5vw) scale(1.1); } } /* ================================== レイアウト・ユーティリティ ================================== */ .container { max-width: 1200px; margin: 0 auto; padding: 0 5%; } .container-sm { max-width: 800px; } .text-center { text-align: center; } .text-left { text-align: left; } .section { padding: 120px 0; } .section-dark { background: rgba(0,0,0,0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .section-darker { background: rgba(0,0,0,0.6); } .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; } .align-center { align-items: center; } /* ================================== タイポグラフィ ================================== */ h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: 900; line-height: 1.3; } .gradient-text { background: linear-gradient(135deg, var(--primary), var(--secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .section-title { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 30px; letter-spacing: 0.05em; } .section-desc { color: var(--text-muted); font-size: 1.1rem; margin-bottom: 60px; } .lead-text { font-size: 1.3rem; font-weight: 700; color: #fff; margin-bottom: 20px; } /* ================================== UIコンポーネント (ボタン等) ================================== */ .btn { display: inline-flex; align-items: center; justify-content: center; padding: 15px 35px; border-radius: 50px; text-decoration: none; font-weight: 700; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); font-size: 1.1rem; cursor: pointer; border: none; text-align: center; } .btn-primary { background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; box-shadow: 0 10px 20px rgba(221,36,118,0.3); } .btn-primary:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 15px 30px rgba(221,36,118,0.5); } .btn-secondary { background: rgba(255,255,255,0.05); color: white; border: 1px solid var(--border-glass); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .btn-secondary:hover { background: rgba(255,255,255,0.1); transform: translateY(-3px); } .btn-large { padding: 20px 50px; font-size: 1.25rem; } .btn-sm { padding: 10px 25px; font-size: 0.9rem; } /* ================================== ナビゲーション ================================== */ .glass-nav { position: fixed; top: 0; width: 100%; z-index: 100; background: rgba(15, 17, 21, 0.4); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-bottom: 1px solid var(--border-glass); padding: 15px 0; transition: all 0.3s ease; } .nav-container { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 5%; } .logo { font-size: 1.8rem; font-weight: 900; letter-spacing: 2px; } /* ================================== ヒーローセクション ================================== */ .hero { height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; padding-top: 80px; } .hero-content { max-width: 900px; padding: 0 5%; z-index: 2; } .hero-title { font-size: clamp(3.5rem, 8vw, 6rem); margin-bottom: 25px; text-shadow: 0 0 30px rgba(255,81,47,0.4); line-height: 1.1; } .hero-subtitle { font-size: clamp(1.1rem, 2.5vw, 1.4rem); color: var(--text-muted); margin-bottom: 40px; } .hero-buttons { display: flex; gap: 20px; justify-content: center; margin-bottom: 40px; flex-wrap: wrap; } .hero-badge { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 30px; background: rgba(0,0,0,0.5); padding: 12px 25px; border-radius: 50px; border: 1px solid var(--border-glass); font-size: 0.95rem; font-weight: 700; } .pulse-dot { width: 12px; height: 12px; background: #00E676; border-radius: 50%; box-shadow: 0 0 0 0 rgba(0,230,118,0.7); animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0,230,118,0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 12px rgba(0,230,118,0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0,230,118,0); } } /* ================================== グラスカード ================================== */ .glass-card { background: var(--bg-card); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid var(--border-glass); border-radius: 24px; padding: 40px; box-shadow: 0 8px 32px rgba(0,0,0,0.2); transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; } .glass-card:hover { transform: translateY(-10px); border-color: rgba(255,255,255,0.2); box-shadow: 0 15px 40px rgba(0,0,0,0.4); } .full-width { text-align: center; } .statement-text { font-size: clamp(1.2rem, 3vw, 1.8rem); font-weight: 900; line-height: 1.6; background: linear-gradient(to right, #ffffff 30%, #a0a5b1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 30px; } .mission-callout { color: var(--text-muted); font-size: 1.05rem; border-top: 1px solid var(--border-glass); padding-top: 25px; line-height: 1.8;} .card-icon { font-size: 3.5rem; margin-bottom: 25px; text-shadow: 0 0 20px rgba(255,255,255,0.2); } .card-title { font-size: 1.4rem; margin-bottom: 15px; } /* ================================== 5人1組の爆発的成長 (オービットアニメーション) ================================== */ .feature-list { list-style: none; margin-top: 20px; } .feature-list li { margin-bottom: 15px; padding-left: 5px; font-size: 1.05rem; color: var(--text-muted); } .feature-list strong { color: #fff; } .feature-list .emoji { margin-right: 10px; } .glass-orb-container { position: relative; width: 100%; height: 450px; display: flex; align-items: center; justify-content: center; } .glass-orb { width: 180px; height: 180px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.15), rgba(255,255,255,0.02)); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 50px rgba(221,36,118,0.3), inset 0 0 20px rgba(255,255,255,0.1); z-index: 10; } .orb-content { text-align: center; } .orb-title { font-size: 3.5rem; font-weight: 900; display: block; background: linear-gradient(to bottom, #fff, #ccc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; } .orb-desc { font-size: 0.85rem; letter-spacing: 3px; text-transform: uppercase; color: var(--primary); font-weight: 700; margin-top: 5px; display: block;} .mini-orb { position: absolute; width: 45px; height: 45px; border-radius: 50%; top: 50%; left: 50%; margin-top: -22.5px; margin-left: -22.5px; box-shadow: inset 0 0 10px rgba(255,255,255,0.5); animation: orbit 12s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .m-1 { animation-delay: 0s; background: linear-gradient(135deg, #FF512F, #DD2476); box-shadow: 0 0 20px #FF512F; } .m-2 { animation-delay: -2.4s; background: linear-gradient(135deg, #00c6ff, #0072ff); box-shadow: 0 0 20px #0072ff; } .m-3 { animation-delay: -4.8s; background: linear-gradient(135deg, #11998e, #38ef7d); box-shadow: 0 0 20px #38ef7d; } .m-4 { animation-delay: -7.2s; background: linear-gradient(135deg, #f12711, #f5af19); box-shadow: 0 0 20px #f5af19; } .m-5 { animation-delay: -9.6s; background: linear-gradient(135deg, #8A2387, #E94057); box-shadow: 0 0 20px #E94057; } @keyframes orbit { 0% { transform: rotate(0deg) translateX(160px) rotate(0deg) scale(1); } 50% { transform: rotate(180deg) translateX(160px) rotate(-180deg) scale(1.2); } 100% { transform: rotate(360deg) translateX(160px) rotate(-360deg) scale(1); } } /* ================================== シンのシステム ================================== */ .shin-container { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; margin-top: 50px; } .shin-item { text-align: center; width: 260px; padding: 20px; transition: transform 0.3s; } .shin-item:hover { transform: translateY(-10px); } .shin-char { font-size: 6rem; font-weight: 900; line-height: 1; background: linear-gradient(180deg, var(--text-main), var(--text-muted)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 5px; opacity: 0.9; } .shin-item:hover .shin-char { background: linear-gradient(135deg, var(--primary), var(--secondary)); -webkit-background-clip: text;} .shin-label { font-family: var(--font-heading); color: var(--primary); text-transform: uppercase; letter-spacing: 4px; margin-bottom: 20px; font-size: 1.1rem; } /* ================================== CTA・フッター ================================== */ .cta-section { padding: 160px 0; background: radial-gradient(circle at center, rgba(221,36,118,0.15) 0%, transparent 60%); } .cta-title { font-size: clamp(2.5rem, 5vw, 3.5rem); margin-bottom: 30px; } .cta-msg { font-size: 1.25rem; color: var(--text-muted); margin-bottom: 60px; line-height: 1.8; } .cta-btn { animation: hoverBounce 3s ease-in-out infinite; } @keyframes hoverBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); box-shadow: 0 20px 30px rgba(221,36,118,0.6); } } .footer { border-top: 1px solid var(--border-glass); padding: 50px 0; color: var(--text-muted); font-size: 0.95rem; } /* ================================== スクロールアニメーション (JavaScript連動) ================================== */ .reveal { opacity: 0; transform: translateY(50px); transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1); } .reveal.active { opacity: 1; transform: translateY(0); } .delay-1 { transition-delay: 0.15s; } .delay-2 { transition-delay: 0.3s; } /* ================================== レスポンシブ ================================== */ @media (max-width: 768px) { .two-col { grid-template-columns: 1fr; gap: 40px; } .hero-buttons { flex-direction: column; width: 100%; } .hero-buttons .btn { width: 100%; } .glass-orb-container { height: 350px; } @keyframes orbit { 0% { transform: rotate(0deg) translateX(110px) rotate(0deg) scale(1); } 50% { transform: rotate(180deg) translateX(110px) rotate(-180deg) scale(1.2); } 100% { transform: rotate(360deg) translateX(110px) rotate(-360deg) scale(1); } } }

IDOA -アイドア-

タイミング

ご覧いただきありがとうございます。

立ち止まって整えるタイミング

「気づいて良かった」を一緒に見つけていく

しなやかに突破できる瞬間を増やしてほしい。

「そこそこええ人生」──
そんな選択を、今日から始めてみませんか。

人生のハンドル

以前の私は、人生アンコントロールなことばかりで、不運だと思っていました。

──生きることを過酷な修行のように感じていた。

ただ、穏やかに生きていきたいと祈る中でに出会ったのが ニーバーの祈り

「知恵をください」と心から願い続けた先で、コーチングを知りました。

「人生のハンドルは自分で握ることができる」と知ったとき、希望が灯りました。

今から思えば、人の機能である防衛本能を未来への準備と捉えずに

無駄に不安に流されていた貴重な時間だったと感じています。

あなたの風向きは?

“I have a pen.”

まずは描いてみませんか?

🌿 風向きが変わるとき
チームの物語が始まる

今、あなたのチームの風向きは
どちらを向いていますか?

 チームの風向きを意識すれば、
 組織の風土を変えられるかもしれない

“ちいさな違和感”、ありませんか?

がんばっているのに、風土がなかなか変わらない。

→もしかするとそれは、仕組みや制度の問題ではなく、
“人と人との間”のちいさな温度差かもしれません。

風土は、“変える”ものではなく、
“育てていく”もの。

あなたが一歩踏み出すことで、
組織の空気は、少しずつ変わりはじめます。

問題解決よりも前に、
「なぜそう感じるのか」を整理する時間を

まずは、あなたにインタビューさせてください。

この時間は、“答えを出す”ためではなく、
“自分の感じていること”を整えるための時間です。

一緒に、これからのチームや働き方を見つめ直してみませんか?

その風をコーチングによって認識することから

ハートフルでコミカルなドラマが始まるかもしれません。

コーチングってなあに??

あなたの中にすでにある答えを、一緒に“言葉にしていく”対話です。


カウンセリングとの違い

多くの方が「コーチング」と「カウンセリング」を混同されますが、
この二つは焦点の当て方が少し違います。


カウンセリングは過去を癒し、
コーチングは未来を創る。
── 焦点が向かう方向が違います。


「なぜだろう?」の整理

気持ちと現実のギャップ「なぜ?」の正体を認識

結果にコミット

言葉にすることで、常識の壁や固定観念から
課題の本質が見えてきます。

ご自身の快適を知る

心地よさを軸に、生き方をデザイン。
ご自身が理想とされる
「在り方」を一緒に探しましょう♪

一人ではできないことも
コーチがいれば“やっちゃえたりする”

まずはお気軽に
現在、無料プレゼント中の「在り方ワーク」で
インタビューさせてください。



「在り方」ワーク
プレゼント中

もし、少しお時間をいただけるのなら、
あなたにインタビューさせてください。

「来てよかった」「来てくれてよかった」と感じられる、
これからの人生を描くきっかけになれば最高です。

🌿CONTACT ブロックから、どうぞお気軽にお問合せください。





CONTACT

「人生のストーリー描いてみようかな?」

その気持ちが、未来を動かす最初の一歩かもしれません。

準備は全く必要なく「おもしろそう」と今ココの想いでOK

まずは気軽にお聞かせください。

あなたの人生を心を込めてインタビューさせていただきます。

まずはお気軽にご予約ください

🎁 プレゼント企画無料で受け取るならコチラclick

想い

赤ちゃんのころ、誰もが素直でまんまるなやさしさを持って生まれてきます。
けれど、生きていくうちに知らず知らずのうちに、
「こうあるべき」という個人の常識 → 固定観念を身につけていきます。

私自身も、そんな“鎧”をまとって生きてきた一人です。
でもある日ふと、「戦う必要って、あるのかな?」と思ったんです。
攻撃は最大の防御というけれど、、

「無敵」とは敵がいない状態だという事に気付きました💡


本間正人氏のコーチングを学ぶ中で今のこの豊かな日本で大切なのは

——「対話」だと実感し、まずは笑顔を意識して勇気を出して

「聞いてみること」を実践することで幸せな人生を生きております。

笑顔の効果であなたの半径5メートルを温かくする方が増えますように。

1977年生まれ。一児の母。平日はDX改善フィールドエンジニア、土日は20キロ以上の減量に成功し、リバウンドなしの経験から自宅サロンでBodymakingをお伝えするパラレルワークしながら、笑顔の組織コーチになることを目標に一生学んでいきます。

笑顔のコーチング認定ファシリテーター
NPO法人ハロードリーム 実行委員

渡邊由起子


IDOA

-アイドアー について

IDOAは “Interpersonal Dynamics Optimization Association” の略です。

「人間関係」をどう構築し、どう修復し、
楽しく生きる人を増やすには何ができるだろう?
そんな想いをNPO法人ハロードリームに出会えた切っ掛け
別コミュニティグループコーチングの仲間と一緒に考える中で
この名前にたどり着きました。

I – Interpersonal(インターパーソナル)= 対人関係
── 心が通うつながりを大切にすること。

D – Dynamics(ダイナミクス)= 力学・動き
── 人と人との関係に、やさしい風を通すこと。

O – Optimization(オプティマイゼーション)= 最適化
── 誰もが心地よくいられる関係性を整えること。

A – Association(アソシエーション)= つながり・コミュニティ
── ひとりではなく、支え合いながら生きること。

ドアのマークは「心を開くこと」の象徴です。
その向こうには、安心・信頼・笑顔が循環する世界を描いています。

 

on-line 

毎週グループコーチング

見学者募集中

気づきが連鎖する?

毎週末決まったメンバーでon-lineグループコーチング開催中

※NPO法人ハロードリームとは別のコミュニティになります


一人の女性が組織を良くしたい想いから

つなげてくださったグループコーチングでファシリテーターとして参加しています。

4名の参加者+ファシリテーターの少人数グループで、

安心・信頼・共感を大切にしたグループコーチング

ここでは誰かの気づきがあなたの学びになり、あなたの気づきが誰かの学びになる。

—— そんな相互作用が自然に生まれていきます。

ZOOMにて毎週末に約1時間の開催、現在日本各地に仲間がいます。

「対話」の効果について興味を持っていただける方は

まずはお気軽にお問い合わせください。

ご見学から大歓迎です✨

✉ お問い合わせはこちらから

📩 メールアドレス:info@idoa.jp

mailto:info@idoa.jp

PAGE TOP