/* セクション全体の余白 */
.common-bottom-nav {
	padding: 60px 0;
}

/* バナーの基本スタイル（前回の設定を継承） */
.banner-flex.triple {
	display: flex;
	justify-content: space-between;
	gap: 15px;
}

.banner-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 35px 15px;
	text-decoration: none;
	transition: transform 0.2s, opacity 0.2s;
}

.banner-item:hover {
	opacity: 0.9;
	transform: translateY(-3px);
	/* 少し浮かせる演出 */
}

/* 色・アイコン円形などは共通 */
.banner-orange {
	background-color: #fbb03b;
}

.banner-blue {
	background-color: #76a6d4;
}

.banner-green {
	background-color: #63c1a1;
}

.banner-icon-circle {
	width: 75px;
	height: 75px;
	border: 2px solid #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
}

.banner-icon-circle img {
	height: 40px;

}