<!-- wp:html -->

<main class='cld-service sys-dev'>
    <h3 class="block-title">
        システム開発
        <small>_______</small>
    </h3>
    <h3 class="block-subtitle">
        System development
    </h3>
    <div class="container">
        <div class="row my-3 my-sm-5">
            <div class="col-sm-7">
                <div class="intro__title  mb-3 mb-sm-4">
                    <div class="image-container">
                        <img class="intro__title--image" src="/wp-content/themes/management-partners/images/ASSETS-PC1/PC/icon_laptop_dev.png" alt="">
                    </div>
                    <div class="text-container">
                        <p class="intro__title--text">こんなお悩みを抱えていませんか？</p>
                    </div>
                </div>
                <div class="row" id="title1">
                </div>
                <ul class="mx-3 mx-sm-5 px-3 mb-3 mb-sm-5">
                    <li class="check">Webサービスの立ち上げに伴いシステム開発をしたい。</li>
                    <li class="check">既存ベンダーのWebシステムの品質が低い。</li>
                    <li class="check">Webシステムを利用して業務効率化を図りたい。</li>
                </ul>
            </div>
            <div class="col-sm-5 my-sm-5 px-5 px-sm-0 text-center movethis" data-target="title1">
                <img class="img-fluid" src="http://management-partners.co.jp/wp-content/uploads/2020/06/img_service_ws01-1.jpg" alt="Webシステム">
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 mt-3 mt-sm-5">
                <h1 class="contentTitle thinner">
                    このような、お悩みも弊社にお任せいただければ解決できるかもしれません！
                </h1>
            </div>
            <div class="col-12">
                <div class="row" id="title2">
                </div>
            </div>
            <div class="col-sm-7 my-3 my-sm-4">
                <ul>
                    <li><span class="circle">1</span> ヒアリング</li>
                </ul>
                <p class="mx-5 mx-sm-5">お問い合わせいただいた後に弊社ディレクターがお客様のご要望をヒアリングいたします。<br />
                    <img class="rotate m-3" src="/wp-content/themes/management-partners/images/ASSETS-PC1/PC/icon_arrow_forward.png" style="width: 1rem" />
                </p>
                <ul>
                    <li><span class="circle">2</span> ご提案</li>
                </ul>
                <p class="mx-5 mx-sm-5">Webシステム設計、スケジュール、概算お見積りをご提案いたします。<br />
                    <img class="rotate m-3" src="/wp-content/themes/management-partners/images/ASSETS-PC1/PC/icon_arrow_forward.png" style="width: 1rem" />
                </p>
                <ul>
                    <li><span class="circle">3</span> ご発注</li>
                </ul>
                <p class="mx-5 mx-sm-5">
                    <img class="rotate m-3" src="/wp-content/themes/management-partners/images/ASSETS-PC1/PC/icon_arrow_forward.png" style="width: 1rem" />
                </p>
                <ul>
                    <li><span class="circle">4</span> 要件策定・設計</li>
                </ul>
                <p class="mx-5 mx-sm-5">構築システムの要件をおまとめいたします。<br />
                    要件内容を基に設計作業を行います。<br />
                    <img class="rotate m-3" src="/wp-content/themes/management-partners/images/ASSETS-PC1/PC/icon_arrow_forward.png" style="width: 1rem" />
                </p>
                <ul>
                    <li><span class="circle">5</span> 開発</li>
                </ul>
                <p class="mx-5 mx-sm-5">プログラミング、データベース構築などの開発作業を行います。<br />
                    必要に応じてサーバー構築を行います。<br />
                    <img class="rotate m-3" src="/wp-content/themes/management-partners/images/ASSETS-PC1/PC/icon_arrow_forward.png" style="width: 1rem" />
                </p>
                <ul>
                    <li><span class="circle">6</span> 検証</li>
                </ul>
                <p class="mx-5 mx-sm-5">お客様に検証を行っていただきます。<br />
                    <img class="rotate m-3" src="/wp-content/themes/management-partners/images/ASSETS-PC1/PC/icon_arrow_forward.png" style="width: 1rem" />
                </p>
                <ul>
                    <li><span class="circle">7</span> 納品</li>
                </ul>
                <p class="mx-5 mx-sm-5">検証で問題がなければ納品といたします。<br />
                    <img class="rotate m-3" src="/wp-content/themes/management-partners/images/ASSETS-PC1/PC/icon_arrow_forward.png" style="width: 1rem" />
                </p>
                <ul>
                    <li><span class="circle">8</span> メンテナンス・保守</li>
                </ul>
            </div>
            <div class="col-sm-5 my-3 my-sm-5 text-center text-center movethis" data-target="title2">
                <img class="img-fluid img-responsive-sm" src="http://management-partners.co.jp/wp-content/uploads/2020/06/img_service_ws02-1.jpg" alt="Webシステム">
            </div>
        </div>
    </div>
</main>
<!-- /wp:html -->