@charset "utf-8";
.bread-crumbs {
    background: #f9f9f9;
    display: none;
}
.br-main {
    position: relative;
}
.br-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: max(100vw, 1280px);
    height: 100%;
    background: #f9f9f9;
    transform: translateX(-50%);
}
.br-main img {
    width: 100%;
    height: auto;
}
.br-box {
    position: relative;
    height: max(600px, calc(100svh - 140px - 42px));
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.br-main--text-01 {
    width: 351px;
    margin: 0 auto 24px;
}
.br-main--text-02 {
    width: 218px;
    margin: 0 auto;
    padding: 0 0 17px;
}
@media screen and (max-width: 767px) {
    .br-main {
        margin: 0 -12px;
    }
    .br-main::before {
        width: 100vw;
    }
    .br-box {
        height: max(600px, calc(100svh - 105px - 21px));
    }
    .br-main--text-01 {
        width: 56.58%;
        margin: 0 auto 4.1%;
    }
    .br-main--text-02 {
        width: 42%;
        padding: 0 0 2%;
    }
}