@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 0) {
    .privacy {
        text-align: left;
        font-weight: 400;
    }

    .privacy .wrap {
        max-width: 970px;
    }

    .privacy__contents > * {
        margin-top: 24px;
    }

    .privacy__contents > *:first-child {
        margin-top: 0 !important;
    }

    .privacy__contents h3 {
        font-weight: 700;
    }

    .privacy__contents section > p,
    .privacy__contents section > ol,
    .privacy__contents section > dl {
        margin-bottom: 24px;
        letter-spacing: -.03em;
    }

    .privacy__revision {
        text-align: right;
        font-weight: bold;
    }
}

/* スマホ用（767px以下で適用） */
/*
..######..########.
.##....##.##.....##
.##.......##.....##
..######..########.
.......##.##.......
.##....##.##.......
..######..##.......
*/
@media screen and (max-width: 767px) {

    /*
    .########..##.....##.########.########..#######..##....##
    .##.....##.##.....##....##.......##....##.....##.###...##
    .##.....##.##.....##....##.......##....##.....##.####..##
    .########..##.....##....##.......##....##.....##.##.##.##
    .##.....##.##.....##....##.......##....##.....##.##..####
    .##.....##.##.....##....##.......##....##.....##.##...###
    .########...#######.....##.......##.....#######..##....##
    */
    .btn--top--privacy {
        background: rgba(var(--theme-color), .2);
    }
}

/* PC用（768px以上で適用） */
/*
.########...######.
.##.....##.##....##
.##.....##.##......
.########..##......
.##........##......
.##........##....##
.##.........######.
*/
@media screen and (min-width: 768px) {
    .privacy__contents > * {
        margin-top: 36px;
    }
}