/* ==========================================================================
= index.html
========================================================================== */

#top .mv-area {
	margin: 0 0 60px;
	background: #e9f8ff;
}

#top .mv-inner {
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#top .news {
	max-width: 1060px;
	margin-right: auto;
	margin-left: auto;
}

#top .area-title.news {
	padding: 0 0 20px;
	margin: 0;
	border-bottom: 1px solid #666;
	color: #000;
	font-size: 1.875em;
}

#top .news-content {
	margin: 0 0 60px;
}

#top .news-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 15px;
	border-bottom: 1px solid #d6d6d6;
}

#top .news-item .release-date {
	display: inline-block;
	width: 90px;
	margin: 0;
	vertical-align: middle;
}

#top .news-item .news-meta {
	min-width: 210px;
	margin-right: 10px;
}

#top .news-item .news-category {
	display: inline-block;
	min-width: 110px;
	padding: 8px 5px;
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .812em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#top .news-item .news-category.graduate {
	background: #019fe8;
}

#top .news-item .news-category.career {
	background: #3f5df4;
}

#top .news-item .news-category.disabilities {
	background: #35b996;
}

#top .news-item .news-text {
	margin: 0;
	color: #000;
}

#top .news-item .news-text a {
	color: #000;
}

#top .employ-category .employ-list {
	padding: 0 0 40px;
}

#top .employ-category .employ-item {
	position: relative;
	margin: 0 0 30px;
}

#top .employ-category .employ-item.graduate {
	background: #019fe8;
}

#top .employ-category .employ-item.graduate .inner {
	padding: 99px 0;
}

#top .employ-category .employ-item.graduate .btn-inner:hover {
	color: #019fe8;
	background: url(../img/dtl-btn-arr-graduate.png) no-repeat 95% center #fff;
}

#top .employ-category .employ-item.career {
	background: url(../img/cat-career.jpg) no-repeat left top #3f5df4;
	background-size: 60% auto;
}

#top .employ-category .employ-item.career .inner {
	padding: 99px 0;
}

#top .employ-category .employ-item.career .btn-inner:hover {
	color: #3f5df4;
	background: url(../img/dtl-btn-arr-career.png) no-repeat 95% center #fff;
}

#top .employ-category .employ-item.disabilities {
	background: url(../img/cat-disabilities.jpg) no-repeat right center #35b996;
	background-size: 60% auto;
}

#top .employ-category .employ-item.disabilities .inner {
	padding: 78px 0;
}

#top .employ-category .employ-item.disabilities .btn-inner:hover {
	color: #35b996;
	background: url(../img/dtl-btn-arr-disab.png) no-repeat 95% center #fff;
}

#top .employ-category .employ-item.group {
	background: #54bbd5;
}

#top .employ-category .employ-item.group .inner {
	padding: 78px 0;
}

#top .employ-category .employ-item.group .btn-inner:hover {
	color: #54bbd5;
	background: url(../img/dtl-btn-arr-group.png) no-repeat 95% center #fff;
}

#top .employ-category .employ-item .inner {
	position: relative;
	max-width: 820px;
	margin-right: auto;
	margin-left: auto;
}

#top .employ-category .employ-item .inner.cont-right {
	text-align: right;
}

#top .employ-category .employ-item .cat-image {
	position: absolute;
}

#top .employ-category .employ-item .cat-image.graduate {
	right: -70px;
	bottom: 0;
}

#top .employ-category .employ-item .cat-image.group {
	top: 35px;
	left: 0;
}

#top .employ-category .dtl-btn {
	display: inline-block;
	width: 310px;
	margin: 0;
}

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

#top .news {
	max-width: 95%;
	padding: 0 2%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#top .area-title.news {
	padding: 0 0 3%;
	font-size: 1.375em;
}

#top .news-item .news-meta {
	margin-right: 0;
	margin-bottom: 3%;
}

#top .news-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

#top .employ-category .employ-list {
	padding: 0 0 40px;
}

#top .employ-category .employ-item.graduate .inner {
	padding: 0;
}

#top .employ-category .employ-item.graduate .cat-title {
	width: 67%;
}

#top .employ-category .employ-item.career {
	background: #3f5df4;
}

#top .employ-category .employ-item.career .inner {
	padding: 0;
}

#top .employ-category .employ-item.career .cat-title {
	width: 70%;
}

#top .employ-category .employ-item.career .cat-title img {
	width: 100%;
}

#top .employ-category .employ-item.disabilities {
	background: #35b996;
}

#top .employ-category .employ-item.disabilities .inner {
	padding: 0;
}

#top .employ-category .employ-item.disabilities .cat-title {
	width: 90%;
}

#top .employ-category .employ-item.disabilities .cat-title img {
	width: 100%;
}

#top .employ-category .employ-item.group {
	background: #54bbd5;
}

#top .employ-category .employ-item.group .inner {
	padding: 0;
}

#top .employ-category .employ-item.group .cat-title {
	width: 90%;
}

#top .employ-category .employ-item.group .cat-title img {
	width: 100%;
}

#top .employ-category .employ-item .inner.cont-right {
	text-align: left;
}

#top .employ-category .employ-item .item-main {
	padding: 8%;
}

#top .employ-category .employ-item .cat-title {
	margin: 0 0 10%;
}

#top .employ-category .employ-item .cat-image {
	position: static;
}

#top .employ-category .employ-item .cat-image img {
	width: 100%;
}

#top .employ-category .dtl-btn {
	width: 100%;
}

}