@charset "utf-8";

/*==============================
    page top
==============================*/
.secPageTop{
    padding-top:6.5rem;
}
.secPageTop .pageTopBg{
    background-image:url("../img/privacy/bgPageTop.jpg");
}
@media only screen and (max-width:1215px){
    .secPageTop{
        padding-top:2.3rem;
    }
    .secPageTop .pageTopBg{
        background-image:url("../img/privacy/bgPageTop_sp.jpg");
    }
}

/*==============================
    secPrivacy
==============================*/
.secPrivacy{
    padding: 6.8rem 0 9.5rem;
    background:var(--bgColorBeige);
}
.secPrivacy .privacyGroup + .privacyGroup{
    margin-top: 9rem;
}
.secPrivacy .privacyGroupTit{
    display:flex;
    align-items:center;
    gap:1.2rem;
    margin:0;
    padding: 0 0 3.7rem;
    border-bottom:1px solid var(--borderColorBeige);
    font-size: var(--pcFontSize30);
    font-weight:bold;
    line-height:1.4;
    letter-spacing: 0px;
}
.secPrivacy .privacyGroupTit::before{
    content:"";
    flex-shrink:0;
    width: 0.7rem;
    height: 0.7rem;
    border-radius:50%;
    background:var(--textColorTeal);
}
.secPrivacy .privacyBlock{
    padding: 4.2rem 0 4.3rem;
}
.secPrivacy .privacyBlock.box2{
    padding: 4.2rem 0 4.9rem;
}
.secPrivacy .privacyBlock.box5{
    padding: 4.2rem 0 4.1rem;
}
.secPrivacy .privacyBlock.box6{
    padding: 4.2rem 0 3.2rem;
}
.secPrivacy .privacyGroup .privacyBlock.Box1{
    padding: 4.2rem 0 4.6rem;
}
.secPrivacy .privacyGroup .privacyBlock.Box5{
    padding: 4.2rem 0 4.9rem;
}
.secPrivacy .privacyGroup .privacyBlock.Box6{
    padding: 4rem 0 4.3rem;
}
.secPrivacy .privacyBlock:not(:last-child){
    border-bottom:1px solid var(--borderColorBeige);
}
.secPrivacy .privacyBlockTit{
    margin: 0 0 1.8rem;
    font-size: var(--pcFontSize24);
    font-weight:bold;
    line-height:1.5;
    letter-spacing:0;
}
.secPrivacy .privacyBlockTxt{
    margin:0;
    font-size:var(--pcFontSize15);
    line-height:calc(32 / 15);
    letter-spacing:0;
}
.secPrivacy .privacyBlockTxt + .privacyBlockTxt{
    margin-top: 3.2rem;
}
.secPrivacy .privacyCardList{
    display:flex;
    gap: 4.1rem;
    margin:3.2rem 0 0;
    padding:0;
    list-style:none;
}
.secPrivacy .privacyCardItem{
    flex:1 1 0;
    min-width:0;
}
.secPrivacy .privacyCard{
    box-sizing:border-box;
    height:100%;
    padding: 2.2rem 2.8rem 2rem;
    background: var(--bodyBaseColor);
}
.secPrivacy .privacyCardTit{
    margin: 0 0 0.8rem;
    font-size: var(--pcFontSize18);
    font-weight:bold;
    line-height: calc(32 / 18);
    letter-spacing:0;
}
.secPrivacy .privacyCardTxt{
    margin:0;
    font-size: var(--pcFontSize15);
    line-height: calc(32 / 15);
    letter-spacing:0;
}
.secPrivacy .privacyBannerList{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap: 4rem;
    margin: 3.5rem 0 0;
    padding:0;
    list-style:none;
}
.secPrivacy .privacyBannerItem{
    position:relative;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
}
.secPrivacy .privacyBannerItem.isTerms01,
.secPrivacy .privacyBannerItem.isTerms02{
    width: 28.5rem;
}
.secPrivacy .privacyBannerImg{
    display:block;
    width:100%;
    height:auto;
    vertical-align:bottom;
}
@media only screen and (max-width:1215px){
    .secPrivacy {
        padding: calc((33 / 375) * var(--widthBase)) 0 calc((39 / 375) * var(--widthBase));
    }
    .secPrivacy .privacyGroup + .privacyGroup{
        margin-top: calc((23 / 375) * var(--widthBase));
    }
    .secPrivacy .privacyGroupTit{
        gap:calc((8 / 375) * var(--widthBase));
        padding: 0 0 calc((14 / 375) * var(--widthBase));
        font-size:var(--spFontSize20);
        line-height:calc(30 / 20);
    }
    .secPrivacy .privacyGroupTit::before{
        width: calc((5 / 375) * var(--widthBase));
        height: calc((5 / 375) * var(--widthBase));
        left: 2px;
        position: relative;
    }
    .secPrivacy .privacyBlock,
    .secPrivacy .privacyBlock.box2,
    .secPrivacy .privacyBlock.box5,
    .secPrivacy .privacyBlock.box6,
    .secPrivacy .privacyGroup .privacyBlock.Box1,
    .secPrivacy .privacyGroup .privacyBlock.Box5,
    .secPrivacy .privacyGroup .privacyBlock.Box6{
        padding: calc((23 / 375) * var(--widthBase)) 0;
        padding-bottom: 2.5rem;
    }
    .secPrivacy .privacyBlock.box2{
        padding-bottom: 2.9rem;
    }
    .secPrivacy .privacyBlock.Box3{
        padding-bottom: 2.8rem;
    }
    .secPrivacy .privacyBlock.box5{
        padding-bottom: 2.8rem;
    }
    .secPrivacy .privacyGroup .privacyBlock.Box5{
        padding-bottom: 2.9rem;
    }
    .secPrivacy .privacyBlock:not(:last-child){
        border-bottom:1px solid var(--borderColorBeige);
    }
    .secPrivacy .privacyBlockTit{
        margin: 0 0 calc((8 / 375) * var(--widthBase));
        font-size:var(--spFontSize16);
        line-height:calc(26 / 16);
    }
    .secPrivacy .privacyBlockTxt{
        font-size: var(--spFontSize12);
        line-height: calc(22 / 12);
    }
    .secPrivacy .privacyBlockTxt + .privacyBlockTxt{
        margin-top: calc((23 / 375) * var(--widthBase));
    }
    .secPrivacy .privacyCardList{
        flex-direction:column;
        gap: calc((15 / 375) * var(--widthBase));
        margin:calc((20 / 375) * var(--widthBase)) 0 0;
    }
    .secPrivacy .privacyCard{
        padding: calc((13 / 375) * var(--widthBase)) calc((18 / 375) * var(--widthBase));
        border-radius:calc((3 / 375) * var(--widthBase));
        padding-bottom: 1.5rem;
    }
    .secPrivacy .privacyCardTit{
        margin: 0 0 calc((6 / 375) * var(--widthBase));
        font-size:var(--spFontSize14);
        line-height: calc(26 / 14);
    }
    .secPrivacy .privacyCardTxt{
        font-size:var(--spFontSize12);
        line-height:calc(22 / 12);
    }
    .secPrivacy .privacyBannerList{
        align-items:flex-start;
        gap: calc((19 / 375) * var(--widthBase));
        margin:calc((20 / 375) * var(--widthBase)) 0 0;
    }
    .secPrivacy .privacyBannerItem.isTerms01,
    .secPrivacy .privacyBannerItem.isTerms02{
        width: 70%;
        max-width: calc((212 / 375) * var(--widthBase));
    }
}