.elementor-77133 .elementor-element.elementor-element-0874f38{--display:flex;--min-height:85px;--justify-content:center;}.elementor-77133 .elementor-element.elementor-element-0874f38:not(.elementor-motion-effects-element-type-background), .elementor-77133 .elementor-element.elementor-element-0874f38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-77133 .elementor-element.elementor-element-72e5352{--display:flex;}.elementor-77133 .elementor-element.elementor-element-36fa649{--display:flex;}@media(max-width:599px){.elementor-77133 .elementor-element.elementor-element-0874f38{--min-height:60px;--justify-content:center;}}@media(min-width:600px){.elementor-77133 .elementor-element.elementor-element-0874f38{--content-width:1100px;}.elementor-77133 .elementor-element.elementor-element-72e5352{--width:1100px;}}/* Start custom CSS for breadcrumbs, class: .elementor-element-61769d3 */.home #my-breadcrumb-section,
.front-page #my-breadcrumb-section {
    display: none !important;
}

#my-breadcrumb-section {
    display: block;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 0;
    line-height: 1;
    text-align: left;
}

#my-breadcrumb-section a,
#my-breadcrumb-section .breadcrumb_last {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 300;
    color: #000000;
    text-decoration: none;
    transition: opacity 0.3s;
    display: inline-block;
    vertical-align: middle;
}

#my-breadcrumb-section a {
    font-size: 0;
    position: relative;
}

#my-breadcrumb-section a::before {
    content: "home"; 
    font-family: 'Material Symbols Outlined';
    font-size: 40px; 
    color: #FFF000;
    font-weight: 200;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
}

#my-breadcrumb-section span + span a,
#my-breadcrumb-section a + span a,
#my-breadcrumb-section span a + a {
    font-size: 17px;
}

#my-breadcrumb-section span + span a::before,
#my-breadcrumb-section a + span a::before,
#my-breadcrumb-section span a + a::before {
    content: none;
}

#my-breadcrumb-section a::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 1px #8d8d8d;
    border-right: solid 1px #8d8d8d;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 15px;
    transform: rotate(45deg);
    margin-top: -1px;
}

#my-breadcrumb-section span {
    font-size: 0;
}

#my-breadcrumb-section .breadcrumb_last {
    font-size: 17px;
}

#my-breadcrumb-section a:hover {
    opacity: 0.6;
}

@media (max-width: 767px) {
    #my-breadcrumb-section {
        width: 97%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px;
        padding-bottom: 15px;
        box-sizing: border-box;
    }

    #my-breadcrumb-section a::before {
        font-size: 30px;
    }

    #my-breadcrumb-section span + span a,
    #my-breadcrumb-section a + span a,
    #my-breadcrumb-section span a + a {
        font-size: 14px;
    }

    #my-breadcrumb-section .breadcrumb_last {
        font-size: 14px;
    }

    #my-breadcrumb-section a::after {
        width: 6px;
        height: 6px;
        margin-left: 8px;
        margin-right: 12px;
    }
}/* End custom CSS */