@charset "utf-8";
/**
 *  リンク
 *  update.25.2.12
**/
.section-link .box {
	display: flex;
	flex-wrap: wrap;
	margin:-20px -1% 0 !important;
}
.section-link .box > a {
	margin:20px 1% 0;
	width:98%;
	background-color: #dbdcdc;
	border-bottom:12px solid #717171;
}
.section-link .box > a:hover ,
.section-link .box > a:active {
	text-decoration: none !important;
}
.section-link .box > a > * {
	display: block;
}
.section-link .box > a > .name {
	padding:0.65em 0.25em;
	font-size:1.8rem;
	font-weight: 600;
	line-height: 1.3;
	color:#fff;
	background-color: #717171;
	text-align: center;
}
.section-link .box > a > .image {
	position: relative;
	margin:12px;
}
.section-link .box > a > .image:before {
	content: '';
	display: block;
	padding-top:75%;
}
.section-link .box > a > .image > img {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:100%;
	height:100%;
}
.section-link .text {
	margin:26px 0 0;
	font-size:1.6rem;
	color:#575757;
	line-height:1.4;
}
.section-link .text span {
	position: relative;
	display: inline-block;
	padding-left:1em;
}
.section-link .text span:before {
	content:'※';
	position: absolute;
	left:0;
	top:0;
	width:1em;
	height:1em;
}
.section-link .text a {
	color:inherit;
}
@media print, screen and (min-width: 728px) {
	.section-link .box {
		margin:-30px -1% 0 !important;
		display: flex;
		flex-wrap: wrap;
	}
	.section-link .box > a {
		margin:30px 1% 0;
		width:31.333%;
	}
	.section-link .box > a > .name {
		font-size:1.8vw;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 3.5em;
		padding:0.25em;
	}
	.section-link .text {
		font-size:1.6rem;
	}
}
@media print, screen and (min-width: 1025px) {
	.section-link .box > a {
		width:23%;
	}
	.section-link .box > a > .name {
		font-size:1.45vw;
	}
}
@media print, screen and (min-width: 1240px) {
	.section-link .box > a > .name {
		font-size:1.8rem;
	}
}