@charset "UTF-8";
/*------------------------------------------
  下層ページ共通
------------------------------------------*/
body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 260px;
    background-image: url(../images/common/pagehead-bg.webp);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

@media only screen and (max-width: 767px) {
    body:before {
        height: 185px;
        background-image: url(../images/common/pagehead-bg-sp.webp);
    }
}

.l-main {
    padding-bottom: 13.17716vw;
}

@media only screen and (max-width: 767px) {
    .l-main {
        padding-bottom: 13.33333vw;
    }
}

/* ===== 読み込み時アニメーション ===== */
.l-header {
    opacity: 0;
    transform: translateY(-100%);
}

.l-pagehead {
    opacity: 0;
}

.l-main {
    opacity: 0;
    transform: translateY(3em);
}

.l-wrapper.is-active .l-header, .l-wrapper.is-active .l-main {
    opacity: 1;
    transform: translateY(0);
    transition: 1s 1s;
}

.l-wrapper.is-active .l-pagehead {
    opacity: 1;
    transition: 1s 1s;
}

/*------------------------------------------
  店舗一覧
------------------------------------------*/
/*------------------------------------------
  イベント
------------------------------------------*/
body.BD-event .l-pagehead {
    margin-bottom: 55px;
}

@media only screen and (max-width: 767px) {
    body.BD-event .l-pagehead {
        margin-bottom: 40px;
    }
}

/*------------------------------------------
  店頭買取
------------------------------------------*/
body.BD-shop-kaitori .l-main {
    padding-bottom: 0;
}

.p-flow {
    padding-bottom: 16.10542vw;
}
.p-flow .flow-reservation {
    margin-top: 64px;
}

@media only screen and (max-width: 767px) {
    .p-flow {
        padding-bottom: 34.66667vw;
    }
    .p-flow .sec-contents {
        padding: 0 8px;
    }
    .p-flow .flow-reservation {
        margin-top: 32px;
    }
}

/*------------------------------------------
  取り組み
------------------------------------------*/
.p-megrus .sec-contents {
    display: -moz-flex;
    display:      flex;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
}

.p-megrus .megrus-lead {
    width: 42%;
    padding-top: 20px;
}
.p-megrus .megrus-lead__ttl {
    font-family: "Noto Serif JP", serif;
    text-align: center;
    font-size: 3.2rem;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.6875;
    margin-bottom: 1.75em;
}
.p-megrus .megrus-lead__txt {
    line-height: 2;
}

.p-megrus .megrus-visual {
    width: 46%;
    margin-left: auto;
}

.p-about {
    margin-top: 64px;
    padding-bottom: 40px;
    background-image: url(../images/about/about-bg.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: clamp(1368px, 100.14641vw, 100vw);
}
.p-about .sec-contents {
    padding-top: clamp(203px, 14.86091vw, 14.86091vw);
}
.p-about .about-contents {
    display: -moz-flex;
    display:      flex;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.p-about .about-contents--reason {
    min-height: 486px;
}
.p-about .about-contents--backbone {
    padding-top: clamp(208px, 15.22694vw, 15.22694vw);
}
.p-about .about-lead {
    width: 42%;
}
.p-about .about-lead__ttl {
    font-size: 2.8rem;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    margin-bottom: 40px;
}
.p-about .about-lead__txt {
    line-height: 2;
}
.p-about .about-visual {
    width: 46%;
}

@media only screen and (max-width: 767px) {
    .p-megrus .megrus-lead {
        width: 100%;
        -ms-order: 2;
            order: 2;
        padding: 24px 8px 0;
    }
    .p-megrus .megrus-lead__ttl {
        font-size: 2rem;
        margin-bottom: 32px;
    }
    .p-megrus .megrus-lead__txt {
        line-height: 1.75;
    }
    .p-megrus .megrus-visual {
        width: 100%;
        -ms-order: 1;
            order: 1;
    }
    .p-about {
        margin-top: 22px;
        padding-bottom: 64px;
        background-image: url(../images/about/about-bg-sp.webp);
        background-size: 100%;
    }
    .p-about .sec-contents {
        padding-top: 45.33333vw;
    }
    .p-about .about-contents--reason {
        min-height: auto;
    }
    .p-about .about-contents--backbone {
        padding-top: 37.33333vw;
    }
    .p-about .about-lead {
        width: 100%;
        padding: 0 8px;
        margin-bottom: 32px;
        -ms-order: 1;
            order: 1;
    }
    .p-about .about-lead__ttl {
        font-weight: 600;
        font-size: 2rem;
        margin-bottom: 24px;
    }
    .p-about .about-lead__txt {
        line-height: 1.75;
    }
    .p-about .about-visual {
        width: 100%;
        -ms-order: 2;
            order: 2;
    }
}

/*------------------------------------------
  規約
------------------------------------------*/
.p-sec--terms .sec-contents {
    width: 74%;
    margin: auto;
    padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .p-sec--terms .sec-contents {
        width: 100%;
        padding: 0 8px;
    }
}