@charset "UTF-8";

/* ==========================================
   Privacy Policy CSS
   Noah Lab
========================================== */


/* ==========================================
   Privacy Policy Page
========================================== */

.privacy-policy-page {
    width: 100%;
}


/* ==========================================
   Privacy Policy
========================================== */

.privacy-policy {
    width: 100%;
}


/* ==========================================
   Privacy Section
========================================== */

.privacy-section {
    padding-bottom: var(--space-7);
    margin-bottom: var(--space-7);

    border-bottom: 1px solid var(--border-color);
}


/* ==========================================
   Last Section
========================================== */

.privacy-section:last-of-type {
    margin-bottom: 0;
}


/* ==========================================
   Section Heading
========================================== */

.privacy-section-heading {
    margin: 0 0 var(--space-4);

    font-family: var(--font-main);
    font-size: var(--font-lg);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-tight);

    color: var(--text-main);
}


/* ==========================================
   Sub Heading
========================================== */

.privacy-subheading {
    margin:
        var(--space-6)
        0
        var(--space-3);

    font-family: var(--font-main);
    font-size: var(--font-base);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-tight);

    color: var(--text-main);
}


/* ==========================================
   Text
========================================== */

.privacy-text {
    margin: 0 0 var(--space-4);

    font-size: var(--font-sm);
    line-height: var(--line-height-base);

    color: var(--text-main);
}


/* 最後の文章だけ下余白をなくす */

.privacy-text:last-child {
    margin-bottom: 0;
}


/* ==========================================
   List
========================================== */

.privacy-list {
    display: flex;
    flex-direction: column;

    gap: var(--space-2);

    margin:
        0
        0
        var(--space-4);

    padding-left: var(--space-5);
}


.privacy-list-item {
    font-size: var(--font-sm);
    line-height: var(--line-height-base);

    color: var(--text-main);
}


.privacy-list-item::marker {
    color: var(--accent-beige);
}


/* ==========================================
   Link Area
========================================== */

.privacy-link-area {
    display: flex;
    flex-direction: column;

    gap: var(--space-2);

    margin: 0;

    font-family: var(--font-sans);
    font-size: var(--font-sm);
    line-height: var(--line-height-base);

    color: var(--text-sub);
}


/* ==========================================
   Link
========================================== */

.privacy-link-area a {
    display: inline;

    width: fit-content;

    color: var(--text-main);

    text-decoration: underline;
    text-decoration-color: var(--accent-beige);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    transition:
        color var(--transition-base),
        text-decoration-color var(--transition-base),
        opacity var(--transition-base);
}


.privacy-link-area a:hover {
    color: var(--accent-beige);

    text-decoration-color: var(--accent-beige);

    opacity: 1;
}


/* ==========================================
   Contact
========================================== */

.privacy-contact {
    margin-top: var(--space-5);
}


/* ==========================================
   Updated
========================================== */

.privacy-updated {
    padding-top: var(--space-6);
    margin: var(--space-7) 0 0;

    font-family: var(--font-sans);
    font-size: var(--font-xs);
    line-height: 1.7;

    color: var(--text-sub);

    border-top: 1px solid var(--border-color);
}


/* ==========================================
   PC
========================================== */

@media (min-width: 768px) {


    /* ======================================
       Privacy Section
    ====================================== */

    .privacy-section {
        padding-bottom: var(--space-8);
        margin-bottom: var(--space-8);
    }


    /* ======================================
       Section Heading
    ====================================== */

    .privacy-section-heading {
        margin-bottom: var(--space-5);

        font-size: var(--font-xl);
    }


    /* ======================================
       Sub Heading
    ====================================== */

    .privacy-subheading {
        margin-top: var(--space-7);
        margin-bottom: var(--space-4);

        font-size: var(--font-lg);
    }


    /* ======================================
       Text
    ====================================== */

    .privacy-text {
        font-size: var(--font-base);
    }


    /* ======================================
       List
    ====================================== */

    .privacy-list-item {
        font-size: var(--font-base);
    }


    /* ======================================
       Link Area
    ====================================== */

    .privacy-link-area {
        font-size: var(--font-base);
    }


    /* ======================================
       Updated
    ====================================== */

    .privacy-updated {
        padding-top: var(--space-7);
        margin-top: var(--space-8);

        font-size: var(--font-sm);
    }

}