-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathcontactUs.html
385 lines (355 loc) · 18.5 KB
/
contactUs.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<link rel="shortcut icon" href="images/favicon.png" type="">
<title> 豊 雨 株 式 会 社 </title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
<link href="css/bootstrap-icons.css" rel="stylesheet">
<link href="css/top-banner.css?v=1" rel="stylesheet" />
<!-- jQery -->
<!-- bootstrap js -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- custom js -->
<script type="text/javascript" src="js/custom.js?v=1"></script>
<script type="text/javascript" src="js/common.js?v=1"></script>
</head>
<body class="sub_page">
<div class="load-on" style="display: none;">
<div id="header">
<div class="hero_area">
<div class="hero_bg_box">
<div class="bg_img_box">
<img src="images/hero-bg.png" alt="">
</div>
</div>
<!-- header section strats -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<img id="logo-size" src="img/logo-white.png" alt="">
<a class="navbar-brand" href="index.html">
<span class="company_name">
豊 雨 株 式 会 社
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class=""> </span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item" id="index">
<a class="nav-link" href="index.html">ホーム </a>
</li>
<li class="nav-item" id="compInfo">
<a class="nav-link" href="compInfo.html">会社情報 </a>
</li>
<li class="nav-item" id="tradeAndWholesale">
<a class="nav-link" href="tradeAndWholesale.html"> 貿易・卸売</a>
</li>
<li class="nav-item" id="humanResourceServices">
<a class="nav-link" href="humanResourceServices.html">人材サービス</a>
</li>
<li class="nav-item" id="socialInitiatives">
<a class="nav-link" href="socialInitiatives.html">社会への取組</a>
</li>
<li class="nav-item active" id="contactUs">
<a class="nav-link" href="contactUs.html">お問い合わせ</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!-- end header section -->
</div>
</div>
<div class="fables-header-contactus fables-after-overlay">
<div class="fables-header-content">
<h2 class="fables-page-title fables-second-border-color">お問い 合わせ</h2>
</div>
</div>
<!-- contact section -->
<section class="contact-section layout_padding">
<div class="contactUs_container">
<div class="container">
<div class="heading_container heading_center pb-3">
<h2>お問い <span>合わせ</span></h2>
</div>
<form action="mail.php" method="POST">
<div class="card bg-color mt-10">
<div class="card-body col-auto">
<div class="row pb-3 card-group">
<label class="col-sm-4 col-form-label text-nowrap lbl-name">お名前（漢字）<span
class="text-danger">※</span></label>
<div class="row col-auto">
<div data-mdb-input-init class="form-outline col-auto">
<label class="form-label" for="お名前姓">姓</label>
<div class="pr-3">
<input type="text" name="お名前姓" size="20" class="form-control" />
</div>
</div>
<div data-mdb-input-init class="form-outline col-auto">
<label class="form-label" for="お名前名">名</label>
<input type="text" name="お名前名" class="form-control" />
</div>
</div>
</div>
<div class="row pb-3 card-group">
<label class="col-sm-4 col-form-label text-nowrap lbl-name">お名前（かな）<span
class="text-danger">※</span></label>
<div class="row col-auto">
<div data-mdb-input-init class="form-outline col-auto">
<label class="form-label" for="ふりがな姓">姓</label>
<div class="pr-3">
<input type="text" name="ふりがな姓" class="form-control" />
</div>
</div>
<div data-mdb-input-init class="form-outline col-auto">
<label class="form-label" for="ふりがな名">名</label>
<input type="text" name="ふりがな名" size="20" class="form-control" />
</div>
</div>
</div>
<div class="row pb-3 card-group">
<label class="col-sm-4 col-form-label" for="会社学校名">会社・学校名</label>
<div class="col-auto">
<input type="text" name="会社学校名" size="50" class="form-control">
</div>
</div>
<div class="row pb-3 card-group">
<label class="col-sm-4 col-form-label text-nowrap" for="部署役職名">部署・役職名</label>
<div class="col-auto">
<input type="text" name="部署役職名" size="50" class="form-control">
</div>
</div>
<div class="row pb-3 card-group">
<label class="col-sm-4 col-form-label text-nowrap">住所 <span class="text-danger">※</span></label>
<div class="col-auto">
<textarea name="住所" cols="49" rows="4" size="50" class="form-control"></textarea>
</div>
</div>
<div class="row pb-3 card-group">
<div class="col-sm-4">
<label class="mb-0 col-form-label text-nowrap">メールアドレス <span class="text-danger">※</span></label>
</div>
<div class="col-auto">
<input type="email" name="メールアドレス" size="50" class="form-control" />
</div>
</div>
<div class="row pb-3 card-group">
<div class="col-sm-4">
<label class="mb-0 col-form-label text-nowrap">メールアドレス(確認用) <span
class="text-danger">※</span></label>
</div>
<div class="col-auto">
<input type="email" name="メールアドレス確認用" size="50" class="form-control" />
</div>
</div>
<div class="row pb-3 card-group">
<label class="col-sm-4 col-form-label text-nowrap">日中連絡先</label>
<div class="col-auto">
<input type="text" name="日中連絡先" size="50" class="form-control">
</div>
</div>
<div class="row pb-3 card-group">
<label class="col-sm-4 col-form-label text-nowrap">問い合わせ種別 <span class="text-danger">※</span></label>
<div class="col-auto">
<select class="form-control form-select select-form" name="問い合わせ種別" width="440px">
<option value="貿易関係">貿易関係</option>
<option value="お仕事を探しの方">お仕事を探しの方</option>
<option value="企業のご担当の方">企業のご担当の方</option>
<option value="その他問い合わせ">その他問い合わせ</option>
</select>
</div>
</div>
<div class="row pb-3 card-group">
<label class="col-sm-4 col-form-label text-nowrap">ご相談・お問い合わせ内容 <span
class="text-danger">※</span></label>
<div class="col-auto">
<textarea name="お問い合わせ詳細" cols="49" rows="10" size="50" class="form-control"></textarea>
</div>
</div>
<div class="row card-group">
<label class="col-sm-4 col-form-label text-nowrap">豊雨を知ったきっかけ</label>
<div class="col-auto">
<select class="form-control form-select select-form" name="豊雨を知ったきっかけ">
<option value="豊雨からの営業">豊雨からの営業</option>
<option value="DMなど">DMなど</option>
<option value="豊雨利用者・知人の紹介">豊雨利用者・知人の紹介</option>
<option value="検索エンジン">検索エンジン</option>
<option value="その他">その他</option>
</select>
</div>
</div>
</div>
</div>
<div id="contact-agree" class="card bg-color mt-4 mb-3">
<div class="card-body">
<h4 class="text-center"><b>◆プライバシーポリシー</b></h4>
<p class="pb-2">
ご入力いただきました個人情報は、当社の個人情報保護方針のもとで、厳重なセキュリティ対策を施し、適正な個人情報の管理を実施いたします。
</br>なお、ご入力いただきました個人情報につきましては、以下の目的で利用いたします。</p>
<p class="pb-1 mt-0">当社サービスに関する情報の提供・収集のため</p>
<p class="pb-1 mt-0">当社サービスに関する情報、セミナー、その他情報のご案内のため</p>
<p class="mt-0">当社のマーケティング活動における顧客分析・統計調査</p>
<p class="pb-1">
当社では、個人情報を上記に記載している利用目的の範囲内で委託先に開示する場合および法令に基づいて提供する場合を除き、あらかじめご本人から同意を得ることなく第三者に開示または提供することはありません。
なお、委託先に個人情報を開示する場合には、 当社が定める安全対策基準を満たす事業者を選定し、適切な管理・監督をおこないます。
ご登録いただく情報につきましては、皆様の自由なご判断に基づいておこなっていただいておりますが、必要な情報をご入力いただけない場合は、
当社サービスに関する情報等が提供できない場合がございますのでご了承ください。
</p>
<p class="pb-2">
当社の個人情報の取扱いに関する苦情、お客様ご本人の情報についての開示・訂正・削除のご依頼につきましては、
<a href="pri.html" target="_blank">「個人情報保護方針」</a>をご覧ください。
</p>
</div>
</div>
<p class="text-center py-2"><input type="checkbox" name="agree" id="agree"
onchange="ContactAgreement(this)">
プライバシーポリシーに同意する</p>
<p class="text-center">
<input type="submit" value="内容を確認する" class="btn btn-outline-primary text-center" id="contact-confirm" disabled="disabled"/>
</p>
</form>
</div>
</div>
</section>
<!-- end contact section -->
<!-- footer section -->
<div id="footer">
<!-- info section -->
<section class="info_section layout_padding2">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-3 info_col">
<div class="info_contact">
<h4>
お問い合わせ
</h4>
<div class="contact_link_box">
<a href="https://www.google.com/maps/place/China,+Shang+Hai+Shi,+Pu+Dong+Xin+Qu,+%E5%8D%8E%E7%94%B3%E8%B7%AF180%E5%8F%B7+%E9%82%AE%E6%94%BF%E7%BC%96%E7%A0%81:+200137/@31.3409399,121.5962991,17z/data=!3m1!4b1!4m10!1m2!2m1!1z6Ieq55Sx6LS45piT6K-V6aqM5Yy65Y2O55Sz6LevMTgw5Y-3MeW5ouWFreWxgg!3m6!1s0x35b27534b7c83483:0x8112f20e8f8d94ef!8m2!3d31.34094!4d121.60117!15sCi7oh6rnlLHotLjmmJPor5XpqozljLrljY7nlLPot68xODDlj7cx5bmi5YWt5bGCkgEQZ2VvY29kZWRfYWRkcmVzc-ABAA!16s%2Fg%2F11dzn0zthb?entry=ttu"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
中国(上海)自由贸易试验区华申路180号1幢六层6020室
</span>
</a>
<div class="call">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call 021-58367307
</span>
</div>
</div>
</div>
<div class="info_social">
<a target="_blank"><img src="img/lineqr.jpg" alt=""></a>
<a target="_blank"><img src="img/wechatqr.jpg" alt=""></a>
<!-- <a target="_blank"><img src="img/line.jpg" alt=""></a> -->
<a href="https://www.facebook.com/profile.php?id=100061816236948">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="https://mobile.twitter.com/toyoame">
<img class="twitter-logo" src="img/twitter-x-logo1.png" alt="" onmouseover="this.src='img/twitter-x-logo2.png';" onmouseout="this.src='img/twitter-x-logo1.png';">
</a>
</div>
</div>
<div class="col-md-6 col-lg-3 info_col">
<div class="info_detail">
<h4>
</h4>
龙绩贸易(上海)有限公司<br>
中国(上海)自由贸易试验区华申路180号1幢六层6020室<br>
<div class="call">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call 052-908-6760
</span>
</div>
</div>
</div>
<div class="col-md-12 col-lg-2 mx-auto info_col">
<div class="info_link_box">
<h4>
メニュー
</h4>
<div class="info_links">
<a class="active" href="index.html">
ホーム
</a>
<a class="" href="compInfo.html">
会社情報
</a>
<a class="" href="tradeAndWholesale.html">
貿易・卸売
</a>
<a class="" href="humanResourceServices.html">
人材サービス
</a>
<a class="" href="socialInitiatives.html">
社会への取組
</a>
<a class="" href="contactUs.html">
お問い合わせ
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end info section -->
<!-- footer section -->
<section class="footer_section">
<div class="container">
<p>
© <span id="displayYear"></span><strong>豊雨株式会社サイト</strong>. All Rights Reserved
</p>
</div>
</section>
<!-- footer section -->
<!-- The "UP" button -->
<button onclick="scrollToTop()" id="scrollTopBtn" title="Go to top" class="btn">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5" />
</svg>
</button>
</div>
<!-- footer section -->
</div>
<div id="loader-bg">
<div id="loader">
<img src="img/load.svg" alt="Now Loading...">
</div>
</div>
</body>
</html>