@charset "UTF-8";


.linkarea{
	display:flex;
	gap:25px;
}
.linkarea .group{
	display:flex;
	flex-direction:column;
	width: 25%;
}
.linkarea .group a{
	position:relative;
	display:flex;
	align-items: center; 
	justify-content: space-between;
	border-bottom:1px solid #0067CD;
	padding:10px 0 10px 10px;
	margin-bottom:15px;
	transition: all .4s ease;
}
.linkarea .group a:after{
	content: url(/assets/images/common/arrow.svg);
	display: inline-block;
	width: 15px;
	height: 15px;
	position:absolute;
	top: 40%;
	right: 20px;
	transform: translateY(-40%);
	-webkit-transform: translateY(-40%);	
	-ms-transform: translateY(-40%);
}
.linkarea .group a:hover{
	color:#0067CD;
	background-color:#F6F5FC;
	transition: all .4s ease;
}


/* タブレット・PC向けの上書き (例: 1089px以上) */
@media (max-width: 1028px) {
	.linkarea{
		flex-flow: row wrap;
	}
	.linkarea .group {
	width: 48%;
	}

}/*@media */

@media (max-width: 640px) {
	.linkarea{
		gap:0;
	}
	.linkarea .group {
        width: 100%;
    }
}/*@media */