.breadcrumb{
	margin:var(--spacing-4) 0 var(--spacing-5);
	padding:0;
	display:flex;
	gap:var(--spacing-3);
	width:auto;
	list-style-type:none;
	overflow-x:auto;
	align-items:center
}
.breadcrumb .item a{
	color:var(--text-body-02);
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	transition:color .4s
}
.breadcrumb .item a:after{
	content:"";
	display:block;
	border:2px solid var(--text-body-02);
	border-width:2px 2px 0 0;
	width:6px;
	height:6px;
	transform:rotate(45deg)
}
.breadcrumb .item a:hover{
	color:var(--primary-hover)
}
.breadcrumb .item > span{
	color:var(--text-body-03)
}
.breadcrumb .item a,
.breadcrumb .item > span{
	white-space:nowrap
}

@media(max-width:479px){
	.breadcrumb{
		font:var(--body-s-regular);
		letter-spacing:var(--letter-spacing-s)
	}
}