@charset "utf-8";

.equipment_grid {
	display: grid;
	gap: var(--margin);
	margin-bottom: var(--margin);
	grid-template-columns: repeat(auto-fill,minmax(16rem,1fr));
}
.equipment_grid .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 0;
	padding: 0;
}
.equipment_grid .item img {
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
	padding: 0;
	border-radius: var(--radius) var(--radius) 0 0;
}
.equipment_grid .item .info {
	padding: var(--margin);
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
}
.equipment_grid .item .info .name {
	font-size: 1.2rem;
	cursor:pointer;
	font-weight: bold;
}
.equipment_grid .item .info .desc {
	color: var(--B);
	font-size: 0.9rem;
	line-height: 1.25rem;
}
.equipment_title {
	font-size: 1.5rem;
	padding: 1rem 0 1rem 1.5rem;
	color: var(--main);
	position: relative;
	font-weight: bold;
}
.equipment_title:before {
	content: '';
	position: absolute;
	top: 1.4rem;
	bottom: 1.4rem;
	left: 0.3rem;
	width: 5px;
	border-radius: 2px;
	background: linear-gradient(to bottom, #75ccff, #b969ff);
}