@charset "utf-8";
/* ******************************************************************
 *	File name		: page.css
 *	Summary			: css style
 * ******************************************************************
 */

/*

青　#ADD8E6　rgba(173,216,230,1.0)
青（濃）　#74B7CE　rgba(116,183,206,1)
紺　#313140　rgba(49,49,64,1)
オレンジ　#E7782E　rgba(231,120,46,1)

*/

/* ----------------------------------------------------------------------
   research
---------------------------------------------------------------------- */

#bdid_research{}

/* ----------------------------------------------------------------------
   members
---------------------------------------------------------------------- */

#bdid_members{
}

#bdid_members #nomura_prof{
	display:flex;
	display:-webkit-flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

#bdid_members #nomura_prof #photo{
	position:relative;
	width:300px;
	margin-right:20px;
	text-align:center;
	}
	#bdid_members #nomura_prof #photo img{
		margin:0 auto 10px;
	}
	#bdid_members #nomura_prof #photo p{
		text-align:center;
		line-height:1.3;
		font-size:1rem;
	}
	#bdid_members #nomura_prof #photo p strong{
		display:inline-block;
		margin-bottom:7px;
		font-weight:bold;
		font-size:1.1rem;
}
#bdid_members #nomura_prof #career{
	position:relative;
	flex:1;
	}
	#bdid_members #nomura_prof #career p{
		margin-bottom:12px;
		font-size:0.85rem;
}

/* member_prof */
#bdid_members .member_prof{
	display:flex;
	display:-webkit-flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	}
	#bdid_members .member_prof .member_photo{
		position:relative;
		width:200px;
		text-align:center;
		margin-right:20px;
		}
		#bdid_members .member_prof .member_photo img{
			margin:0 auto 10px;
		}
		#bdid_members .member_prof .member_photo p{
			text-align:center;
			line-height:1.3;
			font-size:0.85rem;
		}
		#bdid_members .member_prof .member_photo p strong{
			display:inline-block;
			margin-bottom:5px;
			font-weight:bold;
			font-size:1.0rem;
	}
	#bdid_members .member_prof .member_career{
		position:relative;
		flex:1;
		}
		#bdid_members .member_prof .member_career p{
			margin-bottom:12px;
			font-size:0.85rem;
}
/* --- responsive --- */
@media(max-width:960px){
	#bdid_members #nomura_prof,
	#bdid_members .member_prof{
		display:block;
	}
	#bdid_members #nomura_prof #photo,
	#bdid_members .member_prof .member_photo{
		position:relative;
		width:100%;
		margin-right:0px;
	}
}

/* ----------------------------------------------------------------------
  achievements
---------------------------------------------------------------------- */

#bdid_achievements #main_contents ul.num li{
	margin-bottom:10px;
}

/* ----------------------------------------------------------------------
  activities
---------------------------------------------------------------------- */

#bdid_activities #main_contents h4{
	margin-bottom:10px;
}
#bdid_activities #main_contents ol.num li{
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom:1px dotted rgba(0,0,0,0.2);
}
#bdid_activities #main_contents .date{
	display:inline-block;
	padding:2px 10px 1px;
	font-size:0.85rem;
	background:#E7782E;
	color:#FFF;
}

/* ----------------------------------------------------------------------
   contact
---------------------------------------------------------------------- */

#bdid_contact #map{
	width:100%;
	height:450px;
	border:2px solid #313140;
}
#bdid_contact #map iframe{
	width:100%;
	height:100%;
}

/* ----------------------------------------------------------------------
   link
---------------------------------------------------------------------- */

#bdid_links #main_contents section ul{
	list-style:none !important;
}
#bdid_links #main_contents section ul li{
	border-bottom:1px solid rgba(47,43,92,0.5);
}
#bdid_links #main_contents section ul li a{
	display:block;
	position:relative;
	padding:10px 10px 10px 32px;
	text-decoration:none;
	color:#000;
}
#bdid_links #main_contents section ul li a:after{
		content:" ";
		position:absolute;
		top:14px;
		left:15px;
		border:7px solid transparent;
		border-left:7px solid rgba(47,43,92,1);
}
#bdid_links #main_contents section ul li a:hover{
	background:rgba(47,43,92,0.1);
}


/* ----------------------------------------------------------------------
   for_students
---------------------------------------------------------------------- */

#for_students_message{
	display:flex;
	display:-webkit-flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
#for_students_message:after{
    content:" ";
    display:block;
    clear:both;
}
#for_students_message #message{
	position:relative;
	width:60%;
	padding-right:25px;
	font-size:0.9rem;
}
#for_students_message #photo{
	position:relative;
	width:40%;
}
#for_students_message #photo img{
	width:100%;
	height:auto;
}