1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>ãã¾ããååä¼æ¥ã»ããã¼</title> 7 8 <link rel="icon" type="image/png" href="assets/images/favicon-96x96.png" sizes="96x96" /> 9 <link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg" /> 10 <link rel="shortcut icon" href="assets/images/favicon.ico" /> 11 <link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon.png" /> 12 <link rel="manifest" href="/site.webmanifest" /> 13 14
14<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
14 15 <link rel= "stylesheet" href= "https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css" > 16 <link rel="preconnect" href="https://fonts.googleapis.com"> 17 18 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 19 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:[email protected]&display=swap" rel="stylesheet"> 20 21 <link rel="stylesheet" href="assets/css/style.css"> 22</head> 23<body> 24 25 <!-- ====== HEADER NAV ====== --> 26 <header class="site-header"> 27 <div class="container"> 28 <div class="header__logo"> 29 <h1> 30 <img src="./assets/images/logo.svg" alt="山形ååä¼æ¥ã»ããã¼"> 31 </h1> 32 </div> 33 <nav class=" site-nav" aria-label="ã°ãã¼ãã«ããã²ã¼ã·ã§ã³"> 34 <ul class="nav-menu"> 35 <li><a href="/">TOP</a></li> 36 <li><a href="#about">ã¤ãã³ãæ¦è¦</a></li> 37 <li><a href="#venue">ä¼å ´ã«ã¤ãã¦</a></li> 38 <li><a href="./companies.html">åå ä¼æ¥ä¸è¦§</a></li> 39 <!-- <li><a href="#schedule">ã¿ã¤ã ã¹ã±ã¸ã¥ã¼ã«</a></li> --> 40 </ul> 41 </nav> 42 <button class="nav-toggle"> 43 <span></span> 44 <span></span> 45 <span></span> 46 </button> 47 </div> 48 </header> 49 50 <!-- ====== HERO ====== --> 51 <section id="top" class="hero"> 52 <div class="container hero-bg" role="img"> 53 <picture> 54 <source srcset="./assets/images/kv-sp.png" media="(max-width: 768px)" type="image/png"> 55 <img src="./assets/images/kv-pc.png" alt=""> 56 </picture> 57 58 <a href="https://forms.gle/aThGXXENnHRo6uJS9" target="_blank"> 59 äºåã¨ã³ããªã¼ã¯ãã¡ã 60 </a> 61 </div> 62 63 64 </section> 65 66 <!-- ====== SUBSIDY BANNER ====== --> 67 <section class="subsidy"> 68 <div class="container"> 69 <h2 class="subsidy-title"> 70 çå¤ããæ¬ã¤ãã³ãã«åå ãããæ¹ã«ã¯<br> 71 <span class="subsidy-strong">交éè²»ã®ä¸é¨ãå©æ</span> 72 ããã¾ã! 73 </h2> 74 <div class="subsidy__inner"> 75 <div> 76 <p class="subsidy-desc"> 77 UIã¿ã¼ã³ã«ãã山形çå ã®æ°éä¼æ¥ã¸å°±è·ãå¸æãã¦ããæ¹ã«å¯¾ãã¦ã山形çå ã§å®æ½ãããæ¡ç¨é¢æ¥åã¯ã¤ã³ã¿ã¼ã³ã·ãããååä¼æ¥èª¬æä¼çã«åå ããããã«è¦ãã交éè²»ã®ä¸é¨ãå©æããã¾ãã 78 </p> 79 <p class="subsidy-amount"> 80 <span class="subsidy-amount-label">令å8年度山形çUIã¿ã¼ã³å°±è·æ´»å交éè²»å©æäºæ¥è²»è£å©é</span> 81 <br> 82 <span class="subsidy-amount-main">1å <b>20,000</b><span>å</span></span> 83 (ä¸éé¡) 84 <span class="subsidy-amount-note">ãã²ã¨ãæ§3åã¾ã§</span> 85 </p> 86 </div> 87 <div class="subsid-img"> 88 <img src="./assets/images/support.jpg" alt=""> 89 </div> 90 </div> 91 92 <p class="subsidy__link">詳ããã¯<a href="https://www.pref.yamagata.jp/110009/sangyo/rodo/koyotaisaku/uiturn/koutsuuhijyoseikin.html" target="_blank">ãã¡ãã®ãµã¤ã<i class="las la-external-link-alt"></i></a>ãã確èªãã ããã</p> 93 94 </div> 95 </section> 96 97 <!-- ====== ABOUT ====== --> 98 <section id="about" class="section about"> 99 100 <div class="container"> 101 <h2 class="section-title">ã¤ãã³ãæ¦è¦</h2> 102 103 <div class="about__inner"> 104 <!-- å·¦:ã©ããªã¤ãã³ã? --> 105 <div class="about-col"> 106 <h3 class="about-subtitle">ã©ããªã¤ãã³ãï¼</h3> 107 108 <div class="about__card"> 109 <div class="about__card--inner"> 110 <h4 class="about__card--title">ãã¾ããååä¼æ¥ã»ããã¼</h4> 111 <p class="about__card--sub">山形çå ã®ä¼æ¥40社åå </p> 112 <p class="about__card--txt">山形çå ã§ã®å°±è·ã«èå³ãããå¦çã対象ã«ã山形çå ä¼æ¥ã¨äº¤æµã§ãã就活æºåã¤ãã³ããéå¬ãã¾ãã</p> 113 <dl class="schedule-list"> 114 <dt class="schedule-time"> 115 12:00ã13:00 116 </dt> 117 <dd> 118 åå è åä» 119 </dd> 120 </dl> 121 <dl class="schedule-list"> 122 <dt> 123 13:00ã13:35 124 </dt> 125 <dd> 126 就活ããã»ããã¼&äºå説æä¼ 127 </dd> 128 </dl> 129 <ul class="list-item"> 130 <li>ä¼æ¥é¢è«ã®ãã¤ã³ãã¨ä¼æ¥é¸èã®ã³ã</li> 131 <li>
131山形çUIã¿ã¼ã³å°±æ´»æ¯æ´æ å ±ã®æ¡å </li> 132 <li>就活AIãããã³ã°ã¢ããªæ´»ç¨ã«ã¤ãã¦</li> 133 </ul> 134 <dl class="schedule-list"> 135 <dt> 136 13:40ã16:15 137 </dt> 138 <dd> 139 ä¼æ¥é¢è«ã¿ã¤ã <span>(1å20åÃ6åéå¬)</span> 140 </dd> 141 </dl> 142 <ul class="list-item"> 143 <li>1åç®ï¼13:40ã14:00</li> 144 <li>2åç®ï¼14:05ã14:25</li> 145 <li>3åç®ï¼14:30ã14:50</li> 146 </ul> 147 <div class="schedule-sep"> 148 ä¼ æ©ï¼14:50ï½15:05 149 </div> 150 <ul class="list-item"> 151 <li>4åç®ï¼15:05ã15:25</li> 152 <li>5åç®ï¼15:30ã15:50</li> 153 <li>6åç®ï¼15:55ã16:15</li> 154 </ul> 155 156 <p class="memo">ããããåã£ã¦ãçããã®å¯è½æ§ãåºãã¦ã¿ã¾ãããï¼</p> 157 <div class="schedule-sep"> 158 ã¤ãã³ãçµäºï¼16:15 159 </div> 160 </div> 161 </div> 162 </div> 163 164 <!-- å³:åå ããã«ã¯? --> 165 166 <div class="about-col twin"> 167 <h3 class="about-subtitle">åå ããã«ã¯ï¼</h3> 168 169 <div class="about__card"> 170 <div class="about__card--inner"> 171 172 <ul class="schedule-step"> 173 <li> 174 <span class="label"> 175 Step1 äºåäºç´ 176 </span> 177 ã»ããã¼ã¸ã®åå ã«ã¯äºåã®ç³è¾¼ãå¿ è¦ã§ãããäºåã¨ã³ããªã¼ã¯ãã¡ãããã¿ã³ãããç³è¾¼ã¿ãã ããã 178 </li> 179 <li> 180 <span class="label">Step2 å½æ¥</span> 181 ç§æã§OKï¼å¿ è¦ãªæã¡ç©ãªãï¼ãæ°è»½ã«ãæ¥å ´ãã ããã 182 <span class="note">ãè»ã§ãè¶ãã®éã¯ã山形ãã«ãµé£æ¥ã®ãã¹ã«ã°ãªé§è»å ´ãã¸ãâ»ãµã¼ãã¹å¸æ</span> 183 </li> 184 <li> 185 <span class="label"> 186 Step3 å¾æ¥ 187 </span> 188 æ°ã«ãªã£ãä¼æ¥ããã£ãããã¤ã³ã¿ã¼ã³ã·ãããªã©ã«ç³è¾¼ã¿ãçããããæ¥è§¦ãã¦ã¿ã¾ãããï¼ 189 </li> 190 </ul> 191 </div> 192 </div> 193 <div class="about__card"> 194 <div class="about__card--inner"> 195 196 <ul class="schedule-step"> 197 <li> 198 <span class="label"> 199 対象 200 </span> 201 202 <ul class="list-item"> 203 <li> 204 大å¦ã»ç大ã»å°éå¦æ ¡ã®ï¼ï½¥ï¼ï½¥ï¼å¹´ç<br> 205 <small>â»ä»¤å10å¹´(2028å¹´)3æ以éã«åæ¥äºå®ã®å¦ç</small> 206 </li> 207 <li> 208 山形çã§ã®å°±è·ã«èå³é¢å¿ã®ããå¦ç 209 </li> 210 <li> 211 å°±è·æ´»åã«åãæ å ±åéããããå¦ç 212 </li> 213 </ul> 214 </li> 215 </ul> 216 <div class="alert"> 217 ãåéå士ã®åå ãOKï¼ãåéã山形åºèº«ã§ãªãæ¹ã§ãåé¡ããã¾ããï¼ 218 </div> 219 <div class="ta-center"> 220 <a href="https://forms.gle/aThGXXENnHRo6uJS9" target="_blank"> 221 äºåã¨ã³ããªã¼ã¯ãã¡ã 222 </a> 223 </div> 224 </div> 225 </div> 226 </div> 227 </div> 228 </div> 229 </div> 230 </section> 231 232 <!-- ====== NEWS ====== --> 233 <section class="section news"> 234 <div class="news__inner"> 235 236 <div class="container"> 237 <div class="news__text"> 238 <h2 class="news__text--label"> 239 <img src="./assets/images/news_ttitle.png" alt="news! 山形ã§åãããå¦çã¨å°å ä¼æ¥ãã¤ãªãAIãããã³ã°å就活ã¢ããªãã¿ã¬ã³ãã£ã¼ãå°å ¥ï¼"> 240 </h2> 241 <p class="news__text--desc">ç°¡å16ã¿ã¤ã診æã§ãèªåã®å¼·ã¿ããã§ãã¯ï¼ç¸æ§ã®è¯ãä¼æ¥ã<br>åãããããåãã¦ã®ä¼æ¥è¨ªåã§ãèªç¶ã«è©±ãã¾ããâª</p> 242 </div> 243 <!-- ç»åå·®ãæ¿ãäºå®:ã¹ãã¼ããã©ã³ã¢ãã¯ã¢ãã --> 244 <div class="news__image" role="img" aria-label="ã¿ã¬ã³ãã£ã¼ã¢ããªã®ã¹ããç»é¢"> 245 <img src="./assets/images/news_image.png" alt=""> 246 </div> 247 </div> 248 249 </div> 250 251 <div id="companies" class="news__link container schedule-cta"> 252 <!-- <a href="#" class="btn btn-yellow">åå ä¼æ¥ãè¦ã</a> --> 253 <!-- <div id="entry" class="schedule-cta"> --> 254 <a href="./companies.html" class="btn btn-yellow">åå ä¼æ¥ãè¦ã</a> 255 <a href="https://forms.gle/aThGXXENnHRo6uJS9" class="btn btn-primary" target="_blank">äºåã¨ã³ããªã¼ã¯ãã¡ã</a> 256 <!-- </div> --> 257 </div> 258 </section> 259 260 <!-- ====== VENUE ====== --> 261 <section id="venue" class="section venue"> 262 <div class="container"> 263 <h2 class="section-title">ä¼å ´ã«ã¤ãã¦</h2> 264 265 <div class="container venue__inner"> 266 <div class="venue__info"> 267 <h3 class="venue-name">山形ãã«ãµ3Fã¢ããã¼ãº</h3> 268 <ul class="venue__info--list"> 269 <li>山形ç山形å¸åèçº1-2-3(JRå±±å½¢é§ è¥¿å£ããå¾æ©5å)</li> 270 <li>ãè»ã§ãè¶ãã®éã¯ã山形ãã«ãµé£æ¥ã®ãã¹ã«ã°ãªé§è»å ´ãã¸ãâ»ãµã¼ãã¹å¸æ</li> 271 </ul> 272 </div> 273 <!-- ç»åå·®ãæ¿ãäºå®:å°å³ --> 274 <div class="venue__map"> 275 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3133.3939095050623!2d140.32207717590575!3d38.247169271870185!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5f8bb60db32883fd%3A0x214527e466b88f0e!2z5bGx5b2i44OG44Or44K1!5e0!3m2!1sja!2sjp!4v1778996690009!5m2!1sja!2sjp" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> 276 </div> 277 </div> 278 </div> 279 280 </section> 281 282 <!-- ====== SCHEDULE ====== --> 283 <!-- <section id="schedule" class="section schedule"> 284 <div class="container"> 285 <h2 class="section-title">ã¿ã¤ã ã¹ã±ã¸ã¥ã¼ã«</h2> 286 287 <div class="schedule__inner"> 288 <table class="time-table"> 289 <thead> 290 <tr> 291 <th class="time-col" colspan="2">å 容</th> 292 <th></th> 293 </tr> 294 </thead> 295 <tbody> 296 <tr> 297 <th>12:00ã13:00</th> 298 <td>åå è åä»ï¼äºåã¨ã³ããªã¼ã®ä¸ããåå ãã ãã</td> 299 </tr> 300 <tr> 301 <th>13:00ã13:35</th> 302 <td> 303 <strong>就活ããã»ããã¼&äºå説æä¼</strong> 304 <ul class="time-sub"> 305 <li>ã»ä¼æ¥é¢è«ã®ãã¤ã³ãã¨ä¼æ¥é¸èã®ã³ã</li> 306 <li>
306ã»å±±å½¢çUIã¿ã¼ã³å°±æ´»æ¯æ´æ å ±ã®æ¡å </li> 307 <li>ã»å°±æ´»AIãããã³ã°ã¢ããªæ´»ç¨ã«ã¤ãã¦</li> 308 </ul> 309 </td> 310 </tr> 311 <tr> 312 <th rowspan="3">13:40ã16:15</th> 313 <td> 314 <strong>ä¼æ¥é¢è«ã¿ã¤ã (1å20åÃ6åéå¬)</strong> 315 <ul class="time-sub"> 316 <li>ã»1åç®ï¼13:40ã14:00</li> 317 <li>ã»2åç®ï¼14:05ã14:25</li> 318 <li>ã»3åç®ï¼14:30ã14:50</li> 319 </ul> 320 </td> 321 </tr> 322 <tr> 323 <td class="time-break">14:50ã15:05ï¼ä¼ æ©</td> 324 </tr> 325 <tr> 326 <td> 327 <ul class="time-sub"> 328 <li>ã»4åç®ï¼15:05ã15:25</li> 329 <li>ã»5åç®ï¼15:30ã15:50</li> 330 <li>ã»6åç®ï¼15:55ã16:15</li> 331 </ul> 332 </td> 333 </tr> 334 <tr> 335 <th>16:15</th> 336 <td>ã¤ãã³ãçµäº</td> 337 </tr> 338 </tbody> 339 </table> 340 341 <div id="entry" class="schedule-cta"> 342 <a href="./companies.html" class="btn btn-yellow">åå ä¼æ¥ãè¦ã</a> 343 <a href="https://forms.gle/aThGXXENnHRo6uJS9" class="btn btn-primary" target="_blank">äºåã¨ã³ããªã¼ã¯ãã¡ã</a> 344 </div> 345 </div> 346 </div> 347 </section> --> 348 349 <!-- ====== FOOTER ====== --> 350 <footer class="site-footer"> 351 <div class="container"> 352 <p class="footer-label">主å¬</p> 353 <p class="footer-org">山形çç£æ¥å´åé¨ãéç¨ã»ç£æ¥äººæè²æ課</p> 354 355 <p class="footer-label footer-label-sub">ãåãåãã</p> 356 <p class="footer-contact-name">ãã¾ããååä¼æ¥ã»ããã¼äºåå±</p> 357 <p class="footer-contact-sub">(æ ªå¼ä¼ç¤¾ä¸åºã¯ã¼ã¯ã¤ã³ 山形å¶æ¥æ)<br>山形å¸è«è¨ªçº1-1-1 ã»ã³ãã¥ãªã¼ãã¬ã¤ã¹å±±å½¢ 3F</p> 358 <p class="footer-tel"><i class="las la-phone"></i> <a href="tel: 023-641-9012">023-641-9012</a></p> 359 360 <!-- <p class="copyright">© <span id="year"></span> ãã¾ããååä¼æ¥ã»ããã¼</p> --> 361 </div> 362 </footer> 363 364
364<script src="assets/js/main.js"></script>
364 365</body> 366</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.