@charset "utf-8";
/**
 *  HOME
 *  update.26.01.29
**/
@media print, screen and (min-width: 728px) {
	main > .container > .title {
		padding-top:40px;
	}
}
@media print, screen and (min-width: 1025px) {
	main > .container > .title {
		font-size: 10rem;
	}
}
.section-nav .menu {
	position: relative;
	margin:0 auto;
	max-width:360px;
	background-repeat: no-repeat;
	background-size:contain;
}
.section-nav .menu:before {
	content: '';
	display: block;
	padding-top:108.91%;
}
.section-nav .menu-graduate {
	background-image: url(../img/home_menu-graduate.png);
}
.section-nav .menu-career {
	background-image: url(../img/home_menu-career.png);
}
.section-nav .menu-events {
	background-image: url(../img/home_menu-events.png);
}
.section-nav .menu > .title {
	position: absolute;
	width:100%;
	top:2%;
	font-size:3rem;
	font-weight:500;
	line-height: 1;
	letter-spacing: 0.2em;
	text-align: center;
}
.section-nav .menu > .title span {
	display: block;
	margin:10px 0 0;
	font-size:2rem;
	letter-spacing: 0.4em;
	color:#000;
}
.section-nav .menu-graduate > .title {
	color:#4d4397;
}
.section-nav .menu-career > .title {
	color:#00a85f;
}
.section-nav .menu-events > .title {
	color:#e95532;
}
.section-nav .menu-disability > .title {
	color:#e75297;
}
.section-nav .menu > a {
	position: absolute;
	width:51.822%;
	min-width:160px;
	max-width:256px;
	left:0;
	right:0;
	top:46%;
	margin:0 auto;
	padding:11px;
	font-size:2rem;
	font-weight: 500;
	letter-spacing: 0.3em;
	color:#fff;
	text-align: center;
	border-radius: 24px;
	line-height: 1;
	text-decoration: none;
	transition: all 0.3s;
}
.section-nav .menu-graduate > a {
	background-color: #8d80bb;
}
.section-nav .menu-career > a {
	background-color: #3db270;
}
.section-nav .menu-events > a {
	background-color: #ec6d45;
}
.section-nav .menu > a:hover,
.section-nav .menu > a:active {
	filter: brightness(1.2);
}
.section-nav .menu ul {
	display: none;
	position: absolute;
	z-index:999;
	background-color:#fff;
	width:100%;
	min-width:220px;
	max-width:256px;
	left:0;
	right:0;
	top:60%;
	margin:0 auto;
	padding:6% 5%;
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4);
}
.section-nav .menu li {
	position: relative;
	padding:0;
	margin:0;
	background-size: 7px 2px;
	background-repeat: repeat-x;
	background-position: bottom;
}
.section-nav .menu li:first-child:before {
	content: '';
	position: absolute;
	width:100%;
	height:2px;
	top:-2px;
	left:0;
	background-size: 7px 2px;
	background-repeat: repeat-x;
	background-position: bottom;
}
.section-nav .menu-graduate li,
.section-nav .menu-graduate li:first-child:before {
	background-image: linear-gradient(to right, #4d4397, #4d4397 2px, transparent 2px, transparent);
}
.section-nav .menu-career li,
.section-nav .menu-career li:first-child:before {
	background-image: linear-gradient(to right, #00a85f, #00a85f 2px, transparent 2px, transparent);
}
.section-nav .menu li a {
	display:block;
	position:relative;
	padding:10px 0;
	font-size:1.8rem;
	font-weight: 500;
	line-height:1.4;
	text-decoration:none;
	text-align: center;
}
.section-nav .menu li a span {
	display: block;
	font-size:0.75em;
}
.section-nav .menu-graduate li a {
	color:#4d4397;
}
.section-nav .menu-career li a {
	color:#00a85f;
}
.section-nav .menu li a:hover,
.section-nav .menu li a:active {
	font-weight: 700;
}
@media print, screen and (min-width: 728px) {
	.section-nav {
		padding-top:90px !important;
		max-width:880px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
	}
	.section-nav .menu {
		width:50%;
		max-width:400px;
	}
	.section-nav .menu-events {
		margin-top:-60px;
	}
	.section-nav .menu > .title {
		top:2%;
		font-size:3rem;
		letter-spacing: 0.3em;
	}
	.section-nav .menu > .title span {
		font-size:2rem;
	}
	.section-nav .menu > a {
		top:45%;
		font-size:2rem;
	}
	.section-nav .menu ul {
		top:60%;
	}
}
@media print, screen and (min-width: 1025px){
	.section-nav .menu > .title {
		top:1%;
		font-size:4rem;
	}
	.section-nav .menu-events > .title {
		top:5%;
		font-size:3rem;
	}
	.section-nav .menu ul {
		top:56%;
	}
}
.section-nav .menu-disability {
	width:100%;
	max-width:670px;
	background-image: url(../img/home_menu-disability.png);
	background-size:148px;
	background-position: center top;
}
.section-nav .menu-disability:before {
	content: none;
}
.section-nav .menu-disability > .title {
	position: relative !important;
	width:100%;
	top:auto !important;
	padding:10px 0 0;
}
.section-nav .menu-disability > .title span {
	letter-spacing: 0.3em;
}
.section-nav .menu-disability > .text {
	margin:36px 0 0;
	font-size:1.4rem;
	text-align: center;
}
.section-nav .menu-disability > a {
	position: relative;
	display: block;
	background-color: #ea6da4;
	left:auto !important;
	right:auto !important;
	top:auto !important;
	margin:20px auto 0;
	width:52.244%;
}
@media print, screen and (min-width: 728px) {
	.section-nav .menu-disability {
		background-size:148px;
		background-position: left top;
		margin:20px 0 0 30px;
		padding:0 0 0 170px;
	}
	.section-nav .menu-disability > .title {
		padding:10px 0 0;
		font-size:3.6rem;
		letter-spacing: 0.2em;
		text-align: left !important;
	}
	.section-nav .menu-disability > .title span {
		font-size:1.9rem;
	}
	.section-nav .menu-disability > .text {
		margin:20px 0 0;
		font-size:1.2rem;
		text-align: left;
	}
	.section-nav .menu-disability > a {
		margin:14px 0 0;
	}
}
.section-events {
	padding-top:0;
}
.section-events > .title {
	color:#ec6d45;
	font-size:2.4rem;
	letter-spacing: 0.14em;
	text-align: left;
}
.section-events > .block_events {
	margin:10px 0 0;
}
.section-events > .link {
	margin:16px 0 0;
	text-align: right;
}
.section-events > .link a {
	font-size:1.5rem;
	color:#000;
}
.section-events > .link a:hover ,
.section-events > .link a:active {
	color:#264993;
	text-decoration: none;
}
@media print, screen and (min-width: 728px) {
	.section-events {
		margin-top:-40px;
		max-width:780px;
	}
	.section-events > .block_events {
		padding:26px;
		background-color: #fff;
		box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.3);
	}
	.section-events > .link {
		margin:8px 0 0;
	}
}