.l-breadcrumb {
	padding: 10px 10%;
}

.l-breadcrumb__list {
	width: 100%;
	margin-inline: auto;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0.1em;
}

.l-breadcrumb__item {
	position: relative;
	display: inline;
}

.l-breadcrumb__item+.l-breadcrumb__item {
	padding-left: calc(1em + 8px);
}

.l-breadcrumb__item+.l-breadcrumb__item::before {
	content: '>';
	position: absolute;
	inset: 50% auto auto 4px;
	line-height: 1;
	translate: 0 -50%;
}

@media screen and (max-width: 767px) {
	.l-breadcrumb {
		padding: 12px 5%;
	}
}