@charset "utf-8";

.navi-grid {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	/*gap: 30px;*//*縦・横で同じ余白*/
  /*gap: 20px 30px;*//*縦20px、横30pxの指定*/
	width: 100%;
	margin-bottom: 90px;
}
.navi-grid li {
width: 48%;
	margin: 1%;
}
.navi-grid li a {
	display: block;
	padding: 30px 0;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: #00BBBB;
	border-radius: 15px;
	position: relative;
	letter-spacing: 2px;
	line-height: 1.4;
}
.navi-grid li a:hover {
	background: #008e8e;
}
.navi-grid li span {
font-size: 14px;
}
.bi-file-pdf {
	color: red;
	width: 25px;
	height: 100%;
	vertical-align: bottom;
}




@media screen and (max-width: 991px) {
.navi-grid {
	display: block;
}
.navi-grid li {
width: 100%;
	margin: 0 0 15px 0;
}
.navi-grid li a {
	display: block;
	padding: 30px 0;
	font-size: 18px;
}
	.navi-grid li span {
font-size: 12px;
}
}