https://www.techno-c.co.jp/

1<!DOCTYPE html>
2<html lang="ja">
3  <head>
4    <!-- Google Tag Manager -->
5    

5<script>
6      (function (w, d, s, l, i) {
7        w[l] = w[l] || [];
8        w[l].push({
9          "gtm.start": new Date().getTime(),
10          event: "gtm.js",
11        });
12        var f = d.getElementsByTagName(s)[0],
13          j = d.createElement(s),
14          dl = l != "dataLayer" ? "&l=" + l : "";
15        j.async = true;
16        j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
17        f.parentNode.insertBefore(j, f);
18      })(window, document, "script", "dataLayer", "GTM-PLFD5FF");
19    </script>

19
20    <!-- End Google Tag Manager -->
21    <meta charset="UTF-8" />
22    <title>Top－株式会社　テクノサーキュレーション</title>
23    <meta name="Keywords" content="テクノサーキュレーション,システム開発" />
24    <meta name="Description" content="株式会社　テクノサーキュレーション" />
25    <meta name="viewport" content="width=device-width,initial-scale=1" />
26    <meta name="format-detection" content="telephone=no" />
27    <meta property="og:title" content="株式会社　テクノサーキュレーション" />
28    <meta
29      property="og:description"
30      content="株式会社　テクノサーキュレーション"
31    />
32    <meta property="og:type" content="website" />
33    <meta property="og:url" content="https://www.techno-c.co.jp/" />
34    <meta
35      property="og:image"
36      content="https://www.techno-c.co.jp/img/logo.gif"
37    />
38    <meta
39      property="og:site_name"
40      content="株式会社　テクノサーキュレーション"
41    />
42    <meta property="og:locale" content="ja_JP" />
43    <link href="favicon.ico" rel="shortcut icon" />
44    <link rel="apple-touch-icon" href="apple-touch-icon.png" sizes="180x180" />
45    <link href="./css/reset.min.css" rel="stylesheet" />
46    <link href="./css/luxbar.min.css" rel="stylesheet" />
47    <link href="./css/style.min.css" rel="stylesheet" />
48    <link href="./css/index.min.css" rel="stylesheet" />
49    <link
50      href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.css"
51      rel="stylesheet"
52    />
53    <link
54      href="https://use.fontawesome.com/releases/v5.15.3/css/all.css"
55      rel="stylesheet"
56    />
57
58    

58<script src="./scripts/jquery.min3.1.1.js"></script>

58
59    

59<script src="./scripts/script.min.js" async></script>

59
60    

60<script src="./scripts/menu.min.js"></script>

60
61    

61<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js"></script>

61
62    

62<script src="./scripts/index.js"></script>

62
63      </head>
64      <!-- Google Tag Manager (noscript) -->

64
65      <noscript
66      ><iframe
67        src="https://www.googletagmanager.com/ns.html?id=

67GTM-PLFD5FF

67"
68        height="0"
69        width="0"
70        style="display: none; visibility: hidden"
71      ></iframe
72    ></noscript>
73    

73<!-- End Google Tag Manager (noscript) -->
74    <!--head start-->
75    <header>
76       <div id="head"></div>
77       <div id="navi">
78         

78<script>
79           writeHeaderNavi(true, "index");
80         </script>

80
81       </div>
82     </header>
83     
84     <head>
85      <meta charset="UTF-8" />
86      <meta name="viewport" content="width=device-width,initial-scale=1" />
87      <title>スライドバナー付きTOP</title>
88      <link
89        href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.css"
90        rel="stylesheet"
91      />
92      

92<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

92
93      

93<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js"></script>

93
94      
95    </head>
96     
97     <!--/head end-->
98     <!--main start-->
99
100  
101<body>
102
103
104
105
106<div id="main">
107  <ul class="bxslider">
108    <li>
109      <a href="#">
110        <picture>
111          <source media="(max-width: 767px)" srcset="./img/top_img1_mobile-min.jpg">
112          <source media="(min-width: 768px)" srcset="./img/top_img1-min.jpg">
113          <img src="./img/top_img1-min.jpg" alt="1sp" class="top-img">
114        </picture>
115        <p class="top_msg1">
116          テクノサーキュレーションが
117          <br>
118          「いい会社」で
119          <br class="br-mb-top">
120          あり続けるために・・・
121          <br>
122        </p>
123        <p class="top_msg2">
124          <br>
125          我々は「お客様と社員に愛される会社」を
126          <br class="br-mb">
127          目指しています。
128        </p>
129      </a>
130    </li>
131  
132    <li>
133      <a href="./works/works_solution.html">
134        <picture>
135          <source media="(max-width: 767px)" srcset="./img/rpa_ocr_banner.jpg">
136          <source media="(min-width: 768px)" srcset="./img/rpa_ocr_img.jpg">
137          <img src="./img/rpa_ocr_img.jpg" alt="2sp" class="top-img">
138        </picture>
139      </a>
140    </li>
141  
142    <li>
143      <a href="./works/works.html">
144        <picture>
145          <source media="(max-width: 767px)" srcset="./img/top_img2_mobile-min.png">
146          <source media="(min-width: 768px)" srcset="./img/top_img2-min.png">
147          <img src="./img/top_img2-min.png" alt="3sp" class="top-img">
148        </picture>
149      </a>
150    </li>
151  
152    <li>
153      <a href="./recruit/bosyu.html">
154        <picture>
155          <source media="(max-width: 767px)" srcset="./img/top_img3_mobile-min.jpg">
156          <source media="(min-width: 768px)" srcset="./img/top_img3-min.jpg">
157          <img src="./img/top_img3-min.jpg" alt="4sp" class="top-img">
158        </picture>
159        <p class="top_msg3">
160          Recruitment
161          <br>
162          新卒・キャリア
163          <br class="br-mb">
164          募集中
165        </p>
166      </a>
167    </li>
168  </ul>
169  
170
171<!-- ーーーーーーーーーーー
172　　　ここからTopの画像4枚
173　　　ーーーーーーーーーーー -->
174
175<div class="top-4img">
176  <h3 class="top-topbanner">Top</h3>
177  <div class="toppage_box">
178    <div class="new_munelist">
179      <!-- Company Section -->
180      <div class="section">
181        <a href="./company/profile.html">
182          <picture>
183            <source media="(max-width: 767px)" srcset="../img/top1_sp.jpg">
184            <img src="../img/top1_rpa_ocr-min.jpg" alt="Company Image" />
185          </picture>
186        </a>
187        <div class="menu_link_company">
188          <ul>
189            <li><a href="./company/profile.html">‣会社概要</a></li>
190            <li><a href="./company/coment.html">‣代表ご挨拶</a></li>
191            <li><a href="./company/philosophy.html">‣理念</a></li>
192          </ul>
193        </div>
194      </div>
195
196      <!-- Business Section -->
197      <div class="section">
198        <a href="./works/works_solution.html">
199          <picture>
200            <source media="(max-width: 767px)" srcset="../img/top2_sp.jpg">
201            <img src="../img/top2_business-min.jpg" alt="Business Image" />
202          </picture>
203        </a>
204        <div class="menu_link_business">
205          <ul>
206            <li><a href="./works/works_system.html">‣システム開発事業</a></li>
207            <li><a href="./works/works_solution.html">‣ソリューション事業</a>
208              <div class="menu_link_solution">
209                <ul>
210                  <li><a href="./works/works.html">└RPA</a></li>
211                  <li><a href="./works/works_ai_ocr.html">└AI OCR</a></li>
212                  <li><a href="./works/works_crm.html">└CRM</a></li>
213                </ul>
214              </div>
215            </li>
216          </ul>
217        </div>
218      </div>
219
220      <!-- Recruit Section -->
221      <div class="section">
222        <a href="./recruit/bosyu.html">
223          <picture>
224            <source media="(max-width: 767px)" srcset="../img/top3_sp.jpg">
225            <img src="../img/top3_top_img3-min.jpg" alt="Recruit Image" />
226          </picture>
227        </a>
228        <div class="menu_link_recruit">
229          <ul>
230            <li><a href="./recruit/n_bosyu.html">‣新卒採用</a></li>
231            <li><a href="./recruit/c_bosyu.html">‣中途採用</a></li>
232            <li><a href="./recruit/qa.html">‣採用Q&amp;A</a></li>
233            <li><a href="./recruit/career_interview.html">‣社員の声</a></li>
234            <li><a href="./recruit/jinzai.html">‣人材育成</a></li>
235            <li><a href="./recruit/hukuri.html">‣福利厚生</a></li>
236          </ul>
237        </div>
238      </div>
239
240      <!-- Contact Section -->
241      <div class="section">
242        <a href="./contact/contact.html">
243          <picture>
244            <source media="(max-width: 767px)" srcset="../img/top4_sp.jpg">
245            <img src="../img/top4_t_contact-min.jpg" alt="Contact Image" />
246          </picture>
247        </a>
248        <div class="menu_link_contact">
249          <ul>
250            <li><a href="./contact/contact.html">‣お問い合わせ</a></li>
251          </ul>
252        </div>
253      </div>
254    </div>
255  </div>
256</div>
257
258
259
260
261<!-- ーーーーーーーーーーー
262　　　ここまでTopの画像4枚
263　　　ーーーーーーーーーーー -->
264
265
266<!-- ーーーーーーーーーーー
267　　　ここからNews画面
268　　　ーーーーーーーーーーー -->
269
270<h3 class="top-newsbanner">News</h3>
271<div class="toppage_box">
272  <div class="new_list" id="news-container">
273    <!-- ニュース一覧 -->
274    <dl>
275      <dt>

2752025.01.23</dt>
276      <dd class="tag"><span class="tag-border">お知らせ</span></dd>
277      <dd>
278        <p class="wb-break-word">弊社ホームページを一部リニューアルしました。</p>
279      </dd>
280    </dl>
281    <dl>
282      <dt>2024.03.28</dt>
283      <dd class="tag"><span class="tag-border">お知らせ</span></dd>
284      <dd>
285        <a href="./recruit/career_interview.html">TC社員の声ページを更新しました。</a>
286      </dd>
287    </dl>
288    <dl>
289      <dt>2022.12.19</dt>
290      <dd class="tag">
291        <span class="tag-border tag-news">ニュースリリース</span>
292      </dd>
293      <dd>
294        <a href="./news/pdf/article_2022_12_19.pdf" target="_blank">RPA×AI OCR連携ソリューション導入事例を追加【株式会社アイヴィジット様】</a>
295      </dd>
296    </dl>
297    <dl>
298      <dt>2022.12.09</dt>
299      <dd class="tag">
300        <span class="tag-border tag-news">ニュースリリース</span>
301      </dd>
302      <dd>
303        <a href="./news/pdf/article_2022_12_09.pdf" target="_blank">RPA×AI OCR連携ソリューション導入事例を追加【株式会社エントリー様】</a>
304      </dd>
305    </dl>
306  </div>
307    
308 <!-- Moreボタンを独立させて配置 -->
309  <div class="more-button-wrapper">
310    <button class="more-button" id="toggle-button">More</button>
311  </div>
312  
313  
314  <div class="hidden-news" style="display: none;">
315    <div class="new_list" id="news-container">
316         
317          <!-- ↑必要に応じてニュースを追加 -->
318          <!-- ↓この中にニュースが隠れている -->
319          <dl>
320            <dt>2022.11.22</dt>
321            <dd class="tag"><span class="tag-border">お知らせ</span></dd>
322            <dd>
323              <p class="wb-break-word">当サイトの事業概要ならびに、取り扱いソリューションページを全面的にリニューアルしました。</p>
324            </dd>
325          </dl>
326          <dl>
327            <dt>2022.09.01</dt>
328            <dd class="tag"><span class="tag-border">プレスリリース</span></dd>
329            <dd>
330              <a href="./news/article_2022_09_01.html">ユーザックシステム株式会社とビジネスパートナー契約を締結しました</a>
331            </dd>
332          </dl>
333          <dl>
334            <dt>2022.03.15</dt>
335            <dd class="tag"><span class="tag-border">お知らせ</span></dd>
336            <dd>
337              <a href="https://www.sr-shindan.jp/interview-detail-01.html" target="_blank">弊社が労務コンプライアンス・働き方改革への取組みの一貫として取得している、社労士認証制度に関するインタビュー記事が公開されました。</a>
338            </dd>
339          </dl>
340
341            <dl>
342              <dt>2022.02.04</dt>
343              <dd class="tag"><span class="tag-border">リクルート</span></dd>
344              <dd>
345                <a href="./recruit/c_bosyu.html"
346                  >弊社ではエンジニアの中途採用活動を積極的に実施しております。</a
347                >
348              </dd>
349            </dl>
350            <dl>
351              <dt>2022.02.01</dt>
352              <dd class="tag"><span class="tag-border">プレスリリース</span></dd>
353              <dd>
354                <a href="./news/article_2022_02_01.html"
355                  >株式会社ラクスとビジネスパートナー契約を締結しました</a
356                >
357              </dd>
358            </dl>
359            <dl>
360              <dt>2022.01.24</dt>
361              <dd class="tag"><span class="tag-border">プレスリリース</span></dd>
362              <dd>
363                <a href="./news/article_2022_01_24.html"
364                  >株式会社Cogent Labsと「SmartRead」販売提携を開始しました</a
365                >
366              </dd>
367            </dl>
368            <dl>
369              <dt>2021.09.01</dt>
370              <dd class="tag"><span class="tag-border">プレスリリース</span></dd>
371              <dd>
372                <a href="./news/article_2021_09_01.html"
373                  >SBI AntWorks
374                  Asiaとの販売提携についてのプレスリリースが掲載されました</a
375                >
376              </dd>
377            </dl>
378            <dl>
379              <dt>

3792021.07.08</dt>
380              <dd class="tag"><span class="tag-border">お知らせ</span></dd>
381              <dd>
382                <p class="wb-break-word">
383                  当サイトを全面リニューアルしました。また、より安全にホームページをご利用いただくことを目的に、
384                  当サイトのすべてのコンテンツについてHTTPS化（常時SSL）に対応しました。
385                </p>
386              </dd>
387            </dl>
388            <dl>
389              <dt>2021.05.28</dt>
390              <dd class="tag"><span class="tag-border">リクルート</span></dd>
391              <dd>
392                <a href="./recruit/n_bosyu.html"
393                  >2022年度入社の新卒積極採用中です</a
394                >
395              </dd>
396            </dl>
397            <dl>
398              <dt>2021.04.21</dt>
399              <dd class="tag"><span class="tag-border">お知らせ</span></dd>
400              <dd>
401                弊社社内エンゲージメントの取り組みがラフール様のコラムに掲載されました。
402              </dd>
403            </dl>
404            <dl>
405              <dt>2021.01.24</dt>
406              <dd class="tag"><span class="tag-border">お知らせ</span></dd>
407              <dd>
408                <a href="./recruit/career_interview.html"
409                  >TC社員キャリアインタビューページを追加しました。
410                </a>
411              </dd>
412            </dl>
413            <dl>
414              <dt>2020.07.01</dt>
415              <dd class="tag"><span class="tag-border">リクルート</span></dd>
416              <dd>2021年度入社の新卒積極採用中です</dd>
417            </dl>
418            <dl>
419              <dt>2020.05.01</dt>
420              <dd class="tag"><span class="tag-border">リクルート</span></dd>
421              <dd>採用情報更新しました</dd>
422            </dl>
423            <dl>
424              <dt>2012.01.31</dt>
425              <dd class="tag"><span class="tag-border">お知らせ</span></dd>
426              <dd>ホームページをリニューアルオープンしました</dd>
427            </dl>
428            <dl>
429              <dt>2012.01.19</dt>
430              <dd class="tag"><span class="tag-border">お知らせ</span></dd>
431              <dd>
432                <a href="https://jonetu-ceo.com/2012/01/543/" target="_blank"
433                  >株式会社アイ・パッション様の情熱社長に掲載されました
434                </a>
435              </dd>
436            </dl>
437            <dl>
438              <dt>2008.05.28</dt>
439              <dd class="tag"><span class="tag-border">お知らせ</span></dd>
440              <dd>特定労働者派遣事業取得しました</dd>
441            </dl>
442          </div>
443        </div>
444       </div>
445      </div>
446    </div>
447      
448      
449      

449<script>
450      document.getElementById("toggle-button").addEventListener("click", function () {
451        const hiddenNews = document.querySelector(".hidden-news");
452        const newsContainer = document.getElementById("news-container");
453        const moreButtonWrapper = document.querySelector(".more-button-wrapper");
454        const isVisible = hiddenNews.style.display === "block";
455      
456        if (isVisible) {
457          // ニュースを閉じるとき、初期位置に中央揃えで戻す
458          hiddenNews.style.display = "none";
459          this.innerText = "More"; // ボタンのテキストを「More」に戻す
460      
461          // ボタンを中央揃えで初期位置に戻す
462          moreButtonWrapper.style.margin = "20px auto";
463          moreButtonWrapper.style.display = "flex";
464          moreButtonWrapper.style.justifyContent = "center";
465          newsContainer.after(moreButtonWrapper); // 初期位置に挿入
466        } else {
467          // ニュースを開くとき
468          hiddenNews.style.display = "block";
469          this.innerText = "Close"; // ボタンのテキストを「Close」に変更
470          hiddenNews.appendChild(moreButtonWrapper); // ボタンをニュースの最後に移動
471        }
472      });
473      
474      
475      </script>

475
476      </div>
477    </div>
478    <!--/main end-->
479
480    <div id="infologo">
481      

481<script>
482        writeInfologo(true);
483      </script>

483
484    </div>
485    

485<script
486      type="text/javascript"
487      src="//seal.globalsign.com/SiteSeal/2021gmogs_115-57_en.js"
488      defer="defer"
489    ></script>

489
490
491    <!-- footer menu start -->
492    <footer id="footer">
493      

493<script>
494        writeFooterMenu(true);
495      </script>

495
496    </footer>
497    <!--/ footer menu end -->
498    

498<script src="./scripts/ofi.min.js"></script>

498
499    

499<script>
500      objectFitImages();
501    </script>

501
502  </body>
503</html>