<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-cache">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<meta property="og:type" content="website">
	<meta property="og:site_name" content="KUEP-DHI">
	<meta property="og:locale" content="ja_JP">
	<meta name="twitter:site" content="@KUEP-DHI">
	<meta name="twitter:card" content="summary_large_image">
	<meta property="og:url"   content="">
	<meta property="og:email" content="">
	<meta property="og:title"       content=" | KUEP-DHI">
	<meta property="og:description" content="...">
	<meta property="og:image"       content="">
	<title> | KUEP-DHI</title>
	<meta name="description"        content="..." />

		<!-- bootstrap -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
	<!-- css -->
	<link href="/control-panel/wp-content/themes/kuepdhi/common/css/base.css?rn=24856" rel="stylesheet">
	<link href="/control-panel/wp-content/themes/kuepdhi/common/css/page.css?rn=90129" rel="stylesheet">

	<!-- js -->
	<script src="//code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js"></script>
	<script type="text/javascript" src="//typesquare.com/accessor/script/typesquare.js?kTJZpFaj65I%3D" charset="utf-8"></script>
	<script type="text/javascript" src="/control-panel/wp-content/themes/kuepdhi/common/js/scroll.js"></script>
	<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">

	<script>
		window.onload = function() {
	/*		var swiper = new Swiper('.swiper-container', {
				loop:true,
				autoplay:5000,
				effect: 'fade'
			});*/
		}
	</script>
	</head>
<body class=" page">
<div class="container-fluid" id="header">
	<div class="row fixed-top">
		<div class="col-12">
			<nav class="navbar navbar-expand-md  navbar-light bg-light">
			  <a class="navbar-brand" href="/"><img class="logo" src="/control-panel/wp-content/themes/kuepdhi/common/images/logo_s.svg" alt="KUEP-DHI" /></a>  
			  <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#bs-navi" aria-controls="bs-navi" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			  </button>

			  <div class="collapse navbar-collapse" id="bs-navi">
				<div class="mr-auto"></div>
				<ul class="navbar-nav ">
				  <li class="nav-item"><a class="nav-link" href="/">HOME</a></li>
				  <li class="nav-item"><a class="nav-link" href="/about/">本事業について</a></li>
				  <li class="nav-item"><a class="nav-link" href="/information/">お知らせ</a></li>
				  <li class="nav-item"><a class="nav-link" href="/m_course/">医療データ取扱専門家育成コース</a></li>
				  <li class="nav-item"><a class="nav-link" href="/i_course/">インテンシブコース</a></li>
				  <li class="nav-item"><a class="nav-link" href="/contact/">お問い合わせ</a></li>
				</ul>
			  </div>
			</nav>
		</div>
	</div>
</div>
<div class="wrap">
	<video class="bg-video" src="/control-panel/wp-content/themes/kuepdhi/common/images/mv20.mp4" poster="https://kuepdhi.kuhp.kyoto-u.ac.jp/control-panel/wp-content/themes/kuepdhi/common/images/bg_top.png" autoplay muted  loop></video>
	<div class="container">
		<div class="row top_v">
			<div class="col-12 col-md-6 d-flex align-items-center ">

				<img class="logo" src="/control-panel/wp-content/themes/kuepdhi/common/images/logo.svg" alt="" class="img-fluid" /></div>
			<div class="col-12 col-md-6 ">
				<div class="mains">2019年度文部科学省の医療データ人材育成事業に、京都大学を代表校とし、大阪大学・神戸大学・滋賀大学・鳥取大学・京都府立医科大学・奈良県立医科大学・和歌山県立医科大学・兵庫医科大学・関西医科大学・近畿大学の連携校からなる関西広域の計11大学の編成で応募し採択されたものです。
				</div>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-12 col-md-6">
				<a href="/i_course/" class="d-flex align-items-center btn btn-primary btn-fullwidth">
					<div><span>【修士学生履修プログラム】</span><br>
				医療データ取扱専門家育成コース<br>
				申し込みはこちら</div></a>
			</div>
			<div class="col-12 col-md-6">
				<a href="/contact/" class="d-flex align-items-center btn btn-primary btn-fullwidth"><div>問い合わせはこちら</div></a>
			</div>
		</div>
	</div>
</div>
<div class="container">
	<h2>INFORMATION</h2>
	<div class="row information">
		<div class="col-lg-4 col-12">
	<div class="row" style="height:100%;">
		<div class="col-12 align-self-start">		<div class="bg_white_alpha"">
			<a href="">
			<img src="/control-panel/wp-content/uploads/2020/03/sympo19-1-1024x962.png" class="img-fluid d-block mx-auto" /></a>
			<div class="pd-20" style="margin-top:0px;padding-bottom:0px;">
				<div class="title"><strong class="mx-auto"><a href="">キックオフシンポジウム<small></small></a></strong></div>
				<p></p>				
			</div>
			</div>
		</div>
	</div>
</div>
</dl>
	</div>
	<h2>COURSES</h2>
	<div class="row no-gutters bg_white">
		<div class="col-12 col-md-6 "><img src="/control-panel/wp-content/themes/kuepdhi/common/images/c01.png" alt="" class="img-fluid" /></div>
		<div class="col-12 col-md-6 pd-40 d-flex align-items-center ">
			<div>
				<h2>概要</h2>
				<p>分析だけを請け負う従来型データサイエンティストではなく、ライフサイエンス・ヘルスケア領域に深い造詣を有し、社会変革を実現しうる人材</p>
				<p class="text-center"><a class="btn btn-primary text-center" href="/m_course/">詳細を見る</a></p>
			</div>
		</div>
	</div>
	<div class="row no-gutters bg_white">
		<div class="col-12 col-md-6 "><img src="/control-panel/wp-content/themes/kuepdhi/common/images/c02.png" alt="" class="img-fluid" /></div>
		<div class="col-12 col-md-6 pd-40 d-flex align-items-center ">
			<div>
				<h2>概要</h2>
				<p>分析だけを請け負う従来型データサイエンティストではなく、ライフサイエンス・ヘルスケア領域に深い造詣を有し、社会変革を実現しうる人材</p>
				<p class="text-center"><a class="btn btn-primary text-center" href="/i_course/">詳細を見る</a></p>
			</div>
		</div>
	</div>
	<!--h2>ORGANIZATION</h2>
	<div class="row">
		<div class="col-8"></div>
		<div class="col-4"></div>
	</div-->
</div>


<!-- footer -->
<div class="container-fluid" id="footer">
	<div class="container">
		<div class="row">
			<div class="col-12 col-md-3"><img class="logo" src="/control-panel/wp-content/themes/kuepdhi/common/images/logo_f.svg" alt="KUEP-DHI" /></div>
			<div class="col-12 col-md-4">
				<ul class="navbar-nav">
				  <li class="nav-item"><a class="nav-link" href="/">HOME</a></li>
				  <li class="nav-item"><a class="nav-link" href="/about/">本事業について</a></li>
				  <li class="nav-item"><a class="nav-link" href="/information/">お知らせ</a></li>
				  <li class="nav-item"><a class="nav-link" href="/m_course/">医療データ取扱専門家育成コース</a></li>
				  <li class="nav-item"><a class="nav-link" href="/i_course/">インテンシブコース</a></li>
				  <li class="nav-item"><a class="nav-link" href="/contact/">お問い合わせ</a></li>
				</ul>
			</div>
			<div class="col-12 col-md-5 text-right"><img src="/control-panel/wp-content/themes/kuepdhi/common/images/bnr_01.png" alt="KUEP-DHI" /><br>
本プロジェクトは文部科学省の支援を受けています。<br/><br/><br/><br/><br/><br/>
<span style="font-size:0.8rem;!important;">Copyright © 関西広域医療データ人材教育拠点形成事業 All Rights Reserved.</span>


			
			</div>
		</div>
	</div>
</div>
<div class="cursor"></div>

<!-- Bootstrap core JavaScript -->
<script src="//code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script>
	
var cWidth = 10, mouseX = 0, mouseY = 0;

$(document).on('mousemove', function(e) {
  mouseX = e.pageX;
  mouseY = e.pageY;
  $(".cursor").css({
    left: mouseX - (cWidth / 2),
    top: mouseY - (cWidth / 2)
  })
  $(".follower").css({
    left: mouseX - (cWidth / 2),
    top: mouseY - (cWidth / 2)
  })
});
var motion;
var transition = 0.3;
$("a").mouseenter(function(e) {
  $(".cursor").addClass('on');
  $(".cursor").removeClass('out');
});
$("a").mouseleave(function(e) {
  $(".cursor").removeClass('on');
  $(".cursor").addClass('out');
});

</script>
</body>
</html>