@charset "UTF-8";


	
	
/* program
--------------------- */
#program {
	background: #2A2A2A;
}


	
	
/* career
--------------------- */
#career {
	background: #2A2A2A;
}


	
	
/* system
--------------------- */
#system {
	background: #2A2A2A;
}
	#system .list .box {
		width: 48.5%;
		margin-right: 3%;
		margin-top: 3%;
		border: solid 2px #404040;
		padding: 30px;
		border-radius: 10px;
		position: relative;
	}
	#system .list .box:nth-child(2n) {
		margin-right: 0;
	}
	#system .list .box:before {
		content: "";
		width: 30px;
		height: 2px;
		background: #5DAEA9;
		position: absolute;
		top: -2px;
		left: 30px;
	}
@media screen and (max-width: 1024px) {
	#system .list .box {
		padding: 25px;
	}
	#system .list .box:before {
		left: 25px;
	}
		#system .list .box .label {
			width: 85px;
			height: 26px;
			font-size: 1.1rem;
			line-height: 26px;
		}
}
@media screen and (max-width: 768px) {
	#system .list {
		display: block;
	}
		#system .list .box {
			width: 100%;
			padding: 35px 25px 25px 25px;
			margin-top: 30px;
			margin-right: 0;
		}
			#system .list .box .label {
				width: 80px;
				height: 24px;
				font-size: 1.0rem;
				line-height: 24px;
			}
}


	
	
/* message
--------------------- */
#message ul.pickup {
	margin: 30px 0;
}
	#message ul.pickup li {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 23.5%;
		height: 60px;
		padding: 0 10px;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
		border-radius: 5px;
	}
@media screen and (max-width: 1024px) {
	#message ul.pickup {
		margin: 25px 0;
	}
		#message ul.pickup li {
			font-size: 1.6rem;
		}
}
@media screen and (max-width: 768px) {
	#message ul.pickup {
		display: block;
		margin: 25px 0;
	}
		#message ul.pickup li {
			width: 100%;
			height: 50px;
			margin-bottom: 15px;
		}
		#message ul.pickup li:nth-last-child(1) {
			margin-bottom: 0;
		}
}