@charset "utf-8";


/* breadcrumb */
.breadcrumb {
	margin-bottom:2rem;
	padding:0;
	color:#000;
	font-size:0.875rem;
	font-weight:600;
	letter-spacing:0;
	text-align:right;
	background-color:transparent;
	border-radius:0;
}
.breadcrumb > li { 
	display:inline-block;
	vertical-align:middle; 
}
.breadcrumb > li + li:before {
	content:"\003E";
	padding:0 0.25rem;
	line-height:inherit;
}
.breadcrumb img {
	width:auto;
	height:0.875rem;
}

.breadcrumb a:hover {
	color:#23527c;
	text-decoration:underline;
}
.breadcrumb .active {
	color:#195078;
}







/* breadcrumb-steps */
.breadcrumb-wrapper {
	color:inherit;
	border-bottom:1px solid #ddd;
}
.breadcrumb-steps { }
.breadcrumb-steps::after {
	content:"";
	display:table;
	clear:both;
}
.breadcrumb-step {
	float:left;
	position:relative;
	margin-left:-1px;
	border-width:0 1px;
	border-style:solid;
	border-color:#ddd;
}
.breadcrumb-step__link {
	display:block;
	padding:0.5rem 1.5rem;
	line-height:1.5;
}
.breadcrumb-step > .breadcrumb-step__link {
	cursor:pointer;
	padding-top:1rem;
	padding-bottom:1rem;
	line-height:1.4rem;
}
.breadcrumb-step > .breadcrumb-step__link .breadcrumb-step__title,
.breadcrumb-step > .breadcrumb-step__link .fas {
	display:inline-block;
	vertical-align:middle;
}
.breadcrumb-step > .breadcrumb-step__link .breadcrumb-step__title {
	margin-right:0.75rem;
}
.breadcrumb-step > .breadcrumb-step__link .xi-x {
	line-height:1.4rem;
}
.breadcrumb-step__list {
	display:none;
	z-index:100;
	position:absolute;
	left:-1px;
	right:-1px;
	border:1px solid #ddd;
	background:#fff; 
	font-size:0.85rem; 
}
.breadcrumb-step__list > .breadcrumb-step__link {
	word-break:break-word;
	transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.breadcrumb-step__list > .breadcrumb-step__link:not(:first-of-type) {
	border-top:1px solid #ddd;
}
.breadcrumb-step__list > .breadcrumb-step__link:hover {
	color:#000;
	font-weight:bold;
	background-color:#eff0f2;
}
.breadcrumb-step0 {
	min-width:12em;
}
.breadcrumb-step1 {
	min-width:16em;
}














@media screen and (max-width:880px) {
.breadcrumb { display:none; }
}

@media (max-width:768px) {
	.breadcrumb-wrapper {
		display:none;
	}
}