@media(min-width: 768px){
    .breadcrumb {
        max-width:1200px;
        width: 100%;
        margin:0px  auto;
    }
}
.breadcrumb-sp .breadcrumb{margin-left:0px; display: inline}
.breadcrumb{background: none;}
.breadcrumb nav{display:inline-flex}
.breadcrumb li {
    display: inline;
    list-style: none;
    font-size: 12px;
    padding: 0px 5px;
}

.breadcrumb li:after {
    font-family: "Font Awesome 5 Free";
    content: '\f0da';
}

.breadcrumb li:last-child:after {
    content: '';
}

.breadcrumb li a {
    text-decoration: none;
    margin:5px 0px;
    color: #727272;
}

.breadcrumb li a:hover {
    text-decoration: underline;
    color: #222;
}
.breadcrumb-sp .aaaa {position:absolute}
.breadcrumb-sp{
    padding:10px 0px 0px 0px;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    background: none;
}
@media screen and (max-width:1223px){
    .breadcrumb-sp{
        padding: 0px 16px;
    }
}
@media screen and (max-width:768px){
    .breadcrumb-sp .aaaa {
        margin-top: 6px;
    }
    .breadcrumb-sp{
        padding:0px 0px 0px 0px!important;
    }
    .breadcrumb-sp .breadcrumb {
        white-space: nowrap;
        overflow-x: auto;
        margin-bottom: 0px;
        padding:5px 0px;
        display: block;
    }
}


.breadcrumb li:where(nav li)::before {
    float: none
}