Allparts_2

・以下のコードの内容ですが、実在するクライアント情報なので、該当箇所のみ、「◯◯◯会社」などと仮で入れてください。
・cssやdivタグ、hタグなどの構造は一切変更しないで、クライアント情報だけを「◯◯◯会社」などと仮で入れてください。
・各種画像データをimagesフォルダにアップロードしたら、WordPressのphpプログラムで自動でその画像が表示されるようにしてください。
・ファイル形式はjpg、WebP、それぞれ用意する予定です。
・WebPが用意されていればその画像データを表示する。用意されていなければjpgデータが表示されるようにしてください。
・画像タイトルは他のセクションと被らないように、セクション名から先に配置してください。
・あなたが決めたその画像タイトルに合わせて、各クライアントのHPのデザインデータの各種画像タイトルの名前をつけて生成する予定です。

＜ここにコードを挿入＞

【指示文】
・汎用性の高い雛形コードを提供するので、クライアント情報に置き換えて生成してください。
・cssやdivタグ、hタグなどの構造は一切変更しないで、クライアント情報だけを変更してください。

■クライアント情報(フォーマット)
{{会社名(正式名称)}} = 
{{会社名(英語)}} = 
{{氏名（日本語）}} = 
{{氏名（英語）}} = 
{{役職}} = 
{{拠点}} = 
{{メールアドレス}} = 
{{携帯電話番号}} = 
{{固定電話番号}} = 
{{FAX}} = 

{{補足}} = 

■見出しのコード
{{見出しのコード}} = 

■見出しのカラーコード
{{見出しのカラーコード}} = #66cdaa

■雛形コード

【指示文】
汎用性の高い雛形コードを提供するので、クライアント情報に置き換えて生成してください。

■クライアント情報(フォーマット)
{{会社名(正式名称)}} = 
{{会社名(英語)}} = 
{{氏名（日本語）}} = 
{{氏名（英語）}} = 
{{役職}} = 
{{拠点}} = 
{{メールアドレス}} = 
{{携帯電話番号}} = 
{{固定電話番号}} = 
{{FAX}} = 

{{補足}} = 

■見出しのコード
{{見出しのコード}} = 

■見出しのカラーコード
{{見出しのカラーコード}} = #66cdaa

■#タグの項目
{{#タグの項目1}} = 
{{#タグの項目2}} = 
{{#タグの項目3}} = 
{{#タグの項目4}} = 
{{#タグの項目5}} = 
{{#タグの項目6}} = 

■本文前の見出し
{{本文前の見出し}} = 

■本文
{{本文}} = 

■雛形コード
<!-- greeting -->
<section>
    <div id="greeting" class="pad--top__120 mgn--top__40 win750--mgn--top__0 win750--pad--top__80">
        <div class="txt--align__center max--w__1240px win750--pad--x__15 pad--x__40 mgn--x__auto">
            <div class="bold color__333333 letter-spacing__0070 f--size__4_2rem win750--f--size__2rem ff__apple-ligothic">
                <span class="color__4285cb">G</span>reeting
            </div>
            <div class="title__bar_g mgn--x__auto txt--align__center"></div>
            <h1 class="mintyou color__101227 f--size__1_5rem win750--f--size__1rem">◯◯◯会社について</h1>
        </div>
        <div class="fadeUpTrigger mgn--top__80 win750--mgn--top__30 flex between reverse mgn--x__auto pad--x__40 win750--d__block win750--pad--x__15 win750--pad--bottom__40">
            <div class="max--w__1240px w__50pst win750--w__100pst overflow__hidden mgn--x__auto pad--x__40 relative win750--pad--x__0">
                <h2 class="bold genmintyou color__262626 f--size__1_3rem win750--f--size__1_2rem">
                    ◯◯◯会社は、◯◯県◯◯市を拠点とする塗装工事・防水工事の施工会社です。
                </h2>
                <ul class="win750--f--size__08rem color__000000 bold fv__u__ul__css mgn--top__10 yuGothic">
                    <li>#外壁塗装</li>
                    <li>#屋根塗装</li>
                    <li>#吹き付け塗装</li>
                    <li>#防水工事</li>
                    <li>#シーリング工事</li>
                </ul>
                <div class="mgn--top__30 yuGothic txt--align__left">
                    <p>
                        ◯◯◯会社は、◯◯県◯◯市を拠点とした外壁塗装、屋根塗装、吹き付け塗装、防水工事、シーリング工事等の施工会社です。「料金明細の細かい説明」「自社施工＆地域密着型」「アフター保証（外壁5年・屋根3年）」を徹底しており、お客様に安心してご依頼いただけるよう努めております。
                    </p>
                    <p class="mgn--top__20">
                        お見積もりや出張診断などは無料で対応しておりますので、もし◯◯市近郊で外壁塗装、屋根塗装、吹き付け塗装、防水工事、シーリング工事等をご検討の際には、ぜひ一度◯◯◯会社へお問い合わせいただきますよう、何卒よろしくお願い申し上げます。
                    </p>
                </div>
            </div>
            <div class="w__47pst win750--w__100pst win750--mgn--top__20">
                <picture>
                    <!-- /images/greeting_img.webp があれば表示されます -->
                    <source srcset="<?php echo get_template_directory_uri(); ?>/images/greeting_img.webp" type="image/webp">
                    <!-- /images/greeting_img.jpg を表示します -->
                    <img src="<?php echo get_template_directory_uri(); ?>/images/greeting_img.jpg" alt="◯◯◯会社について" class="w__100pst">
                </picture>
            </div>
        </div>
    </div>
</section>

【指示文】
・汎用性の高い雛形コードを提供するので、クライアント情報に置き換えて生成してください。
・cssやdivタグ、hタグなどの構造は一切変更しないで、クライアント情報だけを変更してください。

■クライアント情報(フォーマット)
{{会社名(正式名称)}} = 
{{会社名(英語)}} = 
{{氏名（日本語）}} = 
{{氏名（英語）}} = 
{{役職}} = 
{{拠点}} = 
{{メールアドレス}} = 
{{携帯電話番号}} = 
{{固定電話番号}} = 
{{FAX}} = 

{{補足}} = 

■見出しのコード
{{見出しのコード}} = 

■見出しのカラーコード
{{見出しのカラーコード}} = #66cdaa

■項目名
{{項目1の項目名}} = 
{{項目1の文章}} = 

{{項目2の項目名}} = 
{{項目2の文章}} = 

{{項目3の項目名}} = 
{{項目3の文章}} = 

{{項目4の項目名}} = 
{{項目4の文章}} = 

{{項目5の項目名}} = 
{{項目5の文章}} = 

{{項目6の項目名}} = 
{{項目6の文章}} = 

■雛形コード
    <!-- service -->
    <section>
        <div id="service" class="pad--top__120 mgn--top__160 win750--mgn--top__0 win750--pad--top__100">
            <div class="txt--align__center max--w__1240px win750--pad--x__15 pad--x__40 mgn--x__auto">
                <div
                    class="bold color__333333 letter-spacing__0070 f--size__4_2rem win750--f--size__2rem ff__apple-ligothic">
                    <span class="color__4285cb">S</span>ervice
                </div>
                <div class="title__bar_g mgn--x__auto txt--align__center"></div>
                <h1 class="mintyou color__101227 f--size__1_5rem win750--f--size__1rem">事業内容</h1>
            </div>
            <div
                class="hako_member mgn--top__70 win750--mgn--top__30 flex between wrap txt--align__center max--w__1240px overflow__hidden mgn--x__auto pad--x__40 win750--pad--x__15 Hiragino">
                <div
                    class="fadeUpTrigger w__27pst win750--w__47_5pst win580--w__100pst mgn--x__auto relative mgn--bottom__80 win750--mgn--bottom__40">
                    <div class="relative">
                        <h2
                            class="f--size__1_1rem win750--f--size__1rem win750--w__80pst bold flex align--items__center win750--justify--content__center service_title_side_bar relative color__2b2b2b win750--f--size__1rem">
                            サービス名1</h2>
                        <div
                            class="w__100pst win750--w__80pst mgn--x__auto relative overflow__hidden scale__animation mgn--top__20 win750--mgn--top__10">
                            <picture>
                                <source srcset="<?php echo get_template_directory_uri(); ?>/images/service_img_01.webp" type="image/webp">
                                <img src="<?php echo get_template_directory_uri(); ?>/images/service_img_01.jpg" alt="サービス名1"
                                    class="w__100pst win750--d__block win750--mgn--x__auto win750--w__70pst">
                            </picture>
                        </div>
                    </div>
                    <p class="pad--top__20 win750--pad--top__10 f--size__09rem txt--align__left win750--f--size__08rem">
                        ここに「サービス名1」に関する説明文が入ります。テキストはクライアントに合わせて変更してください。ダミーテキストです。
                    </p>
                </div>
                <div
                    class="fadeUpTrigger w__27pst win750--w__47_5pst win580--w__100pst mgn--x__auto relative mgn--bottom__80 win750--mgn--bottom__40">
                    <div class="relative">
                        <h2
                            class="f--size__1_1rem win750--f--size__1rem win750--w__80pst bold flex align--items__center win750--justify--content__center service_title_side_bar relative color__2b2b2b win750--f--size__1rem">
                            サービス名2</h2>
                        <div
                            class="w__100pst win750--w__80pst mgn--x__auto relative overflow__hidden scale__animation mgn--top__20 win750--mgn--top__10">
                            <picture>
                                <source srcset="<?php echo get_template_directory_uri(); ?>/images/service_img_02.webp" type="image/webp">
                                <img src="<?php echo get_template_directory_uri(); ?>/images/service_img_02.jpg" alt="サービス名2"
                                    class="w__100pst win750--d__block win750--mgn--x__auto win750--w__70pst">
                            </picture>
                        </div>
                    </div>
                    <p class="pad--top__20 win750--pad--top__10 f--size__09rem txt--align__left win750--f--size__08rem">
                        ここに「サービス名2」に関する説明文が入ります。テキストはクライアントに合わせて変更してください。ダミーテキストです。
                    </p>
                </div>
                <div
                    class="fadeUpTrigger w__27pst win750--w__47_5pst win580--w__100pst mgn--x__auto relative mgn--bottom__80 win750--mgn--bottom__40">
                    <div class="relative">
                        <h2
                            class="f--size__1_1rem win750--f--size__1rem win750--w__80pst bold flex align--items__center win750--justify--content__center service_title_side_bar relative color__2b2b2b win750--f--size__1rem">
                            サービス名3</h2>
                        <div
                            class="w__100pst win750--w__80pst mgn--x__auto relative overflow__hidden scale__animation mgn--top__20 win750--mgn--top__10">
                            <picture>
                                <source srcset="<?php echo get_template_directory_uri(); ?>/images/service_img_03.webp" type="image/webp">
                                <img src="<?php echo get_template_directory_uri(); ?>/images/service_img_03.jpg" alt="サービス名3"
                                    class="w__100pst win750--d__block win750--mgn--x__auto win750--w__70pst">
                            </picture>
                        </div>
                    </div>
                    <p class="pad--top__20 win750--pad--top__10 f--size__09rem txt--align__left win750--f--size__08rem">
                        ここに「サービス名3」に関する説明文が入ります。テキストはクライアントに合わせて変更してください。ダミーテキストです。
                    </p>
                </div>
                <div
                    class="fadeUpTrigger w__27pst win750--w__47_5pst win580--w__100pst mgn--x__auto relative mgn--bottom__80 win750--mgn--bottom__40">
                    <div class="relative">
                        <h2
                            class="f--size__1_1rem win750--f--size__1rem win750--w__80pst bold flex align--items__center win750--justify--content__center service_title_side_bar relative color__2b2b2b win750--f--size__1rem">
                            サービス名4</h2>
                        <div
                            class="w__100pst win750--w__80pst mgn--x__auto relative overflow__hidden scale__animation mgn--top__20 win750--mgn--top__10">
                            <picture>
                                <source srcset="<?php echo get_template_directory_uri(); ?>/images/service_img_04.webp" type="image/webp">
                                <img src="<?php echo get_template_directory_uri(); ?>/images/service_img_04.jpg" alt="サービス名4"
                                    class="w__100pst win750--d__block win750--mgn--x__auto win750--w__70pst">
                            </picture>
                        </div>
                    </div>
                    <p class="pad--top__20 win750--pad--top__10 f--size__09rem txt--align__left win750--f--size__08rem">
                        ここに「サービス名4」に関する説明文が入ります。テキストはクライアントに合わせて変更してください。ダミーテキストです。
                    </p>
                </div>
                <div
                    class="fadeUpTrigger w__27pst win750--w__47_5pst win580--w__100pst mgn--x__auto relative mgn--bottom__80 win750--mgn--bottom__40">
                    <div class="relative">
                        <h2
                            class="f--size__1_1rem win750--f--size__1rem win750--w__80pst bold flex align--items__center win750--justify--content__center service_title_side_bar relative color__2b2b2b win750--f--size__1rem">
                            サービス名5</h2>
                        <div
                            class="w__100pst win750--w__80pst mgn--x__auto relative overflow__hidden scale__animation mgn--top__20 win750--mgn--top__10">
                            <picture>
                                <source srcset="<?php echo get_template_directory_uri(); ?>/images/service_img_05.webp" type="image/webp">
                                <img src="<?php echo get_template_directory_uri(); ?>/images/service_img_05.jpg" alt="サービス名5"
                                    class="w__100pst win750--d__block win750--mgn--x__auto win750--w__70pst">
                            </picture>
                        </div>
                    </div>
                    <p class="pad--top__20 win750--pad--top__10 f--size__09rem txt--align__left win750--f--size__08rem">
                        ここに「サービス名5」に関する説明文が入ります。テキストはクライアントに合わせて変更してください。ダミーテキストです。
                    </p>
                </div>
                <div
                    class="fadeUpTrigger w__27pst win750--w__47_5pst win580--w__100pst mgn--x__auto relative mgn--bottom__80 win750--mgn--bottom__40">
                    <div class="relative">
                        <h2
                            class="f--size__1_1rem win750--f--size__1rem win750--w__80pst bold flex align--items__center win750--justify--content__center service_title_side_bar relative color__2b2b2b win750--f--size__1rem">
                            その他</h2>
                        <div
                            class="w__100pst win750--w__80pst mgn--x__auto relative overflow__hidden scale__animation mgn--top__20 win750--mgn--top__10">
                            <picture>
                                <source srcset="<?php echo get_template_directory_uri(); ?>/images/service_img_06.webp" type="image/webp">
                                <img src="<?php echo get_template_directory_uri(); ?>/images/service_img_06.jpg" alt="その他"
                                    class="w__100pst win750--d__block win750--mgn--x__auto win750--w__70pst">
                            </picture>
                        </div>
                    </div>
                    <p class="pad--top__20 win750--pad--top__10 f--size__09rem txt--align__left win750--f--size__08rem">
                        ここに「その他」の工事に関する説明文が入ります。テキストはクライアントに合わせて変更してください。ダミーテキストです。
                    </p>
                </div>
            </div>
        </div>
    </section>

【指示文】
・汎用性の高い雛形コードを提供するので、クライアント情報に置き換えて生成してください。
・cssやdivタグ、hタグなどの構造は一切変更しないで、クライアント情報だけを変更してください。

■クライアント情報(フォーマット)
{{会社名(正式名称)}} = 
{{会社名(英語)}} = 
{{氏名（日本語）}} = 
{{氏名（英語）}} = 
{{役職}} = 
{{拠点}} = 
{{メールアドレス}} = 
{{携帯電話番号}} = 
{{固定電話番号}} = 
{{FAX}} = 

{{補足}} = 

■見出しのコード
{{見出しのコード}} = 

■見出しのカラーコード
{{見出しのカラーコード}} = #66cdaa

■雛形コード
<!-- works -->
    <section>
        <div id="works" class="pad--top__120 mgn--top__100 win750--mgn--top__0 win750--pad--top__100">
            <div class="txt--align__center max--w__1240px win750--pad--x__15 pad--x__40 mgn--x__auto">
                <div
                    class="bold color__333333 letter-spacing__0070 f--size__4_2rem win750--f--size__2rem ff__apple-ligothic">
                    <span class="color__4285cb">W</span>orks
                </div>
                <div class="title__bar_g mgn--x__auto txt--align__center"></div>
                <h1 class="mintyou color__101227 f--size__1_5rem win750--f--size__1rem">施工事例</h1>
            </div>
            <?php $args = [
                'category_name' => 'work',
                'numberposts' => 4,
                'orderby' => 'date',
            ]; ?>
            <ul class="hako relative flex between wrap mgn--top__60 win750--mgn--top__30">
                <?php
                // 条件を渡して記事を取得
                $custom_posts = get_posts($args);
                foreach ($custom_posts as $post) :
                    setup_postdata($post); ?>
                <li class="bg__ffffff w__25pst win1060--w__50pst">
                    <div class="img__zoom win750--w__100pst">
                        <a href="<?php echo esc_url(get_permalink()); ?>"
                            title="<?php echo esc_html(get_the_title()); ?>">
                            
                            <!-- 投稿のアイキャッチ画像はWordPressの機能で表示されるため、変更は不要です -->
                            <img class="w__100pst h__180px objectfit__cover win580--h__100px win530--h__88px"
                                src="<?php echo esc_url(get_the_post_thumbnail_url()); ?>"
                                alt="<?php echo esc_html(get_the_title()); ?>">

                            <div class="img__zoom__over">
                                <p class="img__zoom__txt">タップして詳細を見る<i class="fa fa-chevron-circle-right"></i>
                                </p>
                            </div>
                        </a>
                    </div>
                    <div
                        class="bg__ffffff pad__15 txt--align__left win750--f--size__09rem win750--pad__10 color__313131">
                        <a href="<?php echo esc_url(get_permalink()); ?>" class="a--hover__borderBottom line--h__1_2">
                            <time class="f--size__09rem"><i
                                    class="far fa-clock pad--right__5"></i><?php echo esc_attr(get_the_time('Y.m.d')); ?></time><br>
                            <?php
                                $posttags = get_the_tags();
                                if ($posttags) {
                                    echo '<ul class="wrap tag-list__css flex">';
                                    foreach ($posttags as $tag) {
                                        echo '<li><a href="' . get_tag_link($tag->term_id) . '"><p class="tag_a_pad">' . $tag->name . '</p></a></li>';
                                    }
                                    echo '</ul>';
                                }
                                ?>
                            <p class="win750--f--size__09rem line--h__1_5">
                                <?php echo esc_html(get_the_title()); ?>
                            </p>
                        </a>
                    </div>
                </li>
                <?php
                endforeach;
                wp_reset_postdata(); // get_postsのループの後に推奨されます
                ?>
            </ul>
            <div
                class="flex txt--align__center win750--d__block gap__3pst justify--content__center align--items__center bg__g_blue_2 pad--y__15">
                <div class="color__ffffff ff__gennogothic win750--f--size__09rem">最新の施工実績は公式Instagramにて</div>
                <div>
                    <a href="https://www.instagram.com/" target="_blank" rel="noopener noreferrer">
                        
                        <!-- 変更点: Instagram画像をWebP/JPG対応で動的に読み込みます -->
                        <picture>
                            <!-- /images/works_instagram_logo.webp があれば表示されます -->
                            <source srcset="<?php echo get_template_directory_uri(); ?>/images/works_instagram_logo.webp" type="image/webp">
                            <!-- /images/works_instagram_logo.jpg を表示します -->
                            <img src="<?php echo get_template_directory_uri(); ?>/images/works_instagram_logo.jpg"
                                alt="◯◯◯会社のインスタグラム"
                                class="relative top__-2px win750--top__0 animation__06s hov__op06 w__140px mgn--x__auto">
                        </picture>

                    </a>
                </div>
            </div>
            <div
                class="bg__fafafa relative txt--align__center pad--top__50 win750--pad--top__30 pad--bottom__80 win750--pad--bottom__40">
                <div class="max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto txt--align__center">
                    <a href="<?php echo esc_url(home_url('/')); ?>category/work"
                        class="custom-btn--pad__small animation--bg__blue pad--x__80 win750--pad--x__15 win750--pad--y__3 win750--f--size__1_1rem f--size__1_4rem win750--w__100pst">VIEW
                        MORE<i class="mgn--left__20 mgn--right__-10 fas fa-chevron-right"></i></a>
                </div>
            </div>
        </div>
    </section>

<!-- recruit -->
    <section>
        <div id="recruit"
            class="fadeUpTrigger pad--top__120 mgn--top__90 win750--mgn--top__0 max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto">
            <div
                class="drop__shadow__b max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto pad--top__60 pad--bottom__100 win750--pad--y__40">
                <div class="bg__ffffff flex between win750--d__block pad--x__40 win750--pad--x__15 mgn--x__auto">
                    <div class="w__50pst win750--w__100pst">
                        <h2 class="ff__kaisei line--h__1_5 f--size__1_6rem win750--f--size__1_2rem color__005a95">
                            従業員様募集中！<br>未経験者歓迎・経験者優遇</h2>
                        <p class="yuGothic pad--top__30 win750--pad--top__20">
                            株式会社優建では、ご一緒に働いて頂ける従業員様を募集しております（塗装、防水職人）。建物工事に関するご依頼は将来性をみても途絶える可能性が極めて低く、今後も益々人手が必要になってくる業界です。

                            また、様々なニーズにお応えすることで、お客様からも感謝されつつ、自分自身も成長することができる、非常に充実した勤務生活をお送り頂ける素晴らしい職業です。
                        </p>
                        <p class="yuGothic pad--top__20">
                            未経験者歓迎、最低11,000円〜/日、その他、社会保険や福利厚生なども充実しておりますので、少しでもご興味を持って頂けた方は、是非、この機会にご応募頂けますと幸いです。
                        </p>
                    </div>
                    <div class="w__40pst win750--mgn--top__20 win750--w__100pst">
                        <img src="https://yuken-111.com/wp-content/uploads/2022/12/r__img.jpg" alt="求人募集"
                            class="w__100pst">
                    </div>
                </div>
                <!-- btn -->
                <div class="txt--align__center mgn--top__80 win750--mgn--top__40">
                    <h3 class="ff__kaisei line--h__1_5 f--size__1_6rem win750--f--size__1_4rem color__005a95">
                        お問い合わせ・ご応募、<br class="d__none win750--d__block">お待ちしております！</h3>
                    <div
                        class="flex win750--d__block justify--content__center align--items__start gap__5pst txt--align__center mgn--top__60 win750--mgn--top__20">
                        <div class="w__320px win750--w__100pst">
                            <a href="<?php echo esc_url(home_url('/')); ?>recruit"
                                class="w__320px win750--w__100pst btn__plus__w relative animation__06s btn__hov__css__383838 pad--x__15 win750--f--size__1_1rem pad--x__40 f--size__1_4rem flex align--items__center justify--content__center bold">
                                <div class="f--size__1_2rem pad--x__30 win750--f--size__1_1rem">MORE</div>
                                <div class="f--size__09rem">詳細をみる</div>
                            </a>
                        </div>
                        <div class="win750--mgn--top__20">
                            <a href="<?php echo esc_url(home_url('/')); ?>#contact"
                                class="animation__06s hov__op06 w__320px win750--w__100pst h__60px win750--h__50px flex align--items__center justify--content__center line--h__1 relative animation__06s btn__hov__css__blue color__ffffff">
                                <img src="https://yuken-111.com/wp-content/uploads/2022/12/mail.png" alt="株式会社優建"
                                    class="relative w__30px mgn--right__15 win750--w__25px">
                                <div class="yuGothic bold f--size__1_4rem win750--f--size__1_1rem">求人に応募する</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<!-- feature -->
    <section>
        <div id="feature" class="pad--top__120 win750--pad--top__100 mgn--top__20 win750--mgn--top__0">
            <div class="txt--align__center max--w__1240px win750--pad--x__15 pad--x__40 mgn--x__auto">
                <h1 class="ff__pokana color__262626 f--size__3rem win750--f--size__2rem">KNプランの特徴</h1>
            </div>
            <div class="genmintyou mgn--top__50 win750—-mgn--top__30 max--w__1240px mgn--x__auto pad--x__40 win750--pad--x__15">
                <div class="fadeUpTrigger flex between win750--d__block reverse">
                    <div class="w__45pst win750--w__70pst win750--mgn--x__auto win750--txt--align__center">
                        <img src="https://kn-plan.com/wp-content/uploads/2023/10/f1.png" class="w__100pst"
                            alt="建設業界で培った経験をもとに幅広いリフォーム工事に対応いたします。">
                    </div>
                    <div class="w__45pst win750--w__100pst win750--pad--top__20">
                        <h2 class="color__000000 ff__hina bold f--size__1_3rem win750--f--size__1_2rem">
                        建設業界で培った経験をもとに<br class="win750--d__none">幅広いリフォーム工事に対応いたします。
                        </h2>
                        <p class="pad--top__20 win750--pad--top__20 yuGothic">
                        建設業界で培った経験をもとに幅広いリフォーム工事に対応いたします。建設業界で培った経験をもとに幅広いリフォーム工事に対応いたします。建設業界で培った経験をもとに幅広いリフォーム工事に対応いたします。建設業界で培った経験をもとに幅広いリフォーム工事に対応いたします。建設業界で培った経験をもとに幅広いリフォーム工事に対応いたします。建設業界で培った経験をもとに幅広いリフォーム工事に対応いたします。
                        </p>
                    </div>
                </div>
                <div class="fadeUpTrigger flex between win750--d__block mgn--top__80 win750--mgn--top__60">
                    <div class="w__45pst win750--w__70pst win750--mgn--x__auto win750--txt--align__center">
                        <img src="https://kn-plan.com/wp-content/uploads/2023/10/f2.png" class="w__100pst"
                            alt="仲介業者・スキームをこれからURLをお送り頂けるご予定。">
                    </div>
                    <div class="w__45pst win750--w__100pst win750--pad--top__20">
                        <h2 class="color__000000 ff__hina bold f--size__1_3rem win750--f--size__1_2rem">
                        仲介業者・スキームをこれからURLをお送り頂けるご予定。
                        </h2>
                        <p class="pad--top__20 win750--pad--top__20 yuGothic">
                        仲介業者・スキームをこれからURLをお送り頂けるご予定。仲介業者・スキームをこれからURLをお送り頂けるご予定。仲介業者・スキームをこれからURLをお送り頂けるご予定。仲介業者・スキームをこれからURLをお送り頂けるご予定。仲介業者・スキームをこれからURLをお送り頂けるご予定。仲介業者・スキームをこれからURLをお送り頂けるご予定。仲介業者・スキームをこれからURLをお送り頂けるご予定。仲介業者・スキームをこれからURLをお送り頂けるご予定。仲介業者・スキームをこれからURLをお送り頂けるご予定。
                        </p>
                    </div>
                </div>
                <div class="fadeUpTrigger flex between win750--d__block mgn--top__80 win750--mgn--top__60 reverse">
                    <div class="w__45pst win750--w__70pst win750--mgn--x__auto win750--txt--align__center">
                        <img src="https://kn-plan.com/wp-content/uploads/2023/10/f3.png" class="w__100pst"
                            alt="業界をよく知る職人が経営しているからこそ、適正価格で工事をご提案します。">
                    </div>
                    <div class="w__45pst win750--w__100pst win750--pad--top__20">
                        <h2 class="color__000000 ff__hina bold f--size__1_3rem win750--f--size__1_2rem">
                        業界をよく知る職人が経営しているからこそ、<br class="win750--d__none">適正価格で工事をご提案します。
                        </h2>
                        <p class="pad--top__20 win750--pad--top__20 yuGothic">
                        業界をよく知る職人が経営しているからこそ、適正価格で工事をご提案します。業界をよく知る職人が経営しているからこそ、適正価格で工事をご提案します。業界をよく知る職人が経営しているからこそ、適正価格で工事をご提案します。業界をよく知る職人が経営しているからこそ、適正価格で工事をご提案します。
                        </p>
                    </div>
                </div>
                <div class="fadeUpTrigger flex between win750--d__block mgn--top__80 win750--mgn--top__60">
                    <div class="w__45pst win750--w__70pst win750--mgn--x__auto win750--txt--align__center">
                        <img src="https://kn-plan.com/wp-content/uploads/2023/10/f4.png" class="w__100pst"
                            alt="従業員全員が職人としての経験を経て、入社しております。">
                    </div>
                    <div class="w__45pst win750--w__100pst win750--pad--top__20">
                        <h2 class="color__000000 ff__hina bold f--size__1_3rem win750--f--size__1_2rem">
                        従業員全員が職人としての経験を経て、<br class="win750--d__none">入社しております。
                        </h2>
                        <p class="pad--top__20 win750--pad--top__20 yuGothic">
                        従業員全員が職人としての経験を経て、入社しております。従業員全員が職人としての経験を経て、入社しております。従業員全員が職人としての経験を経て、入社しております。従業員全員が職人としての経験を経て、入社しております。従業員全員が職人としての経験を経て、入社しております。従業員全員が職人としての経験を経て、入社しております。従業員全員が職人としての経験を経て、入社しております。
                        </p>
                    </div>
                </div>
                <div class="fadeUpTrigger flex between win750--d__block mgn--top__80 win750--mgn--top__60 reverse">
                    <div class="w__45pst win750--w__70pst win750--mgn--x__auto win750--txt--align__center">
                        <img src="https://kn-plan.com/wp-content/uploads/2023/10/f5.png" class="w__100pst"
                            alt="1ヶ月と半年の2回の定期点検の実施。その後もお困りごとにすぐに対応いたします。">
                    </div>
                    <div class="w__45pst win750--w__100pst win750--pad--top__20">
                        <h2 class="color__000000 ff__hina bold f--size__1_3rem win750--f--size__1_2rem">
                        1ヶ月と半年の2回の定期点検の実施。<br class="win750--d__none">その後もお困りごとにすぐに対応いたします。
                        </h2>
                        <p class="pad--top__20 win750--pad--top__20 yuGothic">
                        1ヶ月と半年の2回の定期点検の実施。その後もお困りごとにすぐに対応いたします。1ヶ月と半年の2回の定期点検の実施。その後もお困りごとにすぐに対応いたします。1ヶ月と半年の2回の定期点検の実施。その後もお困りごとにすぐに対応いたします。1ヶ月と半年の2回の定期点検の実施。その後もお困りごとにすぐに対応いたします。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

  <section>
        <div id="construct"
            class="pad--top__120 mgn--top__80 win750--mgn--top__0 pad--bottom__60 win750--pad--bottom__0">
            <div class="line--h__1 max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto txt--align__center">
                <div class="ff__chiaro color__023477 relative f--size__3rem win750--f--size__2rem">C<span
                        class="color__ff9d00">O</span>NSTRUCT</div>
                <img src="https://shibuyadenki.com/wp-content/uploads/2022/12/titlebar.png" alt="サービス内容"
                    class="title__size">
                <h1 class="ff__chiaro relative color__383838 f--size__2_7rem win750--f--size__1_2rem">サービス内容</h1>
            </div>
            <div
                class="yuGothic mgn--top__60 win750--mgn--top__40 max--w__1240px mgn--x__auto pad--x__40 win750--pad--x__15">
                <div class="flex between win750--d__block">
                    <div class="w__45pst win750--w__100pst">
                        <img src="https://shibuyadenki.com/wp-content/uploads/2022/12/c01.png" alt="LED・照明"
                            class="w__100pst win750--w__80pst">
                        <ul
                            class="color__ff9d00 bold f--size__1_2rem win750--f--size__1rem mgn--top__40 win750--mgn--top__20">
                            <li>●ビニールハウス照明取付・交換</li>
                            <li>●白熱灯をLEDに変えたい</li>
                            <li>●電気代節約、省エネ照明に変えたい</li>
                            <li>●屋外センサーライトを設置したい</li>
                        </ul>
                        <p class="pad--top__20 win750--pad--top__20">
                            屋内・屋外の照明設備工事・LED工事に関するお困り事に対応致しております。電気・照明設備の総合的な見直しや、各建物ごとの電気代節約・省エネ照明のためのベストなご提案もさせて頂いております。
                        </p>
                    </div>
                    <div
                        class="w__40pst win750--w__80pst win750--pad--top__40 win750--mgn--x__auto txt--align__right win750--txt--align__center">
                        <img src="https://shibuyadenki.com/wp-content/uploads/2023/01/service_01.jpg" class="w__100pst"
                            alt="LED・照明">
                    </div>
                </div>
                <div class="flex reverse between win750--d__block mgn--top__150 win750--mgn--top__80">
                    <div class="w__45pst win750--w__100pst">
                        <img src="https://shibuyadenki.com/wp-content/uploads/2022/12/c02.png" alt="電気配線（屋内・屋外）"
                            class="w__100pst win750--w__80pst">
                        <ul
                            class="color__ff9d00 bold f--size__1_2rem win750--f--size__1rem mgn--top__40 win750--mgn--top__20">
                            <li>●配線が断裂して剥き出しになっている</li>
                            <li>●ペット同居の際の配線保護</li>
                            <li>●防犯カメラの設置・メンテナンス</li>
                            <li>●インターフォンの修理・設置</li>
                            <li>●EV・電気自動車の充電スタンド・ステーション</li>
                            <li>●200ボルトに切り替えたい</li>
                            <li>●ブレーカーが直ぐに落ちてしまう</li>
                        </ul>
                        <p class="pad--top__20 win750--pad--top__20">
                            その他、自分で色々と触ってしまった配線を電気工事士に見直してほしい、購入した製品を電気工事士に取り付けて欲しいといったご要望に対応致しております。
                        </p>
                    </div>
                    <div
                        class="w__45pst win750--w__80pst win750--pad--top__40 win750--mgn--x__auto win750--txt--align__center">
                        <img src="https://shibuyadenki.com/wp-content/uploads/2023/01/service_02.jpg" class="w__100pst"
                            alt="電気配線（屋内・屋外）">
                    </div>
                </div>
                <div class="flex between win750--d__block mgn--top__150 win750--mgn--top__80">
                    <div class="w__45pst win750--w__100pst">
                        <img src="https://shibuyadenki.com/wp-content/uploads/2022/12/c03.png" alt="コンセント増設・スイッチ"
                            class="w__100pst win750--w__80pst">
                        <ul
                            class="color__ff9d00 bold f--size__1_2rem win750--f--size__1rem mgn--top__40 win750--mgn--top__20">
                            <li>●子ども・ペットの感電事故を防ぎたい</li>
                            <li>●アース線を引きたい</li>
                            <li>●スイッチの反応が悪い</li>
                            <li>●差し込んでも直ぐに抜けてしまう</li>
                            <li>●コンセントの位置変更</li>
                            <li>●コンセントの増設、新設</li>
                        </ul>
                        <p class="pad--top__20 win750--pad--top__20">
                            その他、コンセントやスイッチの最適な位置、最適な個数など、建物のご状況に合わせてベストなご提案をさせて頂いております。
                        </p>
                    </div>
                    <div
                        class="w__45pst win750--w__80pst win750--pad--top__40 win750--mgn--x__auto win750--txt--align__center">
                        <img src="https://shibuyadenki.com/wp-content/uploads/2023/01/service_03.jpg" class="w__100pst"
                            alt="コンセント増設・スイッチ">
                    </div>
                </div>
                <div class="flex reverse between win750--d__block mgn--top__150 win750--mgn--top__80">
                    <div class="w__45pst win750--w__100pst">
                        <img src="https://shibuyadenki.com/wp-content/uploads/2022/12/c04.png" alt="その他電気工事業全般"
                            class="w__100pst win750--w__80pst">
                        <ul
                            class="color__ff9d00 bold f--size__1_2rem win750--f--size__1rem mgn--top__40 win750--mgn--top__20">
                            <li>●新築・リフォーム物件の電気工事一式</li>
                            <!-- <li>●発電設備工事</li>
                            <li>●総配電線工事</li>
                            <li>●変電設備工事</li> -->
                            <li>●構内電気設備（非常用電気設備含む）</li>
                            <!-- <li>●その他、、照明、信号、蓄電器など</li> -->
                        </ul>
                        <p class="pad--top__20 win750--pad--top__20">
                            その他、新築やリフォームの電気工事、動物園、公園など様々な電気工事を承っております。
                        </p>
                    </div>
                    <div
                        class="w__45pst win750--w__80pst win750--pad--top__40 win750--mgn--x__auto win750--txt--align__center">
                        <img src="https://shibuyadenki.com/wp-content/uploads/2023/01/service_04.jpg" class="w__100pst"
                            alt="その他電気工事業全般">
                    </div>
                </div>
            </div>
            <div class="bg__menu h__370px win750--h__130px mgn--top__180 win750--mgn--top__60"></div>
            <div
                class="max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto relative top__-100px win750--top__-30px">
                <div
                    class="bg__shadow__white relative s__bg__color bg__ffffff pad--top__60 win750--pad--top__40 pad--bottom__90 win750--pad--bottom__40 pad--top__30 win750--pad--top__20">
                    <div
                        class="ff__kaisei color__525252 txt--align__center pad--x__40 win750--pad--x__15 f--size__2rem win750--f--size__1rem win580--f--size__08rem">
                        その他、電気に関することなら、<br>株式会社渋谷電気商会へご依頼お願い致します<span
                            class="mark__css relative yuGothic d__inlineBlock win580--f--size__1rem">!</span></div>
                    <div
                        class="yuGothic mgn--top__20 f--size__1_4rem win750--f--size__1_2rem pad--x__40 win750--pad--x__20 color__ff9d00">
                        Service
                    </div>
                    <div
                        class="yuGothic f--size__1_7rem win750--f--size__1_2rem pad--x__40 win750--pad--x__20 win750--pad--top__0">
                        電気工事・リフォーム相談
                    </div>
                    <ul
                        class="fadeUpTrigger service__content mgn--top__50 win750--mgn--top__30 flex wrap txt--align__center mgn--x__40 win750--mgn--x__15 between color__707070 win580--f--size__07rem">
                        <li>エアコン取付・修理</li>
                        <li>TVアンテナ工事</li>
                        <li>EV・電気自動車充電スタンド</li>
                        <li>床暖房取付工事</li>
                        <li>外灯取付</li>
                        <li>コンセント増設・修理</li>
                        <li>配線工事</li>
                        <li>LED・照明</li>
                        <li>電気工事一式</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- faq -->
    <section>
        <div id="faq"
            class="pad--top__120 win750--pad--top__100 pad--bottom__90 win750--pad--bottom__0 win750--mgn--top__0">
            <div class="line--h__1 max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto txt--align__center">
                <div class="ff__chiaro color__023477 relative f--size__3rem win750--f--size__2rem">F<span
                        class="color__ff9d00">A</span>Q</div>
                <img src="https://shibuyadenki.com/wp-content/uploads/2022/12/titlebar.png" alt="よく頂く質問"
                    class="title__size">
                <h1 class="ff__chiaro relative color__383838 f--size__2_7rem win750--f--size__1_2rem">よく頂く質問</h1>
            </div>
            <div class="max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto">
                <ul class="bold txt--align__left">
                    <li class="pad--top__70 win750--pad--top__40">
                        <h2 class="yuGothic bold color__ff9d00 f--size__1_8rem win750--f--size__1_2rem">
                            Q.子どもがコンセントで遊ばないように対策をしたい・・・</h2>
                        <p class="pad--x__20 win750--pad--x__0 pad--top__30 color__000001__57">
                            A.お子様が届かない位置にコンセントを配置するなど、その他建物のご状況に合わせてベストな提案をさせて頂いております。
                        </p>
                    </li>
                    <li class="pad--top__70 win750--pad--top__40">
                        <h2 class="yuGothic bold color__ff9d00 f--size__1_8rem win750--f--size__1_2rem">
                            Q.事前に工事費用を知りたい場合は？</h2>
                        <p class="pad--x__20 win750--pad--x__0 pad--top__30">
                            A.先ずは<a href="tel:045-911-0043" class="color__44799c">お電話</a>、または<a href="<?php echo esc_url(
                                home_url('/')
                            ); ?>#contact"
                                class="pad--y__10 color__44799c">フォーム</a>よりお問い合わせ頂き、ご要望をお聞かせ頂けますよう、宜しくお願い致します。その際に、目安となるご予算をお伝えさせて頂きます。また、ご案内差し上げた費用を超える料金をご請求させて頂くことは一切ございません。
                        </p>
                    </li>
                    <li class="pad--top__70 win750--pad--top__40">
                        <h2 class="yuGothic bold color__ff9d00 f--size__1_8rem win750--f--size__1_2rem">
                            Q.夜間でも対応可能？</h2>
                        <p class="pad--x__20 win750--pad--x__0 pad--top__30">
                            A.対応可能です。土日祝日問わず出来る限りお客様のご都合のいい日時に合わせてお伺い致します。
                        </p>
                    </li>
                    <li class="pad--top__70 win750--pad--top__40">
                        <h2 class="yuGothic bold color__ff9d00 f--size__1_8rem win750--f--size__1_2rem">
                            Q.ペットが配線を噛みちぎってしまうので何とかしたい・・・</h2>
                        <p class="pad--x__20 win750--pad--x__0 pad--top__30">
                            A.コード・カバーをしても、ペットがカバーごと噛みちぎってしまうこともあります。ケーブルボックスの配置やコンセントの位置を変更したりなど、建物のご状況に合わせたご提案をさせて頂いております。
                        </p>
                    </li>
                </ul>
                <div
                    class="w__320px win750--pad--x__15 win750--w__100pst mgn--x__auto mgn--top__70 win750--mgn--top__30">
                    <a href="https://shibuyadenki.com/faq/"
                        class="w__320px win750--w__100pst h__60px win750--h__50px btn__plus__w relative animation__06s btn__hov__css__383838 pad--x__15 win750--f--size__1_1rem pad--x__40 f--size__1_4rem flex align--items__center justify--content__center bold">
                        <div class="f--size__1_3rem pad--x__30">MORE</div>
                        <div class="f--size__09rem">全てをみる</div>
                    </a>
                </div>
            </div>
        </div>
    </section>

<!-- faq -->
    <section>
        <div id="faq"
            class="pad--top__120 win750--pad--top__100 pad--bottom__90 win750--pad--bottom__0 win750--mgn--top__0">
            <div class="line--h__1 max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto txt--align__center">
                <div class="ff__chiaro color__023477 relative f--size__3rem win750--f--size__2rem">F<span
                        class="color__ff9d00">A</span>Q</div>
                <img src="https://shibuyadenki.com/wp-content/uploads/2022/12/titlebar.png" alt="よく頂く質問"
                    class="title__size">
                <h1 class="ff__chiaro relative color__383838 f--size__2_7rem win750--f--size__1_2rem">よく頂く質問</h1>
            </div>
            <div class="max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto">
                <ul class="bold txt--align__left">
                    <li class="pad--top__70 win750--pad--top__40">
                        <h2 class="yuGothic bold color__ff9d00 f--size__1_8rem win750--f--size__1_2rem">
                            Q.子どもがコンセントで遊ばないように対策をしたい・・・</h2>
                        <p class="pad--x__20 win750--pad--x__0 pad--top__30 color__000001__57">
                            A.お子様が届かない位置にコンセントを配置するなど、その他建物のご状況に合わせてベストな提案をさせて頂いております。
                        </p>
                    </li>
                    <li class="pad--top__70 win750--pad--top__40">
                        <h2 class="yuGothic bold color__ff9d00 f--size__1_8rem win750--f--size__1_2rem">
                            Q.事前に工事費用を知りたい場合は？</h2>
                        <p class="pad--x__20 win750--pad--x__0 pad--top__30">
                            A.先ずは<a href="tel:045-911-0043" class="color__44799c">お電話</a>、または<a
                                href="<?php echo esc_url(home_url('/')); ?>#contact"
                                class="pad--y__10 color__44799c">フォーム</a>よりお問い合わせ頂き、ご要望をお聞かせ頂けますよう、宜しくお願い致します。その際に、目安となるご予算をお伝えさせて頂きます。また、ご案内差し上げた費用を超える料金をご請求させて頂くことは一切ございません。
                        </p>
                    </li>
                    <li class="pad--top__70 win750--pad--top__40">
                        <h2 class="yuGothic bold color__ff9d00 f--size__1_8rem win750--f--size__1_2rem">
                            Q.夜間でも対応可能？</h2>
                        <p class="pad--x__20 win750--pad--x__0 pad--top__30">
                            A.対応可能です。土日祝日問わず出来る限りお客様のご都合のいい日時に合わせてお伺い致します。
                        </p>
                    </li>
                    <li class="pad--top__70 win750--pad--top__40">
                        <h2 class="yuGothic bold color__ff9d00 f--size__1_8rem win750--f--size__1_2rem">
                            Q.ペットが配線を噛みちぎってしまうので何とかしたい・・・</h2>
                        <p class="pad--x__20 win750--pad--x__0 pad--top__30">
                            A.コード・カバーをしても、ペットがカバーごと噛みちぎってしまうこともあります。ケーブルボックスの配置やコンセントの位置を変更したりなど、建物のご状況に合わせたご提案をさせて頂いております。
                        </p>
                    </li>
                </ul>
                <div
                    class="w__320px win750--pad--x__15 win750--w__100pst mgn--x__auto mgn--top__70 win750--mgn--top__30">
                    <a href="https://shibuyadenki.com/faq/"
                        class="w__320px win750--w__100pst h__60px win750--h__50px btn__plus__w relative animation__06s btn__hov__css__383838 pad--x__15 win750--f--size__1_1rem pad--x__40 f--size__1_4rem flex align--items__center justify--content__center bold">
                        <div class="f--size__1_3rem pad--x__30">MORE</div>
                        <div class="f--size__09rem">全てをみる</div>
                    </a>
                </div>
            </div>
        </div>
    </section>

<!--  policy -->
    <section>
        <div id="policy" class="pad--top__120 mgn--top__80 win750--mgn--top__40 win750--pad--top__40">
            <div class="txt--align__center max--w__1240px win750--pad--x__15 pad--x__40 mgn--x__auto">
                <h1 class="genmintyou bold color__313131 f--size__4_2rem win750--f--size__2rem">P<span
                        class="color__00797e">O</span>LICY</h1>
                <span
                    class="title__span title__span__000000 color__000000 flex relative genmintyou justify--content__center align--items__center f--size__1_5rem win750--f--size__1rem bold">基本方針</span>
            </div>
            <div
                class="max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto txt--align__center mgn--top__50 win750--pad--top__0">
                <p class="bold line--h__2 color__333333">勇心土木は、安心してご依頼頂けますよう、<br>以下のことをお約束致しております。</p>
            </div>
            <ul
                class="fadeUpTrigger max--w__1240px mgn--x__auto pad--x__40 win750--pad--x__15 mgn--top__40 win750--mgn--top__0 flex wrap between li__side__line yuGothic">
                <li class="w__20pst win750--w__50pst mgn--bottom__20 mgn--top__20">
                    <div class="txt--align__center w__60pst mgn--x__auto">
                        <img src="https://yuushindoboku.com/wp-content/uploads/2022/12/p1.png" alt="正確性"
                            class="w__110px win580--w__80pst">
                    </div>
                    <h2
                        class="txt--align__center relative pad--top__20 color__00797e f--size__1_4rem win750--f--size__1rem bold win750--pad--top__10">
                        正確性</h2>
                    <p class="f--size__09rem pad--top__20 win750--f--size__08rem win750--pad--top__5">
                        勇心土木は正確性に努め、最高品質のサービスを提供します。専門技術の有資格者、私どもがお客様の想い描くイメージをかたちにするお手伝いを致します。</p>
                </li>
                <li class="w__20pst win750--w__50pst mgn--bottom__20 mgn--top__20">
                    <div class="txt--align__center w__60pst mgn--x__auto">
                        <img src="https://yuushindoboku.com/wp-content/uploads/2022/12/p2.png" alt="安全対策"
                            class="w__110px win580--w__80pst">
                    </div>
                    <h2
                        class="txt--align__center relative pad--top__20 color__00797e f--size__1_4rem win750--f--size__1rem bold win750--pad--top__10">
                        安全対策</h2>
                    <p class="f--size__09rem pad--top__20 win750--f--size__08rem win750--pad--top__5">
                        万が一の事故が発生しないように安全第一に作業を行います。お客様に安心してご依頼頂けるように、安全な作業環境を整え従業員や一般の方々にも配慮し対応致します。</p>
                </li>
                <li class="w__20pst win750--w__50pst mgn--bottom__20 mgn--top__20">
                    <div class="txt--align__center w__60pst mgn--x__auto">
                        <img src="https://yuushindoboku.com/wp-content/uploads/2022/12/p3.png" alt="騒音対策"
                            class="w__110px win580--w__80pst">
                    </div>
                    <h2
                        class="txt--align__center relative pad--top__20 color__00797e f--size__1_4rem win750--f--size__1rem bold win750--pad--top__10">
                        騒音対策</h2>
                    <p class="f--size__09rem pad--top__20 win750--f--size__08rem win750--pad--top__5">
                        近年騒音トラブルが多いですが、勇心土木では騒音対策にも努めています。ご近所の方にも迷惑がかからないよう注意しながら作業致します。</p>
                </li>
                <li class="w__20pst win750--w__50pst mgn--bottom__20 mgn--top__20">
                    <div class="txt--align__center w__60pst mgn--x__auto">
                        <img src="https://yuushindoboku.com/wp-content/uploads/2022/12/p4.png" alt="迅速対応"
                            class="w__110px win580--w__80pst">
                    </div>
                    <h2
                        class="txt--align__center relative pad--top__20 color__00797e f--size__1_4rem win750--f--size__1rem bold win750--pad--top__10">
                        迅速対応</h2>
                    <p class="f--size__09rem pad--top__20 win750--f--size__08rem win750--pad--top__5">
                        勇心土木では迅速な対応を心がけております。ご依頼頂いてからスムーズに作業を行い、受け渡しを致します。</p>
                </li>
                <li class="w__20pst win750--w__50pst mgn--bottom__20 mgn--top__20">
                    <div class="txt--align__center w__60pst mgn--x__auto">
                        <img src="https://yuushindoboku.com/wp-content/uploads/2022/12/p5.png" alt="NO手抜き工事"
                            class="w__110px win580--w__80pst">
                    </div>
                    <h2
                        class="txt--align__center relative pad--top__20 color__00797e f--size__1_4rem win750--f--size__1rem bold win750--pad--top__10">
                        NO手抜き工事</h2>
                    <p class="f--size__09rem pad--top__20 win750--f--size__08rem win750--pad--top__5">
                        ご依頼頂いた工事に対してこれまで培った技術をもとに、丁寧かつ完璧に対応することを心掛けるとともに、決して手抜き工事は致しません。
                    </p>
                </li>
            </ul>
        </div>
    </section>

    <!-- concept -->
    <section>
        <div id="concept" class="pad--top__120 mgn--top__20 win750--mgn--top__0">
            <div class="concept__bg pad--top__80 pad--bottom__100 win750--pad--y__50">
                <h1 class="relative z__10 max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto txt--align__center">
                    <img src="https://nagomi-reform.net/wp-content/uploads/2022/11/t__c.png" alt="コンセプト"
                        class="c__title__size">
                </h1>
                <div class="max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto">
                    <div
                        class="max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto relative concept__pos radius__50 bg__ffffff pad--top__30 pad--bottom__60 win750--pad--bottom__30">
                        <h2 class="txt--align__center f--size__2_2rem win750--f--size__1rem bold color__4ca223">
                            だから私たちは、お約束致します。</h2>
                        <p
                            class="txt--align__left pad--top__30 win750--pad--top__20 color__000000 max--w__650px mgn--x__auto">
                            「リフォームは大切な住まいの第二の家づくり」として、和は、以下の通り施工することをお約束致します。</p>
                        <ul
                            class="max--w__1240px mgn--x__auto mgn--top__50 win750--mgn--top__30 flex wrap between align--items__start li__side__line yuGothic">
                            <li class="w__20pst win750--w__50pst mgn--bottom__20 mgn--top__20">
                                <div class="w__60pst txt--align__center mgn--x__auto">
                                    <img src="https://nagomi-reform.net/wp-content/uploads/2022/11/c1.png" alt="メンテナンス"
                                        class="w__100pst win750--w__80px">
                                </div>
                                <h2
                                    class="txt--align__center relative pad--top__20 bold color__4ca223 f--size__1_4rem win750--f--size__1rem bold win750--pad--top__10">
                                    メンテナンス</h2>
                                <p class="pad--top__20 win750--f--size__08rem win750--pad--top__5">
                                    施工後、塗装の剥がれ、色褪せ、不具合箇所がないかを定期的に点検致します。</p>
                            </li>
                            <li class="w__20pst win750--w__50pst mgn--bottom__20 mgn--top__20">
                                <div class="w__60pst txt--align__center mgn--x__auto">
                                    <img src="https://nagomi-reform.net/wp-content/uploads/2022/11/c2.png" alt="アフター保証"
                                        class="w__100pst win750--w__80px">
                                </div>
                                <h2
                                    class="txt--align__center relative pad--top__20 bold color__4ca223 f--size__1_4rem win750--f--size__1rem bold win750--pad--top__10">
                                    アフター保証</h2>
                                <p class="pad--top__20 win750--f--size__08rem win750--pad--top__5">
                                    外壁塗装は10年保証。板金工事は15年保証のアフター保証をお付け致します。</p>
                            </li>
                            <li class="w__20pst win750--w__50pst mgn--bottom__20 mgn--top__20">
                                <div class="w__60pst txt--align__center mgn--x__auto">
                                    <img src="https://nagomi-reform.net/wp-content/uploads/2022/11/c3.png" alt="地域密着"
                                        class="w__100pst win750--w__80px">
                                </div>
                                <h2
                                    class="txt--align__center relative pad--top__20 bold color__4ca223 f--size__1_4rem win750--f--size__1rem bold win750--pad--top__10">
                                    地域密着</h2>
                                <p class="pad--top__20 win750--f--size__08rem win750--pad--top__5">
                                    お客さまがお知り合い様に紹介したくなるようなサービスを目指します。</p>
                            </li>
                            <li class="w__20pst win750--w__50pst mgn--bottom__20 mgn--top__20">
                                <div class="w__60pst txt--align__center mgn--x__auto">
                                    <img src="https://nagomi-reform.net/wp-content/uploads/2022/11/c4.png" alt="NO手抜き工事"
                                        class="w__100pst win750--w__80px">
                                </div>
                                <h2
                                    class="txt--align__center relative pad--top__20 bold color__4ca223 f--size__1_4rem win750--f--size__1rem bold win750--pad--top__10">
                                    NO手抜き工事</h2>
                                <p class="pad--top__20 win750--f--size__08rem win750--pad--top__5">
                                    下地処理、下塗り、中塗り、上塗りなど、最後の仕上げまで真心込めて施工致します。</p>
                            </li>
                            <li class="w__20pst win750--w__50pst mgn--bottom__20 mgn--top__20">
                                <div class="w__60pst txt--align__center mgn--x__auto">
                                    <img src="https://nagomi-reform.net/wp-content/uploads/2022/11/c5.png" alt="安心営業"
                                        class="w__100pst win750--w__70px">
                                </div>
                                <h2
                                    class="txt--align__center relative pad--top__20 bold color__4ca223 f--size__1_4rem win750--f--size__1rem bold win750--pad--top__10">
                                    安心営業</h2>
                                <p class="pad--top__20 win750--f--size__08rem win750--pad--top__5">
                                    押し売り営業しません。先ずは相見積もりをたくさん取って頂いております。</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- photo -->
    <section>
        <div id="photo" class="pad--top__100 mgn--top__80 win750--mgn--top__0">
            <div class="genmintyou txt--align__center max--w__1240px win750--pad--x__15 pad--x__40 mgn--x__auto">
                <h1 class="bold color__313131 f--size__3_8rem win750--f--size__2rem">P<span
                        class="color__bf0000">H</span>OTO/G<span class="color__bf0000">A</span>LLERY</h1>
                <span
                    class="title__span title__span__d0d0d0 color__4b4b4b flex relative justify--content__center align--items__center f--size__1_4rem win750--f--size__1rem">フォトギャラリー</span>
            </div>
            <div id="fv__u__slider"
                class="flex align--items__center mgn--top__60 win750--mgn--top__40 overflow__hidden">
                <ul class="slideshow flex">
                    <li>
                        <img class="relative win750--w__200"
                            src="https://sakuraikougyou.net/wp-content/uploads/2022/10/p1.jpg" alt="株式会社櫻井興業">
                    </li>
                    <li>
                        <img class="relative win750--w__200"
                            src="https://sakuraikougyou.net/wp-content/uploads/2022/10/p2.jpg" alt="株式会社櫻井興業">
                    </li>
                    <li>
                        <img class="relative win750--w__200"
                            src="https://sakuraikougyou.net/wp-content/uploads/2022/10/p3.jpg" alt="株式会社櫻井興業">
                    </li>
                    <li>
                        <img class="relative win750--w__200"
                            src="https://sakuraikougyou.net/wp-content/uploads/2022/10/p4.jpg" alt="株式会社櫻井興業">
                    </li>
                    <li>
                        <img class="relative win750--w__200"
                            src="https://sakuraikougyou.net/wp-content/uploads/2022/10/p5.jpg" alt="株式会社櫻井興業">
                    </li>
                    <li>
                        <img class="relative win750--w__200"
                            src="https://sakuraikougyou.net/wp-content/uploads/2022/10/p6.jpg" alt="株式会社櫻井興業">
                    </li>
                    <li>
                        <img class="relative win750--w__200"
                            src="https://sakuraikougyou.net/wp-content/uploads/2022/10/p7.jpg" alt="株式会社櫻井興業">
                    </li>
                </ul>
                <ul class="slideshow flex">
                    <li>
                        <img class="relative win750--w__200"
                            src="https://sakuraikougyou.net/wp-content/uploads/2022/10/p1.jpg" alt="株式会社櫻井興業">
                    </li>
                    <li>
                        <img class="relative win750--w__200"
                            src="https://sakuraikougyou.net/wp-content/uploads/2022/10/p2.jpg" alt="株式会社櫻井興業">
                    </li>
                    <li>
                        <img class="relative win750--w__200"
                            src="https://sakuraikougyou.net/wp-content/uploads/2022/10/p3.jpg" alt="株式会社櫻井興業">
                    </li>
                    <li>
                        <img class="relative win750--w__200"
                            src="https://sakuraikougyou.net/wp-content/uploads/2022/10/p4.jpg" alt="株式会社櫻井興業">
                    </li>
                    <li>
                        <img class="relative win750--w__200"
                            src="https://sakuraikougyou.net/wp-content/uploads/2022/10/p5.jpg" alt="株式会社櫻井興業">
                    </li>
                    <li>
                        <img class="relative win750--w__200"
                            src="https://sakuraikougyou.net/wp-content/uploads/2022/10/p6.jpg" alt="株式会社櫻井興業">
                    </li>
                    <li>
                        <img class="relative win750--w__200"
                            src="https://sakuraikougyou.net/wp-content/uploads/2022/10/p7.jpg" alt="株式会社櫻井興業">
                    </li>
                </ul>
            </div>
            <div class="txt--align__center win750--pad--x__15">
                <a href="https://sakuraikougyou.net/photo_gallery/"
                    class="custom-btn--pad__small animation--bg__red win750--f--size__1_1rem pad--x__40 mgn--top__50 win750--mgn--top__30 f--size__1_4rem win750--w__100pst">VIEW
                    MORE<i class="mgn--left__20 mgn--right__-10 fas fa-chevron-right"></i></a>
            </div>
        </div>
    </section>

    <!-- news -->
    <section>
        <div id="news"
            class="bg__fafafa pad--bottom__115 win750--pad--bottom__80 pad--top__100 win750--pad--top__60 mgn--top__260 win750--mgn--top__140">
            <!-- title -->
            <div
                class="txt--align__center yuGothic color__4b4b4b pad--x__40 win750--pad--x__15 max--w__1240px mgn--x__auto">
                <h1 class="bold title__h1__pos line--h__1 f--size__2_9rem relative win750--f--size__1_6rem">新着情報<img
                        src="https://sekinesougousetubi.com/wp-content/uploads/2023/01/section__title__item.png"
                        class="w__33px win750--w__20px relative section__title__item__pos" alt="有限会社関根総合設備"></h1>
                <img src="https://sekinesougousetubi.com/wp-content/uploads/2023/01/section__title__underline.png"
                    class="w__270px win750--w__150px" alt="有限会社関根総合設備">
                <div class="bold relative title__sub__pos f--size__1_2rem win750--f--size__07rem">お知らせ・業務風景・その他</div>
            </div>
            <div class="max--w__1240px mgn--top__80 win750--mgn--top__30 mgn--x__auto win750--pad--x__15 pad--x__40">
                <div class="news-item">
                    <div class="txt--align__left">
                        <?php while (have_posts()):
                            the_post(); ?>
                        <div class="mgn--top__20 win750--f--size__09rem border-bottom__dbdbdb">
                            <span
                                class="f--size__09rem color__ffffff radius__20 bg__0878bf pad--x__10 d__inlineBlock mgn--right__20 win750--f--size__07rem">
                                <time datetime="<?php the_time(
                                    'Y.m.d'
                                ); ?>" itemprop="datePublished"><?php the_time(
    'Y.m.d'
); ?></time>
                                <time datetime="<?php the_time(
                                    'Y.m.d'
                                ); ?>" class="d__none" itemprop="dateModified"><?php the_modified_date(
    'Y.m.d'
); ?></time>
                            </span>
                            <br class="d__none win750--d__block">
                            <span class="relative news-tite__pos"><a href="<?php the_permalink(); ?>"
                                    class="gothic color__000000 line--h__1_6rem"
                                    title="<?php the_title(); ?>"><?php the_title(); ?></a></span>
                        </div>
                        <?php
                        endwhile; ?>
                        <?php wp_reset_postdata(); ?>
                    </div>
                    <div
                        class="mgn--x__auto txt--align__center w__320px win750--w__100pst mgn--top__50 win750--mgn--top__30">
                        <a href="<?php echo esc_url(home_url('/')); ?>post_all"
                            class="w__320px win750--w__100pst h__60px win750--h__50px btn__plus__w relative animation__06s btn__hov__css__0878bf pad--x__15 win750--f--size__1_1rem pad--x__40 f--size__1_4rem flex align--items__center justify--content__center bold">
                            <div class="f--size__1_2rem pad--x__30 win750--f--size__1_1rem">MORE</div>
                            <div class="f--size__09rem">詳細をみる</div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section>
    <div id="contact" class="pad--top__160 mgn--top__20 win750--mgn--top__0 win750--pad--top__100">
        <div class="max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto txt--align__center">
            <div class="title__div__css title__div__css__contact"><span>CONTACT</span></div>
            <h1 class="title__h1__css">お問合せ</h1>
            <span class="subtitle__span__css">Mail form</span>
        </div>
        <div class="max--w__1240px win750--pad--x__15 pad--x__40 mgn--x__auto mgn--top__20 win750--mgn--top__0">
            <div class="max--w__800px mgn--x__auto pad--x__40 win750--pad--x__10 pad--y__40  win750--pad--top__20">
                <?php echo do_shortcode(
                    '
エラー: コンタクトフォームが見つかりません。
'
                ); ?>
            </div>
        </div>
    </div>
</section>

<!-- map -->
<section>
    <div id="map" class="pad--top__120 mgn--top__20 win750--mgn--top__0 win750--pad--top__120">
        <div class="max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto txt--align__center">
            <div class="title__div__css title__div__css__map"><span>MAP</span></div>
            <h1 class="title__h1__css">所在地</h1>
            <span class="subtitle__span__css">Google Map</span>
        </div>
        <div class="w__100pst mgn--top__50 win750--mgn--top__20">
            <iframe class="w__100pst border__none h__300px win750--h__auto"
                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3252.5455900557463!2d136.58189855033368!3d35.39172475330625!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6003b486258bebef%3A0xa10c73d317adbd05!2z44CSNTAzLTIyMTMg5bKQ6Zic55yM5aSn5Z6j5biC6LWk5Z2C55S677yT77yQ77yS77yV4oiS77yU!5e0!3m2!1sja!2sjp!4v1667953432293!5m2!1sja!2sjp"
                style="border:0;" allowfullscreen="" loading="lazy"></iframe>
        </div>
    </div>
</section>
<!-- sns -->
<section>
    <div class="pad--top__60 pad--bottom__60 win750--pad--top__40 win750--pad--bottom__30 txt--align__center">
        <p class="color__444444 bold f--size__1_1rem win750--f--size__1rem">和 - なごみ -【公式SNSアカウント】</p>
        <div class="max--w__500px mgn--top__10 w__50pst mgn--x__auto win750--w__100pst">
            <ul class="flex justify--content__center align--items__center">
                <!-- <li class="mgn--x__8 txt--align__center"><a href="https://twitter.com/" target="_blank"
                        rel="noreferrer noopener" class="radius__50pst relative sns__icon__css twitter__anime"><i
                            class="fab fa-twitter sns__i absolute"></i></a></li> -->
                <li class="mgn--x__8 txt--align__center"><a href="https://www.instagram.com/nagomi.2022/"
                        target="_blank" rel="noreferrer noopener"
                        class="radius__50pst relative sns__icon__css instagram__anime"><i
                            class="fab fa-instagram sns__i absolute"></i></a></li>
                <!-- <li class="mgn--x__8 txt--align__center"><a href="https://www.facebook.com/" target="_blank"
                        rel="noreferrer noopener" class="radius__50pst relative sns__icon__css facebook__anime"><i
                            class="fab fa-facebook-f sns__i absolute"></i></a></li> -->
                <!-- <li class="mgn--x__8 txt--align__center"><a href="https://www.youtube.com/" target="_blank"
                        rel="noreferrer noopener" class="radius__50pst relative sns__icon__css youtube__anime"><i
                            class="fab fa-youtube sns__i absolute"></i></a></li> -->
                <li class="mgn--x__8 txt--align__center"><a href="https://line.me/" target="_blank"
                        rel="noreferrer noopener" class="radius__50pst relative sns__icon__css line__anime"><i
                            class="fab fa-line sns__i absolute"></i></a></li>
            </ul>
        </div>
    </div>
</section>
<footer>
    <div
        class="f__bg win750--pad--x__15 pad--x__40 pad--top__130 win750--pad--top__60 pad--bottom__350 win1060--pad--bottom__300 win750--pad--bottom__250 txt--align__center">
        <div class="txt--align__center max--w__800px mgn--x__auto"><img
                src="https://nagomi-reform.net/wp-content/uploads/2022/11/f__text.png" alt="建物塗装、屋根板金、その他、お気軽にお問合せ下さい。"
                class="w__100pst relative"></div>
        <div
            class="flex win750--d__block justify--content__center align--items__center gap__5pst txt--align__center mgn--top__65 win750--mgn--top__40">
            <div>
                <a href="<?php echo esc_url(home_url('/')); ?>#contact"
                    class="w__320px win750--w__100pst h__60px win750--h__50px btn__plus relative animation__06s btn__hov__css__056943 pad--x__15 win750--f--size__1_1rem pad--x__40 f--size__1_4rem flex align--items__center justify--content__center color__ffffff bold">
                    <div class="f--size__1_3rem pad--x__30">MAIL</div>
                    <div class="f--size__09rem">お問い合わせ</div>
                </a>
                <p class="color__001646 pad--top__15 bold win750--pad--top__5">（受付時間：365日24時間）</p>
            </div>
            <div class="win750--mgn--top__20">
                <a href="tel:0584-40-1595"
                    class="w__320px win750--w__100pst h__60px win750--h__50px flex align--items__center justify--content__center line--h__1 relative animation__06s btn__hov__css__ff9d00 color__ffffff">
                    <img src="https://nagomi-reform.net/wp-content/uploads/2022/11/y__tel.png" alt="和 - なごみ - 建築塗装"
                        class="relative w__30px mgn--right__15">
                    <div class="yuGothic bold f--size__1_6rem">0584-40-1595</div>
                </a>
                <p class="color__001646 pad--top__15 bold win750--pad--top__5">（受付時間：平日8:00〜20:00）</p>
            </div>
        </div>
        <div class="flex justify--content__center align--items__center mgn--top__70 win750--mgn--top__60">
            <div>
                <p class="color__001646 bold win580--f--size__08rem yuGothic">
                    岐阜県の屋根・外壁塗装、板金工事・害虫駆除</p>
                <a itemprop="url" href="<?php echo esc_url(home_url('/')); ?>"
                    class="relative flex align--items__center justify--content__center header__logo__position">
                    <img itemprop="logo" src="https://nagomi-reform.net/wp-content/uploads/2022/12/nagomi_logo.png"
                        alt="和 - なごみ -" class="relative w__65px win580--w__50px head__logo__position head__logo__size">
                    <div class="mgn--left__20 win580--mgn--left__15 txt--align__left">
                        <img itemprop="logo"
                            src="https://nagomi-reform.net/wp-content/uploads/2022/12/nagomi_logo_nagomi.png"
                            alt="和 - なごみ -" class="relative w__165px win580--w__150px">
                    </div>
                </a>
                <p class="pad--top__20 win750--pad--top__10 bold color__001646 win580--f--size__08rem">
                    〒503-2213　岐阜県大垣市赤坂町3025-4</p>
            </div>
        </div>
    </div>
    <div
        class="bg__cae4be mgn--x__auto pad--top__60 pad--bottom__40 pad--x__20 txt--align__center win750--pad--top__30 win750--pad--bottom__10">
        <nav
            class="max--w__1240px pad--x__40 win750--pad--x__15 mgn--x__auto f--size__1_2rem txt--align__center win750--f--size__1rem">
            <ul class="footer__li__mgn flex wrap around align--items__center color__343434">
                <li class="underBar u__343434"><a href="<?php echo esc_url(home_url('/')); ?>"
                        class="pad--y__10">ホーム</a></li>
                <li class="underBar u__343434"><a href="<?php echo esc_url(home_url('/')); ?>#works"
                        class="pad--y__10">施工事例</a></li>
                <li class="underBar u__343434"><a href="<?php echo esc_url(home_url('/')); ?>#service"
                        class="pad--y__10">事業内容</a></li>
                <li class="underBar u__343434"><a href="<?php echo esc_url(home_url('/')); ?>privacy-policy"
                        class="pad--y__10">プライバシーポリシー</a></li>
                <li class="underBar u__343434"><a href="<?php echo esc_url(home_url('/')); ?>#feature"
                        class="pad--y__10">和の特徴</a></li>
                <li class="underBar u__343434"><a href="<?php echo esc_url(home_url('/')); ?>sitemap"
                        class="pad--y__10">サイトマップ</a></li>
                <li class="underBar u__343434"><a href="<?php echo esc_url(home_url('/')); ?>#about"
                        class="pad--y__10">業者情報</a></li>
                <li class="underBar u__343434"><a href="<?php echo esc_url(home_url('/')); ?>#contact"
                        class="pad--y__10">お問い合わせ</a></li>
            </ul>
        </nav>
    </div>
    <div class="bg__4ca223 pad--y__40 win750--pad--x__15">
        <div
            class="color__white flex justify--content__center align--items__center txt--align__center f--size__1_2rem win750--f--size__08rem">
            <small>
                ©
                Copyright - <?php echo esc_html(
                                bloginfo('name')
                            ); ?>, <?php echo esc_html(date('Y')); ?> All
                Rights
                Reserved.
            </small>
        </div>
    </div>
</footer>

</body>
<?php wp_footer();