@charset "utf-8";



#link { margin-bottom: 100px;}
#link ul { position: relative; list-style: none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#link ul::after { content: ''; }
#link ul li { width: 235px; margin-bottom: 20px;}
#link ul li:nth-child(4n+4) { margin-right: 0;}
#link ul li a { position: relative; display: block; height: 100%;}
#link ul li a img { height: auto; }
#link ul li a span { position: absolute; width: 100%; left: 0; bottom: 4px; text-align: center; font-size: 1.4rem; color: #000; font-weight: bold; }


@media (min-width: 769px) {
	#link { padding-top: 30px; }
	#link ul::after { width: 235px; }
}

@media (max-width: 768px) {
	#link ul li { width: 33%; margin-right: 0px; }
    #link ul li a span { font-size: 2vw;}
	#link ul::after { width: 33%; }
}

@media (max-width: 480px) {
	#link ul li { width: 48%; }
    #link ul li a span { font-size: 3vw;}
}