/* News */

#news_heading_meta {
	margin-bottom: 2.5em;
}
#news_heading_target {
	float: left;
}
#news_heading_target li {
	float: left;
}
#news_heading_target li:not(:last-of-type) {
	margin-right: 1.2em;
}
#news_heading_target li a {
	position: relative;
	padding-left: 30px;
	font-size: 0.9em;
	font-weight: 500;
	text-decoration: none;
	word-break: keep-all;
}
#news_heading_target li a::before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	content: '';
	width: 24px;
	height: 24px;
	background: #fff;
	border-radius: 50%;
}
#news_heading_target li a::after {
	position: absolute;
	top: 50%;
	left: 6px;
	transform: translateY(-50%);
	content: '';
	width: 12px;
	height: 12px;
	background: #dedede;
	border-radius: 50%;
}
#news_heading_target li.active a {
	color: var(--students) !important;
}
#news_heading_target li.active a::after {
	background: var(--students);
}
.news_list li {
	padding-top: 2em;
}
.news_list li:not(:last-of-type) {
	padding-bottom: 2.3em;
	border-bottom: 1px solid #e7e2cd;
}
.news_list .news_list_data {
	float: left;
	margin-right: 3rem;
}
.news_list h5 {
	float: left;
	position: relative;
	padding: 0.8em 1em 0.83em 1em;
	margin-right: 2rem;
	min-width: 110px;
	font-size: 0.73em;
	letter-spacing: 0.03em;
	color: #fff;
	color: #aaa;
	background: #ccc;
	background: #fff;
	border-radius: 200px;
	text-align: center;
}
.news_list .news_students h5 {
	color: #fff;
	background: var(--students);
}
.news_list .news_graduates h5 {
	color: #fff;
	background: var(--graduates);
}
.news_list .news_exam h5 {
	color: #fff;
	background: var(--exam);
}
.news_list .news_general h5 {
	color: #fff;
	background: var(--sub);
}
.news_list .news_list_date {
	float: left;
	width: 85px;
	margin-top: 11px;
	margin-top: 17px;
}
.news_list h4.news_list_title {
	float: left;
	margin-top: 11px;
	width: calc(100% - 284px);
	width: calc(100% - 300px);
}
.news_list h4.news_list_title a {
	display: block;
	text-decoration: none;
}
.news_list li {
	position: relative;
	padding-right: 50px;
}
.news_list li.news_emergency::before {
	position: absolute;
	top: 40px;
	right: 10px;
	content: '';
	width: 23px;
	height: 23px;
	background: url(../images/common/icon_emergency.png) no-repeat center / 100%;
}
.news_list li.news_important::before {
	position: absolute;
	top: 40px;
	right: 10px;
	content: '';
	width: 23px;
	height: 23px;
	background: url(../images/common/icon_important.png) no-repeat center / 100%;
}

/* Single */

.page_single #page_heading {
	margin-bottom: 2.46em;
}
#news_single {
	margin-bottom: 2.76em;
}
#news_single_wrapper {
	position: relative;
	padding: 178px 186px 520px 187px;
	padding: 6em 6.2em 260px 6.2em;
	padding: 6em 6.2em 200px 6.2em;
	background: rgba(255,255,255,0.5);
	border-radius: 15px;
}
#news_single_wrapper::before {
	position: absolute;
	left: 50%;
	bottom: 90px;
	transform: translateX(-50%);
	content: '';
	width: 56px;
	height: 65px;
	background: url(../images/common/kogei_logo_gray.png) no-repeat center / 100%;
}
#news_single_badges {
	position: absolute;
	top: 30px;
	right: 35px;
}
#news_single_badges li {
	float: left;
	opacity: 0.7;
}
#news_single_badges li span {
	/* display: inline-block;
	vertical-align: middle; */
	display: block;
	text-align: center;
}
.news_single_badge_icon {
	margin-bottom: 8px;
	width: 35px;
}
.news_single_badge_text {
	font-size: 0.95em;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1em;
}
#news_emergency_badge {
	color: #eb6061;
}
#news_important_badge {
	color: #f2bf48;
}
#news_single_badges li:not(:last-of-type) {
	margin-right: 15px;
}
#news_single .heading {
	margin-bottom: 2em;
	padding-bottom: 1.8em;
	border-bottom: 1px solid #e3e3e3;
}
#news_single .heading h2 {
	margin-bottom: 0.5em;
	margin-bottom: 0.8em;
	margin-bottom: 0;
	padding-left: 170px;
	padding-left: 0;
	font-size: 1.35em;
	font-size: 1.4em;
	font-weight: 500;
	line-height: 1.4em;
}
#news_single_date {
	margin-bottom: 1em;
	font-weight: 500;
	line-height: 1.2em;
}
#news_single_targets {
	margin-top: 0.8em;
}
#news_single_targets li {
	float: left;
	padding: 0.3em 0.6em 0.35em 0.6em;
	font-size: 0.9em;
	line-height: 1.2em;
	color: var(--main) !important;
	border: 1px solid var(--main);
	border-radius: 5px;
	text-decoration: none;
}
#news_single_targets li:not(:last-of-type) {
	margin-right: 0.5em;
}
#news_single_targets li.news_single_target_v {
	color: var(--v) !important;
	border: 1px solid var(--v);
}
#news_single_targets li.news_single_target_p {
	color: var(--p) !important;
	border: 1px solid var(--p);
}
#news_single_targets li.news_single_target_pd {
	color: var(--pd) !important;
	border: 1px solid var(--pd);
}
#news_single_targets li.news_single_target_i {
	color: var(--i) !important;
	border: 1px solid var(--i);
}
#news_single_targets li.news_single_target_ad {
	color: var(--ad) !important;
	border: 1px solid var(--ad);
}
#news_single_targets li.news_single_target_f {
	color: var(--f) !important;
	border: 1px solid var(--f);
}
#news_single_targets li.news_single_target_emergency {
	color: var(--emergency) !important;
	border: 1px solid var(--emergency);
}
#news_single_targets li.news_single_target_important {
	color: var(--important) !important;
	border: 1px solid var(--important);
}

#news_image_main {
	margin-bottom: 3.5em;
	aspect-ratio: 3 / 2;
}

#news_section {
	margin-top: 3rem;
	margin-bottom: 0;
	font-size: 0.9em;
	font-weight: 500;
	text-align: right;
}

/*
.page_single #page_heading h2.title span {
	margin-left: 1.5em;
	padding: 0.8em 1.5em;
	font-size: 0.8rem;
	letter-spacing: 0.03em;
	color: #aaa;
	font-weight: 400;
	background: #fff;
	border-radius: 200px;
	text-align: center;
}
.page_single #page_heading h2.title span::before {
	display: none;
}
.page_single #page_heading.news_students h2.title span {
	color: #fff;
	background: var(--students);
}
.page_single #page_heading.news_graduates h2.title span {
	color: #fff;
	background: var(--graduates);
}
.page_single #page_heading.news_exam h2.title span {
	color: #fff;
	background: var(--exam);
}
*/