PageSourceSearch

https://www.cgu.ac.jp/cgu/mirai/?utm_source=qr&utm_medium=pamphlet&utm_campaign=guide_2027

html cgu.ac.jp collected 2026-10-02 10:50:17 UTC 133,098 bytes, 1,840 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5    <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 5-6
5
6    <script async src="https://www.googletagmanager.com/gtag/js?id=
6UA-36921471-1
vendor: 16 bytes, lines 6-7
6"></script>
7    
7<script>
8        
vendor: 154 bytes, lines 8-11
8window.dataLayer = window.dataLayer || [];
9        function gtag() { dataLayer.push(arguments); }
10        gtag('js', new Date());
11        gtag('config', '
11UA-36921471-1
vendor: 8 bytes, lines 11-12
11');
12    
12</script>
12
13
14    <!-- Google Tag Manager by DISCO-->
15    
15<script>
vendor: 478 bytes, lines 15-22
15(function (w, d, s, l, i) {
16            w[l] = w[l] || []; w[l].push({
17                'gtm.start':
18                    new Date().getTime(), event: 'gtm.js'
19            }); var f = d.getElementsByTagName(s)[0],
20                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
21                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
22        })(window, document, 'script', 'dataLayer', '
22GTM-WNJD6D6
vendor: 3 bytes, line 22
22');
22</script>
22
23    <!-- End Google Tag Manager by DISCO-->
24
25    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 25-26
25
26    <script async src="https://www.googletagmanager.com/gtag/js?id=
26G-JEB4HJG0JT
vendor: 16 bytes, lines 26-27
26"></script>
27    
27<script>
28        
vendor: 154 bytes, lines 28-31
28window.dataLayer = window.dataLayer || [];
29        function gtag() { dataLayer.push(arguments); }
30        gtag('js', new Date());
31        gtag('config', '
31G-JEB4HJG0JT
vendor: 8 bytes, lines 31-32
31');
32    
32</script>
32
33    <meta charset="UTF-8">
34    <meta name="viewport" content="width=device-width, initial-scale=1.0">
35    <meta name="description"
36        content="未来デザインラボは、自分を知り、4年間の「歩き方」を描くためのスペシャルサイトです。ポテンシャル診断や興味関心メーター、在学生の Before/After動画、オリジナル応援ソング生成など、楽しみながら「?」を「!」に変えるコンテンツを準備しています。各コンテンツは、自分の強みや未来の可能性に気づくきっかけになります。迷いをワクワクに変えて、一歩踏み出してみませんか。">
37    <title>MIRAI DESIGN LAB. | 未来デザインラボ | 中央学院大学</title>
38    <link rel="preconnect" href="https://fonts.googleapis.com">
39    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
40    <!-- <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Noto+Sans+JP:wght@300;400;500;700&family=Oswald:wght@400;500;600;700&family=Zen+Dots&display=swap" rel="stylesheet"> -->
41    <link
42        href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Noto+Sans+JP:wght@300;400;500;700&family=Oswald:wght@400;500;600;700&display=swap"
43        rel="stylesheet">
44    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
45    <link rel="stylesheet" href="assets/css/common.css">
46    <link rel="stylesheet" href="assets/css/top.css">
47
48    <!-- Infoclipper -->
49    
49<script type="text/javascript" src="//www17.infoclipper.net/infohp_js/c53sme7.js" charset="UTF-8"></script>
49
50    
50<script type="text/javascript" src="//www17.infoclipper.net/infohp_js/fpAnalysis.js" charset="UTF-8"></script>
50
51</head>
52
53<body>
54    <!-- Google Tag Manager by DISCO(noscript) -->
vendor: 72 bytes, lines 54-55
54
55    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
55GTM-WNJD6D6
vendor: 99 bytes, lines 55-57
55" height="0" width="0"
56            style="display:none;visibility:hidden"></iframe></noscript>
57    
57<!-- End Google Tag Manager by DISCO(noscript) -->
58
59    <!-- ============================================================
60    Header
61  ============================================================ -->
62    <header class="header">
63        <div class="header__inner">
64            <div class="header__logo">
65                <h1>CHUO GAKUIN UNIVERSITY</h1>
66            </div>
67            <button type="button" class="header__hamburger" aria-label="メニューを開く" aria-expanded="false">
68                <span></span>
69                <span></span>
70                <span></span>
71            </button>
72        </div>
73        <nav class="header__nav">
74            <div class="header__nav-inner">
75                <div class="header__nav-logo">
76                    <p>CHUO GAKUIN UNIVERSITY</p>
77                </div>
78                <ul class="header__nav-list">
79                    <li class="header__nav-item">
80                        <a href="#discover" class="header__nav-link">
81                            <span class="header__nav-en">DISCOVER</span>
82                            <span class="header__nav-ja">大学を知ろう</span>
83                        </a>
84                    </li>
85                    <li class="header__nav-item">
86                        <a href="#identity" class="header__nav-link">
87                            <span class="header__nav-en">IDENTITY</span>
88                            <span class="header__nav-ja">自分を知ろう</span>
89                        </a>
90                    </li>
91                    <li class="header__nav-item">
92                        <a href="#growth" class="header__nav-link">
93                            <span class="header__nav-en">GROWTH</span>
94                            <span class="header__nav-ja">未来を知ろう</span>
95                        </a>
96                    </li>
97                    <li class="header__nav-item">
98                        <a href="#voice" class="header__nav-link">
99                            <span class="header__nav-en">VOICE</span>
100                            <span class="header__nav-ja">成長を描こう</span>
101                        </a>
102                    </li>
103                    <!-- <li class="header__nav-item">
104            <a href="#song" class="header__nav-link">
105              <span class="header__nav-en">CREATE A SONG</span>
106              <span class="header__nav-ja">あなたの歌をつくります</span>
107            </a>
108          </li> -->
109                </ul>
110            </div>
111        </nav>
112    </header>
113
114    <!-- ============================================================
115    Hero
116  ============================================================ -->
117    <section class="hero">
118        <div class="swiper hero__swiper">
119            <div class="swiper-wrapper">
120                <div class="swiper-slide">
121                    <picture>
122                        <source media="(min-width: 768px)" srcset="assets/img/top/hero1.jpg">
123                        <img src="assets/img/top/hero1-sp.jpg" alt="">
124                    </picture>
125                </div>
126                <div class="swiper-slide">
127                    <picture>
128                        <source media="(min-width: 768px)" srcset="assets/img/top/hero2.jpg">
129                        <img src="assets/img/top/hero2-sp.jpg" alt="">
130                    </picture>
131                </div>
132                <div class="swiper-slide">
133                    <picture>
134                        <source media="(min-width: 768px)" srcset="assets/img/top/hero3.jpg">
135                        <img src="assets/img/top/hero3-sp.jpg" alt="">
136                    </picture>
137                </div>
138                <div class="swiper-slide">
139                    <picture>
140                        <source media="(min-width: 768px)" srcset="assets/img/top/hero4.jpg">
141                        <img src="assets/img/top/hero4-sp.jpg" alt="">
142                    </picture>
143                </div>
144            </div>
145        </div>
146
147        <div class="hero__content">
148            <p class="hero__title">STEP into <br class="sp-only">the FUTURE!</p>
149        </div>
150
151    </section>
152
153    <!-- ============================================================
154    About
155  ============================================================ -->
156    <section class="about">
157        <div class="about__scroll">
158            <img src="assets/img/common/scroll.svg" alt="scroll">
159        </div>
160        <div class="about__inner">
161            <div class="about__image about__image--left">
162                <img src="assets/img/top/intro-l.png" alt="">
163            </div>
164            <div class="about__content">
165                <h2 class="about__heading">About<br class="sp-only"> MIRAI DESIGN LAB.</h2>
166                <p class="about__text">
167                    <span>未来デザインラボは、自分を知り、</span>
168                    <span>4年間の「歩き方」を描くためのスペシャルサイトです。</span>
169                    <span>ポテンシャル診断や興味関心メーター、</span>
170                    <span>在学生の Before/After動画、オリジナル応援ソング生成など、</span>
171                    <span>楽しみながら「?」を「!」に変えるコンテンツを準備しています。</span>
172                    <span>各コンテンツは、自分の強みや未来の可能性に気づくきっかけになります。</span>
173                    <span>迷いをワクワクに変えて、一歩踏み出してみませんか。</span>
174                </p>
175                <div class="about__image-sp">
176                    <img src="assets/img/top/intro-sp.png" alt="">
177                </div>
178            </div>
179            <div class="about__image about__image--right">
180                <img src="assets/img/top/intro-r.png" alt="">
181            </div>
182        </div>
183    </section>
184
185    <!-- ============================================================
186    Discover
187  ============================================================ -->
188    <div id="discover"></div>
189    <section class="discover">
190        <div class="discover__wrap">
191            <div class="discover__inner">
192                <div class="discover__heading">
193                    <span class="discover__heading-category">大学を知ろう</span>
194                    <span class="discover__heading-en">DISCOVER</span>
195                </div>
196                <div class="discover__body">
197                    <div class="discover__body-text">
198                        <span class="discover__heading-ja">大学で学ぶってどういうこと?</span>
199                        <p class="discover__text">
200                            <span class="discover__text-nowrap">「大学って行った方がいいのかな」「何を学ぶのかイメージがわかない」</span>
201                            <span>――そんなモヤモヤを持つ高校生へ。<br class="pc-only">
202                                大学は単に「専門知識を学ぶ場所」だけでなく、<br class="pc-only">
203                                学び方や人との出会い、将来の選択肢を広げる場です。<br class="pc-only">
204                                まずは気になるテーマから、<br class="pc-only">
205                                大学でできること・選べる道をやさしく整理してみませんか?</span>
206                        </p>
207                    </div>
208                    <div class="discover__intro-image">
209                        <img src="assets/img/discover/intro.jpg" alt="">
210                    </div>
211                </div>
212                <div class="discover__themes">
213                    <a href="discover/theme01.html" class="discover-theme">
214                        <div class="discover-theme__number">
215                            <span class="discover-theme__label">THEME</span>
216                            <span class="discover-theme__num">01</span>
217                        </div>
218                        <p class="discover-theme__text"><span>将来の夢が決まらない高校生へ</span>「焦らなくていい理由と<br
219                                class="sp-only">夢の見つけ方」</p>
220                        <span class="discover-theme__arrow"><img src="assets/img/common/arrow4.svg" alt=""></span>
221                    </a>
222                    <a href="discover/theme02.html" class="discover-theme">
223                        <div class="discover-theme__number">
224                            <span class="discover-theme__label">THEME</span>
225                            <span class="discover-theme__num">02</span>
226                        </div>
227                        <p class="discover-theme__text"><span>高校生向けに時期別の流れとコツを解説</span>「大学の選び方」</p>
228                        <span class="discover-theme__arrow"><img src="assets/img/common/arrow4.svg" alt=""></span>
229                    </a>
230                    <a href="discover/theme03.html" class="discover-theme">
231                        <div class="discover-theme__number">
232                            <span class="discover-theme__label">THEME</span>
233                            <span class="discover-theme__num">03</span>
234                        </div>
235                        <p class="discover-theme__text"><span>リアルな過ごし方や意識したいことを解説</span>「大学生活で<br
236                                class="sp-only">後悔しないためには?」</p>
237                        <span class="discover-theme__arrow"><img src="assets/img/common/arrow4.svg" alt=""></span>
238                    </a>
239                    <a href="discover/theme04.html" class="discover-theme">
240                        <div class="discover-theme__number">
241                            <span class="discover-theme__label">THEME</span>
242                            <span class="discover-theme__num">04</span>
243                        </div>
244                        <p class="discover-theme__text"><span>国家・地方公務員の違いや試験難易度も紹介</span>「公務員の仕事内容を<br
245                                class="sp-only">種類別に解説!」</p>
246                        <span class="discover-theme__arrow"><img src="assets/img/common/arrow4.svg" alt=""></span>
247                    </a>
248                </div>
249            </div>
250        </div>
251    </section>
252
253    <!-- ============================================================
254    Identity
255  ============================================================ -->
256    <div id="identity"></div>
257    <section class="identity">
258        <div class="identity__wrap">
259            <div class="identity__inner">
260                <div class="identity__heading">
261                    <span class="identity__heading-category">自分を知ろう</span>
262                    <span class="identity__heading-en">IDENTITY</span>
263                </div>
264                <div class="identity__body">
265                    <div class="identity__body-text">
266                        <span class="identity__heading-ja">自分を知るための<br class="sp-only">ポテンシャル診断</span>
267                        <p class="identity__text">
268                            <span>「やりたいことが見つからない」「どんな道が自分に合っているの?」 <br class="pc-only">
269                                ――そんな不安を抱える高校生へ。 <br class="pc-only">
270                                まだ気づいていないあなたの可能性は、意外なところに隠れているかもしれません。<br class="pc-only">
271                                まずは24問のアンケートで、あなたの特性を診断。8つのタイプからあなたにぴったりの「学び」と「未来のヒント」を見つけてみませんか?</span>
272                        </p>
273                    </div>
274                    <div class="identity__intro-image">
275                        <img src="assets/img/identity/intro.jpg" alt="">
276                    </div>
277                </div>
278                <div class="identity__preview">
279                    <p class="identity__preview-lead">質問に答えると<br class="sp-only">「あなたのポテンシャル」が<br class="sp-only">わかります!
280                    </p>
281                    <div class="identity__preview-card">
282                        <p class="identity__preview-example identity__preview-deco-wrap">
283                            例えばこんな
284                            <img src="assets/img/identity/q.svg" class="identity__preview-q" alt="Q">
285                            に答えると・・・
286                        </p>
287                        <ul class="identity__preview-list">
288                            <li class="identity__preview-item">
289                                <img src="assets/img/common/frame.svg" class="identity__preview-item-frame" alt="">
290                                <div class="identity__preview-item-content">
291                                    <img src="assets/img/identity/q2.svg" class="identity__preview-item-q" alt="Q">
292                                    <p class="identity__preview-item-text">クラスやグループのまとめ役を<br>進んでやることがある。</p>
293                                </div>
294                            </li>
295                            <li class="identity__preview-item">
296                                <img src="assets/img/common/frame.svg" class="identity__preview-item-frame" alt="">
297                                <div class="identity__preview-item-content">
298                                    <img src="assets/img/identity/q2.svg" class="identity__preview-item-q" alt="Q">
299                                    <p class="identity__preview-item-text">失敗を恐れずに<br>まずやってみる気持ちがある。</p>
300                                </div>
301                            </li>
302                            <li class="identity__preview-item">
303                                <img src="assets/img/common/frame.svg" class="identity__preview-item-frame" alt="">
304                                <div class="identity__preview-item-content">
305                                    <img src="assets/img/identity/q2.svg" class="identity__preview-item-q" alt="Q">
306                                    <p class="identity__preview-item-text">自由な発想で人を驚かせたい。</p>
307                                </div>
308                            </li>
309                        </ul>
310                        <span class="identity__preview-arrow"><img src="assets/img/common/arrow5.svg" alt=""></span>
311                        <p class="identity__preview-diagnose identity__preview-deco-wrap">あなたのタイプを診断!</p>
312                        <div class="identity__preview-result">
313                            <img src="assets/img/identity/result.jpg" alt="診断結果(例)">
314                        </div>
315                        <a href="identity/" class="identity__btn">診断する</a>
316                    </div>
317                </div>
318            </div>
319        </div>
320    </section>
321
322    <!-- ============================================================
323    Growth
324  ============================================================ -->
325    <section id="growth" class="growth">
326        <div class="growth__wrap">
327            <div class="growth__inner">
328                <div class="growth__heading">
329                    <span class="growth__heading-category">未来を知ろう</span>
330                    <span class="growth__heading-en">GROWTH</span>
331                </div>
332                <div class="growth__body">
333                    <div class="growth__body-text">
334                        <span class="growth__heading-ja">先輩たちの成長を見て、<br><span
335                                style="white-space: nowrap;">未来のキャンパスライフを<br class="sp-only">思い描こう。</span><br>CGU Before
336                            After</span>
337                        <p class="growth__text">
338                            <span>入学直後の戸惑いや孤独、授業でのつまずきからゼミでの議論、<br class="pc-only">フィールドワークやインターンでの挑戦、<br
339                                    class="pc-only">そして得られる達成感まで在学生の「今」をVlogで追いかけます!<br
340                                    class="pc-only">等身大の声と具体的な学びの場面を通して、<br
341                                    class="pc-only">大学生活の変化と成長のプロセスをリアルにお届けします。</span>
342                        </p>
343                    </div>
344                    <div class="growth__intro-image">
345                        <img src="assets/img/growth/intro.jpg" alt="">
346                    </div>
347                </div>
348
349                <div class="growth__episodes">
350
351                    <div class="growth__episodes-section">
352                        <div class="growth__episodes-label">BEFORE</div>
353                        <div class="growth__episode-grid growth__episode-grid--before">
354
355                            <div class="growth__episode-item">
356                                <!-- <div class="growth__episode-num">EPISODE <span>01</span></div> -->
357                                <a href="#" class="growth__episode-image js-modal" data-modal="episode-modal01">
358                                    <img src="assets/img/growth/episode01.png" alt="EPISODE 01">
359                                    <img src="assets/img/common/arrow6.svg" alt="" class="growth__episode-play">
360                                </a>
361
362                                <div class="growth__episode-body">
363                                    <h3 class="growth__episode-title">夢につながる<br>学びがある</h3>
364                                    <p class="growth__episode-text">
365                                        入学の決め手は、2年次から始まる『スポーツキャリアコース』でした。興味のあったマーケティングを学べる環境で、日々充実しています。</p>
366
367                                    <div class="growth__episode-location">
368                                        <span class="growth__episode-department">商学部</span>
369                                        <p class="growth__episode-place">井良沢 悠斗さん</p>
370                                    </div>
371                                </div>
372                            </div>
373
374                            <div class="growth__episode-item">
375                                <!-- <div class="growth__episode-num">EPISODE <span>02</span></div> -->
376
377                                <a href="#" class="growth__episode-image js-modal" data-modal="episode-modal02">
378                                    <img src="assets/img/growth/episode02.png" alt="EPISODE 02">
379                                    <img src="assets/img/common/arrow6.svg" alt="" class="growth__episode-play">
380                                </a>
381
382                                <div class="growth__episode-body">
383                                    <h3 class="growth__episode-title">まだ知らない未来に<br>
384                                        出会っていく</h3>
385                                    <p class="growth__episode-text">
386                                        手厚い資格取得サポートが入学の決め手でした。最初は不安でしたが、親身な指導のおかげで安心して学べています。</p>
387
388                                    <div class="growth__episode-location">
389                                        <span class="growth__episode-department">法学部</span>
390                                        <p class="growth__episode-place">中山 花音さん</p>
391                                    </div>
392                                </div>
393                            </div>
394
395                            <div class="growth__episode-item">
396                                <!-- <div class="growth__episode-num">EPISODE <span>03</span></div> -->
397
398                                <a href="#" class="growth__episode-image js-modal" data-modal="episode-modal03">
399                                    <img src="assets/img/growth/episode03.png" alt="EPISODE 03">
400                                    <img src="assets/img/common/arrow6.svg" alt="" class="growth__episode-play">
401                                </a>
402
403                                <div class="growth__episode-body">
404                                    <h3 class="growth__episode-title">まだ決まっていなくても<br>
405                                        進んでいける</h3>
406                                    <p class="growth__episode-text">最初は分からないことばかりでしたが、人や雰囲気が自分に合っていて、素直に『入学して良かった』と思えます。
407                                    </p>
408
409                                    <div class="growth__episode-location">
410                                        <span class="growth__episode-department">現代教養学部</span>
411                                        <p class="growth__episode-place">原 颯希さん</p>
412                                    </div>
413                                </div>
414                            </div>
415
416                        </div>
417                    </div>
418
419                    <div class="growth__episodes-arrow"></div>
420
421                    <div class="growth__episodes-section">
422                        <div class="growth__episodes-label">AFTER</div>
423                        <div class="growth__episode-grid growth__episode-grid--after">
424
425                            <div class="growth__episode-item">
426                                <a class="growth__episode-image">
427                                    <img src="assets/img/growth/episode-dummy.png" alt="EPISODE 04">
428                                    <img src="assets/img/common/arrow6.svg" alt="" class="growth__episode-play">
429                                    <span>Coming soom...</span>
430                                </a>
431
432                            </div>
433                            <!-- 
434                            <div class="growth__episode-item">
435                                <a href="#" class="growth__episode-image">
436                                    <img src="assets/img/growth/episode-dummy.png" alt="EPISODE 04">
437                                    <img src="assets/img/common/arrow6.svg" alt="" class="growth__episode-play">
438                                    <span>Coming soom...</span>
439                                </a>
440
441                            </div> -->
442                        </div>
443                    </div>
444
445                </div>
446            </div>
447        </div>
448    </section>
449
450    <!-- ============================================================
451    Voices
452  ============================================================ -->
453    <div id="voice"></div>
454    <section class="voice">
455        <div class="voice__wrap">
456            <div class="voice__inner">
457                <div class="voice__heading">
458                    <span class="voice__heading-category">成長を描こう</span>
459                    <span class="voice__heading-en">VOICES</span>
460                </div>
461                <div class="voice__body">
462                    <div class="voice__body-text">
463                        <span class="voice__heading-ja">リアルキャンパスライフ</span>
464                        <p class="voice__text">
465                            <span>先輩たちの声には、<br class="pc-only">あなたの未来の姿のヒントがたくさんあるはず!</span>
466                            <span>大学の4年間について語ってくれた13人の先輩の声を参考に、<br class="pc-only">あなたの大学生活を思い描こう!</span>
467                        </p>
468                    </div>
469                    <div class="voice__intro-image">
470                        <img src="assets/img/voice/intro.jpg" alt="">
471                    </div>
472                </div>
473            </div>
474            <div class="swiper voice__swiper">
475                <div class="swiper-wrapper">
476                    <div class="swiper-slide">
477                        <div class="voice-card">
478                            <div class="voice-card__image">
479                                <picture>
480                                    <source media="(min-width: 768px)" srcset="assets/img/voice/student1.jpg">
481                                    <img src="assets/img/voice/student1-sp.jpg" alt="学生の声 01">
482                                </picture>
483                            </div>
484                            <div class="voice-card__body">
485                                <span class="voice-card__number">VOICE 01</span>
486                                <p class="voice-card__quote">
487                                    <span>とにかく、一歩踏み出してみる、</span>
488                                    <span>行動する自分に変わった。</span>
489                                </p>
490                                <div class="voice-card__info">
491                                    <p class="voice-card__name">井上 世一<span>さん</span></p>
492                                    <p class="voice-card__dept">商学部 商学科 3年</p>
493                                    <p class="voice-card__school">[千葉県立印旛明誠高等学校 出身]</p>
494                                </div>
495                                <button type="button" class="voice-card__btn" data-modal="voiceModal1">VIEW
496                                    MORE</button>
497                            </div>
498                        </div>
499                    </div>
500                    <div class="swiper-slide">
501                        <div class="voice-card">
502                            <div class="voice-card__image">
503                                <picture>
504                                    <source media="(min-width: 768px)" srcset="assets/img/voice/student3.jpg">
505                                    <img src="assets/img/voice/student3-sp.jpg" alt="学生の声 03">
506                                </picture>
507                            </div>
508                            <div class="voice-card__body">
509                                <span class="voice-card__number">VOICE 02</span>
510                                <p class="voice-card__quote">
511                                    <span>ひとつのジャンルに縛られず、</span>
512                                    <span>自分の興味のままに学ぶ。</span>
513                                </p>
514                                <div class="voice-card__info">
515                                    <p class="voice-card__name">谷口 美海<span>
515さん</span></p>
516                                    <p class="voice-card__dept">現代教養学部 現代教養学科 4年</p>
517                                    <p class="voice-card__school">[茨城県立中央高等学校 出身]</p>
518                                </div>
519                                <button type="button" class="voice-card__btn" data-modal="voiceModal3">VIEW
520                                    MORE</button>
521                            </div>
522                        </div>
523                    </div>
524                    <div class="swiper-slide">
525                        <div class="voice-card">
526                            <div class="voice-card__image">
527                                <picture>
528                                    <source media="(min-width: 768px)" srcset="assets/img/voice/student2.jpg">
529                                    <img src="assets/img/voice/student2-sp.jpg" alt="学生の声 02">
530                                </picture>
531                            </div>
532                            <div class="voice-card__body">
533                                <span class="voice-card__number">VOICE 03</span>
534                                <p class="voice-card__quote">
535                                    <span style="padding-right: .2em">ビジネスの学びは</span>
536                                    <span>楽しくて役に立つ。</span>
537                                </p>
538                                <div class="voice-card__info">
539                                    <p class="voice-card__name">海老澤 翔太<span>さん</span></p>
540                                    <p class="voice-card__dept">商学部 商学科 2年</p>
541                                    <p class="voice-card__school">[栃木県立茂木高等学校 出身]</p>
542                                </div>
543                                <button type="button" class="voice-card__btn" data-modal="voiceModal2">VIEW
544                                    MORE</button>
545                            </div>
546                        </div>
547                    </div>
548                    <div class="swiper-slide">
549                        <div class="voice-card">
550                            <div class="voice-card__image">
551                                <picture>
552                                    <source media="(min-width: 768px)" srcset="assets/img/voice/student4.jpg">
553                                    <img src="assets/img/voice/student4-sp.jpg" alt="学生の声 04">
554                                </picture>
555                            </div>
556                            <div class="voice-card__body">
557                                <span class="voice-card__number">VOICE 04</span>
558                                <p class="voice-card__quote">
559                                    <span>授業もサポートもフル活用し、</span>
560                                    <span>3つの公務員試験に最終合格。</span>
561                                </p>
562                                <div class="voice-card__info">
563                                    <p class="voice-card__name">豊田 響子<span>
563さん</span></p>
564                                    <p class="voice-card__dept">法学部 法学科 2026年3月卒業</p>
565                                    <p class="voice-card__school">[秋田県立大館桂桜高等学校 出身]</p>
566                                </div>
567                                <button type="button" class="voice-card__btn" data-modal="voiceModal4">VIEW
568                                    MORE</button>
569                            </div>
570                        </div>
571                    </div>
572                    <div class="swiper-slide">
573                        <div class="voice-card">
574                            <div class="voice-card__image">
575                                <picture>
576                                    <source media="(min-width: 768px)" srcset="assets/img/voice/student5.jpg">
577                                    <img src="assets/img/voice/student5-sp.jpg" alt="学生の声 05">
578                                </picture>
579                            </div>
580                            <div class="voice-card__body">
581                                <span class="voice-card__number">VOICE 05</span>
582                                <p class="voice-card__quote">
583                                    <span>ともに学ぶ仲間がいるから、</span>
584                                    <span>自分も頑張れる。</span>
585                                </p>
586                                <div class="voice-card__info">
587                                    <p class="voice-card__name">荒川 悠真<span>さん</span></p>
588                                    <p class="voice-card__dept">商学部 商学科 4年</p>
589                                    <p class="voice-card__school">[千葉県私立東京学館船橋高等学校 出身]</p>
590                                </div>
591                                <button type="button" class="voice-card__btn" data-modal="voiceModal5">VIEW
592                                    MORE</button>
593                            </div>
594                        </div>
595                    </div>
596                    <div class="swiper-slide">
597                        <div class="voice-card">
598                            <div class="voice-card__image">
599                                <picture>
600                                    <source media="(min-width: 768px)" srcset="assets/img/voice/student6.jpg">
601                                    <img src="assets/img/voice/student6-sp.jpg" alt="学生の声 06">
602                                </picture>
603                            </div>
604                            <div class="voice-card__body">
605                                <span class="voice-card__number">VOICE 06</span>
606                                <p class="voice-card__quote">
607                                    <span>自分から動けば、</span>
608                                    <span>チャンスは広がっていく。</span>
609                                </p>
610                                <div class="voice-card__info">
611                                    <p class="voice-card__name">橋本 由衣<span>さん</span></p>
612                                    <p class="voice-card__dept">法学部 法学科 2年</p>
613                                    <p class="voice-card__school">[埼玉県私立花咲徳栄高等学校 出身]</p>
614                                </div>
615                                <button type="button" class="voice-card__btn" data-modal="voiceModal6">VIEW
616                                    MORE</button>
617                            </div>
618                        </div>
619                    </div>
620                    <div class="swiper-slide">
621                        <div class="voice-card">
622                            <div class="voice-card__image">
623                                <picture>
624                                    <source media="(min-width: 768px)" srcset="assets/img/voice/student7.jpg">
625                                    <img src="assets/img/voice/student7-sp.jpg" alt="学生の声 07">
626                                </picture>
627                            </div>
628                            <div class="voice-card__body">
629                                <span class="voice-card__number">VOICE 07</span>
630                                <p class="voice-card__quote">
631                                    <span>ラストチャンスの箱根駅伝へ、</span>
632                                    <span>チームみんなで強くなりたい。</span>
633                                </p>
634                                <div class="voice-card__info">
635                                    <p class="voice-card__name">市川 大世<span>さん</span></p>
636                                    <p class="voice-card__dept">法学部 法学科 4年</p>
637                                    <p class="voice-card__school">[山梨県立巨摩高等学校 出身]</p>
638                                </div>
639                                <button type="button" class="voice-card__btn" data-modal="voiceModal7">VIEW
640                                    MORE</button>
641                            </div>
642                        </div>
643                    </div>
644                    <div class="swiper-slide">
645                        <div class="voice-card">
646                            <div class="voice-card__image">
647                                <picture>
648                                    <source media="(min-width: 768px)" srcset="assets/img/voice/student8.jpg">
649                                    <img src="assets/img/voice/student8-sp.jpg" alt="学生の声 08">
650                                </picture>
651                            </div>
652                            <div class="voice-card__body">
653                                <span class="voice-card__number">VOICE 08</span>
654                                <p class="voice-card__quote">
655                                    <span>世界は広い、</span>
656                                    <span>知らない世界がいっぱいある。</span>
657                                </p>
658                                <div class="voice-card__info">
659                                    <p class="voice-card__name">今井 香奏<span>
659さん</span></p>
660                                    <p class="voice-card__dept">現代教養学部 現代教養学科 3年</p>
661                                    <p class="voice-card__school">[東京都立足立西高等学校 出身]</p>
662                                </div>
663                                <button type="button" class="voice-card__btn" data-modal="voiceModal8">VIEW
664                                    MORE</button>
665                            </div>
666                        </div>
667                    </div>
668                    <div class="swiper-slide">
669                        <div class="voice-card">
670                            <div class="voice-card__image">
671                                <picture>
672                                    <source media="(min-width: 768px)" srcset="assets/img/voice/student9.jpg">
673                                    <img src="assets/img/voice/student9-sp.jpg" alt="学生の声 09">
674                                </picture>
675                            </div>
676                            <div class="voice-card__body">
677                                <span class="voice-card__number">VOICE 09</span>
678                                <p class="voice-card__quote">
679                                    <span>ゴルフの技術だけでなく、</span>
680                                    <span>人としても成長したい。</span>
681                                </p>
682                                <div class="voice-card__info">
683                                    <p class="voice-card__name">大屋 珠季<span>さん</span></p>
684                                    <p class="voice-card__dept">商学部 商学科 2年</p>
685                                    <p class="voice-card__school">[長野県私立佐久長聖高等学校 出身]</p>
686                                </div>
687                                <button type="button" class="voice-card__btn" data-modal="voiceModal9">VIEW
688                                    MORE</button>
689                            </div>
690                        </div>
691                    </div>
692                    <div class="swiper-slide">
693                        <div class="voice-card">
694                            <div class="voice-card__image">
695                                <picture>
696                                    <source media="(min-width: 768px)" srcset="assets/img/voice/student10.jpg">
697                                    <img src="assets/img/voice/student10-sp.jpg" alt="学生の声 10">
698                                </picture>
699                            </div>
700                            <div class="voice-card__body">
701                                <span class="voice-card__number">VOICE 10</span>
702                                <p class="voice-card__quote">
703                                    <span>大学生活は、</span>
704                                    <span>「動いたもの勝ち」だから。</span>
705                                </p>
706                                <div class="voice-card__info">
707                                    <p class="voice-card__name">佐藤 優香<span>
707さん</span></p>
708                                    <p class="voice-card__dept">商学部 商学科 2年</p>
709                                    <p class="voice-card__school">[千葉県私立中央学院高等学校 出身]</p>
710                                </div>
711                                <button type="button" class="voice-card__btn" data-modal="voiceModal10">VIEW
712                                    MORE</button>
713                            </div>
714                        </div>
715                    </div>
716                    <div class="swiper-slide">
717                        <div class="voice-card">
718                            <div class="voice-card__image">
719                                <picture>
720                                    <source media="(min-width: 768px)" srcset="assets/img/voice/student11.jpg">
721                                    <img src="assets/img/voice/student11-sp.jpg" alt="学生の声 11">
722                                </picture>
723                            </div>
724                            <div class="voice-card__body">
725                                <span class="voice-card__number">VOICE 11</span>
726                                <p class="voice-card__quote">
727                                    <span style="padding-right: .2em">「こんなに変わるんだ」と</span>
728                                    <span>1年間の成長に驚いた。</span>
729                                </p>
730                                <div class="voice-card__info">
731                                    <p class="voice-card__name">惣山 晴太<span>さん</span></p>
732                                    <p class="voice-card__dept">法学部 法学科 2年</p>
733                                    <p class="voice-card__school">[千葉県立沼南高等学校 出身]</p>
734                                </div>
735                                <button type="button" class="voice-card__btn" data-modal="voiceModal11">VIEW
736                                    MORE</button>
737                            </div>
738                        </div>
739                    </div>
740                    <div class="swiper-slide">
741                        <div class="voice-card">
742                            <div class="voice-card__image">
743                                <picture>
744                                    <source media="(min-width: 768px)" srcset="assets/img/voice/student12.jpg">
745                                    <img src="assets/img/voice/student12-sp.jpg" alt="学生の声 12">
746                                </picture>
747                            </div>
748                            <div class="voice-card__body">
749                                <span class="voice-card__number">VOICE 12</span>
750                                <p class="voice-card__quote">
751                                    <span style="padding-right: .2em">大学で得たかけがえのないものは</span>
752                                    <span>自分への自信。</span>
753                                </p>
754                                <div class="voice-card__info">
755                                    <p class="voice-card__name">鈴木 空<span>さん</span></p>
756                                    <p class="voice-card__dept">商学部 商学科 4年</p>
757                                    <p class="voice-card__school">[千葉県立柏の葉高等学校 出身]</p>
758                                </div>
759                                <button type="button" class="voice-card__btn" data-modal="voiceModal12">VIEW
760                                    MORE</button>
761                            </div>
762                        </div>
763                    </div>
764                    <div class="swiper-slide">
765                        <div class="voice-card">
766                            <div class="voice-card__image">
767                                <picture>
768                                    <source media="(min-width: 768px)" srcset="assets/img/voice/student13.jpg">
769                                    <img src="assets/img/voice/student13-sp.jpg" alt="学生の声 13">
770                                </picture>
771                            </div>
772                            <div class="voice-card__body">
773                                <span class="voice-card__number">VOICE 13</span>
774                                <p class="voice-card__quote">
775                                    <span style="padding-right: .2em">自分の好きなことを</span>
776                                    <span>存分に学べる楽しさがある。</span>
777                                </p>
778                                <div class="voice-card__info">
779                                    <p class="voice-card__name">髙梨 琉那<span>さん</span></p>
780                                    <p class="voice-card__dept">法学部 法学科 3年</p>
781                                    <p class="voice-card__school">[千葉県私立中央学院高等学校 出身]</p>
782                                </div>
783                                <button type="button" class="voice-card__btn" data-modal="voiceModal13">VIEW
784                                    MORE</button>
785                            </div>
786                        </div>
787                    </div>
788                </div>
789
790                <div class="swiper-pagination voice__pagination"></div>
791                <button type="button" class="voice__nav voice__nav--prev" aria-label="前へ">
792                    <img src="assets/img/common/arrow2.svg" alt="">
793                </button>
794                <button type="button" class="voice__nav voice__nav--next" aria-label="次へ">
795                    <img src="assets/img/common/arrow2.svg" alt="">
796                </button>
797            </div>
798
799            <!-- Coming Soon -->
800            <div class="coming-soon">
801                <div class="coming-soon__inner">
802                    <h2 class="coming-soon__heading">COMING SOON</h2>
803                    <p class="coming-soon__text">2026年5月より続々公開中!<br class="sp-only">フォローして次を待とう!</p>
804                    <div class="coming-soon__sns">
805                        <a href="https://www.instagram.com/chuo_gakuin_university/" class="coming-soon__sns-link"
806                            aria-label="Instagram" target="_blank">
807                            <img src="assets/img/common/icon_instagram.svg" alt="Instagram">
808                        </a>
809                        <a href="https://x.com/chuogakuinuniv" class="coming-soon__sns-link" aria-label="X (Twitter)"
810                            target="_blank">
811                            <img src="assets/img/common/icon_x.svg" alt="X">
812                        </a>
813                        <a href="https://www.youtube.com/channel/UCIL-bFlw6i5LlaD4yKpKDTA/videos"
814                            class="coming-soon__sns-link" aria-label="YouTube" target="_blank">
815                            <img src="assets/img/common/icon_youtube.svg" alt="YouTube">
816                        </a>
817                        <a href="https://page.line.me/gcq9877a" class="coming-soon__sns-link" aria-label="LINE"
818                            target="_blank">
819                            <img src="assets/img/common/icon_line.svg" alt="LINE">
820                        </a>
821                    </div>
822                    <div class="coming-soon__grid">
823                        <!-- <div class="coming-soon__item">
824            <picture>
825              <source media="(min-width: 768px)" srcset="assets/img/top/soon1.jpg">
826              <img src="assets/img/top/soon1-sp.jpg" alt="">
827            </picture>
828          </div> -->
829                        <div class="coming-soon__item">
830                            <picture>
831                                <source media="(min-width: 768px)" srcset="assets/img/top/soon2.jpg">
832                                <img src="assets/img/top/soon2-sp.jpg" alt="">
833                            </picture>
834                        </div>
835                        <div class="coming-soon__item">
836                            <picture>
837                                <source media="(min-width: 768px)" srcset="assets/img/top/soon3.jpg">
838                                <img src="assets/img/top/soon3-sp.jpg" alt="">
839                            </picture>
840                        </div>
841                        <!-- <div class="coming-soon__item">
842            <picture>
843              <source media="(min-width: 768px)" srcset="assets/img/top/soon4.jpg">
844              <img src="assets/img/top/soon4-sp.jpg" alt="">
845            </picture>
846          </div> -->
847                        <div class="coming-soon__item">
848                            <picture>
849                                <source media="(min-width: 768px)" srcset="assets/img/top/soon5.jpg">
850                                <img src="assets/img/top/soon5-sp.jpg" alt="">
851                            </picture>
852                        </div>
853                        <div class="coming-soon__item">
854                            <picture>
855                                <source media="(min-width: 768px)" srcset="assets/img/top/soon6.jpg">
856                                <img src="assets/img/top/soon6-s
856p.jpg" alt="">
857                            </picture>
858                        </div>
859                        <!-- <div class="coming-soon__item">
860            <picture>
861              <source media="(min-width: 768px)" srcset="assets/img/top/soon7.jpg">
862              <img src="assets/img/top/soon7-sp.jpg" alt="">
863            </picture>
864          </div> -->
865                        <div class="coming-soon__item">
866                            <picture>
867                                <source media="(min-width: 768px)" srcset="assets/img/top/soon8.jpg">
868                                <img src="assets/img/top/soon8-sp.jpg" alt="">
869                            </picture>
870                        </div>
871                    </div>
872
873                </div>
874            </div>
875        </div>
876    </section>
877
878    <!-- ============================================================
879    Create a song
880  ============================================================ -->
881    <!-- <section class="song">
882    <div class="song__wrap">
883      <div class="song__inner">
884        <div class="song__heading">
885          <span class="song__heading-category">あなたの歌をつくります</span>
886          <span class="song__heading-en">CREATE A SONG</span>
887        </div>
888        <div class="song__body">
889          <div class="song__body-text">
890            <span class="song__heading-ja">
890診断結果から<br>あなたの応援ソングを作ります</span>
891            <p class="song__text">
892              <span>STEP2の「ポテンシャル診断」の結果を入力し、<br class="pc-only">あなたのことを書くだけで、<br class="pc-only">あなたのための応援ソングができちゃいます!</span>
893            </p>
894          </div>
895          <div class="song__intro-image">
896            <img src="assets/img/song/intro.jpg" alt="">
897          </div>
898        </div>
899        <a href="#" class="song__btn">曲を作る</a>
900      </div>
901    </div>
902  </section> -->
903
904
905    <!-- ============================================================
906    Footer
907  ============================================================ -->
908    <footer class="footer">
909        <div class="footer__inner">
910            <a href="#" target="_blank" class="footer__logo">
911                <img src="assets/img/common/logo.svg" alt="ミライデザインラボ">
912            </a>
913            <p class="footer__copy">Copyright &copy; ChuoGakuin Univ. All rights reserved.</p>
914        </div>
915    </footer>
916
917    <!-- ============================================================
918    Voice Modal
919  ============================================================ -->
920    <div class="voice-modal" id="voiceModal1" aria-label="学生の声 詳細">
921        <div class="voice-modal__overlay"></div>
922        <div class="voice-modal__dialog">
923            <div class="voice-modal__wrap">
924                <button type="button" class="voice-modal__close" aria-label="閉じる"></button>
925                <div class="voice-modal__body">
926                    <!-- Header: VOICE番号・引用・プロフィール(左)+人物写真上(右) -->
927                    <div class="voice-modal__header">
928                        <div class="voice-modal__header-left">
929                            <span class="voice-modal__number">VOICE 01</span>
930                            <p class="voice-modal__quote">
931                                <span>とにかく、一歩踏み出してみる、</span>
932                                <span>行動する自分に変わった。</span>
933                            </p>
934                        </div>
935                        <div class="voice-modal__header-image">
936                            <img src="assets/img/voice/student1-1.jpg" alt="井上 世一さん">
937                        </div>
938                        <div class="voice-modal__profile">
939                            <p class="voice-modal__name">井上 世一<span>さん</span></p>
940                            <p class="voice-modal__dept">商学部 商学科 3年</p>
941                            <p class="voice-modal__school">[千葉県立印旛明誠高等学校 出身]</p>
942                        </div>
943                    </div>
944
945                    <!-- Section 1 -->
946                    <div class="voice-modal__section">
947                        <h3 class="voice-modal__section-heading">
948                            <span>世の中とダイレクトにつながる</span><span>商学部の学びが面白い。</span>
949                        </h3>
950                        <p class="voice-modal__section-text">
951                            経営学に興味を持ったのは会社経営をしている父の影響から。マーケティング、流通、組織づくり、ビジネスマインドなど世の中とダイレクトにつながる商学部の学びに面白さを感じています。商品開発などに欠かせないデータを集める市場調査のアルバイトもしていて、大学と実社会の両方でビジネスへの理解を深めています。また、大学で熱中しているのが、あびこ祭実行委員会の活動。「友だちをつくりたい」と軽い気持ちで入部したのですが、大学で色々な経験を積むことが自分のためになると考え、自ら立候補して現在は委員長を務めています。
952                        </p>
953                    </div>
954
955                    <!-- Section 2 -->
956                    <div class="voice-modal__section">
957                        <h3 class="voice-modal__section-heading">
958                            <span>1人では難しいことも、</span><span>チームなら実現できる。</span>
959                        </h3>
960                        <p class="voice-modal__section-text">
961                            1人では難しいことも、チームなら大きな力になり、実現できることがあります。一人ひとりが力を発揮できるように部員のモチベーションをアップすることはリーダーに求められる重要な役割。誰もが楽しさややりがいを感じられるチームにしたいと考えています。他にも、地域や企業の方々にあびこ祭への出店依頼などを交渉しています。名刺の渡し方、言葉づかいや身だしなみなど、ビジネスマナーを学べる機会にもなっていて、大学の代表として行動することで責任感も備わりました。大学で自分が一番変わったのが、商学部の学びも委員会活動も「とりあえずやってみよう」と思うようになったこと。最初は模索しながらも、壁を乗り越える達成感を得ることができました。何事もやってみないとわからない、どんな経験も自分のためになると、以前よりも行動的になったと感じます。
962                        </p>
963                    </div>
964
965                    <!-- Bottom: 人物写真下(左)+Section 3(右) -->
966                    <div class="voice-modal__bottom">
967                        <div class="voice-modal__bottom-image">
968                            <img src="assets/img/voice/student1-2.jpg" alt="井上 世一さん">
969                        </div>
970                        <div class="voice-modal__bottom-content">
971                            <div class="voice-modal__section">
972                                <h3 class="voice-modal__section-heading">
973                                    <span>今しかできないことにチャレンジしたい。</span>
974                                </h3>
975                                <p class="voice-modal__section-text">
976                                    これから就職活動が本格化していきます。「キャリアデザイン」の授業では、自己分析や業界研究を行いました。自分の強みとなるよう資格取得にもチャレンジし、その強みが活かせる進路を探していきます。そして、入学後に得た行動力を武器に、残りの大学生活でも今しかできないことにどんどんチャレンジしたいと思います。
977                                </p>
978                            </div>
979                        </div>
980                    </div>
981
982                    <!-- Footer -->
983                    <div class="voice-modal__footer">
984                        <button type="button" class="voice-modal__nav voice-modal__nav--back">
985                            <span>BACK</span>
986                            <img src="assets/img/common/arrow2.svg" alt="">
987                        </button>
988                        <button type="button" class="voice-modal__nav voice-modal__nav--next">
989                            <img src="assets/img/common/arrow2.svg" alt="">
990                            <span>NEXT</span>
991                        </button>
992                    </div>
993                </div>
994            </div>
995        </div>
996    </div>
997
998    <!-- Voice Modal 03 -->
999    <div class="voice-modal" id="voiceModal3" aria-label="学生の声 詳細">
1000        <div class="voice-modal__overlay"></div>
1001        <div class="voice-modal__dialog">
1002            <div class="voice-modal__wrap">
1003                <button type="button" class="voice-modal__close" aria-label="閉じる"></button>
1004                <div class="voice-modal__body">
1005                    <div class="voice-modal__header">
1006                        <div class="voice-modal__header-left">
1007                            <span class="voice-modal__number">VOICE 02</span>
1008                            <p class="voice-modal__quote">
1009                                <span>ひとつのジャンルに縛られず、</span>
1010                                <span>自分の興味のままに学ぶ。</span>
1011                            </p>
1012                        </div>
1013                        <div class="voice-modal__header-image">
1014                            <img src="assets/img/voice/student3-1.jpg" alt="谷口 美海さん">
1015                        </div>
1016                        <div class="voice-modal__profile">
1017                            <p class="voice-modal__name">谷口 美海<span>さん</span></p>
1018                            <p class="voice-modal__dept">現代教養学部 現代教養学科 4年</p>
1019                            <p class="voice-modal__school">[茨城県立中央高等学校 出身]</p>
1020                        </div>
1021                    </div>
1022                    <div class="voice-modal__section">
1023                        <h3 class="voice-modal__section-heading">
1024                            <span>知らなかった文化や価値観に出会う面白さ。</span>
1025                        </h3>
1026                        <p class="voice-modal__section-text">
1027                            大学4年間でやりたいことや将来の進路を見つけたかった私にとって、現代教養学部はひとつのジャンルに縛られず、分野を超えて学べるのが魅力でした。現在は、異文化理解を軸に、心理学や社会学、経済学や政治学まで幅広く興味を持って学んでいます。ゼミでは、中国や韓国の文化について探究しています。宗教に対する考え方、家族の在り方など、「近くの国なのにこんなに違うのか」と驚くと同時に、今まで知らなかった多様な文化や価値観に出会える面白さがあります。
1028                        </p>
1029                    </div>
1030                    <div class="voice-modal__section">
1031                        <h3 class="voice-modal__section-heading">
1032                            <span>他国を学んで見えた、日本の魅力と課題。</span>
1033                        </h3>
1034                        <p class="voice-modal__section-text">
1035                            異文化について学ぶことは、他国を知るだけでなく、自国への理解も深めてくれました。日本の歴史や文化、生態系をテーマにする授業も受講し、以前より日本の素晴らしさを感じるようになりました。特に四季がある日本の自然の美しさ、地方の歴史や文化の豊かさ、そこに暮らす人の温かさを知り、休日には自然が豊かな歴史集落や田園風景を見に行くことも増えました。また、気づかなかった自国の課題も見えるようになったと感じます。日本の政治の閉塞感、年金をはじめとする時代に合わなくなった制度など、さまざまな難題に直面する日本の政治や経済についても自分事として考えるようになりました。
1036                        </p>
1037                    </div>
1038                    <div class="voice-modal__bottom">
1039                        <div class="voice-modal__bottom-image">
1040                            <img src="assets/img/voice/student3-2.jpg" alt="谷口 美海さん">
1041                        </div>
1042                        <div class="voice-modal__bottom-content">
1043                            <div class="voice-modal__section">
1044                                <h3 class="voice-modal__section-heading">
1045                                    <span>広がったのは、</span><span>知識や視野だけでなく、生き方。</span>
1046                                </h3>
1047                                <p class="voice-modal__section-text">
1048                                    現代教養学部の学びで広がったのは知識や視野だけでなく、生き方の選択肢です。日本の豊かな自然や風土の魅力を伝える広告代理店の仕事に興味を持つようになりました。また、日本の美しい自然を守る環境保護の活動に関わったり、将来は地方へ住まいを移して農業などに携わり、地域æ´
1048»æ€§åŒ–に貢献したりすることも考えています。これからも、自分の興味のままに、未知の世界に飛び込んでいく姿勢を大切にしていきたいです。
1049                                </p>
1050                            </div>
1051                        </div>
1052                    </div>
1053                    <div class="voice-modal__footer">
1054                        <button type="button" class="voice-modal__nav voice-modal__nav--back"><span>BACK</span><img
1055                                src="assets/img/common/arrow2.svg" alt=""></button>
1056                        <button type="button" class="voice-modal__nav voice-modal__nav--next"><img
1057                                src="assets/img/common/arrow2.svg" alt=""><span>NEXT</span></button>
1058                    </div>
1059                </div>
1060            </div>
1061        </div>
1062    </div>
1063
1064    <!-- Voice Modal 02 -->
1065    <div class="voice-modal" id="voiceModal2" aria-label="学生の声 詳細">
1066        <div class="voice-modal__overlay"></div>
1067        <div class="voice-modal__dialog">
1068            <div class="voice-modal__wrap">
1069                <button type="button" class="voice-modal__close" aria-label="閉じる"></button>
1070                <div class="voice-modal__body">
1071                    <div class="voice-modal__header">
1072                        <div class="voice-modal__header-left">
1073                            <span class="voice-modal__number">VOICE 03</span>
1074                            <p class="voice-modal__quote">
1075                                <span style="padding-right: .2em">ビジネスの学びは</span>
1076                                <span>楽しくて役に立つ!</span>
1077                            </p>
1078                        </div>
1079                        <div class="voice-modal__header-image">
1080                            <img src="assets/img/voice/student2-1.jpg" alt="海老澤 翔太さん">
1081                        </div>
1082                        <div class="voice-modal__profile">
1083                            <p class="voice-modal__name">海老澤 翔太<span>さん</span></p>
1084                            <p class="voice-modal__dept">商学部 商学科 2年</p>
1085                            <p class="voice-modal__school">[栃木県立茂木高等学校 出身]</p>
1086                        </div>
1087                    </div>
1088                    <div class="voice-modal__section">
1089                        <h3 class="voice-modal__section-heading">
1090                            <span>幅広く学べ、</span><span>実社会につながる学びに大満足!</span>
1091                        </h3>
1092                        <p class="voice-modal__section-text">
1093                            将来やりたいことを見つけたくて、幅広く学べ、実社会に直結する学びが多い商学部に入学。1年生は心理学や倫理学に興味が広がり、パソコンスキルも磨けて期待通りでした。コンビニエンスストアでアルバイトをするようになり、新商品開発や配送といった商学部の学びに触れる機会もあり、商学の学びが以前よりグンと身近に感じられるようになりました。また、接客をする中で自分はコミュニケーションが得意で、営業職に向いているように感じています。そこで、2年生からは就職活動にも役立つマーケティングや企業活動などについてより一層学びを深めていきたいと考えています。
1094                        </p>
1095                    </div>
1096                    <div class="voice-modal__section">
1097                        <h3 class="voice-modal__section-heading">
1098                            <span class="pr-adjust">あびこ祭打ち上げのご飯は</span><span>最高においしかった。</span>
1099                        </h3>
1100                        <p class="voice-modal__section-text">
1101                            大学でひとり暮らしを始め、生活環境が大きく変わりました。食事づくり、洗濯や掃除もすべて自分で行い、時間やお金も自分で管理できるように成長しました。また、あびこ祭実行委員会に所属していて、現在は副委員長を務めています。朝早くから夜遅くまで準備に追われたあびこ祭のあと、メンバーと一緒に食べた打ち上げのご飯は最高においしかったです。学び以外にã
1101‚‚大学生活でひとつのことを「やりきった」経験は自分への自信になりました。
1102                        </p>
1103                    </div>
1104                    <div class="voice-modal__bottom">
1105                        <div class="voice-modal__bottom-image">
1106                            <img src="assets/img/voice/student2-2.jpg" alt="海老澤 翔太さん">
1107                        </div>
1108                        <div class="voice-modal__bottom-content">
1109                            <div class="voice-modal__section">
1110                                <h3 class="voice-modal__section-heading">
1111                                    <span>自分が行動すれば、</span><span>人の気持ちも動かせる。</span>
1112                                </h3>
1113                                <p class="voice-modal__section-text">
1114                                    大学で身についたのは、行動力です。あびこ祭だけでなく、地域の祭りなどのボランティア活動にも力を注いでいます。多くの人々と協力してイベントをつくる上で大切なのは、自分で考えて行動すること。まず自分が行動することで、人の気持ちを動かすこともできると感じました。卒業後については、まだまだ模索中ですが、商学について幅広く学修するとともに、どんな職業についても不可欠なコミュニケーション能力を向上させていくことが現在の目標です。
1115                                </p>
1116                            </div>
1117                        </div>
1118                    </div>
1119                    <div class="voice-modal__footer">
1120                        <button type="button" class="voice-modal__nav voice-modal__nav--back"><span>BACK</span><img
1121                                src="assets/img/common/arrow2.svg" alt=""></button>
1122                        <button type="button" class="voice-modal__nav voice-modal__nav--next"><img
1123                                src="assets/img/common/arrow2.svg" alt=""><span>NEXT</span></button>
1124                    </div>
1125                </div>
1126            </div>
1127        </div>
1128    </div>
1129
1130    <!-- Voice Modal 04 -->
1131    <div class="voice-modal" id="voiceModal4" aria-label="学生の声 詳細">
1132        <div class="voice-modal__overlay"></div>
1133        <div class="voice-modal__dialog">
1134            <div class="voice-modal__wrap">
1135                <button type="button" class="voice-modal__close" aria-label="閉じる"></button>
1136                <div class="voice-modal__body">
1137                    <div class="voice-modal__header">
1138                        <div class="voice-modal__header-left">
1139                            <span class="voice-modal__number">VOICE 04</span>
1140                            <p class="voice-modal__quote">
1141                                <span>授業もサポートもフル活用し、</span>
1142                                <span>3つの公務員試験に最終合格。</span>
1143                            </p>
1144                        </div>
1145                        <div class="voice-modal__header-image">
1146                            <img src="assets/img/voice/student4-1.jpg" alt="豊田 響子さん">
1147                        </div>
1148                        <div class="voice-modal__profile">
1149                            <p class="voice-modal__name">豊田 響子<span>
1149さん</span></p>
1150                            <p class="voice-modal__dept">法学部 法学科 2026年3月卒業</p>
1151                            <p class="voice-modal__school">[秋田県立大館桂桜高等学校 出身]</p>
1152                            <p class="voice-modal__school">千葉県庁 内定</p>
1153                        </div>
1154                    </div>
1155                    <div class="voice-modal__section">
1156                        <h3 class="voice-modal__section-heading">
1157                            <span>実績とカリキュラムに魅力を感じて進学。</span>
1158                        </h3>
1159                        <p class="voice-modal__section-text">
1160                            中央学院大学に進学を決めたのは、公務員採用実績が高く、公務員養成カリキュラムにも魅力を感じたからです。「地方自治論」の授業では、人口減少や少子高齢化など、自分の地元でも直面する日本社会の課題を知りました。「日本の地方社会をもっと元気にするにはどうすればいいか」を考える機会となり、公務員になってやるべきことがリアルに見えてきました。また、フィールドワークでは我孫子市の方々と一緒にクリスマスイベントを開催。地域を盛り上げる楽しさと難しさ、やりがいを実感できました。イベントに向けて妥協せずメンバーで何度も話し合いを重ねた結果、子どもから大人まで地域の方々に喜んでもらえたのが嬉しかったです。
1161                        </p>
1162                    </div>
1163                    <div class="voice-modal__section">
1164                        <h3 class="voice-modal__section-heading">
1165                            <span>不安な時も支え合える仲間が頑張る力に。</span>
1166                        </h3>
1167                        <p class="voice-modal__section-text">
1168                            公務員試験合格を目指すうえで、一番力になったのは行政研究室です。入学時から個人の机があっていつも勉強に集中できたのはもちろん、学生同士で自主的に勉強し、不安な時も最後まで支え合える仲間がいたことは頑張る力になったと感じます。また、幅広い範囲から出題される公務員試験に役立ったのが、夏休みの対策試験講座や「公務員特別演習」の授業。出題傾向を効率よくつかむことができ、苦手だった数的処理も克服できました。ゼミでは公務員試験の最重要教科である憲法の論述対策を行ってもらい、緊張しながらも自信を持って試験本番に臨んだ結果、3つの試験に最終合格できました。
1169                        </p>
1170                    </div>
1171                    <div class="voice-modal__bottom">
1172                        <div class="voice-modal__bottom-image">
1173                            <img src="assets/img/voice/student4-2.jpg" alt="豊田 響子さん">
1174                        </div>
1175                        <div class="voice-modal__bottom-content">
1176                            <div class="voice-modal__section">
1177                                <h3 class="voice-modal__section-heading">
1178                                    <span>漠然とした動機から強い想いと覚悟へ。</span>
1179                                </h3>
1180                                <p class="voice-modal__section-text">
1181                                    公務員を目指した理由は、最初は「安定しているから」という漠然とした理由でしたが、お互いに切磋琢磨してきた行政研究室の仲間や、面接対策で自分の言葉を引き出してくださった先生方や職員の方の熱い応援を受け、「自分には公務員の道しかない」と言えるほど強い想いと覚悟ができました。社会へ奉仕する気持ちと誠実さを大切に、卒業後は千葉県庁で公務員として歩んでいきます。
1182                                </p>
1183                            </div>
1184                        </div>
1185                    </div>
1186                    <div class="voice-modal__footer">
1187                        <button type="button" class="voice-modal__nav voice-modal__nav--back"><span>BACK</span><img
1188                                src="assets/img/common/arrow2.svg" alt=""></button>
1189                        <button type="button" class="voice-modal__nav voice-modal__nav--next"><img
1190                                src="assets/img/common/arrow2.svg" alt=""><span>NEXT</span></button>
1191                    </div>
1192                </div>
1193            </div>
1194        </div>
1195    </div>
1196
1197    <!-- Voice Modal 05 -->
1198    <div class="voice-modal" id="voiceModal5" aria-label="学生の声 詳細">
1199        <div class="voice-modal__overlay"></div>
1200        <div class="voice-modal__dialog">
1201            <div class="voice-modal__wrap">
1202                <button type="button" class="voice-modal__close" aria-label="閉じる"></button>
1203                <div class="voice-modal__body">
1204                    <div class="voice-modal__header">
1205                        <div class="voice-modal__header-left">
1206                            <span class="voice-modal__number">VOICE 05</span>
1207                            <p class="voice-modal__quote">
1208                                <span>ともに学ぶ仲間がいるから、</span>
1209                                <span>自分も頑張れる。</span>
1210                            </p>
1211                        </div>
1212                        <div class="voice-modal__header-image">
1213                            <img src="assets/img/voice/student5-1.jpg" alt="荒川 悠真さん">
1214                        </div>
1215                        <div class="voice-modal__profile">
1216                            <p class="voice-modal__name">荒川 悠真<span>さん</span></p>
1217                            <p class="voice-modal__dept">商学部 商学科 4年</p>
1218                            <p class="voice-modal__school">[千葉県私立東京学館船橋高等学校 出身]</p>
1219                        </div>
1220                    </div>
1221                    <div class="voice-modal__section">
1222                        <h3 class="voice-modal__section-heading">
1223                            <span class="pr-adjust">4年間で将来に直結する力を</span><span>徹底的に磨きたい。</span>
1224                        </h3>
1225                        <p class="voice-modal__section-text">
1226                            大学で4年間も学べるので、卒業後に役立つようビジネスに直結する力を徹底的に磨きたいと考えています。そこで、ビジネス、経済、情報と幅広く学んでいます。企業経営や消費者行動などを学べる授業を履修するとともに、ゼミでは世の中の仕組みや動きがわかる経済学を勉強中。社会をより深く理解するための経営と経済の2つの視点を得ることができました。また、現在力を入れているのが、国家資格であるITパスポートを取得するための勉強です。プログラミングなど情報系の知識は、デジタル社会のどんな場面でも必須なので、学部の授業もうまく活用して合格したいと思います。
1227                        </p>
1228                    </div>
1229                    <div class="voice-modal__section">
1230                        <h3 class="voice-modal__section-heading">
1231                            <span>資格取得以外にも、</span><span>得るものが大きい経理研究室。</span>
1232                        </h3>
1233                        <p class="voice-modal__section-text">
1234                            ITパスポートの勉強をする上で役立っているのが経理研究室です。ここは、資格取得ã
1234‚’目指す学生が集まり、学年を超えて教え合ったり励まし合ったりする場になっています。私は室長を務めていて、資格取得の勉強以外にも得るものが大きいです。研究室の運営では事務作業を抱えすぎることもありましたが、人に頼ることの大切さを知りました。その結果、メンバー同士の理解やコミュニケーションが深まり、チームで協力する良い経験にもなったと思います。メンバーは刺激を与え合い、ともに学ぶ仲間であり、私にとっていつも頼れる存在。みんなのおかげで自分も頑張れます。
1235                        </p>
1236                    </div>
1237                    <div class="voice-modal__bottom">
1238                        <div class="voice-modal__bottom-image">
1239                            <img src="assets/img/voice/student5-2.jpg" alt="荒川 悠真さん">
1240                        </div>
1241                        <div class="voice-modal__bottom-content">
1242                            <div class="voice-modal__section">
1243                                <h3 class="voice-modal__section-heading">
1244                                    <span>商学×経済学×情報学を学び、</span><span>起業にも興味が広がる。</span>
1245                                </h3>
1246                                <p class="voice-modal__section-text">
1247                                    大学生活での目標は、まずはITパスポートの合格。日本の自動車産業を題材に、自分の視点を大切にした卒業論文も執筆したいと思っています。卒業後は大学で学んだことを生かせる仕事に就きたいと考えると同時に、起業にも少しずつ興味を持つようになりました。商学、経済学、情報学を組み合わせて学べたことは私の強みなので、AIを活用した新たなビジネスを生み出せないかと夢が広がっています。
1248                                </p>
1249                            </div>
1250                        </div>
1251                    </div>
1252                    <div class="voice-modal__footer">
1253                        <button type="button" class="voice-modal__nav voice-modal__nav--back"><span>BACK</span><img
1254                                src="assets/img/common/arrow2.svg" alt=""></button>
1255                        <button type="button" class="voice-modal__nav voice-modal__nav--next"><img
1256                                src="assets/img/common/arrow2.svg" alt=""><span>NEXT</span></button>
1257                    </div>
1258                </div>
1259            </div>
1260        </div>
1261    </div>
1262
1263    <!-- Voice Modal 06 -->
1264    <div class="voice-modal" id="voiceModal6" aria-label="学生の声 詳細">
1265        <div class="voice-modal__overlay"></div>
1266        <div class="voice-modal__dialog">
1267            <div class="voice-modal__wrap">
1268                <button type="button" class="voice-modal__close" aria-label="閉じる"></button>
1269                <div class="voice-modal__body">
1270                    <div class="voice-modal__header">
1271                        <div class="voice-modal__header-left">
1272                            <span class="voice-modal__number">VOICE 06</span>
1273                            <p class="voice-modal__quote">
1274                                <span>自分から動けば、</span>
1275                                <span>チャンスは広がっていく。</span>
1276                            </p>
1277                        </div>
1278                        <div class="voice-modal__header-image">
1279                            <img src="assets/img/voice/student6-1.jpg" alt="橋本 由衣さん">
1280                        </div>
1281                        <div class="voice-modal__profile">
1282                            <p class="voice-modal__name">橋本 由衣<span>さん</span></p>
1283                            <p class="voice-modal__dept">法学部 法学科 2年</p>
1284                            <p class="voice-modal__school">[埼玉県私立花咲徳栄高等学校 出身]</p>
1285                        </div>
1286                    </div>
1287                    <div class="voice-modal__section">
1288                        <h3 class="voice-modal__section-heading">
1289                            <span>人と人との距離が近くてアットホームな大学。</span>
1290                        </h3>
1291                        <p class="voice-modal__section-text">
1292                            高校生の時、中央学院大学のオープンキャンパスに参加し、在学生や先生の雰囲気がとても良かったので志望を固めました。実際に入学すると、授業では先生に質問や相談がしやすく、キャンパスでは気さくに話しかけてくれる学生も多く、この大学のアットホームな雰囲気が気に入っています。法学部で面白かった授業は「刑法総論」です。犯罪とはそもそも何かを学び、故意や過失、正当防衛など、同じ行為でも罪が変わってくる点に興味を持ちました。また、1年次からゼミがあり、法律や政治の基本、レポートの書き方など大学での学びのベースを丁寧に教えてもらいました。少人数制で発言や発表の機会が多く、質問もしやすいので学ぶ意欲もどんどん高まっています。
1293                        </p>
1294                    </div>
1295                    <div class="voice-modal__section">
1296                        <h3 class="voice-modal__section-heading">
1297                            <span>学部以外の友達もでき、考えも視野も広がる。</span>
1298                        </h3>
1299                        <p class="voice-modal__section-text">
1300                            法学の学び以外に、大学で熱中しているのが学生自治会の活動。学生自治会は、大学を盛り上げるさまざまなイベントを企画・運営しています。私は、パーティリーダーを担当。卒業パーティをはじめ、みんなであれこれアイデアを出し合いながら企画を考えることが楽しいです。また、学部以外にも多くの友達ができるので、学生自治会に入部して本当に良かったと思います。いろいろな考えや価値観がある仲間に囲まれて視野が広がり、以前より行動的になりました。
1301                        </p>
1302                    </div>
1303                    <div class="voice-modal__bottom">
1304                        <div class="voice-modal__bottom-image">
1305                            <img src="assets/img/voice/student6-2.jpg" alt="橋本 由衣さん">
1306                        </div>
1307                        <div class="voice-modal__bottom-content">
1308                            <div class="voice-modal__section">
1309                                <h3 class="voice-modal__section-heading">
1310                                    <span>キャリアに役立つ授業を早くから受講。</span>
1311                                </h3>
1312                                <p class="voice-modal__section-text">
1313                                    将来公務員を目指しているので「公務員演習」を受講し、1年生からキャリアに役立つ授業も数多く履修し、早くから将来に向けて動き出しています。また、「日本語実践」の授業では、敬語や語彙力を身につけることもできました。人との適切なコミュニケーション術は仕事でも大いに役立つはずです。「自分から動けば、チャンスは広がっていく」と感じています。
1314                                </p>
1315                            </div>
1316                        </div>
1317                    </div>
1318                    <div class="voice-modal__footer">
1319                        <button type="button" class="voice-modal__nav voice-modal__nav--back"><span>BACK</span><img
1320                                src="assets/img/common/arrow2.svg" alt=""></button>
1321                        <button type="button" class="voice-modal__nav voice-modal__nav--next"><img
1322                                src="assets/img/common/arrow2.svg" alt=""><span>NEXT</span></button>
1323                    </div>
1324                </div>
1325            </div>
1326        </div>
1327    </div>
1328
1329    <!-- Voice Modal 07 -->
1330    <div class="voice-modal" id="voiceModal7" aria-label="学生の声 詳細">
1331        <div class="voice-modal__overlay"></div>
1332        <div class="voice-modal__dialog">
1333            <div class="voice-modal__wrap">
1334                <button type="button" class="voice-modal__close" aria-label="閉じる"></button>
1335                <div class="voice-modal__body">
1336                    <div class="voice-modal__header">
1337                        <div class="voice-modal__header-left">
1338                            <span class="voice-modal__number">VOICE 07</span>
1339                            <p class="voice-modal__quote">
1340                                <span>ラストチャンスの箱根駅伝へ、</span>
1341                                <span>チームみんなで強くなりたい。</span>
1342                            </p>
1343                        </div>
1344                        <div class="voice-modal__header-image">
1345                            <img src="assets/img/voice/student7-1.jpg" alt="市川 大世さん">
1346                        </div>
1347                        <div class="voice-modal__profile">
1348                            <p class="voice-modal__name">市川 大世<span>さん</span></p>
1349                            <p class="voice-modal__dept">法学部 法学科 4年</p>
1350                            <p class="voice-modal__school">[山梨県立巨摩高等学校 出身]</p>
1351                        </div>
1352                    </div>
1353                    <div class="voice-modal__section">
1354                        <h3 class="voice-modal__section-heading">
1355                            <span>「花の2区」を走り、</span><span>感謝の気持ちでいっぱいに。</span>
1356                        </h3>
1357                        <p class="voice-modal__section-text">
1358                            初めて走った箱根駅伝は2年生の時。あまりの緊張に何も覚えておらず、結果も満足できるものではありませんでした。そのリベンジを誓い、とにかく走る距離を伸ばし、「もっと自分の殻を破らなければ」と貪欲に練習に励みました。3年生では「花の2区」を任されました。2区は強者が集う激戦区であり、高低差の激しい難しいコースでもあります。自分の持ち味は苦しい時も耐えて耐えて力を発揮する我慢強さ。2回目の箱根駅伝はラストの過酷なアップダウンも粘り強く走り、持っている力を出し切りました。また、「こんな素晴らしい舞台で走れることは決してあたりまえのことではない」と、沿道で声援してくださった方はもちろん、これまで支えてくれたチームメンバーにも感謝の気持ちで胸がいっぱいになりました。
1359                        </p>
1360                    </div>
1361                    <div class="voice-modal__section">
1362                        <h3 class="voice-modal__section-heading">
1363                            <span>学びも、陸上も、いかに密度を濃くできるか。</span>
1364                        </h3>
1365                        <p class="voice-modal__section-text">
1366                            「大学4年間の今しかできない経験がある」と思っています。クラブ活動は日々練習がハードですが、そのおかげで大学生活も充実しています。学びとクラブ活動の両立は、限られた時間でいかに密度を濃くできるか、集中力や創意工夫を一番に考えるようになりました。また、寮生活をしていて部員とともに生活する中で、人との信頼関係を大切にするようにもなったと思います。
1367                        </p>
1368                    </div>
1369                    <div class="voice-modal__bottom">
1370                        <div class="voice-modal__bottom-image">
1371                            <img src="assets/img/voice/student7-2.jpg" alt="市川 大世さん">
1372                        </div>
1373                        <div class="voice-modal__bottom-content">
1374                            <div class="voice-modal__section">
1375                                <h3 class="voice-modal__section-heading">
1376                                    <span>主将として、頑張る背中で部員を引っ張る。</span>
1377                                </h3>
1378                                <p class="voice-modal__section-text">
1379                                    陸上は個人競技ですが、駅伝はチームで支え合い、襷をつなぐ競技。チームで助け合い、団結する力が勝利に大きく影響します。頑張るメンバーからの刺激が走るモチベーションになり、どã
1379‚Œã ã‘練習してきたかが自信につながります。次は主将として、最後の箱根駅伝に挑戦します。50秒の差で叶わなかったシード権の獲得を目指し、頑張る背中で約60人の部員を引っ張り、チーム全員で強くなりたいです。
1380                                </p>
1381                            </div>
1382                        </div>
1383                    </div>
1384                    <div class="voice-modal__footer">
1385                        <button type="button" class="voice-modal__nav voice-modal__nav--back"><span>BACK</span><img
1386                                src="assets/img/common/arrow2.svg" alt=""></button>
1387                        <button type="button" class="voice-modal__nav voice-modal__nav--next"><img
1388                                src="assets/img/common/arrow2.svg" alt=""><span>NEXT</span></button>
1389                    </div>
1390                </div>
1391            </div>
1392        </div>
1393    </div>
1394
1395    <!-- Voice Modal 08 -->
1396    <div class="voice-modal" id="voiceModal8" aria-label="学生の声 詳細">
1397        <div class="voice-modal__overlay"></div>
1398        <div class="voice-modal__dialog">
1399            <div class="voice-modal__wrap">
1400                <button type="button" class="voice-modal__close" aria-label="閉じる"></button>
1401                <div class="voice-modal__body">
1402                    <div class="voice-modal__header">
1403                        <div class="voice-modal__header-left">
1404                            <span class="voice-modal__number">VOICE 08</span>
1405                            <p class="voice-modal__quote">
1406                                <span>世界は広い、</span>
1407                                <span>知らない世界がいっぱいある。</span>
1408                            </p>
1409                        </div>
1410                        <div class="voice-modal__header-image">
1411                            <img src="assets/img/voice/student8-1.jpg" alt="今井 香奏さん">
1412                        </div>
1413                        <div class="voice-modal__profile">
1414                            <p class="voice-modal__name">今井 香奏<span>
1414さん</span></p>
1415                            <p class="voice-modal__dept">現代教養学部 現代教養学科 3年</p>
1416                            <p class="voice-modal__school">[東京都立足立西高等学校 出身]</p>
1417                        </div>
1418                    </div>
1419                    <div class="voice-modal__section">
1420                        <h3 class="voice-modal__section-heading">
1421                            <span>海外で感じた、自分から行動する大切さ。</span>
1422                        </h3>
1423                        <p class="voice-modal__section-text">
1424                            大学生活で大きなターニングポイントになったのが、モンゴルを訪問した、現代教養学部の「異文化社会現地研修」です。私にとって初の海外経験となったこの研修では、モンゴルの社会、暮らしや文化に触れました。遊牧民のご家庭を訪問してゲルという円形の移動式住居を体験したり、民族舞踊のコンサート、チベット仏教の寺院などに行ったり。日本語を学ぶ学生との交流やインターンシップにも参加して刺激がいっぱいの9日間でした。この経験を通じて大切だと感じたのは、自分から行動すること。実際に現地に足を運んだからこそ、出会えた人や知ったことがたくさんありました。コミュニケーションでは、相手にどう伝わるかを考えることも大切ですが、まずは伝えようとする意欲が重要だと感じました。
1425                        </p>
1426                    </div>
1427                    <div class="voice-modal__section">
1428                        <h3 class="voice-modal__section-heading">
1429                            <span>国や文化、人の考え方、「違い」が面白い。</span>
1430                        </h3>
1431                        <p class="voice-modal__section-text">
1432                            世界は広く、自分には知らない世界がいっぱいある。初めての海外経験は、もっと広い視野を持って知識を増やしたいと感じる機会になりました。また、モンゴルに行ったことは、好きな英語を継続して学ぶモチベーションにもなっています。現在は異文化理解をテーマにしたゼミで学び、興味があるアジアへの理解を深めています。発表やディスカッション、留学生との交流も多く、授業はいつも発見ばかり。国や文化、人の考え方などの「違い」が面白く、海外はもちろん、ゼミ生の多様な価値観を吸収しています。
1433                        </p>
1434                    </div>
1435                    <div class="voice-modal__bottom">
1436                        <div class="voice-modal__bottom-image">
1437                            <img src="assets/img/voice/student8-2.jpg" alt="今井 香奏さん">
1438                        </div>
1439                        <div class="voice-modal__bottom-content">
1440                            <div class="voice-modal__section">
1441                                <h3 class="voice-modal__section-heading">
1442                                    <span>自分の好きなことが学びになる。</span>
1443                                </h3>
1444                                <p class="voice-modal__section-text">
1445                                    高校生の時、心理学や語学など学びたいことが多く、幅広く学べる現代教養学部を志望しました。卒業論文の執筆に向けて、3年生からはテーマの方向性を決めていきます。音楽など自分の好きなことをテーマにできるのも現代教養学部の魅力なので、自分の興味をとことん掘り下げていきたいと思います。
1446                                </p>
1447                            </div>
1448                        </div>
1449                    </div>
1450                    <div class="voice-modal__footer">
1451                        <button type="button" class="voice-modal__nav voice-modal__nav--back"><span>BACK</span><img
1452                                src="assets/img/common/arrow2.svg" alt=""></button>
1453                        <button type="button" class="voice-modal__nav voice-modal__nav--next"><img
1454                                src="assets/img/common/arrow2.svg" alt=""><span>NEXT</span></button>
1455                    </div>
1456                </div>
1457            </div>
1458        </div>
1459    </div>
1460
1461    <!-- Voice Modal 09 -->
1462    <div class="voice-modal" id="voiceModal9" aria-label="学生の声 詳細">
1463        <div class="voice-modal__overlay"></div>
1464        <div class="voice-modal__dialog">
1465            <div class="voice-modal__wrap">
1466                <button type="button" class="voice-modal__close" aria-label="閉じる"></button>
1467                <div class="voice-modal__body">
1468                    <div class="voice-modal__header">
1469                        <div class="voice-modal__header-left">
1470                            <span class="voice-modal__number">VOICE 09</span>
1471                            <p class="voice-modal__quote">
1472                                <span>ゴルフの技術だけでなく、</span>
1473                                <span>人としても成長したい。</span>
1474                            </p>
1475                        </div>
1476                        <div class="voice-modal__header-image">
1477                            <img src="assets/img/voice/student9-1.jpg" alt="大屋 珠季さん">
1478                        </div>
1479                        <div class="voice-modal__profile">
1480                            <p class="voice-modal__name">大屋 珠季<span>さん</span></p>
1481                            <p class="voice-modal__dept">商学部 商学科 2年</p>
1482                            <p class="voice-modal__school">[長野県私立佐久長聖高等学校 出身]</p>
1483                        </div>
1484                    </div>
1485                    <div class="voice-modal__section">
1486                        <h3 class="voice-modal__section-heading">
1487                            <span>ゴルフに本気で取り組みたいと思い、中央学院大学へ。</span>
1488                        </h3>
1489                        <p class="voice-modal__section-text">
1490                            ゴルフは、子どもから大人まで、多くの世代が楽しめるのが魅力です。私自身も小学生からゴルフを始め、大学で競技ゴルフに本気で取り組みたいと思い、中央学院大学に進学を決めました。中央学院大学は、駅伝をはじめ強化指定クラブが多く、練習環境が充実している点に魅力を感じています。ゴルフ部の活動は週3回。ショットの精度を上げるために、できるだけ数を打つことはもちろん、各自のスイング動画を部員同士で分析して課題や改善点をアドバイスし合っています。こうしたメンバーの意見が、上達する上でとても役立っています。
1491                        </p>
1492                    </div>
1493                    <div class="voice-modal__section">
1494                        <h3 class="voice-modal__section-heading">
1495                            <span>試合の緊張が、日々の挑戦に向き合う力になる。</span>
1496                        </h3>
1497                        <p class="voice-modal__section-text">
1498                            競技力の向上には、基礎トレーニングによる体力づくりも重要です。筋トレはハードで心が折れそうになりますが、そんな時は「自分を甘やかさない」ことをマイルールにしています。また、もうひとつのマイルールが「あいさつを大切にする」こと。コミュニケーションは、人との信頼関係を築くはじめの一歩。優れたアスリートは素晴らしいメンタルや人間性も備わっているので、私も技術とともに鍛えたいと考えています。試合では緊張する場面も多いですが、その経験があるからこそ、大学の勉強や日々の課題にも落ち着いて向き合えるようになりました。
1499                        </p>
1500                    </div>
1501                    <div class="voice-modal__bottom">
1502                        <div class="voice-modal__bottom-image">
1503                            <img src="assets/img/voice/student9-2.jpg" alt="大屋 珠季さん">
1504                        </div>
1505                        <div class="voice-modal__bottom-content">
1506                            <div class="voice-modal__section">
1507                                <h3 class="voice-modal__section-heading">
1508                                    <span>リーグ戦優勝にメンバーとして貢献したい。</span>
1509                                </h3>
1510                                <p class="voice-modal__section-text">
1511                                    コーチや先輩はとてもフレンドリーで、クラブはアットホームな環境です。時には先輩と食事に出かけたり、同期と息抜きに遊びに出かけたりして、大学生活を楽しんでいます。クラブ活動ではリーグ戦優勝を目指し、自分もメンバーとして貢献することが目標です。将来は好きなゴルフやスポーツ関係の仕事に携わることができたら幸せですね。
1512                                </p>
1513                            </div>
1514                        </div>
1515                    </div>
1516                    <div class="voice-modal__footer">
1517                        <button type="button" class="voice-modal__nav voice-modal__nav--back"><span>BACK</span><img
1518                                src="assets/img/common/arrow2.svg" alt=""></button>
1519                        <button type="button" class="voice-modal__nav voice-modal__nav--next"><img
1520                                src="assets/img/common/arrow2.svg" alt=""><span>NEXT</span></button>
1521                    </div>
1522                </div>
1523            </div>
1524        </div>
1525    </div>
1526
1527    <!-- Voice Modal 10 -->
1528    <div class="voice-modal" id="voiceModal10" aria-label="学生の声 詳細">
1529        <div class="voice-modal__overlay"></div>
1530        <div class="voice-modal__dialog">
1531            <div class="voice-modal__wrap">
1532                <button type="button" class="voice-modal__close" aria-label="閉じる"></button>
1533                <div class="voice-modal__body">
1534                    <div class="voice-modal__header">
1535                        <div class="voice-modal__header-left">
1536                            <span class="voice-modal__number">VOICE 10</span>
1537                            <p class="voice-modal__quote">
1538                                <span>大学生活は、</span>
1539                                <span>「動いたもの勝ち」だから。</span>
1540                            </p>
1541                        </div>
1542                        <div class="voice-modal__header-image">
1543                            <img src="assets/img/voice/student10-1.jpg" alt="佐藤 優香さん">
1544                        </div>
1545                        <div class="voice-modal__profile">
1546                            <p class="voice-modal__name">佐藤 優香<span>さん</span></p>
1547                            <p class="voice-modal__dept">商学部 商学科 2年</p>
1548                            <p class="voice-modal__school">[千葉県私立中央学院高等学校 出身]</p>
1549                        </div>
1550                    </div>
1551                    <div class="voice-modal__section">
1552                        <h3 class="voice-modal__section-heading">
1553                            <span>箱根駅伝の応援は、他では得られない経験。</span>
1554                        </h3>
1555                        <p class="voice-modal__section-text">
1556                            中央学院大学はスポーツが盛んなことが魅力。私が大学で熱中しているのがチアリーディング部の活動です。幼稚園から始め、大学入学まではクラブチームで競技チアリーディングに打ち込んできました。大学では、箱根駅伝、野球やサッカーの試合などで、頑張る選手を全力で応援しています。箱根駅伝では走る選手を間近で応援することができ、通り過ぎる一瞬にすべての想いを込めました。スタート前とゴール地点でもエールを送り、国民的イベントの素晴らしさや臨場感を味わうことができた、他では得られない経験になりました。
1557                        </p>
1558                    </div>
1559                    <div class="voice-modal__section">
1560                        <h3 class="voice-modal__section-heading">
1561                            <span>人の挑戦を支え、喜びや感動を分かち合える。</span>
1562                        </h3>
1563                        <p class="voice-modal__section-text">
1564                            競技であれ、応援であれ、チアリーディングを通じて学んだのは、「人を想う」大切さです。トスなど空中に飛ぶ難度の高いアクロバティックな技は、大けがにもなりかねないため、仲間との信頼関係が重要になってきます。また、応援では、声と動きで選手の努力を後押ししています。チアリーディングの魅力は、人の挑戦を支え、喜びや感動を分かち合えること。気持ちが届いて、試合後に選手からお礼を言ってもらえた時は本当にやっていて良かったと思います。
1565                        </p>
1566                    </div>
1567                    <div class="voice-modal__bottom">
1568                        <div class="voice-modal__bottom-image">
1569                            <img src="assets/img/voice/student10-2.jpg" alt="佐藤 優香さん">
1570                        </div>
1571                        <div class="voice-modal__bottom-content">
1572                            <div class="voice-modal__section">
1573                                <h3 class="voice-modal__section-heading">
1574                                    <span>チアの精神を忘れず、</span><span>自分の強みを発揮できる将来へ。</span>
1575                                </h3>
1576                                <p class="voice-modal__section-text">
1577                                    商学部に入学したのは、実践的なビジネススキルや資格を取得できる点に魅力を感じたからです。とりわけ、中央学院大学は幅広い分野を学ぶことができるので、自分の興味や将来の可能性を広げたいと思っています。大学生活は「動いたもの勝ち」なので、資格取得にも挑戦し、やりたいことに全力で取り組んでいます。どんな時も笑顔であること、人を想うことを大切にするチアの精神とともに、クラブ活動で身につけたコミュニケーション力や周囲を見る力を発揮できる仕事に就きたいと考えています。
1578                                </p>
1579                            </div>
1580                        </div>
1581                    </div>
1582                    <div class="voice-modal__footer">
1583                        <button type="button" class="voice-modal__nav voice-modal__nav--back"><span>BACK</span><img
1584                                src="assets/img/common/arrow2.svg" alt=""></button>
1585                        <button type="button" class="voice-modal__nav voice-modal__nav--next"><img
1586                                src="assets/img/common/arrow2.svg" alt=""><span>NEXT</span></button>
1587                    </div>
1588                </div>
1589            </div>
1590        </div>
1591    </div>
1592
1593    <!-- Voice Modal 11 -->
1594    <div class="voice-modal" id="voiceModal11" aria-label="学生の声 詳細">
1595        <div class="voice-modal__overlay"></div>
1596        <div class="voice-modal__dialog">
1597            <div class="voice-modal__wrap">
1598                <button type="button" class="voice-modal__close" aria-label="閉じる"></button>
1599                <div class="voice-modal__body">
1600                    <div class="voice-modal__header">
1601                        <div class="voice-modal__header-left">
1602                            <span class="voice-modal__number">VOICE 11</span>
1603                            <p class="voice-modal__quote">
1604                                <span style="padding-right: .2em">「こんなに変わるんだ」と</span>
1605                                <span>1年間の成長に驚いた。</span>
1606                            </p>
1607                        </div>
1608                        <div class="voice-modal__header-image">
1609                            <img src="assets/img/voice/student11-1.jpg" alt="惣山 晴太さん">
1610                        </div>
1611                        <div class="voice-modal__profile">
1612                            <p class="voice-modal__name">惣山 晴太<span>さん</span></p>
1613                            <p class="voice-modal__dept">法学部 法学科 2年</p>
1614                            <p class="voice-modal__school">[千葉県立沼南高等学校 出身]</p>
1615                        </div>
1616                    </div>
1617                    <div class="voice-modal__section">
1618                        <h3 class="voice-modal__section-heading">
1619                            <span>自分で考え、</span><span>意見を出し合う大学の学びが楽しい。</span>
1620                        </h3>
1621                        <p class="voice-modal__section-text">
1622                            世の中のルールに興味があり、法学部に進学しました。現在はビジネスのルールとなる法律や簿記に興味を持って勉強しています。「企業法概論」という授業では会社の仕組みについて学ぶことができました。また、基礎演習の授業は1つのテーマについて、みんなで考え、活発に意見を出し合う場で、高校までとは違う、大学ならではの楽しい授業でもあります。例えば、世界経済が破綻したリーマンショックを描いた映画を観て意見交換し、株や投資をリアルに学ぶ授業もありました。自分の考えを発表する機会が多く、その考えを論理的に伝えるトレーニングにもなっています。
1623                        </p>
1624                    </div>
1625                    <div class="voice-modal__section">
1626                        <h3 class="voice-modal__section-heading">
1627                            <span>人とのつながりは、</span><span>大学生活の充実につながる。</span>
1628                        </h3>
1629                        <p class="voice-modal__section-text">
1630                            クラブやサークル活動が活発なことも、中央学院大学を志望した理由のひとつです。私はオープンキャンパススタッフのほか、ダンスサークル、野戦研究部と3つの団体を掛け持ちしています。チームでひとつのことを実現する達成感、仲間と一緒に踊る楽しさのほか、オープンキャンパスでは高校生の悩みや相談をサポートできるやりがいを感じています。何より、これらの課外活動の一番の良さは、仲間が増えること。人とのつながりは、そのまま大学生活の充実につながっています。
1631                        </p>
1632                    </div>
1633                    <div class="voice-modal__bottom">
1634                        <div class="voice-modal__bottom-image">
1635                            <img src="assets/img/voice/student11-2.jpg" alt="惣山 晴太さん">
1636                        </div>
1637                        <div class="voice-modal__bottom-content">
1638                            <div class="voice-modal__section">
1639                                <h3 class="voice-modal__section-heading">
1640                                    <span class="pr-adjust">ビジネスに新たなアイデアを</span><span>生み出す力を鍛えたい。</span>
1641                                </h3>
1642                                <p class="voice-modal__section-text">
1643                                    学びや課外活動を通じて、積極性やコミュニケーション力が身につき、「たった1年の大学生活でこんなに変わるんだ」と自分自身の成長に驚いています。卒業後は父のビジネスを支える仕事をしていきたいと思っているので、4年間で商学の知識とともに、新たなビジネスのアイデアや発想を生み出す力も鍛えたいです。中央学院大学でいろいろな人と出会い、自分の視野も広がり、柔軟な思考力も身についてきているように感じます。
1644                                </p>
1645                            </div>
1646                        </div>
1647                    </div>
1648                    <div class="voice-modal__footer">
1649                        <button type="button" class="voice-modal__nav voice-modal__nav--back"><span>BACK</span><img
1650                                src="assets/img/common/arrow2.svg" alt=""></button>
1651                        <button type="button" class="voice-modal__nav voice-modal__nav--next"><img
1652                                src="assets/img/common/arrow2.svg" alt=""><span>NEXT</span></button>
1653                    </div>
1654                </div>
1655            </div>
1656        </div>
1657    </div>
1658
1659    <!-- Voice Modal 12 -->
1660    <div class="voice-modal" id="voiceModal12" aria-label="学生の声 詳細">
1661        <div class="voice-modal__overlay"></div>
1662        <div class="voice-modal__dialog">
1663            <div class="voice-modal__wrap">
1664                <button type="button" class="voice-modal__close" aria-label="閉じる"></button>
1665                <div class="voice-modal__body">
1666                    <div class="voice-modal__header">
1667                        <div class="voice-modal__header-left">
1668                            <span class="voice-modal__number">VOICE 12</span>
1669                            <p class="voice-modal__quote">
1670                                <span style="padding-right: .2em">大学で得たかけがえのないものは</span>
1671                                <span>自分への自信。</span>
1672                            </p>
1673                        </div>
1674                        <div class="voice-modal__header-image">
1675                            <img src="assets/img/voice/student12-1.jpg" alt="鈴木 空さん">
1676                        </div>
1677                        <div class="voice-modal__profile">
1678                            <p class="voice-modal__name">鈴木 空<span>さん</span></p>
1679                            <p class="voice-modal__dept">商学部 商学科 4年</p>
1680                            <p class="voice-modal__school">[千葉県立柏の葉高等学校 出身]</p>
1681                        </div>
1682                    </div>
1683                    <div class="voice-modal__section">
1684                        <h3 class="voice-modal__section-heading">
1685                            <span>目標は高校の教員、充実したサポートが魅力。</span>
1686                        </h3>
1687                        <p class="voice-modal__section-text">
1688                            入学時から高校教員を志望し、地理・歴史、公民、商業、情報と取得できる教職科目が多い点も商学部に進学した理由でした。現在、3科目の免許の取得を目指しながら情報コースに所属し、将来は情報の教員になることが目標です。AIやデータ活用などデジタル社会を担う新しい分野なので、教えるやりがいも大きいのではないかと期待しています。教員を目指す上で苦手だったのが「人前で話すこと」でしたが、教職課程の模擬授業は少人数で発表回数が多く、自信を持って授業ができるようになりました。また、教職課程履修の学生が利用できるスタディールームを利用すれば、先生や職員の方に勉強や履修の不安をサポートしてもらえるので安心して勉強に集中できます。
1689                        </p>
1690                    </div>
1691                    <div class="voice-modal__section">
1692                        <h3 class="voice-modal__section-heading">
1693                            <span>海外ひとり旅は一生の思い出であり、</span><span>創作のヒントに。</span>
1694                        </h3>
1695                        <p class="voice-modal__section-text">
1696                            ゼミでは、グループワークなどを通じて仲間と意見を交わしながら、やりがいや成長を感じています。毎回時事問題をテーマに議論しており、企業へのサイバー攻撃を取り上げた回では、デジタル社会と企業経営の両面から活発に意見を出し合いました。また、学び以外では、国内外で長期休暇を利用して旅行することが多く、この前はベトナムをひとり旅しました。旅によって出会う思いがけない場所や体験、刺激的な時間は一生忘れられない思い出です。創作研究部に所属し、随筆や短編小説を執筆していますが、これらの旅行体験が創作活動のヒントにもなっています。
1697                        </p>
1698                    </div>
1699                    <div class="voice-modal__bottom">
1700                        <div class="voice-modal__bottom-image">
1701                            <img src="assets/img/voice/student12-2.jpg" alt="鈴木 空さã
1701‚“">
1702                        </div>
1703                        <div class="voice-modal__bottom-content">
1704                            <div class="voice-modal__section">
1705                                <h3 class="voice-modal__section-heading">
1706                                    <span>生徒一人ひとりに寄り添える教員を目指す。</span>
1707                                </h3>
1708                                <p class="voice-modal__section-text">
1709                                    大学生活で得たものは、論理的に考える力、そして自分への自信です。レポートやプレゼン、創作研究部の活動などを通じて、自分の考えを整理し、相手にわかりやすく伝える表現力が備わったと感じます。また、ゼミや模擬授業など、人前に自分からどんどん出て発言するうちに自分に自信が持てるようになりました。これらの経験を原動力に、情報コースで培った専門知識を発揮し、生徒一人ひとりに寄り添える教員になりたいと思います。
1710                                </p>
1711                            </div>
1712                        </div>
1713                    </div>
1714                    <div class="voice-modal__footer">
1715                        <button type="button" class="voice-modal__nav voice-modal__nav--back"><span>BACK</span><img
1716                                src="assets/img/common/arrow2.svg" alt=""></button>
1717                        <button type="button" class="voice-modal__nav voice-modal__nav--next"><img
1718                                src="assets/img/common/arrow2.svg" alt=""><span>NEXT</span></button>
1719                    </div>
1720                </div>
1721            </div>
1722        </div>
1723    </div>
1724
1725    <!-- Voice Modal 13 -->
1726    <div class="voice-modal" id="voiceModal13" aria-label="学生の声 詳細">
1727        <div class="voice-modal__overlay"></div>
1728        <div class="voice-modal__dialog">
1729            <div class="voice-modal__wrap">
1730                <button type="button" class="voice-modal__close" aria-label="閉じる"></button>
1731                <div class="voice-modal__body">
1732                    <div class="voice-modal__header">
1733                        <div class="voice-modal__header-left">
1734                            <span class="voice-modal__number">VOICE 13</span>
1735                            <p class="voice-modal__quote">
1736                                <span style="padding-right: .2em">自分の好きなことを</span>
1737                                <span>存分に学べる楽しさがある。</span>
1738                            </p>
1739                        </div>
1740                        <div class="voice-modal__header-image">
1741                            <img src="assets/img/voice/student13-1.jpg" alt="高梨 琉那さん">
1742                        </div>
1743                        <div class="voice-modal__profile">
1744                            <p class="voice-modal__name">髙梨 琉那<span>さん</span></p>
1745                            <p class="voice-modal__dept">法学部 法学科 3年</p>
1746                            <p class="voice-modal__school">[千葉県私立中央学院高等学校 出身]</p>
1747                        </div>
1748                    </div>
1749                    <div class="voice-modal__section">
1750                        <h3 class="voice-modal__section-heading">
1751                            <span>法律からビジネスまで幅広く学んでいる。</span>
1752                        </h3>
1753                        <p class="voice-modal__section-text">
1754                            公務員を目指していて、試験に必要な分野に力を入れて勉強しながらも、大学4年間は多くの分野を学べるチャンスなので、簿記などビジネス分野まで幅広く学んでいます。とりわけ、法律分野で興味を持ったのは「家族法」です。結婚や離婚、相続など、自分のライフステージにおいても関係する身近なテーマを扱っていて、知っていると一生役立ちそうなのでしっかり学んでおきたいと思います。
1755                        </p>
1756                    </div>
1757                    <div class="voice-modal__section">
1758                        <h3 class="voice-modal__section-heading">
1759                            <span class="pr-adjust">観光地の看板や標識から</span><span>現代社会が見える面白さ。</span>
1760                        </h3>
1761                        <p class="voice-modal__section-text">
1762                            ゼミでは、看板や標識などの「言語景観」をテーマに浅草や上野などの観光地を調査しました。英語は共通語なので必ず入っていたり、場所によっては中国語表記がメインだったり、異文化や多文化がどのように地域に入っているか、看板や標識から今の社会が見えてくるのがとても興味深かったです。また、この授業では、大学の学びに不可欠な調査方法や、苦手だったレポートの書き方なども鍛えられました。大学の学びの面白さは、自分の興味ある分野を探究できること。好きなテーマを存分に学べることが本当に楽しいです。
1763                        </p>
1764                    </div>
1765                    <div class="voice-modal__bottom">
1766                        <div class="voice-modal__bottom-image">
1767                            <img src="assets/img/voice/student13-2.jpg" alt="高梨 琉那さん">
1768                        </div>
1769                        <div class="voice-modal__bottom-content">
1770                            <div class="voice-modal__section">
1771                                <h3 class="voice-modal__section-heading">
1772                                    <span>卒業後は公務員へ、地元の人々を支えたい。</span>
1773                                </h3>
1774                                <p class="voice-modal__section-text">
1775                                    高校時代から、将来は市役所職員になりたいと思っていました。オープンキャンパスなどに参加し、公務員試験のサポートが充実している点に惹かれて法学部へ進学。現在は「公務員特別演習」などを活用して教養などの筆記試験対策に取り組んでいます。また、あびこ祭実行委員会では企画長を務め、地域の企業の方々と打ち合わせをすることも多く、リーダーシップや社会人に必要なスキルを磨くこともできました。これらすべてを自分の持ち味に、卒業後は目標を叶えて、地元を支える仕事に就きたいです。
1776                                </p>
1777                            </div>
1778                        </div>
1779                    </div>
1780                    <div class="voice-modal__footer">
1781                        <button type="button" class="voice-modal__nav voice-modal__nav--back"><span>BACK</span><img
1782                                src="assets/img/common/arrow2.svg" alt=""></button>
1783                        <button type="button" class="voice-modal__nav voice-modal__nav--next"><img
1784                                src="assets/img/common/arrow2.svg" alt=""><span>NEXT</span></button>
1785                    </div>
1786                </div>
1787            </div>
1788        </div>
1789    </div>
1790
1791
1792    <!-- ============================================================
1793    Voice video Modal
1794  ============================================================ -->
1795    <div id="mv_overlay"></div>
1796
1797    <div class="modal_contents" id="episode-modal01" data-lenis-prevent>
1798        <div class="modalClose">
1799            <span>✕</span>
1800        </div>
1801        <div class="modal_video-container">
1802            <iframe width="560" height="315" src="https://www.youtube.com/embed/FPGsmGCobGE?si=kI1Knp0cLu7QOlfc"
1803                title="YouTube video player" frameborder="0"
1804                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1805                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
1806        </div>
1807    </div>
1808
1809    <div class="modal_contents" id="episode-modal02" data-lenis-prevent>
1810        <div class="modalClose">
1811            <span>✕</span>
1812        </div>
1813        <div class="modal_video-container">
1814            <iframe width="560" height="315" src="https://www.youtube.com/embed/4rdKazFK5ww?si=h_n4YXKhB4en2Ghx"
1815                title="YouTube video player" frameborder="0"
1816                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1817                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
1818        </div>
1819    </div>
1820
1821    <div class="modal_contents" id="episode-modal03" data-lenis-prevent>
1822        <div class="modalClose">
1823            <span>✕</span>
1824        </div>
1825        <div class="modal_video-container">
1826            <iframe width="560" height="315" src="https://www.youtube.com/embed/SuCPF8RRfIw?si=0Oly5HZDoU_RDZTV"
1827                title="YouTube video player" frameborder="0"
1828                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1829                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
1830        </div>
1831    </div>
1832
1833    
1833<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
1833
1834    
1834<script src="assets/js/top/top.js"></script>
1834
1835    
1835<script type="module" src="assets/js/top/push-scroll.js"></script>
1835
1836    
1836<script type="text/javascript" src="//www17.infoclipper.net/infohp_js/c53sme7.js" charset="UTF-8"></script>
1836
1837    
1837<script type="text/javascript" src="//www17.infoclipper.net/infohp_js/fpAnalysis.js" charset="UTF-8"></script>
1837
1838</body>
1839
1840</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.