@charset "utf-8";

#privacy {
    .wrap {
        .contents {
            & > p {
                margin-bottom:3em;
            }
            h2 {
                font-size:2.4rem;
                line-height:1.5;
                margin-bottom:1.5em;
                font-weight:500;
            }
            ol {
                font-size:1.6rem;
                &:not(:last-child) {
                margin-bottom:2em;
                }
                li {
                    line-height:1.8;
                }
                p {
                    line-height:1.8;
                    font-weight:400;
                }
                &.privacy {
                    border-bottom:1px solid #cccccc;
                    padding-bottom:3em;
                    margin-bottom:3em;
                }
                &.privacy2 {
                    & > li {
                        font-size:1.8rem;
                    }
                }
            }
            & > ol {
                padding-left:1.5em;
                & > li {
                    list-style:decimal;
                    & > p {
                        padding-top:1em;
                    }
                    &:not(:last-child) {
                        margin-bottom:2em;
                    }
                    ol {
                        padding-left:2em;
                        counter-reset: list-counter;
                        li {
                            counter-increment: list-counter;
                            &::marker {
                              content: "(" counter(list-counter) ") ";
                            }
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){
}

@media screen and (max-width:768px){
    
    #privacy {
        .wrap {
            .contents {
                & > p {
                    margin-bottom:2em;
                }
                h2 {
                    font-size:2.0rem;
                    margin-bottom:1em;
                }
                ol {
                    font-size:1.4rem;
                    &:not(:last-child) {
                    margin-bottom:1.5em;
                    }
                    &.privacy {
                        padding-bottom:2em;
                        margin-bottom:2em;
                    }
                    &.privacy2 {
                        & > li {
                            font-size:1.6rem;
                        }
                    }
                }
                & > ol {
                    & > li {
                        & > p {
                            padding-top:.5em;
                        }
                        &:not(:last-child) {
                            margin-bottom:2em;
                        }
                    }
                }
            }
        }
    }
    
}