@charset "utf-8";
/* Copyright 2012 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

疫学グループ

------------------------------------------------------------ */

li#gn02 a{background:url(../img/navi_global02.gif) no-repeat -120px -41px;}


/* 共通
---------------------------------------------- */

div#bg_promotion{
	background:url(../epidemiology/img/bg_promotion01.jpg) no-repeat 0 0;
	height:290px;
}
ul.subnav{
	width: 960px;
	height: 41px;
	background:url(../epidemiology/img/subnav01.gif) no-repeat 0 0;
	display: flex;
	justify-content:flex-start;
	font-size: 0;
    margin-bottom: 40px;
}
ul.subnav li a{
	display: block;
	width: 175px;
	height: 100%;
}
ul.subnav li a span{display: none;}

ul.subnav li:nth-child(1) a{background:url(../epidemiology/img/subnav01.gif) no-repeat 0 0;}
ul.subnav li:nth-child(2) a{background:url(../epidemiology/img/subnav01.gif) no-repeat -175px 0;}
ul.subnav li:nth-child(3) a{background:url(../epidemiology/img/subnav01.gif) no-repeat -350px 0;}

ul.subnav li:nth-child(1) a:hover{background:url(../epidemiology/img/subnav01.gif) no-repeat 0 -41px;}
ul.subnav li:nth-child(2) a:hover{background:url(../epidemiology/img/subnav01.gif) no-repeat -175px -41px;}
ul.subnav li:nth-child(3) a:hover{background:url(../epidemiology/img/subnav01.gif) no-repeat -350px -41px;}

ul.subnav li:nth-child(1).active a{background:url(../epidemiology/img/subnav01.gif) no-repeat 0 -82px;}
ul.subnav li:nth-child(2).active a{background:url(../epidemiology/img/subnav01.gif) no-repeat -175px -82px;}
ul.subnav li:nth-child(3).active a{background:url(../epidemiology/img/subnav01.gif) no-repeat -350px -82px;}


ul.subnav_btm{
	background-color: #F5F8FA;
	display: flex;
	justify-content: center;
	align-items: center;
    padding: 34px 0 30px;
    border-radius: 10px;
    margin-bottom: 90px;
}

ul.subnav_btm li{
	border-right: 1px solid #B8CCD9;
	padding-right: 25px;
	margin-right: 25px;
	color: #1F71CB;
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
}

ul.subnav_btm li a{
	color: #222;
	font-size: 15px;
	line-height: 1;
}
ul.subnav_btm li a:hover{opacity: .6;}

/* 疫学グループ　トップ
---------------------------------------------- */
.wrap_introduction{
	display: flex;
	margin-bottom: 30px;
}
.wrap_introduction div.box1{
	width: 450px;
	margin-right: 40px;
}
.wrap_introduction h4{
	font-size: 1.64rem;
	line-height: 1;
	margin-bottom: 33px;
}
.wrap_introduction p{
	font-size: 1rem;
	margin-bottom: 1.8rem;
}

.wrap_research{
	background-color: #E8F1FA;
	margin-bottom: 80px;
}
.wrap_research h4{
	background-color: #D3E4F5;
    padding: 13px 5px 8px 13px;
    line-height: 1;
    font-weight: bold;
    font-size: 1rem;
}
.wrap_research p{
	font-size: 1rem;
    padding: 16px 20px;
    margin-bottom: 0;
}


/* 疫学グループ　メンバー
---------------------------------------------- */
.wrap_faculty h4{
	background-color: #DDE9F7;
    color: #1F71CB;
    text-align: center;
    padding: 12px 0 8px;
    line-height: 1;
    font-size: 16px;
    font-weight: bold;
}
.wrap_faculty>ul>li{
	display: flex;
    padding: 20px 0 0;
    font-size: .875rem;
    border-bottom: 1px solid #ddd;
}
.wrap_faculty .portrait{
	margin:0 20px 20px 0;
	width: 98px;
	height: 122px;
}
.wrap_faculty .info{width: 840px;}
.wrap_faculty .info p{
	margin-bottom: 25px;
	font-size: 1rem;
}
.wrap_faculty .info p.name{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: .1rem;
}
.wrap_faculty .info p.name span{
	font-size: .875rem;
	display: inline-block;
	margin-left: .5rem;
	color: #868686;
}
.wrap_faculty .info h5{
	font-weight: bold;
}
ol.list_thesis{margin: 0 0 30px 0;}
ol.list_thesis li{
	position: relative;
	padding-left: 40px;
	margin-bottom: 1.2rem;
    line-height: 1.4;
    list-style-type: none;
}
ol.list_thesis li:before{
	content: "[1]";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
ol.list_thesis li:nth-child(1):before{content: "[1]";}
ol.list_thesis li:nth-child(2):before{content: "[2]";}
ol.list_thesis li:nth-child(3):before{content: "[3]";}
ol.list_thesis li:nth-child(4):before{content: "[4]";}
ol.list_thesis li:nth-child(5):before{content: "[5]";}
ol.list_thesis li:nth-child(6):before{content: "[6]";}
ol.list_thesis li:nth-child(7):before{content: "[7]";}
ol.list_thesis li:nth-child(8):before{content: "[8]";}
ol.list_thesis li:nth-child(9):before{content: "[9]";}

.wrap_faculty .portrait01{
	margin:0 20px 20px 0;
	width: 98px;
	height: 30px;
}