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