<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>正栄金属工業株式会社</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap"
rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Spinner Start -->
<div id="spinner"
class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!-- Spinner End -->
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0" id="g-nav">
<a href="index.html" class="navbar-brand d-flex align-items-center border-end px-4 px-lg-5">
<h2 class="m-0 header-text">正栄金属工業</h2>
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="#home" class="nav-item nav-link active">ホーム</a>
<a href="#company" class="nav-item nav-link">正栄金属工業について</a>
<a href="#top_message" class="nav-item nav-link">代表からのメッセージ</a>
<a href="#interview" class="nav-item nav-link">社員インタビュー</a>
<!-- <a href="project.html" class="nav-item nav-link">ブログ</a> -->
<a href="#recruit" class="nav-item nav-link">募集要項</a>
<a href="#profile-company" class="nav-item nav-link">会社概要</a>
</div>
<a href="#entry" class="btn btn-primary rounded-0 py-4 px-lg-5 d-none d-lg-block">ご応募<i class="fa fa-arrow-right ms-3"></i></a>
</div>
</nav>
<!-- Navbar End -->
<!-- ホーム画像 Start -->
<section id="home">
<div class="container-fluid p-0 pb-5 wow fadeIn">
<img class="img-fluid" src="img/shouei_houme.png" alt="" style="width: 100%;">
</div>
</section>
<!-- ホーム画像 End -->
<!-- 正栄工業について Start -->
<section id="company" class="my-5 px-lg-0 scroll-point">
<div class="container-fluid overflow-hidden">
<div class="container about px-lg-0">
<div class="text-center mx-auto mb-5 wow fadeInUp mt-5" data-wow-delay="0.1s" style="max-width: 600px;">
<h6 class="text-primary">About Us</h6>
<h1 class="mb-4">正栄金属工業について</h1>
</div>
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 about-text py-5 wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<!-- <h6 class="text-primary">About Us</h6>
<h1 class="mb-4">25+ Years Experience In Solar & Renewable Energy Industry</h1> -->
<p>テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト</p>
<p><i class="fa fa-check-circle text-primary me-3"></i>テストテストテストテスト</p>
<p><i class="fa fa-check-circle text-primary me-3"></i>テストテストテストテスト</p>
<p><i class="fa fa-check-circle text-primary me-3"></i>テストテストテストテスト</p>
<!-- <a href="" class="btn btn-primary rounded-pill py-3 px-5 mt-3">Explore More</a> -->
</div>
</div>
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="position-relative h-100">
<img class="position-absolute img-fluid w-100 h-100" src="img/shouei_signboard.jpg"
style="object-fit: cover;" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 正栄工業について Start -->
<!-- 代表からのメッセージ Start -->
<section id="top_message" class="my-5 px-lg-0 scroll-point">
<div class="container-fluid bg-light overflow-hidden my-5 px-lg-0">
<div class="container about px-lg-0">
<!-- <div class="text-center mx-auto mb-5 wow fadeInUp mt-5" data-wow-delay="0.1s" style="max-width: 600px;">
<h6 class="text-primary">Message</h6>
<h1 class="mb-4">代表からのメッセージ</h1>
</div> -->
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="position-relative h-100">
<img class="position-absolute img-fluid w-100 h-100" src="img/shouei_signboard.jpg"
style="object-fit: cover;" alt="">
</div>
</div>
<div class="col-lg-6 about-text py-5 wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<h6 class="text-primary">Message</h6>
<h1 class="mb-4">代表からのメッセージ</h1>
<!-- <h6 class="text-primary">About Us</h6>
<h1 class="mb-4">25+ Years Experience In Solar & Renewable Energy Industry</h1> -->
<p>テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト</p>
<p><i class="fa fa-check-circle text-primary me-3"></i>テストテストテストテスト</p>
<p><i class="fa fa-check-circle text-primary me-3"></i>テストテストテストテスト</p>
<p><i class="fa fa-check-circle text-primary me-3"></i>テストテストテストテスト</p>
<!-- <a href="" class="btn btn-primary rounded-pill py-3 px-5 mt-3">Explore More</a> -->
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 代表からのメッセージ End -->
<!-- 社員インタビュー Start -->
<section id="interview" class="py-5 scroll-point">
<div class="container-xxl">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h6 class="text-primary">Interview</h6>
<h1 class="mb-4">社員インタビュー</h1>
</div>
<div class="row g-4">
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="team-item rounded overflow-hidden">
<div class="d-flex">
<img class="img-fluid" src="img/team-1.jpg" alt="">
</div>
<div class="p-4">
<h5>テスト</h5>
<p>
テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="team-item rounded overflow-hidden">
<div class="d-flex">
<img class="img-fluid" src="img/team-2.jpg" alt="">
</div>
<div class="p-4">
<h5>テスト</h5>
<p>
テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="team-item rounded overflow-hidden">
<div class="d-flex">
<img class="img-fluid" src="img/team-3.jpg" alt="">
</div>
<div class="p-4">
<h5>テスト</h5>
<p>
テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 社員インタビュー End -->
<!-- 募集要項 Start -->
<section id="recruit" class="my-5 px-lg-0 scroll-point">
<div class="container-fluid bg-light overflow-hidden">
<div class="container feature px-lg-0">
<div class="text-center mx-auto mb-5 wow fadeInUp mt-5" data-wow-delay="0.1s" style="max-width: 600px;">
<h6 class="text-primary">Recruit</h6>
<h1 class="mb-4">募集要項</h1>
</div>
<div class="row g-0 mx-lg-0">
<div class="container">
<table class="table-mobile mb-5" align="center">
<tbody id="set_list">
<tr>
<th>応募職種</th>
<td>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</td>
</tr>
<tr>
<th>応募資格</th>
<td>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</td>
</tr>
<tr>
<th>給与</th>
<td>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</td>
</tr>
<tr>
<th>勤務地</th>
<td>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</td>
</tr>
<tr>
<th>勤務時間</th>
<td>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</td>
</tr>
<tr>
<th>雇用形態</th>
<td>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</td>
</tr>
<tr>
<th>待遇・福利厚生</th>
<td>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</td>
</tr>
<tr>
<th>休日休暇</th>
<td>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
<!-- 募集要項 End -->
<!-- 会社概要 Start -->
<section id="profile-company" class="py-5 scroll-point">
<div class="container-xxl">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s">
<h6 class="text-primary">Profile of Company</h6>
<h1 class="mb-4">会社概要</h1>
</div>
<div class="row g-0 mx-lg-0">
<div class="container">
<table class="table-mobile mb-5 company-table" align="center" style="border-top: 2px solid rgb(85, 85, 85); border-bottom: 2px solid rgb(85, 85, 85);">
<tbody id="">
<tr>
<th class="text-primary">会社名</th>
<td>正栄金属工業株式会社</td>
</tr>
<tr>
<th class="text-primary">本社所在地</th>
<td>〒504-0814<br>岐阜県各務原市蘇原興亜町２丁目１−３</td>
</tr>
<tr>
<th class="text-primary">代表者</th>
<td>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</td>
</tr>
<tr>
<th class="text-primary">設立</th>
<td>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</td>
</tr>
<tr>
<th class="text-primary">資本金</th>
<td>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</td>
</tr>
<tr>
<th class="text-primary">従業員数</th>
<td>14人 (2018 年度)</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- google map Start -->
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1137.3782506196696!2d136.87127856533837!3d35.4061214019962!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x600308830d11e97b%3A0x1c21439fcf1bb6d5!2z5q2j5qCE6YeR5bGe5bel5qWt!5e0!3m2!1sja!2sjp!4v1653192136300!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<!-- google map End -->
</section>
<!-- 会社概要 End -->
<!-- エントリー Start -->
<section id="entry" class="my-5 px-lg-0">
<div class="container-fluid bg-light overflow-hidden">
<div class="container quote px-lg-0">
<div class="text-center mx-auto mb-3 wow fadeInUp mt-5" data-wow-delay="0.1s" style="max-width: 600px;">
<h6 class="text-primary">Entry</h6>
<h1 class="">ご応募</h1>
<p style="text-align: left;">
入社を希望される方は、下記採用応募フォームからご応募ください。<br>
採用担当者より、折り返しご連絡致します。
</p>
</div>
<div class="row entry-form" style="">
<div class="col-lg-12 quote-text wow fadeIn" data-wow-delay="0.5s">
<div class="p-lg-5 pe-lg-0">
<form>
<div class="row g-3">
<div class="col-12 col-sm-6">
<div class="radio-inline">
<input type="radio" value="1" name="category" id="new-graduate" class="m-3">
<label>新卒採用</label>
<input type="radio" value="2" name="category" id="midway" class="m-3">
<label>中途採用</label>
</div>
</div>
<div class="col-12 col-sm-12">
<label>氏名</label>
<input type="text" class="form-control border-0" placeholder="氏名" style="height: 55px;">
</div>
<div class="col-12 col-sm-12">
<label>メールアドレス</label>
<input type="email" class="form-control border-0" placeholder="メールアドレス" style="height: 55px;">
</div>
<div class="col-12 col-sm-12">
<label>お電話番号</label>
<input type="text" class="form-control border-0" placeholder="電話番号" style="height: 55px;">
</div>
<div class="col-12 col-sm-12">
<label>最終学歴 （在学期間／学校名・専攻）</label>
<input type="text" class="form-control border-0" placeholder="最終学歴 （在学期間／学校名・専攻）" style="height: 55px;">
</div>
<div class="col-12">
<label>志望動機</label>
<textarea class="form-control border-0" rows="3" placeholder="志望動機"></textarea>
</div>
<div class="col-12">
<label>希望条件やご質問など</label>
<textarea class="form-control border-0" rows="3" placeholder="希望条件やご質問など"></textarea>
</div>
<div class="col-12">
<button class="btn btn-primary rounded-pill py-3 px-5" type="submit">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- エントリー End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-body footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-5">
<div class="row g-5">
<div class="col-lg-12 col-md-6 footer-address">
<h5 class="text-white mb-4">Address</h5>
<div class="row">
<div class="col-lg-4">
<p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>〒504-0814 岐阜県各務原市蘇原興亜町２丁目１−３</p>
</div>
<div class="col-lg-4 text-center">
<p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+012 345 67890</p>
</div>
<div class="col-lg-4 text-center">
<p class="mb-2"><i class="fa fa-envelope me-3"></i>info@example.com</p>
</div>
<!-- <div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href=""><i class="fab fa-youtube"></i></a>
<a class="btn btn-square btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>
</div> -->
</div>
</div>
<div class="col-lg-12 col-md-6">
<h5 class="text-white mb-4">Quick Links</h5>
<div class="row">
<div class="col-lg-1">
<a href="#home" class="btn btn-link">ホーム</a>
</div>
<div class="col-lg-2">
<a href="#company" class="btn btn-link">正栄金属工業について</a>
</div>
<div class="col-lg-2">
<a href="#top_message" class="btn btn-link">代表からのメッセージ</a>
</div>
<div class="col-lg-2">
<a href="#interview" class="btn btn-link">社員インタビュー</a>
</div>
<!-- <a href="project.html" class="nav-item nav-link">ブログ</a> -->
<div class="col-lg-2">
<a href="#recruit" class="btn btn-link">募集要項</a>
</div>
<div class="col-lg-2">
<a href="#profile-company" class="btn btn-link">会社概要</a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="col-md-12 mb-3 mb-md-0">
© Your Site Name, All Right Reserved.
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top">
<i class="bi bi-arrow-up"></i>
</a>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>
