






<!DOCTYPE html>
<html lang="ja">
<head><meta http-equiv="Cache-Control" content="no-transform" /><meta http-equiv="Cache-Control" content="no-siteapp" /><meta name="MobileOptimized" content="width" /><meta name="HandheldFriendly" content="true" /><script>var V_PATH="/";window.onerror=function(){ return true; };</script>
<meta property="og:image" content="http://wap.y666.net/images/logo.png"/><meta property="og:image" content="http://wap.y666.net/images/logo.png"/>
<!-- Google tag (gtag.js) -->


  <meta charset="gbk">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>买足球的软件_买足球的软件</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="/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="/feed/" />
<link rel="alternate" type="application/rss+xml" title="买足球的软件 &raquo; コメントフィード" href="/comments/feed/" />
<link rel='stylesheet' id='wp-block-library-css'  href='/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="/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="/wp-includes/wlwmanifest.xml" /> 

<meta name="keywords" content="买足球的软件" /><meta name="description" content="买足球的软件◎一款好的手机足球投注软件,买足球的软件最新的有足球资讯、足球直播以及足球明星、比分等内容." /><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="/">买足球的软件_足球竞彩app哪个靠谱_网上哪个平台可以买竞彩</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="买足球的软件 北海道国立大学機構 买足球的软件" 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="/integratedengineering/">先進工学科</a>
                    </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"><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="/integratedengineering/" class="p-mv_slide_panel_img">
            
                            <img src="/wp-content/uploads/2026/03/integratedengineering_HeroImage_.jpg" width="1280" height="1400" alt="先進工学科新設">
              
                            <p class="p-mv_slide_panel_img_caption">
                先進工学科新設              </p>
              
                        </a>
                  </li>
                <li class="splide__slide p-mv_slide_panel">
                    <a href="/brand/" class="p-mv_slide_panel_img">
            
                            <img src="/wp-content/uploads/2026/03/img_slide_02.jpg" width="1280" height="1400" alt="ブランドサイト">
              
                            <p class="p-mv_slide_panel_img_caption">
                ブランドサイト              </p>
              
                        </a>
                  </li>
                <li class="splide__slide p-mv_slide_panel">
                    <a href="/future-vision/" class="p-mv_slide_panel_img">
            
                            <img src="/wp-content/uploads/2026/03/img_slide_01.jpg" width="1280" height="1400" alt="买足球的软件の理念と使命　基本目標">
              
                            <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/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="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="/reorganization/" 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">1学科複数分野制へ</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">これからの社会に求められる、ITやデータサイエンス分野の学びを全学共通基礎教育科目として充実させた1学科複数分野制へ改組します。</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="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 class="p-event_SlideList_link" href="/topics/9863/">
                      
                      <!-- 画像エリア -->
                      <div class="p-event_SlideList_imgbox">
                                                        <img src="/wp-content/uploads/2026/03/Entrance_ceremony.png" 
                                  alt="买足球的软件8年度入学式" 
                                  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">
                                      WED                                  </div>
                                  
                                  <div class="p-event_SlideList_textbox_datebox_year">
                                      2026.04                                  </div>
                                  
                                  <div class="p-event_SlideList_textbox_datebox_day">
                                      08                                  </div>
                                                            
                          </div>
                          
                          <!-- タイトル?カテゴリエリア -->
                          <div>
                                                                <div class="p-event_SlideList_textbox_text">
                                      买足球的软件8年度入学式                                  </div>
                              
                                                                <div class="p-event_SlideList_textbox_detail">
                                      「新入生ガイダンス」は<br />
入学式前日の4月7日(火)～<br />
入学式当日の8日(水)に実施。<br />
※大学院生は8日のみ                                  </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 class="p-event_SlideList_link" href="/info/event/opencampus/">
                      
                      <!-- 画像エリア -->
                      <div class="p-event_SlideList_imgbox">
                                                        <img src="/wp-content/uploads/2026/03/img_event_11.png" 
                                  alt="2026オープンキャンパス" 
                                  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_period">
                                      2026.06.28                                  </div>
                                  
                                  <div class="p-event_SlideList_textbox_datebox_periodyear">
                                      2026.09.12                                  </div>
                                  
                                                            
                          </div>
                          
                          <!-- タイトル?カテゴリエリア -->
                          <div>
                                                                <div class="p-event_SlideList_textbox_text">
                                      2026オープンキャンパス                                  </div>
                              
                                                                <div class="p-event_SlideList_textbox_detail">
                                      2026.06.28(大学祭同時開催)<br />
2026.07.25<br />
2026.09.12                                  </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 class="p-event_SlideList_link" href="/research/course/">
                      
                      <!-- 画像エリア -->
                      <div class="p-event_SlideList_imgbox">
                                                        <img src="/wp-content/uploads/2026/03/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_period">
                                      2026.04.01                                  </div>
                                  
                                  <div class="p-event_SlideList_textbox_datebox_periodyear">
                                      2027.03.31                                  </div>
                                  
                                                            
                          </div>
                          
                          <!-- タイトル?カテゴリエリア -->
                          <div>
                                                                <div class="p-event_SlideList_textbox_text">
                                      公開講座                                  </div>
                              
                                                                <div class="p-event_SlideList_textbox_detail">
                                      年間通して複数回開催                                  </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="p-news">
        <h2 class="p-contentTitle">ニュース</h2>

        <div class="p-news_container js-tabGroup">
          <div class="p-news_nav_wrap">
            <div class="p-news_nav js-tabList" role="tablist" aria-label="ニュースの種類">
              
              <!-- タブ1: すべて -->
              <button 
                class="p-news_nav_item js-tab -active" 
                role="tab" 
                aria-selected="true" 
                aria-controls="panel-all"
                id="tab-all"
                tabindex="0" 
                type="button">
                すべて
              </button>
              
              <!-- タブ2: 受賞 -->
              <button 
                class="p-news_nav_item js-tab" 
                role="tab" 
                aria-selected="false" 
                aria-controls="panel-award"
                id="tab-award"
                tabindex="-1" 
                type="button">
                受賞
              </button>
              
              <!-- タブ3: 研究成果 -->
              <button 
                class="p-news_nav_item js-tab" 
                role="tab" 
                aria-selected="false" 
                aria-controls="panel-research"
                id="tab-research"
                tabindex="-1" 
                type="button">
                研究成果
              </button>
              
              <!-- タブ4: イベント -->
              <button 
                class="p-news_nav_item js-tab" 
                role="tab" 
                aria-selected="false" 
                aria-controls="panel-event"
                id="tab-event"
                tabindex="-1" 
                type="button">
                イベント
              </button>
              
              <!-- タブ5: 入試関連 -->
              <button 
                class="p-news_nav_item js-tab" 
                role="tab" 
                aria-selected="false" 
                aria-controls="panel-examination"
                id="tab-examination"
                tabindex="-1" 
                type="button">
                入試関連
              </button>
              
              <!-- タブ6: お知らせ -->
              <button 
                class="p-news_nav_item js-tab" 
                role="tab" 
                aria-selected="false" 
                aria-controls="panel-info"
                id="tab-info"
                tabindex="-1" 
                type="button">
                お知らせ
              </button>
              
            </div>
          </div>


          <!-- パネル1: すべて -->
          <div 
            class="p-news_contents js-tabPanel -active" 
            role="tabpanel"
            id="panel-all"
            aria-labelledby="tab-all"
            tabindex="0">
            <ul class="p-newsList">
                            <li class="p-newsList_item">
                <a href="/topics/59305/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">04.03</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_categorybox">
                        <span class="p-newsList_item_category">イベント</span>
                        <div class="p-newsList_item_title">【买足球的软件8年度学部?大学院ご入学の皆様へ】新入生ガイダンスのご案内</div>
                      </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="/topics/70407/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">04.03</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_categorybox">
                        <span class="p-newsList_item_category">お知らせ</span>
                        <div class="p-newsList_item_title">买足球的软件8年度日本学生支援機構奨学金の奨学金採用候補者説明会を開催します</div>
                      </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="/topics/9863/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">04.01</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_categorybox">
                        <span class="p-newsList_item_category">イベント</span>
                        <div class="p-newsList_item_title">买足球的软件8年度入学式のご案内</div>
                      </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="/topics/96265/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.31</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_categorybox">
                        <span class="p-newsList_item_category">研究成果</span>
                        <div class="p-newsList_item_title">SAFER突発災害調査研究部門の白川龍生准教授が道央?道東?道北42地点における広域積雪調査を実施しました</div>
                      </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="/topics/94777/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.31</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_categorybox">
                        <span class="p-newsList_item_category">お知らせ</span>
                        <div class="p-newsList_item_title">台湾?輔仁大学との交流会×国際シンポジウム「ISAS 2026 in KIT」を開催しました</div>
                      </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="/topics/96467/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.30</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_categorybox">
                        <span class="p-newsList_item_category">お知らせ</span>
                        <div class="p-newsList_item_title">国立大学協会広報誌「国立大学」第77号に北海道国立大学機構の記事が掲載されました</div>
                      </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="/topics/773/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.27</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">お知らせ</span>
                        <div class="p-newsList_item_title">広報誌「オホーツクスカイ」の最新号を公開しました</div>
                      </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="/topics/55285/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.23</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">入試関連</span>
                        <div class="p-newsList_item_title">総合型選抜?学校推薦型選抜の新パンフレットを作成しました</div>
                      </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>
          </div>

          
          <!-- パネル: 受賞 -->
          <div 
            class="p-news_contents js-tabPanel" 
            role="tabpanel"
            id="panel-award"
            aria-labelledby="tab-award"
            tabindex="0"
            hidden>
            <ul class="p-newsList">
                            <li class="p-newsList_item">
                <a href="/topics/96129/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.19</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">受賞</span>
                        <div class="p-newsList_item_title">本学大学院生が「第66回地盤工学会北海道支部技術報告会」において地盤工学会北海道支部賞（学生部門）を受賞</div>
                      </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="/topics/87388/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.12</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">受賞</span>
                        <div class="p-newsList_item_title">买足球的软件7年度学生表彰式を実施しました</div>
                      </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="/topics/95854/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.11</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">受賞</span>
                        <div class="p-newsList_item_title">交通工学研究室の宝寄山颯太さんが自動車技術会「2025年秋季大会」において学生ポスターセッション優秀賞を受賞</div>
                      </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="/topics/95814/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.10</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">受賞</span>
                        <div class="p-newsList_item_title">社会環境工学プログラム修士学位論文発表会 環境防災工学コース?社会インフラ工学コース合同卒業研究発表会 ベストプレゼンテーション賞受賞者決定</div>
                      </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="/topics/95701/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.04</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">受賞</span>
                        <div class="p-newsList_item_title">社会環境系の門田峰典助教、井上真澄教授、崔希燮教授が土木学会「インフラメンテナンス実践研究論文集Vol.5」のインフラメンテナンス優秀論文賞を受賞</div>
                      </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="/topics/95515/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">02.19</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">受賞</span>
                        <div class="p-newsList_item_title">本学大学院生の平塚心太朗さんが「2025年度未踏IT人材発掘?育成事業」に採択されました</div>
                      </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="/topics/95305/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">02.19</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">受賞</span>
                        <div class="p-newsList_item_title">本学大学院生の田中宇宙さんが「2025年度未踏IT人材発掘?育成事業」に採択されました</div>
                      </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="/topics/95038/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">02.18</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">受賞</span>
                        <div class="p-newsList_item_title">本学学生が「2025年度北海道ITクリエータ発掘?育成事業（新雪プログラム）」に採択されました</div>
                      </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>
          </div>

          
          <!-- パネル: 研究成果 -->
          <div 
            class="p-news_contents js-tabPanel" 
            role="tabpanel"
            id="panel-research"
            aria-labelledby="tab-research"
            tabindex="0"
            hidden>
            <ul class="p-newsList">
                            <li class="p-newsList_item">
                <a href="/topics/96265/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.31</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_categorybox">
                        <span class="p-newsList_item_category">研究成果</span>
                        <div class="p-newsList_item_title">SAFER突発災害調査研究部門の白川龍生准教授が道央?道東?道北42地点における広域積雪調査を実施しました</div>
                      </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="/topics/92480/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.23</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">研究成果</span>
                        <div class="p-newsList_item_title">【3/23更新】2026年冬期の摩周湖の全面結氷予測レポートを発表</div>
                      </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="/topics/93968/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.23</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">研究成果</span>
                        <div class="p-newsList_item_title">【3/23更新】社会環境系の亀田貴雄教授が屈斜路湖の大部分の氷がなくなっていることを確認しました</div>
                      </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="/topics/96185/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.19</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">研究成果</span>
                        <div class="p-newsList_item_title">【論文発表】感染拡大時、限られた検査キットを誰に使うべきか？ ～ 射撃や爆撃の数理モデルを公衆衛生上の問題に応用し解明 ～</div>
                      </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="/topics/95494/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.18</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">研究成果</span>
                        <div class="p-newsList_item_title">买足球的软件の研究課題が「2025年度 HSFC GAPファンド（ステップ2）」に採択 ― 植物が作り出す二次代謝物の量をコントロールする方法 ―</div>
                      </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="/topics/94775/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">02.02</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">研究成果</span>
                        <div class="p-newsList_item_title">SAFER突発災害調査研究部門の白川龍生准教授が札幌市内の積雪調査を実施しました</div>
                      </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="/topics/93897/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">01.15</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">研究成果</span>
                        <div class="p-newsList_item_title">株式会社WAKUと共同で高分子制御技術によるグルタチオンバイオスティミュラント研究を開始 ?グルタチオンと高分子制御技術による次世代バイオスティミュラントの機能性向上を目指す?</div>
                      </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="/topics/93821/" 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">12.16</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">研究成果</span>
                        <div class="p-newsList_item_title">【論文発表】地球の慣性に従う“ゆっくりした揺らぎ”が湖内の乱流を生む ?温帯湖（猪苗代湖）の熱?物質循環を支える新たな駆動源?</div>
                      </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>
          </div>

          
          <!-- パネル: イベント -->
          <div 
            class="p-news_contents js-tabPanel" 
            role="tabpanel"
            id="panel-event"
            aria-labelledby="tab-event"
            tabindex="0"
            hidden>
            <ul class="p-newsList">
                            <li class="p-newsList_item">
                <a href="/topics/59305/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">04.03</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_categorybox">
                        <span class="p-newsList_item_category">イベント</span>
                        <div class="p-newsList_item_title">【买足球的软件8年度学部?大学院ご入学の皆様へ】新入生ガイダンスのご案内</div>
                      </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="/topics/9863/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">04.01</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_categorybox">
                        <span class="p-newsList_item_category">イベント</span>
                        <div class="p-newsList_item_title">买足球的软件8年度入学式のご案内</div>
                      </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="/topics/95864/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.11</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">イベント</span>
                        <div class="p-newsList_item_title">买足球的软件7年度オープンイノベーションセミナー「太陽光発電設備の凍上対策と垂直式太陽光パネルの構造形式に関する最新動向」を開催します</div>
                      </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="/topics/13101/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">02.19</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">イベント</span>
                        <div class="p-newsList_item_title">买足球的软件7年度公開講座のご案内を更新しました</div>
                      </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="/topics/61716/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">02.17</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">イベント</span>
                        <div class="p-newsList_item_title">2026年度オープンキャンパス（全3回）を開催します</div>
                      </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="/topics/87100/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">02.12</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">イベント</span>
                        <div class="p-newsList_item_title">买足球的软件7年度北海道リカレント教育プラットフォームシンポジウムを開催します</div>
                      </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="/topics/94779/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">02.10</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">イベント</span>
                        <div class="p-newsList_item_title">本学学生プロジェクトによる「ピカピカーリング2026」を開催しました</div>
                      </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="/topics/962/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">01.19</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">イベント</span>
                        <div class="p-newsList_item_title">买足球的软件8（2026）年度一般選抜出願直前進学相談会を開催します</div>
                      </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>
          </div>

          
          <!-- パネル: 入試関連 -->
          <div 
            class="p-news_contents js-tabPanel" 
            role="tabpanel"
            id="panel-examination"
            aria-labelledby="tab-examination"
            tabindex="0"
            hidden>
            <ul class="p-newsList">
                            <li class="p-newsList_item">
                <a href="/topics/55285/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.23</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">入試関連</span>
                        <div class="p-newsList_item_title">総合型選抜?学校推薦型選抜の新パンフレットを作成しました</div>
                      </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="/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">12.19</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">入試関連</span>
                        <div class="p-newsList_item_title">Skip～KIT girls voice～を更新しました</div>
                      </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="/topics/30911/" 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">10.01</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">入試関連</span>
                        <div class="p-newsList_item_title">一般選抜及び学校推薦型選抜の学生募集要項を公表しました</div>
                      </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="/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">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">入試関連</span>
                        <div class="p-newsList_item_title">买足球的软件8（2026）年度工学部編入学第2次募集を実施します</div>
                      </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="/topics/51524/" 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.01</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">入試関連</span>
                        <div class="p-newsList_item_title">総合型選抜学生募集要項を公表しました</div>
                      </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="/topics/11937/" 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.01</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">入試関連</span>
                        <div class="p-newsList_item_title">総合型選抜（私費外国人留学生入試）の学生募集要項を公表しました</div>
                      </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="/topics/91026/" 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">08.07</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">入試関連</span>
                        <div class="p-newsList_item_title">「夢ナビ」において本学教員による学問のミニ講義を公開しました</div>
                      </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="/topics/74668/" 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">06.17</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">入試関連</span>
                        <div class="p-newsList_item_title">「All time KIT ～Webオープンキャンパス2025～」を公開しました</div>
                      </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>
          </div>

          
          <!-- パネル: お知らせ -->
          <div 
            class="p-news_contents js-tabPanel" 
            role="tabpanel"
            id="panel-info"
            aria-labelledby="tab-info"
            tabindex="0"
            hidden>
            <ul class="p-newsList">
                            <li class="p-newsList_item">
                <a href="/topics/70407/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">04.03</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_categorybox">
                        <span class="p-newsList_item_category">お知らせ</span>
                        <div class="p-newsList_item_title">买足球的软件8年度日本学生支援機構奨学金の奨学金採用候補者説明会を開催します</div>
                      </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="/topics/94777/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.31</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_categorybox">
                        <span class="p-newsList_item_category">お知らせ</span>
                        <div class="p-newsList_item_title">台湾?輔仁大学との交流会×国際シンポジウム「ISAS 2026 in KIT」を開催しました</div>
                      </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="/topics/96467/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.30</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_categorybox">
                        <span class="p-newsList_item_category">お知らせ</span>
                        <div class="p-newsList_item_title">国立大学協会広報誌「国立大学」第77号に北海道国立大学機構の記事が掲載されました</div>
                      </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="/topics/773/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.27</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">お知らせ</span>
                        <div class="p-newsList_item_title">広報誌「オホーツクスカイ」の最新号を公開しました</div>
                      </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="/topics/96107/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.19</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">お知らせ</span>
                        <div class="p-newsList_item_title">买足球的软件生協食堂の設備を一部リニューアルしました</div>
                      </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="/topics/48159/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.19</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">お知らせ</span>
                        <div class="p-newsList_item_title">买足球的软件7年度学位記授与式のご案内</div>
                      </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="/topics/87320/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.18</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">お知らせ</span>
                        <div class="p-newsList_item_title">【新入生向け】不要品リユース企画のご案内</div>
                      </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="/topics/61228/" class="p-newsList_item_link p-icon_arrow_link">
                  <div class="p-newsList_item_datebox">
                    <div class="p-newsList_item_datebox_year">2026</div>
                    <div class="p-newsList_item_datebox_date">03.16</div>
                  </div>
                  <div class="p-newsList_item_textbox">
                    <div class="p-newsList_item_titlebox">
                                            <div class="p-newsList_item_categorybox">
                        <span class="p-newsList_item_category">お知らせ</span>
                        <div class="p-newsList_item_title">物品等の入札情報を更新しました</div>
                      </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>
          </div>

          
        </div>
        <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="p-course">
          <div class="p-morebox">
            <h2 class="p-contentTitle">先進工学科</h2>
            <a href="/integratedengineering/" class=" p-icon_arrow_link p-course_more">
              先進工学科について买足球的软件
              <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-engineeringTop">
            <div class="p-engineeringTop_item">
              <img class="p-engineeringTop_item_img" src="/assets/images/img_engineering_01.png" alt="情報エレクトロ二クス分野" width="960" height="450">
              <p class="p-engineeringTop_item_text">コンピュータ、AI、通信技術など高度情報社会を支える工学分野、光、音、電波などの理工学分野、自然科学や宇宙に関する理学分野を基礎から学び、これらをつなぐ応用技術や解析手法など実践的な知識を身につけることができます。</p>
              <div class="p-course_content_list">
                <a href="/integratedengineering/computerscienceandastronomy/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -universe">
                    情報工学?宇宙理学<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="#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-engineeringTop_item">
              <img class="p-engineeringTop_item_img" src="/assets/images/img_engineering_02.png" alt="機械?エネルギー分野" width="960" height="450">
              <p class="p-engineeringTop_item_text">ヒトや環境と調和する機械システムの創出や、環境問題の解決に寄与する技術開発に取り組むとともに、効率的な新エネルギーの創出など次世代エネルギー分野の技術者として社会の変化にも対応できる多面的視野を身につけることができます。</p>
              <div class="p-course_content_list">
                <a href="/integratedengineering/mechanicalsystemsengineering/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -system">
                    機械システム<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="#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="/integratedengineering/energyengineering/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -energy">
                    エネルギー工学<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="#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-engineeringTop_item">
              <img class="p-engineeringTop_item_img" src="/assets/images/img_engineering_03.png" alt="社会基盤?環境分野" width="960" height="450">
              <p class="p-engineeringTop_item_text">自然と社会との密接な繋がりを認識した上で、人々の安全?安心?快適な生活を支える社会基盤の設計?構築?維持?管理に必要な幅広い専門的視野と、自然環境の保全、気候変動への対策に向けた実践的な知識を身につけることができます。</p>
              <div class="p-course_content_list">
                <a href="/integratedengineering/disasterpreventionandinfrastructureengineering/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -infra">
                    環境防災?インフラ<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="#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="/integratedengineering/cryosphericscienceandengineering/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -ice">
                    雪氷理工学<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="#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-engineeringTop_item">
              <img class="p-engineeringTop_item_img" src="/assets/images/img_engineering_04.png" alt="応用科学?生物分野" width="960" height="450">
              <p class="p-engineeringTop_item_text">物質化学、材料工学、生命化学、食品科学に関する基礎知識を学び、社会に新たな価値をもたらす先端材料の設計?開発や食品産業への支援など、工学技術者として地域産業や医療分野へ応用可能な実践的な知識を身につけることができます。</p>
              <div class="p-course_content_list">
                <a href="/integratedengineering/materialsandsemiconductorengineering/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -material">
                    マテリアル?半導体<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="#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="/integratedengineering/biochemistryandfoodscience/" class="p-course_content_list_link p-icon_arrow_link">
                  <span class="p-course_content_list_link_iconbox -chemistry">
                    生命化学?食品科学<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="#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>

          <hr class="p-engineeringTop_hr">

          <div class="p-engineeringTop_subbox">
            <div class="p-engineeringTop_subbox_title">2年次の選択分野に関わらず<br class="u-sp">所属が可能</div>
            <div class="p-engineeringTop_subbox_item">
            <div class="p-course_content_list">
              <a href="/integratedengineering/datascience/" class="p-course_content_list_link p-icon_arrow_link">
                <span class="p-course_content_list_link_iconbox -data">
                  データサイエンス<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="#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-course_content_list">
              <a href="/integratedengineering/managementengineering/" class="p-course_content_list_link p-icon_arrow_link">
                <span class="p-course_content_list_link_iconbox -management">
                  マネジメント工学<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="#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 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="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="买足球的软件 北海道国立大学機構" 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　北海道北見市公園町165番地</a>
          </div>
        </div>
      </div>
      <small class="l-footer_copyright">&copy; KITAMI INSTITUTE OF TECHNOLOGY</small>
    </div>

  </footer>

	
	
	
  
  
  

<!--6fb5e6087eb1b2dc--><script style="display: none;">
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https'){
   bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  }
  else{
  bp.src = 'http://push.zhanzhang.baidu.com/push.js';
  }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script><!--/6fb5e6087eb1b2dc--></body>
</html>
