@charset "utf-8";

.expertise_list{
	padding:0;
	margin-bottom:40px;
}
.expertise_item{
	list-style:none;
	margin-bottom:15px;
}
.expertise_link{
	display:block;
	position:relative;
	height:100%;
	padding:25px 20px 65px;
	background:no-repeat center bottom/100%;
	border-radius:8px;
	box-shadow:0px 3px 20px rgba(0,0,0,0.05);
	color:#333 !important;
	text-decoration:none !important;
	transition:box-shadow 0.3s, transform 0.3s;
}
.expertise_link:hover{
	box-shadow:0px 8px 30px rgba(0,0,0,0.15);
	transform:translateY(-5px);
}
.expertise_link::before, .expertise_link::after{
	content:'';
	position:absolute;
	right:10px;
	bottom:10px;
	width:40px;
	height:40px;
	background:no-repeat center;
	border-radius:50%;
	transition:opacity 0.3s;
}
.expertise_link::before{
	background-color:#fff;
	background-image:url(/sangaku/img/common/arrow_r_green.svg);
}
.expertise_link:hover::before{opacity:0;}
.expertise_link::after{
	background-color:#0B8083;
	background-image:url(/sangaku/img/common/arrow_r_white.svg);
	opacity:0;
}
.expertise_link:hover::after{opacity:1;}
.expertise_title{
	margin-bottom:15px;
	font-size:2rem;
	font-weight:bold;
	letter-spacing:0.6px;
	line-height:3rem;
}
.expertise_name, .expertise_info{
	font-size:1.4rem;
	letter-spacing:0.84px;
	line-height:2rem;
}
.expertise_name{margin-bottom:20px;}
.expertise_info{
	position:relative;
	padding-left:12px;
	margin:0;
	font-weight:500;
}
.expertise_info::before{
	content:'';
	position:absolute;
	top:7px;
	left:0;
	width:6px;
	height:6px;
	border-radius:50%;
}
.open .expertise_link{
	background-color:#FCF7F3;
	background-image:url(/sangaku/img/common/bg_expertise_c1_1.png);
}
.open .expertise_info::before{background:#FF6F00;}
.university .expertise_link{
	background-color:#F4FAF0;
	background-image:url(/sangaku/img/common/bg_expertise_c1_2.png);
}
.university .expertise_info::before{background:#009A00;}
.corporate .expertise_link{
	background-color:#F3F7FB;
	background-image:url(/sangaku/img/common/bg_expertise_c1_3.png);
}
.corporate .expertise_info::before{background:#07f;}


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

.expertise_list{
	grid-template-columns:1fr 1fr;
	gap:25px 20px;
	margin-bottom:30px;
}
.expertise_title{
	font-size:1.8rem;
	letter-spacing:0.54px;
	line-height:2.8rem;
}

}


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

.expertise_list{
	gap:20px 15px;
	margin-bottom:25px;
}
.expertise_link{padding-top:20px;}
.expertise_link::before, .expertise_link::after{
	right:20px;
	bottom:15px;
}
.expertise_title{
	margin-bottom:10px;
	font-size:1.7rem;
	letter-spacing:0.51px;
	line-height:2.6rem;
}


@media screen and (min-width:550px){

.expertise_link{background-size:150%;}

}

}


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

.open .expertise_link{background-image:url(/sangaku/img/common/bg_expertise_1.png);}
.university .expertise_link{background-image:url(/sangaku/img/common/bg_expertise_2.png);}
.corporate .expertise_link{background-image:url(/sangaku/img/common/bg_expertise_3.png);}

}