@charset "UTF-8";

#Header {
    height: 71px;
}

/* 900 */
@media screen and (max-width: 900px) {
    #Header {
        height: 18vw;
    }
}

/* terms-content
---------------------------------------------------*/
.terms-content {
    width: 96%;
    max-width: 880px;
    padding: 80px 0 120px;
    margin: 0 auto;
}
.terms-content .ttl-page {
    margin-bottom: 8px;
}
.terms-content .ttl-page + p {
    font-size: var(--font-size-m);
    font-weight: 500;
    font-variation-settings: "wght" 500;/*Medium*/
    line-height: 1.8;
    letter-spacing: 0.1em;
    margin-bottom: 64px;
}
.terms-content .headline {
    background-color: var(--section-color);
    border-radius: 24px;
    padding: 24px 32px;
    margin-bottom: 64px;
}
.terms-content .headline p {
    font-weight: 500;
    font-variation-settings: "wght" 500;/*Medium*/
    line-height: 1.8;
    letter-spacing: 0.06em;
}

/* privacy-wrap */
.privacy-wrap dl + dl {
    margin-top: 48px;
}
/* dt */
.privacy-wrap dl dt {
    font-size: 28px;
    font-weight: 500;
    font-variation-settings: "wght" 500;/*Medium*/
    line-height: 1.4;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #A19B8D;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.privacy-wrap dl dt span {
    margin-right: 8px;
}
/* dd */
.privacy-wrap dd p {
    font-weight: 500;
    font-variation-settings: "wght" 500;/*Medium*/
    line-height: 1.8;
    letter-spacing: 0.1em;
}
.privacy-wrap dd p a {
    color: #977949;
    text-decoration: underline;
}
.privacy-wrap dd p a:hover {
    color: var(--point-color);
}
.privacy-wrap dd p + *{
    margin-top: 24px;
}
.privacy-wrap dd > ul,
.privacy-wrap dd > ol {
    margin-left: 16px;
}
.privacy-wrap dd > ul > li,
.privacy-wrap dd > ol > li {
    font-weight: 500;
    font-variation-settings: "wght" 500;/*Medium*/
    line-height: 1.8;
    letter-spacing: 0.1em;
}
.privacy-wrap dd > ul > li:not(:last-child),
.privacy-wrap dd > ol > li:not(:last-child) {
    margin-bottom: 6px;
}
.privacy-wrap dd li > ul,
.privacy-wrap dd li > ol {
    margin-top: 24px;
}
/* signature */
.signature {
    margin-top: 80px;
}
.signature p {
    text-align: right;
    line-height: 1.8;
    font-weight: 500;
    font-variation-settings: "wght" 500;/*Medium*/
    letter-spacing: 0.06em;
}
.signature p:not(:last-of-type) {
    margin-bottom: 1.8em;
}

/* 900 */
@media screen and (max-width: 900px) {
    .terms-content {
        width: 92vw;
        padding: 16.25vw 0 18vw;
    }
    .terms-content .ttl-page {
        margin-bottom: 2vw;
    }
    .terms-content .ttl-page + p {
        font-size: var(--font-size-sn);
        margin-bottom: 16vw;
    }
    .terms-content .headline {
        border-radius: 4vw;
        padding: 2vw 4vw;
        margin-bottom: 16vw;
    }
    .terms-content .headline p {
        line-height: 1.6;
        font-size: var(--font-size-sn);
        letter-spacing: 0;
    }
    /* privacy-wrap */
    /* dt */
    .privacy-wrap dl dt {
        font-size: 5vw;
        letter-spacing: 0;
        padding-bottom: 4vw;
        margin-bottom: 4vw;
    }
    .privacy-wrap dl dt span {
        margin-right: 2vw;
    }
    /* dd */
    .privacy-wrap dd p {
        font-size: var(--font-size-sn);
        line-height: 1.6;
        letter-spacing: 0;
    }
    .privacy-wrap dd p + *{
        margin-top: 4vw;
    }
    .privacy-wrap dd > ul,
    .privacy-wrap dd > ol {
        margin-left: 0;
    }
    .privacy-wrap dd > ul > li,
    .privacy-wrap dd > ol > li {
        font-size: var(--font-size-sn);
        line-height: 1.6;
        letter-spacing: 0;
    }
    .privacy-wrap dd > ul > li:not(:last-child),
    .privacy-wrap dd > ol > li:not(:last-child) {
        margin-bottom: 1.5vw;
    }
    .privacy-wrap dd li > ul,
    .privacy-wrap dd li > ol {
        margin-top: 4vw;
    }
    /* signature */
    .signature {
        margin-top: 16vw;
    }
}