LINEミニアプリは、安価に顧客へリーチできるコストパフォーマンスに優れたアプリです。公式発表によると、LINEの月間利用者数は8,900万人以上に達しており、アクティブユーザーも85%と高い数値であることがわかります。年齢別の利用率でも、10~50代まで80%以上であり、60代でも50%以上のユーザーがLINEを活用しているようです。そのため、LINEミニアプリを活用すると、幅広い年代に訴求できます。この記事では、LINEミニアプリの概要から、開発方法まで解説します。費用やメリット・デメリットなども含めて紹介するので、ぜひ参考にしてください。LINEミニアプリとはLINEミニアプリは、LIFF(LINE Front-End Framework)上で実行されるWebアプリです。LINEユーザーは、特別なアプリをインストールすることなく利用できます。そのため、導入が手軽で、使い勝手も良い点が特徴です。ユーザーが使用できる機能には、以下のようなものがあります。お店の予約注文受付会員証の発行注文データの効率的な管理・活用 など近年、ビジネスで非常に有効なツールとして注目を集めているLINEミニアプリですが、開発者視点ではどのようなことができるのか確認しましょう。LINEミニアプリでできることLINEアプリでできることとして、次の2つの機能を解説します。ビルトイン機能カスタム機能ビルトイン機能ビルトイン機能とは、LINEミニアプリをほかのユーザーにおすすめする機能です。画面上のアクションボタンを押すと、友達にシェアできるといった作りになっています。シェアされたユーザーは、サービス利用のためにアクセス権限を付与するか選択できます。カスタム機能の追加LINEミニアプリでは、以下3つの機能を追加できます。サービスメッセージ決済システムの利用カスタムアクションボタン【サービスメッセージ】ユーザーからメッセージが投稿されたときに、自動で返信できる機能です。送るテンプレートの文章と、通知トークンを取得すると利用できます。テンプレート設定は、以下の手順で行います。テンプレートを作成・選択テンプレート詳細を設定プレビューで確認テストメッセージ送信使用事例を入力使用事例であらかじめ決めた項目以外で使用すると、テンプレートが使えなくなる可能性もあります。十分に注意して運用しましょう。【決済システム(LINE Pay)の利用】サービスの対価を、LINE PayやLINE Checkoutで決済できる機能です。連携にはLINE Pay加盟店のアカウントが必要ですが、アプリ1つで完結するユーザーの利便性を確保できます。決済機能は、Sandboxを使用してテストを実施してからリリースしてください。LINE外部の決済機能では、LINEミニアプリ内で完結する作りにはできず、外部ページを用意しなければいけません。【カスタムアクションボタン】LINEミニアプリではアクションボタンが実装されていますが、ボタンのカスタマイズも可能となっています。LINEミニアプリの構造LINEミニアプリは、ヘッダーとボディから構成されています。ヘッダーは、LINEが自動で生成するものの、背景色はカラーコードで変更可能です。ヘッダーには、以下の機能が実装されています。サービス名サブテキストアクションボタン閉じるボタン戻るボタン(ios版アプリのみ)読込み状況表示ボディには、WebViewが採用されています。HTML5を利用できるため、Map系のAPIでも、互換性がある場合は設定可能です。LINEミニアプリの開発にかかる費用目安LINEミニアプリ開発にかかる費用は、開発規模や仕様により差があります。ここでは、大まかな開発費用相場として、表にまとめました。%3Ctable%20style%3D%E2%80%9Dwidth%3A100%25%E2%80%9D%3E%3Ctr%20style%3D%22vertical-align%3A%20middle%3B%22%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3ELINE%E3%83%9F%E3%83%8B%E3%82%A2%E3%83%97%E3%83%AA%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3ELIFF%E3%82%A2%E3%83%97%E3%83%AA%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E3%83%8D%E3%82%A4%E3%83%86%E3%82%A3%E3%83%96%E3%82%A2%E3%83%97%E3%83%AA%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%AA%E6%A9%9F%E8%83%BD%E3%81%AE%E3%81%BF%E3%81%AE%E5%A0%B4%E5%90%88%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E100%E3%80%9C200%E4%B8%87%E5%86%86%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E200%E3%80%9C250%E4%B8%87%E5%86%86%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E250%E3%80%9C300%E4%B8%87%E5%86%86%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E8%A4%87%E9%9B%91%E3%81%AA%E6%A9%9F%E8%83%BD%E3%82%92%E7%9B%9B%E3%82%8A%E8%BE%BC%E3%82%80%E5%A0%B4%E5%90%88%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E300%E4%B8%87%E5%86%86%E4%BB%A5%E4%B8%8A%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E500%E4%B8%87%E5%86%86%E4%BB%A5%E4%B8%8A%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E1%2C000%E4%B8%87%E5%86%86%E4%BB%A5%E4%B8%8A%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3ELIFFアプリは、LINEミニアプリとiOS/Androidにそれぞれ対応するネイティブアプリの中間に位置します。一言メモLIFFアプリ…LIFF(LINEのサービス)を上で動作するアプリネイティブアプリ…アプリストアでLINE以外にインストールして使用するアプリ企業がLINEミニアプリを開発する「メリット」LINEミニアプリを利用するメリットは、以下のとおりです。開発費用が抑えられるLINEアプリなので削除されない会員証やクーポンとして使えるLINEを使った拡散効果が期待できる通常、ネイティブアプリの開発ではiOSとAndroidの両方に対応しなければいけないため、高コストになります。しかし、LINEミニアプリではストア申請済みのLINEでシステムを構築できるため、1度の開発で済みます。また、LINEをインストールしているユーザーは、アプリストアからサービスを検索する手間がありません。アクティブユーザーが多いLINEで、削除されることなく継続して利用される見込みが生まれます。さらに、既存の会員証やクーポンとの連携や友達追加による拡散といった、マーケティング効果も期待できます。企業のLINEミニアプリ開発で知っておきたい「デメリット」企業でLINEミニアプリを開発する際は、以下のようなデメリットも存在します。LINEを利用していないとアプリを使えないネイティブアプリほどカスタマイズの自由度がないアイコンがないのでブランディングがしにくいテスト段階のため導線が少ないLINEは国内で圧倒的なシェア率となっているものの、未利用ユーザーも存在します。そのため、LINEのターゲット層と異なるユーザーには訴求できません。カスタム機能にも制限があることから、ネイティブアプリほどの拡張性は期待できないでしょう。また、ホーム画面にアイコンが必要ないため、訴求力に欠けるかもしれません。LINE以外の導線が少ない点もデメリットになります。QRコードでLINE外からの導線を確保できますが、発展途上といえるでしょう。LINEミニアプリ開発を始める前に検討することメリット・デメリットを踏まえた上で、開発前に検討すべき以下の2点を解説します。開発方法決済システム開発方法LINEミニアプリは、HTMLベースで開発できますが、最低限の知識がなければ対応は難しいです。ReactやVueを利用すれば開発期間も抑えられるので、システム開発に詳しくない場合は外注しましょう。開発方法は、パッケージを利用する場合と、個別にスクラッチ開発する2種類の方法があります。それぞれの特徴を表にまとめました。%3Ctable%20style%3D%E2%80%9Dwidth%3A100%25%E2%80%9D%3E%3Ctr%20style%3D%22vertical-align%3A%20middle%3B%22%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E9%96%8B%E7%99%BA%E6%96%B9%E6%B3%95%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E7%89%B9%E5%BE%B4%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8%E5%88%A9%E7%94%A8%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E3%83%BB%E7%B4%A0%E6%97%A9%E3%81%8F%E5%B0%8E%E5%85%A5%E3%81%A7%E3%81%8D%E3%82%8B%3Cbr%3E%E3%83%BB%E5%88%9D%E6%9C%9F%E8%B2%BB%E7%94%A8%E3%81%A8%E6%9C%88%E9%A1%8D%E5%88%A9%E7%94%A8%E6%96%99%E3%81%8C%E3%81%8B%E3%81%8B%E3%82%8B%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E5%80%8B%E5%88%A5%E9%96%8B%E7%99%BA%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E3%83%BB%E6%99%82%E9%96%93%E3%81%A8%E3%82%B3%E3%82%B9%E3%83%88%E3%81%8C%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8%E4%BB%A5%E4%B8%8A%E3%81%AB%E3%81%8B%E3%81%8B%E3%82%8B%3Cbr%3E%E3%83%BB%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8%E3%82%88%E3%82%8A%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E3%81%AE%E5%B9%85%E3%81%8C%E5%A4%A7%E3%81%8D%E3%81%84%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3E決済システム決済システムの導入方法は、以下の2種類です。%3Ctable%20style%3D%E2%80%9Dwidth%3A100%25%E2%80%9D%3E%3Ctr%20style%3D%22vertical-align%3A%20middle%3B%22%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E6%B1%BA%E6%B8%88%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%81%AE%E7%A8%AE%E9%A1%9E%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E7%89%B9%E5%BE%B4%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3ELINE%20Pay%E3%82%84LINE%20Checkout%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E3%83%BBLINE%20Pay%E5%8A%A0%E7%9B%9F%E5%BA%97%E3%81%AE%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%81%8C%E5%BF%85%E8%A6%81%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E4%BB%96%E3%81%AE%E6%B1%BA%E6%B8%88%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E3%83%BB%E5%A4%96%E9%83%A8%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E3%82%84%E3%82%A2%E3%83%97%E3%83%AA%E3%81%8C%E5%BF%85%E8%A6%81%3Cbr%3E%E3%83%BB%E6%B1%BA%E6%B8%88%E5%BE%8CLINE%E3%83%9F%E3%83%8B%E3%82%A2%E3%83%97%E3%83%AA%E3%81%B8%E9%81%B7%E7%A7%BB%E3%81%99%E3%82%8B%E8%A8%AD%E5%AE%9A%E3%81%8C%E5%BF%85%E8%A6%81%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3ELINE Payを活用できることは、LINEプラットフォームならではの大きなメリットです。その他の方法で決済する場合には、決済方法に応じて準備をしましょう。LINEミニアプリの開発方法LINEミニアプリの開発方法を、順を追って解説します。開発プログラムへの登録(エントリー)申請・審査依頼アプリ開発リリース審査提供開始開発プログラムへの登録(エントリー)LINEミニアプリ開発プログラムの利用は、事前審査を通過したサービス開発者のみ許可されています。そのため、登録申請が必須です。LINE Developersコンソールで「LINEミニアプリチャネル」を作成する必要があります。申請・審査依頼LINEミニアプリチャネルが作成されると、ステータスが「公開中」となります。送られてきた企画書の雛形を参考に必要な情報を入力して、審査を依頼しましょう。日本版の開発は、LINEミニアプリ エントリー窓口に申請してチャネルを取得しましょう。以下のチェックポイントをあらかじめ確認すると、申請もとおりやすくなるはずです。ユーザーの日常生活の"非効率"を解決するサービスであるかどうか?実店舗や貴社等から積極的に利用誘導していただけるシナリオか?ユーザーにとって面倒な手続きが不要なUI設計になっているかどうか?引用:LINEミニアプリ エントリー窓口審査には1〜2週間程度かかります。アプリ開発審査を通過すると、LINEミニアプリの開発ができるようになります。リリース審査アプリ開発が終われば、リリース審査となります。LINE社が提供するガイドラインやルールを遵守しているか事前に確認しましょう。確認が終了したら、LINE Developersよりリリース審査用の企画書を提出します。審査期間は、2~3週間程度を見込んでおきましょう。提供開始LINEミニアプリの提供前には、以下のような項目を確認しておきましょう。LINEミニアプリのアイコン作成カスタムボタンの実装サービスメッセージの送信チャンネル同意画面の簡略化決済システムの利用パーマネントリンクの作成LINE DevelopersでLINEミニアプリの設定を管理リリースまでのプロセスやガイドラインなどは、公式サイトを参照してください。LINEミニアプリ開発に関するQ&ALINEミニアプリ開発に関するよくある4つの疑問に、Q&A形式で回答します。LIFFアプリとの違いは何?LINEミニアプリの探し方は?Qiitaってどんなサイト?個人事業主も開発できる?LIFFアプリとの違いは何?LIFFアプリとLINEミニアプリは、主に動作環境が大きく異なります。以下の表にまとめたので、確認してください。%3Ctable%20style%3D%E2%80%9Dwidth%3A100%25%E2%80%9D%3E%3Ctr%20style%3D%22vertical-align%3A%20middle%3B%22%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3ELINE%E7%A4%BE%E3%81%8B%E3%82%89%E3%81%AE%E9%96%8B%E7%99%BA%E8%A8%B1%E5%8F%AF%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E5%8B%95%E4%BD%9C%E7%92%B0%E5%A2%83%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3ELINE%E3%83%9F%E3%83%8B%E3%82%A2%E3%83%97%E3%83%AA%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E5%BF%85%E8%A6%81%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E3%82%B9%E3%83%9E%E3%83%9B%E7%89%88LINE%E3%81%AE%E3%81%BF%E3%81%AE%E5%8B%95%E4%BD%9C%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3ELIFF%E3%82%A2%E3%83%97%E3%83%AA%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E4%B8%8D%E8%A6%81%3C%2Ftd%3E%3Ctd%20style%3D%22border%20%3A1px%20solid%20%23000000%3B%20padding%3A10px%3Bline-height%3A%201.5em%3B%22%3E%E4%B8%80%E8%88%AC%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E4%B8%8A%E3%81%A7%E3%82%82%E5%8B%95%E4%BD%9C%E3%81%99%E3%82%8B%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3ELINEミニアプリの探し方は?LINEミニアプリへの導線には、以下の種類があります。パーマネントリンクを取得してLINE外のページからアクセス└企業のページやQRコードからアクセスする方法LINE公式アカウント内からアクセス└公式アカウントのトーク画面に、ミニアプリへのリンクを追加可能LINEのホームタブからアクセス└ホームタブからサービスを追加可能LINEの検索機能からアクセス└標準の検索窓から検索LINEメッセージにより友だち同士のシェア└ミニアプリ内のアクションボタンを使用してアプリのページをシェアユーザーは、アプリの探し方で迷うことが多いです。企業として利用してもらうためには、導線設計も検討しましょう。Qiitaってどんなサイト?Qiitaとは、エンジニアに関する知識を記録・共有するためのサービスです。利用対象が、エンジニアに絞られているため、情報共有による技術レベル向上が期待できます。LINEミニアプリの開発に関する情報が気になる場合は、確認してみるのも良いでしょう。LINEミニアプリは個人事業主でも開発できる?LINEミニアプリは、個人事業主でも開発に制限はありません。しかし、審査にとおりづらいといった状況は考えられます。%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