PageSourceSearch

https://www.createform.jp/about/

html createform.jp collected 2026-10-05 10:46:21 UTC 52,089 bytes, 1,246 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5
6<meta charset="UTF-8">
7<meta name="viewport" content="width=device-width, initial-scale=1.0">
8<!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" >-->
9<meta http-equiv="X-UA-Compatible" content="IE=edge">
10
11
12<meta name="Description" content="「Create!Form」はシステム開発の帳票設計において、速く簡単キレイにデザインし、運用業務の要件に合わせたさまざまなフォーマット(PDF、HTML(SVG)、Excel、プリンター印刷)で出力する帳票作成ツールです。">
13<meta name="Keywords" content="帳票,帳票ツール">
14
15
16<title>帳票作成ツール Create!Formとは|帳票ツールのCreate!Form</title>
17
18<link rel="icon" href="/favicon.ico" type="image/x-icon">
19<link rel="stylesheet" href="/css/reset.css" >
20<link rel="stylesheet" href="/css/slick.css" >
21<link rel="stylesheet" href="/css/common.css?var=20251201-2" >
22<link rel="stylesheet" href="/css/style.css?var=20251201-2" >
23
24
25<!-- リッチリザルト -->
26
27<script type="application/ld+json">
28{
29"@context": "http://schema.org",
30"@type": "BreadcrumbList",
31"itemListElement":[
32{
33"@type": "Listitem",
34"position": 1,
35"item":{
36"@id": "https://www.createform.jp/",
37"name": "TOP"
38}
39},
40{
41"@type": "Listitem",
42"position": 2,
43"item":{
44"@id": "https://www.createform.jp/about/",
45"name": "帳票作成ツールCreate!Formとは"
46}
47}
48]
49}
50</script>
50
51
52
53
54<!-- facebook -->
55<meta name="facebook-domain-verification" content="390i9zv03h50ycx8lvechzibrwrs7n">
56
57<!-- font-awesome -->
58<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
59
60<!-- jquery -->
61<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
61
62
63
64<!-- Google Tag Manager -->
65<script>
vendor: 327 bytes, lines 65-69
65(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
66new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
67j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
68'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
69})(window,document,'script','dataLayer','
69GTM-NHHPVJ8
vendor: 3 bytes, line 69
69');
69</script>
69
70<!-- End Google Tag Manager -->
71
72
73<style>
74.about h1 {
75  margin-bottom: 1em;
76  font-size: 40px;
77}
78
79.about h2 {
80  margin: 1em auto 2em;
81  font-size: 30px;
82}
83
84.about h3 {
85  margin: 2em auto;
86}
87
88.about h4 {
89    margin: 10px 0 15px 0 !important;
90    font-weight: bold !important;
91    color: #1a1a1a !important;
92    font-size: 1.1em;
93}
94
95.ttl-dsgn {
96    border-left: solid 5px #1a1a1a;
97    padding-left: 10px;
98}
99
100.center-line {
101  font-size: 24px;
102  color : #1a1a1a;
103  font-size: 24px;
104  display: flex;
105  align-items: center;
106}
107
108.center-line:before, .center-line:after{
109  content: "";
110  flex-grow: 1;
111  height: 1px;
112  background: #ff0000;
113  display: block;
114}
115.center-line:before {margin-right: .4em;}
116.center-line:after {margin-left: .4em;}
117
118.slick-slide img{
119    padding: 0 30px 20px;
120}
121
122div.box-features{
123margin:30px 0 !important;
124}
125div.box-features-2{
126    padding: 15px 0 0 25px;
127    border-top: dotted 1px #ff0000;
128}
129div.box-features-2 ul li {
130  position: relative;
131  list-style: none;
132  margin-left:10px;
133  line-height: 30px;
134}
135div.box-features-2 ul li::after {
136  display: block;
137  content: '';
138  position: absolute;
139  top: .8em;
140  left: -1em;
141  width: 8px;
142  height: 3px;
143  border-left: 2px solid #ff0000;
144  border-bottom: 2px solid #ff0000;
145  -webkit-transform: rotate(-45deg);
146  transform: rotate(-45deg);
147}
148
149p.box-features-ttl{
150  text-align:center;
151  font-size:24px;
152  font-weight:normal;
153  color:#1a1a1a;
154  margin-bottom:10px;
155}
156
157.img-svg {
158    height: 1em;
159    margin:0 .3em .2em;
160    vertical-align:middle;
161}
162
163div.link-box{
164	position: relative;
165	color:#ba6752 !important;
166	background:#ffffff !important;
167	background-position: center 90% !important;
168	padding:16px!important;
169	border:2px #ffffff solid;
170    margin-bottom: 10px;
171}
172
173div.link-box a{
174	width: 100%;
175}
176
177div.link-box p{
178	color:#ba6752 !important;
179	padding:0 8px !important;
180}
181
182div.link-box h5{
183	padding:10px 0 !important;
184	text-align:center !important;
185	font-size: 15px !important;
186	color:#ba6752 !important;
187	font-weight:normal !important;
188}
189
190div.link-box h3{
191	text-align:center !important;
192	font-weight:bold;
193	height:60px !important;
194	margin-top:8px !important;
195	margin-bottom: 0 !important;
196}
197
198div.link-box img {
199    display: block;
200    margin-left: auto;
201    margin-right: auto;
202    padding:10px 0;
203    max-height: 130px !important;
204}
205
206.list-side ul {
207	margin-bottom: 0;
208}
209
210.list-side li {
211    display: block;
212    text-align:left;
213    line-height: 32px;
214}
215
216div.box-func{
217  position: relative;
218  background:#ffffff !important;
219  padding: 2.5em 1.5em 0.5em !important;
220
221  margin-top: 30px;
222  margin-bottom: 30px;
223}
224div.box-func h3{
225  text-align:center !important;
226  color: #1a1a1a;
227  font-weight: bold;
228}
229
230div.box-func img{
231  display: block;
232  margin-left: auto;
233  margin-right: auto;
234  height: 120px !important;
235}
236
237div.box-func a{
238	width: 100%;
239}
240
241div.box-func a:hover{
242	display: block;
243	opacity: .3 !important;
244	border:2px #999 solid;
245}
246
247p.box-func-label {
248    position: absolute;
249    left: -18px;
250    top: -12px;
251    padding: 0;
252    margin: 0;
253    font-size: 24px;
254    display: flex;
255    align-items: center;
256    justify-content: center;
257    width: 2em;
258    height: 2em;
259    color: #1a1a1a;
260    background: #f7f7f7;
261    font-family: Helvetica, Arial, sans-serif;
262    border-radius: 50px;
263}
264.box-func-arrow{
265    position: absolute;
266    left: 8px;
267    top: 195px;
268    font-size: 32px;
269    color:#1a1a1a ;
270}
271
272.col-lg-6{
273  position: relative;
274  min-height: 1px;
275  padding-right: 10px;
276  padding-left: 10px;
277}
278.col-lg-12 {
279  position: relative;
280  min-height: 1px;
281  padding-right: 10px;
282  padding-left: 10px;
283}
284  .col-lg-12 {
285    width: 100%;
286
287  }
288
289.subarea{
290width: 94%;
291}
292
293.grey-d { 
294  background: #f7f7f7;
295}
296
297.clearfix:before,
298.clearfix:after {
299  display: table;
300  content: " ";
301}
302
303.clearfix:after {
304  clear: both;
305}
306
307.page-footer .flexbox > li {
308  width: 220px;
309  background-color: white;
310  border: thin solid #FF9800;
311  text-align: center;
312  margin-bottom: 24px;
313  padding: 36px 0 24px;
314}
315
316#consideration {
317  background-color: #fff;
318  background: none;
319}
320</style>
321
322
323</head>
324
325<body>
326<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 326-327
326
327<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
327GTM-NHHPVJ8
vendor: 83 bytes, lines 327-328
327"
328height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
329<!-- End Google Tag Manager (noscript) -->
330
331<div class="wrapper clearfix">
332
333	
334
335
336<header>
337  <div class="header-inner clearfix">
338    <a id="header-btn" href="/contact/form/apply.html">
339    <div><i class="fa fa-envelope-o" aria-hidden="true"></i><br><span class="label">お問い合わせ</span></div>
340    </a>
341    <div class="logo"><a href="/"><img src="/images/logo.svg" alt="帳票ツールのCreate!Form" style="width: 270px;"></a></div>
342  
343    <div class="bar">
344      <nav id="cnav" style="float: right;">
345        <a href="/trial-guide/" id="gtm-header-trial"><i class="fa fa-download fa-fw" aria-hidden="true" style="margin-right: 4px; color: #cc0000;"></i>体験・トライアル</a>
346        <a href="/catalog/form/apply.html" id="gtm-header-catalog"><i class="fa fa-file-pdf-o fa-fw" aria-hidden="true" style="margin-right: 4px; color: #cc0000;"></i>資料</a>
347        <a href="/seminar/" id="gtm-header-seminar"><i class="fa fa-play-circle fa-fw" aria-hidden="true" style="margin-right: 4px; color: #cc0000;"></i>動画セミナー</a>
348        <a href="/consultation/form/apply.html" id="gtm-header-consultation"><i class="fa fa-comments-o fa-fw" aria-hidden="true" style="margin-right: 4px; color: #cc0000;"></i>製品説明・技術相談</a>
349        <a href="/cms/mt-estraier.cgi?query=&limit=100&offset=1&blog_id=24&website_id=24"><i class="fa fa-search" style="margin-right: 4px; color: #cc0000;"></i>サイト内検索</a>
350      </nav>
351    </div>
352    <div class="head">
353      <p class="sp-menu"><a href="#"><span class="sp-menu-btn"><span></span><span></span><span></span></span><span class="sp-menu-txt">MENU</span></a></p>
354      <p class="sp-contact"><a href="/contact/form/apply.html"><i class="fa fa-envelope-o" aria-hidden="true" style="font-size: 26px; margin-bottom: 2px;"></i><br>CONTACT</a></p>
355
356      <!--PCメニュー2-->
357      <nav id="gnav2">
358        <ul class="pc-menu">
359        
360          <li>
361            <a href="/about/">
362              <div class="link-text"><span>Create!Formとは</span></div>
363            </a>
364          </li>
365          <li>
366            <a href="/about/cloud.html">
367              <div class="link-text"><span>Create!Form Cloudとは</span></div>
368            </a>
369          </li>
370          <li>
371            <a href="/product/">
372              <div class="link-text"><span>製品情報</span><span style="margin-left: 4px;"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i></span></div>
373            </a>
374            <ul>
375              <li>
376                <a href="/lineup/" class="sub">
377                  <div class="link-text"><span>製品ラインナップ</span></div>
378                </a>
379              </li>
380              <li>
381                <a href="/function/" class="sub">
382                  <div class="link-text"><span>機能一覧</span></div>
383                </a>
384              </li>
385              <li>
386                <a href="/requirement/" class="sub">
387                  <div class="link-text"><span>動作環境</span></div>
388                </a>
389              </li>
390              <li>
391                <a href="/code/" class="sub">
392                  <div class="link-text"><span>サンプルコード</span></div>
393                </a>
394              </li>
395              <li>
396                <a href="/sample/" class="sub">
397                  <div class="link-text"><span>帳票サンプル</span></div>
398                </a>
399              </li>
400            <li>
401                <a href="/history/" class="sub">
402                  <div class="link-text"><span>製品の沿革</span></div>
403                </a>
404              </li>
405            </ul>
406          </li>
407          <li>
408            <a href="/model/">
409              <div class="link-text"><span>適用モデル</span></div>
410            </a>
411          </li>
412          <li>
413            <a href="/case/">
414              <div class="link-text"><span>導入事例</span></div>
415            </a>
416          </li>
417<!--
418        <li>
419            <a href="/download/">
420              <div class="link-text"><span>体験・資料</span><span style="margin-left: 4px;"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i></span></div>
421            </a>
422            <ul>
423             <li>
424                <a href="/trial/form/apply.html" class="sub">
425                  <div class="link-text"><span>体験版ダウンロード</span></div>
426                </a>
427              </li>
428             <li>
429                <a href="/trial-guide/" class="sub">
430                <div class="link-text"><span>体験・トライアル</span></div>
431                </a>
432              </li>
433              <li>
434                <a href="/catalog/form/apply.html" class="sub">
435                  <div class="link-text"><span>資料ダウンロード</span></div>
436                </a>
437              </li>
438             <li>
439                <a href="/demo/" class="sub">
440                  <div class="link-text"><span>帳票出力体験</span></div>
441                </a>
442              </li>
443            </ul>
444          </li>
445 -->
446          <li>
447            <a href="/purchase/">
448              <div class="link-text"><span>購入・価格</span><span style="margin-left: 4px;"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i></span></div>
449            </a>
450            <ul>
451              <li>
452                <a href="/purchase/price.html" class="sub">
453                  <div class="link-text"><span>価格表・お見積もり</span></div>
454                </a>
455              </li>
456              <li>
457                <a href="/partner/alliance.html" class="sub">
458                  <div class="link-text"><span>パートナープログラム</span></div>
459                </a>
460              </li>
461            </ul>
462          </li>
463          <li>
464            <a href="/user/">
465              <div class="link-text"><span>導入・サポート</span><span style="margin-left: 4px;"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i></span></div>
466            </a>
467            <ul>
468              <li>
469                <a href="/user/package.html" class="sub">
470                  <div class="link-text"><span>パッケージ版</span></div>
471                </a>
472              </li>
473              <li>
474                <a href="/user/cloud.html" class="sub">
475                  <div class="link-text"><span>クラウド版</span></div>
476                </a>
477              </li>
478            </ul>
479          </li>
480        </ul>
481      </nav>
482  
483    </div>
484  
485    <div class="nav-wrap">
486      <div>
487        <!--スマホメニュー-->
488        <nav class="sp-gnav">
489          <div class="sp-gnav-inner">
490          
491          <div class="search">
492          <form action="/cms/mt-estraier.cgi" method="get" name="search_estraier" id="sp-gnav-search">
493		  	<input type="text" name="query" value="" id="sp-gnav-hu_search_text" placeholder="サイト内検索">
494			<!--<input type="submit" value="&#xf002;" class="fa fa-search">-->
495			<button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
496			<input type="hidden" name="limit" value="100">
497			<input type="hidden" name="offset" value="1"> <input type="hidden" name="blog_id" value="24">
498			<input type="hidden" name="website_id" value="24">
499		</form>
500          </div>
501            <ul class="sp-gnav-list">
502              <li class="sp-gnav-item no-open"><a href="/about/">Create!Formとは?</a></li>
503             <li class="sp-gnav-item no-open"><a href="/about/cloud.html">Create!Form Cloudとは?</a></li>
504              <li class="sp-gnav-item"><a href="#" class="js-open">製品情報</a>
505                <ul class="sp-sub-list">
506                  <li><a href="/lineup/">製品ラインナップ</a></li>
507                  <li><a href="/function/">機能一覧</a></li>
508                  <li><a href="/requirement/">動作環境</a></li>
509                  <li><a href="/code/">サンプルコード</a></li>
510                  <li><a href="/sample/">帳票サンプル</a></li>
511                <li><a href="/history/">製品の沿革</a></li>
512                </ul>
513              </li>
514              <li class="sp-gnav-item no-open"><a href="/model/">適用モデル</a></li>
515              <li class="sp-gnav-item no-open"><a href="/case/">導入事例</a></li>
516<!--              <li class="sp-gnav-item"><a href="#" class="js-open">体験・資料</a>
517                <ul class="sp-sub-list">
518                  <li><a href="/trial/form/apply.html">体験版ダウンロード</a></li>
519                  <li><a href="/trial-guide/">体験・トライアル</a></li>
520                  <li><a href="/catalog/form/apply.html">資料ダウンロード</a></li>
521                  <li><a href="/demo/">帳票出力体験</a></li>
522                  <li><a href="/sample/">帳票サンプル</a></li>
523                </ul>
524              </li>-->
525              <li class="sp-gnav-item"><a href="#" class="js-open">購入・価格</a>
526                <ul class="sp-sub-list">
527                  <li><a href="/purchase/price.html">価格表・お見積もり</a></li>
528 <!--            <li><a href="/purchase/support.html">保守のご案内</a></li>
529                  <li><a href="/purchase/support-policy.html">販売・サポートサイクル</a></li>-->
530                  <li><a href="/partner/alliance.html">パートナープログラム</a></li>
531                </ul>
532              </li>
533            <li class="sp-gnav-item"><a href="#" class="js-open">導入・サポート</a>
534                <ul class="sp-sub-list">
535                <li><a href="/user/package.html">パッケージ版</a></li>
536                <li><a href="/user/cloud.html">クラウド版</a></li>
537                </ul>
538              </li>
539            <li class="sp-gnav-item other">
540                <ul class="other-list">
541                <li class="trial"><a href="/trial-guide/">体験・トライアル</a></li>
542                  <li class="catalog"><a href="/catalog/form/apply.html">資料ダウンロード</a></li>
543                  <li class="seminar"><a href="/seminar/">動画セミナー</a></li>
544                  <li class="consultation"><a href="/consultation/form/apply.html">製品説明・技術相談</a></li>
545                  <li class="contact"><a href="/contact/form/apply.html">お問い合わせ</a></li>
546                </ul>
547              </li>
548            </ul>
549          </div>
550        </nav>
551        <nav class="gnav">
552          <!--PCメニュー-->
553          <ul class="gnav-list">
554            <li class="gnav-item no-open"><a href="/about/">Create!Formとは</a></li>
555            <li class="gnav-item no-open"><a href="/about/cloud.html">Create!Form Cloudとは</a></li>
556            <li class="gnav-item product"><a href="/product/">製品情報</a></li>
557            <li class="gnav-item no-open"><a href="/model/">適用モデル</a></li>
558            <li class="gnav-item no-open"><a href="/case/">導入事例</a></li>
559            <li class="gnav-item purchase"><a href="/purchase/">購入・価格</a></li>
560            <li class="gnav-item user"><a href="/user/">導入・サポート</a></li>
561          </ul>
562          <div class="gnav-sub">
563            <ul class="gnav-sub-list product" style="top: 120px;">
564              <li><a href="/lineup/">製品ラインナップ</a></li>
565              <li><a href="/function/">機能一覧</a></li>
566              <li><a href="/requirement/">動作環境</a></li>
567              <li><a href="/code/">
567サンプルコード</a></li>
568              <li><a href="/sample/">帳票サンプル</a></li>
569              <li><a href="/history/">製品の沿革</a></li>
570            </ul>
571            <ul class="gnav-sub-list download" style="top: 346px;">
572              <!--<li><a href="/trial/form/apply.html">体験版ダウンロード</a></li>-->
573              <li><a href="/catalog/form/apply.html">資料ダウンロード</a></li>
574              <!--<li><a href="/demo/">帳票出力体験</a></li>-->
575              
576            </ul>
577            <ul class="gnav-sub-list purchase" style="top: 346px;">
578              <li><a href="/purchase/price.html">価格表・お見積もり</a></li>
579              <!--<li><a href="/purchase/support.html">保守のご案内</a></li>
580              <li><a href="/purchase/support-policy.html">販売・サポートサイクル</a></li>-->
581              <li><a href="/partner/alliance.html">パートナープログラム</a></li>
582            </ul>
583            <ul class="gnav-sub-list user" style="top: 408px;">
584              <li><a href="/user/package.html">パッケージ版</a></li>
585              <li><a href="/user/cloud.html">クラウド版</a></li>
586            </ul>
587          </div>
588          <div class="search">
589          <form action="/cms/mt-estraier.cgi" method="get" name="search_estraier" id="gnav-search">
590		  	<input type="text" name="query" value="" id="gnav-hu_search_text" placeholder="サイト内検索">
591			<!--<input type="submit" value="&#xf002;" class="fa fa-search">-->
592			<button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
593			<input type="hidden" name="limit" value="100">
594			<input type="hidden" name="offset" value="1">
595			<input type="hidden" name="blog_id" value="24">
596			<input type="hidden" name="website_id" value="24"> </form>
597          </div>
598        
599        </nav>
600
601        <nav class="gnav-cv">
602          <ul class="gnav-list">
603            <li class="gnav-item other">
604              <ul class="other-list">
605                <li class="trial"><a href="/trial-guide/"><i class="fa fa-download fa-fw" aria-hidden="true"></i>体験・トライアル</a></li>
606                <li class="catalog"><a href="/catalog/form/apply.html"><i class="fa fa-file-pdf-o fa-fw" aria-hidden="true"></i>資料ダウンロード</a></li>
607                <li class="seminar"><a href="/seminar/"><i class="fa fa-play-circle fa-fw" aria-hidden="true"></i>動画セミナー</a></li>
608                <li class="consultation"><a href="/consultation/form/apply.html"><i class="fa fa-comments-o fa-fw" aria-hidden="true"></i>製品説明・技術相談</a></li>
609                <li class="contact"><a href="/contact/form/apply.html"><i class="fa fa-envelope-o fa-fw" aria-hidden="true"></i>お問い合わせ</a></li>
610              </ul>
611            </li>
612          </ul>
613        </nav>
614      </div>
615    </div>
616  </div>
617</header>
618
619<div class="container">
620
621<div class="common"> 
622
623
624
625<nav id="pan">
626<ol>
627<li><a href="/">帳票ツールのCreate!Form</a></li>
628<li>帳票作成ツール Create!Formとは</li>
629</ol>
630</nav>
631
632
633
634</div>
635<div class="about mb32">  
636
637
638<div class="clearfix">
639
640<section>
641  <div class="inner">
642    <h1 class="center">帳票作成ツール
643      <img src="/about/theme/assets/img/logo-cf.svg" alt="帳票作成ツールのCreate!Form" class="img-svg">とは
644    </h1>
645    <p>システム開発の帳票設計において、速く簡単キレイに帳票をデザインし、運用業務の要件に合わせた多彩なフォーマット(PDF出力、HTML(SVG)生成、Excel出力、プリンター印刷)で出力する帳票作成ツールです。</p>
646    <div class="flexbox">
647      <div class="flex-2">
648        <div class="box-features">
649          <p class="box-features-ttl">あらゆる帳票に</p>
650          <div class="box-features-2">
651            <ul>
652              <li>集計、画像やグラフを用いる表現力豊かな帳票</li>
653              <li>オンデマンド印刷やバッチ大量印刷可能な帳票</li>
654              <li>高速処理・軽量出力が可能な帳票</li>
655            </ul>
656          </div>
657        </div>
658      </div>
659      <div class="flex-2">
660        <div class="box-features">
661          <p class="box-features-ttl">さまざまな環境で</p>
662          <div class="box-features-2">
663            <ul>
664              <li>クラウド環境にも対応</li>
665              <li>Windows、Linuxに対応</li>
666              <li>多種多様なプログラム言語をサポート</li>
667            </ul>
668          </div>
669        </div>
670      </div>
671    </div>
672  </div>
673</section>
674<section class="clearfix grey-d">
675  <div class="inner">
676    <h2 class="center">帳票作成ツール 
677      <img src="/about/theme/assets/img/logo-cf.svg" alt="帳票作成ツールのCreate!Form" class="img-svg">の基本機能 
678    </h2>
679    <div class="flexbox">
680      <div class="flex-3 flexbox">
681        <div class="box-func">
682          <p class="box-func-label">1</p>
683          <img src="/about/theme/assets/img/about-func-1.png" alt="帳票をデザインする">
684          <h3>帳票をデザインする</h3>
685          <p>GUI エディタで直感的に簡単に帳票をデザインします。既存の帳票はインポート機能で取り込み可能です。</p>
686        </div>
687      </div>
688      <div style="position: relative; flex: 0 0 2%;">
689        <i class="fa fa-angle-right box-func-arrow" aria-hidden="true"></i>
690      </div>
691      <div class="flex-3 flexbox">
692        <div class="box-func">
693          <p class="box-func-label">2</p>
694          <img src="/about/theme/assets/img/about-func-2.svg" alt="帳票とデータを紐付ける">
695          <h3>帳票とデータを紐付ける</h3>
696          <p>帳票への入力データとして、CSV、XML、Text、データベースが使用できます。帳票とデータはマウス操作で簡単に紐付けできます。</p>
697        </div>
698      </div>
699      <div style="position: relative; flex: 0 0 2%;">
700        <i class="fa fa-angle-right box-func-arrow" aria-hidden="true"></i>
701      </div>
702      <div class="flex-3 flexbox">
703        <div class="box-func">
704          <p class="box-func-label">3</p>
705          <img src="/about/theme/assets/img/about-func-3.svg" alt="様々な形式の帳票へ出力する">
706          <h3 class="centered">様々な形式で出力する</h3>
707          <p>PDF、HTML(SVG)、Excel へ軽量な帳票ファイル出力、各種プリンターによる大量かつ高速な印刷を安定的に維持します。</p>
708        </div>
709      </div>
710    </div>
711  </div>
712</section>
713<section class="clearfix">
714  <div class="inner">
715    <h2 class="center">帳票作成ツール 
716      <img src="/about/theme/assets/img/logo-cf.svg" alt="帳票作成ツールのCreate!Form" class="img-svg">だからできる4つのこと 
717    </h2>
718    <h3 class="center-line">1.かんたん操作で帳票設計の工数を大幅削減</h3>
719    <div class="flexbox">
720      <div class="flex-2">
721        <p>帳票デザインにはコーディングの必要はありません。帳票設計用の GUI エディタではわかりやすくシンプルな操作で簡単に帳票を設計することができます</p>
722        <p>PDF、Excel、Word で作られた既存帳票もインポート機能で、簡単に取り込むことができ、帳票上の変数部分とデータを自動で関連付けられる自動マッピング機能も備えています。 帳票設計書の作成など帳票設計の工数を削減するための支援機能も充実しています。</p>
723        <p>
724          <a class="p02" href="/function/form-import.html">既存帳票からのフォーム取り込み</a>
725          <br>
726          <a class="p02" href="/function/specification.html">帳票仕様書(設計書)自動出力</a>
727        </p>
728      </div>
729      <div class="flex-2 center">
730        <img alt="form.gif" src="/about/theme/assets/img/form.gif" width="1768" height="1192">
731      </div>
732    </div>
733    <p></p>
734    <h3 class="center-line">2.表現力豊かな帳票を、見たままデザイン</h3>
735    <div class="flexbox">
736      <div class="col-lg-12">
737        <p>グラフやチャート、バーコード、画像、明細表や集計表もマウス操作のドラッグ&amp;ドロップでレイアウトし、プロパティを設定するだけで目的の帳票をイメージどおりにデザインできます。 
738          <br>複合帳票などの複雑な帳票、0.01mm単位の緻密な位置合わせ、集計、演算、加工、編集も自由自在です。 
739          <br>豊富な帳票サンプルもご用意しています。 
740        </p>
741      </div>
742      <!--スライダーの記述-->
743      <div class="col-lg-12 mt2 subarea">
744        <ul class="slider">
745          <li class="center">
746            <img src="/about/theme/assets/img/about-sample-03.png" alt="リスト帳票">通話明細票(リスト帳票) 
747          </li>
748          <li class="center">
749            <img src="/about/theme/assets/img/about-sample-04.png" alt="複合帳票">お取引総合レポート(複合帳票) 
750          </li>
751          <li class="center">
752            <img src="/about/theme/assets/img/about-sample-05.png" alt="グラフ・チャート・図形を含む帳票">検査報告書(グラフ・チャート・図形) 
753          </li>
754          <li class="center">
755            <img src="/about/theme/assets/img/about-sample-02.png" alt="繰り返し帳票">取引先別見積明細票(繰り返し帳票) 
756          </li>
757          <li class="center">
758            <img src="/about/theme/assets/img/about-sample-01.png" alt="日付別見積集計票">日付別見積集計票 
759          </li>
760          <li class="center">
761            <img src="/about/theme/assets/img/about-sample-06.png" alt="透かし文字埋め込み帳票">透かし文字埋め込み帳票 
762          </li>
763          <li class="center">
764            <img src="/about/theme/assets/img/about-sample-07.png" alt="バーコード・QRコードを含む帳票">振込・ハガキ(バーコード・QRコード) 
765          </li>
766        </ul>
767      </div>
768      <!--スライダーの記述ここまで-->
769      <div class="center mb32" style="margin-top:30px;">
770        <a href="/sample/" class="btn btn-top-about btn-forward">帳票サンプル一覧はこちら</a>
771      </div>
772    </div>
773    <p></p>
774    <h3 class="center-line">3.システムに組み込みやすい</h3>
775    <div class="flexbox">
776      <div class="flex-2">
777        <h4 class="text-left ttl-dsgn">クラウドなど幅広いシステム環境に対応</h4>
778        <p>オンプレだけでなく AWS や Microsoft Azure などのIaaS環境でもご利用いただけます。対応 OS は Windows や各種 Linux に対å¿
778œã—ています。</p>
779        <p>
780          <a class="p02" href="/requirement/">動作環境</a>
781        </p>
782      </div>
783      <div class="flex-2 center">
784        <img src="/about/theme/assets/img/about-os_01.png" alt="帳票作成ツールCreate!Formはシステムへの組み込み実績も豊富" width="317">
785      </div>
786    </div>
787    <div class="flexbox" style="margin-top:50px !important;">
788      <div class="flex-2">
789        <h4 class="text-left ttl-dsgn">開発言語を幅広くサポート</h4>
790        <p>Java、C++、C#、VB.NET、Delphiなどの言語からPerl、Python、PHP、Rubyなどのスクリプト言語まで、多種多様なプログラム言語から呼び出され使用されています。</p>
791        <p>
792          <a class="p02" href="/code/">サンプルコード</a>
793        </p>
794      </div>
795      <div class="flex-2 center">
796        <img src="/about/theme/assets/img/about-language1.png" alt="帳票作成ツールCreate!Formは開発言語も幅広くサポート">
797      </div>
798    </div>
799    <h4 class="text-left ttl-dsgn" style="margin-top:50px !important;">OEMや組み込み部品として利用</h4>
800    <p>お客様の製品、サービスの一部にCreate!Formを組み込むことが可能です。 
801      <br>開発コストの削減や帳票出力周りのメンテナンス性の向上などが期待できます。 
802    </p>
803    <p>
804      <a class="p02" href="/model/oem.html">OEMをご検討中の方へ</a>
805    </p>
806    <p></p>
807    <h4 class="text-left ttl-dsgn" style="margin-top:50px !important;">帳票出力基盤をクラウド化したサービス「Create!Form Cloud」</h4>
808    <p>サンプルコードの自動生成機能により、クラウドサービスやオンプレミス環境の業務システムと、かんたんに API 連携できます。運用環境に応じた柔軟な出力構成を実現します。 
809    </p>
810    <p>
811      <a class="p02" href="/about/cloud.html">Create!Form Cloudの詳細はこちら</a>
812    </p>
813    <p></p>
814    <h3 class="center-line">4.帳票の高速大量印刷、軽量ファイル出力</h3>
815    <h4 class="text-left ttl-dsgn">様々な出力要件に対応</h4>
816    <p>帳票印刷システムのオープン化からWebシステムでのPDF帳票生成、HTML生成、Excel出力、Webクライアントでの印刷ソリューションなど、様々な用途・環境における利用実績があります。</p>
817    <div class="flexbox">
818      <div class="flex-2">
819        <ul>
820          <li>
821            <a class="p02" href="/model/pdf.html">大量PDF出力</a>
822          </li>
823          <li>
824            <a class="p02" href="/model/html.html">HTML入力フォームの生成</a>
825          </li>
826          <li>
827            <a class="p02" href="/model/excel.html">二次加工できるExcelのバッチ出力</a>
828          </li>
829        </ul>
830      </div>
831      <div class="flex-2">
832        <ul>
833          <li>
834            <a class="p02" href="/model/print.html">汎用プリンターでの印刷</a>
835          </li>
836          <li>
837            <a class="p02" href="/model/pdf-fax-asp.html">帳票のFAX送信</a>
838          </li>
839          <li>
840            <a class="p02" href="/model/pdf-delivery.html">PDF帳票のメール配信</a>
841          </li>
842        </ul>
843      </div>
844    </div>
845    <p></p>
846    <h4 class="text-left ttl-dsgn" style="margin-top:50px !important;">高速で安定的なパフォーマンス</h4>
847    <p>大量のファイル出力や、あらゆるプリンターへの印刷でも高速で安定的な帳票出力処理を実行します。 
848      <br>ファイル出力では、出力したファイルが高精細かつ軽量であることが特長です。 
849      <br>バッチ処理による印刷では、一日に数万ページの出力を求められる大量印刷業務においても高速で安定的なパフォーマンスを維持します。 
850    </p>
851    <p>お客様からはこんなお声をいただいています。</p>
852    <div style="background:#F2EDEB; padding:25px; border-radius:10px;">
853      <div class="flexbox" style="margin-bottom:20px;flex-direction: row;align-items: center;">
854        <div style="width:5%;">
855          <img alt="about-icon" src="/about/theme/assets/img/about-icon.png" style="width:45px;min-width:30px;">
856        </div>
857        <div style="width:95%;">
858          <div class="arrow_box" style="margin-left: 2em;">以前は 10 時間以上かけて行っていた約 2 万枚の印刷、約 3 万件の PDF 出力が 6 時間で完了するようになりました。 </div>
859        </div>
860      </div>
861      <div class="flexbox" style="flex-direction: row;align-items: center;">
862        <div style="width:5%;">
863          <img alt="about-icon" src="/about/theme/assets/img/about-icon.png" style="width:45px;min-width:30px;">
864        </div>
865        <div style="width:95%;">
866          <div class="arrow_box" style="margin-left: 2em;">従来は 1,000 枚を出力するのに 1 時間かかっていたものが 5 分程度、10 分の 1 以下で終わるようになりました。 </div>
867        </div>
868      </div>
869    </div>
870    <div class="center mb32" style="margin-top:30px; ">
871      <a href="/case/" class="btn btn-top-about btn-forward">詳しい事例記事はこちら</a>
872    </div>
873  </div>
874</section>
875<section class="clearfix grey-d mb32">
876  <div class="inner">
877    <h2 class="center">帳票作成ツール 
878      <img src="/about/theme/assets/img/logo-cf.svg" alt="帳票作成ツールのCreate!Form" class="img-svg">の拡張 
879    </h2>
880    <p>システムソリューション製品を組み合わせることで、お客様の要望に応じた帳票出力環境を構築することができます。</p>
881    <div class="flexbox">
882      <div class="flex-3">
883        <div class="link-box">
884          <h3>分散環境での帳票出力</h3>
885          <img src="/about/theme/assets/img/about-ext-1.svg" alt="分散環境での帳票出力">
886          <p>サーバー分散環境での帳票出力を実現するサーバー間連携ソリューション製品です。</p>
887          <div class="center mb32">
888            <a href="/lineup/remoteobject/" class="btn btn-top btn-forward">詳しくはこちら</a>
889          </div>
890        </div>
891      </div>
892      <div class="flex-3">
893        <div class="link-box">
894          <h3>ノンプログラミング帳票出力</h3>
895          <img src="/about/theme/assets/img/about-ext-2.svg" alt="ノンプラミング帳票出力システム">
896          <p>監視フォルダーによるジョブの自動実行が行えるシステムソリューション製品です。</p>
897          <div class="center mb32">
898            <a href="/lineup/magicfolder/" class="btn btn-top btn-forward">詳しくはこちら</a>
899          </div>
900        </div>
901      </div>
902      <div class="flex-3">
903        <div class="link-box">
904          <h3>ノンプログラミング帳票出力・運用・管理</h3>
905          <img src="/about/theme/assets/img/about-ext-3.svg" alt="ノンプログラミング帳票出力・運用・管理システム">
906          <p>監視フォルダーによる帳票出力ジョブの運用・管理ソリューション製品です。</p>
907          <div class="center mb32">
908            <a href="/lineup/magicfolderplus/" class="btn btn-top btn-forward">詳しくはこちら</a>
909          </div>
910        </div>
911      </div>
912    </div>
913  </div>
914</section>
915
916
917<section class="clearfix grey-d">
918  <div class="inner">
919    <h2 class="center" style="margin-bottom:10px;">よくあるご質問</h2>
920    <div class="bg-dx15">
921      <div class="faq_contents w">
922
923        <article>
924          <h3 class="q bold acc_head">
925            <span class="ico ff_roboto">Q.</span>Create!Form(クリエイトフォーム)とはどのような製品ですか?</h3>
926          <div class="a">
927            <div>
928              <span class="ico ff_roboto">A.</span>
929              <p>Create!Formは、業務で使用する帳票(請求書・明細書・申請書・各種通知文など)を、最小工数で設計・生成できる帳票作成ツールです。<br>直感的なレイアウト設計と高速・軽量な出力エンジンを備えており、社内ドキュメントから顧客向け帳票まで幅広く対応します。</p>
930            </div>
931          </div>
932          <!-- /.a -->
933        </article>
934
935        <article>
936          <h3 class="q bold acc_head">
937            <span class="ico ff_roboto">Q.</span>プログラミングの知識がなくても帳票を設計できますか?</h3>
938          <div class="a">
939            <div>
940              <span class="ico ff_roboto">A.</span>
941              <p>はい、可能です。GUIエディタで「見たまま」設計でき、ドラッグ&ドロップ中心の操作だけで帳票を作成できます。<br>既存のPDF・Word・Excelをインポートしてレイアウトのベースとして使えるため、初期設計の工数を大きく削減できます。</p>
942            </div>
943          </div>
944          <!-- /.a -->
945        </article>
946
947        <article>
948          <h3 class="q bold acc_head">
949            <span class="ico ff_roboto">Q.</span>グラフやバーコードなど、複雑な帳票にも対応していますか?</h3>
950          <div class="a">
951            <div>
952              <span class="ico ff_roboto">A.</span>
953              <p>はい、対応しています。円グラフや棒グラフなどのチャート類、QRコードや各種バーコード、画像の埋め込みなど、表現力豊かな帳票を簡単に作成できます。明細行が可変する帳票や、精密な位置合わせが必要な公的書類など、あらゆるフォーマットに対応可能です。</p>
954            </div>
955          </div>
956          <!-- /.a -->
957        </article>
958
959        <article>
960          <h3 class="q bold acc_head">
961            <span class="ico ff_roboto">Q.</span>Create!Formでどのような出力形式を作成できますか?</h3>
962          <div class="a">
963            <div>
964              <span class="ico ff_roboto">A.</span>
965              <p>PDF、Excel、HTML(SVG)、プリンター印刷といった、業務でよく使われる主要な帳票形式に幅広く対応ã
965—ています。</p>
966            </div>
967          </div>
968          <!-- /.a -->
969        </article>
970
971        <article>
972          <h3 class="q bold acc_head">
973            <span class="ico ff_roboto">Q.</span>大量出力や高速印刷の要件にも対応できますか?</h3>
974          <div class="a">
975            <div>
976              <span class="ico ff_roboto">A.</span>
977              <p>はい。1日に数万〜数百万ページに及ぶ大規模なバッチ出力や、基幹業務での高速印刷において多数の実績があります。生成されるファイルサイズも軽量でネットワーク負荷が低いため、安定したシステム運用を実現します。</p>
978            </div>
979          </div>
980          <!-- /.a -->
981        </article>
982
983        <article>
984          <h3 class="q bold acc_head">
985            <span class="ico ff_roboto">Q.</span>どのような環境やシステムで利用できますか?</h3>
986          <div class="a">
987            <div>
988              <span class="ico ff_roboto">A.</span>
989              <p>WindowsやLinuxなどのオンプレミス環境はもちろん、AWSやMicrosoft Azureなどのクラウド環境、コンテナ環境でも利用可能です。 また、Java、C#、Python、PHP、Rubyなど多種多様なプログラム言語から呼び出しが可能で、お客様のシステム環境を選ばず柔軟に組み込むことができます。</p>
990              <p>さらに、新たにリリースされた Create!Form Cloud を帳票出力環境として選択することもできます。<br>
991アプリケーションから WebAPI を通じて帳票出力を実行できるため、従来のランタイムを組み込む方式と併せて、用途に応じた構成を選択できます。<br>
992<a href="/about/cloud.html" class="p02">Create!Form Cloudとは?</a></p>
993            </div>
994          </div>
995          <!-- /.a -->
996        </article>
997
998        <article>
999          <h3 class="q bold acc_head">
1000            <span class="ico ff_roboto">Q.</span>導入前に試すことはできますか?</h3>
1001          <div class="a">
1002            <div>
1003              <span class="ico ff_roboto">A.</span>
1004              <p>はい。30日間の無料体験版をご用意しています。<br>
1005              <a href="http://createform.jp/tria-guidel/" class="p02">帳票設計開発ツール Create!Form Design - 動作環境・仕様</a></p>
1006              <p>また、資料ダウンロード、導入事例、動画セミナーも公開しており、検討時に必要な情報を一通り確認できます。</p>
1007            </div>
1008          </div>
1009          <!-- /.a -->
1010        </article>
1011
1012      </div>
1013      <!-- /.faq_contents -->
1014    </div>
1015  </div>
1016</section>
1017
1018
1019
1020
1021</div><!--inner-->
1022</div><!--common-->
1023
1024
1025
1026
1027
1028<section id="consideration" class="bg-gray-dot">
1029    <h2 style="display:none;">ダウンロード</h2>
1030
1031    <div class="flexbox inner" style="justify-content: space-between;">
1032
1033        <div class="flex-2 bg-trial mb32">
1034        <a class="center" style="display:block; width:100%" href="/trial/form/apply.html" id="gtm-cv-link-trial">
1035        <p class="btn btn-cv"><i class="fa fa-download fa-fw" aria-hidden="true" style="margin-right:6px;"></i>体験・トライアル</p>
1036        <div class="text">Create!Formの出力体験や<br>1ヶ月間無料の試用はこちら</div>
1037        </a>
1038        </div>
1039    
1040        <div class="flex-2 bg-demo mb32">
1041        <a class="center" style="display:block; width:100%" href="/catalog/form/apply.html" id="gtm-cv-link-catalog">
1042        <p class="btn btn-cv"><i class="fa fa-file-pdf-o fa-fw" aria-hidden="true" style="margin-right:6px;"></i>資料ダウンロード</p>
1043        <div class="text">Create!Formのカタログや<br>リーフレット、価格表はこちら</div>
1044        </a>
1045       	</div>
1046
1047     </div>
1048</section>
1049
1050
1051<footer>
1052<nav id="contact" class="section center" style="background-color: #FFF3E0;">
1053    <div class="flexbox inner" style="justify-content: space-between;">
1054        <div class="flex-2 flexbox">
1055            <h4 class="section-pickup center" style="width:100%;">お電話でのお問い合わせ</h4>
1056            <div class="section-contact center">03-3348-0373</div>
1057        </div>
1058        <div class="flex-2 flexbox">
1059            <h4 class="section-pickup center" style="width:100%;">
1059Webでのお問い合わせ</h4>
1060            <div class="section-contact center"><a href="/contact/form/apply.html" style="text-decoration: none;" id="gtm-footer-btn"><div class="btn section-button-form center">お問い合わせフォームはこちら</div></a></div>
1061        </div>
1062    </div>
1063</nav>
1064
1065<nav id="sitemap" class="bg-gray2">
1066<ul class="flexbox full">
1067	<li class="">
1068		<ul class="column">
1069        	<li><a href="/about/">Create!Formとは</a></li>
1070        	<li><a href="/about/cloud.html">Create!Form Cloudとは</a></li>
1071			<li>製品情報
1072				<ul class="nest">
1073                	<li><a href="/lineup/">製品ラインナップ</a></li>
1074                	<li><a href="/function/">機能一覧</a></li>
1075    				<li><a href="/requirement/">動作環境</a></li>
1076                	<li><a href="/code/" id="gtm-footer-code">サンプルコード</a></li>
1077			        <li><a href="/sample/">帳票サンプル</a></li>
1078			        <li><a href="/history/">製品の沿革</a></li>
1079        		</ul>
1080            </li>
1081            <li><a href="/model/">適用モデル</a></li>
1082            <li><a href="/case/">導入事例</a></li>
1083		</ul>
1084    </li>
1085	<li class="">
1086		<ul class="column">
1087			<li>体験・トライアル
1088				<ul class="nest">
1089                <li><a href="/trial/form/apply.html" id="gtm-footer-trial">体験版ダウンロード</a></li>
1090                <li><a href="/trial-cloud/form/apply.html" id="gtm-footer-trial-cloud">トライアル申し込み</a></li>
1091                <li><a href="/demo/" id="gtm-footer-demo">帳票出力体験</a></li>
1092				</ul>
1093            </li>     
1094            <li><a href="/catalog/">資料ダウンロード</a></li>
1095            <li><a href="/seminar/" id="gtm-footer-seminar">動画セミナー</a></li>
1096			<li><a href="/consultation/form/apply.html" id="gtm-footer-consultation">製品説明・技術相談</a></li>
1097			<li>購入・価格
1098				<ul class="nest">
1099    				<li><a href="/purchase/price.html">価格表・お見積もり</a></li>
1100                	<li><a href="/partner/alliance.html">パートナープログラム</a></li>
1101				</ul>
1102            </li>
1103		</ul>
1104	</li>
1105	<li class="">
1106		<ul class="column">
1107            <li>導入・サポート(パッケージ版)
1108				<ul class="nest">
1109    				<li><a href="https://support.createform.jp/" target="_blank">ユーザーサポートサイト</a></li>
1110    				<li><a href="/passwordcenter/" target="_blank">パスワードセンター</a></li>
1111    				<li><a href="/user/support.html">保守のご案内</a></li>
1112    				<li><a href="/user/support-policy.html">販売・サポートサイクル</a></li>
1113    				<li><a href="/user/activation.html" target="_blank">オンライン納品について</a></li>
1114    				<li><a href="/topic/20210705.html" target="_blank">請求書の電子化について</a></li>
1115				</ul>
1116            </li>
1117            <li>導入・サポート(クラウド版)
1118				<ul class="nest">
1119    				<li><a href="https://docs.createform-cloud.jp/" target="_blank">ユーザーマニュアル</a></li>
1120                <li><a href="https://support.createform.jp/news/" target="_blank">メンテナンス情報</a></li>
1121    				<li><a href="/user/support-cloud.html">サポート窓口</a></li>
1122				</ul>
1123            </li>
1124            <li><a href="/agreement/">契約・規約条項</a></li>
1125    	</ul>
1126	</li>
1127 	<li class="">
1128		<ul class="column">
1129			<li><a href="/knowledge/document-form.html" id="gtm-footer-knowledge">帳票の基礎知識</a></li>
1130        	<li><a href="https://www.iftc.co.jp/" target="_blank">会社情報</a>
1131            	<ul class="nest">
1132                <li><a href="/access/">アクセス</a></li>
1133            	</ul>
1134        	</li>
1135            <li><a href="/topic/">お知らせ</a></li>
1136            <li><a href="/contact/form/apply.html" id="gtm-footer-contact">お問い合わせ</a></li>
1137        	<li>関連製品
1138				<ul class="nest">
1139			        <li><a href="https://www.createwebflow.jp/" target="_blank" rel="noopener noreferrer">Create!Webフロー</a></li>
1140			        <li><a href="https://createjobstation.jp/" target="_blank" rel="noopener noreferrer">Create!JobStation</a></li>
1141				</ul>
1142            </li>
1143		</ul>
1144    </li>
1145</ul>
1146</nav>
1147
1148<nav id="pc-footer" class="footer-bottom bg-gray3 for-pc">
1149<div class="full">
1150<a href="https://www.iftc.co.jp/" target="_blank"><img class="logo-infotec" src="/images/iftc_logo.png" alt="インフォテック株式会社" style="height: 65px; margin: 10px 40px 0 0;"></a>
1151<a href="https://www.iftc.co.jp/company/sustainability/qms/" target="_blank" rel="noopener"><img class="seal-isms" src="/images/iftc-qms-ukas.png" alt="QMS" style="height:67px;"></a>
1152<a href="https://www.iftc.co.jp/company/sustainability/qms/" target="_blank" rel="noopener"><img class="seal-isms" src="/images/iftc-qms.webp" alt="QMS" style="height:67px;"></a>
1153<a href="https://www.iftc.co.jp/company/sustainability/security/" target="_blank" rel="noopener"><img class="seal-isms" src="/images/iftc-isms.png" alt="ISMS" style="height:67px;"></a>
1154<!--<div style="float: right; margin-left: 10px;">
1154<script language="JavaScript" TYPE="text/javascript" src="https://trusted-web-seal.cybertrust.ne.jp/seal/getScript?host_name=www.createform.jp&type=31"></script>
1154</div>-->
1155<div style="float:left;">
1156<a href="/policy/site-policy.html">サイトポリシー</a>
1157<div class="copyright">© Infotec Inc.</div>
1158</div>
1159</div>
1160
1161</nav>
1162<nav id="sp-footer" class="footer-bottom bg-gray3 for-sp" style="height:280px;">
1163<div class="full">
1164<p><img style="width: 220px; display:block; margin:0 auto;" src="/images/iftc_logo.png" alt="インフォテック株式会社"></p>
1165</div>
1166<div class="full corp_copyright" style="font-size:70%; margin: 30px auto;width: 220px;display: block;">
1167<a href="/policy/site-policy.html">サイトポリシー</a>
1168<div style="margin-bottom: 10px; margin-top: 4px;">
1169<span>関連製品</span>
1170<ul style="margin-left:10px;">
1171			        <li><a href="https://www.createwebflow.jp/" target="_blank" rel="noopener noreferrer">Create!Webフロー</a></li>
1172			        <li><a href="https://createjobstation.jp/" target="_blank" rel="noopener noreferrer">Create!JobStation</a></li>
1173				</ul>
1174</div>
1175
1176
1177<div style="display:flex;">
1178<a href="https://www.iftc.co.jp/company/sustainability/qms/" target="_blank" rel="noopener"><img class="seal-isms" src="/images/iftc-qms-ukas.png" alt="qms" style="height:45px;"></a>
1179<a href="https://www.iftc.co.jp/company/sustainability/qms/" target="_blank" rel="noopener"><img class="seal-isms" src="/images/iftc-qms.png" alt="QMS" style="height:45px;"></a>
1180<a href="https://www.iftc.co.jp/company/sustainability/security/" target="_blank" rel="noopener"><img class="seal-isms" src="/images/iftc-isms.png" alt="ISMS" style="height:45px; margin-right:8px;"></a>
1181
1182</div>
1183
1184<div> © Infotec Inc.</div>
1185</div>
1186
1187</nav>
1188
1189<div class="side-links flexbox">
1190  <a href="/trial-guide/" class="flexbox" id="gtm-side-trial">
1191    <div style="text-align: center; width: 100%;"><i class="fa fa-download fa-fw" aria-hidden="true" style="font-size: 2em"></i><br><br>体験<br>トライアル</div>
1192  </a>
1193  <a href="/seminar/" class="flexbox" id="gtm-side-seminar">
1194    <div style="text-align: center; width: 100%;"><i class="fa fa-play-circle fa-fw" aria-hidden="true" style="font-size: 2em"></i><br><br>動画<br>セミナー</div>
1195  </a>
1196</div>
1197
1198<p id="page-top"><a href="#"><i class="fa fa-chevron-up"></i></a></p>
1199
1200</footer>
1201
1202</div><!--container-->
1203</div><!--wrapper-->
1204
1205<script src="/js/common.js?var=20251201"></script>
1205
1206
1207<!-- ヘッダー縮小表示-->
1208<script>
1209$(function() {
1210  var $win = $(window),
1211      $cloneNav = $('header').clone().addClass('clone-nav').appendTo('body'),
1212      showClass = 'is-show';
1213
1214  $win.on('load scroll', function() {
1215    var value = $(this).scrollTop();
1216    if ( value > 60 ) {
1217      $cloneNav.addClass(showClass);
1218    } else {
1219      $cloneNav.removeClass(showClass);
1220    }
1221  });
1222});
1223</script>
1223
1224
1225<script src="/about/theme/assets/slick/slick.min.js"></script>
vendor: 1 bytes, line 1225
1225
1226<script>
1227//カルーセルスライダー表示
1228$(function() {
1229    $('.slider').slick({
1230		infinite: true,
1231		speed: 300, // 切り替わりのスピード
1232		centerMode: true, //センターモード
1233		centerPadding: '20px', //前後のパディング
1234		swipe: true,// タッチスワイプに対応
1235		arrows: true,// 左右の次へ、前へボタンを表示するかどうか
1236		prevArrow: '<div class="slick-arrow slick-prev fa fa-angle-left"></div>', // 前ボタンの要素を変更 [初期値:'<button type="button" class="slick-prev">Previous</button>']
1237		nextArrow: '<div class="slick-arrow slick-next fa fa-angle-right"></div>', // 次ボタンの要素を変更 [初期値:'<button type="button" class="slick-next">Next</button>']
1238		variableWidth: true
1239	}); 
1240});
1241</script>
1241
1242
1243
1244</body>
1245</html>
1246

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.