@charset "UTF-8";
/*==============================================
graduates
==============================================*/
#graduates h2 {
	text-align: center;
	margin-bottom: 20px;
}

#graduates h2 img {
	width:30%;
	height: auto;
	}

#graduatesIdxInner {
	background: #002f34;
	color:#fff;
}

.graduatesIdxWrapBox h3 a {
	font-size: 16px;
	color:#fff;
	padding: 3px 0;
	display: block;
	text-align: center;
	background: #ff64a7;
}

.graduatesIdxWrapBox h3 a i {
	font-size: 20px!important;
}

.graduatesIdxWrapBox h3 a:hover {
	opacity: 0.7;
}
#graduatesIdxBox2020 h3 a,
#graduatesIdxBox2018 h3 a,
#graduatesIdxBox2016 h3 a,
#graduatesIdxBox2014 h3 a,
#graduatesIdxBox2012 h3 a,
#graduatesIdxBox2010 h3 a
 {
	background: #bd3f75!important;
}

.graduatesIdxBoxContents {
	padding: 15px;
}

.graduatesIdxBox {
	width:231px;
	float: left;
	box-sizing: border-box;
	margin-right: 15px;
	margin-bottom: 30px;
}

.graduatesIdxBox:nth-child(4n) {
	margin-right: 0;
}

.graduatesIdxBox{
	color: #fff;
	display: block;
}

.graduatesIdxBoxPhoto {
	margin-bottom: 10px;
}

.graduatesIdxBoxPhoto img {
	width:100%;
	height: auto;
}

.graduatesIdxBox h3 {
	font-size: 18px;
	line-height: 1.5;
}

.graduatesIdxBox h3 span {
	display: block;
}

.graduatesIdxBoxJob {
	margin-bottom: 5px;
}

.graduatesIdxBoxJob img {
	width: 95%;
	height: auto;
}

.graduatesIdxBoxBirth {
	font-size: 12px;
	color:#c6e2e6;
}