@charset "UTF-8";
/*=============================================================

	Date: 2025-03-06
	CSS Document ： flufeel 共通回遊バナー
 
=============================================================*/
.feature-list-fl {
		display: flex;
		max-width: 900px;
		margin: 2rem auto 2rem;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
}
.feature-list-fl a {
		position: relative;
		width: 45%;
		margin: 0 .96rem 1.765rem;
		padding: .375rem 1em;
		transition: all .3s;
		text-align: center;
		border: 1px solid #000;
		border-radius: 5rem;
		box-shadow: 4px 4px 0 #000;
}
.feature-list-fl a::after {
		position: absolute;
		top: 0;
		right: 1rem;
		display: block;
		width: 1.45rem;
		height: 100%;
		content: '';
		transition: all .3s;
		background-image: url('../images/feature_arrow.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
}
.feature-list-fl a img {
		width: 90%;
}
@media (hover: hover) {
		.feature-list-fl a:hover {
				transform: translate3d(4px, 4px, 0);
				box-shadow: 0 0 0 #000;
		}
		.feature-list-fl a:hover::after {
				transform: translateX(5px);
		}
}
@media (max-width: 768px) {
		.feature-list-fl {}
		.feature-list-fl a {
				width: 75%;
				margin: 0 .96rem 1.55rem;
		}
		.feature-list-fl a::after {
				width: 1.05rem;
		}
		.feature-list-fl a img {}
}