.st-breadcrumb-nav {
    margin: 15px;
    background-color: transparent;
}

.st-breadcrumb-nav a {
    text-decoration: none;
    color: #007acc;
}

.st-breadcrumb-nav li[aria-current="page"] {
    font-weight: bold;
    color: #333;
    margin-top: 2px;
}

.st-breadcrumb {
    display: flex;
    font-size: 1.2rem;
    flex-wrap: wrap;
    list-style: none;
    padding-inline-start: 20px !important;
}
    .st-breadcrumb li:not(:last-of-type)::after {
        content: "/";
        margin: 0 .6em; /* 記号の左右の余白 */
        color: #777; /* 記号の色 */
    }

    .st-breadcrumb a {
        text-decoration: none;
        color: #007acc;
    }

@media screen and (max-width: 768px) {
    .st-breadcrumb-nav {
        margin: 15px 15px 15px 0;
    }
}