    <div class="company-wrap">
        <div class="wrap button-area">
            <a href="#greeting">代表挨拶</a>
            <a href="#voice">従業員紹介</a>
            <a href="#info">企業情報</a>
            <a href="#history">企業沿革</a>
        </div>
    
        <section id="greeting">
            <div class="wrap">
                <h2>代表挨拶<span class="line"></span></h2>
                <div class="flex">
                    <figure><img src="http://friendmark.xsrv.jp/xerotta_demo/wp-content/themes/xerotta/images/company/president.jpg" alt=""></figure>
                    <div class="greeting-txt">
                        <h3>わがままに生きましょう</h3>
                        <p>近年、少子化の問題は年々深刻になってきております。<br>
目前の問題としては、働き手がいない。ゆえに、現在働いている方への負担が大きくなり、疲弊する。しかし、経済が低迷しない為にも止まってはならない。その結果、結婚・家事・育児への余裕がなくなり、さらに少子化が進む悪循環・・。</p>
 
<p>私たちが考える現在の喫緊の課題は、まさにデジタル化（コンピューター化）の推進です。<br>
アナログな世界にいる私たちが、個人・法人のさまざまな仕事をデジタル化する事で、時間に余裕ができ、結婚・家事・育児へ時間を使い、少子化の問題が解決するという好循環を作りあげなければなりません。</p>
 
<p>だから、私たちは会社を作りました。</p>
 
<p>私たちは、法人・個人のお客様に対し、あらゆる仕事のデジタル化を強力に推進し、アナログな世界を裕福にしていく事を目的としたチームです。
</p>
                    </div>
                </div>
            </div>
        </section>
    
        <section id="voice" class="bg2">
            <div class="wrap">
                <h2>従業員紹介<span class="line"></span></h2>
                <div class="voice-flex">
                    <div class="voice-box">
                        <div class="voice-movie"><iframe width="560" height="315" src="https://www.youtube.com/embed/eJ4UT2S_8IM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
                        <span class="name">ICTIサービス部　部長</span>
                    </div>
                    <div class="voice-box">
                        <div class="voice-movie"><iframe width="560" height="315" src="https://www.youtube.com/embed/eJ4UT2S_8IM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
                        <span class="name">プロジェクト管理課　課長</span>
                    </div>
                    <div class="voice-box">
                        <div class="voice-movie"><iframe width="560" height="315" src="https://www.youtube.com/embed/eJ4UT2S_8IM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
                        <span class="name">総合事務サービス課　主任</span>
                    </div>
                    <div class="voice-box">
                        <div class="voice-movie"><iframe width="560" height="315" src="https://www.youtube.com/embed/eJ4UT2S_8IM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
                        <span class="name">プロジェクト管理課　主任</span>
                    </div>
                </div>
            </div>
        </section>
    
        <section id="info">
            <div class="wrap">
                <h2>企業情報<span class="line"></span></h2>
                <table>
                    <tr>
                        <th>会社名</th>
                        <td>Xerotta株式会社</td>
                    </tr>
                    <tr>
                        <th>本社所在地</th>
                        <td>東京都港区新橋1-12-9 A-PLACE新橋駅前 8F R822</td>
                    </tr>
                    <tr>
                        <th>代表取締役</th>
                        <td>Yuki Takumiya</td>
                    </tr>
                    <tr>
                        <th>設立年月日</th>
                        <td>2013年9月17日</td>
                    </tr>
                    <tr>
                        <th>資本金</th>
                        <td>10,000,000円</td>
                    </tr>
                    <tr>
                        <th>従業員数</th>
                        <td>30人</td>
                    </tr>
                    <tr>
                        <th>TEL/FAX</th>
                        <td> TEL:<a href="tel:0362643408" class="a-tel">03-6264-3408</a> / FAX:03-6264-3409 </td>
                    </tr>
                    <tr>
                        <th>E-mail</th>
                        <td> owner@xerotta.com </td>
                    </tr>
                </table>
                <h3>会社案内図</h3>
                <p>山手線 新橋駅　新橋駅　銀座口より徒歩1分<br>
京浜東北線・根岸線　新橋駅　銀座口より徒歩1分<br>
東海道線・伊東線　新橋駅　銀座口より徒歩1分<br>
横須賀線・総武線快速・成田線　新橋駅　銀座口より徒歩1分
</p>
                    <div class="map">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3241.378013063112!2d139.75670831407308!3d35.66769313019746!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188b493203e3d7%3A0x837a9d90da2a015a!2zQS1QTEFDReaWsOapi-mnheWJjQ!5e0!3m2!1sja!2sjp!4v1586329089117!5m2!1sja!2sjp" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
                    </div>
            </div>
        </section>
    
        <section id="history">
            <div class="wrap">
                <h2>企業沿革<span class="line"></span></h2>
                <table>
                    <tr>
                        <th>2013年9月</th>
                        <td>会社設立</td>
                    </tr>
                    <tr>
                        <th>2013年12月</th>
                        <td>公式の企業HPリリース（第１版）</td>
                    </tr>
                    <tr>
                        <th>2014年4月</th>
                        <td>インフラ開発サービス開始</td>
                    </tr>
                    <tr>
                        <th>2014年9月</th>
                        <td>インフラ運用サービス開始</td>
                    </tr>
                    <tr>
                        <th>2014年10月</th>
                        <td>ビジネス拡大、従業員一般募集広告開始</td>
                    </tr>
                    <tr>
                        <th>2015年4月</th>
                        <td>アプリケーション開発サービス開始</td>
                    </tr>
                    <tr>
                        <th>2015年5月</th>
                        <td>アプリケーション運用サービス開始</td>
                    </tr>
                    <tr>
                        <th>2016年1月</th>
                        <td>公式の企業HPリリース（第２版）</td>
                    </tr>
                    <tr>
                        <th>2016年4月</th>
                        <td>資本増300万〜1000万</td>
                    </tr>
                    <tr>
                        <th>2016年6月</th>
                        <td>ISMS認証</td>
                    </tr>
                    <tr>
                        <th>2016年7月</th>
                        <td>プライバシーマーク認証取得</td>
                    </tr>
                    <tr>
                        <th>2016年8月</th>
                        <td>発送認定資格を取得</td>
                    </tr>
                    <tr>
                        <th>2016年9月</th>
                        <td>コンテンツ事業開始</td>
                    </tr>
                    <tr>
                        <th>2016年10月</th>
                        <td>エンジニア派遣開始</td>
                    </tr>
                    <tr>
                        <th>2017年4月</th>
                        <td>公式の企業HPのリリース（第３版）</td>
                    </tr>
                    <tr>
                        <th>2017年5月</th>
                        <td>従業員の紹介　評価システム</td>
                    </tr>
                    <tr>
                        <th>2017年7月</th>
                        <td>ISMS資格情報の更新審査合格</td>
                    </tr>
                    <tr>
                        <th>2017年7月</th>
                        <td>プライバシーマークの更新審査合格</td>
                    </tr>
                    <tr>
                        <th>2017年8月</th>
                        <td>コンテンツサービスのリリース</td>
                    </tr>
                    <tr>
                        <th>2018年4月</th>
                        <td>会社名変更・本社移転</td>
                    </tr>
                    <tr>
                        <th>2018年7月</th>
                        <td>ISMS資格情報の更新審査合格</td>
                    </tr>
                    <tr>
                        <th>2018年7月</th>
                        <td>プライバシーマークの更新審査合格</td>
                    </tr>
                    <tr>
                        <th>2018年9月</th>
                        <td>ITマネジメントサービス開始</td>
                    </tr>
                    <tr>
                        <th>2018年9月</th>
                        <td>BPOサービス開始</td>
                    </tr>
                    <tr>
                        <th>2019年4月</th>
                        <td>モバイルセキュリティーサービス開始</td>
                    </tr>
                    <tr>
                        <th>2019年4月</th>
                        <td>WEBアプリケーションサービス開始</td>
                    </tr>
                    <tr>
                        <th>2019年4月</th>
                        <td>サービスデスクサービス開始</td>
                    </tr>
                    <tr>
                        <th>2020年4月</th>
                        <td>オフショアサポートサービス開始</td>
                    </tr>
                    <tr>
                        <th>2020年4月</th>
                        <td>RPAサービス開始</td>
                    </tr>
                    <tr>
                        <th>2020年4月</th>
                        <td>公式の企業HPのリリース（第４版）</td>
                    </tr>
                </table>
            </div>
        </section>
    
    </div>