@charset "UTF-8";

.cpncmn {
	padding: 0 15px;
}

.cpncmn.-col1 {
	max-width: 400px;
	margin: 30px auto 0;
}

.cpncmn.-col2 {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.cpncmn > a {
	font-size: 17px;
	font-weight: 500;
	color: #FFF;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	padding: 10px 0;
	border-radius: 50px;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

.cpncmn.-col1 > a {
}

.cpncmn.-col2 > a {
	max-width: 400px;
}

.cpncmn > a:before {
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 45px;
	height: 45px;
	margin-right: 12px;
}

.cpncmn > a:hover {
	opacity: 0.8;
}

.cpncmn.-col2 > a:last-child {
	margin-right: 0;
}

.cpncmn > a.-hakken {
	background-color: #324fc9;
}

.cpncmn > a.-hakken:before {
	background-image: url(/campaign/img/cmn/icon-links01@2x.png);
}

.cpncmn > a.-student {
	background-color: #3DAEC9;
}

.cpncmn > a.-student:before {
	background-image: url(/campaign/img/cmn/icon-links02@2x.png);
}

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

@media screen and (max-width:640px) {
	.cpncmn {
	}

	.cpncmn.-col1 {
		margin-top: 20px;
	}

	.cpncmn.-col2 {
		display: block;
		margin-top: 30px;
	}

	.cpncmn > a {
		margin: 20px auto 0;
	}

	.cpncmn > a:before {
	}

	.cpncmn.-col2 > a:first-child {
		margin-top: 0;
	}

	.cpncmn.-col2 > a:last-child {
		margin: 20px auto 0;
	}

	.cpncmn > a.-hakken {
	}

	.cpncmn > a.-hakken:before {
	}

	.links > a.-student {
	}

	.links > a.-student:before {
	}

}

@media print {
}