@charset 'UTF-8';

.p-privacy-content {
    padding-top: 0;
}

.p-privacy-content__head {
    max-width: 1060px;
    margin: 0 auto 80px;
    padding: 30px 35px;
    color: var(--clrTxtSecondary);
}

.p-privacy-content__body {
    max-width: 1060px;
    margin: 0 auto;
    counter-reset: count 0;
    color: var(--clrTxtSecondary);
}

.p-privacy-content-section:not(:first-child) {
    margin-top: 60px;
}

.p-privacy-content-section h2 {
    margin-bottom: 16px;
    padding-left: 1.5em;
    position: relative;
    line-height: 1.5;
    font-size: 2rem;
    font-weight: bold;
    color: var(--clrTxt);
}

.p-privacy-content-section h2:before {
    content: counter(count, decimal)'.';
    counter-increment: count 1;
    width: 1.7em;
    position: absolute;
    top: 0;
    right: calc(100% - 1em);
    text-align: right;
    font-family: var(--fntEn);
    color: var(--clrMain);
}

.p-privacy-content-section ol {
    list-style-type: none;
}

.p-privacy-content-section > ol {
    counter-reset: ol-count 0;
}

.p-privacy-content-section > ol > li {
    margin-top: 12px;
    padding-left: 1.7em;
    position: relative;
}

.p-privacy-content-section > ol > li h3 {
    position: relative;
    font-weight: normal;
}

.p-privacy-content-section > ol > li h3:before {
    content: '('counter(ol-count, decimal)')';
    counter-increment: ol-count 1;
    position: absolute;
    top: 0;
    left: -1.7em;
}

.p-privacy-content-section ol ol {
    margin-top: 8px;
}

.p-privacy-content-section ol ol li {
    padding-left: 1.2em;
    text-indent: -1.2em;
}

.p-privacy-content-section .c-dotBox {
    margin-top: 14px;
    padding: 20px 24px;
}

@media all and (min-width: 1025px) {
    .p-privacy-content-section .c-dotBox {
        margin-top: 20px;
    }
}

@media all and (min-width: 1441px) {
    .p-privacy-content-section .c-dotBox {
        padding: 30px 35px;
    }
    
    .p-privacy-content-section h2 {
        font-size: 2.4rem;
}