CDNとはどのようなものなのかAWSのCDNであるAmazon CloudFrontにはどのような特徴があるのかAmazon CloudFrontを利用するメリットは何かAmazon CloudFrontの利用方法は?このような疑問を持っている企業や担当者の方も多いのではないでしょうか。そこで本記事では、AWSのCDNサービスである「Amazon CloudFront」について、その概要や特徴、メリット、利用方法などを詳しく解説します。CDNを活用してWebサイトの高速化やコンテンツ配信の効率化を図りたいという方は、ぜひ最後まで読んでいただければと思います。そもそもAWSとは何かを知りたいなら:AWSとはどんなクラウドサービス?初心者にもわかりやすく簡単に説明・解説 そもそもCDNとはCDN(Content Delivery Network)とは、インターネット上でコンテンツを効率的に配信するための仕組みのことです。AWSのCDNサービスであるAmazon CloudFrontは、世界中に分散配置された多数のエッジロケーションを活用し、ユーザーからの要求に対してもっとも近い場所からコンテンツを配信します。結果、ユーザーとオリジンサーバー間の物理的な距離を縮め、レイテンシを大幅に低減できます。また、CloudFrontはキャッシュ機能を備えているため、Webサイトやアプリケーションのパフォーマンスが向上し、ユーザーエクスペリエンスも改善できるでしょう。CDNの必要性現代のインターネットユーザーは、高速で快適なWeb体験を求める傾向にあるのが現状です。しかし、ユーザーとオリジンサーバー間の距離が遠い場合、データの転送に時間がかかり、レイテンシが増大してしまいます。そうすると、ページの表示速度の低下、およびアプリケーションの応答性の悪化につながり、ユーザーの満足度を下げる原因となります。CDNの導入によって、このような問題を解決できます。システムの保護にも役立つまた、オリジンサーバーに対する負荷の集中は、サーバーのパフォーマンス低下やダウンタイムのリスクを増大させるものです。この場合でも、CDNのキャッシュ機能の活用によって、オリジンサーバーへのリクエスト数を減らし、負荷分散を図ることができます。これにより、サーバーのスケーラビリティが向上し、トラフィックの急増にも対応しやすくなります。さらに、CDNプロバイダーは、高度なセキュリティ機能を提供しており、悪意のあるトラフィックをフィルタリングし、オリジンサーバーの保護にも有効です。このように、CDNは現代のWebインフラにおいて不可欠な存在であり、パフォーマンス、スケーラビリティ、セキュリティの面で大きなメリットをもたらします。AWSのCDNとは「Amazon CloudFront」のことAWSのCDNとは、Amazon CloudFrontのことを指します。先にも軽く触れていますが、Amazon CloudFrontは、AWSが提供するグローバルなコンテンツ配信ネットワーク(CDN)サービスです。世界中に600以上のエッジロケーションを持ち、ユーザーにもっとも近い場所からコンテンツを配信することで、低レイテンシとスループットを実現します。エッジサーバーとはエッジサーバーとは、CDNにおいてコンテンツを配信するサーバーのことです。Amazon CloudFrontの場合、世界中に点在する200以上のエッジロケーションに、エッジサーバーが配置されています。エッジロケーションとは、インターネット上の主要な交換ポイント(IXP)や通信事業者のデータセンターに設置された、AWSのポイントオブプレゼンス(PoP)のことを指します。各エッジロケーションには、複数のエッジサーバーが配備され、ユーザーからのリクエストに応じて最適なサーバーからコンテンツを配信する仕組みです。オリジンサーバーとはオリジンサーバーとは、CDNにおいてコンテンツの元となるサーバーのことです。Amazon CloudFrontの場合、オリジンサーバーはお客様が管理するサーバーか、Amazon S3、Amazon EC2、Elastic Load Balancing、またはAWSの外部にあるHTTPサーバーを指定できます。エッジサーバーにキャッシュされていないコンテンツへのリクエストがあった場合、Amazon CloudFrontはオリジンサーバーからそのコンテンツを取得します。取得したコンテンツはエッジサーバーにキャッシュされ、以降のリクエストに対しては、オリジンサーバーではなくエッジサーバーから配信されるわけです。Amazon S3との違いAmazon S3は、AWSが提供するクラウドストレージサービスです。一方、Amazon CloudFrontはコンテンツ配信ネットワーク(CDN)サービスであり、Amazon S3とは役割が異なります。Amazon S3は、スケーラブルで耐久性の高いオブジェクトストレージとして、様々なデータを保存するために使われるものです。例えば、Webサイトの静的コンテンツ、バックアップデータ、ログファイル、アプリケーションの入出力データなどをAmazon S3に格納できます。Amazon CloudFrontは、Amazon S3をオリジンサーバーの1つとして利用し、そこに保存されたコンテンツをエッジサーバーから配信するために使います。つまり、Amazon S3はコンテンツの保存に特化したサービスで、Amazon CloudFrontはそのコンテンツの配信を最適化するためのサービスと言えます。AWSのCDNにおける代表的な4つのユースケースAWSのCDNは、その柔軟性の高さから、様々なユースケースに対応しています。その中でも代表的なものを、以下の4つを紹介します。高速なWebサイトの構築動的コンテンツの配信ライブ・オンデマンドストリーミングパッチ・アップデート配信高速なWebサイトの構築まず、AWSのCDNの活用によって、高速なWebサイトを構築できます。CloudFrontのエッジロケーションにコンテンツをキャッシュすることで、エンドユーザーにもっとも近いエッジからコンテンツを配信できます。これにより、オリジンサーバーへの負荷を軽減しつつ、レイテンシを最小限に抑えることが可能です。例えば、ECサイトを運営している場合、商品画像や静的なHTMLファイルをCloudFrontで配信することで、ページの表示速度を大幅に改善できます。高速なWebサイトは、ユーザーエクスペリエンスの向上につながり、売上アップや顧客満足度の向上に寄与します。動的コンテンツの配信AWSのCDNは、動的コンテンツの配信にも対応しています。例えば、クエリ文字列やCookieに基づいてキャッシュを無効化したり、TTL(Time to Live)を設定したりもできるなどです。また、Lambda@Edgeを使用すれば、リクエストやレスポンスに対して任意の処理を行うこともできます。そのため、パーソナライズされたコンテンツや、リアルタイムに生成されるコンテンツを、低レイテンシで配信できるのです。動的コンテンツの高速配信は、ユーザーエンゲージメントの向上や、インタラクティブなWebアプリケーションの実現に役立ちます。ライブ・オンデマンドストリーミングAWSのCDNは、ライブストリーミングやオンデマンドストリーミングにも最適です。CloudFrontは、Amazon S3やAmazon EC2をオリジンとして、動画コンテンツを効率的に配信できます。また、AWS Elemental MediaPackageと連携することで、ライブストリーミングのパッケージング・暗号化・配信を簡単に実現できます。そのほか、オンデマンドストリーミングの場合はS3に保存された動画ファイルを素早く配信できますし、ストリーミング配信では低遅延かつ安定した動画配信を実現し、視聴者満足度の向上につなげることができるでしょう。パッチ・アップデート配信AWSのCDNは、ソフトウェアのパッチやアップデートの配信にも効果的です。この場合、モバイルアプリケーションのアップデートファイルをCloudFrontで配信することで、ユーザーはすぐに最新バージョンをダウンロードできます。また、署名付きURLを使用してアクセス制御を行えば、不正なダウンロードを防止することも可能です。パッチやアップデートの迅速な配信は、セキュリティ脆弱性への対応や、新機能の提供において非常に重要です。AWSのCDNの活用によって、ユーザーに常に最新かつ安全なソフトウェアを提供し続けることができるでしょう。AWSのCDNを利用する6つのメリットここからは、AWSのCDNであるCloudFrontを使う6つのメリットを紹介します。ロード時間の短縮コスト削減負荷の軽減セキュリティの改善レポートの作成AWS各サービスとの連携ロード時間の短縮AWSのCDNサービスであるCloudFrontの利用によって、Webサイトやアプリケーションのロード時間を大幅に短縮できます。ユーザーからのリクエストは、最寄りのエッジロケーションで処理され、オリジンサーバーまでの距離が短縮されます。その結果、ネットワークレイテンシが低減され、コンテンツの配信速度も向上するからです。また、CloudFrontはキャッシュ機能を備えているため、一度アクセスしたコンテンツは、エッジロケーションに保存されます。次回以降のリクエストではエッジロケーションからコンテンツが配信されることで、さらなるレスポンス速度の向上が期待できるでしょう。【一言メモ】ロード時間の短縮は、ユーザーエクスペリエンスの向上につながります。ページの表示速度が重要な指標の1つとなっており、SEO対策でも有効です。コスト削減CloudFrontの利用によって、インフラストラクチャのコストを削減できます。通常、自社でCDNを構築する場合、世界各地にサーバーを設置し、それらを運用・管理するための人的コストや設備コストが発生します。一方、CloudFrontはAWSが管理するマネージドサービスであるため、このコストを大幅に抑えることができるためです。また、CloudFrontは従量課金制を採用しているため、実際の使用量に応じた料金体系となっています。初期投資が不要で、トラフィックの増減に合わせて柔軟にスケーリングでき、無駄なコストも抑えられるのです。【一言メモ】コスト削減により、浮いた予算を他の事業領域に投資したり、競争力のある価格設定を行ったりできます。また、運用コストを抑えることで、ビジネスの収益性を高めることにもつながります。負荷の軽減加えて、CloudFrontの利用によって、オリジンサーバーへの負荷を軽減できます。CDNの仕組み上、ユーザーからのリクエストはエッジロケーションで処理されるため、オリジンサーバーへのアクセスが分散されます。特に、静的コンテンツや頻繁にアクセスされるコンテンツをCloudFrontで配信することで、オリジンサーバーの負荷を大幅に下げることができるでしょう。また、CloudFrontにはOriginShieldという機能があります。エッジロケーションとオリジンサーバーの間に中間層を設けることで、オリジンサーバーへのリクエストをさらに最適化するものです。OriginShieldを利用すると、エッジロケーションからのリクエストが集約され、オリジンサーバーへの問い合わせ回数を減らすことができます。【一言メモ】オリジンサーバーの負荷が軽減されることで、レスポンス速度が速くなります。また、障害リスクの低減にもつながり、サーバーの台数を減らせる可能性があるため、インフラストラクチャのコスト最適化にも寄与します。セキュリティの改善AWSのCDNであるCloudFrontの利用によって、Webアプリケーションのセキュリティを大幅に改善できます。CloudFrontはAWS Shield、AWS WAF、Amazon Route53と連携し、DDoS攻撃などの各種セキュリティ脅威から保護してくれるためです。また、CloudFrontは最新のTLSプロトコルをサポートし、ビューア/クライアントとの通信を暗号化。ACM(AWS Certificate Manager)と連携することで、SSL/TLS証明書の管理・更新も簡単に行えます。【一言メモ】一定のセキュリティ水準をすでに誇っており、高度な脅威からWebアプリケーションを守ることができるものです。セキュリティ強化によって、顧客の信頼を獲得し、ビジネスの安定的な運用につなげられるでしょう。レポートの作成CloudFrontでは、キャッシュ統計レポートが追加料金なしで利用できます。このレポートには、過去60日間の1日、または1時間ごとの各ビューワーの使用状況が表示されます。期間を選択すると、合計の使用率、最大使用率、平均的な使用率も確認できるのが利点です。このレポートの活用によって、Webアプリケーションのトラフィックパターンを詳細に分析できます。例えば、地域ごとのアクセス状況を確認し、ユーザーの分布や関心領域を理解することもできるでしょう。【一言メモ】CloudFrontの統計レポートは、データドリブンな意思決定を支援し、Webアプリケーションの継続的な改善に役立ちます。運用コストを抑えながら、ユーザーエクスペリエンスを向上させるための貴重な情報源となるものです。AWS各サービスとの連携ここまで触れたように、CloudFrontは、他のAWSサービスとシームレスに連携できるのが大きな利点です。AWSサービスCloudFrontとの連携Amazon S3静的コンテンツの高速配信、S3の負荷軽減EC2 / ELB動的Webアプリケーションの配信、オリジンサーバー負荷軽減Lambda@Edge / CloudFront Functionsエッジでのカスタムロジック実行、レスポンス最適化AWS WAF / AWS Shield強力なセキュリティ対策AWS Certificate ManagerSSL/TLS証明書の簡単管理CloudWatch詳細なモニタリングとアラート設定このようにCloudFrontは、AWSエコシステム内で他のサービスと緊密に連携します。その結果、開発者はインフラストラクチャの管理に煩わされることなく、アプリケーションのイノベーションに集中できます。AWSのCDNを利用する手順AWSのCDNサービスであるAmazon CloudFrontを利用するには、いくつかの手順を踏む必要があります。ここでは、CDNを利用するための一連の流れを、コンテンツ配信までわかりやすく解説します。Amazon S3でバケットを作成コンテンツのアップロードディストリビューションの作成・設定DNSの設定コンテンツの配信Amazon S3でバケットを作成Amazon CloudFrontでコンテンツ配信を行うためには、まずAmazon S3というオブジェクトストレージサービスでバケットを作成する必要があります。バケットとは、データを格納するためのコンテナのようなものです。S3バケットの作成は、AWSマネジメントコンソールにログイン後、サービスメニューからS3を選択し、「バケット作成」をクリックすることで行えます。バケット名とリージョンを指定すれば、設定は完了です。コンテンツのアップロードS3バケットを作成したら、次はそのバケットにコンテンツをアップロードします。コンテンツは、Webページ、画像、動画など、HTTP経由で提供できるものであれば何でも構いません。コンテンツを公開するか非公開にするかは、設定次第です。公開する場合は、CloudFront URLを知っているユーザーは誰でもアクセス可能になります。一方、非公開にする場合は、署名付きURLや署名付きCookieの利用によって、アクセスできるユーザーを制限できます。ディストリビューションの作成・設定コンテンツのアップロードが終わったら、いよいよCloudFrontのディストリビューションを作成します。ディストリビューションとは、CloudFrontがコンテンツを配信するために必要な設定情報のことです。作成は、AWSマネジメントコンソールのCloudFrontサービスから行います。Webディストリビューションを選択し、コンテンツが保存されているS3バケットを指定しましょう。その他、キャッシュの設定やセキュリティポリシー、カスタムドメイン名などの設定も、ここで同時に行えます。作成したディストリビューションは、ステータスが「Deployed」になったら使用可能です。さらに、ディストリビューションを有効化するために「Enabled」を選択することを忘れずに。DNSの設定ディストリビューションを有効化すると、CloudFrontから提供されるドメイン名が生成されます。このドメイン名を使って、コンテンツを配信するためのDNSエントリ(CNAMEレコード)を設定します。CloudFrontでは、このDNSエントリを使うことで、CloudFrontから割り当てられたドメイン名ではなく、独自のドメイン名をコンテンツのURLで使用できます。コンテンツの配信以上の手順を経て、DNSの設定が完了すれば、いよいよCloudFrontでのコンテンツ配信が可能になります。ユーザーは、CloudFrontのドメイン名を通じてコンテンツにアクセスできます。以上が、AWSのCDNであるCloudFrontを利用するための一連の手順です。AWSの各サービスを適切に設定・連携させることで、高速かつ安全なコンテンツ配信を実現できます。すでにAWSの環境を検討しているなら、ぜひCloudFrontの導入も検討してみてはいかがでしょうか。AWSのCDNにかかる料金・費用AWSのCDNを利用する際は、データ転送料が主な費用となります。ただし、月間1TBまでのデータ転送と月間2000万件までのHTTPSリクエストは無料の対象です。また、AWSの他のサービスと組み合わせることで、一部の料金を節約できることもあります。CloudFrontの料金体系を理解し、自社のニーズに合わせて適切に活用することが、コスト最適化につながるでしょう。料金については複雑な計算が必要となるため、下記ページからケーススタディをチェックしておきましょう。Amazon公式:料金 - Amazon CloudFront | AWSここでは、AWSのCDNを利用する際に理解しておくべき主要な料金体系について解説しておきます。エッジサーバーへのデータ転送料オリジンサーバーへのデータ転送料ユーザーへのデータ転送料エッジサーバーへのデータ転送料CloudFrontのエッジサーバーにコンテンツをキャッシュするためのデータ転送には、料金がかかります。この料金は、オリジンサーバーからエッジサーバーへのデータ転送量に基づいて計算されます。ただし、AWSのS3やEC2をオリジンとして使用する場合、エッジサーバーへのデータ転送は無料です。つまり、AWS内のサービスの活用によって、この部分のコストを抑えることができるものです。オリジンサーバーへのデータ転送料エッジサーバーにキャッシュされていないコンテンツをオリジンサーバーから取得する際にも、データ転送料が発生します。この料金は、エッジサーバーからオリジンサーバーへのデータ転送量に応じて課金されます。前述のとおり、AWSのサービスをオリジンとして利用する場合は無料です。自社のオリジンサーバーを使う場合は、この点に注意が必要でしょう。ユーザーへのデータ転送料エッジサーバーからエンドユーザーへのデータ転送にも料金がかかります。CloudFrontを通じてユーザーに配信されるデータ量に基づいて計算されます。料金は、データ転送量と転送先のリージョンによって異なります。一般的に、データ転送量が多いほど、1GBあたりの単価は安くなる傾向にあります。また、日本を含むアジアパシフィックリージョンは、他のリージョンと比べてやや高めの料金設定です。Amazon CloudFrontの利用には知識が必要ここまで触れてきた内容を見ていただけたらお分かりいただけるかと思いますが、CloudFrontを含むAWSのサービスを効果的に利用するには、クラウドインフラに関する深い知識と経験が求められます。適切なオリジンサーバーの設定、キャッシュ制御、アクセス制限、モニタリングなど、考慮すべき点は多岐にわたります。加えて、AWSは常に進化し続けているため、最新の情報をキャッチアップし続ける必要もあるでしょう。そのため、自社だけでCloudFrontを運用していくには、専門性の高い人材の採用・育成から、適切なプロジェクト管理まで、多くの労力が必要です。もし社内にそのようなリソースが不足しているのであれば、AWSに精通した外部ベンダーへの委託も検討してみてください。テックユニットで効率よく開発CloudFrontを含むAWSの活用には専門知識が欠かせませんが、すべてを内製化する必要はありません。AWSの導入・運用にも対応できる「テックユニット」であれば、外部チームを素早く編成できます。多数のプロジェクト経験から培ったノウハウを持ち、インフラ設計、コード開発、運用自動化など、AWSに関するあらゆる領域をカバーいたします。また、ビジネス要件の変化に合わせて、いつでもリソースの増減が可能です。まずは、お気軽にお問い合わせください。AWSとCDNに関するFAQ最後に、AWSとCDNに関する質問へ回答します。CDNは必要ですか?CDNとプロキシの違いは何ですか?CloudFrontとCDNの違いは何ですか?CDNとNPMの違いは何ですか?CDNは必要ですか?CDNの利用によって、パフォーマンス、可用性、セキュリティの面で大きなメリットが得られます。特にグローバルなユーザーを対象としたサービスや、高いパフォーマンスが求められるWebサイトやアプリケーションには、CDNの導入が不可欠と言えるでしょう。CDNとプロキシの違いは何ですか?CDNとプロキシは、どちらもクライアントとサーバー間に位置し、コンテンツの配信を最適化するという点で似ていますが、その目的と機能には違いがあります。プロキシは、主にセキュリティとアクセス制御を目的としたシステムです。一方、CDNは、コンテンツの配信を最適化することを主な目的としています。つまり、プロキシはセキュリティとアクセス制御に重点を置いているのに対し、CDNはパフォーマンスと可用性の向上に重点を置いていると言えます。CloudFrontとCDNの違いは何ですか?CloudFrontは、AWSが提供するCDNサービスの1つです。そして、CloudFrontはCDNの一種であり、CDNの機能を備えています。CDNとは前述の通り、コンテンツを世界中のエッジロケーションに分散配置し、ユーザーにもっとも近いエッジロケーションからコンテンツを配信することで、パフォーマンスと可用性を向上させるシステムのことを指します。CloudFrontは、このCDNの機能を備えつつ、AWSならではの連携性、柔軟性、モニタリング機能、コスト最適化などの利点を提供するサービスです。CDNとNPMの違いは何ですか?CDNとNPMは、どちらもコンテンツの配信に関連するシステムですが、その対象と目的が大きく異なります。CDNは、Webサイトやアプリケーションのコンテンツ(HTML、CSS、JavaScript、画像、動画など)を世界中のエッジロケーションに分散配置し、ユーザーにもっとも近いエッジロケーションからコンテンツを配信することで、パフォーマンスと可用性を向上させるシステムです。一方、NPM(Node Package Manager)は、JavaScriptのパッケージ管理システムです。NPMを使うことで、開発者は自分のプロジェクトで使用するJavaScriptのライブラリやフレームワークを簡単にインストール、管理できます。ただし、NPMで管理されているJavaScriptライブラリやフレームワークも、最終的にはWebサイトやアプリケーションに組み込まれ、CDNを通じてエンドユーザーに配信されることがあります。まとめAWSのCDNサービスであるAmazon CloudFrontは、世界中に分散配置された200以上のエッジロケーションを活用し、ユーザーにもっとも近い場所からコンテンツを配信することで、低レイテンシとスループットを実現します。そのため、Webサイトやアプリケーションのロード時間を短縮し、コストを削減しつつ、オリジンサーバーへの負荷を軽減できます。さらに、セキュリティの改善、詳細なレポートの作成、他のAWSサービスとのシームレスな連携など、多くのメリットも得られるでしょう。ただし、CloudFrontを含むAWSのサービスを効果的に利用するには、クラウドインフラに関する深い知識と経験が求められます。自社だけで運用するのが難しい場合は、AWSにも精通したチームを構築できるテックユニットをぜひご利用ください。%3Cdiv%20style%3D%22background-color%3A%20%23eee%3B%20border%3A%201px%20solid%20%23ddd%3B%20padding%3A%2020px%3B%20margin%3A%20auto%3B%22%3E%0A%3Ca%20href%3D%22https%3A%2F%2Fn-v-l.co%2Fcontact%3Futm_source%3Dblog%26utm_medium%3Dbanner%26utm_campaign%3Darticle-inside-banner%22%20target%3D%22_blank%22%20rel%3D%22noopener%22%20style%3D%22display%3A%20block%3B%20text-decoration%3A%20none%3B%22%3E%0A%20%20%20%20%3Cimg%20src%3D%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-cms-assets%2Fprojects%2FmoWvdvrgq6%2Fs-2400x1000_v-frms_webp_d771ec1e-0c46-4bdc-97d1-622fc7e3da55.png%22%20alt%3D%22Job%20X%E3%83%90%E3%83%8A%E3%83%BC%22%20style%3D%22width%3A%20100%25%3B%20height%3A%20auto%3B%22%3E%0A%3C%2Fa%3E%0A%0A%20%3Cp%20style%3D%22color%3A%20%23555%3B%20line-height%3A%201.6%3B%22%3ETechUnit%EF%BC%88%E3%83%86%E3%83%83%E3%82%AF%E3%83%A6%E3%83%8B%E3%83%83%E3%83%88%EF%BC%89%E3%81%AF%E3%80%81%E6%9C%88%E9%A1%8D%E5%88%B6%E3%81%A7%E9%96%8B%E7%99%BA%E6%94%AF%E6%8F%B4%E3%82%92%E8%A1%8C%E3%81%86%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%81%A7%E3%81%99%E3%80%82%3C%2Fp%3E%0A%20%3Cdiv%0A%20%20%20style%3D%22margin-top%3A%2020px%3B%20padding%3A%200%3Bbackground-color%3A%20%23fff%3B%20margin-bottom%3A%2010px%3B%20padding%3A%2010px%3B%20border-radius%3A%205px%3B%20box-shadow%3A%200%202px%204px%20rgba(0%2C0%2C0%2C0.1)%3B%22%3E%0A%20%20%20%3Cul%20style%3D%22list-style%3A%20none%20!important%3B%20%22%3E%0A%20%20%20%20%20%3Cli%3E%E2%9C%94%20%3Cspan%20style%3D%22color%3A%20red%3B%22%3E%20%E9%96%8B%E7%99%BA%E3%81%8C%E9%80%B2%E3%81%BE%E3%81%AA%E3%81%84%3C%2Fspan%3E%3C%2Fli%3E%0A%20%20%3Cli%3E%E2%9C%94%20%3Cspan%20style%3D%22color%3A%20red%3B%22%3E%20%E8%A6%81%E4%BB%B6%E3%81%8C%E6%B1%BA%E3%81%BE%E3%81%A3%E3%81%A6%E3%81%84%E3%81%AA%E3%81%84%E3%81%AE%E3%81%A7%E6%9F%94%E8%BB%9F%E3%81%AB%E9%80%B2%E3%82%81%E3%81%9F%E3%81%84%3C%2Fspan%3E%3C%2Fli%3E%0A%20%20%3Cli%3E%E2%9C%94%20%3Cspan%20style%3D%22color%3A%20red%3B%22%3E%E4%BB%8A%E4%BE%9D%E9%A0%BC%E3%81%97%E3%81%A6%E3%81%84%E3%82%8B%E9%96%8B%E7%99%BA%E4%BC%9A%E7%A4%BE%E3%81%AB%E4%B8%8D%E6%BA%80%E3%81%8C%E3%81%82%E3%82%8B%0A%3C%2Fspan%3E%3C%2Fli%3E%0A%20%20%20%3C%2Ful%3E%0A%20%3C%2Fdiv%3E%0A%0A%20%3Cp%20style%3D%22color%3A%20%23555%3B%20line-height%3A%201.6%3B%22%3E%0A%20%20%20%3Cspan%20style%3D%22color%3A%20%23007bff%3B%20font-weight%3A%20bold%3B%22%3E%E8%B2%BB%E7%94%A8%E3%81%8C%E7%99%BA%E7%94%9F%E3%81%97%E3%81%AA%E3%81%84%E3%81%94%E7%9B%B8%E8%AB%87%E3%81%AE%E6%AE%B5%E9%9A%8E%E3%81%A7%E3%80%81%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%92%E8%A1%8C%E3%81%84%E3%80%81%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%AF%8E%E3%81%AB%E6%9C%80%E9%81%A9%E3%81%AA%E3%83%81%E3%83%BC%E3%83%A0%E3%82%92%E3%81%94%E6%8F%90%E6%A1%88%E3%81%97%E3%81%A6%E3%81%8A%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82%3C%2Fspan%3E%0A%20%3C%2Fp%3E%0A%3Cp%20style%3D%22color%3A%20%23555%3B%20line-height%3A%201.6%3B%22%3E%0A%E3%83%97%E3%83%A9%E3%83%B3%E3%81%AB%E5%BF%9C%E3%81%98%E3%81%A6%E6%9F%94%E8%BB%9F%E3%81%AA%E9%96%8B%E7%99%BA%E4%BD%93%E5%88%B6%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%84%E3%81%9F%E3%81%97%E3%81%BE%E3%81%99%E3%80%82%E3%82%82%E3%81%A1%E3%82%8D%E3%82%93%E3%80%81%E9%96%8B%E7%99%BA%E7%8A%B6%E6%B3%81%E3%81%AB%E5%BF%9C%E3%81%98%E3%81%9F%E3%83%A1%E3%83%B3%E3%83%90%E3%83%BC%E3%81%AE%E5%A2%97%E6%B8%9B%E3%82%82%E5%8F%AF%E8%83%BD%E3%81%A7%E3%81%99%E3%80%82%3C%2Fp%3E%0A%0A%20%3Cp%20style%3D%22color%3A%20%23555%3B%20line-height%3A%201.6%3B%22%3E%0A%20%20%20%3Cspan%20style%3D%22color%3A%20%23007bff%3B%20font-weight%3A%20bold%3B%22%3E%E7%84%A1%E6%96%99%E7%9B%B8%E8%AB%87%E3%82%82%E6%89%BF%E3%81%A3%E3%81%A6%E3%81%8A%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82%3C%2Fspan%3E%E3%81%BE%E3%81%9A%E3%81%AF%E3%81%8A%E6%B0%97%E8%BB%BD%E3%81%AB%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%EF%BC%81%3C%2Fp%3E%0A%20%3Cdiv%20style%3D%22text-align%3A%20center%3B%20margin-top%3A%2030px%3B%20margin-bottom%3A%2020px%22%3E%0A%20%20%20%3Ca%20href%3D%22https%3A%2F%2Fn-v-l.co%2Fcontact%22%0A%20%20%20%20%20target%3D%22_blank%22%20rel%3D%22noopener%22%0A%20%20%20%20%20style%3D%22display%3A%20block%3B%20background-color%3A%20%23ff9d00%3B%20color%3A%20white%3B%20padding%3A%2020px%2020px%3B%20text-decoration%3A%20none%3B%20border-radius%3A%205px%3B%20border%3A%201px%20solid%20%23d67c00%3B%20box-shadow%3A%203px%203px%205px%200px%20rgba(0%2C0%2C0%2C0.3)%3Bwidth%3A50%25%3Bmargin%3A%20auto%3B%22%3E%0A%20%20%20%20%20%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89%20%20%20%3C%2Fa%3E%0A%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E