PageSourceSearch

https://hs.yashima.ac.jp/

html yashima.ac.jp collected 2026-09-29 11:37:09 UTC 68,758 bytes, 2,050 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5	<!-- html_head -->
6	<!--  -->
7<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 7-8
7
8<script async src="https://www.googletagmanager.com/gtag/js?id=
8G-VD6Q7GH9T7
vendor: 12 bytes, line 8
8"></script>
9<script>
10  
vendor: 134 bytes, lines 10-14
10window.dataLayer = window.dataLayer || [];
11  function gtag(){dataLayer.push(arguments);}
12  gtag('js', new Date());
13
14  gtag('config', '
14G-VD6Q7GH9T7
vendor: 4 bytes, line 14
14');
15</script>
15
16
17	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
18	<title>八洲学園高等学校|大阪・東京・横浜・神戸の通信制高校</title>
19	<meta name="description" content="八洲学園高等学校は、大阪・堺に本校を置く広域通信制高校です。大阪(堺・玉造・梅田)・兵庫(三宮)・神奈川(横浜)・東京(新宿・池袋)にキャンパスを展開。不登校経験のある方、発達障害をお持ちの方、自分のペースで学びたい方を支援。週5日通学から個別対応まで5つのクラスから選べます。">
20	<meta name="keywords" content="八洲学園高等学校,通信制高校,広域通信制,大阪,堺,梅田,玉造,神戸,三宮,横浜,新宿,池袋,不登校,発達障害,起立性調節障害,少人数指導,マイスタイルクラス,5年制クラス,転校,編入">
21	<link rel="canonical" href="https://hs.yashima.ac.jp/">
22
23	<!-- OGP / Twitter Cards -->
24	<meta property="og:type" content="website">
25	<meta property="og:site_name" content="八洲学園高等学校">
26	<meta property="og:title" content="八洲学園高等学校|大阪・東京・横浜・神戸の通信制高校">
27	<meta property="og:description" content="大阪・堺本校を中心に関西・関東にキャンパスを展開する広域通信制高校。不登校経験・発達障害のある方も無理なく高校卒業を目指せる5つのクラス。">
28	<meta property="og:url" content="https://hs.yashima.ac.jp/">
29	<meta property="og:image" content="https://hs.yashima.ac.jp/assets/img/common/logo_footer.png">
30	<meta name="twitter:card" content="summary_large_image">
31
32	<!-- Organization (HighSchool) JSON-LD -->
33	
33<script type="application/ld+json">
34	{
35		"@context": "https://schema.org",
36		"@type": "HighSchool",
37		"name": "八洲学園高等学校",
38		"alternateName": "八洲学園高校",
39		"url": "https://hs.yashima.ac.jp/",
40		"logo": "https://hs.yashima.ac.jp/assets/img/common/logo_footer.png",
41		"description": "大阪・堺に本校を置く広域通信制高等学校。大阪府知事の認可を受け、関西・関東に複数のキャンパスを展開。不登校経験のある方や発達障害をお持ちの方を支援する5つのクラス(ベーシック/5年制/マイスタイル/少人数・個別指導/通信)を開講。",
42		"address": {
43			"@type": "PostalAddress",
44			"streetAddress": "鳳中町8-3-25",
45			"addressLocality": "堺市西区",
46			"addressRegion": "大阪府",
47			"postalCode": "593-8301",
48			"addressCountry": "JP"
49		},
50		"telephone": "+81-72-262-8281",
51		"sameAs": [
52			"https://www.facebook.com/yashimagakuen.hs/",
53			"https://www.instagram.com/yashimagakuen.hs/",
54			"https://twitter.com/yashima_hs"
55		]
56	}
57	</script>
57
58
59	<!-- WebSite JSON-LD (sitelinks search enabled) -->
60	
60<script type="application/ld+json">
61	{
62		"@context": "https://schema.org",
63		"@type": "WebSite",
64		"name": "八洲学園高等学校",
65		"url": "https://hs.yashima.ac.jp/",
66		"publisher": {
67			"@type": "EducationalOrganization",
68			"name": "八洲学園高等学校"
69		}
70	}
71	</script>
71
72
73	<link rel="stylesheet" href="./assets/css/reset.css">
74	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
75	<link rel="stylesheet" href="./assets/css/fix.css">
76	<link rel="stylesheet" href="./assets/css/hamburger.css">
77	<link rel="stylesheet" href="./assets/css/base.css">
78	<link rel="stylesheet" href="./assets/css/style.css">
79	
79<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
79
80	<!-- /html_head -->
81</head>
82<style>
83	.col_search {
84		width: 100%;
85	}
86
87	.col_search .commonSelect {
88		width: 94%;
89	}
90
91	.last_management h2,
92	.last_management p {
93		display: none;
94	}
95
96	.mainVisual .virtualFactoryBtnWrap {
97		background: transparent;
98		bottom: 75px;
99		right: 86px;
100		width: fit-content;
101		height: fit-content;
102		left: auto;
103	}
104
105        .swiper-slide img {
106          height: auto;
107          width: 100%;
108        }
109	@media screen and (max-width : 768px) {
110		.mainVisual .virtualFactoryBtnWrap {
111			bottom: 20px;
112			right: 20px;
113		}
114
115	}
116
117	.slideImg {
118		width: 100%;
119		position: absolute;
120		top: 0;
121		left: 0;
122		height: auto;
123		object-fit: contain;
124		aspect-ratio: 16/9;
125	}
126
127	.mainVisual {
128		height: auto;
129	}
130
131	.commonBtn1.bgBlack2 {
132		background: transparent;
133	}
134
135	.swiper-slide img {
136		width: 100%;
137	}
138
139	@media screen and (max-width: 768px) {
140		.swiper-slide img {
141			object-fit: contain;
142			height: auto;
143		}
144
145		.mainVisual {
146			height: 100%;
147		}
148	}
149
150	.banner-wrapper>div {
151		width: 48%;
152	}
153
154	@media screen and (max-width: 768px) {
155		.banner-wrapper>div {
156			width: 100%;
157		}
158	}
159
160	.link-btn-wrapper {
161		display: flex;
162		justify-content: center;
163		align-items: center;
164		margin-top: 30px;
165		margin-bottom: 30px;
166	}
167
168	.link-btn {
169		position: relative;
170		width: 100%;
171		font-size: 14px;
172		max-width: 250px;
173		margin-top: 30px;
174		padding: 15px 0;
175		border-radius: 20px;
176		background-color: #0086d1;
177		color: #ffffff;
178		text-align: center;
179		transition: opacity .3s;
180	}
181
182	.link-btn:hover {
183		opacity: 0.7;
184
185	}
186
187	.link-btn::after {
188		content: "\f054";
189		font-family: 'Font Awesome 5 Free';
190		font-weight: 900;
191		position: absolute;
192		right: 20px;
193	}
194
195	#sectionGreen {
196		background-position-x: 100%;
197	}
198
199	@media screen and (max-width: 768px) {
200		.link-btn {
201			margin: 30px auto 0;
202		}
203
204		#sectionGreen {
205			background-size: cover;
206			background-repeat: no-repeat;
207			background-position: 85%;
208		}
209
210		#sectionCompany .col span {
211			font-size: 14px;
212		}
213
214		#sectionGreen .col span {
215			font-size: 14px;
216		}
217
218		.cate {
219			font-size: 14px;
220		}
221	}
222	#sectionGreen{
223		background-position-y: 90%;
224		background-repeat: no-repeat;
225	}
226</style>
227
228<body>
229	<!-- header -->
230	<header id="header" class="loewr hirakaku" style="z-index: 200;">
231	<style>
232		.modal_top {
233			position: relative;
234		}
235
236		.close_modal {
237			position: absolute;
238			right: -50px;
239			top: -50px;
240			background: #fff;
241			border: none;
242			width: 50px;
243			height: 50px;
244			font-size: 40px;
245			cursor: pointer;
246		}
247
248		.modal_btn {
249			color: #333;
250		}
251	</style>
252	<!-- 注意 -->
253	<div class="header__wrap">
254		<div class="header__logo header__nav_sp">
255			<a href="./">
256				<img src="./assets/img/common/logo_dark.png" alt="" class="header__logo__img">
257			</a>
258		</div>
259		<div class="header__nav header__nav_pc ">
260			<div class="headerLeft">
261				<div class="header__logo">
262					<a href="./">
263						<img src="./assets/img/common/logo_dark.png" alt="" class="header__logo__img onTop">
264						<img src="./assets/img/common/logo_dark.png" alt="" class="header__logo__img onScroll">
265					</a>
266				</div>
267			</div>
268			<div class="headerRight">
269				<ul class="header__nav__list">
270					<li class="header__nav__list__item">
271						<a href="./zaikou.php">在校生・卒業生の方へ</a>
272						<!-- <label class="modal_btn" for="modal1">在校生・卒業生の方へ</label> -->
273						<input type="checkbox" id="modal1">
274					</li>
275					<li class="header__nav__list__item">
276						<!-- <a href="./about/index.php">八洲学園高等学校とは</a> -->
277						<label class="modal_btn" for="modal1">八洲学園高等学校とは</label>
278						<input type="checkbox" id="modal1">
279					</li>
280					<li class="header__nav__list__item">
281						<!-- <a href="./learn/index.php">一般・特別学習紹介</a> -->
282						<label class="modal_btn" for="modal2">一般・特別学習紹介</label>
283						<input type="checkbox" id="modal2">
284					</li>
285					<li class="header__nav__list__item">
286						<!-- <a href="./class/index.php">クラス紹介</a> -->
287						<label class="modal_btn" for="modal3">クラス紹介</label>
288						<input type="checkbox" id="modal3">
289					</li>
290					<li class="header__nav__list__item">
291						<!-- <a href="./interview.php">在校生インタビュー</a> -->
292						<label class="modal_btn" for="modal4">在校生インタビュー</label>
293						<input type="checkbox" id="modal4">
294					</li>
295					<li class="header__nav__list__item"><a href="./recruit.php">採用情報</a></li>
296					<li class="header__nav__list__item"><a href="./news.php">お知らせ</a></li>
297					<!--li class="header__nav__list__item"><a href="./privacy.php">個人情報保護方針</a></li-->
298					<li class="header__nav__list__item radiusBtn"><a href="./document.php">資料請求・説明会・体験入学</a></li>
299				</ul>
300			</div>
301		</div>
302	</div>
303	<div id="nav-sp" class="header__nav header__nav_sp">
304		<nav>
305			<div class="inner">
306				<ul>
307					<li><a href="./index.php">ホーム</a></li>
308					<li><a href="./zaikou.php">在校生・卒業生の方へ</a></li>
309					<li><a href="./about/index.php">八洲学園高等学校とは</a></li>
310					<li><a href="./learn/index.php">一般・特別学習紹介</a></li>
311					<li><a href="./class/index.php">クラス紹介</a></li>
312					<li><a href="./interview/index.php">在校生インタビュー</a></li>
313
314					<li><a href="./recruit.php">採用情報</a></li>
315					<li><a href="./news.php">お知らせ</a></li>
316					<li><a href="./privacy.php">個人情報保護方針</a></li>
317					<li><a href="./document.php">資料請求・説明会・体験入学</a></li>
318				</ul>
319			</div>
320		</nav>
321		<div class="toggle_btn">
322			<span></span>
323			<span></span>
324			<span></span>
325		</div>
326
327		<div id="mask"></div>
328	</div>
329</header>
330
331
332<!-- 八洲学園とはモーダル -->
333<label class="modal_overlay" for="modal1"></label>
334<div class="modal_block">
335	<div class="modal_top">
336		<div id="cancel1" class="close_modal">
336×</div>
337		<div class="left_modal">
338			<a href="./about/index.php">
339				<h2>ABOUT YASHIMA</h2>
340				<p> <i class="fas fa-angle-right right"></i>八洲学園高等学校とは</p>
341			</a>
342		</div>
343		<div class="right_modal">
344			<a href="./about/philosophy.php" class="seihin_img">
345				<div class="seihin_img_wrapper">
346					<img src="./assets/img/about/about_01.png" alt="">
347				</div>
348				<div class="seihin_imgText">
349					<p><i class="fas fa-angle-right right"></i>教育理念・教育目的</p>
350				</div>
351			</a>
352			<a href="./about/greeting.php" class="seihin_img">
353				<div class="seihin_img_wrapper">
354					<img src="./assets/img/about/about_02.png" alt="">
355				</div>
356				<div class="seihin_imgText">
357					<p> <i class="fas fa-angle-right right"></i>校長挨拶</p>
358				</div>
359			</a>
360			<a href="./about/graduation.php" class="seihin_img">
361				<div class="seihin_img_wrapper">
362					<img src="./assets/img/about/about_03.png" alt="">
363				</div>
364				<div class="seihin_imgText">
365					<p> <i class="fas fa-angle-right right"></i>教育方針・卒業要件</p>
366				</div>
367			</a>
368			<a href="./about/campus.php" class="seihin_img">
369				<div class="seihin_img_wrapper">
370					<img src="./assets/img/about/about_04.png" alt="">
371				</div>
372				<div class="seihin_imgText">
373					<p> <i class="fas fa-angle-right right"></i>キャンパス紹介</p>
374				</div>
375			</a>
376			<a href="./about/attempt.php" class="seihin_img">
377				<div class="seihin_img_wrapper">
378					<img src="./assets/img/about/about_05.png" alt="">
379				</div>
380				<div class="seihin_imgText">
381					<p> <i class="fas fa-angle-right right"></i>八洲の取り組み</p>
382				</div>
383			</a>
384			<a href="./about/text.php" class="seihin_img">
385				<div class="seihin_img_wrapper">
386					<img src="./assets/img/about/text-fv.png" alt="">
387				</div>
388				<div class="seihin_imgText">
389					<p> <i class="fas fa-angle-right right"></i>学則等 各種学校情報</p>
390				</div>
391			</a>
392		</div>
393	</div>
394	<!-- <div class="modal_bottom">
395		<a class="osagasi osagasi_sidebar" style="" href="./document.php">
396			<img src=".//assets/img/common/osagasi_icon.png" alt="">
397			資料請求・説明会・体験入学
398		</a>
399	</div> -->
400</div>
401
402<!-- 一般特別学習モーダル -->
403<label class="modal_overlay2" for="modal2"></label>
404<div class="modal_block2">
405	<div class="modal_top">
406		<div id="cancel2" class="close_modal">×</div>
407		<div class="left_modal">
408			<a href="./learn/index.php">
409				<h2>LEARNING<br>
410					INTRODUCTION</h2>
411				<p> <i class="fas fa-angle-right right"></i>一般・特別学習紹介</p>
412			</a>
413		</div>
414		<div class="right_modal right_modal_kankyoui">
415			<a href="./learn/general.php" class="seihin_img">
416				<div class="seihin_img_wrapper">
417					<img src="./assets/img/common/envi_houshin__01.png" alt="">
418				</div>
419				<div class="seihin_imgText">
420					<p><i class="fas fa-angle-right right"></i>一般学習</p>
421				</div>
422			</a>
423			<a href="./learn/special.php" class="seihin_img">
424				<div class="seihin_img_wrapper">
425					<img src="./assets/img/common/envi_houshin__02.png" alt="">
426				</div>
427				<div class="seihin_imgText">
428					<p> <i class="fas fa-angle-right right"></i>特別学習</p>
429				</div>
430			</a>
431		</div>
432	</div>
433	<!-- <div class="modal_bottom">
434		<a class="osagasi osagasi_sidebar" style="" href="./document.php">
435			<img src=".//assets/img/common/osagasi_icon.png" alt="">
436			資料請求・説明会・体験入学
437		</a>
438	</div> -->
439</div>
440
441<!-- クラス紹介モーダル -->
442<label class="modal_overlay3" for="modal3"></label>
443<div class="modal_block3">
444	<div class="modal_top">
445		<div id="cancel3" class="close_modal">×</div>
446		<div class="left_modal">
447			<a href="./class/index.php">
448				<h2>ABOUT CLASS</h2>
449				<p> <i class="fas fa-angle-right right"></i>クラス紹介</p>
450			</a>
451		</div>
452		<div class="right_modal">
453			<a href="./class/basic.php">
454				<div class="seihin_img_wrapper">
455					<img src="./assets/img/common/class_01.png" alt="">
456				</div>
457				<div class="seihin_imgText">
458					<p><i class="fas fa-angle-right right"></i>ベーシッククラス</p>
459				</div>
460			</a>
461			<a href="./class/five-year.php">
462				<div class="seihin_img_wrapper">
463					<img src="./assets/img/common/class_02.png" alt="">
464				</div>
465				<div class="seihin_imgText">
466					<p> <i class="fas fa-angle-right right"></i>5年制クラス</p>
467				</div>
468			</a>
469			<a href="./class/home-support.php">
470				<div class="seihin_img_wrapper">
471					<img src="./assets/img/common/class_03.png" alt="">
472				</div>
473				<div class="seihin_imgText">
474					<p> <i class="fas fa-angle-right right"></i>少人数・個別指導クラス(旧:ホームサポートクラス)</p>
475				</div>
476			</a>
477			<a href="./class/my-style.php">
478				<div class="seihin_img_wrapper">
479					<img src="./assets/img/common/class_04.png" alt="">
480				</div>
481				<div class="seihin_imgText">
482					<p> <i class="fas fa-angle-right right"></i>マイスタイルクラス</p>
483				</div>
484			</a>
485			<a href="./class/communication.php">
486				<div class="seihin_img_wrapper">
487					<img src="./assets/img/common/class_05.png" alt="">
488				</div>
489				<div class="seihin_imgText">
490					<p> <i class="fas fa-angle-right right"></i>通信クラス</p>
491				</div>
492			</a>
493
494		</div>
495	</div>
496	<!-- <div class="modal_bottom">
497		<a class="osagasi osagasi_sidebar" style="" href="./document.php">
498			<img src="./assets/img/common/osagasi_icon.png" alt="">
499			資料請求・説明会・体験入学
500		</a>
501	</div> -->
502</div>
503
504<!-- 在校生インタビューモーダル -->
505<label class="modal_overlay4" for="modal4"></label>
506<div class="modal_block4">
507	<div class="modal_top">
508		<div id="cancel4" class="close_modal">×</div>
509		<div class="left_modal">
510			<a href="./interview/index.php">
511				<h2>INTERVIEW</h2>
512				<p> <i class="fas fa-angle-right right"></i>在校生インタビュー</p>
513			</a>
514		</div>
515		<div class="right_modal">
516			<a href="./interview/general.php">
517				<div class="seihin_img_wrapper">
518					<img src="./assets/img/common/interview_01.png" alt="">
519				</div>
520				<div class="seihin_imgText">
521					<p><i class="fas fa-angle-right right"></i>一般学習編</p>
522				</div>
523			</a>
524			<a href="./interview/extracurricular.php">
525				<div class="seihin_img_wrapper">
526					<img src="./assets/img/common/interview_02.png" alt="">
527				</div>
528				<div class="seihin_imgText">
529					<p> <i class="fas fa-angle-right right"></i>校外学習編</p>
530				</div>
531			</a>
532			<a href="./interview/art.php">
533				<div class="seihin_img_wrapper">
534					<img src="./assets/img/common/interview_03.png" alt="">
535				</div>
536				<div class="seihin_imgText">
537					<p> <i class="fas fa-angle-right right"></i>芸術祭編</p>
538				</div>
539			</a>
540			<a href="./interview/school-life.php">
541				<div class="seihin_img_wrapper">
542					<img src="./assets/img/common/interview_04.png" alt="">
543				</div>
544				<div class="seihin_imgText">
545					<p> <i class="fas fa-angle-right right"></i>学校生活編</p>
546				</div>
547			</a>
548			<a href="./interview/athlete.php">
549				<div class="seihin_img_wrapper">
550					<img src="./assets/img/common/interview_05.png" alt="">
551				</div>
552				<div class="seihin_imgText">
553					<p> <i class="fas fa-angle-right right"></i>アスリート編</p>
554				</div>
555			</a>
556
557		</div>
558	</div>
559	<!-- <div class="modal_bottom">
560		<a class="osagasi osagasi_sidebar" style="" href="./document.php">
561			<img src="./assets/img/common/osagasi_icon.png" alt="">
562			資料請求・説明会・体験入学
563		</a>
564	</div> -->
565</div>
566
567<script>
568	(function($) {
569		var $nav = $('#nav-sp');
570		var $btn = $('.toggle_btn');
571		var $mask = $('#mask');
572		var open = 'open'; // class
573		// menu open close
574		$btn.on('click', function() {
575			if (!$nav.hasClass(open)) {
576				$nav.addClass(open);
577			} else {
578				$nav.removeClass(open);
579			}
580		});
581		// mask close
582		$mask.on('click', function() {
583			$nav.removeClass(open);
584		});
585
586		var $check1 = $('#modal1');
587		var $check2 = $('#modal2');
588		var $check3 = $('#modal3');
589		var $check4 = $('#modal4');
590		var $overlay1 = $('.modal_overlay');
591		var $overlay2 = $('.modal_overlay2');
592		var $overlay3 = $('.modal_overlay3');
593		var $overlay4 = $('.modal_overlay4');
594		var $cancel1 = $('#cancel1');
595		var $cancel2 = $('#cancel2');
596		var $cancel3 = $('#cancel3');
597		var $cancel4 = $('#cancel4');
598		$check1.on('click', function() {
599			$('.modal_block').css('display', 'block');
600			$('.modal_overlay').css('display', 'block');
601		});
602		$check2.on('click', function() {
603			$('.modal_block2').css('display', 'block');
604			$('.modal_overlay2').css('display', 'block');
605		});
606		$check3.on('click', function() {
607			$('.modal_block3').css('display', 'block');
608			$('.modal_overlay3').css('display', 'block');
609		});
610		$check4.on('click', function() {
611			$('.modal_block4').css('display', 'block');
612			$('.modal_overlay4').css('display', 'block');
613		});
614		$overlay1.on('click', function() {
615			$check1.prop('checked', false);
616			// $overlay1.css('display', 'none');
617			// $('.modal_block').css('display', 'none');
618			$overlay1.fadeOut();
619			$('.modal_block').fadeOut();
620		});
621		$overlay2.on('click', function() {
622			$check2.prop('checked', false);
623			// $('.modal_block2').css('display', 'none');
624			// $('.modal_overlay2').css('display', 'none');
625			$overlay2.fadeOut();
626			$('.modal_block2').fadeOut();
627		});
628		$overlay3.on('click', function() {
629			$check1.prop('checked', false);
630			// $('.modal_block3').css('display', 'none');
631			// $('.modal_overlay3').css('display', 'none');
632			$overlay3.fadeOut();
633			$('.modal_block3').fadeOut();
634		});
635		$overlay4.on('click', function() {
636			$check1.prop('checked', false);
637			// $('.modal_block4').css('display', 'none');
638			// $('.modal_overlay4').css('display', 'none');
639			$overlay4.fadeOut();
640			$('.modal_block4').fadeOut();
641		});
642
643		$cancel1.on('click', function() {
644			$check1.prop('checked', false);
645			// $overlay1.css('display', 'none');
646			// $('.modal_block').css('display', 'none');
647			$overlay1.fadeOut();
648			$('.modal_block').fadeOut();
649		});
650		$cancel2.on('click', function() {
651			$check2.prop('checked', false);
652			// $('.modal_block2').css('display', 'none');
653			// $('.modal_overlay2').css('display', 'none');
654			$overlay2.fadeOut();
655			$('.modal_block2').fadeOut();
656		});
657		$cancel3.on('click', function() {
658			$check1.prop('checked', false);
659			// $('.modal_block3').css('display', 'none');
660			// $('.modal_overlay3').css('display', 'none');
661			$overlay3.fadeOut();
662			$('.modal_block3').fadeOut();
663		});
664		$cancel4.on('click', function() {
665			$check1.prop('checked', false);
666			// $('.modal_block4').css('display', 'none');
667			// $('.modal_overlay4').css('display', 'none');
668			$overlay4.fadeOut();
669			$('.modal_block4').fadeOut();
670		});
671	})(jQuery);
672
673	function imageSwich() {
674		$(window).on('load resize', function() {
675			var w = parseInt(window.innerWidth);
676			var x = 1229;
677			if (w <= x) {
678				$('.header__wrap.afterScrollHeader').css('transform', 'inherit');
679			} else {
680				if ($(header).scrollTop() == 0) {
681					$('.header__wrap.afterScrollHeader').css('background-color', 'transparent');
682				} else {
683					$('.header__wrap.afterScrollHeader').css('background-color', '#fff');
684				}
685
686			}
687		});
688	}
689	imageSwich();
690
691	$(function() {
692
693		let headerHeight = $('#header').outerHeight();
694		let speed = 600;
695
696		$('a[href^="#"]').click(function() {
697			let href = $(this).attr("href");
698			let target = $(href == "#" || href == "" ? 'html' : href);
699			let position = target.offset().top - headerHeight;
700			$('html, body').stop().animate({
701				scrollTop: position
702			}, speed, "swing");
703			return false;
704		});
705
706	});
707</script>
707	<!-- /header -->
708	<div class="main top">
709		<div class="mainVisual">
710			<div class="virtualFactoryBtnWrap">
711				<a href="https://web-pamph.com/yashima2024/" target="_blank" class="commonBtn1 italic bgBlack2 roboto w200 h40">
712					<img src="./assets/img/top/virtual.png" alt="">
713				</a>
714			</div>
715			<div class="swiper slider1">
716				<div class="swiper-wrapper">
717					<div class="swiper-slide">
718						<picture>
719							<source media="(max-width: 768px)" srcset="./assets/img/top/main_slider1_mobile.png">
720							<img src="./assets/img/top/main_slider1.png" alt="">
721						</picture>
722					</div>
723					<div class="swiper-slide">
724						<picture>
725							<source media="(max-width: 768px)" srcset="./assets/img/top/main_slider2_mobile.png">
726							<img src="./assets/img/top/main_slider2.png" alt="">
727						</picture>
728					</div>
729					<div class="swiper-slide">
730						<picture>
731							<source media="(max-width: 768px)" srcset="./assets/img/top/b_main_slider3_mobile.jpg">
732							<img src="./assets/img/top/b_main_slider3.jpg" alt="">
733						</picture>
734					</div>
735				</div>
736			</div>
737		</div>
738
739		<!-- <div class="videoWrap over mv-hide">
740				<video class="objImage" muted="" autoplay="" loop="" playsinline="">
741					<source class="" src="./assets/img/movie/nippo_pc.mp4">
742				</video>
743			</div>
744			<div class="videoWrap over mv-show">
745				 <video class="objImage" muted="" autoplay="" loop="" playsinline="">
746					<source class="" src="./assets/img/movie/nippo_sp.mp4">
747				</video>
748			</div> -->
749		<!-- <img class="slideImg" src="./assets/img/top/main_slider1.png" alt=""> -->
750		<!-- <div class="mainVisualNewsWrap">
751				<div class="row">
752										<div class="col">
753						<div class="toList">
754							<a href="./news.php"> お知らせ一覧へ </a>
755							<i class="fas fa-chevron-right"></i>
756						</div>
757					</div>
758				</div>
759			</div> -->
760	</div>
761
762	<!-- CONTENTS -->
763	<section id="sectionBusiness">
764		<div class="contentWrap contentWrap__top__ad">
765			<div class="indexTitleWrap mb30">
766				<div class="">
767					<div>
768						<p class="roboto eng fwBold">CONTENTS</p>
769					</div>
770					<div>
771						<p class="jap">コンテンツ</p>
772					</div>
773				</div>
774			</div>
775			<div class="col4Wrap business">
776				<div class="col">
777					<a href="./guide.php">
778						<div class="image">
779							<img src="./assets/img/top/top-content06.png" alt="">
780						</div>
781						<div class="jap">
782							<p class="japttl">
783								ご入学をお考えの方へ
784							</p>
785						</div>
786						<div class="desc">
787							<p>
788								通信制高校の特色を最大限に活かすことで、毎日から週一日、完全個別日程と幅広い選択肢の中から、一人ひとりの状況にあわせたクラスが選べます。
789							</p>
790						</div>
791						<div class="arrow">
792							<img src="./assets/img/common/arro_right_white.png" alt="">
793						</div>
794					</a>
795				</div>
796
797				<div class="col">
798					<a href="./about/index.php">
799						<div class="image">
800							<img src="./assets/img/top/top-content08.png" alt="">
801						</div>
802						<div class="jap">
803							<p class="japttl">
804								八洲学園高等学校とは
805							</p>
806						</div>
807						<div class="desc">
808							<p>
809								八洲学園高校は、「時」をより充実したものにできるよう、学習面はもちろん、生徒さんの個性を大切にさまざまな場面でしっかりとサポートし導いていきます。 </p>
810						</div>
811						<div class="arrow">
812							<img src="./assets/img/common/arro_right_white.png" alt="">
813						</div>
814					</a>
815				</div>
816
817				<div class="col">
818					<a href="./about/campus.php">
819						<div class="image">
820							<img src="./assets/img/top/top-content01.png" alt="">
821						</div>
822						<div class="jap">
823							<p class="japttl">
824								キャンパス情報
825							</p>
826						</div>
827						<div class="desc">
828							<p>
829								1992年に大阪・堺からスタートした広域通信制高校の八洲学園高等学校のキャンパス・分室一覧です。
830							</p>
831						</div>
832						<div class="arrow">
833							<img src="./assets/img/common/arro_right_white.png" alt="">
834						</div>
835					</a>
836				</div>
837
838				<div class="col">
839					<a href="./learn/index.php">
840						<div class="image">
841							<img src="./assets/img/top/top-content08.png" alt="">
842						</div>
843						<div class="jap">
844							<p class="japttl">
845								八洲の学習(一般学習/特別学習)紹介
846							</p>
847						</div>
848						<div class="desc">
849							<p>
850								通信制高校は全日制高校や定時制高校と異なり、自分の生活リズムやペースで高校卒業を目指すことが可能です。
851							</p>
852						</div>
853						<div class="arrow">
854							<img src="./assets/img/common/arro_right_white.png" alt="">
855						</div>
856					</a>
857				</div>
858
859				<div class="col">
860					<a href="./class/index.php">
861						<div class="image">
862							<img src="./assets/img/top/top-content02.png" alt="">
863						</div>
864						<div class="jap">
865							<p class="japttl">
866								クラス紹介
867							</p>
868						</div>
869						<div class="desc">
870							<p>
871								八洲学園高等学校では、通信制高校の特長を最大限に利用し、「自学自習」中心のクラスから「毎日通う」クラスまで幅広いクラスを設置しています。
872							</p>
873						</div>
874						<div class="arrow">
875							<img src="./assets/img/common/arro_right_white.png" alt="">
876						</div>
877					</a>
878				</div>
879
880				<div class="col">
881					<a href="./document.php">
882						<div class="image">
883							<img src="./assets/img/top/top-content03.png" alt="">
884						</div>
885						<div class="jap">
886							<p class="japttl">
887								資料請求・説明会・体験入学会
888							</p>
889						</div>
890						<div class="desc">
891							<p>
892								各種資料のお申し込みや、学校説明会・体験入学会・セミナー予約をいただくためのフォームをご用意しております。 </p>
893						</div>
894						<div class="arrow">
895							<img src="./assets/img/common/arro_right_white.png" alt="">
896						</div>
897					</a>
898				</div>
899
900				<div class="col">
901					<a href="./career-guidance.php">
902						<div class="image">
903							<img src="./assets/img/top/top-content08.png" alt="">
904						</div>
905						<div class="jap">
906							<p class="japttl">
907								進路指導
908							</p>
909						</div>
910						<div class="desc">
911							<p>
912								八洲学園高校では、卒業後の進路を自らの意思で選択・決定してほしいと考えています。<br>
913								そのために必要な力を身に付けるため、入学時より計画的に進路活動を行います。<br>
914								卒業後の進路実現を目標にした進路指導がå
914…«æ´²å­¦åœ’高校の特長です。
915							</p>
916						</div>
917						<div class="arrow">
918							<img src="./assets/img/common/arro_right_white.png" alt="">
919						</div>
920					</a>
921				</div>
922
923				<div class="col">
924					<a href="./application.php">
925						<div class="image">
926							<img src="./assets/img/top/top-content04.png" alt="">
927						</div>
928						<div class="jap">
929							<p class="japttl">
930								募集要項・校納金(学費)
931							</p>
932						</div>
933						<div class="desc">
934							<p>
935								八洲学園高校は、高校生活サポート・学習サポート・進路サポートを受けられる上、校納金(学費)も低価格で抑えられています。
936							</p>
937						</div>
938						<div class="arrow">
939							<img src="./assets/img/common/arro_right_white.png" alt="">
940						</div>
941					</a>
942				</div>
943			</div>
944		</div>
945	</section>
946
947	<!-- banner-wrapper -->
948	<div class="contentWrap contentWrap__top__ad scroll-up done">
949		<div class="banner-wrapper scroll-up">
950		<div class="swiper slider2">
951				<div class="swiper-wrapper">
952					<div class="swiper-slide">
953						<picture>
954							<a href="https://yashima-hs.jp/inquiry/infomation_sessions" style="cursor:pointer"><img src="./assets/img/banner/tenhen.jpg" alt=""></a>
955						</picture>
956					</div>
957					<div class="swiper-slide">
958						<picture class="picture1">
959							<a href="https://yashima-hs.jp/inquiry/infomation_sessions" style="cursor:pointer"><img src="./assets/img/banner/taiken3.jpg" alt=""></a>
960						</picture>
961					</div>
962				</div>
963				<div class="swiper-pagination"></div>
964			</div>
965			<div class="banner-item__right">
966				<a href="https://web-pamph.com/yashima2026/" target="_blank" class="banner-item">
967				<img src="./assets/img/document/document2026.jpg" alt="">
968				</a>
969				<p class="banner-item__right-text--en">Digital Pamphlett</p>
970				<p class="banner-item__right-text--ja">デジタルパンフレット</p>
971				<a href="https://web-pamph.com/yashima2026/" target="_blank" class="banner-item__right-link">デジタルパンフレット(総合)Web版はこちら</a>
972			</div>
973		</div>
974	</div>
975
976
977	<!--  -->
978	<section id="sectionCompany" class="bannerSection">
979		<div class="contentWrap scroll-up">
980			<div class="indexTitleWrap mb30">
981				<div class="">
982					<div>
983						<p class="roboto eng fwBold">CAMPUS</p>
984					</div>
985					<div>
986						<p class="jap">キャンパス紹介</p>
987					</div>
988				</div>
989			</div>
990			<div class="catch mb30">
991				<p>1992年に大阪・堺からスタートした<br>広域通信制高校の八洲学園高等学校の<br>キャンパス・分室一覧
992
993				</p>
994			</div>
995			<div class="desc mb80">
996				<p>
997					関西は「大阪・堺」「大阪・玉造」「大阪・梅田」「兵庫・三宮」に本校、分校、キャンパスがあり、<br>
998					関東は「神奈川・横浜」「東京・新宿」「東京・池袋」「東京・町田」に分校、キャンパス、分室があります。
999				</p>
1000			</div>
1001			<div class="bannerLinksWrap">
1002				<div class="col">
1003					<a href="./about/campus.php#01">
1004						<span>大阪・堺</span>
1005						<img src="./assets/img/common/arro_right_white.png" alt="">
1006					</a>
1007				</div>
1008				<div class="col">
1009					<a href="./about/campus.php#03">
1010						<span>大阪・玉造</span>
1011						<img src="./assets/img/common/arro_right_white.png" alt="">
1012					</a>
1013				</div>
1014				<div class="col">
1015					<a href="./about/campus.php#04">
1016						<span>大阪・梅田</span>
1017						<img src="./assets/img/common/arro_right_white.png" alt="">
1018					</a>
1019				</div>
1020				<div class="col">
1021					<a href="./about/campus.php#05">
1022						<span>兵庫・三宮</span>
1023						<img src="./assets/img/common/arro_right_white.png" alt="">
1024					</a>
1025				</div>
1026			</div>
1027			<div class="bannerLinksWrap">
1028
1029				<div class="col">
1030					<a href="./about/campus.php#06">
1031						<span>神奈川・横浜</span>
1032						<img src="./assets/img/common/arro_right_white.png" alt="">
1033					</a>
1034				</div>
1035				<div class="col">
1036					<a href="./about/campus.php#08">
1037						<span>東京・新宿</span>
1038						<img src="./assets/img/common/arro_right_white.png" alt="">
1039					</a>
1040				</div>
1041				<div class="col">
1042					<a href="./about/campus.php#07">
1043						<span>東京・池袋</span>
1044						<img src="./assets/img/common/arro_right_white.png" alt="">
1045					</a>
1046				</div>
1047				<div class="col">
1048					<a href="./about/campus.php">
1049						<span>東京・町田</span>
1050						<img src="./assets/img/common/arro_right_white.png" alt="">
1051					</a>
1052				</div>
1053			</div>
1054		</div>
1055	</section>
1056	<section id="sectionGreen" class="bannerSection">
1057		<div class="contentWrap scroll-up">
1058			<div class="indexTitleWrap mb30">
1059				<div class="">
1060					<div>
1061						<p class="roboto eng fwBold">CLASS</p>
1062					</div>
1063					<div>
1064						<p class="jap">クラス紹介</p>
1065					</div>
1066				</div>
1067			</div>
1068			<div class="catch mb30">
1069				<p>通信制高校初の「5年制」クラスも設置</p>
1070			</div>
1071			<div class="desc mb80">
1072				<p>
1073					八洲学園高等学校では、通信制高校の特長を最大限に利用し、<br>「自学自習」中心のクラス
1074					から「毎日通う」クラスまで幅広いクラスを設置しています。
1075					<br>また、発達障害などでより支援を必要とされる方向けに通信制高校初の「5年制」クラスも設置しています。
1076				</p>
1077			</div>
1078			<div class="bannerLinksWrap">
1079				<div class="col">
1080					<a href="./class/basic.php">
1081						<span>ベーシッククラス</span>
1082						<img src="./assets/img/common/arro_right_white.png" alt="">
1083					</a>
1084				</div>
1085				<div class="col">
1086					<a href="./class/five-year.php">
1087						<span>5年制クラス</span>
1088						<img src="./assets/img/common/arro_right_white.png" alt="">
1089					</a>
1090				</div>
1091			</div>
1092			<div class="bannerLinksWrap">
1093				<div class="col">
1094					<a href="./class/home-support.php">
1095						<span>個別・少人数クラス</span>
1096						<img src="./assets/img/common/arro_right_white.png" alt="">
1097					</a>
1098				</div>
1099				<div class="col">
1100					<a href="./class/my-style.php">
1101						<span>マイスタイルクラス</span>
1102						<img src="./assets/img/common/arro_right_white.png" alt="">
1103					</a>
1104				</div>
1105				<div class="col">
1106					<a href="./class/communication.php">
1107						<span>通信クラス</span>
1108						<img src="./assets/img/common/arro_right_white.png" alt="">
1109					</a>
1110				</div>
1111			</div>
1112		</div>
1113	</section>
1114	<!-- <section id="col3BannerSection">
1115			<div class="categoryImgContainer mb150 topSmall scroll-up">
1116				<div class="row">
1117					<div class="col fb33">
1118						<a href="./sustainability_hukushi.php" class="lg">
1119							<img src="./assets/img/top/banner01.png" alt="">
1120							<div class="textWrap">
1121								<div class="text">
1122									<div class="eng">
1123										<span>SOCIAL WELFARE</span>
1124									</div>
1125									<div class="jap">
1126										<span>取り組み</span>
1127									</div>
1128								</div>
1129							</div>
1130						</a>
1131					</div>
1132					<div class="col fb33">
1133						<a href="./recruit.php" class="lg">
1134							<img src="./assets/img/top/banner02.png" alt="">
1135							<div class="textWrap">
1136								<div class="text">
1137									<div class="eng">
1138										<span>RECRUIT</span>
1139									</div>
1140									<div class="jap">
1141										<span>採用</span>
1142									</div>
1143								</div>
1144							</div>
1145						</a>
1146					</div>
1147					<div class="col fb33">
1148						<a href="./development.php" class="lg">
1149							<img src="./assets/img/top/banner03.png" alt="">
1150							<div class="textWrap">
1151								<div class="text">
1152									<div class="eng">
1153										<span>DEVELOPMENT</span>
1154									</div>
1155									<div class="jap">
1156										<span>バナー</span>
1157									</div>
1158								</div>
1159							</div>
1160						</a>
1161					</div>
1162				</div>
1163			</div>
1164		</section> -->
1165	<!-- お知らせ -->
1166	<section class="top-news">
1167		<div class="contentWrap contentWrap__ad scroll-up">
1168			<div class="indexTitleWrap borderBottom mb30">
1169				<div class="">
1170					<div>
1171						<p class="roboto eng fwBold">NEWS</p>
1172					</div>
1173					<div>
1174						<p class="jap">お知らせ</p>
1175					</div>
1176				</div>
1177			</div>
1178			<div class="newsListWrap mb70">
1179				
1180	<div class="row">
1181		<div class="up">
1182			<time>2026.09.18</time>
1183			<span class="cate">お知らせ</span>
1184		</div>
1185		<div class="desc">
1186			<a href="./news_detail.php?id=130" class="onHoverBlue">【関東】秋の体験イベント・文化祭 開催のお知らせ</a>
1187		</div>
1188	</div>
1189	
1190	<div class="row">
1191		<div class="up">
1192			<time>2026.09.16</time>
1193			<span class="cate">お知らせ</span>
1194		</div>
1195		<div class="desc">
1196			<a href="./news_detail.php?id=129" class="onHoverBlue">【関西】秋の体験イベント・文化祭 開催のお知らせ</a>
1197		</div>
1198	</div>
1199	
1200	<div class="row">
1201		<div class="up">
1202			<time>2026.09.09</time>
1203			<span class="cate">お知らせ</span>
1204		</div>
1205		<div class="desc">
1206			<a href="./news_detail.php?id=127" class="onHoverBlue">【関西】(各キャンパス)9月9日(水)本日は休校です</a>
1207		</div>
1208	</div>
1209	
1210	<div class="row">
1211		<div class="up">
1212			<time>2026.08.06</time>
1213			<span class="cate">お知らせ</span>
1214		</div>
1215		<div class="desc">
1216			<a href="./news_detail.php?id=126" class="onHoverBlue">
1216【東西】夏季休校期間のご案内</a>
1217		</div>
1218	</div>
1219	
1220	<div class="row">
1221		<div class="up">
1222			<time>2026.07.10</time>
1223			<span class="cate">お知らせ</span>
1224		</div>
1225		<div class="desc">
1226			<a href="./news_detail.php?id=125" class="onHoverBlue">【関西】夏の体験イベントのお知らせ</a>
1227		</div>
1228	</div>
1229	
1230	<div class="row">
1231		<div class="up">
1232			<time>2026.06.26</time>
1233			<span class="cate">お知らせ</span>
1234		</div>
1235		<div class="desc">
1236			<a href="./news_detail.php?id=124" class="onHoverBlue">【新宿キャンパス】台風接近にともなう6/27(土)の説明会について</a>
1237		</div>
1238	</div>
1239	
1240	<div class="row">
1241		<div class="up">
1242			<time>2026.06.26</time>
1243			<span class="cate">お知らせ</span>
1244		</div>
1245		<div class="desc">
1246			<a href="./news_detail.php?id=122" class="onHoverBlue">【関西】(堺本校・大阪中央校・梅田キャンパス)本日、午前中の授業は休校です</a>
1247		</div>
1248	</div>
1249	
1250	<div class="row">
1251		<div class="up">
1252			<time>2026.06.26</time>
1253			<span class="cate">お知らせ</span>
1254		</div>
1255		<div class="desc">
1256			<a href="./news_detail.php?id=123" class="onHoverBlue">【関西】(堺本校・大阪中央校・梅田キャンパス)本日は終日休校となります</a>
1257		</div>
1258	</div>
1259	
1260	<div class="row">
1261		<div class="up">
1262			<time>2026.06.17</time>
1263			<span class="cate">お知らせ</span>
1264		</div>
1265		<div class="desc">
1266			<a href="./news_detail.php?id=120" class="onHoverBlue">【大阪通信制高校グループ】6月28日(日)春の合同相談会のお知らせ</a>
1267		</div>
1268	</div>
1269	
1270	<div class="row">
1271		<div class="up">
1272			<time>2026.06.17</time>
1273			<span class="cate">お知らせ</span>
1274		</div>
1275		<div class="desc">
1276			<a href="./news_detail.php?id=121" class="onHoverBlue">【東西】途中転編生、毎月受付中</a>
1277		</div>
1278	</div>
1279				</div>
1280			<div class="link-btn-wrapper">
1281				<a href="./news.php" class="link-btn">お知らせ一覧へ</a>
1282			</div>
1283		</div>
1284	</section>
1285	<!-- //お知らせ -->
1286
1287	<!-- banner-wrapper -->
1288	
1289<div class="contentWrap contentWrap__top__ad scroll-up done">
1290  <div class="banner-wrapper scroll-up">
1291    <div class="banner-item__left">
1292      <a href="./recruit.php" class="banner-item">
1293        <picture>
1294          <source media="(max-width: 768px)" srcset="./assets/img/top/banner-item03_mobile.png">
1295          <img src="./assets/img/top/banner-item03.png" alt="">
1296        </picture>
1297      </a>
1298    </div>
1299    <div class="banner-item__right">
1300      <a href="./about/campus.php" class="banner-item">
1301      <picture>
1302          <source media="(max-width: 768px)" srcset="./assets/img/top/banner-item04_mobile.png">
1303          <img src="./assets/img/top/banner-item04.png" alt="">
1304        </picture>
1305      </a>
1306    </div>
1307  </div>
1308</div>
1309
1310	<!-- //banner-wrapper -->
1311
1312
1313
1314
1315	<!-- <section>
1316			<div class="contentWrap contentWrap__ad scroll-up">
1317				<div class="col2Wrap banner">
1318					<div class="col" id="virtual">
1319						<a href="./virtual_slide1.php">
1320							<img src="./assets/img/common/banner01_inside.png" alt="">
1321						</a>
1322					</div>
1323					<div class="col" id="contact">
1324						<a href="./contact.php">
1325							<span class="eng roboto">CONTACT</span>
1326							<span class="jap">お問い合わせ</span>
1327						</a>
1328					</div>
1329				</div>
1330			</div>
1331		</section> -->
1332	</div>
1333
1334	<!-- モーダルに出てくる内容 -->
1335	<div id="del_modal" class="remodal" data-remodal-id="modal">
1336		<!-- クローズボタン -->
1337		<button data-remodal-action="close" class="remodal-close"></button>
1338		<div class="modal_top2">
1339			<div class="vr_right_modal vr_right_modal_fix">
1340				<span href="" class="seihin_img seihin_img_auto">
1341					<div class="seihin_img_wrapper">
1342						<img src="./assets/img/potioncup/dummy2.png" alt="" id="modal_img">
1343					</div>
1344				</span>
1345				<span href="" class="seihin_img seihin_img_auto">
1346					<div class="seihin_imgText top_m_ma">
1347						<h2 id="modal_kai">1F</h2>
1348						<h3 id="modal_kai_sub">1F</h3>
1349						<p id="modal_detail_text">
1350							ここには文章が入ります。この文章はダミーです。ここには文章が入ります。この文章はダミーです。ここには文章が入ります。この文章はダミーです。
1351						</p>
1352					</div>
1353					<div class="seihin_imgText top_m_ma">
1354						<span class="vr_modal_Btn"><a id="modal_link" href="./business_detail.php?id=5">   詳しくはこちら   </a></span>
1355					</div>
1356					<div class="seihin_imgText top_m_ma">
1357						<span class="vr_modal_Btn"><a href="./virtual_slide1.php"> バーチャル工場見学こちら </a></span>
1358					</div>
1359				</span>
1360			</div>
1361		</div>
1362
1363	</div>
1364	
1364<script src="https://kit.fontawesome.com/70037469e5.js" crossorigin="anonymous"></script>
1364
1365	
1365<script src="https://cdnjs.cloudflare.com/ajax/libs/image-map-resizer/1.0.10/js/imageMapResizer.min.js"></script>
1365
1366	
1366<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
1366
1367	
1367<script src="./assets/js/ofi.min.js"></script>
1367
1368	
1368<script src="./assets/js/stickyfill.min.js"></script>
1368
1369	
1369<script src="./assets/js/main.js"></script>
1369
1370	<!-- 
1370<script>
1371		$('.sliderProducts').slick({
1372			slidesToShow: 4,
1373			slidesToScroll: 1,
1374			autoplay: true,
1375			autoplaySpeed: 4000,
1376			infinite: true,
1377			arrows: false,
1378			centerMode: false,
1379			freemode: true,
1380			// centerPadding: '10px',
1381			//         variableWidth: true,
1382			responsive: [{
1383					breakpoint: 1460,
1384					settings: {
1385						slidesToShow: 3,
1386						slidesToScroll: 3,
1387					}
1388				},
1389				{
1390					breakpoint: 1080,
1391					settings: {
1392						slidesToShow: 2,
1393						slidesToScroll: 2,
1394						centerMode: false,
1395					}
1396				},
1397				{
1398					breakpoint: 560,
1399					settings: {
1400						slidesToShow: 1,
1401						slidesToScroll: 1,
1402					}
1403				},
1404				{
1405					breakpoint: 500,
1406					settings: {
1407						slidesToShow: 1,
1408						slidesToScroll: 1,
1409						centerPadding: '10px',
1410					}
1411				},
1412			]
1413		});
1414	</script>
1414 -->
1415	<!-- footer -->
1416	<footer>
1417	<div class="footer">
1418		<div class="contentWrap">
1419			<!-- ページトップボタン -->
1420			<div class="footerTop scroll-up">
1421				<div>
1422					<a href="./" class="homeLink">
1423						<img src="./assets/img/common/home.png" alt="">
1424						<span>HOME</span>
1425					</a>
1426				</div>
1427				<div>
1428					<a class="to-top">
1429						<img src="./assets/img/common/arrow_up.png" alt="">
1430						<span>
1431							このページの上部へ
1432						</span>
1433					</a>
1434				</div>
1435			</div>
1436
1437			<!-- PCfooter -->
1438			<div class="footerLinkArea sp-hide mb40 scroll-up">
1439				<div class="left">
1440					<!-- 八洲学園高等学校とは・一般・特別学習紹介 -->
1441					<div class="footerLinkAreaBox">
1442						<!-- 八洲学園高等学校とは -->
1443						<div class="footerLinkAreaLg fwMedium">
1444							<a href="./zaikou.php">在校生・卒業生の方へ</a>
1445						</div>
1446						<div class="footerLinkAreaLg fwMedium">
1447							<a href="./about/index.php">八洲学園高等学校とは</a>
1448						</div>
1449						<div class="footerLinkAreaLg">
1450							<a href="./about/philosophy.php">- 教育理念・教育目的</a>
1451						</div>
1452						<div class="footerLinkAreaLg">
1453							<a href="./about/greeting.php">- 校長挨拶</a>
1454						</div>
1455						<div class="footerLinkAreaLg">
1456							<a href="./about/graduation.php">- 教育方針・卒業要件</a>
1457						</div>
1458						<div class="footerLinkAreaLg">
1459							<a href="./about/campus.php">- キャンパス紹介</a>
1460						</div>
1461						<div class="footerLinkAreaLg">
1462							<a href="./about/attempt.php">- 八洲の取り組み</a>
1463						</div>
1464						<div class="footerLinkAreaLg">
1465							<a href="./about/text.php">-学則等 各種学校情報</a>
1466						</div>
1467
1468						<!-- 一般・特別学習紹介 -->
1469
1470						<div class="footerLinkAreaLg fwMedium mt30">
1471							<a href="./learn/index.php">一般・特別学習紹介</a>
1472						</div>
1473						<div class="footerLinkAreaLg">
1474							<a href="./learn/general.php">- 一般学習</a>
1475						</div>
1476						<div class="footerLinkAreaLg">
1477							<a href="./learn/special.php">- 特別学習</a>
1478						</div>
1479					</div>
1480
1481					<!-- クラス紹介・年間行事スケジュール・在校性インタビュー -->
1482					<div class="footerLinkAreaBox">
1483						<!-- クラス紹介 -->
1484						<div class="footerLinkAreaLg fwMedium">
1485							<a href="./class/index.php">クラス紹介</a>
1486						</div>
1487						<div class="footerLinkAreaLg">
1488							<a href="./class/basic.php">- ベーシッククラス</a>
1489						</div>
1490						<div class="footerLinkAreaLg">
1491							<a href="./class/five-year.php">- 5年制クラス</a>
1492						</div>
1493						<div class="footerLinkAreaLg">
1494							<a href="./class/home-support.php">- 少人数・個別指導クラス(旧:ホームサポートクラス)</a>
1495						</div>
1496						<div class="footerLinkAreaLg">
1497							<a href="./class/my-style.php">- マイスタイルクラス</a>
1498						</div>
1499						<div class="footerLinkAreaLg">
1500							<a href="./class/communication.php">- 通信クラス</a>
1501						</div>
1502
1503						<!-- 年間行事スケジュール -->
1504						<div class="footerLinkAreaLg fwMedium mt30">
1505							<a href="./events.php">年間行事スケジュール</a>
1506						</div>
1507
1508						<!-- 在校生インタビュー -->
1509						<div class="footerLinkAreaLg fwMedium">
1510							<a href="./interview/index.php">在校生インタビュー</a>
1511						</div>
1512						<div class="footerLinkAreaLg">
1513							<a href="./interview/general.php">- 一般学習編</a>
1514						</div>
1515						<div class="footerLinkAreaLg">
1516							<a href="./interview/extracurricular.php">- 校外学習編</a>
1517						</div>
1518						<div class="footerLinkAreaLg">
1519							<a href="./interview/art.php">- 芸術祭編</a>
1520						</div>
1521						<div class="footerLinkAreaLg">
1522							<a href="./interview/school-life.php">- 学校生活編</a>
1523						</div>
1524						<div class="footerLinkAreaLg">
1525							<a href="./interview/athlete.php">- アスリート編</a>
1526						</div>
1527					</div>
1528					<!-- その他単一ページ -->
1529					<div class="footerLinkAreaBox">
1530						<div class="footerLinkAreaLg fwMedium">
1531							<a href="./career-guidance.php">進路指導</a>
1532						</div>
1533						<div class="footerLinkAreaLg fwMedium">
1534							<a href="./counseling.php">カウンセリング</a>
1535						</div>
1536						<div class="footerLinkAreaLg fwMedium">
1537							<a href="./uniform.php">制服紹介</a>
1538						</div>
1539						<div class="footerLinkAreaLg fwMedium">
1540							<a href="./application.php">募集要項・校納金(学費)</a>
1541						</div>
1542						<div class="footerLinkAreaLg fwMedium">
1543							<a href="./faq.php">よくある質問</a>
1544						</div>
1545						<div class="footerLinkAreaLg fwMedium">
1546							<a href="./document.php">資料請求・説明会・体験入学</a>
1547						</div>
1548						<div class="footerLinkAreaLg fwMedium">
1549							<a href="https://web-pamph.com/yashima2024/" target="_blank">デジタルパンフレット(総合案内)</a>
1550						</div>
1551						<div class="footerLinkAreaLg fwMedium">
1552							<a href="./news.php">お知らせ</a>
1553						</div>
1554						<div class="footerLinkAreaLg fwMedium">
1555							<a href="./privacy.php">個人情報保護方針</a>
1556						</div>
1557
1558						<!-- 不登校支援 -->
1559						<div class="footerLinkAreaLg fwMedium">
1560							<a href="./futoukou/">不登校から通信制高校へ</a>
1561						</div>
1562
1563						<!-- 保護者向けガイド -->
1564						<div class="footerLinkAreaLg fwMedium">保護者向けガイド</div>
1565						<div class="footerLinkAreaLg">
1566							<a href="./guide/futoukou-shinro.php">- 中学不登校からの高校選び</a>
1567						</div>
1568						<div class="footerLinkAreaLg">
1569							<a href="./guide/tsushinsei-chigai.php">- 通信制と全日制の違い</a>
1570						</div>
1571						<div class="footerLinkAreaLg">
1572							<a href="./guide/gakuhi-shien.php">- 学費と支援制度</a>
1573						</div>
1574					</div>
1575					<!-- 採用ページ-->
1576					<div class="footerLinkAreaBox">
1577						<div class="footerLinkAreaLg fwMedium">
1578							<a href="./recruit.php">採用情報</a>
1579						</div>
1580						<div class="footerLinkAreaLg">
1581							<a href="./recruit.php#01">学校長挨拶</a>
1582						</div>
1583						<div class="footerLinkAreaLg">
1584							<a href="./recruit.php#02">八洲学園高等学校とは</a>
1585						</div>
1586						<div class="footerLinkAreaLg">
1587							<a href="./recruit.php#03">学校紹介</a>
1588						</div>
1589						<div class="footerLinkAreaLg">
1590							<a href="./recruit.php#04">魅力</a>
1591						</div>
1592						<div class="footerLinkAreaLg">
1593							<a href="./recruit.php#06">常勤教員</a>
1594						</div>
1595						<div class="footerLinkAreaLg">
1596							<a href="./recruit.php#06">非常勤教員</a>
1597						</div>
1598						<div class="footerLinkAreaLg">
1599							<a href="./recruit.php#06">事務職員</a>
1600						</div>
1601						<div class="footerLinkAreaLg">
1602							<a href="./recruit.php#05">
1602教職員の声</a>
1603						</div>
1604						<div class="footerLinkAreaLg">
1605							<a href="./recruit.php#07">応募選考方法</a>
1606						</div>
1607						<div class="footerLinkAreaLg">
1608							<a href="./entry.php">応募フォーム</a>
1609						</div>
1610					</div>
1611					<!-- 関連校-->
1612					<div class="footerLinkAreaBox">
1613						<div class="footerLinkAreaLg fwMedium">
1614							<a href="./associated-schools.php">関連校</a>
1615						</div>
1616						<div class="footerLinkAreaLg">
1617							<a href="https://jfs.yashima.ac.jp/" target="_blank" rel="noopener">- 八洲学園中等部</a>
1618						</div>
1619						<div class="footerLinkAreaLg">
1620							<a href="https://minori-hs.jp/machida/" target="_blank">- 町田みのり高等部</a>
1621						</div>
1622						<div class="footerLinkAreaLg">
1623							<a href="https://minori-hs.jp/sannomiya/" target="_blank">- 三宮みのり高等部</a>
1624						</div>
1625						<div class="footerLinkAreaLg">
1626							<a href="https://www.yashima.ac.jp/kousen/" target="_blank">- 八洲学園高等専修学校</a>
1627						</div>
1628						<div class="footerLinkAreaLg">
1629							<a href="https://www.apollo.ac.jp/" target="_blank">- 美芸学園高等専修学校</a>
1630						</div>
1631						<div class="footerLinkAreaLg">
1632							<a href="https://www.daibi.ac.jp/" target="_blank">- 大阪美容専門学校</a>
1633						</div>
1634						<div class="footerLinkAreaLg">
1635							<a href="https://www.jbac.ac.jp/" target="_blank">- BEAUTY ARTS KOBE 日本高等美容専門学校</a>
1636						</div>
1637						<div class="footerLinkAreaLg">
1638							<a href="https://www.kobeyosai.ac.jp/home/" target="_blank">- 神戸女子洋裁専門学校</a>
1639						</div>
1640						<div class="footerLinkAreaLg">
1641							<a href="https://echo-pet.yashima.ac.jp/" target="_blank" rel="noopener">- エコーペット高等専修学校</a>
1642						</div>
1643					</div>
1644				</div>
1645			</div>
1646		</div>
1647
1648
1649
1650
1651
1652		<!-- sp-nav -->
1653		<div class="sp-show scroll-up mbm50">
1654			<div class="">
1655				<div class=" containerL headerBottomMenu">
1656					<span class="madBo"></span>
1657
1658					<div class="headerBottomMenuArea">
1659						<a href="./zaikou.php" class="headerBottomMenuAreaLink spLink"><span class="sp-show">在校生・卒業生の方へ</span></a>
1660					</div>
1661
1662
1663					<div class="headerBottomMenuArea">
1664						<a class="headerBottomMenuAreaLink spLinkAlc">八洲学園高等学校とは</a>
1665					</div>
1666					<div class="sp-show">
1667						<div class=" headerBottomMenuAreaLinkSpWrap" style="display: none;">
1668							<a href="./about/philosophy.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>教育理念・教育目的</a>
1669							<a href="./about/greeting.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i> 校長挨拶</a>
1670							<a href="./about/graduation.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i> 教育方針・卒業要件</a>
1671							<a href="./about/campus.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>キャンパス紹介</a>
1672							<a href="./about/attempt.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>八洲の取り組み</a>
1673							<a href="./about/text.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>学則等 各種学校情報</a>
1674						</div>
1675					</div>
1676
1677
1678
1679					<div class="headerBottomMenuArea">
1680						<a class="headerBottomMenuAreaLink spLinkAlc">一般・特別学習紹介</a>
1681					</div>
1682					<div class="sp-show">
1683						<div class=" headerBottomMenuAreaLinkSpWrap" style="display: none;">
1684							<a href="./learn/general.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>一般学習</a>
1685							<a href="./learn/special.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i> 特別学習</a>
1686						</div>
1687					</div>
1688
1689
1690
1691
1692					<div class="headerBottomMenuArea">
1693						<a class="headerBottomMenuAreaLink spLinkAlc">クラス紹介</a>
1694					</div>
1695					<div class="sp-show">
1696						<div class=" headerBottomMenuAreaLinkSpWrap" style="display: none;">
1697							<a href="./class/basic.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>ベーシッククラス</a>
1698							<a href="./class/five-year.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>5年制クラス</a>
1699							<a href="./class/home-support.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>少人数・個別指導クラス(旧:ホームサポートクラス)</a>
1700							<a href="./class/my-style.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>マイスタイルクラス</a>
1701							<a href="./class/communication.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>通信クラス</a>
1702						</div>
1703					</div>
1704
1705
1706
1707					<div class="headerBottomMenuArea">
1708						<a href="./events.php" class="headerBottomMenuAreaLink spLink"><span class="sp-show">年間行事スケジュール</span></a>
1709					</div>
1710
1711					<!-- 在校生インタビュー -->
1712					<div class="headerBottomMenuArea">
1713						<a class="headerBottomMenuAreaLink spLinkAlc">在校生インタビュー</a>
1714					</div>
1715					<div class="sp-show">
1716						<div class=" headerBottomMenuAreaLinkSpWrap" style="display: none;">
1717							<a href="./interview/general.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>一般学習編</a>
1718							<a href="./interview/extracurricular.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>校外学習編</a>
1719							<a href="./interview/art.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>芸術祭編</a>
1720							<a href="./interview/school-life.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>学校生活編</a>
1721							<a href="./interview/athlete.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>アスリート編</a>
1722						</div>
1723					</div>
1724
1725					<div class="headerBottomMenuArea">
1726						<a href="./career-guidance.php" class="headerBottomMenuAreaLink spLink"><span class="sp-show">進路指導</span></a>
1727					</div>
1728					<div class="headerBottomMenuArea">
1729						<a href="./counseling.php" class="headerBottomMenuAreaLink spLink"><span class="sp-show">カウンセリング</span></a>
1730					</div>
1731					<div class="headerBottomMenuArea">
1732						<a href="./uniform.php" class="headerBottomMenuAreaLink spLink"><span class="sp-show">制服紹介</span></a>
1733					</div>
1734					<div class="headerBottomMenuArea">
1735						<a href="./application.php" class="headerBottomMenuAreaLink spLink"><span class="sp-show">募集要項・校納金(学費)</span></a>
1736					</div>
1737					<div class="headerBottomMenuArea">
1738						<a href="./faq.php" class="headerBottomMenuAreaLink spLink"><span class="sp-show">よくある質問</span></a>
1739					</div>
1740					<div class="headerBottomMenuArea">
1741						<a href="./document.php" class="headerBottomMenuAreaLink spLink"><span class="sp-show">資料請求・説明会・体験入学</span></a>
1742					</div>
1743					<div class="headerBottomMenuArea">
1744						<a href="https://web-pamph.com/yashima2024/" target="_blank" class="headerBottomMenuAreaLink spLink"><span class="sp-show">デジタルパンフレット(総合案内)</span></a>
1745					</div>
1746					<div class="headerBottomMenuArea">
1747						<a href="./news.php" class="headerBottomMenuAreaLink spLink"><span class="sp-show">お知らせ</span></a>
1748					</div>
1749					<div class="headerBottomMenuArea">
1750						<a href="./privacy.php" class="headerBottomMenuAreaLink spLink"><span class="sp-show">個人情報保護方針</span></a>
1751					</div>
1752
1753					<!-- 不登校支援 -->
1754					<div class="headerBottomMenuArea">
1755						<a href="./futoukou/" class="headerBottomMenuAreaLink spLink"><span class="sp-show">不登校から通信制高校へ</span></a>
1756					</div>
1757
1758					<!-- 保護者向けガイド -->
1759					<div class="headerBottomMenuArea">
1760						<a class="headerBottomMenuAreaLink spLinkAlc">保護者向けガイド</a>
1761					</div>
1762					<div class="sp-show">
1763						<div class=" headerBottomMenuAreaLinkSpWrap" style="display: none;">
1764							<a href="./guide/futoukou-shinro.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>中学不登校からの高校選び</a>
1765							<a href="./guide/tsushinsei-chigai.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>通信制と全日制の違い</a>
1766							<a href="./guide/gakuhi-shien.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>学費と支援制度</a>
1767						</div>
1768					</div>
1769
1770					
1771
1772
1773					<!-- 採用情報 -->
1774					<div class="headerBottomMenuArea">
1775						<a class="headerBottomMenuAreaLink spLinkAlc">採用情報</a>
1776					</div>
1777					<div class="sp-show">
1778						<div class=" headerBottomMenuAreaLinkSpWrap" style="display: none;">
1779							<a href="./recruit.php#01" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>学校長挨拶</a>
1780							<a href="./recruit.php#02" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>八洲学園高等学校とは</a>
1781							<a href="./recruit.php#03" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>学校紹介</a>
1782							<a href="./recruit.php#04" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>魅力</a>
1783							<a href="./recruit.php#06" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>常勤教員</a>
1784							<a href="./recruit.php#06" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>非常勤教員</a>
1785							<a href="./recruit.php#06" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>事務職員</a>
1786							<a href="./recruit.php#05" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>
1786教職員の声</a>
1787							<a href="./recruit.php#07" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>応募選考方法</a>
1788							<a href="./entry.php" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>応募フォーム</a>
1789
1790						</div>
1791					</div>
1792
1793
1794					<!-- 関連校 -->
1795					<div class="headerBottomMenuArea">
1796						<a class="headerBottomMenuAreaLink spLinkAlc">関連校</a>
1797					</div>
1798					<div class="sp-show">
1799						<div class=" headerBottomMenuAreaLinkSpWrap" style="display: none;">
1800							<a target="_blank" rel="noopener" href="https://jfs.yashima.ac.jp/" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>八洲学園中等部</a>
1801							<a target="_blank" href="https://minori-hs.jp/machida/" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>町田みのり高等部</a>
1802							<a target="_blank" href="https://minori-hs.jp/sannomiya/" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>三宮みのり高等部</a>
1803							<a target="_blank" href="https://www.yashima.ac.jp/kousen/" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>八洲学園高等専修学校</a>
1804							<a target="_blank" href="https://www.apollo.ac.jp/" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>美芸学園高等専修学校</a>
1805							<a target="_blank" href="https://www.daibi.ac.jp/" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>大阪美容専門学校</a>
1806							<a target="_blank" href="https://www.jbac.ac.jp/" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>BEAUTY ARTS KOBE 日本高等美容専門学校</a>
1807							<a target="_blank" href="https://www.kobeyosai.ac.jp/home/" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>神戸女子洋裁専門学校</a>
1808							<a target="_blank" rel="noopener" href="https://echo-pet.yashima.ac.jp/" class="headerBottomMenuAreaLinkSp "><i class="fas fa-chevron-right"></i>エコーペット高等専修学校</a>
1809
1810						</div>
1811
1812
1813
1814
1815
1816
1817
1818					</div>
1819				</div>
1820			</div>
1821		</div>
1822		<!--  SNS+copyRight-->
1823		<div class="copyRightWrap">
1824			<div class="left">
1825				<div class="image">
1826					<a href="./">
1827						<img src=".//assets/img/common/logo_footer.png" alt="">
1828					</a>
1829				</div>
1830				<div class="sns-wrapper">
1831					<a href="https://www.facebook.com/yashimagakuen.hs/" target="_blank" class="facebook sns-icon">
1832						<img src="./assets/img/top/sns01.png" alt="">
1833					</a>
1834					<a href="https://www.instagram.com/yashimagakuen.hs/" target="_blank" class="instagram sns-icon">
1835						<img src="./assets/img/top/sns02.png" alt="">
1836					</a>
1837					<a href="https://twitter.com/yashima_hs" target="_blank" class="twitter sns-icon">
1838						<img src="./assets/img/top/sns03.png" alt="">
1839					</a>
1840				</div>
1841			</div>
1842			<div class="right right_ad right_ad_flex">
1843				<div class="copyRight roboto">
1844					<p>
1845						© Copyright 2024 八洲学園高等学校
1846					</p>
1847				</div>
1848			</div>
1849		</div>
1850		<!-- 各種バナー-->
1851		<div class="footer-banner">
1852			<a href="https://jfs.yashima.ac.jp/" target="_blank" rel="noopener" class="footer-banner__link">
1853				<img src="./assets/img/top/footer-banne01.png" alt="">
1854			</a>
1855			<a href="https://osakatsushin-g.jp/" target="_blank" class="footer-banner__link">
1856				<img src="./assets/img/top/footer-banne02.png" alt="">
1857			</a>
1858			<a href="https://minori-hs.jp/machida/" target="_blank" class="footer-banner__link">
1859				<img src="./assets/img/top/footer-banne03.png" alt="">
1860			</a>
1861			<a href="https://shitsukyo.jp/" target="_blank" class="footer-banner__link">
1862				<img src="./assets/img/top/footer-banne04.png" alt="">
1863			</a>
1864
1865			
1866		</div>
1867
1868
1869	</div>
1870
1871
1872
1873
1874
1875</footer>
1876<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1876
1876
1877<script src="remodal.js"></script>
1877
1878
1879<script>
1880	$(function() {
1881		// 初期読み込みとスクロール時のエフェクト適用
1882		initializeAndApplyEffects();
1883
1884		// ページがブラウザのキャッシュから表示された際にもエフェクトを適用
1885		$(window).on('pageshow', function(event) {
1886			if (event.originalEvent.persisted) {
1887				// ページがキャッシュから復元された場合、エフェクトを再適用
1888				initializeAndApplyEffects();
1889			}
1890		});
1891
1892		function initializeAndApplyEffects() {
1893			load_effect();
1894			scroll_effect(); // ここで scroll_effect を呼ぶことで初期状態でも適用されるようにします。
1895		}
1896
1897		$(window).scroll(function() {
1898			scroll_effect();
1899		});
1900
1901		$('.spLinkAlc').off().on("click", function() {
1902			$(this).parents(".headerBottomMenuArea")
1903				.toggleClass('scopen')
1904				.next('div').find('.headerBottomMenuAreaLinkSpWrap').slideToggle();
1905		});
1906
1907		$('.to-top').off().on("click", function() {
1908			$('html, body').animate({
1909				scrollTop: 0
1910			});
1911		});
1912
1913		// 追従ヘッダーのときのアンカーリンク用スムーズスクロール
1914		$(document).ready(function() {
1915			let headerHeight = $('#header').outerHeight(); // ヘッダーの高さを取得
1916
1917			let hash = window.location.hash; // URLからハッシュ部分を取得
1918
1919			// ハッシュが存在し、対応する要素がある場合にスクロール
1920			if (hash && $(hash).length) {
1921				let position = $(hash).offset().top - headerHeight;
1922				$('html, body').animate({
1923					scrollTop: position
1924				}, 600, "swing");
1925			}
1926
1927			$('a[href^="#"]').click(function(e) {
1928				e.preventDefault();
1929				let href = $(this).attr("href");
1930				let target = $(href == "#" || href == "" ? 'html' : href);
1931				let position = target.offset().top - headerHeight;
1932				$('html, body').animate({
1933					scrollTop: position
1934				}, 600, "swing");
1935			});
1936		});
1937
1938		function scroll_effect() {
1939			var tt = $(window).scrollTop();
1940			var hh = $(window).height();
1941			$('.scroll-fade').each(function() {
1942				var yy = $(this).offset().top + 400;
1943				if (tt > yy - hh) {
1944					$(this).addClass('done');
1945				}
1946			});
1947			$('.scroll-up').each(function() {
1948				var yy = $(this).offset().top + 50;
1949				if (tt > yy - hh) {
1950					$(this).addClass('done');
1951				}
1952			});
1953		}
1954
1955		function load_effect() {
1956			var tt = $(window).scrollTop();
1957			var hh = $(window).height();
1958			$('.scroll-fade').each(function() {
1959				var yy = $(this).offset().top;
1960				if (tt > yy - hh) {
1961					$(this).addClass('done');
1962				}
1963			});
1964			$('.scroll-up_auto').each(function() {
1965				var yy = $(this).offset().top;
1966				if (tt > yy - hh) {
1967					$(this).addClass('done');
1968				}
1969			});
1970		}
1971	});
1972</script>
1972	<!-- /footer -->
1973	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.0.5/remodal.min.css">
1974	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.0.5/remodal-default-theme.min.css">
1975	
1975<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.0.5/remodal.min.js"></script>
1975
1976
1977	
1977<script>
1978		$(function() {
1979			var topBtn = $('.to-top');
1980			var indexBtn = $('.to-index');
1981			//ボタンを非表示にする
1982			topBtn.hide();
1983			indexBtn.hide();
1984			//スクロールしてページトップから100に達したらボタンを表示
1985			$(window).scroll(function() {
1986				if ($(this).scrollTop() > 100) {
1987					//フェードインで表示
1988					topBtn.fadeIn();
1989					indexBtn.fadeIn();
1990				} else {
1991					//フェードアウトで非表示
1992					topBtn.fadeOut();
1993					indexBtn.fadeOut();
1994				}
1995			});
1996			//スクロールしてトップへ戻る
1997			topBtn.click(function() {
1998				$('body,html').animate({
1999					scrollTop: 0
2000				}, 500);
2001				return false;
2002			});
2003		});
2004		$(function() {
2005			var header = $('#header');
2006			var now_file = location.href.split("/").pop();
2007			var afterScrollHeader = $('.afterScrollHeader')
2008
2009			$(window).scroll(function() {
2010				header.toggleClass("scrolled", $(document).scrollTop() > 30)
2011			});
2012
2013		});
2014	</script>
2014
2015	
2015<script type="text/javascript">
2016		if (location.hash == '#modal') {
2017			window.location.href = './';
2018		}
2019		$(function() {
2020			imageMapResize();
2021			$(".vr_hover").mouseover(function() {
2022				var no = './assets/img/top/bg_virtual_' + $(this).attr("title") + '.png';
2023				$("#vr_img").attr('src', no);
2024
2025				var kai = $(this).attr("alt");
2026				var sub_t = $(this).attr("sub_t");
2027				var link_num = $(this).attr("link_num");
2028				var detail_text = $(this).attr("detail_text");
2029				var modal_img = $(this).attr("modal_img");
2030
2031				$("#modal_kai").html(kai);
2032				$("#modal_kai_sub").html(sub_t);
2033				if (kai == '8F') {
2034					$("#modal_link").attr("href", "./development.php");
2035				} else {
2036					$("#modal_link").attr("href", "./business_detail.php?id=" + link_num);
2037				}
2038				$("#modal_detail_text").html(detail_text);
2039				$("#modal_img").attr("src", modal_img);
2040			});
2041			$(".vr_hover").mouseout(function() {
2042				$("#vr_img").attr('src', './assets/img/top/bg_virtual_2.png');
2043			});
2044		})
2045	</script>
2045
2046
2047
2048</body>
2049
2050</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.