PageSourceSearch

https://cloche.jp/contact/

html cloche.jp collected 2026-10-04 13:25:09 UTC 12,479 bytes, 233 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta charset="utf-8">
5<title>お問い合わせフォーム - 株式会社クロシェ オフィシャルサイト cloche co.,ltd.</title>
6<meta name="keyword" content="" />
7<meta name="viewport" content="width=device-width">
8<link rel="shortcut icon" href="/favicon.ico" />
9<link rel="stylesheet" type="text/css" href="/css/style.css?0716" media="screen and (min-width: 770px)"/>
10<link rel="stylesheet" type="text/css" href="/css/sp.css?0716" media="screen and (max-width: 769px)"/>
11<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
12<link rel="stylesheet" type="text/css" href="/css/common-sp.css" media="screen" />
13<link rel="stylesheet" type="text/css" href="/css/jquery.fatNav.css?0205" media="screen" />
14<link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet">
15<link href="https://fonts.googleapis.com/css?family=Muli:400,600,700,800,900|Oswald:400,600,700|Didact+Gothic|Quicksand:400,500,700|Roboto:400,500,700,900" rel="stylesheet">
16<link rel="stylesheet" href="css/contact.css" type="text/css" media="screen and (min-width: 770px)">
17<link rel="stylesheet" href="css/contact-sp.css?0125" type="text/css" media="screen and (max-width: 769px)">
18
19<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
vendor: 1 bytes, line 19
19
20<script type="text/javascript" src="/js/common.js"></script>
vendor: 1 bytes, line 20
20
21<script type="text/javascript" src="/js/jquery.fatNav.min.js"></script>
vendor: 1 bytes, line 21
21
22<script type="text/javascript" src="/js/modal.js"></script>
22
23
24</head>
25<body>
26<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 26-27
26
27<script async src="https://www.googletagmanager.com/gtag/js?id=
27UA-123412776-1
vendor: 12 bytes, line 27
27"></script>
28<script>
29  
vendor: 134 bytes, lines 29-33
29window.dataLayer = window.dataLayer || [];
30  function gtag(){dataLayer.push(arguments);}
31  gtag('js', new Date());
32
33  gtag('config', '
33UA-123412776-1
vendor: 4 bytes, line 33
33');
34</script>
34
35  <header>
36    <div class="headinner">
37      <h1>cloche co.,ltd. 株式会社クロシェ オフィシャルサイト</h1>
38      <h2><a href="/"><img src="/images/common/logo.svg" alt="cloche"></a></h2>
39      <p class="language"><span>JP</span> / <a href="/en/">EN</a></p>
40      <ul class="snsnav">
41	      <li><a href="/contact/"><i class="far fa-envelope"></i> CONTACT</a></li>
42	      <li><a href="https://www.facebook.com/CLOCHE.jp" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
43	      <li><a href="https://www.instagram.com/cloche_official/" target="_blank"><i class="fab fa-instagram"></i></a></li>
44      </ul>
45      <div class="fat-nav">
46        <div class="fat-nav__wrapper">
47          <ul>
48            <li class="active"><a href="/">TOP</a></li>
49            <li><a href="/about/">ABOUT CLOCHE</a></li>
50            <li><a href="/brandlist/">DIVISION</a></li>
51            <li><a href="/shoplist/">SHOP LIST</a></li>
52            <li><a href="/news/">NEWS</a></li>
53            <li><a href="https://www.cloche.shop/" target="_blank">ONLINE SHOP</a></li>
54<!--             <li><a href="https://www.rakuten.ne.jp/gold/jasminspeaks/" target="_blank">farfalle/TRECODE<br />RAKUTEN SHOP</a></li> -->
55						<!--li><a href="https://jasminspeaks.stores.jp/" target="_blank">JasminSpeaks<br />OFFICIAL ONLINE SHOP</a></li-->
56            <li><a href="/recruit/" target="_blank">RECRUIT</a></li>
57            <li><a href="/contact/">CONTACT</a></li>
58          </ul>
59        </div>
60      </div>
61    </div>
62    <nav class="topmenu">
63      <ul>
64        <li class="menu__mega"><a href="/about/">ABOUT CLOCHE<span>クロシェについて</span></span></a>
65          <ul class="menu__second-level">
66            <li><a href="/vision/"><span>VISION</span>クロシェのビジョン</a></li>
67            <li><a href="/history/"><span>HISTORY</span>クロシェのあゆみ</a></li>
68            <li><a href="/story/"><span>STORY</span>クロシェものがたり</a></li>
69            <li><a href="/message/"><span>MESSAGE</span>代表者あいさつ</a></li>
70            <li><a href="/company/"><span>OUTLINE</span>会社概要</a></li>
71            <li><a href="/2020redraw/"><span>RE-DRAW<br>THE CIRCLE</span>循環を描きなおそう</a></li>
72          </ul>
73        </li>
74        <li><a href="/brandlist/">DIVISION<span>ディビジョン</span></a></li>
75        <li><a href="/shoplist/">SHOP LIST<span>店舗</span></a></li>
76        <li><a href="/news/">NEWS<span>ニュース</span></a></li>
77        <li class="blanknav"><a href="https://www.cloche.shop/" target="_blank">ONLINE SHOP<span>オンラインショップ</span></a></li>
78<!--
79        <li class="menu__mega blanknav"><a href="https://www.cloche.shop/" target="_blank">ONLINE SHOP<span>オンラインショップ</span></a>
80          <ul class="menu__second-level shoplist">
81            <li><a href="https://www.cloche.shop/" target="_blank"><img src="/images/common/shopicon-black.png" width="15"> OFFICIAL SHOP</a></li>
82            <li><a href="https://www.rakuten.ne.jp/gold/jasminspeaks/" target="_blank"><img src="/images/common/rakutenicon.png" width="15"> RAKUTEN SHOP</a></li>
83          </ul>
84        </li>
85-->
86        <li class="blanknav"><a href="/recruit/" target="_blank">RECRUIT<span>採用情報</span></a></li>
87      </ul>
88    </nav>
89  </header>
90<div class="clear"></div> 
91  <main>
92    <h2 class="aboutus">CONTACT<span>お問い合わせ</span></h2>
93    <div class="aw_layout_form">
94			<form action="./confirm.php" method="post" enctype="multipart/form-data" id="input_form" onsubmit="return validate();">
95				<!-- お名前 -->
96				<div>
97					<p class="contact">お名前<span class="required">*</span></p>
98					<input type="text" name="namae" id="namae" class="flag_long" value="">
99				</div>
100				<!-- //お名前 -->
101				<!-- フリガナ -->
102				<div>
103					<p class="contact">フリガナ<span class="required">*</span></p>
104					<input type="text" name="name_furi" id="name_furi" class="flag_long" value="">
105				</div>
106				<!-- //フリガナ -->
107				<!-- メールアドレス -->
108				<div>
109					<p class="contact">メールアドレス<span class="required">*</span></p>
110					<input type="text" name="mail" id="mail" class="flag_long" value="">
111				</div>
112				<!-- //メールアドレス -->
113				<!-- メールアドレス確認 -->
114				<div>
115					<p class="contact">メールアドレス確認<span class="required">*</span></p>
116					<input type="text" name="remail" id="remail" class="flag_long" value="">
117				</div>
118				<!-- //メールアドレス確認 -->
119				<!-- コメント -->
120				<div>
121					<p class="contact">お問い合わせ内容<span class="required">*</span></p>
122					<textarea type="text" name="comment" id="comment" placeholder="" cols="50" rows="5" class="mesarea"></textarea>
123				</div>
124				<!-- //コメント -->
125				
126				<input type="hidden" name="mode" value="confirm">
127				<p class="aw_layout_form_submit"><input type="submit" class="submitbtn" value="確認する"></p>
128			</form>
129    </div>
130    <table class="company contactpage">
131	    <tr>
132		    <th>本社</th>
133		    <td>兵庫県神戸市東灘区向洋町中6-9神戸ファッションマート5階<span class="map"><a href="https://goo.gl/maps/ffQVaU5JJDx" target="_blank">MAP</a></span>
134		      <p>TEL:078-382-4012  FAX:078-382-4002<br>
135		      <span class="access">六甲ライナー「アイランドセンター」下車すぐ</span></p>
136		    </td>
137		  </tr>
138		  <tr>
139		    <th>東京オフィス</th>
140		    <td>東京都港区南青山5-10-11<span class="map"><a href="https://goo.gl/maps/gbxZ73m6mGF2" target="_blank">MAP</a></span>
141		      <p>TEL:03-5464-8008 FAX:03-5467-7787<br>
142		      <span class="access">半蔵門線・銀座線・千代田線「表参道」B1出口 徒歩3分</span>
143		      <span class="access block">JR山手線他、東急線、京王井の頭線、東京メトロ副都心線「渋谷」徒歩10分</span></p>
144		    </td>
145		  </tr>
146    </table>
147  </main>
148
149  <div class="clear"></div>
150  <footer>
151	  <p id="page-top"><a href="#">TOP</a></p>
152	  <section class="footinner">
153	    <h2><a href="/"><img src="/images/common/logo-white.svg" alt="CLOCHE"></a></h2>
154	    <ul class="snsnav pc">
155        <li><a href="https://www.facebook.com/CLOCHE.jp" target="_blank"><i class="fab fa-facebook-square"></i></a></li>
156        <li><a href="https://www.instagram.com/cloche_official/" target="_blank"><i class="fab fa-instagram"></i></a></li>
157	    </ul>
158	    <div class="ftsnsarea sp">
159        <ul class="snsnav">
160	        <li><a href="https://www.facebook.com/CLOCHE.jp" target="_blank"><i class="fab fa-facebook-square"></i></a></li>
161	        <li><a href="https://www.instagram.com/cloche_official/" target="_blank"><i class="fab fa-instagram"></i></a></li>
162        </ul>
163	    </div>
164	    <div class="addarea">
165	      <p class="title">株式会社クロシェ</p>
166	      <p>〒650-0022 <span>兵庫県神戸市中央区元町通5丁目8-15クロシェビル</span><a href="https://goo.gl/maps/rMmU8UVL7MT2" target="_blank">MAP</a></p>
167	      <p class="add">阪神「西元町」東出口すぐ / 阪急「花隈」西出口2分 / JR「元町」西出口7分<br>
168		    TEL:078-382-4012 FAX: 078-382-4002</p>
169	    </div>
170	    <div class="brandlogoarea">
171	     <ul>
172	       <li><a href="https://www.cloche.shop/farfalle/" target="_blank"><img src="/images/common/footlogo/farfalle.svg" alt="farfalle"></a></li>
173	       <li><a href="https://www.cloche.shop/trecode/" target="_blank"><img src="/images/common/footlogo/trecode.svg" alt="TRECODE"></a></li>
174	       <li><a href="https://www.cloche.shop/f/ento" target="_blank"><img src="/images/change/ento_w.svg" alt="ento"></a></li>
175	       <li><a href="http://www.jasminspeaks.com/" target="_blank"><img src="/images/common/footlogo/jasminspeaks.svg" alt="Jasmin Speaks"></a></li>
176	       <!--li><a href="https://penelopejohansson.com/" target="_blank"><img src="/images/common/footlogo/penelope.svg" alt="penelope"></a></li-->
177	     </ul>
178      </div>
179      <ul class="footnav">
180	      <li><a href="/">HOME</a></li>
181	      <li><a href="/about/">ABOUT</a></li>
182	      <li><a href="/brandlist/">DIVISION</a></li>
183	      <li><a href="/shoplist/">SHOP LIST</a></li>
184	      <li class="pc"><a href="/news/">NEWS</a></li>
185	      <li class="pc"><a href="/company/">OUTLINE</a></li>
186	      <li><a href="/contact/">CONTACT</a></li>
187	      <li><a href="/recruit/" target="_blank">RECRUIT</a></li>
188	      <li><a href="https://www.cloche.shop/" target="_blank"><img src="/images/common/shopicon-white.png" width="14"> ONLINE SHOP</a></li>
189<!-- 	      <li><a href="https://www.rakuten.ne.jp/gold/jasminspeaks/" target="_blank"><img src="/images/common/rakutenicon.png" width="14"> RAKUTEN SHOP</a></li> -->
190      </ul>
191      <ul class="iconnav pc">
192<!-- 	      <li><a href="https://www.cloche.shop/" target="_blank"><img src="/images/common/shopicon-white.png"></a></li> -->
193<!-- 	      <li><a href="https://www.rakuten.ne.jp/gold/jasminspeaks/" target="_blank"><img src="/images/common/rakutenicon.png"></a></li> -->
194      </ul>
195      <div class="clear"></div>
196	  </section>
197	  <p class="copy"><span>Copyright </span>&copy; cloche co.,ltd. All Rights Reserved.</p>
198  </footer>
199</body>
200</html> 
201	
201<script>
202	//バリデート
203	function validate(){
204		var name = $('#namae').val();
205		var name_furi = $('#name_furi').val();
206		var mail = $('#mail').val();
207		var remail = $('#remail').val();
208		var comment = $('#comment').val();
209		var msg = '';
210		//お名前入力チェック
211		if( !name ) msg += "お名前が入力されていません。\n";
212		//フリガナ入力チェック
213		if( !name_furi ) msg += "フリガナが入力されていません。\n";
214		//メールアドレスの入力チェック
215		if( !mail ) msg += "メールアドレスが入力されていません。\n";
216		//確認用メールアドレスの入力チェック
217		if( mail !== remail ) msg += "メールアドレスが一致しません。\n";
218		//メールアドレスの形式チェック
219		if( mail && !mail.match(/^[a-zA-Z0-9_+-]+(\.[a-zA-Z0-9_+-]+)*@([a-zA-Z0-9][a-zA-Z0-9-]*[a-zA-Z0-9]*\.)+[a-zA-Z]{2,}$/) ) msg += "メールアドレスの形式が正しくありません。\n";
220		//コメントの入力チェック
221		if( !comment ) msg += "お問い合わせ内容が入力されていません。\n";
222		//バリデート確認
223		if( msg ){
224			alert(msg);
225			return false;
226		}else{
227			$('#input_form').submit();
228			return true;
229		}
230	}
231	</script>
231
232</body>
233</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.