@charset "utf-8";

/*-----------------------------------------------
    secCmnTop
-----------------------------------------------*/
.secCmnTop {
    background: url(../img/privacy/bgTop.jpg) center / cover no-repeat;
}

@media only screen and (max-width:1215px) {
    .secCmnTop {
        background: url(../img/privacy/bgTop_sp.jpg) center / cover no-repeat;
    }
}

/* スマホ: パンくず（.pnkzWrapper）を .secLogin の下へ（#container を flex + order で入れ替え） */
@media only screen and (max-width: 1215px) {
    #container {
        display: flex;
        flex-direction: column;
    }

    #container>header.cmnHeader {
        order: 1;
    }

    #container>.secCmnTop {
        order: 2;
    }

    #container>.main {
        order: 3;
    }

    #container>.pnkzWrapper {
        order: 4;
        height: 3.5rem;
    }

    #container>footer.cmnFooter {
        order: 6;
    }

    /* <?parts_footer?> 等で #container 直下に追加される要素（フッター直前など） */
    #container>*:not(header.cmnHeader):not(.secCmnTop):not(.main):not(.pnkzWrapper):not(footer.cmnFooter) {
        order: 5;
    }
}

/* secPrivacy */
.secPrivacy {
    padding-bottom: 11.5rem;
}
.secPrivacy .txtTop{
    font-size: var(--pcFontSize15);
    letter-spacing: var(--pcLetterSpacing50);
    line-height: 2;
    padding: 3.4rem 0 2.8rem;
}
.secPrivacy .boxItem{
    font-size: var(--pcFontSize15);
    letter-spacing: var(--pcLetterSpacing50);
    line-height: 2;
    padding: 1.3rem 0 2.9rem;
}
.secPrivacy .boxItem .tit{
    font-size: var(--pcFontSize18);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing50);
    line-height: calc(30 / 18);
    margin-bottom: 1.3rem;
    padding-left: 1.6rem;
    position: relative;
}
.secPrivacy .boxItem .tit::before{
    content: '';
    position: absolute;
    top: 0.2rem;
    left: 0;
    width: 0.3rem;
    height: 2.5rem;
    background-color: var(--orangeColor);
}
@media only screen and (max-width:1215px){
    .secPrivacy {
        padding-bottom: 4.2rem;
    }
    .secPrivacy .txtTop{
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing50);
        line-height: calc(22 / 12);
        padding: 3.4rem 0 0.5rem;
    }
    .secPrivacy .boxItem{
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing50);
        line-height: calc(22 / 12);
        padding: 1.7rem 0 0.4rem;
    }
    .secPrivacy .boxItem .tit{
        font-size: var(--spFontSize14);
        letter-spacing: var(--spLetterSpacing50);
        line-height: calc(30 / 14);
        margin-bottom: 0.5rem;
        padding-left: 1.3rem;
    }
    .secPrivacy .boxItem .tit::before{
        top: 0.5rem;
        left: 0;
        width: 0.3rem;
        height: 1.8rem;
    }
}