<main>

<h1 class="visually-hidden">
            株式会社レグセント 製品一覧
        </h1>

<section id="product" class="product fade-up">
            <div class="product-wrap">

<div class="section-heading">
                    <h2 class="section-title">製品一覧
                        <br>
                        <span>PRODUCT</span>
                    </h2>
                </div>

<div class="product-content">

<div class="product-list">

<div class="product-item">
                                <div class="product-title">
                                    <h3>WEBデザイン</h3>
                                </div>
                                <div class="product-image">
                                    <img src="./images/product1.jpg" alt="WEBデザイン">
                                </div>
                                <div class="product-text">
                                    ビジネスを成功に導くため、サイトの目的に応じたコンテンツを選定し、ターゲットの目を引くデザインを提案します。
                                </div>
                            </div>

<div class="product-item">
                                <div class="product-title">
                                    <h3>ロゴデザイン</h3>
                                </div>
                                <div class="product-image">
                                    <img src="./images/product2.jpg" alt="ロゴデザイン">
                                </div>
                                <div class="product-text">
                                    「企業理念」や「創業者の想い」が込められた、時代に流されることなく永続的に愛されるロゴをご提案します。
                                </div>
                            </div>

<div class="product-item">
                                <div class="product-title">
                                    <h3>パンフレット・名刺・封筒デザイン</h3>
                                </div>
                                <div class="product-image">
                                    <img src="./images/product3.jpg" alt="パンフレット・名刺・封筒デザイン">
                                </div>
                                <div class="product-text">
                                    HPやロゴのデザインに合わせた、記憶に残るデザインをご提案します。
                                </div>
                            </div>

<div class="product-item">
                                <div class="product-title">
                                    <h3>DMデザイン</h3>
                                </div>
                                <div class="product-image">
                                    <img src="./images/product4.jpg" alt="DMデザイン">
                                </div>
                                <div class="product-text">
                                    「素材」「レイアウト」「色」などにこだわることで、捨てられずに見てもらえるDMに変わり、商品やサービスの魅力を効果的に伝えます。
                                </div>
                            </div>

<div class="product-item">
                                <div class="product-title">
                                    <h3>ノベルティデザイン</h3>
                                </div>
                                <div class="product-image">
                                    <img src="./images/product5.jpg" alt="ノベルティデザイン">
                                </div>
                                <div class="product-text">
                                    ノベルティに「オシャレ」「ユニーク」「トレンド」を取り込むことでユーザーの継続的な使用を促し、ブランド価値･認知度向上や販促効果をもたらします。
                                </div>
                            </div>

<div class="product-item">
                                <div class="product-title">
                                    <h3>メニューデザイン</h3>
                                </div>
                                <div class="product-image">
                                    <img src="./images/product6.jpg" alt="メニューデザイン">
                                </div>
                                <div class="product-text">
                                    飲食店において、お客様に食べて欲しい料理のアピールする基本ツールはグランドメニューではないでしょうか。上質なデザインで料理への期待感を煽り、看板メニューへと誘導し、料理の評価を高めることで再来店へとつなげます。
                                </div>
                            </div>

<div class="product-item">
                                <div class="product-title">
                                    <h3>複合機</h3>
                                </div>
                                <div class="product-image">
                                    <img src="./images/product7.jpg" alt="複合機">
                                </div>
                                <div class="product-text">
                                    リースの金額・カウンター料金が高額の法人様、是非お見積りをさせてください。お客様のニーズに合わせた機種のご提案、最適な時期に最適な金額でご提案します。
                                </div>
                            </div>

<div class="product-item">
                                <div class="product-title">
                                    <h3>サーバ</h3>
                                </div>
                                <div class="product-image">
                                    <img src="./images/product8.jpg" alt="サーバ">
                                </div>
                                <div class="product-text">
                                    自然災害・停電・PCの故障など予期せぬデータの消失に備えて、常時データをバックアップしておく必要があると思います。ご予算内で最も費用対効果の高いサーバをご提案します。
                                </div>
                            </div>

<div class="product-item">
                                <div class="product-title">
                                    <h3>
                                        UTM
                                        <br>
                                        （セキュリティ対策）
                                    </h3>
                                </div>
                                <div class="product-image">
                                    <img src="./images/product9.jpg" alt="UTM（セキュリティ対策）">
                                </div>
                                <div class="product-text">
                                    政府機関もウィルス対策ソフトだけでなく多層防御を行う必要があると警告しています。UTMはウィルス対策だけでなく、ネットワーク全体の出入り口を防御します。安心していただけるUTMをご提案します。
                                </div>
                            </div>
                    </div>

</div>

</div>
        </section>

</main>

words の編集