「せっかくインタビューしたのに、相手の魅力が伝わらない…」 「一問一答になってしまって、会話が深まらない…」 「録音を聞き返しても、記事にどうまとめたらいいか分からない…」企業の広報・マーケティングご担当者様、このようなお悩みはありませんか？特に中小企業やベンチャー企業では、自社でインタビュー記事を手がける機会も多いのではないでしょうか。インタビューは、一見するとシンプルな会話のように思えますが、実は「ちょっとした工夫と入念な事前準備」で、大きく質が変わる奥深いものです。この記事では、「インタビューが苦手」「どうすれば良い記事になるのか」と悩むあなたのために、インタビューでよくある失敗とその原因「事前準備」と「当日の進め方」の基本相手から“本音”や“魅力”を引き出す技術そして、記事化を意識した「編集者目線」のヒアリング術を、初心者の方にも分かりやすく解説します。読み終える頃には、あなたのインタビューの質が格段に上がり、読者の心に響く記事が書けるヒントが見つかるはずです。%3C!--%20CTA%20%E3%83%9C%E3%82%BF%E3%83%B3%20--%3E%0A%3Ca%20href%3D%22https%3A%2F%2Falphabloom.jp%2Flp%22%0A%20%20%20class%3D%22cta-button%22%0A%20%20%20target%3D%22_blank%22%0A%20%20%20rel%3D%22noopener%20noreferrer%22%3E%E7%84%A1%E6%96%99%E3%81%A7%E7%9B%B8%E8%AB%87%E3%81%99%E3%82%8B%3C%2Fa%3E%0A%0A%3Cstyle%3E%0A%20%20%2F*%20%E5%9F%BA%E6%9C%AC%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%20*%2F%0A%20%20.cta-button%20%7B%0A%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20display%3A%20inline-block%3B%0A%20%20%20%20padding%3A%2014px%2036px%3B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-weight%3A%20600%3B%0A%20%20%20%20color%3A%20%23fff%3B%0A%20%20%20%20text-decoration%3A%20none%3B%0A%20%20%20%20text-align%3A%20center%3B%0A%20%20%20%20border-radius%3A%209999px%3B%0A%20%20%20%20overflow%3A%20hidden%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F*%20%E3%82%B7%E3%83%A3%E3%82%A4%E3%83%B3%E6%BC%94%E5%87%BA%E3%81%8C%E3%81%AF%E3%81%BF%E5%87%BA%E3%81%AA%E3%81%84%E3%82%88%E3%81%86%E3%81%AB%20*%2F%0A%20%20%20%20background%3A%20linear-gradient(135deg%2C%20%2352B45B%200%25%2C%20%2338C172%20100%25)%3B%0A%20%20%20%20background-size%3A%20200%25%20200%25%3B%20%20%20%20%20%20%20%2F*%20%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%A2%E3%83%8B%E3%83%A1%E7%94%A8%20*%2F%0A%20%20%20%20transition%3A%20transform%20.35s%20cubic-bezier(.3%2C1.4%2C.5%2C1)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20box-shadow%20.35s%20ease%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20background-position%20.8s%20ease%3B%0A%20%20%7D%0A%0A%20%20%2F*%20%E3%83%9B%E3%83%90%E3%83%BC%E6%99%82%E3%81%AE%E3%83%A1%E3%82%A4%E3%83%B3%E6%BC%94%E5%87%BA%20*%2F%0A%20%20.cta-button%3Ahover%20%7B%0A%20%20%20%20transform%3A%20scale(1.06)%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F*%20%E3%81%B5%E3%82%8F%E3%81%A3%E3%81%A8%E6%8B%A1%E5%A4%A7%20*%2F%0A%20%20%20%20background-position%3A%20100%25%200%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F*%20%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%8C%E6%B5%81%E3%82%8C%E3%82%8B%20*%2F%0A%20%20%20%20box-shadow%3A%200%206px%2018px%20rgba(82%2C180%2C91%2C.45)%2C%20%20%20%2F*%20%E5%A4%96%E5%81%B4%E3%82%B0%E3%83%AD%E3%83%BC%20*%2F%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%200%200%200%204px%20rgba(82%2C180%2C91%2C.25)%3B%20%20%20%20%2F*%20%E5%86%85%E5%81%B4%E3%83%AA%E3%83%B3%E3%82%B0%20*%2F%0A%20%20%7D%0A%0A%20%20%2F*%20%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E6%99%82%E3%81%AB%E5%B0%91%E3%81%97%E6%B2%88%E3%81%BF%E8%BE%BC%E3%82%80%20*%2F%0A%20%20.cta-button%3Aactive%20%7B%0A%20%20%20%20transform%3A%20scale(1.02)%3B%0A%20%20%20%20box-shadow%3A%200%204px%2012px%20rgba(82%2C180%2C91%2C.35)%3B%0A%20%20%7D%0A%0A%20%20%2F*%20%E3%82%B7%E3%83%A3%E3%82%A4%E3%83%B3%EF%BC%88%E5%85%89%E3%81%AE%E7%AD%8B%EF%BC%89%E3%82%92%E4%BD%9C%E3%82%8B%20*%2F%0A%20%20.cta-button%3A%3Aafter%20%7B%0A%20%20%20%20content%3A%20%22%22%3B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20top%3A%200%3B%0A%20%20%20%20left%3A%20-75%25%3B%0A%20%20%20%20width%3A%2050%25%3B%0A%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20background%3A%20rgba(255%2C255%2C255%2C.35)%3B%0A%20%20%20%20transform%3A%20skewX(-25deg)%3B%0A%20%20%20%20transition%3A%20left%20.8s%20ease%3B%0A%20%20%7D%0A%0A%20%20%2F*%20%E3%83%9B%E3%83%90%E3%83%BC%E3%81%A7%E3%82%B7%E3%83%A3%E3%82%A4%E3%83%B3%E3%81%8C%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%20*%2F%0A%20%20.cta-button%3Ahover%3A%3Aafter%20%7B%0A%20%20%20%20left%3A%20130%25%3B%0A%20%20%20%20transition%3A%20left%20.8s%20ease%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0Aインタビューでよくある失敗とその原因多くの広報・マーケティング担当者様が、インタビューでつまずくポイントは共通しています。一問一答になってしまう: 事前に用意した質問を上から順に聞いていくだけで、会話が弾まない、深まらない。まるで尋問のようになってしまい、相手の本音や意外な一面が引き出せない。会話が深まらない: 表面的な話で終わってしまい、具体的なエピソードや背景、感情といった「深み」が出ない。読者が「もっと知りたい」と思えるような情報が得られない。記事にまとめにくい: インタビューはしたものの、話がまとまりがなく、どこをどう切り取って記事にすれば良いか分からない。結果的に情報が散漫な、読みにくい記事になってしまう。相手の魅力が引き出せない: 質問の意図が曖昧だったり、聞き方が一方的だったりして、相手の個性や情熱、専門性が十分に表現できない。これらの原因の多くは、「準備不足」と「質問の質」、そして「記事化への意識の低さ」にあります。インタビューは、ただ話を聞く場ではなく、「引き出す」「組み立てる」というプロセスの連続なのです。事前準備が9割！質問設計と情報収集の基本インタビューの成功は、実は当日の会話よりも、その前の「事前準備」で9割が決まると言っても過言ではありません。目的の明確化: 「なぜ、このインタビューをするのか？」「この記事を通じて、読者に何を伝えたいのか？」。まずは、インタビュー記事全体の目的を明確にしましょう。例えば、「新商品の魅力を伝える」「企業文化のユニークさを紹介する」「特定の専門知識を読者に提供する」などです。目的が明確であれば、聞くべきこと、引き出すべき情報も自ずと見えてきます。ペルソナ把握: 誰に記事を読んでほしいのか（ターゲット読者）を具体的にイメージします。ペルソナが「どんなことに興味があるのか」「どんな疑問を抱えているのか」「どんな悩みを解決したいのか」を理解することで、読者の心に響く質問を組み立てられます。情報収集と仮説を持つ: インタビュー対象者や、対象のテーマについて徹底的に情報収集を行います。公式サイト、SNS、関連ニュース、競合情報などを調べ、対象者の背景、実績、考え方などを把握しましょう。その上で、「きっとこういう話が出てくるだろう」「この部分をもっと深掘りしたい」という仮説を立てておくことが重要です。この仮説が、当日の「引き出す」会話の起点になります。質問設計の基本（ゴールから逆算）: 仮説に基づき、質問を具体的に設計します。記事のゴールから逆算して、「この情報を引き出すには、どんな質問が必要か？」と考えましょう。導入質問: 相手をリラックスさせる簡単な質問。本質に迫る質問: メインテーマを深掘りする質問。エピソードを引き出す質問: 具体的な体験談を促す質問。未来や展望に関する質問: 今後の展望やメッセージを引き出す質問。質問はあくまで「叩き台」。当日は柔軟に流れを変えてもOKです。当日の進め方｜アイスブレイクと信頼構築入念な準備ができたら、いよいよ当日です。相手から本音を引き出すためには、良好な信頼関係を築くことが何よりも大切です。冒頭の雑談でアイスブレイク: インタビュー開始直後は、相手も緊張しているものです。いきなり本題に入るのではなく、「今日は〇〇から来ました」「先日の〇〇、とても興味深かったです」といった簡単な雑談から始め、相手の緊張をほぐしましょう。共通の話題や相手の興味関心に触れることで、心の距離が縮まります。「聞く姿勢」を全身で示す: 相手の目を見て、相槌を打ち、うなずきながら真剣に話を聞いている姿勢を示しましょう。メモを取る際は、適度な頻度で相手の顔を見たり、時にはペンを止めてじっと話を聞いたりすることも大切です。「あなたの話をしっかり受け止めている」というメッセージが伝われば、相手は安心して話してくれます。沈黙を活かす勇気: 相手が考え込んでいる時の「沈黙」は、実は貴重な時間です。焦って次の質問を投げかけるのではなく、数秒間待ってみましょう。多くの場合、相手はその沈黙の間に言葉を探し、より深い本音や新たな視点が出てくることがあります。沈黙は「考えている」サインであり、決して悪いことではありません。「共感」と「承認」の言葉を挟む: 相手の話に対して「なるほど、それは面白いですね」「そうなんですね、よく分かります」といった共感や承認の言葉を挟むことで、相手は「この人は自分の話を理解しようとしてくれている」と感じ、さらに安心して話を進めてくれます。“引き出す”技術｜質問の投げ方と深掘りの工夫準備と信頼構築ができたら、いよいよ本質に迫る質問の技術です。「なぜ？」「たとえば？」の使い方: 相手の答えが抽象的だったり、もっと深掘りしたいと感じた時に、「なぜそう思われたのですか？」「それは、たとえばどんな時ですか？具体的なエピソードを教えていただけますか？」と問いかけることで、話が具体的に、かつ深く掘り下げられます。特に具体的なエピソードは、記事に読者の共感を呼ぶ貴重な素材となります。「逆質問」で相手の視点を得る: 「もし〇〇さんの立場だったら、どう考えますか？」「この件について、他に何か懸念点や注意すべき点はありますか？」など、相手に質問を投げ返すことで、新たな視点や、読者が本当に知りたい核心に迫る情報が引き出せる場合があります。感情や価値観に触れる質問: 「その時、どんな気持ちでしたか？」「なぜ、そこまで情熱を注げるのですか？」といった、相手の感情や価値観に触れる質問は、記事に人間味と深みを与えます。読者は、事実だけでなく、その背景にある「人」の部分に心を動かされるからです。オープンエンド質問を意識する: 「はい/いいえ」で答えられるクローズドエンド質問だけでなく、「〇〇についてどう思いますか？」「〇〇の課題について、具体的に何が一番大変でしたか？」など、自由に答えられるオープンエンド質問を意識しましょう。これにより、予期せぬ貴重な情報が飛び出すことがあります。%3C!--%20CTA%20%E3%83%9C%E3%82%BF%E3%83%B3%20--%3E%0A%3Ca%20href%3D%22https%3A%2F%2Falphabloom.jp%2Flp%22%0A%20%20%20class%3D%22cta-button%22%0A%20%20%20target%3D%22_blank%22%0A%20%20%20rel%3D%22noopener%20noreferrer%22%3E%E7%84%A1%E6%96%99%E3%81%A7%E7%9B%B8%E8%AB%87%E3%81%99%E3%82%8B%3C%2Fa%3E%0A%0A%3Cstyle%3E%0A%20%20%2F*%20%E5%9F%BA%E6%9C%AC%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%20*%2F%0A%20%20.cta-button%20%7B%0A%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20display%3A%20inline-block%3B%0A%20%20%20%20padding%3A%2014px%2036px%3B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-weight%3A%20600%3B%0A%20%20%20%20color%3A%20%23fff%3B%0A%20%20%20%20text-decoration%3A%20none%3B%0A%20%20%20%20text-align%3A%20center%3B%0A%20%20%20%20border-radius%3A%209999px%3B%0A%20%20%20%20overflow%3A%20hidden%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F*%20%E3%82%B7%E3%83%A3%E3%82%A4%E3%83%B3%E6%BC%94%E5%87%BA%E3%81%8C%E3%81%AF%E3%81%BF%E5%87%BA%E3%81%AA%E3%81%84%E3%82%88%E3%81%86%E3%81%AB%20*%2F%0A%20%20%20%20background%3A%20linear-gradient(135deg%2C%20%2352B45B%200%25%2C%20%2338C172%20100%25)%3B%0A%20%20%20%20background-size%3A%20200%25%20200%25%3B%20%20%20%20%20%20%20%2F*%20%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%A2%E3%83%8B%E3%83%A1%E7%94%A8%20*%2F%0A%20%20%20%20transition%3A%20transform%20.35s%20cubic-bezier(.3%2C1.4%2C.5%2C1)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20box-shadow%20.35s%20ease%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20background-position%20.8s%20ease%3B%0A%20%20%7D%0A%0A%20%20%2F*%20%E3%83%9B%E3%83%90%E3%83%BC%E6%99%82%E3%81%AE%E3%83%A1%E3%82%A4%E3%83%B3%E6%BC%94%E5%87%BA%20*%2F%0A%20%20.cta-button%3Ahover%20%7B%0A%20%20%20%20transform%3A%20scale(1.06)%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F*%20%E3%81%B5%E3%82%8F%E3%81%A3%E3%81%A8%E6%8B%A1%E5%A4%A7%20*%2F%0A%20%20%20%20background-position%3A%20100%25%200%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F*%20%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%8C%E6%B5%81%E3%82%8C%E3%82%8B%20*%2F%0A%20%20%20%20box-shadow%3A%200%206px%2018px%20rgba(82%2C180%2C91%2C.45)%2C%20%20%20%2F*%20%E5%A4%96%E5%81%B4%E3%82%B0%E3%83%AD%E3%83%BC%20*%2F%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%200%200%200%204px%20rgba(82%2C180%2C91%2C.25)%3B%20%20%20%20%2F*%20%E5%86%85%E5%81%B4%E3%83%AA%E3%83%B3%E3%82%B0%20*%2F%0A%20%20%7D%0A%0A%20%20%2F*%20%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E6%99%82%E3%81%AB%E5%B0%91%E3%81%97%E6%B2%88%E3%81%BF%E8%BE%BC%E3%82%80%20*%2F%0A%20%20.cta-button%3Aactive%20%7B%0A%20%20%20%20transform%3A%20scale(1.02)%3B%0A%20%20%20%20box-shadow%3A%200%204px%2012px%20rgba(82%2C180%2C91%2C.35)%3B%0A%20%20%7D%0A%0A%20%20%2F*%20%E3%82%B7%E3%83%A3%E3%82%A4%E3%83%B3%EF%BC%88%E5%85%89%E3%81%AE%E7%AD%8B%EF%BC%89%E3%82%92%E4%BD%9C%E3%82%8B%20*%2F%0A%20%20.cta-button%3A%3Aafter%20%7B%0A%20%20%20%20content%3A%20%22%22%3B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20top%3A%200%3B%0A%20%20%20%20left%3A%20-75%25%3B%0A%20%20%20%20width%3A%2050%25%3B%0A%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20background%3A%20rgba(255%2C255%2C255%2C.35)%3B%0A%20%20%20%20transform%3A%20skewX(-25deg)%3B%0A%20%20%20%20transition%3A%20left%20.8s%20ease%3B%0A%20%20%7D%0A%0A%20%20%2F*%20%E3%83%9B%E3%83%90%E3%83%BC%E3%81%A7%E3%82%B7%E3%83%A3%E3%82%A4%E3%83%B3%E3%81%8C%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%20*%2F%0A%20%20.cta-button%3Ahover%3A%3Aafter%20%7B%0A%20%20%20%20left%3A%20130%25%3B%0A%20%20%20%20transition%3A%20left%20.8s%20ease%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A記事化を意識した“編集者目線”のヒアリングプロの編集者は、インタビューの段階から「記事になった時にどうなるか」を常に意識してヒアリングしています。この「編集者目線」が、良い記事に繋がる鍵です。構成の視点で話を聞く: 記事の冒頭、中間、まとめで使える「パンチライン」や「核となるエピソード」がないかを探しながら話を聞きます。「この話は、記事の導入部分に使えるな」「この部分は、具体的な課題解決策として本文で活かせるな」といった視点です。ゴールを見据えた問いかけ: 読者にどんな行動（資料請求、問い合わせなど）を促したいかを意識し、その行動に繋がるような具体的な情報（例：「サービスの強みは？」「導入で得られるメリットは？」）を漏らさず引き出します。「読者が知りたいこと」と「伝えたいこと」のバランス: 自分の聞きたいことだけでなく、読者が本当に知りたいことと、企業として伝えたいことのバランスを意識して質問を調整します。時には、相手の話が記事の方向性とズレていないか、適度に軌道修正する役割も担います。不明確な点の確認: 少しでも曖昧な表現や専門用語が出たら、その場で「これはどういう意味ですか？」「具体的にどのような状況ですか？」と確認します。後から疑問が残らないようにすることで、正確で信頼性の高い記事に繋がります。まとめ：編集の視点があれば、インタビューの質は格段に上がるインタビューは、単に情報を得るだけでなく、相手の魅力を引き出し、読者の心に響く記事へと昇華させるための重要なプロセスです。そして、その質を高めるには、「目的の明確化」から「質問設計」「当日の進め方」、そして「記事化を意識したヒアリング」まで、多岐にわたるスキルが求められます。これらの「編集の視点」があれば、あなたのインタビューの質は格段に上がり、読まれる記事、成果に繋がる記事を生み出すことができるでしょう。もし、「インタビューの構成がうまくいかない」「魅力的な記事を書きたいけれど、ノウハウやリソースが足りない」といったお悩みがあるなら、プロの力を借りることも有効な選択肢です。私たちのような編集プロダクションは、貴社のニーズに合わせて、インタビューの企画・構成から実施、そして読者の心に響く記事制作までを一貫してサポートいたします。まずは、お気軽にご相談ください！アルファブルーム株式会社（編集のプロフェッショナル集団）年間10,000件以上のコンテンツ制作を支援。貴社の課題に合わせて最適な編集チームを編成します。💬 お電話・メール・お問い合わせフォーム（24時間受付）からお気軽にご相談ください。※ご相談は無料、正式発注前に費用は発生しません。%3C!--%20CTA%20%E3%83%9C%E3%82%BF%E3%83%B3%20--%3E%0A%3Ca%20href%3D%22https%3A%2F%2Falphabloom.jp%2Flp%22%0A%20%20%20class%3D%22cta-button%22%0A%20%20%20target%3D%22_blank%22%0A%20%20%20rel%3D%22noopener%20noreferrer%22%3E%E7%84%A1%E6%96%99%E3%81%A7%E7%9B%B8%E8%AB%87%E3%81%99%E3%82%8B%3C%2Fa%3E%0A%0A%3Cstyle%3E%0A%20%20%2F*%20%E5%9F%BA%E6%9C%AC%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%20*%2F%0A%20%20.cta-button%20%7B%0A%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20display%3A%20inline-block%3B%0A%20%20%20%20padding%3A%2014px%2036px%3B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-weight%3A%20600%3B%0A%20%20%20%20color%3A%20%23fff%3B%0A%20%20%20%20text-decoration%3A%20none%3B%0A%20%20%20%20text-align%3A%20center%3B%0A%20%20%20%20border-radius%3A%209999px%3B%0A%20%20%20%20overflow%3A%20hidden%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F*%20%E3%82%B7%E3%83%A3%E3%82%A4%E3%83%B3%E6%BC%94%E5%87%BA%E3%81%8C%E3%81%AF%E3%81%BF%E5%87%BA%E3%81%AA%E3%81%84%E3%82%88%E3%81%86%E3%81%AB%20*%2F%0A%20%20%20%20background%3A%20linear-gradient(135deg%2C%20%2352B45B%200%25%2C%20%2338C172%20100%25)%3B%0A%20%20%20%20background-size%3A%20200%25%20200%25%3B%20%20%20%20%20%20%20%2F*%20%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%A2%E3%83%8B%E3%83%A1%E7%94%A8%20*%2F%0A%20%20%20%20transition%3A%20transform%20.35s%20cubic-bezier(.3%2C1.4%2C.5%2C1)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20box-shadow%20.35s%20ease%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20background-position%20.8s%20ease%3B%0A%20%20%7D%0A%0A%20%20%2F*%20%E3%83%9B%E3%83%90%E3%83%BC%E6%99%82%E3%81%AE%E3%83%A1%E3%82%A4%E3%83%B3%E6%BC%94%E5%87%BA%20*%2F%0A%20%20.cta-button%3Ahover%20%7B%0A%20%20%20%20transform%3A%20scale(1.06)%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F*%20%E3%81%B5%E3%82%8F%E3%81%A3%E3%81%A8%E6%8B%A1%E5%A4%A7%20*%2F%0A%20%20%20%20background-position%3A%20100%25%200%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F*%20%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%8C%E6%B5%81%E3%82%8C%E3%82%8B%20*%2F%0A%20%20%20%20box-shadow%3A%200%206px%2018px%20rgba(82%2C180%2C91%2C.45)%2C%20%20%20%2F*%20%E5%A4%96%E5%81%B4%E3%82%B0%E3%83%AD%E3%83%BC%20*%2F%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%200%200%200%204px%20rgba(82%2C180%2C91%2C.25)%3B%20%20%20%20%2F*%20%E5%86%85%E5%81%B4%E3%83%AA%E3%83%B3%E3%82%B0%20*%2F%0A%20%20%7D%0A%0A%20%20%2F*%20%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E6%99%82%E3%81%AB%E5%B0%91%E3%81%97%E6%B2%88%E3%81%BF%E8%BE%BC%E3%82%80%20*%2F%0A%20%20.cta-button%3Aactive%20%7B%0A%20%20%20%20transform%3A%20scale(1.02)%3B%0A%20%20%20%20box-shadow%3A%200%204px%2012px%20rgba(82%2C180%2C91%2C.35)%3B%0A%20%20%7D%0A%0A%20%20%2F*%20%E3%82%B7%E3%83%A3%E3%82%A4%E3%83%B3%EF%BC%88%E5%85%89%E3%81%AE%E7%AD%8B%EF%BC%89%E3%82%92%E4%BD%9C%E3%82%8B%20*%2F%0A%20%20.cta-button%3A%3Aafter%20%7B%0A%20%20%20%20content%3A%20%22%22%3B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20top%3A%200%3B%0A%20%20%20%20left%3A%20-75%25%3B%0A%20%20%20%20width%3A%2050%25%3B%0A%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20background%3A%20rgba(255%2C255%2C255%2C.35)%3B%0A%20%20%20%20transform%3A%20skewX(-25deg)%3B%0A%20%20%20%20transition%3A%20left%20.8s%20ease%3B%0A%20%20%7D%0A%0A%20%20%2F*%20%E3%83%9B%E3%83%90%E3%83%BC%E3%81%A7%E3%82%B7%E3%83%A3%E3%82%A4%E3%83%B3%E3%81%8C%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%20*%2F%0A%20%20.cta-button%3Ahover%3A%3Aafter%20%7B%0A%20%20%20%20left%3A%20130%25%3B%0A%20%20%20%20transition%3A%20left%20.8s%20ease%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A