PageSourceSearch

https://titel.jp/architects-login

html titel.jp collected 2026-09-25 08:17:41 UTC 21,836 bytes, 454 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3    
4<head prefix="og: http://ogp.me/ns#">
5    <meta http-equiv="x-dns-prefetch-control" content="on">
6    <link rel="preconnect" href="//www.googletagmanager.com">
7    <link rel="preconnect" href="//www.google-analytics.com">
8    <link rel="preconnect" href="//use.fontawesome.com">
9    <link rel="preconnect" href="//fonts.gstatic.com">
10    <link rel="preconnect" href="//use.fontawesome.com">
11    <link rel="dns-prefetch" href="//www.googletagmanager.com">
12    <link rel="dns-prefetch" href="//www.google-analytics.com">
13    <link rel="dns-prefetch" href="//use.fontawesome.com">
14    <link rel="dns-prefetch" href="//fonts.gstatic.com">
15    <link rel="dns-prefetch" href="//use.fontawesome.com">
16
17    
18    
19
20
21  
22  
22<script>
vendor: 361 bytes, lines 22-26
22(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
23            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
24          j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
25          'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
26  })(window,document,'script','dataLayer','
26GTM-NNQXN6H
vendor: 3 bytes, line 26
26');
26</script>
vendor: 69 bytes, lines 26-30
26
27  
28
29
30<script async src="https://www.googletagmanager.com/gtag/js?id=
30UA-180819253-1
vendor: 12 bytes, line 30
30"></script>
31<script>
32  
vendor: 133 bytes, lines 32-35
32window.dataLayer = window.dataLayer || [];
33  function gtag(){dataLayer.push(arguments);}
34  gtag('js', new Date());
35  gtag("config", "
35UA-180819253-1
vendor: 98 bytes, lines 35-41
35", {
36    optimize_id: "OPT-TNP66NP", 
37    send_page_view: true, 
38    
39
40    experiments: [],
41  });
42</script>
42
43
44
45
46
47    
48
49    <meta charset="utf-8">
50    <meta name="viewport" content="width=device-width, initial-scale=1">
51
52    <title>ログイン | 建築家の方 | titel (タイテル)</title>
53    <meta name="description" content="titel(タイテル)にログインする。タイテルはハイクラスに特化した建築家紹介プラットフォームです。建築家として登録をすると、ハイクラス案件の紹介を受けられます。">
54    
55    
56    <meta name="robots" content="noindex">
57    
58
59    <meta property="og:site_name" content="titel (タイテル)">
60    <meta property="og:title" content="ログイン | 建築家の方 | titel (タイテル)">
61    <meta property="og:description" content="titel(タイテル)にログインする。タイテルはハイクラスに特化した建築家紹介プラットフォームです。建築家として登録をすると、ハイクラス案件の紹介を受けられます。">
62    <meta property="og:type" content="website">
63    <meta property="og:url" content="https://titel.jp/architects-login">
64    <meta property="og:image" content="https://titel.jp/assets/ogp.jpg">
65    
66    <meta property="og:locale" content="ja_JP">
67    
68    <meta name="twitter:card" content="summary">
69    <meta name="twitter:site" content="https://titel.jp/architects-login">
70    <meta name="twitter:image" content="https://titel.jp/assets/ogp.jpg">
71
72    
73    <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
74    
75
76    
77    <link href="/css/external/bootstrap/bootstrap.min.css" rel="stylesheet">
78
79    
80    <link href="/css/external/fontawesome/css/all.min.css" rel="stylesheet" media="print" onload="this.media='all'">
81
82    
83    <link rel="stylesheet" href="/css/external/slick/slick.css" crossorigin="anonymous" media="print" onload="this.media='all'">
84    <link rel="stylesheet" href="/css/slider_custom.css" media="print" onload="this.media='all'">
85
86    
87
88    
89    <link rel="stylesheet" href="/css/external/scroll-hint/scroll-hint.css" media="print" onload="this.media='all'">
90
91    
92    <link href=/css/styles.css?v&#61;1790324261 rel="stylesheet" />
93    <link href=/css/article_common.css?v&#61;1790324261 rel="stylesheet" />
94    
95
96    
97    
98
99    
100    <meta name="facebook-domain-verification" content="dbemcq0ah9i3p5i15dap8xg4696lc0" />
101
102    
103    
103<script>!function(n){var a=window[n]=function(){var n=[].slice.call(arguments);return a.x?a.x.apply(0,n):a.q.push(n)};a.q=[],a.i=Date.now()}("krt")</script>
103
104    
104<script async src="https://cdn-edge.karte.io/adc37f3bfddf007bbe462bb557a1d4d1/edge.js"></script>
104
105    
106
107    
108    
109
110</head>
111
112    <body id="page-top">
113        
114            
115                
116                <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NNQXN6H" height="0" width="0" style="display:none;visibility:hidden"></iframe>
117                
118            
119        
120
121        <div class="body-control">
122            
123
124            
125            
126                
127<nav class="navbar navbar-expand-lg bg-secondary fixed-top" id="mainNav">
128    <div class="container">
129
130        <a class="navbar-brand js-scroll-trigger" href="/">
131            <img src="/assets/top-logo-white-with-ja.png" class="navbar-brand-logo" alt="titel_service_logo">
132        </a>
133
134        
135        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
136            <div class="btn-trigger" id="btn05">
137                <span></span>
138                <span></span>
139                <span></span>
140            </div>
141        </button>
142
143        <div class="collapse navbar-collapse" id="navbarResponsive">
144            
145<ul class="navbar-nav ml-auto">
146    <li class="nav-item mx-0 mx-lg-0"><a class="navbar-link" href="/about"><i class="fas fa-info-circle"></i> タイテルとは</a></li>
147    <li class="nav-item mx-0 mx-lg-0"><a class="navbar-link nav-link-border-left" href="/flow"><i class="fas fa-check"></i> ご相談の流れ</a></li>
148    <li class="nav-item dropdown nav-link-border-left">
149        <a class="navbar-link dropdown-toggle" href="/works">
150            <i class="far fa-images navbar-icon-large"></i><span class="hide-wide-window"> 建築家の作品をみる</span>
151        </a>
152        <ul class="dropdown-menu dropdown-menu-end dropdown-menu-article">
153            <li class="dropdown-menu-subhead-hide pt-2 pb-1 ps-1">建築家の作品をみる <i class="far fa-images"></i></li>
154            <li><a class="dropdown-item dropdown-item-link" href="/architects"><i class="fas fa-user-friends pe-1"></i> 建築家・設計事務所をさがす <i class="fas fa-chevron-right"></i></a></li>
155            <li><a class="dropdown-item dropdown-item-link" href="/works"><i class="fas fa-images pe-1"></i> 建築事例・作品をみる <i class="fas fa-chevron-right"></i></a></li>
156            <li><a class="dropdown-item dropdown-item-link" href="/likes"><i class="fas fa-heart pe-1"></i> あなたのお気に入り作品 <i class="fas fa-chevron-right"></i></a></li>
157        </ul>
158    </li>
159    <li class="nav-item dropdown nav-link-border-left">
160        <a class="navbar-link dropdown-toggle" href="/articles">
161            <i class="fas fa-book navbar-icon-large"></i><span class="hide-wide-window"> お役立ち情報</span>
162        </a>
163        <ul class="dropdown-menu dropdown-menu-end dropdown-menu-article">
164            <li><a class="dropdown-item dropdown-item-link fs-6 ps-1" href="/articles"><strong>お役立ち記事を読む <i class="fas fa-book"></i></strong></a></li>
165            
166            <li><a class="dropdown-item dropdown-item-link" href=/articles#about-architects>建築家・設計事務所のこと <i class="fas fa-chevron-right"></i></a></li>
167            
168            <li><a class="dropdown-item dropdown-item-link" href=/articles#about-house-building>家づくりのこと <i class="fas fa-chevron-right"></i></a></li>
169            
170            <li><a class="dropdown-item dropdown-item-link" href=/articles#about-money>お金のこと <i class="fas fa-chevron-right"></i></a></li>
171            
172            <li><a class="dropdown-item dropdown-item-link" href=/articles#themes-and-samples>テーマ別 解説&事例集 <i class="fas fa-chevron-right"></i></a></li>
173            
174        </ul>
175    </li>
176    <li class="nav-item dropdown nav-link-border-left">
177        <a class="navbar-link dropdown-toggle" href="/about">
178            <i class="fas fa-question-circle navbar-icon-large"></i><span class="hide-wide-window"> タイテルについて</span>
179        </a>
180        <ul class="dropdown-menu dropdown-menu-end">
181            <li><a class="dropdown-menu-subhead-hide dropdown-item dropdown-item-link fs-6 ps-1" href="/about"><strong>タイテルについて <i class="fas fa-question-circle"></i></strong></a></li>
182            <li><a class="dropdown-item dropdown-item-link" href="/client-review"><i class="fas fa-comments"></i> お客様の声 <i class="fas fa-chevron-right"></i></a></li>
183            <li><a class="dropdown-item dropdown-item-link" href="/promise"><i class="fas fa-hand-holding-heart"></i> お客様への約束 <i class="fas fa-chevron-right"></i></a></li>
184            <li><a class="dropdown-item dropdown-item-link" href="/seminar"><i class="fas fa-graduation-cap"></i> 家づくり講座 <i class="fas fa-chevron-right"></i></a></li>
185            <li><a class="dropdown-item dropdown-item-link" href="/access" target="_blank"><i class="fas fa-map-marker-alt"></i> 店舗のご案内|アクセス <i class="fas fa-chevron-right"></i></a></li>
186            <li><a class="dropdown-item dropdown-item-link" href="/about#about-faq"><i class="fas fa-question-circle"></i> よくあるご質問・FAQ <i class="fas fa-chevron-right"></i></a></li>
187            <li><a class="dropdown-item dropdown-item-link" href="/biz">企業・事業者の方向け (titel biz) <i class="fas fa-chevron-right"></i></a></li>
188        </ul>
189    </li>
190    
191    <li class="nav-item dropdown nav-link-border-left">
192        <span class="navbar-link">
193            <a class="navbar-form-button" href="/form-consult">
194                <i class="fas fa-envelope pe-1"></i> まずは専門家に無料相談
195            </a>
196        </span>
197    </li>
198    
199</ul>
200
201
202        </div>
203        
204    </div>
205</nav>
206
207            
208
209            
210            <div style="margin-top: 48px">
211                
212<div class="container mypage-container">
213    <div class="pt-3 pb-5 text-center">
214        <h2>建築家の方向け ログインページ</h2>
215    </div>
216
217    <div class="row g-3 justify-content-center">
218        <div class="col-md-6 center-block">
219            <form id="loginForm" class="needs-validation" novalidate>
220                <div class="row mb-3">
221                    <div class="col-12">
222                        <label for="email" class="form-label">メールアドレス</label>
223                        <input type="email" class="form-control" id="email" placeholder="[email protected]">
224                        <div class="invalid-feedback"></div>
225                    </div>
226                </div>
227                <div class="row mb-3">
228                    <div class="col-12">
229                        <label for="password" class="form-label">パスワード</label>
230                        <input type="password" class="form-control" id="password" placeholder="password">
231                        <div class="invalid-feedback"></div>
232                    </div>
233                </div>
234
235                <div class="py-3 text-center">
236                    <button id="loginButton" class="w-50 btn btn-primary btn-lg" type="submit">ログイン</button>
237                    <div id="loginLoading" style="display: none;"><img src="/assets/loading.gif" alt="loading"></div>
238                </div>
239
240                <div class="pt-3 pb-2 text-center">
241                    パスワードを忘れた方はこちらから <a href="/architects-password-remake-send-mail">パスワードをリセットする <i class="fas fa-chevron-right"></i></a>
242                </div>
243
244                
245
246            </form>
247        </div>
248    </div>
249</div>
250
251
252            </div>
253
254            
255            
256                
257
258
259<footer class="footer text-center">
260    <div class="container">
261        <div class="row">
262            <div class="col-lg-4 mb-5">
263                <p class="footer-head mb-2">好きな建築をさがす</p>
264                <p class="lead mb-2"><a href="/works">建築・作品をさがす</a></p>
265                <p class="lead mb-2"><a href="/architects">建築家・設計事務所をさがす</a></p>
266                <p class="lead mb-2"><a href="/likes">あなたのお気に入りリストをみる</a></p>
267                <p class="footer-head mb-2 mt-5">家づくりの相談をする</p>
268                <p class="lead mb-2"><a href="/form-referral">建築家を紹介してもらう</a></p>
269                <p class="lead mb-2"><a href="/form-land">土地さがしから相談する</a></p>
270                <p class="lead mb-3"><a href="/form-consult">専門スタッフに相談してみる</a></p>
271                <p class="lead mb-3"><a href="/seminar">家づくり講座</a></p>
272                <p class="lead mb-2"><a href="/biz">企業・事業者の方向け<span class="d-inline-block">(施設や店舗のデザイン)</span></a></p>
273            </div>
274            <div class="col-lg-4 mb-5">
275                <p class="footer-head mb-1">タイテルについて知る</p>
276                <p class="lead mb-2"><a href="/about">titel とは</a></p>
277                <p class="lead mb-2"><a href="/flow">ご相談の流れ</a></p>
278                <p class="lead mb-2"><a href="/client-review">お客様の声</a></p>
279                <p class="lead mb-2"><a href="/promise">お客様への約束</a></p>
280                <p class="lead mb-2"><a href="/access">店舗のご案内|アクセス</a></p>
281                <p class="lead mb-4"><a href="/about#about-faq">よくあるご質問(FAQ)</a></p>
282                <p class="lead mb-2"><a href="https://aoyama-art.com/" target="_blank" rel="noopener noreferrer">運営会社</a></p>
283                <p class="lead mb-2"><a href="/terms">利用規約</a></p>
284                <p class="lead mb-2"><a href="/privacy">プライバシー・ポリシー</a></p>
285                <p class="lead mb-2"><a href="https://docs.google.com/forms/d/e/1FAIpQLScoUOWbqeNjcq8mlVZgzrneImt-441yuw_014V5ShPCRDgjsg/viewform?usp=sf_link">お問い合わせ</a></p>
286                <p class="lead mb-2"><a href="/architects-login">ログインする(建築家の方)</a></p>
287            </div>
288            <div class="col-lg-4 mb-5">
289                <p class="footer-head mb-2">家づくりや建築家について知る</p>
290                <p class="lead mb-2"><a href="/articles">お役立ち記事 一覧</a></p>
291                <p class="lead footer-subhead mt-3 mb-3">
292                    <a href="/articles#about-architects">
293                        建築家・設計事務所のこと <i class="fas fa-book"></i>
294                    </a>
295                </p>
296                <p class="lead my-2 ps-3">
297                    <a href="/articles/five-benefits-of-architects">
298                        <span>建築家と家を建てる</span> <span>5 つのメリット</span>
299                    </a>
300                </p>
301                <p class="lead mb-2 ps-3">
302                    <a href="/articles/choosing-architects">
303                        <span>建築家(設計事務所)の選び方:</span>
304                    </a>
305                </p>
306                <p class="lead footer-subhead mt-4 mb-3">
307                    <a href="/articles#about-house-building">
308                        家づくりのこと <i class="fas fa-book"></i>
309                    </a>
310                </p>
311                <p class="lead mb-2 ps-3">
312                    <a href="/articles/building-process">
313                        <span>家づくりの流れ・期間を</span><span>徹底解説</span>
314                    </a>
315                </p>
316                <p class="lead mb-2 ps-3">
317                    <a href="/articles/builder-comparison">
318                        <span>ハウスメーカー</span>・<span>工務店</span>・<span>設計事務所</span>の<span>違い</span>
319                    </a>
320                </p>
321                <p class="lead mb-2 ps-3">
322                    <a href="/articles/second-house">
323                        <span>建築家と建てる別荘</span>・<span>セカンドハウス</span>のポイント</span>
324                    </a>
325                </p>
326                <p class="lead footer-subhead mt-4 mb-3">
327                    <a href="/articles#about-money">
328                        お金のこと <i class="fas fa-book"></i>
329                    </a>
330                </p>
331                <p class="lead mb-2 ps-3">
332                    <a href="/articles/building-cost">
333                        <span>家を建てる費用は</span><span>いくらかかる?</span>
334                    </a>
335                </p>
336                <p class="lead mb-2 ps-3">
337                    <a href="/articles/payment-schedule">
338                        <span>注文住宅のお金:</span><span>支払いの流れとタイミング</span>
339                    </a>
340                </p>
341                <p class="lead footer-subhead mt-4 mb-3">
342                    <a href="/articles#about-architects">
343                        テーマ別 解説&事例集 <i class="fas fa-book"></i>
344                    </a>
345                </p>
346                <p class="lead mb-2 ps-3">
347                    <a href="/articles/stylish-house">
348                        <span>
348憧れのおしゃれな家!</span><span>事例 10 選と</span><span>ポイント</span>
349                    </a>
350                </p>
351                <p class="lead mb-2 ps-3">
352                    <a href="/articles/stylish-wooden-deck">
353                        <span>プロの</span><span>おしゃれな</span><span>ウッドデッキ 10 選</span>
354                    </a>
355                </p>
356            </div>
357            <div class="col-12 d-flex justify-content-center">
358                <a class="footer-sns-space" href="https://www.instagram.com/titel_jp/" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a>
359                <a class="footer-sns-space" href="https://twitter.com/titel_jp/" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a>
360                <a class="footer-sns-space" href="https://www.pinterest.jp/titel_jp/_created/" target="_blank" rel="noopener noreferrer"><i class="fab fa-pinterest"></i></a>
361                <a class="footer-sns-space" href="https://www.youtube.com/channel/UCEvBIsUH2sZL_EWab_4bauQ" target="_blank" rel="noopener noreferrer"><i class="fab fa-youtube"></i></a>
362            </div>
363        </div>
364    </div>
365</footer>
366
367
368<div class="copyright py-4 text-center text-white">
369    <div class="container"><small>Copyright © <a href="/">titel</a> 2025</small></div>
370</div>
371
372
373
374
375            
376
377            
378            
379<div class="modal fade work-modal click-modal-close" id="workModal" tabindex="-1" aria-labelledby="workModalLabel" aria-hidden="true">
380    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
381        <div class="modal-content">
382            <div class="modal-header">
383                <button type="button" class="btn-close btn-close-white click-modal-close" data-bs-dismiss="modal" aria-label="Close"></button>
384            </div>
385            <div class="modal-body" id="workModalBody">
386                
387            </div>
388        </div>
389    </div>
390</div>
391
392
393            
394            
395<div class="toast-container work-like-toast" >
396    <div id="workLikeAddToast" class="toast bg-white border-0 hide" role="alert" aria-live="assertive" aria-atomic="true">
397        <div class="toast-body d-flex align-items-center">
398            <div>
399                <span class="work-like-toast-architect-name"></span> の作品<br>
400                <span class="work-like-toast-work-name"></span> を、<br>
401                <a href="/likes">お気に入りリスト <i class="fas fa-chevron-right"></i></a> に追加しました。
402            </div>
403            <button type="button" class="btn-close ms-auto me-2" data-bs-dismiss="toast" aria-label="Close"></button>
404        </div>
405    </div>
406    <div id="workLikeRemoveToast" class="toast bg-white border-0 hide" role="alert" aria-live="assertive" aria-atomic="true">
407        <div class="toast-body d-flex align-items-center">
408            <div>
409                <span class="work-like-toast-architect-name"></span> の作品<br>
410                <span class="work-like-toast-work-name"></span> を、<br>
411                <a href="/likes">お気に入りリスト <i class="fas fa-chevron-right"></i></a> から削除しました。
412            </div>
413            <button type="button" class="btn-close ms-auto me-2" data-bs-dismiss="toast" aria-label="Close"></button>
414        </div>
415    </div>
416</div>
417
418
419            
420            <div id="isEnglish" style="height: 0; width: 0" data-is-english=false></div>
421
422        </div>
423        
424
425
426<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
vendor: 1 bytes, line 426
426
427<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
427
428
429<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
429
430
431<script src="https://unpkg.com/[email protected]/js/scroll-hint.js"></script>
431
432
433
434<script type="text/javascript" id="hs-script-loader" async defer src="https://js.hs-scripts.com/19997407.js"></script>
434
435
436
437<script src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
vendor: 1 bytes, line 437
437
438<script src="/js/slider_init_work_modal.js"></script>
438
439
440
441<script src="/js/external/scroll-hint/scroll-hint.min.js"></script>
441
442
443<script src="https://cdn.jsdelivr.net/npm/ismobilejs@1/dist/isMobile.min.js"></script>
443
444
445
446<script src=/js/scripts.js?v&#61;1790324261></script>
446
447
448
449<script src=/js/architect_login.js?v&#61;1790324261></script>
449
450
451
452
453    </body>
454</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.