/*-----------------------------------

	lower_common

-----------------------------------*/
#container {
    width: 100%;
}
#container .contents {
    margin: 0 auto;
    text-align: left;
    color: #333;
    font-size: .9375rem
}

#container section .orange {
    color: #e94709;
    font-size: .875rem;
    margin-bottom: 27px
}

#container section .title {
    font-size: 1.5625rem;
    font-weight: 700
}

#container section .main-text {
    font-size: 1.125rem;
    font-weight: 700
}


/*-----------------------------------

	breadcrumb

-----------------------------------*/
#container .breadcrumb {
    width: 78vw;
    height: 60px;
    margin: 0 auto;
    padding-top: 20px;
    font-size: 11px;
    list-style: none;
    display: flex;
}

#container .breadcrumb a {
    color: #333;
    text-decoration: none;
}

#container .breadcrumb li:last-child span {
    color: #ccc;
}

#container .breadcrumb li:after {
    content: "／";
    margin: 0 10px 0 7px;
}

#container .breadcrumb li:last-child:after {
    content: none;
}

@media screen and (max-width:600px) {
    #container .breadcrumb {
        width: 90%;
        overflow-x: scroll;
        margin: auto auto auto 1.5em;
        height: auto;
        padding-bottom: 10px;
    }

    #container .breadcrumb li {
        white-space: nowrap;
    }
}