PageSourceSearch

https://www.art-kobe.ac.jp/about/index.php

html art-kobe.ac.jp collected 2026-10-02 18:09:21 UTC 21,484 bytes, 590 lines download raw bytes

1<!DOCTYPE html>
2
3
4<html lang="ja">
5<head>
6		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7	<meta http-equiv="X-UA-Compatible" content="IE=edge">
8	<meta name="viewport" content="width=device-width,user-scalable=yes">
9	<title>
10		
11			
12				アートカレッジ神戸って? | 専門学校アートカレッジ神戸
13			
14		
15
16	</title>
17	<meta name="keywords" content="専門学校アートカレッジ神戸">
18	<meta name="description" content="">
19	<!-- <meta property="og:type" content="website">
20	<meta property="og:site_name" content="専門学校アートカレッジ神戸">
21	<meta property="og:title" content="専門学校アートカレッジ神戸">
22	<meta property="og:url" content="https://www.kap.ac.jp/">
23	<meta property="og:description" content="">
24	<meta property="og:image" content="https://www.kap.ac.jp/images/common/logo.jpg"> -->
25	<link href="../css/style.min.css" rel="stylesheet" type="text/css" />
26	<link href="../css/cms.min.css" rel="stylesheet" type="text/css" />
27	<link href="../css/modaal.min.css" rel="stylesheet" type="text/css" />
28	<link href="../css/about.min.css" rel="stylesheet" type="text/css" />
29	
29<script src="../js/jquery-3.3.1.min.js" type="text/javascript"></script>
29
30	
30<script src="../js/modaal.min.js" type="text/javascript"></script>
30
31	
32	<link rel="icon" href="../favicon.ico" sizes="any">
33
34
35
36
37
38
39
40
41
42
43	<!--〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
44共通javascript項目
45〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓-->
46<script>
47
48	$(function(){
49		$(".mainnavi-wrap > li > .mainnavi-title").on("click", function() {
50			$(this).parent().toggleClass("is-show");
51		});
52	});
53	$(window).on('load resize', function(){
54		if (window.matchMedia( "(min-width: 768px)" ).matches) {
55			$(".mainnavi-wrap > li > .mainnavi-title").on("click", function() {
56				$('.mainnavi-wrap > li > .mainnavi-title').not(this).parent().removeClass("is-show");
57			});
58		}
59	});
60	// $(function(){
61	// 	$('.mainnavi-title').on('click',function(){
62	// 		$('.sub-navi').toggleClass('click-none');
63	// 	});
64	// });
65	// $(function(){
66	// 	$(".footer-menu-title").on("click", function() {
67	// 		$(this).next('.footer-menu-list').slideToggle('slow');
68	// 	});
69	// });
70
71	$(function(){
72		$(".menu-trigger").on("click", function() {
73			$('.mainnavi-wrap').toggleClass("is-show");
74			$(this).toggleClass("is-show");
75			$('body').toggleClass("menu-active");
76			$('.header').toggleClass("menu-active");
77		});
78	});
79
80	$(function(){
81		$(".section-title").on("click", function() {
82			if ($(this).hasClass("active")) {
83				$(this).removeClass("active");
84				$(this).next('.menu-list').removeClass("active");
85			} else {
86				$('.menu-list').removeClass("active");
87				$('.section-title').removeClass("active");
88				$(this).addClass("active");
89				$(this).next('.menu-list').addClass("active");
90			}
91		});
92	});
93
94	$(window).on('load scroll resize', function(){
95		var scroll = $(window).scrollTop();
96		var windowHeight = $(window).height();
97		// $('.trigger').each(function(){
98		// 	var imgPos = $(this).offset().top;
99		// 	if (scroll > imgPos - windowHeight + windowHeight / 2){
100		// 		$(this).addClass('is-show');
101		// 	}else {
102		// 		$(this).removeClass('is-show');
103		// 	}
104		// });
105		// $('.trigger_once').each(function(){
106		// 	var imgPos = $(this).offset().top;
107		// 	if (scroll > imgPos - windowHeight + windowHeight / 3){
108		// 		$(this).addClass('is-show');
109		// 	}
110		// });
111		$('.header').each(function(){
112			var imgPos = $(this).offset().top;
113			if (scroll > 5){
114				$(this).addClass('header-short');
115			}else {
116				$(this).removeClass('header-short');
117			}
118		});
119	});
120</script>
120
121
122
123<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 123-124
123
124<script async src="https://www.googletagmanager.com/gtag/js?id=
124UA-60395771-1
vendor: 12 bytes, line 124
124"></script>
125<script>
126  
vendor: 134 bytes, lines 126-130
126window.dataLayer = window.dataLayer || [];
127  function gtag(){dataLayer.push(arguments);}
128  gtag('js', new Date());
129
130  gtag('config', '
130UA-60395771-1
vendor: 4 bytes, line 130
130');
131</script>
131
132
133
134
135
136
137	<link href="../css/slick-theme.css" rel="stylesheet" type="text/css">
138	<link href="../css/slick.css" rel="stylesheet" type="text/css">
139	
139<script src="../js/slick.min.js" type="text/javascript"></script>
139
140
141</head>
142
143
144<body class="about index ">
145	
146<header>
147	<div class="header">
148		<h1>
149			<a href="../index.php" class="college-logo">
150				専門学校アートカレッジ神戸
151			</a>
152		</h1>
153		
154		<ul class="mainnavi-wrap">
155			<li class="sns-link">
156				<a href="https://twitter.com/art_ACK" target="_blank"><img src="../images/common/icon-img06-blk.png"></a>
157				<a href="https://www.instagram.com/artcollegekobe/" target="_blank"><img src="../images/common/icon-img07-blk.png"></a>
158				<a href="https://www.facebook.com/artcollegekobe/" target="_blank"><img src="../images/common/icon-img05-blk.png"></a>
159			</li>
160			<li>
161				<a class="mainnavi-title" href="#">ABOUT</a>
162				<div class="sub-navi">
163					<h3 class="navi-title">ABOUT</h3>
164					<ul class="sub-navi-wrap">
165						<li><a href="../about/index.php">アートカレッジって?</a></li>
166						<li><a href="../about/course.php">学科紹介</a></li>
167					</ul>
168					<ul class="sub-navi-wrap">
169						<li><a href="../about/dx-business.php">DXビジネス学科</a></li>
170						<li><a href="../about/illustration.php">イラストデザイン学科</a></li>
171						<li><a href="../about/e-sports.php">eスポーツ学科</a></li>
172						<li><a href="../about/correspondence.php">通信制学科</a></li>
173						<li><a href="../about/international.php">国際コミュニケーション学科</a></li>
174						<li><a href="../about/sightseeing.php">観光学科</a></li>
175					</ul>
176					<ul class="sub-navi-wrap simple-list">
177						<li><a href="../about/design-c.php">・イラストデザインコース</a></li>
178						<li><a href="../about/management-c.php">・ビジネスマネジメントコース</a></li>
179						<li><a href="../about/hospitalityt-c.php">・ホスピタリティマネジメントコース</a></li>
180						<li><a href="../about/esports-c.php">・eスポーツコース</a></li>
181						<li><a href="../about/cjart-c.php">・CJアートコース</a></li>
182						<li><a href="../about/airline-c.php">・エアラインコース</a></li>
183						<li><a href="../about/dxbusiness-c.php">・DXビジネスコース</a></li>
184					</ul>
185				</div>
186			</li>
187			<li>
188				<a class="mainnavi-title" href="#">COLLEGE LIFE</a>
189				<div class="sub-navi">
190					<h3 class="navi-title">COLLEGE LIFE</h3>
191					<ul class="sub-navi-wrap">
192						<li><a href="../collegelife/facilities.html">施設紹介</a></li>
193						<li><a href="../collegelife/admission.html">入学案内</a></li>
194						<li><a href="../collegelife/careersupport.html">キャリアサポート</a></li>
195					</ul>
196					<ul class="sub-navi-wrap">
197						<li><a href="../collegelife/teachers.html">教員紹介</a></li>
198						<li><a href="../collegelife/employment.html">就職について</a></li>
199					</ul>
200				</div>
201			</li>
202			<li>
203				<a class="mainnavi-title" href="#">ADMISSION</a>
204				<div class="sub-navi">
205					<h3 class="navi-title">ADMISSION</h3>
206					<ul class="sub-navi-wrap">
207						<li><a href="../ack-info/contact">お問い合わせ</a></li>
208						<li><a href="../ack-info/request_siryou">資料請求</a></li>
209						<li><a href="../ack-info/request_siryou_exchange">資料請求(留学生向け)</a></li>
210					</ul>
211					<ul class="sub-navi-wrap">
212						<li><a href="../admission/event.php">イベント</a></li>
213					</ul>
214					<ul class="sub-navi-wrap">
215						<li><a href="../admission/opencollege.php">オープンカレッジ</a></li>
216						<li><a href="../admission/opencampus.php">留学生向け オープンキャンパス</a></li>
217					</ul>
218				</div>
219			</li>
220			<li>
221				<a class="mainnavi-title" href="#">INFORMATION</a>
222				<div class="sub-navi">
223					<h3 class="navi-title">INFORMATION</h3>
224					<ul class="sub-navi-wrap">
225						<li><a href="../information/access.html">アクセス</a></li>
226						<li><a href="../information/faq.html">よくある質問</a></li>
227						<li><a href="../information/recruit.html">教員採用について</a></li>
228					</ul>
229					<ul class="sub-navi-wrap">
230						<li><a href="../information/privacy-policy.html">個人情報の取り扱い</a></li>
231						<li><a href="../information/sitemap.html">サイトマップ</a></li>
232						<li><a href="../information/disclosure.html">情報公開</a></li>
233					</ul>
234				</div>
235			</li>
236
237			<li class="res-info-block">
238				<h3 class="res-info-title">各種お問い合わせ</h3>
239				<div>
240					<img src="../images/common/icon-img03.png" alt="">
241					<a class="information-link01" href="tel:0788573005">078-857-3005</a>
242				</div>
243				<div>
244					<img src="../images/common/icon-img04.png" alt="">
245					<a class="information-link02" href="mailto:[email protected]">[email protected]</a>
246				</div>
247				<div>
248					<img src="../images/common/arrow-white.png" alt="">
249					<a class="information-link03" href="../ack-info/contact">お問い合わせフォームはこちら</a>
250				</div>
251			</li>
252			<li class="res-sns-link">
253				<a href="https://twitter.com/art_ACK" target="_blank"><img src="../images/common/icon-img06.png"></a>
254				<a href="https://www.instagram.com/artcollegekobe/" target="_blank"><img src="../images/common/icon-img07.png"></a>
255				<a href="https://www.facebook.com/artcollegekobe/" target="_blank"><img src="../images/common/icon-img05.png"></a>
256			</li>
257		</ul>
258		<div class="menu-trigger">
259			<span></span>
260			<span></span>
261		</div>
262		<a href="../ack-info/request_siryou" class="request-btn">
263			<img src="../images/common/icon-img01.png" alt="">
264			<p class="request-text">資料請求</p>
265		</a>
266		<ul class="fixed-navi">
267			<li>
268				<a href="../admission/opencollege.php">
269					<div class="fixed-img"></div>
270					<p class="fixed-text">オープンカレッジ</p>
271				</a>
272			</li>
273			<li>
274				<a href="../admission/opencampus.php">
275					<p class="fixed-text">留学生向け <br class="mb-object">オープンキャンパス</p>
276				</a>
277			</li>
278		</ul>
279	</div>
280</header>
281
282	<div class="content-wrap">
283				<div class="page-head">
284					<div class="mainvisual">
285						<div class="page-title-category">
286							<span>アートカレッジって?</span>
287						</div>
288					</div>
289					<ul class="breadcrumb">
290						<li class="breadcrumb-top"><a href="../">TOP</a></li>
291						<li class="current">アートカレッジって?</li>
292					</ul>
293				</div>
294				<div class="content-inner">
295					<div class="index-title-box">
296						<p class="title-read">
297							<span>「好きなことが仕事に」</span>が、できる。
298						</p>
299						<p class="sub-read">
300							アートカレッジ神戸では、「好きなこと」にハマり、それを仕事にする技術とそのアプローチが学べます。<br>
301							今のあなたのままで、充分。そして、あなたの情熱とセカイを結びつけます。
302						</p>
303					</div>
304
305
306					<div class="index-vision-box">
307						<div class="info-box">
308							<p class="info-title">
309								時代が求める人間像とは
310							</p>
311							<p class="info-read">
312								時代が求める人間像は、人類の歴史を省みると、テクノロジーが進化するたびに変化してきた。<br>
313								狩猟全盛時代に「農業」というテクノロジーが発明され、農業全盛時代に「産業」が起こり、人々の働き方に革命的変化をもたらした。同様に、近年において、その変化のスピードは増して、「情報時代」「知識時代」と進化し、その働き方や仕事のあり方も等比級数的な変化をもたらしている。2000年以降、さらにその変化は進み新たな時代へ踏み入れている。<br>
314								 <br>
315								「創造性の時代」である。人類がいまだかつて経験したことのないこの未曽有の時代に、求められる人物像とはいかなるものか…<br>
316								 <br>
317								「ポジティブ心理学」のマーティン・セリグマン博士は、「幸福」の定義を、幸福=達成×快楽×没頭とした。この中になる「没頭」は、何か作業に熱中、夢中になっている時に感じるタイプの幸せのことです。これはチクセントミハイの「フロー体験」の時に感じる幸せと同様で、人の人生はいかにこの没頭状態を作り出すかによって幸福の総量が変わると言われています。創造性の時代において、もっとも重要なのが、この「没頭状態」=「フロー状態」を作り出せるかである。自分の好きなことにハマり、それを没頭している状態を仕事にできる時代です。<br>
318								 <br>
319								アートカレッジ神戸では、「好きなこと」にハマり、それを仕事にする技術とそのアプローチが学べます。
320							</p>
321						</div>
322						<div class="img-box">
323							<div class="round-img">
324								<img src="./images/about-index-img01.jpg" alt="">
325							</div>
326						</div>
327					</div>
328
329					<div class="index-vision-box">
330						<div class="info-box">
331							<p class="info-title">
332								どんな時代が来ても提供できる力
333							</p>
334							<p class="info-read">
335								夢を実現するために最も大切なことは、「理解」と「提供」<br>
336								 <br>
337								何が世の中から求められているか知ること。=「理解」<br>
338								そして、求められていることを知ったあとは、その求められていることをやること。=「提供」<br>
339								この「理解」と「提供」のスキルがあれば、どんな時代においても必要とされる人材になることができます。<br>
340								 <br>
341								過去50年以上の歴史の中で、アートカレッジの先輩卒業生は、それがどんな時代であっても、この普遍的な二つのスキルを武器につねに最先端をリードしてきたのです。<br>
342								 <br>
343								アートカレッジ神戸では、この「理解」と「提供」のスキルを実践型カリキュラムを通して習得します。<br>
344								AIやテクノロジーの進化、人口減少社会の到来、グローバリゼーション、これから時代は大きく変化ã
344—ます。<br>
345								 <br>
346								しかし、どんな時代が来ようとも、世界が大きく変わろうとも、アートカレッジで学んだ学生は、時代に求められるものを理解し、提供していくことができます。
347							</p>
348						</div>
349						<div class="img-box">
350							<div class="round-img">
351								<img src="./images/about-index-img02.jpg" alt="">
352							</div>
353						</div>
354					</div>
355				</div>
356
357
358
359				<div class="index-course-bnr-inner">
360					<a href="course.php" class="index-course-bnr">
361						<p>学科紹介</p>
362					</a>
363				</div>
364
365
366				<div class="index-about-list-box">
367					<h5 class="en-section-title">
368						<span>ABOUT</span>アートカレッジ神戸を知る
369					</h5>
370					<ul class="index-about-list slider">
371						<li>
372							<a href="./course.php">
373								<div class="about-list-img">
374									<img src="./images/about-index-link-img01.jpg" alt="">
375								</div>
376								<p class="link-read">アートデザイン学科</p>
377							</a>
378						</li>
379						<li>
380							<a href="../collegelife/facilities.html">
381								<div class="about-list-img">
382									<img src="./images/about-index-link-img02.jpg" alt="">
383								</div>
384								<p class="link-read">施設紹介</p>
385							</a>
386						</li>
387						<li>
388							<a href="../collegelife/teachers.html">
389								<div class="about-list-img">
390									<img src="./images/about-index-link-img03.jpg" alt="">
391								</div>
392								<p class="link-read">教員紹介</p>
393							</a>
394						</li>
395						<li>
396							<a href="../collegelife/admission.html">
397								<div class="about-list-img">
398									<img src="./images/about-index-link-img04.jpg" alt="">
399								</div>
400								<p class="link-read">入学案内</p>
401							</a>
402						</li>
403						<li>
404							<a href="../collegelife/careersupport.html">
405								<div class="about-list-img">
406									<img src="./images/about-index-link-img05.jpg" alt="">
407								</div>
408								<p class="link-read">キャリアサポート</p>
409							</a>
410						</li>
411						<li>
412							<a href="../collegelife/employment.html">
413								<div class="about-list-img">
414									<img src="./images/about-index-link-img06.jpg" alt="">
415								</div>
416								<p class="link-read">就職について</p>
417							</a>
418						</li>
419					</ul>
420				</div>
421
422
423
424
425
426
427				<div class="oc-link-bnr-box">
428					<a href="../admission/opencollege.php#point01" class="oc-link-bnr">
429						<img src="./images/oc-kink-icon.png" alt="">
430						<p>オープンカレッジのお申し込みはこちら</p>
431					</a>
432				</div>
433
434				<div class="content-inner">
435					<ul class="index-sns-links">
436						<li>
437							<a href="">
438								<img src="" alt="">
439							</a>
440						</li>
441						<li>
442							<a href="">
443								<img src="" alt="">
444							</a>
445						</li>
446						<li>
447							<a href="">
448								<img src="" alt="">
449							</a>
450						</li>
451					</ul>
452				</div>
453
454				<div class="index-news-box">
455					<div class="index-news-inner">
456						<div class="title-and-more">
457							<p class="title">
458								NEWS
459							</p>
460							<p class="read">
461								お知らせ
462							</p>
463							<a href="../ack-info/about-news-archive" class="more-link pc-object_ib">
464								MORE
465							</a>
466						</div>
467
468						
469	<ul class="index-news-list">
470							<li>
471				<a href="https://www.art-kobe.ac.jp/ack-info/illustration/900">
472					<p class="day">2023.02.04</p>
473					<p class="course">イラストデザイン学科</p>
474					<p class="title">卒業進級制作展”ART WORKS 2023”のお知らせ</p>
475				</a>
476			</li>
477							<li>
478				<a href="https://www.art-kobe.ac.jp/ack-info/illustration/96">
479					<p class="day">2021.11.10</p>
480					<p class="course">イラストデザイン学科</p>
481					<p class="title">卒業進級制作審査会</p>
482				</a>
483			</li>
484					</ul>
485
486
487
488						<a href="../ack-info/about-news-archive" class="more-link mb-object_fl">
489							MORE
490						</a>
491					</div>
492				</div>
493
494	</div>
495
496	<footer>
497	<div class="footer">
498		<div class="footer-information">
499			<h3 class="footer-information-title">各種お問い合わせ</h3>
500			<ul class="footer-information-link">
501				<li>
502					<img src="..//images/common/icon-img03.png" alt="">
503					<a class="information-link01" href="tel:0788573005">078-857-3005</a>
504				</li>
505				<li>
506					<img src="..//images/common/icon-img04.png" alt="">
507					<a class="information-link02" href="mailto:[email protected]">[email protected]</a>
508				</li>
509				<li>
510					<a class="information-link03" href="../ack-info/contact">お問い合わせフォームはこちら</a>
511					<img src="..//images/common/arrow-white.png" alt="">
512				</li>
513			</ul>
514		</div>
515		<div class="footer-inner">
516			<div class="footer-link-wrap">
517				<ul class="footer-menu-wrap">
518					<li class="footer-menu-title"><a href="../information/access.html">アクセス</a></li>
519					<li class="footer-menu-title"><a href="../information/faq.html">よくある質問</a></li>
520					<li class="footer-menu-title"><a href="../information/recruit.html">教員採用について</a></li>
521					<li class="footer-menu-title"><a href="../information/privacy-policy.html">個人情報の取り扱い</a></li>
522					<li class="footer-menu-title"><a href="../information/sitemap.html">サイトマップ</a></li>
523					<li class="footer-menu-title"><a href="../information/disclosure.html">情報公開</a></li>
524				</ul>
525				<!-- <ul class="footer-sns-link">
526					<li><a href="https://twitter.com/art_ACK" target="_blank"><img src="../images/common/icon-img06.png"></a></li>
527					<li><a href="https://www.instagram.com/artcollegekobe/" target="_blank"><img src="../images/common/icon-img07.png"></a></li>
528					<li><a href="https://www.facebook.com/artcollegekobe/" target="_blank"><img src="../images/common/icon-img05.png"></a></li>
529				</ul> -->
530			</div>
531
532			<div class="footer-navi-wrap">
533				<div class="footer-navi-list">
534					<img src="../images/common/main-logo-white.png" alt="">
535					<p class="school-add">専門学校 アートカレッジ神戸<br>〒658-0032 兵庫県神戸市東灘区向洋町中1丁目15<br>TEL.078-857-3005</p>
536				</div>
537				<ul class="footer-another-link">
538					<li><a href="https://kobe-gakuen.info/" target="_blank"><img src="../images/common/another-link-img01.png" alt=""></a></li>
539					<li><a href="https://kap.ac.jp/" target="_blank"><img src="../images/common/another-link-img02.png" alt=""></a></li>
540					<li><a href="https://www.ht-school.jp/" target="_blank"><img src="../images/common/another-link-img03.png" alt=""></a></li>
541				</ul>
542			</div>
543			<p class="copyright">©Art College Kobe All Rights Reserved.</p>
544		</div>
545
546
547	</div>
548</footer>
549
550
551
552
553
554
555
556
557
558
559<script>
560	$(function(){
561		$('.index-about-list').slick({
562
563		    autoplay: true,
564		    autoplaySpeed: 2000,
565		    speed: 800,
566		    slidesToShow: 3,
567			slidesToScroll: 1,
568		    dots: true,
569		    arrows: true,
570		    infinite: true,
571		    pauseOnHover: false,
572		    responsive: [{
573				breakpoint: 768,
574				settings: {
575					slidesToShow: 2, // 表示スライド数 2つ
576					slidesToScroll: 1,
577				}
578			}]
579		});
580	});
581</script>
581
582	
583
584
585
586
587
588
589</body>
590</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.