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>ï¼ã¤ã®å ¬åå¡è©¦é¨ã«æçµåæ ¼ã</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>ï¼å¹´éã®æé·ã«é©ããã</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 © 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>ï¼ã¤ã®å ¬åå¡è©¦é¨ã«æçµåæ ¼ã</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">ï¼å¹´éã§å°æ¥ã«ç´çµããåã</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>ãè±ã®ï¼åºããèµ°ãã</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>ï¼å¹´éã®æé·ã«é©ããã</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.