@charset "UTF-8";
/*----------
	sustainability common v2
	サステナビリティトップ（2026年リニューアル）
----------*/
.sustainability-floating-index {
	position: fixed;
	left: 0;
	top: 70px;
	z-index: 90;
	width: 100%;
}
.sustainability-floating-index__link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 40px;
	background: linear-gradient(174deg, #0082CA 0%, #1DACDB 49.3%, #79BD36 100%);
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.sustainability-floating-index--en .sustainability-floating-index__emphasis {
	margin-right: 0.5em;
}
@media (min-width: 768px) {
	.sustainability-floating-index {
		left: auto;
		right: -10px;
		top: auto;
		bottom: 210px;
		width: 104px;
		height: 60px;
		border-top-left-radius: 9999px;
		border-bottom-left-radius: 9999px;
		overflow: hidden;
		transition: transform 0.1s ease 0s;
	}
	.sustainability-floating-index__link {
		flex-direction: column;
		width: 104px;
		height: 60px;
		padding-right: 10px;
		background: linear-gradient(135deg, #0082CA 0%, #1DACDB 39.7%, #79BD36 100%);
		font-size: 1.8rem;
		line-height: 1.2;
		letter-spacing: 0;
	}
	.sustainability-floating-index__emphasis {
		letter-spacing: 0.05em;
	}
	.sustainability-floating-index--en .sustainability-floating-index__link {
		padding-left: 5px;
	}
	.sustainability-floating-index--en .sustainability-floating-index__emphasis {
		margin-right: 0;
		letter-spacing: 0;
	}
}
@media (min-width: 768px) and (hover: hover) {
	.sustainability-floating-index:hover {
		transform: translateX(-10px);
	}
}