@charset "UTF-8";
   .p-breadcrumb,
.breadcrumbs {
display: flex;
align-items: center;
gap: 6px;
margin-left: var(--swl-container-padding, 20px);
position: sticky;
top: var(--header-height, 70px);
z-index: 100;
background: #ffffff; padding: 8px 0;
border-bottom: 1px solid #eee;
} .p-breadcrumb > *,
.breadcrumbs > * {
font-size: 14px;
line-height: 1.6;
display: inline-flex;
align-items: center;
padding: 4px 0;
border-radius: 4px;
background: rgba(255, 255, 255);
backdrop-filter: blur(4px);
} .p-breadcrumb a,
.p-breadcrumb span,
.breadcrumbs a,
.breadcrumbs span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-inline-size: 20ch;
} .breadcrumbs span[property="name"],
.breadcrumbs span.current-item,
.breadcrumbs span.post,
.breadcrumbs a span,
.breadcrumbs [typeof="ListItem"] [property="name"] {
display: inline-flex;
align-items: center;
max-inline-size: 20ch;
line-height: 1.6;
} @media (max-width: 768px) {
.p-breadcrumb a,
.p-breadcrumb span,
.breadcrumbs a,
.breadcrumbs span {
max-inline-size: 14ch;
}
} @media (min-width: 960px) {
.l-header__gnav {
display: none !important;
}
} .c-page-header__title {
font-size: 2.2rem;
font-weight: 700;
}
.c-page-header {
background: #ffffff;
}
.c-catchphrase {
font-size: 1.4rem !important;
font-weight: 700 !important;
}