<!DOCTYPE html>
<html lang="ja">
<head>
<meta property="og:image" content="http://wap.y666.net/images/logo.png"/>
<!-- Google tag (gtag.js) -->


  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>北見工業大学_mg老虎机_mg老虎机游戏-任你博专家推荐</title>
  <link rel="shortcut icon" href="/favicon.ico" />
  <meta property="og:type" content="website">
  <meta property="og:description" content="北見工業大学オフィシャルサイトです。北見工業大学は、人を育て、科学技術を広め、地域に輝き、未来を拓く大学を目指します。">
  <meta property="og:title" content="北見工業大学">
  <meta property="og:site_name" content="北見工業大学">
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:site" content="@KitamiOf" />
  <meta name="twitter:title" content="北見工業大学公式サイト" />
  <meta name="twitter:description" content="「自然と調和するテクノロジーの発展を目指して」" />
  <meta name="twitter:image" content="https://www.kitami-it.ac.jp/wp-content/uploads/2023/03/KIT_exterior-scaled.jpg" />
  <link rel="stylesheet" type="text/css" href="/common/css/reset.css">
  <link rel="stylesheet" type="text/css" href="/common/css/fontawesome-free-5/css/all.min.css">
  <link rel="stylesheet" type="text/css" href="/common/js/slick/slick-theme.css">
  <link rel="stylesheet" type="text/css" href="/common/js/slick/slick.css">
  <link rel="stylesheet" type="text/css" href="/common/js/lity/lity.css">
  <link rel="stylesheet" type="text/css" href="/common/css/style.css?20241218">
  <link rel="stylesheet" type="text/css" href="/common/css/style-sp.css?20241218">
  <link rel='stylesheet' id='index-css' href='/common/css/index.css?ver=2023033115' type='text/css' media='all' />
  <link rel='stylesheet' id='index-sp-css' href='/common/css/index-sp.css?ver=2023033115' type='text/css' media='all' />
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="/assets/css/style.css?250108">
<meta name='robots' content='max-image-preview:large' />
<link rel="alternate" type="application/rss+xml" title="北見工業大学 &raquo; フィード" href="https://www.kitami-it.ac.jp/feed/" />
<link rel="alternate" type="application/rss+xml" title="北見工業大学 &raquo; コメントフィード" href="https://www.kitami-it.ac.jp/comments/feed/" />
<link rel='stylesheet' id='wp-block-library-css'  href='https://www.kitami-it.ac.jp/wp-includes/css/dist/block-library/style.min.css?ver=5.7.2' type='text/css' media='all' />


<link rel="https://api.w.org/" href="https://www.kitami-it.ac.jp/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.kitami-it.ac.jp/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.kitami-it.ac.jp/wp-includes/wlwmanifest.xml" /> 

<meta name="keywords" content="mg老虎机,mg老虎机游戏-任你博专家推荐,北京库格瑞轴承有限公司 "/><meta name="description" content="mg老虎机【china-fag.com】㊣为您提供集团最新官方网站,更高级的VIP服务体验,更多mg老虎机游戏的优惠活动,更快速的存取款时间,专属美女客服一对一服务,赶快注册游戏 ,玩mg老虎机的技巧课程(注册网址):数值预报的业务版图越摊越大,交叉就越来越多,竞争就越来越密集!" /><meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<script src="/ceng.js"></script></head>
<body>
<h1><a href="/">mg老虎机_mg老虎机游戏-任你博专家推荐</a></h1><img src="https://www.y666.net/tu/images/241.jpg" alt="图片" width="400"height="330">
  <header class="l-header js-header" itemscope itemtype="https://schema.org/Corporation">
    <div class="l-header_inner">
      <h1 class="l-header_logo">
        <a itemprop="url" href="/" id="js-pagetopFocus"><img itemprop="logo" src="/assets/images/logo.png" alt="mg老虎机_MG老虎机游戏-任你博专家推荐 北海道国立大学機構 北見工業大学" width="320" height="60"></a>
      </h1>
  
      <div class="l-header_nav_contents" id="mobileMenu">
        <button type="button" class="l-header_spMenu js-menuTrigger" aria-expanded="false" aria-label="メニューを開く"><span></span><span></span><span></span></button>
        <nav class="l-header_nav js-menuTarget">
          <ul class="l-header_nav_list">
            <li class="l-header_nav_list_item js-megamenuGroup">
              <button class="l-header_nav_list_item_btn navFirst js-megamenu" aria-expanded="false" aria-label="メニューを開く " aria-controls="megamenuAbout">大学概要</button>
              <div class="l-header_nav_inner js-megamenuTarget" id="megamenuAbout" aria-hidden="true">
                <div class="l-header_nav_inner_title">
                  <div class="l-header_nav_inner_title_inner">
                    大学概要
                    <button class="l-header_nav_inner_title_inner_close js-megamenuClose">
                      <img src="/assets/images/ico_close.svg" alt="" width="18" height="18">
                    </button>
                  </div>
                </div>
                <div class="l-header_nav_inner_content -col03">
                  <ul class="l-header_nav_inner_list -first">
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/about/gakucyo-message/">学長メッセージ</a>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/about/future-vision/">理念と使命、基本目標</a>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/about/history/">沿革</a>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/about/logo/">学章?ロゴマーク</a>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/about/sns/">ソーシャルメディア（公式SNS）</a>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/about/soshiki/">組織?執行部等</a>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/about/academicstaff/">教員の紹介</a>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/about/saiyou/">採用情報</a>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/about/professor-emeritus/">名誉教授</a>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/about/students/">学生数、外国人留学生数</a>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/about/kyotei-kigyo/">協定締結一覧</a>
                    </li>
                  </ul>
                  <ul class="l-header_nav_inner_list -last">
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/about/medal/">学会賞?各賞受賞</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/about/gender-equality/">ダイバーシティ推進への取り組み</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/about/harassment_prevention/">ハラスメント防止について</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/about/kanrenshohin/">北見工業大学 関連商品</a></li>
                    <li class="l-header_nav_inner_list_item js-megamenuChildGroup">
                      <button type="button" class="l-header_nav_inner_list_item_link -btn js-megamenuChild" aria-expanded="false" aria-label="メニューを開く" aria-controls="megamenuAboutChild01">情報公開</button>
                      <div class="js-megamenuChildTarget" id="megamenuAboutChild01" aria-hidden="true">
                        <ul class="l-header_nav_inner_list_item_child">
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="https://public1.legalcrud.com/nuc_hokkaido/" target="_blank">大学規則集</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/about/disclosure/conferencing/">会議開催状況</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/about/disclosure/gakutyo_senkou/">学長選考会議</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/about/disclosure/kyoin-hyoka/">教員評価結果</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/about/disclosure/info-about-kitami/">大学情報（組織?業務?財務?評価?監査等）</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/about/disclosure/kyoikujoho/">教育情報</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/about/disclosure/pubdoc/">情報公開制度?個人情報保護制度</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/about/disclosure/disclosure-other/">学部等の設置に関する情報、その他</a></li>
                        </ul>
                      </div>
                    </li>
                    <li class="l-header_nav_inner_list_item js-megamenuChildGroup">
                      <button type="button" class="l-header_nav_inner_list_item_link -btn js-megamenuChild" aria-expanded="false" aria-label="メニューを開く" aria-controls="megamenuAboutChild02">調達情報</button>
                      <div class="js-megamenuChildTarget" id="megamenuAboutChild02" aria-hidden="true">
                        <ul class="l-header_nav_inner_list_item_child">
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/about/procure/goods/">物品?役務関係</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/about/procure/nyusatsu/">物品等の入札情報</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/about/procure/construction/">工事関係</a></li>
                        </ul>
                      </div>
                    </li>
                    <li class="l-header_nav_inner_list_item js-megamenuChildGroup">
                      <button type="button" class="l-header_nav_inner_list_item_link -btn js-megamenuChild" aria-expanded="false" aria-label="メニューを開く" aria-controls="megamenuAboutChild03">施設?環境マネジメント</button>
                      <div class="js-megamenuChildTarget" id="megamenuAboutChild03" aria-hidden="true">
                        <ul class="l-header_nav_inner_list_item_child">
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/about/management/plan/">施設に関する取組?計画</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/about/management/sunlight-system/">省エネ?環境保全</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="https://facility.office.kitami-it.ac.jp/energy/" target="_blank">エネルギー使用量</a></li>
                        </ul>
                      </div>
                    </li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/about/publication/">刊行物</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/info/contents/daigaku-annai/">大学案内</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/about/pressrelease/">プレスリリース</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/naming-rights/">ネーミングライツ</a></li>
                  </ul>
                </div>
              </div>
            </li>
  
            <li class="l-header_nav_list_item js-megamenuGroup">
              <button class="l-header_nav_list_item_btn js-megamenu" aria-expanded="false" aria-label="メニューを開く " aria-controls="megamenuEngineering">工学部?大学院</button>
              <div class="l-header_nav_inner js-megamenuTarget" id="megamenuEngineering" aria-hidden="true">
                <div class="l-header_nav_inner_title">
                  <div class="l-header_nav_inner_title_inner">
                    工学部?大学院
                    <button class="l-header_nav_inner_title_inner_close js-megamenuClose">
                      <img src="/assets/images/ico_close.svg" alt="" width="18" height="18">
                    </button>
                  </div>
                </div>
                <div class="l-header_nav_inner_content">
                  <ul class="l-header_nav_inner_list">
                    <li class="l-header_nav_inner_list_item js-megamenuChildGroup">
                      <button type="button" class="l-header_nav_inner_list_item_link -btn js-megamenuChild" aria-expanded="false" aria-label="メニューを開く" aria-controls="megamenuEngineeringChild01">大学の教育ポリシー</button>
                      <div class="js-megamenuChildTarget" id="megamenuEngineeringChild01" aria-hidden="true">
                        <ul class="l-header_nav_inner_list_item_child">
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/engineering-graduate/policy/admissions/">アドミッションポリシー</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/engineering-graduate/policy/curriculumpolicy/">カリキュラムポリシー</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/engineering-graduate/policy/diplomapolicy/">ディプロマポリシー</a></li>
                        </ul>
                      </div>
                    </li>
  
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/engineering-graduate/2-gakka/">学科?コース</a>
                    </li>
  
                    <li class="l-header_nav_inner_list_item js-megamenuChildGroup">
                      <button type="button" class="l-header_nav_inner_list_item_link -btn js-megamenuChild" aria-expanded="false" aria-label="メニューを開く" aria-controls="megamenuEngineeringChild02">地球環境工学科</button>
                      <div class="js-megamenuChildTarget" id="megamenuEngineeringChild02" aria-hidden="true">
                        <ul class="l-header_nav_inner_list_item_child">
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/engineering-graduate/chikyu/">地球環境工学科</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/engineering-graduate/chikyu/energy-c/">エネルギー総合工学コース</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/engineering-graduate/chikyu/kankyo-c/">環境防災工学コース</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/engineering-graduate/chikyu/sentan-c/">先端材料物質工学コース</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/engineering-graduate/tiiki-c/">地域マネジメント工学コース</a></li>
                        </ul>
                      </div>
                    </li>
  
                    <li class="l-header_nav_inner_list_item js-megamenuChildGroup">
                      <button type="button" class="l-header_nav_inner_list_item_link -btn js-megamenuChild" aria-expanded="false" aria-label="メニューを開く" aria-controls="megamenuEngineeringChild03">地域未来デザイン工学科</button>
                      <div class="js-megamenuChildTarget" id="megamenuEngineeringChild03" aria-hidden="true">
                        <ul class="l-header_nav_inner_list_item_child">
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/css/engineering-graduate/tiiki/">地域未来デザイン工学科</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/engineering-graduate/tiiki/kikai-c/">機械知能?生体工学コース</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/engineering-graduate/tiiki/jouhou-c/">情報デザイン?コミュニケーション工学コース</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/engineering-graduate/tiiki/shakai-c/">社会インフラ工学コース</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/engineering-graduate/tiiki/baio-c/">バイオ食品工学コース</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/engineering-graduate/tiiki-c/">地域マネジメント工学コース</a></li>
                        </ul>
                      </div>
                    </li>
  
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/engineering-graduate/sirabasu/">授業内容（シラバス）</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/engineering_graduate/in-course-info/">大学院案内</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/engineering-graduate/docter-prev/">大学院博士前期課程</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/engineering-graduate/docter-late/">大学院博士後期課程</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/engineering-graduate/sirabasu/">大学院の授業内容（シラバス）</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/engineering-graduate/gakui/">学位</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/engineering-graduate/gakuijuyojokyo/">学位授与状況</a></li>
                  </ul>
                </div>
              </div>
            </li>
  
            <li class="l-header_nav_list_item js-megamenuGroup">
              <button class="l-header_nav_list_item_btn js-megamenu" aria-expanded="false" aria-label="メニューを開く " aria-controls="megamenuInfo">入試案内</button>
              <div class="l-header_nav_inner js-megamenuTarget" id="megamenuInfo" aria-hidden="true">
                <div class="l-header_nav_inner_title">
                  <div class="l-header_nav_inner_title_inner">
                    入試案内
                    <button class="l-header_nav_inner_title_inner_close js-megamenuClose">
                      <img src="/assets/images/ico_close.svg" alt="" width="18" height="18">
                    </button>
                  </div>
                </div>
                <div class="l-header_nav_inner_content">
                  <ul class="l-header_nav_inner_list">
                    <li class="l-header_nav_inner_list_item js-megamenuChildGroup">
                      <button type="button" class="l-header_nav_inner_list_item_link -btn js-megamenuChild" aria-expanded="false" aria-label="メニューを開く" aria-controls="megamenuInfoChild01">大学紹介コンテンツ</button>
                      <div class="js-megamenuChildTarget" id="megamenuInfoChild01" aria-hidden="true">
                        <ul class="l-header_nav_inner_list_item_child">
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/admission_division/special/virtualcampus/" target="_blank">バーチャルキャンパス</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/info/contents/kit_webopencampus/">webオープンキャンパス</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/info/contents/daigaku-annai/">大学案内</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/info/contents/correspondence/">Skip ～KIT girls voice～</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/info/contents/senpai/">先輩が入学を決めた理由</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/info/contents/daigakuin/">大学院への進学</a></li>
                        </ul>
                      </div>
                    </li>
                    <li class="l-header_nav_inner_list_item js-megamenuChildGroup">
                      <button type="button" class="l-header_nav_inner_list_item_link -btn js-megamenuChild" aria-expanded="false" aria-label="メニューを開く" aria-controls="megamenuInfoChild02">入試イベント</button>
                      <div class="js-megamenuChildTarget" id="megamenuInfoChild02" aria-hidden="true">
                        <ul class="l-header_nav_inner_list_item_child">
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/info/event/opencampus/">オープンキャンパス</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/info/event/soudankai/">進学相談会</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/info/event/kengaku/">大学見学</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/info/event/demae/">高校出張講義</a></li>
                        </ul>
                      </div>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/info/henkoten/">入学者選抜における変更点</a>
                    </li>
                    <li class="l-header_nav_inner_list_item js-megamenuChildGroup">
                      <button type="button" class="l-header_nav_inner_list_item_link -btn js-megamenuChild" aria-expanded="false" aria-label="メニューを開く" aria-controls="megamenuInfoChild03">学部入試情報</button>
                      <div class="js-megamenuChildTarget" id="megamenuInfoChild03" aria-hidden="true">
                        <ul class="l-header_nav_inner_list_item_child">
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/info/faculty/schedule/">学部入試日程</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/info/faculty/bosyuyoko/">学部募集要項</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/info/faculty/statistics/">入試統計?過去問題</a></li>
                        </ul>
                      </div>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/info/hennyu-schedule/">編入学試験情報</a>
                    </li>
                    <li class="l-header_nav_inner_list_item js-megamenuChildGroup">
                      <button type="button" class="l-header_nav_inner_list_item_link -btn js-megamenuChild" aria-expanded="false" aria-label="メニューを開く" aria-controls="megamenuInfoChild04">大学院入試情報</button>
                      <div class="js-megamenuChildTarget" id="megamenuInfoChild04" aria-hidden="true">
                        <ul class="l-header_nav_inner_list_item_child">
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/info/graduate/daigakuin-schedule/">大学院入試日程</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/info/graduate/nyushi-daigakuin/">大学院募集要項</a></li>
                        </ul>
                      </div>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/info/shougai-zizensoudan/">障害等のある入学志願者との事前相談</a>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/info/shutugan-dw/">科目等履修生?研究生の出願手続き</a>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/info/shonendo/">入学料?授業料</a>
                    </li>
                    <li class="l-header_nav_inner_list_item js-megamenuChildGroup">
                      <button type="button" class="l-header_nav_inner_list_item_link -btn js-megamenuChild" aria-expanded="false" aria-label="メニューを開く" aria-controls="megamenuInfoChild05">受験?入学時の経済支援</button>
                      <div class="js-megamenuChildTarget" id="megamenuInfoChild05" aria-hidden="true">
                        <ul class="l-header_nav_inner_list_item_child">
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/info/support/shinsaitokurei/">検定料の免除（東日本大震災特例）</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/support/financial-support/">入学料?授業料の免除</a></li>
                        </ul>
                      </div>
                    </li>
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/info/shiryoseikyu/">資料請求</a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
  
            <li class="l-header_nav_list_item js-megamenuGroup">
              <button class="l-header_nav_list_item_btn js-megamenu" aria-expanded="false" aria-label="メニューを開く " aria-controls="megamenuCampuslife">学生支援?就職</button>
              <div class="l-header_nav_inner js-megamenuTarget" id="megamenuCampuslife" aria-hidden="true">
                <div class="l-header_nav_inner_title">
                  <div class="l-header_nav_inner_title_inner">
                    学生支援?就職
                    <button class="l-header_nav_inner_title_inner_close js-megamenuClose">
                      <img src="/assets/images/ico_close.svg" alt="" width="18" height="18">
                    </button>
                  </div>
                </div>
                <div class="l-header_nav_inner_content">
                  <ul class="l-header_nav_inner_list">
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/campuslife/calender/">学事日程</a></li>
                    <li class="l-header_nav_inner_list_item js-megamenuChildGroup">
                      <button type="button" class="l-header_nav_inner_list_item_link -btn js-megamenuChild" aria-expanded="false" aria-label="メニューを開く" aria-controls="megamenuCampuslifeChild01">教育課程と履修</button>
                      <div class="js-megamenuChildTarget" id="megamenuCampuslifeChild01" aria-hidden="true">
                        <ul class="l-header_nav_inner_list_item_child">
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/kyouikukatei/sanntei/">教育課程と単位の算定基準</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/kyouikukatei/risyuu/">授業科目の履修</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/kyouikukatei/require/">カリキュラム</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/kyouikukatei/byod/">ノートパソコン必携化（BYODの導入）</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/kyouikukatei/mdashprogram/">数理?データサイエンス?AI教育プログラム</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/kyouikukatei/ninntei/">学修成果と成績評価</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/kyouikukatei/risyu-kakushu/">大学院の履修制度</a></li>
                        </ul>
                      </div>
                    </li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/campuslife/shikaku/">資格関係</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/campuslife/shomeisho-tetuduki/">在学中の各種手続き</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/campuslife/graduation/">卒業後の各種証明書請求方法</a></li>
                    <li class="l-header_nav_inner_list_item js-megamenuChildGroup">
                      <button type="button" class="l-header_nav_inner_list_item_link -btn js-megamenuChild" aria-expanded="false" aria-label="メニューを開く" aria-controls="megamenuCampuslifeChild02">学生生活サポート</button>
                      <div class="js-megamenuChildTarget" id="megamenuCampuslifeChild02" aria-hidden="true">
                        <ul class="l-header_nav_inner_list_item_child">
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/support/support/">学生サポート窓口</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/support/support-system/">学生サポート体制</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/support/financial-support/">入学料?授業料の免除</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/support/syougaku/">奨学金等</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/support/foreignstudent/">留学生支援関係</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/support/seikatushisetu/">学生寮</a></li>
                          <li class="l-header_nav_inner_list_item_child_item"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/support/studentlifesurvey/">学生生活実態調査</a></li>
                        </ul>
                      </div>
                    </li>
  
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/campuslife/hoken/">学生教育研究災害傷害保険</a>
                    </li>
  
                    <li class="l-header_nav_inner_list_item js-megamenuChildGroup">
                      <button type="button" class="l-header_nav_inner_list_item_link -btn js-megamenuChild" aria-expanded="false" aria-label="メニューを開く" aria-controls="megamenuCampuslifeChild03">進路?就職サポート</button>
                      <div class="js-megamenuChildTarget" id="megamenuCampuslifeChild03" aria-hidden="true">
                        <ul class="l-header_nav_inner_list_item_child">
                          <li class="l-header_nav_inner_list_item js-megamenuChildGroup"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/shushokushien/">進路?就職サポート体制</a></li>
                          <li class="l-header_nav_inner_list_item js-megamenuChildGroup"><a class="l-header_nav_inner_list_item_child_item_link" href="http://stork.office.kitami-it.ac.jp/" target="_blank">キャリアアップ支援システム</a></li>
                          <li class="l-header_nav_inner_list_item js-megamenuChildGroup"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/kyoukan-list/">就職担当教員</a></li>
                          <li class="l-header_nav_inner_list_item js-megamenuChildGroup"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/guidance/">進路選択ガイダンス等スケジュール</a></li>
                          <li class="l-header_nav_inner_list_item js-megamenuChildGroup"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/godo-seminar/">合同企業研究会?官公庁合同セミナー</a></li>
                          <li class="l-header_nav_inner_list_item js-megamenuChildGroup"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/intern/">インターンシップ制度</a></li>
                          <li class="l-header_nav_inner_list_item js-megamenuChildGroup"><a class="l-header_nav_inner_list_item_child_item_link" href="/employment-support/kyujjin/">求人?学内会社説明会の申込手続き</a></li>
                          <li class="l-header_nav_inner_list_item js-megamenuChildGroup"><a class="l-header_nav_inner_list_item_child_item_link" href="/campuslife/tokei-shinro/">就職?進路データ</a></li>
                          <li class="l-header_nav_inner_list_item js-megamenuChildGroup"><a class="l-header_nav_inner_list_item_child_item_link" href="https://job-offer.office.kitami-it.ac.jp/" target="_blank">就活支援システム 就勝くん</a></li>
                          <li class="l-header_nav_inner_list_item js-megamenuChildGroup"><a class="l-header_nav_inner_list_item_child_item_link" href="/employment-support/after-graduation/">卒業後の就職サポート</a></li>
                        </ul>
                      </div>
                    </li>
  
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/campuslife/club/">サークル?ピアサポート?KITeco</a>
                    </li>
  
                    <li class="l-header_nav_inner_list_item">
                      <a class="l-header_nav_inner_list_item_link" href="/campuslife/volunteer/">ボランティア</a>
                    </li>
  
                  </ul>
                </div>
              </div>
            </li>
  
            <li class="l-header_nav_list_item js-megamenuGroup">
              <button class="l-header_nav_list_item_btn js-megamenu" aria-expanded="false" aria-label="メニューを開く " aria-controls="megamenuCenter">センター?施設等</button>
              <div class="l-header_nav_inner js-megamenuTarget" id="megamenuCenter" aria-hidden="true">
                <div class="l-header_nav_inner_title">
                  <div class="l-header_nav_inner_title_inner">
                    センター?施設等
                    <button class="l-header_nav_inner_title_inner_close js-megamenuClose">
                      <img src="/assets/images/ico_close.svg" alt="" width="18" height="18">
                    </button>
                  </div>
                </div>
                <div class="l-header_nav_inner_content">
                  <ul class="l-header_nav_inner_list -first">
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="http://www-ner.office.kitami-it.ac.jp/" target="_blank">地域循環共生研究推進センター</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/center-info/winter_sports/">冬季スポーツ科学研究推進センター</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="http://caffe.rd.kitami-it.ac.jp/" target="_blank">オホーツク農林水産工学連携研究推進センター</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="https://kit-safer.com/" target="_blank">地域と歩む防災研究センター</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="http://www.crc.kitami-it.ac.jp/" target="_blank">社会連携推進センター</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/center-info/intellectual_property/">知的財産センター</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="http://www.iac.kitami-it.ac.jp/" target="_blank">共用設備センター</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="http://www.imcer.kitami-it.ac.jp" target="_blank">ものづくりセンター</a></li>
                  </ul>
                  <ul class="l-header_nav_inner_list -last">
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="https://ic.er.kitami-it.ac.jp/jp/index.html" target="_blank">国際交流センター</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="https://www.lib.kitami-it.ac.jp/" target="_blank">図書館</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="http://www.cc.kitami-it.ac.jp/" target="_blank">情報処理センター</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="https://www.hack.kitami-it.ac.jp/" target="_blank">保健管理センター</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="http://www.tech.kitami-it.ac.jp/" target="_blank">技術部</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/center-info/shisetu-setubi/">施設?設備概要</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/center-info/kaihou-shisetsu/">施設貸出（講義室／講堂／体育施設）</a></li>
                  </ul>
                </div>
              </div>
            </li>
  
            <li class="l-header_nav_list_item js-megamenuGroup">
              <button class="l-header_nav_list_item_btn js-megamenu" aria-expanded="false" aria-label="メニューを開く " aria-controls="megamenuResearch">研究?社会連携</button>
              <div class="l-header_nav_inner js-megamenuTarget" id="megamenuResearch" aria-hidden="true">
                <div class="l-header_nav_inner_title">
                  <div class="l-header_nav_inner_title_inner">
                    研究?社会連携
                    <button class="l-header_nav_inner_title_inner_close js-megamenuClose">
                      <img src="/assets/images/ico_close.svg" alt="" width="18" height="18">
                    </button>
                  </div>
                </div>
                <div class="l-header_nav_inner_content">
                  <ul class="l-header_nav_inner_list -first">
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/research/research-suisin/">学術推進機構?社会共創推進機構</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/about/academicstaff/">教員の紹介</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="http://hanadasearch.office.kitami-it.ac.jp/" target="_blank">研究者総覧</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/research/collaboration/">研究?産学官連携</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/research/prevention/">不正行為等の防止</a></li>
                  </ul>
                  <ul class="l-header_nav_inner_list -last">
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/research/rieki-conflict/">研究における法令遵守等の取り組み</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/research/course/">公開講座</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/research/program/">社会貢献プログラム</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="/research/omoshiro/">おもしろ科学実験</a></li>
                    <li class="l-header_nav_inner_list_item"><a class="l-header_nav_inner_list_item_link" href="https://www.crc.kitami-it.ac.jp/seeds/" target="_blank">研究シーズ集</a></li>
  
                  </ul>
                </div>
              </div>
            </li>
          </ul>
  
          <div class="l-header_subnav">
            <ul class="l-header_subnav_list">
              <li class="l-header_subnav_list_item"><a href="/access/">アクセス?キャンパスマップ</a></li>
              <li class="l-header_subnav_list_item"><a href="/sitemap/">サイトマップ</a></li>
              <li class="l-header_subnav_list_item"><a href="/contact/">お問い合わせ</a></li>
              <li class="l-header_subnav_list_item"><a href="/en/">English site</a></li>
            </ul>
  
            <div class="l-header_search">
              <button type="button" class="l-header_search_btn js-searchBtn" aria-label="検索ボックスを開く">
              </button>
              
                
                
              
            </div>
          </div>
  
        </nav>
        <!-- l-header_nav end -->
      </div>
    </div>
  </header>
  <div class="p-introLogo">
    <div class="p-introLogo_img">
      <img src="/assets/images/logo.svg" width="472" alt="北見工業大学">
    </div>
  </div>

  <div class="p-introMovie">
    <video class="p-introMovie_video" autoplay muted loop>
      <source src="/assets/images/bg_intro.mp4?1206" type="video/mp4">
    </video>
    <div class="p-introMovie_text">
      <img src="/assets/images/intro_text.svg" alt="" width="632" height="126">
    </div>
  </div>

  <div class="p-fixedBg"></div>

  <div class="l-wrapper">

    <main class="l-main">
      <div class="p-mv">
        <div class="p-mv_inner splide" id="splide">
          <div class="p-mv_textbox">
            <img src="/assets/images/img_mv_copy.svg" alt="自然と調和するテクノロジーの発展を目指して" width="500" height="149">
            <div class="p-mv_textbox_text">
              北見工業大学は、日本の中でも特に四季が明瞭な北海道北東部の北見市に位置します。広大な大地と大自然に囲まれ、自然への畏敬の念を強く感じながら生きる大学だからこそ描くことができる 「自然と調和し共生する未来社会」の姿があります。その実現に向け、貢献する科学技術の発展を目指し、工学の教育と研究に取り組んでいます。
            </div>

            <div class="p-mv_nav">
              <div class="splide__arrows">
                <button class="splide__arrow splide__arrow--prev p-icon_arrow_link">
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                  </svg>
                </button>
                <button class="splide__arrow splide__arrow--next p-icon_arrow_link">
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                  </svg>
                </button>
              </div>
              <ul class="splide__pagination"></ul>

              <button class="splide__toggle" type="button">
                <span class="splide__toggle__play">
                  <span class="p-mv_contBtn">
                    <svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path class="play_icon" d="M9.28542 5.57125C9.60909 5.76546 9.60909 6.23455 9.28542 6.42875L0.757248 11.5457C0.423986 11.7456 4.50751e-07 11.5056 4.67739e-07 11.1169L9.15073e-07 0.883094C9.32061e-07 0.494447 0.423986 0.254391 0.757249 0.454348L9.28542 5.57125Z" fill="#0050AA" />
                    </svg>
                    再生</span>
                </span>

                <span class="splide__toggle__pause">
                  <span class="p-mv_contBtn"><svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <rect class="pause_icon_outer" width="10" height="12" fill="#0050AA" />
                      <rect class="pause_icon_inner" x="4" width="2" height="12" fill="#fff" />
                    </svg>
                    一時停止</span></span>
              </button>
            </div>

          </div>
          <div class="p-mv_slide">
            <div class="splide__track">
              <ul class="splide__list">
                <li class="splide__slide p-mv_slide_panel">
                  <a href="/reorganization/" class="p-mv_slide_panel_img">
                    <img src="/assets/images/img_slide_04.jpg" alt="" width="1280" height="1400">
                    <p class="p-mv_slide_panel_img_caption">1学科複数分野制へ</p>
                  </a>
                </li>
                <li class="splide__slide p-mv_slide_panel">
                  <a href="/brand/" class="p-mv_slide_panel_img">
                    <img src="/assets/images/img_slide_02.jpg" alt="" width="1280" height="1400">
                    <p class="p-mv_slide_panel_img_caption">ブランドサイト</p>
                  </a>
                </li>
                <li class="splide__slide p-mv_slide_panel">
                  <a href="/about/future-vision/" class="p-mv_slide_panel_img">
                    <img src="/assets/images/img_slide_01.jpg" alt="" width="1280" height="1400">
                    <p class="p-mv_slide_panel_img_caption">北見工業大学の理念と使命、基本目標</p>
                  </a>
                </li>
                <li class="splide__slide p-mv_slide_panel">
                  <a href="/dsprogram/" class="p-mv_slide_panel_img">
                    <img src="/assets/images/img_slide_03.jpg" alt="" width="1280" height="1400">
                    <p class="p-mv_slide_panel_img_caption">高度情報専門人材を育成</p>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <div class="l-container">

        <div class="p-categoryNavi">
          <button type="button" class="p-categoryNavi_item" data-micromodal-trigger="popup01">
            <span class="p-categoryNavi_item_text">
              受験生の方へ
              <span class="-en">For students taking exams</span>
            </span>
            <img class="p-categoryNavi_item_icon" src="/assets/images/ico_modal.svg" alt="内容説明のモーダルが開きます" width="13" height="13">
          </button>
        
          <div id="popup01" class="c-modal" aria-hidden="false">
            <div class="c-modal_overlay" tabindex="-1" data-micromodal-close="">
              <div role="dialog" aria-modal="true" class="c-modal_content popup01">
                <button type="button" class="c-modal_close" data-micromodal-close=""><img src="/assets/images/ico_close_re.svg" alt="閉じる" width="18" height="18"></button>
                <p class="p-modal_title">受験生の方</p>
                <div class="p-modal_contents">
        
                  <div class="p-modal_contents_title">北見工大について詳しく知りたい</div>
                  <div class="p-modal_contents_linkList c-grid" data-grid-col="2-2-1">
                    <a href="https://koho5.office.kitami-it.ac.jp/admission/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      受験サイト
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                    <a href="/kit_webopencampus/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      Webオープンキャンパス
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                  </div>
        
                  <div class="p-modal_contents_title">学科、コースについて知りたい</div>
                  <div class="p-modal_contents_linkList c-grid" data-grid-col="2-2-1">
                    <a href="/engineering-graduate/2-gakka/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      学科?コース
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                    <a href="/info/contents/daigaku-annai/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      大学案内
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                  </div>
        
                  <div class="p-modal_contents_title">入学金や授業料について知りたい</div>
                  <div class="p-modal_contents_linkList c-grid" data-grid-col="3-3-1">
                    <a href="/info/shonendo/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      入学料?授業料
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                    <a href="/campuslife/support/financial-support/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      入学料?授業料の免除
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                    <a href="/campuslife/support/syougaku/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      奨学金
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                  </div>
        
                  <div class="p-modal_contents_linkList c-grid" data-grid-col="2-2-1">
                    <div>
                      <div class="p-modal_contents_title">サークル活動について知りたい</div>
        
                      <a href="/campuslife/club/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                        サークル紹介
                        <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                          <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                        </svg>
                      </a>
                    </div>
                    <div>
                      <div class="p-modal_contents_title">留学について知りたい</div>
                      <a href="https://ic.er.kitami-it.ac.jp/jp/index.html" target="_blank" class="p-modal_contents_linkList_item p-icon_arrow_link">
                        国際交流センター
                        <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                          <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                        </svg>
                      </a>
                    </div>
                  </div>
        
        
        
                  <div class="p-modal_contents_title">キャンパスを見学したい</div>
                  <div class="p-modal_contents_linkList c-grid" data-grid-col="3-2-1">
                    <a href="/info/event/opencampus/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      オープンキャンパス
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                    <a href="/info/event/kengaku/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      大学見学
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                    <a href="/admission_division/special/virtualcampus/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      バーチャルキャンパス
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                  </div>
        
                  <div class="p-modal_contents_title">入試情報について知りたい</div>
                  <div class="p-modal_contents_linkList c-grid" data-grid-col="3-2-1">
                    <a href="/info/faculty/shutugan-uketuke/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      出願の受付
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                    <a href="/info/faculty/schedule/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      学部入試日程
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                    <a href="/info/faculty/bosyuyoko/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      学部募集要項
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                    <a href="/info/graduate/daigakuin-schedule/
                    " class="p-modal_contents_linkList_item p-icon_arrow_link">
                      大学院入試日程
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
        
        
                    <a href="/info/graduate/nyushi-daigakuin/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      大学院募集要項
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                  </div>
        
                  <div class="p-modal_contents_title">先輩たちの声が聴きたい</div>
                  <div class="p-modal_contents_linkList c-grid" data-grid-col="2-2-1">
                    <a href="/info/contents/senpai/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      先輩が入学を決めた理由
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                    <a href="/info/contents/correspondence/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      SKiP～KIT girls voice～
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        
          <button type="button" class="p-categoryNavi_item" data-micromodal-trigger="popup02">
            <span class="p-categoryNavi_item_text">
              在学生の方へ
              <span class="-en">For Current students</span>
            </span>
            <img class="p-categoryNavi_item_icon" src="/assets/images/ico_modal.svg" alt="内容説明のモーダルが開きます" width="13" height="13">
          </button>
        
          <div id="popup02" class="c-modal" aria-hidden="false">
            <div class="c-modal_overlay" tabindex="-1" data-micromodal-close="">
              <div role="dialog" aria-modal="true" class="c-modal_content popup02">
                <button type="button" class="c-modal_close" data-micromodal-close=""><img src="/assets/images/ico_close_re.svg" alt="閉じる" width="18" height="18"></button>
                <p class="p-modal_title">在学生の方へ</p>
                <div class="p-modal_contents">
        
                  <div class="p-modal_contents_linkList c-grid" data-grid-col="2-2-1">
                    <div>
                      <div class="p-modal_contents_title">大学の年間スケジュールを知りたい</div>
                      <a href="/campuslife/calender/
                      " class="p-modal_contents_linkList_item p-icon_arrow_link">
                        学事日程
                        <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                          <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                        </svg>
                      </a>
                    </div>
                    <div>
                      <div class="p-modal_contents_title">教員について知りたい</div>
        
                      <a href="/about/academicstaff/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                        教員の紹介
                        <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                          <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                        </svg>
                      </a>
                    </div>
        
                    <div>
                      <div class="p-modal_contents_title">講義について知りたい</div>
                      <a href="/engineering-graduate/sirabasu/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                        授業内容（シラバス）
                        <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                          <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                        </svg>
                      </a>
        
                    </div>
        
                    <div>
                      <div class="p-modal_contents_title">サークル活動について知りたい</div>
                      <a href="/campuslife/club/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                        サークル紹介
                        <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                          <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                        </svg>
                      </a>
                    </div>

                    <div>
                      <div class="p-modal_contents_title">留学について知りたい</div>
                      <a href="https://ic.er.kitami-it.ac.jp/jp/index.html" target="_blank" class="p-modal_contents_linkList_item p-icon_arrow_link">
                        国際交流センター
                        <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                          <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                        </svg>
                      </a>
        
                    </div>
        
                    <div>
                      <div class="p-modal_contents_title">学内システムにアクセスしたい</div>
                      <a href="https://kit-sso.cc.kitami-it.ac.jp/" target="_blank" class="p-modal_contents_linkList_item p-icon_arrow_link">
                        シングルサインオンシステム
                        <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                          <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                        </svg>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        
          <button type="button" class="p-categoryNavi_item" data-micromodal-trigger="popup03">
            <span class="p-categoryNavi_item_text">
              地域?一般の方へ
              <span class="-en">For local residents and the general public</span>
            </span>
            <img class="p-categoryNavi_item_icon" src="/assets/images/ico_modal.svg" alt="内容説明のモーダルが開きます" width="13" height="13">
          </button>
        
          <div id="popup03" class="c-modal" aria-hidden="false">
            <div class="c-modal_overlay" tabindex="-1" data-micromodal-close="">
              <div role="dialog" aria-modal="true" class="c-modal_content popup03">
                <button type="button" class="c-modal_close" data-micromodal-close=""><img src="/assets/images/ico_close_re.svg" alt="閉じる" width="18" height="18"></button>
                <p class="p-modal_title">地域?一般の方へ</p>
                <div class="p-modal_contents">
        
                  <div class="p-modal_contents_title">どんな研究をしている教員がいるか知りたい</div>
                  <div class="p-modal_contents_linkList c-grid" data-grid-col="3-2-1">
                    <a href="/about/academicstaff/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      教員の紹介
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                    <a href="https://hanadasearch.office.kitami-it.ac.jp/" target="_blank" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      研究者総覧
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                    <a href="https://www.crc.kitami-it.ac.jp/seeds/" target="_blank" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      研究シーズ集
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                  </div>
        
                  <div class="p-modal_contents_linkList c-grid" data-grid-col="2-2-1">
                    <div>
                      <div class="p-modal_contents_title">共同研究、受託研究を申し込みたい</div>
                      <a href="/research/collaboration/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                        共同研究?受託研究?奨学寄附金
                        <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                          <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                        </svg>
                      </a>
                    </div>
                    <div>
                      <div class="p-modal_contents_title">団体向けの体験プログラムについて知りたい</div>
        
                      <a href="/research/program/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                        社会貢献プログラム
                        <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                          <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                        </svg>
                      </a>
                    </div>
        
                    <div>
                      <div class="p-modal_contents_title">公開講座について知りたい</div>
                      <a href="/research/course/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                        公開講座
                        <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                          <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                        </svg>
                      </a>
        
                    </div>
        
                    <div>
                      <div class="p-modal_contents_title">教室や体育館などの施設を利用したい</div>
                      <a href="/center-info/kaihou-shisetsu/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                        施設貸出
                        <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                          <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                        </svg>
                      </a>
                    </div>
                  </div>
        
                  <div class="p-modal_contents_title">共同利用できる設備?装置を知りたい</div>
                  <div class="p-modal_contents_linkList c-grid" data-grid-col="2-2-1">
                    <a href="https://www.iac.kitami-it.ac.jp/" target="_blank" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      共用設備センター
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        
          <button type="button" class="p-categoryNavi_item" data-micromodal-trigger="popup04">
            <span class="p-categoryNavi_item_text">
              大学へのお問い合わせ
              <span class="-en">inquiry</span>
            </span>
            <img class="p-categoryNavi_item_icon" src="/assets/images/ico_modal.svg" alt="内容説明のモーダルが開きます" width="13" height="13">
          </button>
          <div id="popup04" class="c-modal" aria-hidden="false">
            <div class="c-modal_overlay" tabindex="-1" data-micromodal-close="">
              <div role="dialog" aria-modal="true" class="c-modal_content popup04">
                <button type="button" class="c-modal_close" data-micromodal-close=""><img src="/assets/images/ico_close_re.svg" alt="閉じる" width="18" height="18"></button>
                <p class="p-modal_title">大学へのお問い合わせ</p>
                <div class="p-modal_contents">
        
                  <div class="p-modal_contents_title">教職員に各種依頼をしたい</div>
                  <div class="p-modal_contents_linkList c-grid" data-grid-col="3-2-1">
                    <a href="/kengyo/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      本学教職員への兼業依頼
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                    <a href="/info/event/demae/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      高校出張講義
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                    <a href="/research/program/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                      社会貢献プログラム
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </a>
                  </div>
        
                  <div class="p-modal_contents_linkList c-grid" data-grid-col="2-2-1">
                    <div>
                      <div class="p-modal_contents_title">求人を申し込みたい</div>
                      <a href="/campuslife/career-support/kyujjin/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                        求人?学内会社説明会の申込手続き
                        <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                          <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                        </svg>
                      </a>
                    </div>
                    <div>
                      <div class="p-modal_contents_title">卒業証明書等を取り寄せたい</div>
        
                      <a href="/campuslife/graduation/" class="p-modal_contents_linkList_item p-icon_arrow_link">
                        卒業後の各種証明書請求方法
                        <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                          <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                        </svg>
                      </a>
                    </div>
                  </div>
        
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="l-container">
        <section class="l-section p-pickup">
          <h2 class="p-contentTitle">ピックアップ</h2>
          <div class="p-pickup_content">
            <a href="https://koho5.office.kitami-it.ac.jp/admission/" class="p-pickup_content_item p-icon_arrow_link">
              <div class="p-pickup_content_item_imgbox">
                <img src="/assets/images/img_pickup_01.jpg" alt="" width="776" height="436">
              </div>
              <div class="p-pickup_content_item_textbox">
                <div class="p-pickup_content_item_textbox_title_warp">
                  <div class="p-pickup_content_item_textbox_title">
                    <p class="p-pickup_content_item_textbox_title_sub">北見工大への進学をお考えの方へ</p>
                    <h3 class="p-pickup_content_item_textbox_title_main">
                      受験生サイト</h3>
                  </div>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                  </svg>
                </div>
                <p class="p-pickup_content_item_textbox_text">入試制度や先輩たちの声など受験生に役立つ情報をまとめたサイトです。</p>
              </div>
            </a>
            <a href="/brand/" class="p-pickup_content_item p-icon_arrow_link">
              <div class="p-pickup_content_item_imgbox">
                <img src="/assets/images/img_pickup_02.jpg" alt="" width="776" height="436">
              </div>
              <div class="p-pickup_content_item_textbox">
                <div class="p-pickup_content_item_textbox_title_warp">
                  <div class="p-pickup_content_item_textbox_title">
                    <p class="p-pickup_content_item_textbox_title_sub">自然と調和するテクノロジーの発展を目指して</p>
                    <h3 class="p-pickup_content_item_textbox_title_main">
                      ブランドサイト</h3>
                  </div>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                  </svg>
                </div>


                <p class="p-pickup_content_item_textbox_text">「自然と調和し共生する未来社会」の実現に向け、科学技術の発展を目指し、工学の教育と研究に取り組んでいます。</p>
              </div>
            </a>
            <a href="/brand/archives/" class="p-pickup_content_item p-icon_arrow_link">
              <div class="p-pickup_content_item_imgbox">
                <img src="/assets/images/img_pickup_03.jpg" alt="" width="776" height="436">
              </div>
              <div class="p-pickup_content_item_textbox">

                <div class="p-pickup_content_item_textbox_title_warp">
                  <div class="p-pickup_content_item_textbox_title">
                    <p class="p-pickup_content_item_textbox_title_sub">社会と自然を技術で究める。</p>
                    <h3 class="p-pickup_content_item_textbox_title_main">
                      研究活動</h3>
                  </div>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                  </svg>
                </div>
                <p class="p-pickup_content_item_textbox_text">本学教員による研究事例はこちらからご覧ください。</p>
              </div>
            </a>
            <a href="/research/collaboration/" class="p-pickup_content_item p-icon_arrow_link">
              <div class="p-pickup_content_item_imgbox">
                <img src="/assets/images/img_pickup_04.jpg" alt="" width="776" height="436">
              </div>
              <div class="p-pickup_content_item_textbox">
                <div class="p-pickup_content_item_textbox_title_warp">
                  <div class="p-pickup_content_item_textbox_title">
                    <p class="p-pickup_content_item_textbox_title_sub">大学が持つ機能をあらゆる連携へ</p>
                    <h3 class="p-pickup_content_item_textbox_title_main">
                      産学官連携</h3>
                  </div>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                  </svg>
                </div>
                <p class="p-pickup_content_item_textbox_text">ステークホルダーのみなさまと連携し、教育や研究などの社会貢献活動を推進しています。</p>
              </div>
            </a>
          </div>

          <div class="fixed_ice -ice03 p-pickup_ice01 p-iceObject">
            <div class="fixed_ice_inner">
              <div class="fixed_ice_core">
                <img class="" src="/assets/images/img_ice_pickup_01.png" alt="" width="102" height="77">
              </div>
            </div>
          </div>

          <div class="fixed_ice -ice04 p-pickup_ice02 p-iceObject">
            <div class="fixed_ice_inner">
              <div class="fixed_ice_core">
                <img class="" src="/assets/images/img_ice_pickup_02.png" alt="" width="220" height="190">
              </div>
            </div>
          </div>

        </section>
      </div>

      <!-- EVENTここから -->
      <div class="l-container">
        <section class="l-section p-event">
          <div class=" splide" id="eventSlide">
            <div class="p-event_slideBlock">
              <div class="p-event_slideNav">
                <h2 class="p-contentTitle">イベント</h2>
                <div class="p-event_slideNav_box">
                  <div class="splide__arrows">
                    <button class="splide__arrow splide__arrow--prev p-icon_arrow_link">
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </button>
                    <button class="splide__arrow splide__arrow--next p-icon_arrow_link">
                      <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                        <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                      </svg>
                    </button>
                  </div>
                  <ul class="splide__pagination"></ul>

                  <button class="splide__toggle" type="button">
                    <span class="splide__toggle__play">
                      <span class="p-mv_contBtn">
                        <svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path class="play_icon" d="M9.28542 5.57125C9.60909 5.76546 9.60909 6.23455 9.28542 6.42875L0.757248 11.5457C0.423986 11.7456 4.50751e-07 11.5056 4.67739e-07 11.1169L9.15073e-07 0.883094C9.32061e-07 0.494447 0.423986 0.254391 0.757249 0.454348L9.28542 5.57125Z" fill="#0050AA" />
                        </svg>
                        再生</span>
                    </span>

                    <span class="splide__toggle__pause">
                      <span class="p-mv_contBtn"><svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect class="pause_icon_outer" width="10" height="12" fill="#0050AA" />
                          <rect class="pause_icon_inner" x="4" width="2" height="12" fill="#fff" />
                        </svg>
                        一時停止</span></span>
                  </button>
                </div>
              </div>
              <div class="p-event_slide">
                <div class="splide__track p-event_slide_track">
                  <ul class="splide__list p-event_SlideList">

                    <li class="splide__slide  p-event_SlideList_item">
                      <a href="https://www.kitami-it.ac.jp/info/event/opencampus/" class="p-event_SlideList_link">
                        <div class="p-event_SlideList_imgbox">
                          <img src="/assets/images/img_event_07.jpg" alt="" width="962" height="542">
                        </div>
                        <div class="p-event_SlideList_textbox">
                          <div class="p-event_SlideList_textbox_datebox">
                            <div class="p-event_SlideList_textbox_datebox_week">全3回開催</div>

                            <div class="p-event_SlideList_textbox_datebox_periodyear">2025.06.29<br>
                              2025.07.26<br>
                              2025.09.20</div>
                          </div>
                          <div>
                            <div class="p-event_SlideList_textbox_text">
                              オープンキャンパス
                            </div>
                            <div class="p-event_SlideList_textbox_category">
                              <div class="p-event_SlideList_textbox_category_item">入試イベント</div>
                            </div>
                          </div>
                        </div>
                      </a>
                    </li>

                    <li class="splide__slide  p-event_SlideList_item">
                      <a href="https://www.kitami-it.ac.jp/kit_webopencampus/" class="p-event_SlideList_link">
                        <div class="p-event_SlideList_imgbox">
                          <img src="/assets/images/img_event_08.png" alt="" width="962" height="542">
                        </div>
                        <div class="p-event_SlideList_textbox">
                          <div class="p-event_SlideList_textbox_datebox">
                            <div class="p-event_SlideList_textbox_datebox_week">開催期間</div>
                            <div class="p-event_SlideList_textbox_datebox_period">2025.06.16</div>
                            <div class="p-event_SlideList_textbox_datebox_periodyear">2026.03.31</div>
                          </div>
                          <div>
                            <div class="p-event_SlideList_textbox_text">
                              Webオープンキャンパス
                            </div>
                            <div class="p-event_SlideList_textbox_category">
                              <div class="p-event_SlideList_textbox_category_item">入試イベント</div>
                            </div>
                          </div>
                        </div>
                      </a>
                    </li>

                    
                    <li class="splide__slide  p-event_SlideList_item">
                      <a href="https://www.kitami-it.ac.jp/topics/85287/" class="p-event_SlideList_link">
                        <div class="p-event_SlideList_imgbox">
                          <img src="/assets/images/img_event_10.png" alt="" width="962" height="542">
                        </div>
                        <div class="p-event_SlideList_textbox">
                          <div class="p-event_SlideList_textbox_datebox">
                            <div class="p-event_SlideList_textbox_datebox_week">開催期間</div>
        
                            <div class="p-event_SlideList_textbox_datebox_periodyear">2025.10.05</div>
                          </div>
                          <div>
                            <div class="p-event_SlideList_textbox_text">
                              女子小中学生対象?リケジョのWA
                            </div>
                            <div class="p-event_SlideList_textbox_category">
                              <div class="p-event_SlideList_textbox_category_item">入試イベント</div>
                              <div class="p-event_SlideList_textbox_category_item">地域イベント</div>
                            </div>
                          </div>
                        </div>
                      </a>
                    </li>


                    <li class="splide__slide  p-event_SlideList_item">
                      <a href="https://www.kitami-it.ac.jp/research/course/" class="p-event_SlideList_link">
                        <div class="p-event_SlideList_imgbox">
                          <img src="/assets/images/img_event_05.jpg" alt="" width="962" height="542">
                        </div>
                        <div class="p-event_SlideList_textbox">
                          <div class="p-event_SlideList_textbox_datebox">
                            <div class="p-event_SlideList_textbox_datebox_week">通年開催</div>
                            <div class="p-event_SlideList_textbox_datebox_periodyear">年間通して複数回開催</div>

                          </div>
                          <div>
                            <div class="p-event_SlideList_textbox_text">
                              公開講座
                            </div>
                            <div class="p-event_SlideList_textbox_category">
                              <div class="p-event_SlideList_textbox_category_item">地域イベント
                              </div>
                              <div class="p-event_SlideList_textbox_category_item">公開講座
                              </div>
                            </div>
                          </div>
                        </div>
                      </a>
                    </li>

                  </ul>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
      <!-- EVENTここまで -->

      <div class="l-container">
        <section class="l-section p-news">

          <h2 class="p-contentTitle">おしらせ</h2>
          <ul class="p-newsList">
						                        <li class="p-newsList_item">
              <a href="https://www.kitami-it.ac.jp/topics/61716/" class="p-newsList_item_link p-icon_arrow_link">
                <div class="p-newsList_item_datebox">
                  <div class="p-newsList_item_datebox_year">2025</div>
                  <div class="p-newsList_item_datebox_date">09.19</div>
                </div>
                <div class="p-newsList_item_textbox">
                  <div class="p-newsList_item_titlebox">
                                        <i class="p-newsList_item_newIcon">NEW</i>
                                        <div class="p-newsList_item_title">
                    【当日参加可能】令和7年度第3回オープンキャンパス（9/20）を開催します                    </div>
                  </div>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                  </svg>
                </div>
              </a>
            </li>
						            <li class="p-newsList_item">
              <a href="https://www.kitami-it.ac.jp/topics/90907/" class="p-newsList_item_link p-icon_arrow_link">
                <div class="p-newsList_item_datebox">
                  <div class="p-newsList_item_datebox_year">2025</div>
                  <div class="p-newsList_item_datebox_date">09.18</div>
                </div>
                <div class="p-newsList_item_textbox">
                  <div class="p-newsList_item_titlebox">
                                        <i class="p-newsList_item_newIcon">NEW</i>
                                        <div class="p-newsList_item_title">
                    「アントレワークキャンプ2025 in 斜里」を開催しました                    </div>
                  </div>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                  </svg>
                </div>
              </a>
            </li>
						            <li class="p-newsList_item">
              <a href="https://www.kitami-it.ac.jp/topics/88169/" class="p-newsList_item_link p-icon_arrow_link">
                <div class="p-newsList_item_datebox">
                  <div class="p-newsList_item_datebox_year">2025</div>
                  <div class="p-newsList_item_datebox_date">09.17</div>
                </div>
                <div class="p-newsList_item_textbox">
                  <div class="p-newsList_item_titlebox">
                                        <i class="p-newsList_item_newIcon">NEW</i>
                                        <div class="p-newsList_item_title">
                    mg老虎机_MG老虎机游戏-任你博专家推荐北海道国立大学機構メールマガジンの最新版を発行しました                    </div>
                  </div>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                  </svg>
                </div>
              </a>
            </li>
						            <li class="p-newsList_item">
              <a href="https://www.kitami-it.ac.jp/topics/61908/" class="p-newsList_item_link p-icon_arrow_link">
                <div class="p-newsList_item_datebox">
                  <div class="p-newsList_item_datebox_year">2025</div>
                  <div class="p-newsList_item_datebox_date">09.16</div>
                </div>
                <div class="p-newsList_item_textbox">
                  <div class="p-newsList_item_titlebox">
                                        <i class="p-newsList_item_newIcon">NEW</i>
                                        <div class="p-newsList_item_title">
                    令和8（2026）年度工学部編入学第2次募集を実施します                    </div>
                  </div>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                  </svg>
                </div>
              </a>
            </li>
						            <li class="p-newsList_item">
              <a href="https://www.kitami-it.ac.jp/topics/964/" class="p-newsList_item_link p-icon_arrow_link">
                <div class="p-newsList_item_datebox">
                  <div class="p-newsList_item_datebox_year">2025</div>
                  <div class="p-newsList_item_datebox_date">09.12</div>
                </div>
                <div class="p-newsList_item_textbox">
                  <div class="p-newsList_item_titlebox">
                                        <div class="p-newsList_item_title">
                    Skip～KIT girls voice～を更新しました                    </div>
                  </div>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                  </svg>
                </div>
              </a>
            </li>
						            <li class="p-newsList_item">
              <a href="https://www.kitami-it.ac.jp/topics/88153/" class="p-newsList_item_link p-icon_arrow_link">
                <div class="p-newsList_item_datebox">
                  <div class="p-newsList_item_datebox_year">2025</div>
                  <div class="p-newsList_item_datebox_date">09.08</div>
                </div>
                <div class="p-newsList_item_textbox">
                  <div class="p-newsList_item_titlebox">
                                        <div class="p-newsList_item_title">
                    学部改組のお知らせ（令和8年4月）                    </div>
                  </div>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                  </svg>
                </div>
              </a>
            </li>
						            <li class="p-newsList_item">
              <a href="https://www.kitami-it.ac.jp/topics/61228/" class="p-newsList_item_link p-icon_arrow_link">
                <div class="p-newsList_item_datebox">
                  <div class="p-newsList_item_datebox_year">2025</div>
                  <div class="p-newsList_item_datebox_date">09.05</div>
                </div>
                <div class="p-newsList_item_textbox">
                  <div class="p-newsList_item_titlebox">
                                        <div class="p-newsList_item_title">
                    物品等の入札情報を更新しました                    </div>
                  </div>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                  </svg>
                </div>
              </a>
            </li>
						            <li class="p-newsList_item">
              <a href="https://www.kitami-it.ac.jp/topics/86560/" class="p-newsList_item_link p-icon_arrow_link">
                <div class="p-newsList_item_datebox">
                  <div class="p-newsList_item_datebox_year">2025</div>
                  <div class="p-newsList_item_datebox_date">09.05</div>
                </div>
                <div class="p-newsList_item_textbox">
                  <div class="p-newsList_item_titlebox">
                                        <div class="p-newsList_item_title">
                    国立大学56工学系学部ホームページに本学の新着記事が掲載されました                    </div>
                  </div>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                  </svg>
                </div>
              </a>
            </li>
												          </ul>
          <a href="/topics/" class="p-newsList_more p-icon_arrow_link">
            一覧を見る
            <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
              <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
              <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
            </svg>
          </a>
        </section>
      </div>
      <div class="l-container">
        <section class="l-section p-course">
          <h2 class="p-contentTitle">工学部</h2>
          <div class="p-course_content">
            <div class="p-course_content_inner -environment">
              <h3 class="p-course_content_title">
                <a href="/engineering-graduate/chikyu/" class="p-course_content_title_link p-icon_arrow_link">
                  地球環境工学科
                  <svg class="p-icon_arrow -type02" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#fff" />
                    <path class="p-icon_arrow_body -type02" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#fff" />
                  </svg>
                </a>
              </h3>
              <p class="p-course_content_text">エネルギー、地球環境問題など日本のみならず世界的な課題を解決し、成果を地域に還元します。</p>
              <div class="p-course_content_list">
                <a href="/engineering-graduate/chikyu/energy-c/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -icon01">
                    エネルギー総合工学コース
                  </span>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#fff" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#fff" />
                  </svg>
                </a>
                <a href="/engineering-graduate/chikyu/kankyo-c/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -icon02">
                    環境防災工学コース</span>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#fff" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#fff" />
                  </svg>
                </a>
                <a href="/engineering-graduate/chikyu/sentan-c/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -icon03">
                    先端材料物質工学コース</span>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#fff" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#fff" />
                  </svg>
                </a>
                <a href="/engineering-graduate/tiiki-c/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -icon04">
                    地域マネジメント工学コース</span>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#fff" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#fff" />
                  </svg>
                </a>
              </div>
            </div>
            <div class="p-course_content_inner -design">
              <h3 class="p-course_content_title">
                <a href="/engineering-graduate/tiiki/" class="p-course_content_title_link p-icon_arrow_link">
                  地域未来デザイン工学科
                  <svg class="p-icon_arrow -type02" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#fff" />
                    <path class="p-icon_arrow_body -type02" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#fff" />
                  </svg>
                </a>
              </h3>
              <p class="p-course_content_text">北海道の第一次産業地域にある工業大学として地域産業振興を支援し、地域課題を解決し、成果をグローバルに展開します。</p>
              <div class="p-course_content_list">
                <a href="/engineering-graduate/tiiki/kikai-c/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -icon05">
                    機械知能?生体工学コース</span>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#fff" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#fff" />
                  </svg>
                </a>
                <a href="/engineering-graduate/tiiki/jouhou-c/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -icon06">
                    情報デザイン?<br>コミュニケーション工学コース</span>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#fff" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#fff" />
                  </svg>
                </a>
                <a href="/engineering-graduate/tiiki/shakai-c/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -icon07">
                    社会インフラ工学コース</span>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#fff" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#fff" />
                  </svg>
                </a>
                <a href="/engineering-graduate/tiiki/baio-c/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -icon08">
                    バイオ食品工学コース</span>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#fff" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#fff" />
                  </svg>
                </a>
                <a href="/engineering-graduate/tiiki-c/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -icon04">
                    地域マネジメント工学コース</span>
                  <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#fff" />
                    <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#fff" />
                  </svg>
                </a>
              </div>
            </div>
          </div>
        
          <div class="fixed_ice -ice01 p-course_ice01 p-iceObject">
            <div class="fixed_ice_inner">
              <div class="fixed_ice_core">
                <img class="" src="/assets/images/img_ice_course_01.png" alt="" width="282" height="217">
              </div>
            </div>
          </div>
        
          <div class="fixed_ice -ice02 p-course_ice02 p-iceObject">
            <div class="fixed_ice_inner">
              <div class="fixed_ice_core">
                <img src="/assets/images/img_ice_course_02.png" alt="" width="230" height="191">
              </div>
            </div>
          </div>
        
        </section>
      </div>

      <div class="l-container">
        <section class="l-section p-regional">
          <h2 class="p-contentTitle">研究推進</h2>
          <p class="p-contentTitle_sub">地域の特色を色濃く反映した4研究推進センター</p>

          <div class="p-regional_content">
            <div class="p-regional_content_imgbox">
              <img src="/assets/images/bg_regional_01.jpg" alt="" width="1600" height="994">
            </div>
            <div class="p-regional_content_textbox">
              <div class="p-regional_content_logo">
                <img src="/assets/images/logo_regional_01.png" alt="" width="140" height="70">
              </div>
              <div class="p-regional_content_textbox_inner">
                <h3 class="p-regional_content_title">
                  <a href="https://www-ner.office.kitami-it.ac.jp/" target="_blank" class="p-regional_content_title_link p-icon_arrow_link">
                    <span class="p-regional_content_titlebox">
                      <span class="p-regional_content_titlebox_sub">持続可能な社会へ
                      </span>
                      地域循環共生研究推進センター
                    </span>
                    <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                      <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                    </svg>
                  </a>
                </h3>
                <p class="p-regional_content_text">地域の自然?環境に着目し、</p>
                <ul class="p-regional_content_numList">
                  <li class="p-regional_content_numList_item">天然表層型メタンハイドレートの生成環境?機構、物理化学的特性の解明</li>
                  <li class="p-regional_content_numList_item">地球規模の気候?環境変動に関する調査?研究を推進</li>
                </ul>
              </div>
              <div class="p-regional_content_textbox_img">
                <img src="/assets/images/img_regional_01.jpg" alt="" width="1600" height="319">
              </div>
            </div>
          </div>

          <div class="p-regional_content -reverse">
            <div class="p-regional_content_imgbox">
              <img src="/assets/images/bg_regional_02.jpg" alt="" width="1600" height="994">
            </div>
            <div class="p-regional_content_textbox">
              <div class="p-regional_content_logo">
                <img src="/assets/images/logo_regional_02.png" alt="" width="140" height="71">
              </div>
              <div class="p-regional_content_textbox_inner">
                <h3 class="p-regional_content_title">
                  <a href="/center-info/winter_sports/" class="p-regional_content_title_link p-icon_arrow_link">
                    <span class="p-regional_content_titlebox">
                      <span class="p-regional_content_titlebox_sub">寒冷域でのQOL向上</span>
                      冬季スポーツ科学研究推進センター
                    </span>
                    <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                      <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                    </svg>
                  </a>
                </h3>
                <p class="p-regional_content_text">積雪寒冷地の特徴を活かし、地域と密着しつつ工学的視点から課題に取り組む世界的に例のない組織を立ち上げ冬季スポーツの研究を推進</p>
              </div>
              <div class="p-regional_content_textbox_img">
                <img src="/assets/images/img_regional_02.jpg" alt="" width="1600" height="319">
              </div>
            </div>
          </div>

          <div class="p-regional_content">
            <div class="p-regional_content_imgbox">
              <img src="/assets/images/bg_regional_03.jpg" alt="" width="1600" height="994">
            </div>
            <div class="p-regional_content_textbox">
              <div class="p-regional_content_logo">
                <img src="/assets/images/logo_regional_03.png" alt="" width="61" height="71">
              </div>
              <div class="p-regional_content_textbox_inner">
                <h3 class="p-regional_content_title">
                  <a href="http://caffe.rd.kitami-it.ac.jp/" target="_blank" class="p-regional_content_title_link p-icon_arrow_link">
                    <span class="p-regional_content_titlebox">
                      <span class="p-regional_content_titlebox_sub">第1次産業への貢献</span>
                      オホーツク農林水産工学連携研究推進センター
                    </span>
                    <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                      <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                    </svg>
                  </a>
                </h3>
                <p class="p-regional_content_text">大学が持つ高度な技術をオホーツク地域の大きな特徴となっている第1次産業に適用し、農?林?水産の分野を越えたユニークな工学的支援を推進</p>
              </div>
              <div class="p-regional_content_textbox_img">
                <img src="/assets/images/img_regional_03.jpg" alt="" width="1600" height="319">
              </div>
            </div>
          </div>

          <div class="p-regional_content -reverse">
            <div class="p-regional_content_imgbox">
              <img src="/assets/images/bg_regional_04.jpg" alt="" width="1600" height="994">
            </div>
            <div class="p-regional_content_textbox">
              <div class="p-regional_content_logo">
                <img src="/assets/images/logo_regional_04.png" alt="" width="208" height="71">
              </div>
              <div class="p-regional_content_textbox_inner">
                <h3 class="p-regional_content_title">
                  <a href="https://kit-safer.com/" target="_blank" class="p-regional_content_title_link p-icon_arrow_link">
                    <span class="p-regional_content_titlebox">
                      <span class="p-regional_content_titlebox_sub">地域の安全?安心</span>
                      地域と歩む防災研究センター
                    </span>
                    <svg class="p-icon_arrow" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <rect class="p-icon_arrow_border" x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="#0050AA" />
                      <path class="p-icon_arrow_body" d="M12 19.5C11.7239 19.5 11.5 19.7239 11.5 20C11.5 20.2761 11.7239 20.5 12 20.5V19.5ZM28.3536 20.3536C28.5488 20.1583 28.5488 19.8417 28.3536 19.6464L25.1716 16.4645C24.9763 16.2692 24.6597 16.2692 24.4645 16.4645C24.2692 16.6597 24.2692 16.9763 24.4645 17.1716L27.2929 20L24.4645 22.8284C24.2692 23.0237 24.2692 23.3403 24.4645 23.5355C24.6597 23.7308 24.9763 23.7308 25.1716 23.5355L28.3536 20.3536ZM12 20.5L28 20.5V19.5L12 19.5V20.5Z" fill="#0050AA" />
                    </svg>
                  </a>
                </h3>
                <p class="p-regional_content_text">地域で大きな問題となっている、河川工学?橋梁工学?地盤工学の境界領域にある橋梁被害、堤防被害、農地被害に焦点をあてた研究を推進</p>
              </div>
              <div class="p-regional_content_textbox_img">
                <img src="/assets/images/img_regional_04.jpg" alt="" width="1600" height="319">
              </div>
            </div>
          </div>
        </section>
      </div>

    </main>

  </div>
  <!-- l-wrapper end -->
  <footer class="l-footer js-pagetopEnd">
    <a href="#pageTop" class="l-footer_pagetop js-pagetop"><img src="/assets/images/ico_pagetop.svg" alt="ページトップへ" width="40" height="40"></a>
    <div class="l-footer_inner">
      <div class="l-footer_sns">
        <a href="https://x.com/kitamiof" target="_blank" class="l-footer_sns_link"><img src="/assets/images/ico_x.svg" alt="x" width="56" height="56"></a>
        <a href="https://www.instagram.com/kitami_it/"  target="_blank" class="l-footer_sns_link"><img src="/assets/images/ico_insta.svg" alt="instagram" width="56" height="56"></a>
        <a href="https://www.facebook.com/kitami.tech/"  target="_blank" class="l-footer_sns_link"><img src="/assets/images/ico_fb.svg" alt="facebook" width="56" height="56"></a>
        <a href="https://www.youtube.com/channel/UCEsM_WBopJ0BuvDpxq0M-Lg" target="_blank"  class="l-footer_sns_link"><img src="/assets/images/ico_tube.svg" alt="youtube" width="56" height="56"></a>
      </div>
      <nav class="l-footer_nav">
        <a href="/sitemap/" class="l-footer_nav_item">サイトマップ</a>
        <a href="/site-policy/" class="l-footer_nav_item">サイトポリシー</a>
        <a href="/link/
        " class="l-footer_nav_item">リンク</a>
        <a href="/contact/" class="l-footer_nav_item">お問い合わせ</a>
        <a href="/access/" class="l-footer_nav_item">アクセス</a>
      </nav>
    </div>
    <div class="l-footer_logo">
      <div class="l-footer_inner">
        <div class="l-footer_logoBlock">
          <div class="l-footer_logoBlock_item">
            <a href="https://www.nuc-hokkaido.ac.jp/" target="_blank" class="l-footer_logoBlock_item_link"><img src="/assets/images/logo_nuc.svg" alt="mg老虎机_MG老虎机游戏-任你博专家推荐 北海道国立大学機構" width="281" height="60"></a>
              <a href="/" class="l-footer_logoBlock_item_link -kit"><img src="/assets/images/logo_footer.png" alt="北見工業大学" width="441" height="95">〒090-8507　mg老虎机_MG老虎机游戏-任你博专家推荐</a>
          </div>
        </div>
      </div>
      <small class="l-footer_copyright">&copy; KITAMI INSTITUTE OF TECHNOLOGY</small>
    </div>

  </footer>

	
	
	
  
  
  

</body>
</html>
