<div class="p-mv">
    <div class="l-container p-mv__container">
        <h2 class="p-mv__copy">
            <span class="p-mv__copy-sub">もっと身近に<strong>ホームページ制作</strong>を</span>
            <span class="p-mv__copy-main">
                <span>初期費用</span>
                <img src="/storage/photos/1/0en.png" alt="0円（タダ）">
            </span>
        </h2>
        <p class="p-mv__price">
            <span class="p-mv__price-label"><span style="
    margin-top: 3px;
    float: left;
">運用サポート</span></span>
            <span class="p-mv__price-copy"> 月額 <strong>5,000</strong>円</span>
        </p>
        <div class="p-mv__image u-mobile-hidden">
            <ul>
                <li>
                    <img src="/storage/photos/1/homepage_img1.png" style="width:645px;">
                </li>
            </ul>
        </div>
        <div class="p-mv__button">
            <div class="circle_grid">
                <div class="circle_item">
                    <div class="circle_content">
                        <strong>全国<br>対応</strong>
                    </div>
                </div>
                <div class="circle_item">
                    <div class="circle_content">
                        <strong>5営業日<br>で制作</strong>
                    </div>
                </div>
                <div class="circle_item">
                    <div class="circle_content">
                        <strong>乗換え<br>無料</strong>
                    </div>
                </div>
                <div class="circle_item">
                    <div class="circle_content">
                        <strong>解約費<br>無料</strong>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="c-action">
    <div class="m-cta-04">
        <div class="l-content-base">
            <p class="m-cta-04-ttl">ご相談は、以下よりお気軽に<span class="ib">お問い合わせください</span></p>
            <div class="m-cta-04-wrap">
                <a class="m-cta-04-btn" target="_blank"><span>サービス資料ダウンロード</span></a>
                <a class="m-cta-04-btn btn--red" href="#link-contact" target="_blank"><span>無料相談･お問い合わせ</span></a>
            </div>
            <p class="m-cta-04-tel">
                <span class="m-cta-04-tel-tag">TEL</span>
                <span class="m-cta-04-tel-num">0474-022-022</span>
                <span class="m-cta-04-tel-time mobile-none ">営業時間：平日09:00～18:00</span>
            </p>
        </div>
    </div>
</div>
<section class="l-section p-faq u-bg-secondary">

    <div class="l-section__header p-introduction__header">
        <h2 class="c-heading__lv2">
            <span>お知らせ</span>
        </h2>
    </div>
    <section class="list-news" id="business-09">
        <div class="container">
            <div class="business-link">
                <div class="top__news-contents">
                    <div class="top__news-list">
                        <ul>

                            <li class="link">
                                <div class="title-header">
                                    <div class="contet-new">
                                        <div class="news-date">
                                            <span>2024-12-15</span>
                                        </div>
                                        <div class="news-detail">
                                            <p>
                                                <span>年末年始休業のお知らせ（休業期間：12月28日～1月5日）</span>
                                            </p>
                                        </div>
                                    </div>
                                    <i class="plus-btn fa fa-plus"></i>
                                </div>
                                <div class="body-content">
                                    <p>
                                        平素は格別のお引き立てを賜り、厚く御礼申し上げます。<br>
                                        誠に勝手ながら、弊社では下記の日程を年末年始休業とさせていただきます。<br>
                                        <br>
                                        休業期間：2024年12月28日（土）～2025年1月5日（日）<br>
                                        <br>
                                        期間中の各種お問合せなどは、1月6日（月）以降の対応とさせていただきます。<br>
                                        何卒ご理解とご了承の程、よろしくお願い申し上げます。<br>
                                        <br>
                                        なお、休業期間中も入国後講習は土・日曜を除き、通常通り行います。
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
</section>
<div class="c-action">
    <div class="m-cta-04">
        <div class="l-content-base">
            <p class="m-cta-04-ttl">ご相談は、以下よりお気軽に<span class="ib">お問い合わせください</span></p>
            <div class="m-cta-04-wrap">
                <a class="m-cta-04-btn" target="_blank"><span>サービス資料ダウンロード</span></a>
                <a class="m-cta-04-btn btn--red" href="#link-contact" target="_blank"><span>無料相談･お問い合わせ</span></a>
            </div>
            <p class="m-cta-04-tel">
                <span class="m-cta-04-tel-tag">TEL</span>
                <span class="m-cta-04-tel-num">0474-022-022</span>
                <span class="m-cta-04-tel-time mobile-none ">営業時間：平日09:00～18:00</span>
            </p>
        </div>
    </div>
</div>
<section id="link-introduction" class="l-section p-faq u-bg-secondary">
    <div class="l-container p-introduction__container">
        <div class="l-section__header p-introduction__header">
            <h2 class="c-heading__lv2">
                <span>選ばれる理由</span>
            </h2>
            <p class="c-lead u-wbr">挑戦する企業・個人事業主を支援するために生まれた月額定額制ホームページ制作＆運用代行まで行っております。</br>お客様の<strong>売上・利益の最大化</strong>を目指します。</p>
        </div>
        <div class="l-section__body p-introduction__body">
            <div class="point">
                <div class="point_contentLayout">
                    <h3 class="pointTitle">
                        <div class="pointTitle_num">1</div>
                        <div class="pointTitle_text">
                            <div class="pointTitle_sub">初期費用0円、月額定額制5,000円！</div>
                            <div class="pointTitle_main">圧倒的な<span class="pointTitle_emphasis">低価格</span></div>
                        </div>
                    </h3>
                    <div class="point_texts">
                        <!-- texts start -->
                        <div class="texts">
                            <p>月額定額制で完全オリジナルホームページ制作＆運用代行サービスです。<br>
                                初期費用は<strong class="highlight-border">0円</strong>、<strong class="highlight-border">月額5,000円</strong>だけで効果が出るホームページをご利用いただけます。<strong class="highlight-border">契約期間の縛りや早期解約の違約金等は一切ないので、いつでもご解約できます。</strong></p>
                        </div>
                        <!-- texts end -->
                    </div>
                </div>
                <div class="point_imageLayout">
                    <div class="point_imageWrapper"><img class="point_image" src="/storage/photos/1/erabi_1.png"></div>
                </div>
            </div>
            <div class="point">
                <div class="point_contentLayout">
                    <h3 class="pointTitle">
                        <div class="pointTitle_num">2</div>
                        <div class="pointTitle_text">
                            <div class="pointTitle_sub">追加料金は発生しません！</div>
                            <div class="pointTitle_main">全て<span class="pointTitle_emphasis">込み</span></div>
                        </div>
                    </h3>
                    <div class="point_texts">
                        <!-- texts start -->
                        <div class="texts">
                            <p>ページ数制限なし、<strong class="highlight-border">オリジナルデザイン</strong>、スマホ最適化、SSL（通信の暗号化）、フォトギャラリー設置、メールフォーム設置、サーバー管理、独自ドメイン取得・SEO対策などのサポート、メール設定、ホームページを運用する上で必要なものは「は<strong class="highlight-border">すべてコミコミ</strong>」です。</p>
                        </div>
                        <!-- texts end -->
                    </div>
                </div>
                <div class="point_imageLayout">
                    <div class="point_imageWrapper"><img class="point_image" src="/storage/photos/1/points_02.jpg"></div>
                </div>
            </div>
            <!-- point start -->
            <div class="point">
                <div class="point_contentLayout">
                    <h3 class="pointTitle">
                        <div class="pointTitle_num">3</div>
                        <div class="pointTitle_text">
                            <div class="pointTitle_sub">制作から運用まで、幅広くサポートします</div>
                            <div class="pointTitle_main">万全の<span class="pointTitle_emphasis">サポート体制</span></div>
                        </div>
                    </h3>
                    <div class="point_texts">
                        <!-- texts start -->
                        <div class="texts">
                            <p><strong class="highlight-border">人件費0円</strong>、専門の技術者やホームページ更新用のソフト購入など、無駄なコストをかける必要はございません。ドメイン・サーバー管理やホームページの更新業務を全て弊社へ委託していただけますのでお客様は安心して本業に集中していただく事ができます。「<strong class="highlight-border">急いで、更新を行いたい</strong>」 そんなときもおまかせください。</p>
                        </div>
                        <!-- texts end -->
                    </div>
                </div>
                <div class="point_imageLayout">
                    <div class="point_imageWrapper"><img class="point_image" src="/storage/photos/1/points_03.jpg"></div>
                </div>
            </div>
            <!-- point end -->
            <!-- point start -->
            <div class="point">
                <div class="point_contentLayout">
                    <h3 class="pointTitle">
                        <div class="pointTitle_num">4</div>
                        <div class="pointTitle_text">
                            <div class="pointTitle_sub">「作って終わり」ではありません！</div>
                            <div class="pointTitle_main">導入後の更新も<span class="pointTitle_emphasis">無料</span></div>
                        </div>
                    </h3>
                    <div class="point_texts">
                        <!-- texts start -->
                        <div class="texts">
                            弊社では、公開後のデータ更新も「<strong class="highlight-border">無償</strong>」で承っております。「作っておわり」ではなく、継続してお客様のサポートにあたります！必要になる修正や更新などもLINE・Chatwork・メール・電話・ZOOMなどで<strong>無料で対応</strong>致しますので、いつでもお気軽にお問い合わせください。
                        </div>
                        <!-- texts end -->
                    </div>
                </div>
                <div class="point_imageLayout">
                    <div class="point_imageWrapper"><img class="point_image" src="/storage/photos/1/points_04.jpg"></div>
                </div>
            </div>
        </div>
    </div>
</section>


<div class="c-action">
    <div class="m-cta-04">
        <div class="l-content-base">
            <p class="m-cta-04-ttl">ご相談は、以下よりお気軽に<span class="ib">お問い合わせください</span></p>
            <div class="m-cta-04-wrap">
                <a class="m-cta-04-btn" target="_blank"><span>サービス資料ダウンロード</span></a>
                <a class="m-cta-04-btn btn--red" href="#link-contact" target="_blank"><span>無料相談･お問い合わせ</span></a>
            </div>
            <p class="m-cta-04-tel">
                <span class="m-cta-04-tel-tag">TEL</span>
                <span class="m-cta-04-tel-num">0474-022-022</span>
                <span class="m-cta-04-tel-time mobile-none ">営業時間：平日09:00～18:00</span>
            </p>
        </div>
    </div>
</div>
<section id="link-problem" class="l-section p-faq u-bg-secondary" style="padding-bottom:0px;">
    <div class="l-container p-problem__container">
        <div class="l-section__header p-problem__header">
            <h2 class="c-heading__lv2">
                <span>こんな<strong>お悩み</strong>ありませんか？</span>
            </h2>
        </div>
        <div class="l-section__body p-problem__body">
            <div class="common-worries bg-primary-bright">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-12">
                            <div class="row flex-row-reverse justify-content-center">
                                <div class="col-12 col-md-7 d-flex d-md-block flex-column align-items-center">
                                    <div class="worries-item">
                                        <img alt="チェックマーク" class="worries-item-img" height="38" loading="lazy" src="https://hnavi.co.jp/icons/top_worries_check.svg" width="38">
                                        <div class="worries-item-text">毎月の管理費が<span class="fix-line-break-bug">
                                                <div class="worries-em">高い</div>
                                            </span></div>

                                    </div>

                                    <div class="worries-item">
                                        <img alt="チェックマーク" class="worries-item-img" height="38" loading="lazy" src="https://hnavi.co.jp/icons/top_worries_check.svg" width="38">
                                        <div class="worries-item-text">
                                            <span class="fix-line-break-bug">自分で管理する<br class="d-lg-none"></span>
                                            <div class="worries-em">時間がない</div>
                                            。
                                        </div>
                                    </div>
                                    <div class="worries-item">
                                        <img alt="チェックマーク" class="worries-item-img" height="38" loading="lazy" src="https://hnavi.co.jp/icons/top_worries_check.svg" width="38">
                                        <div class="worries-item-text">依頼しても対応が<span class="fix-line-break-bug">
                                                <div class="worries-em">遅い</div>
                                            </span></div>

                                    </div>
                                </div>
                                <div class="col-8 col-md-5 text-end mt-2">
                                    <img alt="困っている人" class="img-fluid" loading="lazy" src="/storage/photos/1/nayami-img-01.png">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="link-solution" class="l-section p-faq u-bg-secondary">
    <div class="l-container p-solution__container">
        <div class="l-section__header p-solution__header">
            <h2 class="c-heading__lv2">
                <span>そのお悩み、<strong>全て解決</strong>します！</span>
            </h2>
        </div>
        <div class="l-section__body p-solution__body">
            <ol class="p-solution__list">
                <li class="p-solution__item">
                    <hgroup class="p-solution__item-header">
                        <p class="p-solution__item-number">Point<span>01</span></p>
                        <h3 class="p-solution__item-title">コストパフォーマンスで<br><strong>集客</strong>を最大化する制作</h3>
                    </hgroup>
                    <p class="p-solution__item-description">
                        低価格な保守・管理費で、貴社専用の「ホームページ担当」として、丁寧・迅速にサポートさせていただきます。<strong class="highlight-border">更新回数無制限</strong>、<strong class="highlight-border">改修回数無制限</strong>、保守管理をお任せいただくと、月々 <strong class="highlight-border">5,000円で専門の担当者</strong>が管理から更新・障害発生時の対応</strong>まで行わせていただきます。</p>
                    <figure class="p-solution__item-image">
                        <img src="/storage/photos/1/reason1.png" alt="制作費0円">
                    </figure>
                </li>
                <li class="p-solution__item">
                    <hgroup class="p-solution__item-header">
                        <p class="p-solution__item-number">Point<span>02</span></p>
                        <h3 class="p-solution__item-title">プロのデザイナーによる<br><strong>ハイクオリティ</strong>な制作
                        </h3>
                    </hgroup>
                    <p class="p-solution__item-description">常時<strong class="highlight-border">SSL標準対応</strong>でWEBサイトを利用するユーザーを保護します。パソコン、タブレット、スマホなど、画面サイズに合わせて表示、セキュリティ万全なサーバーと、<strong class="highlight-border">定期的なバックアップ</strong>でホームページデータをお守りします。メール管理・パソコン操作のサポートも対応いたします。</p>
                    <figure class="p-solution__item-image">
                        <img src="/assets/new/images/solution/image_item-02%402x.png" alt="">
                    </figure>
                </li>
                <li class="p-solution__item">
                    <hgroup class="p-solution__item-header">
                        <p class="p-solution__item-number">Point<span>03</span></p>
                        <h3 class="p-solution__item-title">公開後も安心！<br><strong>徹底した</strong>サポート体制</h3>
                    </hgroup>
                    <p class="p-solution__item-description">
                        ホームページ制作後のサポート体制も万全です。専任担当が迅速に対応いたします。ホームページは完成がゴールではありません。その後のメンテナンス・運用も重要です。サーバー等の更新、データ管理、ドメイン管理、不具合の調整等を随時行いホームページにとって最適な環境を維持します。</p>
                    <figure class="p-solution__item-image">
                        <img src="/storage/photos/1/reason3.png" alt="">
                    </figure>
                </li>
            </ol>
        </div>
    </div>
</section>

<div class="c-action">
    <div class="m-cta-04">
        <div class="l-content-base">
            <p class="m-cta-04-ttl">ご相談は、以下よりお気軽に<span class="ib">お問い合わせください</span></p>
            <div class="m-cta-04-wrap">
                <a class="m-cta-04-btn"><span>サービス資料ダウンロード</span></a>
                <a class="m-cta-04-btn btn--red" href="#link-contact"><span>無料相談･お問い合わせ</span></a>
            </div>
            <p class="m-cta-04-tel">
                <span class="m-cta-04-tel-tag">TEL</span>
                <span class="m-cta-04-tel-num">0474-022-022</span>
                <span class="m-cta-04-tel-time mobile-none ">営業時間：平日09:00～18:00</span>
            </p>
        </div>
    </div>
</div>


<section id="link-comparison" class="l-section p-faq u-bg-secondary">
    <div class="l-container p-comparison__container">
        <div class="l-section__header p-comparison__header">
            <h2 class="c-heading__lv2">
                <span class="u-wbr">スマホ対応もバッチリ!</span>
            </h2>
        </div>
        <div class="l-section__body p-comparison__body" data-comparison-scrollable="">
            <div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-row">
                <div class="row-fluid ">
                    <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
                        <div id="hs_cos_wrapper_widget_1718335823584" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
                            <section class="responsive-support u-ta-c u-bg-gray">
                                <div class="responsive-support__inner l-inner">

                                    <div class="responsive-support__title c-ttl-06 u-fade js-animate is-animate is-animated">
                                        「<span class="u-c-orange">スマホ対応サイト</span>」と「<span class="u-c-gray">非対応サイト</span>」では<br class="u-sm-max"><span class="big"><strong class="highlight-border">見やすさ</strong></span>が全然違います！
                                    </div>

                                    <div class="responsive-support__content u-relative u-fade js-animate is-animate is-animated">
                                        <p class="responsive-support__desc">スマホでパソコンのサイトを閲覧することは可能ですが、とても見づらく不便なんです。<br>つまり、スマホに対応したサイトを作成していなければ大切な<strong class="highlight-border">お客様を逃してしまう</strong>可能性も！</p>
                                        <div class="responsive-support__image u-sm-min">
                                            <img src="/assets/new/images/support_img_02.png" width="244" height="356" loading="lazy" alt="support_img_02">
                                        </div>
                                    </div>
                                    <div class="responsive-support__block u-fade js-animate is-animate is-animated">
                                        <h3 class="responsive-support__btn">スマホ対応していない場合の例</h3>
                                    </div>


                                    <div class="card">

                                        <div class="card__item u-fade u-fade-delay-00 js-animate is-animate is-animated">
                                            <h3 class="card__title ">

                                                <span class="small">「</span><span class="u-c-orange u-relative">スマホ化対応<img src="/assets/new/images/ico_star.svg" width="59" height="58" alt=""></span><span class="small">」</span>

                                            </h3>



                                            <div class="card__content">
                                                <img class="card__image u-object-fit-cover" src="/storage/photos/1/iphone_support.png" width="250" height="490" alt="スマホ化対応" loading="lazy">
                                            </div>

                                        </div>

                                        <div class="card__item card__item--main u-fade-delay-01 js-animate is-animate is-animated">
                                            <h3 class="card__title u-sm-min">

                                                <div class="card__title-inner">
                                                    <span class="card__item-dots">
                                                        <i class="fa-solid fa-circle"></i>
                                                        <i class="fa-solid fa-circle"></i>
                                                        <i class="fa-solid fa-circle"></i>
                                                        <i class="fa-solid fa-circle"></i>
                                                    </span>
                                                    <span class="card__item-text">スマホ化していない<br>サイトはこう見えます</span>
                                                </div>

                                            </h3>

                                            <i class="card__item-icon fa-solid fa-circle-arrow-right u-sm-min"></i>
                                            <div class="card__content">
                                                <div class="card__content-inner">
                                                    <div class="card__content-title c-lead-02">
                                                        スマホ化非対応だと…
                                                    </div>

                                                    <ul class="card__content-list">

                                                        <li class="card__content-item">
                                                            <i class="fa-solid fa-close" style="
    color: red;
    font-size: 20px;
    font-weight: bold;
"></i>文字が読みづらい
                                                        </li>

                                                        <li class="card__content-item">
                                                            <i class="fa-solid fa-close" style="
    color: red;
    font-size: 20px;
    font-weight: bold;
"></i>誤タップが多くなる
                                                        </li>

                                                        <li class="card__content-item">
                                                            <i class="fa-solid fa-close" style="
    color: red;
    font-size: 20px;
    font-weight: bold;
"></i>直接問合せ出来ない
                                                        </li>

                                                    </ul>

                                                </div>
                                            </div>



                                        </div>

                                        <div class="card__item u-fade-delay-02 js-animate is-animate is-animated">
                                            <h3 class="card__title ">

                                                <span class="small">「</span><span class=" u-relative">スマホ化非対応<img src="/assets/new/images/ico_water.svg" width="38" height="38" alt="ico_water"></span><span class="small">」</span>

                                            </h3>



                                            <div class="card__content">
                                                <img class="card__image u-object-fit-cover" src="/storage/photos/1/iphone_not_support.png" width="250" height="490" alt="スマホ化非対応" loading="lazy">
                                            </div>

                                        </div>

                                    </div>

                                </div>
                            </section>
                            <section class="responsive-support responsive-support--new u-bg-gray">
                                <div class="responsive-support__inner l-inner">
                                    <div class="card card--new">

                                        <div class="card__item u-fade u-fade-delay-00 js-animate is-animate is-animated">
                                            <div class="card__image">
                                                <img class="u-object-fit" src="/assets/new/images/card_img_new_01.png" width="300" height="300" alt="スマホユーザーを 逃さない！" loading="lazy">
                                            </div>

                                            <div class="card__content">
                                                <h3 class="card__title">
                                                    スマホユーザーを逃さない
                                                </h3>
                                                <p class="card__desc c-lead-03">
                                                    スマホ対応のサイトを作成しておけば、増加が予想されるスマホユーザーにもホームページを見てもらえる！幅広く御社のホームページを見てもらえるので、<strong class="highlight-border">機会損失を防ぎます</strong>！
                                                </p>
                                            </div>
                                        </div>

                                        <div class="card__item u-fade-delay-01 js-animate is-animate is-animated">
                                            <div class="card__image">
                                                <img class="u-object-fit" src="/assets/new/images/card_img_new_02.png" width="300" height="300" alt="御社サイトが 上位表示される?!" loading="lazy">
                                            </div>

                                            <div class="card__content">
                                                <h3 class="card__title">
                                                    <strong class="highlight-border">SEO（検索順位）に有利</strong>
                                                </h3>
                                                <p class="card__desc c-lead-03">
                                                    Googleはスマホ・タブレット対応手法を推奨しており、検索した時に、御社サイトが上位に表示される効果が期待できます。モバイル対応していないと、検索結果の順位が下がる可能性です。
                                                </p>
                                            </div>
                                        </div>

                                        <div class="card__item u-fade-delay-01 js-animate is-animate is-animated">
                                            <div class="card__image">
                                                <img class="u-object-fit" src="/assets/new/images/card_img_new_03.png" width="300" height="300" alt="更新に手間が かからない！" loading="lazy">
                                            </div>

                                            <div class="card__content">
                                                <h3 class="card__title">
                                                    ユーザーの<br class="u-sm-max">利便性向上<br class="u-sm-min">
                                                </h3>
                                                <p class="card__desc c-lead-03">
                                                    スマホ画面に最適化されたレイアウトで、操作しやすくなります。拡大・スクロールなしで快適に閲覧可能で見やすく、使いやすいサイトは滞在時間が増え、<strong class="highlight-border">離脱率が下がります</strong>。スマホ経由の購入やお問い合わせが増加になります。
                                                </p>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </section>
                        </div>

                    </div><!--end widget-span -->
                </div><!--end row-->
            </div>
        </div>
    </div>
</section>

<div class="c-action">
    <div class="m-cta-04">
        <div class="l-content-base">
            <p class="m-cta-04-ttl">ご相談は、以下よりお気軽に<span class="ib">お問い合わせください</span></p>
            <div class="m-cta-04-wrap">
                <a class="m-cta-04-btn"><span>サービス資料ダウンロード</span></a>
                <a class="m-cta-04-btn btn--red" href="#link-contact"><span>無料相談･お問い合わせ</span></a>
            </div>
            <p class="m-cta-04-tel">
                <span class="m-cta-04-tel-tag">TEL</span>
                <span class="m-cta-04-tel-num">0474-022-022</span>
                <span class="m-cta-04-tel-time mobile-none ">営業時間：平日09:00～18:00</span>
            </p>
        </div>
    </div>
</div>




<section id="link-comparison" class="l-section p-faq u-bg-secondary">
    <div class="l-container p-comparison__container">
        <div class="l-section__header p-comparison__header">
            <h2 class="c-heading__lv2">
                <span class="u-wbr">他社サービスとの比較</span>
            </h2>
        </div>
        <div class="l-section__body p-comparison__body" data-comparison-scrollable="">
            <table class="planComparisonTable margin--bottom5">
                <colgroup span="1" class="planComparisonTableColgroup--head planComparisonTableObject--spHidden">
                </colgroup>
                <colgroup span="1" class="planComparisonTableColgroup--body">
                </colgroup>
                <colgroup span="1" class="planComparisonTableColgroup--body">
                </colgroup>
                <colgroup span="1" class="planComparisonTableColgroup--body planComparisonTableColgroup--our">
                </colgroup>
                <thead>
                    <tr>
                        <td class="planComparisonTableCell--blank planComparisonTableObject--spHidden"></td>
                        <th>一般的な制作会社</th>
                        <th>格安の制作会社</th>
                        <th class="planComparisonTableCell--headOur">当社</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="planComparisonTableObject--spVisible">
                        <th colspan="3">費用</th>
                    </tr>
                    <tr>
                        <th class="planComparisonTableObject--spHidden">費用</th>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--subtle">△</div>
                            <div class="planComparisonTableTexts">
                                <p>制作費だけで数十万〜数百万</p>
                                <p>別途月数万円の運用コストも発生</p>
                            </div>
                        </td>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--bad">×</div>
                            <div class="planComparisonTableTexts">
                                <p>月額費用は格安だが、サーバーなどはすべて別料金で、トータル月額数万円ということも…</p>
                            </div>
                        </td>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--best">◎</div>
                            <div class="planComparisonTableTexts">
                                <p><span class="planComparisonTableTexts_text--emphasis">初期費用0円、月額5,000円～</span></p>
                                <p><strong class="highlight-border">すべてコミコミ</strong>、追加費用なし！</p>
                            </div>
                        </td>
                    </tr>
                    <tr class="planComparisonTableObject--spVisible">
                        <th colspan="3">デザイン</th>
                    </tr>
                    <tr>
                        <th class="planComparisonTableObject--spHidden">デザイン</th>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--best">◎</div>
                            <div class="planComparisonTableTexts">
                                <p>オリジナルデザインでの作成</p>
                            </div>
                        </td>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--bad">×</div>
                            <div class="planComparisonTableTexts">
                                <p>簡易的なテンプレデザインのみ</p>
                            </div>
                        </td>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--best">◎</div>
                            <div class="planComparisonTableTexts">
<p><span class="planComparisonTableTexts_text--emphasis"><strong class="highlight-border">完全オリジナルデザイン</strong> or</span></p>
                                <p>高品質テンプレート</p>
                            </div>
                        </td>
                    </tr>
                    <tr class="planComparisonTableObject--spVisible">
                        <th colspan="3">スピード</th>
                    </tr>
                    <tr>
                        <th class="planComparisonTableObject--spHidden">スピード</th>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--subtle">△</div>
                            <div class="planComparisonTableTexts">
                                <p>2、3か月ほどで完成</p>
                            </div>
                        </td>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--subtle">△</div>
                            <div class="planComparisonTableTexts">
                                <p>調整できるが、短納期だとクオリティが大きく落ちることも…</p>
                            </div>
                        </td>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--best">◎</div>
                            <div class="planComparisonTableTexts">
                                <p>通常は2週間〜1ヶ月程度になりますが、</p>
                                <p><span class="planComparisonTableTexts_text--emphasis">ご都合に合わせスケジューリング可</span></p>
                            </div>
                        </td>
                    </tr>
                    <tr class="planComparisonTableObject--spVisible">
                        <th colspan="3">スマホ対応</th>
                    </tr>
                    <tr>
                        <th class="planComparisonTableObject--spHidden">スマホ対応</th>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--subtle">△</div>
                            <div class="planComparisonTableTexts">
                                <p>スマホ・タブレット対応はオプション費用であることも</p>
                            </div>
                        </td>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--bad">×</div>
                            <div class="planComparisonTableTexts">
                                <p>別料金。ベースが格安である分、各オプションは高額になる傾向</p>
                            </div>
                        </td>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--best">◎</div>
                            <div class="planComparisonTableTexts">
                                <p><strong class="highlight-border">スマホ・タブレット対応</strong>が</p>
                                <p><span class="planComparisonTableTexts_text--emphasis">標準装備</span></p>
                            </div>
                        </td>
                    </tr>
                    <tr class="planComparisonTableObject--spVisible">
                        <th colspan="3">サポート</th>
                    </tr>
                    <tr>
                        <th class="planComparisonTableObject--spHidden">サポート</th>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--best">◎</div>
                            <div class="planComparisonTableTexts">
                                <p>一般的なサポート</p>
                            </div>
                        </td>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--bad">×</div>
                            <div class="planComparisonTableTexts">
                                <p>修正や更新は、月額数千円のオプション加入が必須</p>
                            </div>
                        </td>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--best">◎</div>
                            <div class="planComparisonTableTexts">
                                <p>IT業界20年の経験で問い合わせ受付から、<br><span class="planComparisonTableTexts_text--emphasis">ホームページの修正更新まで無料です！</span></p>
                            </div>
                        </td>
                    </tr>
                    <tr class="planComparisonTableObject--spVisible">
                        <th colspan="3">総評</th>
                    </tr>
                    <tr>
                        <th class="planComparisonTableObject--spHidden">総評</th>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--subtle">△</div>
                            <div class="planComparisonTableTexts">
                                <p>予算をかけても内容やページ数にこだわりたい方には適しているが、多くの企業にとってはコスパが悪い</p>
                            </div>
                        </td>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--bad">×</div>
                            <div class="planComparisonTableTexts">
                                <p>見かけ上は格安だが、必須機能がオプションになっている事が多く、結果的に高額になりやすい</p>
                            </div>
                        </td>
                        <td>
                            <div class="planComparisonTable_evaluate planComparisonTable_evaluate--best">◎</div>
                            <div class="planComparisonTableTexts">
                                <p>低価格だけでなく、必要なものは</p>
                                <p><span class="planComparisonTableTexts_text--emphasis">安心してご利用いただけます！</span></p>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</section>

<div class="c-action">
    <div class="m-cta-04">
        <div class="l-content-base">
            <p class="m-cta-04-ttl">ご相談は、以下よりお気軽に<span class="ib">お問い合わせください</span></p>
            <div class="m-cta-04-wrap">
                <a class="m-cta-04-btn"><span>サービス資料ダウンロード</span></a>
                <a class="m-cta-04-btn btn--red" href="#link-contact"><span>無料相談･お問い合わせ</span></a>
            </div>
            <p class="m-cta-04-tel">
                <span class="m-cta-04-tel-tag">TEL</span>
                <span class="m-cta-04-tel-num">0474-022-022</span>
                <span class="m-cta-04-tel-time mobile-none ">営業時間：平日09:00～18:00</span>
            </p>
        </div>
    </div>
</div>

<section id="link-flow" class="l-section p-faq u-bg-secondary">
    <div class="l-container p-flow__container">
        <div class="l-section__header p-flow__header">
            <h2 class="c-heading__lv2">
                <span class="u-wbr">ご利用の流れ</span>
                <span><strong>公開後も、弊社がしっかりとサポートいたします！</strong></span>
            </h2>
        </div>
        <div class="l-section__body p-flow__body">
            <ol class="p-flow__list">
                <li class="p-flow__item">
                    <figure class="p-flow__item-image">
                        <img src="/assets/new/images/icon_item-01.svg" alt="">
                    </figure>
                    <h3 class="p-flow__item-title">お問い合わせ・ご相談
                    </h3>
                    <p class="p-flow__item-description">お電話またはお問い合わせフォームからお問い合わせください。
                        ご不明な点を確認したい、お見積りが欲しい、というご要望もお気軽にお問い合わせください。</p>
                </li>
                <li class="p-flow__item">
                    <figure class="p-flow__item-image">
                        <img src="/assets/new/images/icon_item-02.svg" alt="">
                    </figure>
                    <h3 class="p-flow__item-title">お申し込み・ご契約</h3>
                    <p class="p-flow__item-description">担当者がお客様のご要望に合ったサイト制作をご提案します。ご提案内容や金額等にご納得いただけましたら、契約となります。<br class="u-desktop-hidden">
                        ここまでに<strong class="highlight-border">一切料金は発生しません。</strong></p>
                </li>
                <li class="p-flow__item">
                    <figure class="p-flow__item-image">
                        <img src="/assets/new/images/icon_item-03.svg" alt="">
                    </figure>
                    <h3 class="p-flow__item-title">ホームページ<br class="u-mobile-hidden">制作</h3>
                    <p class="p-flow__item-description">担当者が詳細な情報をお聞きします。コンセプト、構成、カラー、その他必要事項を細かく決定していきます。デザイン案が確定したら、弊社にて制作作業に入ります。</p>
                </li>
                <li class="p-flow__item">
                    <figure class="p-flow__item-image">
                        <img src="/assets/new/images/icon_item-04.svg" alt="">
                    </figure>
                    <h3 class="p-flow__item-title">最終確認<br class="u-mobile-hidden">微調整</h3>
                    <p class="p-flow__item-description">ホームページの公開前に、最終の確認をしていただきます。
                        全てご確認いただき、調整の必要があれば微調整を行います。</p>
                </li>
                <li class="p-flow__item">
                    <figure class="p-flow__item-image">
                        <img src="/assets/new/images/icon_item-05.svg" alt="">
                    </figure>
                    <h3 class="p-flow__item-title">ホームページ公開</h3>
                    <p class="p-flow__item-description">微調整が終わりましたら、ホームページを公開します。
                        公開後も、定期的な更新や修正が必要となるかと思います。
                        どんなことでもお気軽にご相談ください。</p>
                </li>
            </ol>
        </div>
    </div>
</section>

<div class="c-action">
    <div class="m-cta-04">
        <div class="l-content-base">
            <p class="m-cta-04-ttl">ご相談は、以下よりお気軽に<span class="ib">お問い合わせください</span></p>
            <div class="m-cta-04-wrap">
                <a class="m-cta-04-btn"><span>サービス資料ダウンロード</span></a>
                <a class="m-cta-04-btn btn--red" href="#link-contact"><span>無料相談･お問い合わせ</span></a>
            </div>
            <p class="m-cta-04-tel">
                <span class="m-cta-04-tel-tag">TEL</span>
                <span class="m-cta-04-tel-num">0474-022-022</span>
                <span class="m-cta-04-tel-time mobile-none ">営業時間：平日09:00～18:00</span>
            </p>
        </div>
    </div>
</div>

<section id="link-faq" class="l-section p-faq u-bg-secondary">
    <div class="l-container p-faq__container">
        <div class="l-section__header p-faq__header">
            <h2 class="c-heading__lv2">
                <span>よくあるご質問</span>
            </h2>
        </div>
        <div class="l-section__body p-faq__body">
            <ol class="p-faq__list">
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>インターネットに詳しくありませんが大丈夫ですか？</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>問題ございません。インターネット・ホームページについての専門知識がなくても大丈夫です。御社のことやホームページを使って何をしたいのかをお聞かせくだされば、御社の事業・サービスを最大化するお手伝いをさせていただきます。まずはお問い合わせから始めてみてください。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>オンラインまたはお会いして打ち合わせをしたい。</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>まずはお問い合わせフォームよりお問い合わせください。どのようなご依頼内容かお伺いしてから、御社のご都合の良い日程でお打ち合わせさせていただきます。基本的にZOOMやSkype、Google MEETなどオンラインを利用したお打ち合わせをお願いしております。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>依頼対応エリアを教えてください。</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>ZOOMやgoogle meetなどオンラインでのお打ち合わせに対応しておりますので、日本全国からのご依頼に対応可能です。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>お見積もりは無料ですか？</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>無料です。お問い合わせフォームよりご連絡をいただき、ご要望などヒアリングさせていただきます。ご提案書とお見積もりを無料にて提示させていただきます。お気軽にお問い合わせください。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>個人での発注依頼は可能ですか？</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>ご依頼可能です。一般個人や個人事業主様、店舗経営者などのホームページ制作も対応しております。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>納期について教えてください。</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>案件ごとに制作期間は変わってまいります。通常は2週間〜1ヶ月程度になります。案件の内容によっては1週間〜で制作する事も可能ですのでご相談ください。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>どんな業種のサイトでも制作を受けてくれますか？</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>基本的にどのような業種のサイトでもお受けしております。 ただし、公序良俗に反するもの・反社会的・弊社にとって不適当と判断した業種に関してはお引き受けしておりません。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>ドメインの用意をお願いしたい。</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>ご希望でしたら、ホスティングサービスのご紹介をさせていただきます。お客様自身でご契約をお願いしております。ご契約に際して分からないことがございましたら、ご案内させていただきますのでご安心ください。 ご契約後、ホスティング会社から送られてくるドメイン情報をご提供いただきます。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>スマートフォンに対応したサイトを制作したい。</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>対応しております。スマートフォンのサイト利用がパソコンの利用よりも多い現在、スマートフォン対応は必須となります。ぜひご相談ください。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>準備するものはありますか？</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>ロゴ、写真、原稿などをご用意いただきます。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>原稿はどうしたらよいですか。</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>基本的にはお客様でご用意いただきますが、各ページにこのような内容のものを用意してくださいとおおまかな概要をお伝えしますのでそれに沿ってたたき台となる原稿をご用意ください。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>月額費以外に費用はかからないのでしょうか？</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>発生しません。<br>ただし、ドメインの取得・更新にかかる費用（年間目安1,000円～）は、お客様のご負担となります。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="" data-anim-status="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>解約した場合はホームページはどうなりますか？</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>ご解約の場合は、制作したホームページは非公開としデータの買取りは、別途お見積もりになります。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>契約期間はありますか？</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>ご契約期間は1ヶ月契約〜となっており、自動更新となります。<br>解約の際は更新日の2か月前までにご連絡を頂いております。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>支払い方法と開始日はいつですか？</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>お支払いは銀行振込の前払いとなります。 お振込手数料はお客様ご負担となります。<br>ご契約開始はホームページ公開後となります。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>SEO対策はお願いできますか？</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>はい、可能です。キーワードの難易度によりお見積もりとなりますが基本的にお安くご提案いたします。</span>
                            </span>
                        </div>
                    </details>
                </li>
                <li class="p-faq__item">
                    <details class="p-faq__item-accordion" data-faq-details="">
                        <summary class="p-faq__item-visible" data-faq-summary="">
                            <span class="p-faq__item-question">
                                <span>今後の更新等も全てお任せしたいのですが可能ですか？</span>
                            </span>
                        </summary>
                        <div class="p-faq__item-hidden" data-faq-content="">
                            <span class="p-faq__item-answer">
                                <span>はい、可能です。</span>
                            </span>
                        </div>
                    </details>
                </li>
            </ol>
        </div>
    </div>
</section>

<div class="c-action">
    <div class="m-cta-04">
        <div class="l-content-base">
            <p class="m-cta-04-ttl">ご相談は、以下よりお気軽に<span class="ib">お問い合わせください</span></p>
            <div class="m-cta-04-wrap">
                <a class="m-cta-04-btn"><span>サービス資料ダウンロード</span></a>
                <a class="m-cta-04-btn btn--red" href="#link-contact"><span>無料相談･お問い合わせ</span></a>
            </div>
            <p class="m-cta-04-tel">
                <span class="m-cta-04-tel-tag">TEL</span>
                <span class="m-cta-04-tel-num">0474-022-022</span>
                <span class="m-cta-04-tel-time mobile-none ">営業時間：平日09:00～18:00</span>
            </p>
        </div>
    </div>
</div>