@charset "utf-8";

#sec_industry .list-industry{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 40px -20px 0;
}
#sec_industry .list-industry li{
	text-align: left;
	width: calc(100% / 3 - 40px);
	margin: 0 20px 40px;
}
#sec_industry .list-industry li a{
	text-decoration: none;
	color: #131313;
	width: 100%;
}
#sec_industry .list-industry li a:hover .slideArrow .material-symbols-outlined{
	-webkit-animation: slideArrow .8s cubic-bezier(.5, .25, 0, 1) 0s 1 normal forwards;
	animation: slideArrow .8s cubic-bezier(.5, .25, 0, 1) 0s 1 normal forwards
}
#sec_industry .list-industry li figure{
    overflow: hidden;
    aspect-ratio: 5 / 3;
}
#sec_industry .list-industry li figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#sec_industry .list-industry li h4,
#sec_industry .list-industry li p{
	margin-top: 8px;
}

#sec_industry .list-industry li h4{
	color: #A2000D;
	font-size: 1.8rem;
	padding-right: 2em;
}
#sec_industry .list-industry li h4 .genericTerm{
	font-size: 1.2rem;
}
#sec_industry .list-industry li h4 .productName{
	font-size: 1.8rem;
	display: inline;
	position: relative;
	background: linear-gradient(#2D2D2D, #2D2D2D) 0 100% / 0 1px no-repeat;
	transition: background .4s;
}
#sec_industry .list-industry li a:hover .productName{
	background-size: 100% 1px;
}

#sec_industry .list-industry li p{
	font-weight: 400;
}

@media screen and (max-width: 767px){
	#sec_industry .list-industry{
		display: block;
		margin: 40px auto 0;
	}
	#sec_industry .list-industry li{
		width: 100%;
		margin: 64px auto 0;
	}
	#sec_industry .list-industry li:first-child{
		margin-top: 0;
	}
}