<main>

<h1 class="visually-hidden">
            株式会社レグセント インフラエンジニア
        </h1>

<section id="mainvisual" class="mainvisual">
            <div class="mainvisual-wrap">

<div class="mainvisual-text">
                    <p>
                        自分はできる。
                        <br>
                        ただ去年から何も変わっていない...
                    </p>
                </div>
            </div>
        </section>

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

<div class="aboutus-heading">
                    <h2 class="aboutus-title">私たちについて</h2>
                </div>

<div class="aboutus-content">

<div class="aboutus-text">
                        <h3 class="aboutus-catchcopy">
                            自分たちが変わらないと未来は変わらない。
                        </h3>
                        <h3 class="aboutus-catchcopy">
                            行動を変えないと未来は変わらない！
                        </h3>
                        <p>
                            <br>
                            自分にとってプラスになることを考えられる人は多いと思う。
                            <br>
                            ただ、実際は分かっていてもなかなか行動できない人、
                            <br>
                            会社と自宅の往復をしているだけになっている人が大半ではないだろうか。
                            <br>
                            この悩みの解決には『仲間』が重要だとレグセントでは考えています。
                            <br>
                            不思議な事にレグセントでは、大抵のことは『仲間』が一緒だとできる。
                            <br>
                            後輩の為に時間を使い、自分をさらに高め続けられる、人として魅力的な人間がレグセントにはたくさんいる。
                        </p>
                        <p>
                            <br>
                            結果が出ると自然と先輩に感謝する気持ちが出てくる。
                            <br>
                            先輩の行動をカッコいいと思う。
                            <br>
                            そして自分が先輩になった時に、後輩に同じことをしてあげる。
                            <br>
                            それがレグセントのＤＮＡである。
                            <br>
                        </p>
                    </div>
                </div>
            </div>
        </section>

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

<div class="education-heading">
                    <h2 class="education-title">教育制度</h2>
                </div>

<div class="education-content">

<div class="education-image">
                        <img src="./images/education.jpg" alt="教育制度">
                    </div>

<div class="education-text">
                        <h3 class="education-catchcopy">
                            1%でも可能性を上げる
                        </h3>
                        <h3 class="education-catchcopy">
                            エンジニアという職は　”職人”　である。
                        </h3>
                        <p>
                            エンジニアは現場の作業だけで、技術を身につけていると思われている方は多いかもしれません。
                            <br>
                            実際にエンジニアの9割の人はそうだと思います。
                            <br>
                            逆に少しでも努力できれば、他のエンジニアとすごく差をつけられる。
                            <br>
                            しかし業務をしながら、勉強することは非常に大変なことです。
                            <br>
                            現場経験が少ないから案件が決まらない。
                            <br>
                            サーバ/ネットワーク構築案件に携わりたいけど、経験がないから携われない。
                            <br>
                            そんな状況を変える為にレグセントの勉強会は始まりました。
                        </p>
                    </div>

</div>

<div class="education-link">
                    <a href="./education" aria-label="教育制度の詳細を見る">
                        More View
                    </a>
                </div>

</div>
        </section>

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

<div class="recommend-heading">
                    <h2 class="recommend-title">こんな方におすすめ</h2>
                </div>

<div class="recommend-columns">

<ul class="recommend-list">

<li class="recommend-item">
                            <span class="recommend-number">01</span>
                            <p class="recommend-text">
                                現在の状況を変えたい方
                            </p>
                        </li>

<li class="recommend-item">
                            <span class="recommend-number">02</span>
                            <p class="recommend-text">
                                手に職をつけたい方
                            </p>
                        </li>

<li class="recommend-item">
                            <span class="recommend-number">03</span>
                            <p class="recommend-text">
                                会社で一緒に成長したい方
                            </p>
                        </li>

</ul>

<ul class="recommend-list">

<li class="recommend-item">
                            <span class="recommend-number">04</span>
                            <p class="recommend-text">
                                仲間と一緒にいるのが好きな方
                            </p>
                        </li>

<li class="recommend-item">
                            <span class="recommend-number">05</span>
                            <p class="recommend-text">
                                成長意欲のある方
                            </p>
                        </li>

<li class="recommend-item">
                            <span class="recommend-number">06</span>
                            <p class="recommend-text">
                                好奇心のある方
                            </p>
                        </li>
                        
                        
                    </ul>

</div>

</div>
        </section>

<div class="bg-img1"></div>

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

<div class="philosophy-heading">
                    <h2 class="philosophy-title">経営理念</h2>
                </div>

<div class="philosophy-content">

<ul class="philosophy-list">

<li class="philosophy-item">
                            <h3 class="philosophy-item-title">
                                CORE VALUES 1
                            </h3>
                            <div class="philosophy-image">
                                <img src="./images/philosophy1.jpg" alt="コアバリュー1">
                            </div>
                            <h4 class="philosophy-item-subtitle">
                                Behavior
                            </h4>
                            <p class="philosophy-text">
                                謙虚な気持ちで行動する。
                            </p>
                        </li>

<li class="philosophy-item">
                            <h3 class="philosophy-item-title">
                                CORE VALUES 2
                            </h3>
                            <div class="philosophy-image">
                                <img src="./images/philosophy2.jpg" alt="コアバリュー2">
                            </div>
                            <h4 class="philosophy-item-subtitle">
                                Trust
                            </h4>
                            <p class="philosophy-text">
                                仲間を大切にする。
                            </p>
                        </li>

<li class="philosophy-item">
                            <h3 class="philosophy-item-title">
                                CORE VALUES 3
                            </h3>
                            <div class="philosophy-image">
                                <img src="./images/philosophy3.jpg" alt="コアバリュー3">
                            </div>
                            <h4 class="philosophy-item-subtitle">
                                People
                            </h4>
                            <p class="philosophy-text">
                                自分がやっていただいたことは必ず周りの人にもやる。
                            </p>
                        </li>

<li class="philosophy-item">
                            <h3 class="philosophy-item-title">
                                CORE VALUES 4
                            </h3>
                            <div class="philosophy-image">
                                <img src="./images/philosophy4.jpg" alt="コアバリュー4">
                            </div>
                            <h4 class="philosophy-item-subtitle">
                                Self restraint
                            </h4>
                            <p class="philosophy-text">
                                自分に負けない。
                            </p>
                        </li>

</ul>

<div class="philosophy-object">
                        <p>CORE 目的:チャンスに恵まれない人にチャンスを与え雇用を創出する。</p>
                    </div>

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

</main>

words の編集