頑張って記事を公開したのに、なぜかアクセスが増えない…」 「コンテンツの企画はできるけど、いざ文章を書こうとすると構成の作り方がわからない…」中小企業やベンチャー企業の広報・マーケティングご担当者様、このような経験はありませんか？Webサイトの記事が読まれない原因は、決してあなたの努力不足ではありません。多くの場合、そのカギを握っているのは「記事構成」です。記事構成とは、いわば記事の「設計図」。「誰に」「何を」「どう伝えるか」を事前に決めておくことで、読者が迷わず、最後まで読み進め、最終的に目的のアクションを起こしてくれるような記事を作ることができるのです。この記事では、読者に「伝わる」記事を作るための基本的な構成ステップと、短時間で質を高めるプロの視点をご紹介します。%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なぜ記事が読まれない？「構成」が成果を左右する読まれない記事の多くは、構成があいまいなまま書き始められています。読者が迷子になる: 伝えたいことが羅列されているだけで、どこから読んでいいか、何が重要なのかが分かりにくい。伝えたいことが伝わらない: 伝えたいメッセージが読者に響かず、途中で離脱されてしまう。成果に繋がらない: 読者が記事を読み終えても、次に何をすればいいか分からず、資料請求や問い合わせなどのアクションに繋がらない。このような課題は、記事の「構成」をしっかり設計することで解決できます。読者の疑問を先回りして解消し、共感を呼び、行動を促す。優れた構成は、単に情報を並べるだけでなく、読者を「目的地」まで導く道筋となるのです。基本の構成ステップ：ペルソナ・検索意図・ゴール設計読まれる記事を作るための構成は、たった3つの基本ステップから始まります。ペルソナを設定する 「誰にこの記事を読んでほしいのか？」を具体的にイメージすることから始めます。年齢、性別、職業、どんな悩みや課題を抱えているのか。例えば、「40代の男性経営者で、新規事業のWeb集客に悩んでいる」といった具合です。ペルソナが明確であればあるほど、その人に響く言葉や情報を選べるようになります。検索意図を深く理解する ペルソナが、なぜそのキーワードで検索したのか？「〇〇とは？」のように情報を求めているのか、「〇〇 比較」のように検討しているのか、「〇〇 料金」のように購入を考えているのか。ユーザーが検索した裏側にある「本当の意図」を想像し、その疑問に答える情報を提供することが重要です。記事のゴールを設計する 記事を読み終えた読者に、「どうなってほしいか？」を具体的に決めます。例えば、「資料請求をしてほしい」「サービスに興味を持って問い合わせをしてほしい」「製品について深く理解してほしい」などです。ゴールが明確であれば、記事のどこで何を伝えるべきか、どの情報を優先すべきかが見えてきます。この3つのステップを踏むことで、闇雲に書き始めるのではなく、読者に届き、成果に繋がる記事の骨格を確実に作ることができます。%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短時間で質を上げるには？編集プロの視点とは「基本は分かったけど、ペルソナや検索意図の深掘り、そして構成に落とし込むのは時間もスキルも必要だ…」と感じるかもしれませんね。まさにそこで、プロの「編集の力」が役立ちます。編集者は、単に誤字脱字を直すだけではありません。読者の目線に立った構成設計: ペルソナや検索意図を徹底的に分析し、読者が「まさに知りたかった情報だ！」と感じるような、最適な見出しの並びや情報の配置を設計します。複雑な情報を整理し、分かりやすく伝える表現力: 専門的な内容でも、読者が理解しやすい言葉遣いや比喩表現、図解のアイデアなどを駆使し、「伝わる」文章へと磨き上げます。記事のゴール達成を最大化する導線設計: 読者を最後まで飽きさせず、最終的なゴール（問い合わせや資料請求など）へと自然に誘導する文章の流れを構築します。編集プロは、こうした構成設計のノウハウを豊富に持っています。これにより、貴社がコンテンツ制作にかける時間を大幅に短縮しつつ、記事の質を飛躍的に向上させることが可能になるのです。社内リソースが足りないなら、外注もひとつの手日々の業務に加えて、SEO記事の構成設計から執筆、編集までを自社で完結させるのは、非常に大きな負担です。特に、コンテンツ制作の経験が浅い場合、時間だけが過ぎてしまい、なかなか成果に繋がらないという壁にぶつかることも少なくありません。もし社内リソースに不安があるなら、編集プロダクションへの外注も有効な選択肢です。専門家の知見を効率的に活用: 記事構成のプロが、貴社の目的や読者に合わせて最適な設計を行います。コンテンツ制作のスピードアップ: 企画から公開までのリードタイムを短縮し、質の高い記事を継続的に発信できます。社内リソースの最適化: 貴社の貴重な人材は、コア業務に集中できるようになります。「キーワード選定はできたけど、構成が難しい…」 「記事の書き始め方が分からない…」そんな時こそ、私たちのような編集プロダクションにご相談ください。貴社のコンテンツを、読者に「伝わる」構成で設計し、成果に繋がる記事へと磨き上げます。まとめ：伝わる構成が、伝わる記事を生むSEOで成果を出すためには、まず「キーワード選定」が重要であり、そのキーワードを最大限に活かすのが「記事構成」です。読者の検索意図に寄り添い、ゴールへ導く「伝わる構成」こそが、最終的にビジネスの成果に繋がる「伝わる記事」を生み出すのです。自社だけで構成設計や記事制作を進めることに不安を感じている方もご安心ください。プロの編集者は、貴社のコンテンツが持つ価値を最大限に引き出し、読者の心に響く「伝わる構成」を実現するお手伝いができます。「記事構成の基本を学びたい」「検索に強い記事を作りたいけれど、どう進めていいか分からない」 そんなときは、ぜひ一度、私たち[貴社名/アルファブルーム株式会社]にご相談ください。貴社の課題を丁寧にヒアリングし、最適なご提案をさせていただきます。まずは、お気軽にご相談ください！アルファブルーム株式会社（編集のプロフェッショナル集団）年間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