@charset "utf-8";
/* CSS Document */

.hd02{
	margin-bottom: 30px;
}

.link_list{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 27px;
}
.link_list li{
	width: calc((100% - (27px * 3)) / 4);
	box-shadow: 0 0 6px rgba(0, 0, 0, .38);
	border-radius: 10px;
	transition: all .3s;
}
.link_list li a{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 72px;
	padding: 4px;
	line-height: 1.4;
}

.link_list li:hover {
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
}
.link_list li a:hover {
	text-decoration: none;
}

.banner_list{
	display: flex;
	flex-wrap: wrap;
}
.link_list + .banner_list{
	margin-top: 50px;
}
.banner_list li{
	margin-right: 2%;
	margin-bottom: 2%;
	width: 23.5%;
}
.banner_list li:nth-child(4n){
	margin-right: 0;
}
.banner_list li a{
	transition: all .3s;
}
.banner_list li a:hover{
	opacity: 0.8;
}

@media screen and (max-width: 990px){
	.link_list{
		gap: 20px;
	}
	.link_list li{
		width: calc((100% - (20px * 2)) / 3);
	}
}
@media screen and (max-width: 768px){
	.link_list li{
		width: calc((100% - (20px * 1)) / 2);
	}
	.link_list li a{
		font-size: 14px;
	}
}

@media screen and (max-width: 768px){
	.banner_list{
		justify-content: space-between;
	}
	
	.banner_list li{
		margin-right: 0;
		width: 47.5%;
	}
}