/* for_graduates */

/* KV */
#for_public .kv {
	/* background: url(../images/for_graduates/kv-l.png) no-repeat left bottom / auto 95%, url(../images/for_graduates/kv-r.png) no-repeat right center / auto 90%; */
	color: #4c4c4c;
}

/* common */
#for_public h3 {
	font: normal 50px/1 'robotoslab-r',sans-serif;
	text-align: center;
	letter-spacing: .08em;
	margin: 120px 0 90px;
}
#for_public h3::first-letter {
	color: #fdd404;
	font-size: 60px;
}
#for_public h3 small {
	font: normal 16px/1 'nscjk',sans-serif;
	display: block;
	margin: 10px 0 0;
	letter-spacing: normal;
}

/* graduates01 */
#graduates01 .container {
	padding: 0 8.3vw;
}
#graduates01 h3 span {
	color: #fdd404;
	font-size: 60px;
}
.news.row {
	margin: 0 -10px;
}
.news.row .column-4 {
	padding: 0 10px;
	margin: 30px 0 0;
}
.news.row .column-4 a {
	display: block;
}
.news.row .column-4 a:hover,
.news.row .column-4 a:focus {
	opacity: .8;
}
.news.row .column-4 .n-img {
	padding-bottom: 72%;
	display: block;
	position: relative;
}
.news.row .column-4:nth-child(3n+1) {
	clear: both;
}
.news.row .column-4 .n-ctg,
.news.row .column-4 .n-date {
	position: absolute;
	width: 130px;
	text-align: center;
	padding: 10px 0;
}
.news.row .column-4 .n-ctg {
	top: 0;
	right: 0;
	font: normal 12px/1 'nscjk',sans-serif;
	color: #000444;
	background: #ffdc00;
}
.news.row .column-4 .n-date {
	bottom: 0;
	left: 0;
	font: normal 18px/1 'robotoslab-r',sans-serif;
	color: #296257;
	padding: 10px 20px;
	background: #fff;
	letter-spacing: .1em;
}
.news.row .column-4 .n-txt {
	font: normal 16px/1.3 'nscjk',sans-serif;
	padding: 15px 0 0;
	color: #444;
}

/* graduates02 */
#graduates02 .container {
	padding: 0;
}
.links a {
	display: block;
	position: relative;
}
.links a:hover,
.links a:focus {
	opacity: .8;
}
.links a {
	padding-bottom: 25vw;
}
.links .inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.links h4 {
	font: normal 35px/1 'nscjk',sans-serif;
	text-align: center;
}
.links h4 small {
	font-size: 20px;
	display: block;
	padding-bottom: 12vw;
}
.links h4 .en {
	font: normal 40px/1 'robotoslab-r',sans-serif;
	margin-right: 15px;
}
.links h4 .en,
.links h4 .jp {
	display: inline-block;
	vertical-align: middle;
}
.links .link01 a {
	background: #2b6154;
	color: #fff;
}
.links .link01 h4 {
	background: url(../images/for_graduates/link01.svg) no-repeat center 44.5% / auto 8vw;
}
.links .link02 a {
	background: #2b6154;
	color: #fff;
}
.links .link02 h4 {
	background: url(../images/for_graduates/link02.svg) no-repeat center 44.5% / auto 8vw;
}
.links .link02 a {
	background: rgba(43,97,84,.1);
	color: #296257;
}

@media screen and (max-width:799px) {

	/* KV
	#for_public .kv {
		background: url(../images/for_graduates/kv-l.png) no-repeat left center / auto 65%, url(../images/for_graduates/kv-r.png) no-repeat right center / auto 75%;
	} */

	/* common */
	#for_public h3 {
		font-size: 30px;
		margin: 30px 0 25px;
		letter-spacing: .05em;
	}
	#for_public h3:first-letter,
	#for_public h3 span {
		font-size: 40px;
	}
	#for_public h3 small {
		font-size: 12px;
		margin: 10px 0 0;
	}

	/* graduates01 */
	#graduates01 .container {
		padding: 0 20px;
	}
	.news.row {
		margin: 0;
	}
	.news.row .column-4 {
		padding: 0 0 15px;
		margin: 0;
		width: 100%;
		float: none;
	}
	.news.row .column-4 .n-img {
		padding-bottom: 34.7vw;
	}
	.news.row .column-4 .n-ctg {
		font-size: 11px;
		width: 120px;
	}
	.news.row .column-4 .n-date {
		font-size: 14px;
		width: 100px;
		padding: 5px 0;
	}
	.news.row .column-4 .n-txt {
		padding: 8px 0 0;
		font-size: 14px;
	}
	.news.row .column-4 a.more {
		display: block;
		font: bold 15px/60px 'lato',sans-serif;
		text-align: center;
		color: #fff;
		letter-spacing: .1em;
		margin: 20px 0;
		background: #ffdc00;
	}

	/* graduates02 */
	.links .column-6 {
		width: 100%;
	}
	.links .column-3 {
		width: 50%;
	}
	.links a {
		padding-bottom: 53.35vw;
	}
	.links h4 {
		font-size: 22px;
		letter-spacing: .1em;
	}
	.links h4 .en {
		font-size: 25px;
	}
	.links h4 small {
		font-size: 12px;
		padding-bottom: 85px;
	}
	.links .link01 h4,
	.links .link02 h4 {
		background-size: auto 62px;
	}

}