「SEOを意識して記事を書いているのに、検索順位が上がらないし読まれない」 オウンドメディアを運営するWeb担当者の多くが、一度はこの壁にぶつかります。実はその原因、記事の文章力や内容よりも、もっと手前の「キーワード選定」にあるケースがほとんどです。どれほど素晴らしい記事を書いても、読者が検索しない言葉（キーワード）で作られていれば、誰にも見つけてもらえません。この記事では、SEOの成果を大きく左右する「キーワード選定」の基本手順と、初心者がやりがちな失敗、そして成果を出すための考え方をわかりやすく解説します。%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なぜキーワード選定が重要なのかWebサイトを訪れる読者は、何かしらの「知りたいこと」「解決したい悩み」があって検索窓に言葉を打ち込みます。つまり、キーワードとは「読者のニーズそのもの」です。記事のテーマと、読者が実際に検索するキーワードがズレていると、砂漠の真ん中に素晴らしいお店を構えるような状態になってしまいます。適切なキーワードを選ぶことは、検索順位を上げるためのテクニックではなく、「求めている人に、求めている情報を確実に届ける」というWebマーケティングの出発点です。キーワード選定の基本5ステップでは、具体的にどのようにキーワードを選定していけば良いのでしょうか。ここでは、基本的な5つのステップをご紹介します。では、具体的にどうやってキーワードを選べば良いのでしょうか。基本となる5つの手順をご紹介します。1. 届けたい相手（ペルソナ）を決めるまずは「誰に」情報を届けたいのかを具体的にイメージします。年代、役職、抱えている課題などを設定することで、「この人なら検索窓にどんな言葉を打ち込むだろうか？」が想像しやすくなります。2. 検索されそうな言葉を洗い出すターゲット像が固まったら、その人が検索しそうなキーワードを思いつく限り書き出します。最初から絞り込まず、自社の商材やテーマに関連する言葉を幅広くリストアップするのがポイントです。3. 検索ボリュームと競合の強さを調べる洗い出したキーワードが月に何回検索されているか（検索ボリューム）と、ライバルの強さ（競合性）をツールで調べます。「Googleキーワードプランナー」や「Ubersuggest」などが便利です。検索回数が多いキーワードは魅力的ですが、その分だけ競合も強く、上位表示の難易度が跳ね上がります。立ち上げたばかりのメディアであれば、検索回数は少なくても競合が弱い「ニッチなキーワード」から確実に狙っていくのが鉄則です。4. 検索意図（ユーザーの本当の目的）を探る選んだキーワードで実際にGoogle検索を行い、上位にある記事を読み込みます。「検索した人は、結局何を知りたがっているのか？（＝検索意図）」を分析するためです。ここを外したまま記事を書き始めると、読者の求める答えとズレてしまい、絶対に上位表示されません。5. メインと関連キーワードを整理する記事の軸となる「メインキーワード」をひとつ決め、それと一緒に検索されやすい「関連キーワード」を整理します。これらを記事の見出しや本文へ自然に盛り込むことで、読者の多様な疑問に答えられる網羅性の高い記事になります。%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ページ目には入れません。キーワードに引っ張られて文章が不自然になる 「SEOを意識するあまり、キーワードを不自然に詰め込んで日本語がおかしくなる」のは非常によくある失敗です。検索エンジンへのアピールばかりを考えた読みにくい記事は、読者がすぐに離脱してしまうため、結果的にGoogleからの評価も下がります。%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のルールをクリアしつつ、読者が途中で離脱しないスムーズな文章を書くのは至難の業です。編集プロダクションは「SEOの知見」と「編集・執筆のノウハウ」を兼ね備えているため、検索エンジンにも人間にも好かれる記事を作ることができます。定期的な見直しと改善（リライト）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