「うちの社長、話は面白いんだけど、どうやってインタビュー記事にすればいいか…」 「お客様から貴重なお話を聞けたのに、記事にまとめたらなんだか当たり障りのない内容に…」もしあなたが中小企業やスタートアップの広報・採用・マーケティング担当者で、このような「インタビュー記事」に関する悩みを抱えているなら、それは多くの企業が直面する課題です。社内ヒーロー紹介、経営者メッセージ、導入事例インタビューなど、インタビュー記事は多くの企業にとって重要なコンテンツですが、その制作には独特のノウハウが求められます。「どう質問すれば本音を引き出せるの？」「話を聞いたままでは記事にならないって本当？」「そもそも、誰に頼めばいいんだろう…」そんな不安を感じている方もご安心ください。この記事では、インタビュー記事の目的と効果から、制作の具体的なステップ、そしてプロに外注するメリットや進め方まで、未経験者の方にも分かりやすく解説します。%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インタビュー記事の目的と効果単なる情報の羅列ではなく、読者の心に響くインタビュー記事には、どのような目的と効果があるのでしょうか。人柄やストーリーが伝わるインタビュー記事は、話し手の「人柄」や「想い」「経験」といった、数字やデータだけでは伝えきれない情報を届けられます。特に経営者や社員のインタビューでは、彼らのパーソナリティや会社の文化が伝わり、読者に親近感や共感を抱かせることができます。信頼感を生む第三者からの視点や、お客様からの生の声（事例インタビュー）は、企業や製品・サービスの信頼性を高めます。成功事例や課題解決のプロセスを具体的に語ってもらうことで、読者は「自分ごと」として捉えやすくなり、安心感を持って検討を進めることができます。SNSでシェアされやすい共感を呼ぶストーリーや、新しい視点、役立つ情報が含まれるインタビュー記事は、SNSで自然にシェアされやすい傾向にあります。これにより、さらなる認知拡大や集客効果が期待できます。採用ブランディングに貢献する社員インタビューや座談会形式の記事は、求職者にとって企業のリアルな雰囲気を知る貴重な情報源となります。社員の生の声を通して、企業の魅力や働きがいを伝えることで、採用活動における強力なブランディングツールとなります。このように、インタビュー記事は、単なる情報提供を超えて、読者の感情に訴えかけ、信頼を築き、最終的にビジネスの成果につながる強力なコンテンツになり得ます。インタビュー記事制作のステップ読者の心に響くインタビュー記事を作るためには、プロが実践する体系的なステップがあります。ここでは、その主要な流れをご紹介します。企画インタビュー記事の成否は、企画段階で8割決まると言っても過言ではありません。目的の明確化： 「誰に、何を伝えたいのか」「記事を読んで読者にどうなってほしいのか」を明確にします。（例：経営者の理念に共感してもらい採用応募につなげる、導入事例を通じて製品の優位性を理解してもらう、など）ターゲット設定： 記事を届けたい読者層（ペルソナ）を具体的に設定します。取材対象者の選定： 目的に合った最適な人物を選びます。記事の構成案作成： 最終的な記事の形をイメージし、どのような見出しで、どのような内容を展開していくかを設計します。質問設計取材対象者の本音や深い話を引き出すためには、質問設計が非常に重要です。オープンクエスチョン中心に： 「はい／いいえ」で答えられるクローズドクエスチョンだけでなく、「なぜそう思いましたか？」「具体的にどんなエピソードがありますか？」など、相手が自由に話せるオープンクエスチョンを多く準備します。深掘りする質問： 「さらに詳しく教えてください」「それはどういう意味ですか？」といった、相手の言葉を掘り下げる質問を用意します。仮説を立てる： 事前に取材対象者やテーマについてリサーチし、「おそらくこんな話が出るだろう」という仮説を立てて質問に落とし込むと、より深い話を引き出しやすくなります。取材実際の取材では、質問設計だけでなく、プロならではの「聞く技術」が求められます。アイスブレイク： 取材対象者がリラックスして話せる雰囲気作りを心がけます。傾聴と共感： 相手の言葉に耳を傾け、共感を示すことで、信頼関係を築き、話しやすさを引き出します。臨機応変な対応： 準備した質問リストに固執せず、相手の言葉から新たな質問や深掘りのヒントを見つけ、柔軟に質問を調整します。記録： ICレコーダーでの録音や、メモを正確に残すことも重要です。執筆取材で得た膨大な情報を、読者に分かりやすく、魅力的な記事にまとめる工程です。構成案に沿って執筆： 事前に作成した構成案を基に、情報を整理し、論理的に文章を組み立てます。「読者の視点」を意識： 専門用語はかみ砕いて説明し、読者が「自分ごと」として読み進められるように配慮します。表現の工夫： 話し手の言葉のニュアンスを損なわずに、魅力を引き出す表現を追求します。確認・修正記事の品質を最終的に担保するための重要なステップです。事実確認： 数字や固有名詞、役職など、記載内容に誤りがないかを入念に確認します。メッセージの確認： 記事の目的に合致し、伝えたいメッセージが正しく、かつ魅力的に伝わっているかを確認します。校正・校閲： 誤字脱字、文法ミス、表記揺れなどがないかをチェックします。%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インタビュー記事の外注メリットインタビュー記事制作には、企画から執筆まで多岐にわたる専門スキルが求められます。「社内にノウハウがない」「記事としてまとまらない」と悩むなら、プロに外注するメリットは非常に大きいと言えます。相手の本音を引き出す「引き出す力」プロのインタビューライターは、取材対象者が安心して本音を語れる雰囲気を作り、適切な質問を投げかけることで、表面的な情報だけでは得られない「その人ならではの深い話」や「本質的な情報」を引き出すことに長けています。これは、経験とスキルが最も問われる部分です。情報を「記事」にする「編集力」取材で得られた情報は、そのままでは「話の記録」に過ぎません。プロの編集者・ライターは、膨大な情報の中から読者にとって価値のある部分を見極め、記事の目的に合わせて構成し、読みやすく魅力的な文章に「編集」する力を持っています。これにより、読者が共感し、行動につながる記事が生まれます。第三者視点の導入社内の人間がインタビューすると、どうしても自社の都合や伝えたいことが先行しがちです。外部のプロは、読者の視点に立ち、客観的な視点から「読者が本当に知りたいこと」を深掘りし、共感を呼ぶ記事を制作できます。これにより、説得力と信頼性が向上します。社内工数の大幅削減企画立案、質問設計、取材実施、テープ起こし、執筆、校正・校閲など、インタビュー記事制作にかかる工数は膨大です。これらを外注することで、社内の担当者は、より戦略的な業務や、本来のコア業務に集中できるようになり、業務効率が大幅に向上します。編集プロダクションに頼む場合の進め方と費用感インタビュー記事の外注を検討する際に、「どのように進めればいいの？」「費用はどれくらい？」といった疑問は当然です。ここでは、編集プロダクションに依頼した場合の一般的な流れと費用感について解説します。進め方（ヒアリングから納品まで）お問い合わせ・ヒアリング： まず、編集プロダクションに問い合わせ、記事にしたい内容、目的、ターゲット、予算、希望納期などを伝えます。企画提案・見積もり： ヒアリング内容に基づき、編集プロダクションから記事の企画案、構成案、概算費用が提案されます。この段階で疑問点や要望をしっかりすり合わせましょう。ご契約・詳細打ち合わせ： 提案内容に納得したら契約を締結し、より詳細な打ち合わせを行います。取材対象者の選定、取材の進め方、スケジュールなどを具体的に決定します。質問設計・事前準備： 編集者やライターが取材対象者に関する事前リサーチを行い、効果的な質問リストを作成します。必要に応じて、取材対象者への事前連絡や資料送付なども行います。取材実施： プロのインタビューライターが取材対象者に直接インタビューを行います。オンラインでの取材も一般的です。原稿作成・確認・修正： 取材内容を基にライターが原稿を作成し、編集者が内容をチェックします。その後、発注者であるあなたに初稿が提出されるので、内容を確認し、必要に応じて修正依頼を出します。納品： 最終確認が完了したら、完成した記事が納品されます。費用感についてインタビュー記事の外注費用は、記事の文字数、取材対象者の人数、取材時間、取材の難易度（専門性、出張の有無など）、写真撮影の有無などによって大きく変動します。一般的な相場（記事込み）： 1本あたり数万円〜数十万円が目安となります。内訳： 企画構成費、取材費（ディレクション費、ライター費）、文字起こし費、原稿作成費、校正・校閲費、交通費・宿泊費（取材場所による）、写真撮影費など。まずは具体的な目的と要件を伝え、複数の編集プロダクションから見積もりを取り、比較検討することをお勧めします。費用だけでなく、過去の実績や担当者との相性も重視しましょう。伝わる記事は、“聞き手の技術”で決まるインタビュー記事は、情報だけでなく、話し手の人間性やストーリーを伝えることで、読者の心に深く響くコンテンツになります。そして、その魅力を最大限に引き出すのは、単に「聞く」だけでなく、「引き出す」「編集する」といったプロの「聞き手の技術」に他なりません。「どう質問すればいいか分からない」「話は聞けたけど記事にならない」といった課題を抱えているなら、まずは一度、私たち編集プロダクションにご相談ください。貴社の情報に眠る価値を見つけ出し、読者に伝わる魅力的なインタビュー記事制作をサポートさせていただきます。心を動かすインタビュー記事で、貴社のメッセージを届けませんか？インタビュー記事制作のご相談はこちらからアルファブルーム株式会社（編集のプロフェッショナル集団）年間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