#link .wrap{
	margin-bottom: 80px;
}
#link .wrap:last-child{
	margin-bottom: 0;
}

#link ul{
	display: flex;
	flex-wrap: wrap;
}
	#link ul li{
		width: 31%;
		margin: 1%;
	}
		#link ul li a{
			display: block;
			position: relative;
			border: solid 1px #736357;
			border-radius: 6px;
			text-align: center;
			padding: 10px;
			transition: all 0.4s;
		}
		#link ul li a:hover{
			background: #f2f2f2;
		}
		#link ul li a::after{
			content: "";
			position: absolute;
			background: url(../images/hdft/icon_link_arw.png) no-repeat;
			right: 10px;
			top: 0;
			bottom: 0;
			margin: auto;
			width: 5px;
			height: 8px;
		}

#link h2{
	text-align: center;
	margin-bottom: 40px;
	font-size: 150%;
	font-weight: 700;
	letter-spacing: 2px;
}
	#link h2 span{
		display: inline-block;
	}
	#link h2 span::before,
	#link h2 span::after{
		content:"";
		display: inline-block;
		width: 7px;
		height: 7px;
		border-radius: 10px;
		background: #736357;
		vertical-align: middle;
		margin: -5px 15px 0;
	}



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

#link .wrap{
	margin-bottom: 50px;
}
	#link h2 {
    margin: 20px 0;
	}
#link ul li{
	width: 100%;
	margin: 0 0 10px;;
}
}