https://fmes.work/contact.html

1<!doctype html>
2<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
3<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
4<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
5<!--[if gt IE 8]><!--> <html class="no-js" lang="ja"> <!--<![endif]-->
6
7<head>
8<meta charset="utf-8">
9<meta name="description" content="製造実行システム『FMES』の資料請求・導入相談はこちらから。3ヶ月無料トライアルも実施中です。">
10<meta name="viewport" content="width=device-width, initial-scale=1">
11<meta name="Keywords" content="【IT導入補助金認定ツール】スマホやタブレット楽々入力 製造実行システム『FMES』,製造実行システム,MES,工程管理,検査管理,IOT,IT導入補助金,生産管理,スマホ,スマートフォン,タブレット,Android,IOS,製造実行システム,FMES,製造工程 リモート管理,品質データ 可視化,資料請求,中小製造業,FMES">
12<title>資料請求・お問い合わせ｜製造実行システム『FMES』</title>
13<link rel='shortcut icon' href='fmes.ico' />
14<link rel="stylesheet" href="css/bootstrap.min.css">
15<link rel="stylesheet" href="css/jquery.fancybox.css">
16<link rel="stylesheet" href="css/owl.carousel.css">
17<link rel="stylesheet" href="css/owl.transitions.css">
18<link rel="stylesheet" href="css/main.css">
19<link rel="stylesheet" href="css/responsive.css">
20<link rel="stylesheet" href="css/animate.min.css">
21<link rel="stylesheet" href="css/line-icon.css">
22<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
23<!-- Global site tag (gtag.js) - Google Analytics -->

23
24<script async src="https://www.googletagmanager.com/gtag/js?id=

24G-XP7DEEMMWL

24"></script>

25<script>(function(){
26var w=window,d=document;
27var s="https://app.chatplus.jp/cp.js";
28d["__cp_d"]="https://app.chatplus.jp";
29d["__cp_c"]="7abc5da7_1";
30var a=d.createElement("script"), m=d.getElementsByTagName("script")[0];
31a.async=true,a.src=s,m.parentNode.insertBefore(a,m);})();</script>

31

32<script>
33  

33window.dataLayer = window.dataLayer || [];
34  function gtag(){dataLayer.push(arguments);}
35  gtag('js', new Date());
36
37  gtag('config', '

37G-XP7DEEMMWL

37');

38</script>

38

39<script>
40document.addEventListener("DOMContentLoaded", function() {
41  fetch("https://rfdoc.5ms.cloud/users/tabaccesslog", {
42    credentials: "include" // ← セッション維持に必須(クロス/サブドメイン時)
43  })
44    .then(res => res.json())
45    .then(data => console.log("Access logged:", data))
46    .catch(err => console.error("Logging failed:", err));
47});
48</script>

48
49</head>
50<body>
51<!-- header section -->
52<section class="page-header">
53<header id="header">
54  <div class="header-content clearfix">
55    <a class="logo" href="index.html" style="color:white;"><img src="images/mes.png" alt="" style="width:50px; margin-right:10px;">製造実行システム『FMES』</a>
56    <!-- navigation section  -->
57    <nav class="navigation" role="navigation">
58      <ul class="primary-nav">
59        <li><a href="index.html">ホーム</a></li>
60        <li><a href="/about.html">FMESとは</a></li>
61        <li><a href="/function.html">機能紹介</a></li>
62        <li><a href="/compare.html">他社との違い</a></li>
63        <li><a href="/case.html">導入事例</a></li>
64        <li><a href="/faq.html">よくある質問</a></li>
65        <li><a href="/privacy.html">個人情報保護方針</a></li>
66        <li><a href="/contact.html" class="active">資料請求・お問い合わせ</a></li>
67      </ul>
68    </nav>
69    <a href="#" class="nav-toggle">Menu<span></span></a>
70  </div>
71  <!-- navigation section  -->
72</header>
73</section>
74<!-- header section -->
75
76<style>
77.trial-callout {
78  background: #fff8e6;
79  border: 2px solid var(--brand-orange, #ff6b1a);
80  border-radius: 12px;
81  padding: 24px 28px;
82  margin: 0 0 28px;
83  text-align: center;
84}
85.trial-callout h2 {
86  color: var(--brand-orange, #ff6b1a);
87  font-size: 20px;
88  font-weight: 700;
89  margin: 0 0 8px;
90}
91.trial-callout-lead {
92  font-size: 22px;
93  font-weight: 700;
94  color: #1c2333;
95  margin: 0 0 10px;
96}
97.trial-callout-body {
98  font-size: 14px;
99  margin: 0 auto;
100  max-width: 640px;
101}

102/* ===== Bootstrapっぽいフォーム（縦並び） ===== */
103.form-wrap {
104  max-width: 860px;
105  margin: 0 auto;
106}
107
108.form-title {
109  font-size: 26px;
110  font-weight: 800;
111  margin: 10px 0 20px;
112}
113
114.form-card {
115  background: #fff;
116  border: 1px solid rgba(0,0,0,.08);
117  border-radius: 12px;
118  padding: 22px;
119  box-shadow: 0 6px 18px rgba(0,0,0,.06);
120}
121
122.form-note {
123  font-size: 14px;
124  opacity: .8;
125  margin-bottom: 12px;
126}
127
128.required-badge {
129  display: inline-block;
130  margin-left: 8px;
131  padding: 2px 8px;
132  font-size: 12px;
133  font-weight: 700;
134  color: #fff;
135  background: #dc3545; /* Bootstrap danger */
136  border-radius: 999px;
137  vertical-align: middle;
138}
139
140.form-label-strong {
141  font-size: 16px;
142  font-weight: 700;
143}
144
145.form-control-lg2 {
146  font-size: 18px;
147  padding: 12px 14px;
148  height: auto;
149}
150
151textarea.form-control-lg2 {
152  min-height: 180px;
153}
154
155.btn-lg2 {
156  font-size: 18px;
157  padding: 12px 28px;
158  font-weight: 700;
159  border-radius: 10px;
160}
161
162.help-hint {
163  font-size: 13px;
164  opacity: .75;
165  margin-top: 6px;
166}
167</style>
168
169<!-- overview section -->
170<section id="overview" class="section overview">
171  <div class="container form-wrap">
172    <div class="row">
173      <div class="col-md-10 col-md-offset-1 text-left">
174        <div class="trial-callout">
175          <h2>他社MESと比較検討中の企業様向け</h2>
176          <p class="trial-callout-lead">FMES 3ヶ月無料トライアル企業募集</p>
177          <p class="trial-callout-body">実際の現場でFMESをお試しください。製造業限定・5ユーザーまで・継続契約不要です。ご希望の方は下記フォームの「お問い合わせ種別」で「資料請求」をお選びのうえ、詳細欄に「トライアル希望」とご記入ください。</p>
178        </div>
179        <div class="form-title">資料請求・お問い合わせフォーム</div>
180        <div class="form-card">
181          <div class="form-note">※「必須」項目は赤いバッジが付いています。</div>
182	　　<form id="contactForm" action="https://formspree.io/f/xdalroyj" method="POST">
183		<input type="hidden" name="_subject" value="【FMES】お問い合わせ">
184		<input type="hidden" name="_next" value="https://fmes.work/thanks.html">
185		<input type="text" name="_gotcha" style="display:none">
186		<!-- 会社名 -->
187		<div class="form-group" style="margin-bottom:16px;">
188			<label class="form-label-strong" for="companyname">会社名 <span class="required-badge">必須</span></label>
189			<input id="companyname" type="text" name="companyname" class="form-control form-control-lg2" required>
190		</div>
191		<!-- お名前 -->
192		<div class="form-group" style="margin-bottom:16px;">
193			<label class="form-label-strong" for="name">お名前 <span class="required-badge">必須</span></label>
194			<input id="name" type="text" name="name" class="form-control form-control-lg2" required>
195		</div>
196		<!-- メール -->
197		<div class="form-group" style="margin-bottom:16px;">
198			<label class="form-label-strong" for="email">メールアドレス <span class="required-badge">必須</span></label>
199			<input id="email" type="text" name="email" class="form-control form-control-lg2" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" required>
200			<div class="help-hint">例：[email protected]</div>
201		</div>
202		<!-- TEL -->
203		<div class="form-group" style="margin-bottom:16px;">
204			<label class="form-label-strong" for="tel">TEL <span class="required-badge">必須</span></label>
205			<input id="tel" type="text"name="tel" class="form-control form-control-lg2" pattern="^0\d{1,4}-\d{1,4}-\d{4}

205$" placeholder="例：03-1234-5678" required>
206		</div>
207		<!-- お問い合わせ種別 -->
208		<div class="form-group" style="margin-bottom:16px;">
209			<label class="form-label-strong" for="contact_type">お問い合わせ種別 <span class="required-badge">必須</span></label>
210			<select id="contact_type" name="contact_type" class="form-control form-control-lg2" required>
211				<option value="">選択してください</option>
212				<option value="資料請求">資料請求</option>
213				<option value="その他">その他</option>
214			</select>
215		</div>
216		<!-- 詳細 -->
217		<div class="form-group" style="margin-bottom:18px;">
218			<label class="form-label-strong" for="message">お問い合わせ詳細</label>
219			<textarea id="message" name="message" class="form-control form-control-lg2"></textarea>
220		</div>
221		<!-- 送信 -->
222		<div class="form-group" style="margin-top:10px;">
223			<button type="submit" class="btn btn-primary btn-lg2 text-uppercase">送信</button>
224		</div>
225          </form>
226        </div>
227      </div>
228    </div>
229  </div>
230</section>
231
232<!-- footer section-->
233<footer class="section footer">
234  <div class="footer-bottom">
235    <div class="container">
236      <div class="col-md-12">
237        <p>Copyright © Five Motion Systems,Inc. All Rights Reserved. </p>
238      </div>
239    </div>
240  </div>
241</footer>
242<!-- footer section-->
243<!-- Include JS files -->

244<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

244

245<script src="js/bootstrap.min.js"></script>

245

246<script src="js/jquery.fancybox.pack.js"></script>

246

247<script src="js/retina.min.js"></script>

247

248<script src="js/modernizr.js"></script>

248

249<script src="js/owl.carousel.min.js"></script>

249

250<script src="js/jquery.subscribe.js"></script>

250

251<script src="js/jquery.contact.js"></script>

251

252<script src="js/main.js"></script>

252
253
254<!-- Bootstrap core JS-->

255<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>

255
256

257<script>
258document.getElementById('contactForm').addEventListener('submit', async (e) => {
259  e.preventDefault();
260
261  const form = e.target;
262  const data = new FormData(form);
263
264  try {
265    const res = await fetch(form.action, {
266      method: 'POST',
267      body: data,
268      headers: { 'Accept': 'application/json' }
269    });
270
271    if (res.ok) {
272      // 成功 → 自分のページへ
273      location.href = 'https://fmes.work/thanks.html';
274      return;
275    }
276
277    // 失敗時（必要なら表示）
278    alert('送信に失敗しました。時間をおいて再度お試しください。');
279
280  } catch (err) {
281    alert('送信に失敗しました。通信状況をご確認ください。');
282  }
283});
284</script>

284
285</body>
286</html>