@charset "utf-8";
/* ====================================
common
=====================================*/

:root {
    --primary-white: #F9F5EF;
    --primary-whiteLow: #8D5904; /* 薄さ15％にして活用　主にメニューや悩み、FAQとかの背景 */
    --primary-black: #231815;
    --primary-beige: #9F804D; /* 薄さ70％にして活用　SNSの部分 */
    --primary-red: #A03E22;
    --contentWidth: 80%; /* sp サイドの余白 */
    --contentPadding: 10%; /* sp サイドの余白 */
}

html {
    font-size: 62.5%;
}

body {
    font-family: 
        "Shippori Mincho",
        "Libre Caslon Text",
         serif;
    color: var(--primary-black, #231815);
    line-height: 1.5;
}

img {
    max-width: 100%;
    height: auto;
}


/* ====================================
section--pp--top
=====================================*/

.section--pp--top {
    background-image: url(../images/sp_bl_Privacypolicy.png);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index:-1;
    background-repeat: no-repeat;
    object-fit: cover;
    object-position: center center;
    background-size: cover;
}

.pp__txt__group {
    padding: 220px 6%;
    /* width: 330px; */
}

.pp--topic__sub {
    color: var(--primary-white);
    font-family: "Libre Caslon Text";
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.064rem;
}

.pp--topic__main {
    margin-top: 6px;
    color: var(--primary-white);
    font-family: "Shippori Mincho";
    font-size: 2.0rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.08rem;
}

.pp__txt {
    margin-top: 60px;
    color: var(--primary-white);
    font-family: "Shippori Mincho";
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 210%; /* 29.4px */
    letter-spacing: 0.112rem;
}



/*=============================================================================
768px 
 =============================================================================*/
 @media screen and (min-width: 768px) and (max-width: 959px){

    .section--pp--top {
        background-image: url(../images/sp_bl_Privacypolicy.png);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index:-1;
        background-repeat: no-repeat;
        object-fit: cover;
        object-position: center center;
        background-size: cover;
    }
    
    .pp__txt__group {
        padding: 220px 24%;
        /* width: 330px; */
    }
    
    .pp--topic__sub {
        color: var(--primary-white);
        font-family: "Libre Caslon Text";
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.064rem;
    }
    
    .pp--topic__main {
        margin-top: 6px;
        color: var(--primary-white);
        font-family: "Shippori Mincho";
        font-size: 2.0rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.08rem;
    }
    
    .pp__txt {
        margin-top: 60px;
        color: var(--primary-white);
        font-family: "Shippori Mincho";
        font-size: 1.4rem;
        font-style: normal;
        font-weight: 400;
        line-height: 210%; /* 29.4px */
        letter-spacing: 0.112rem;
    }

 }


/* ==============================================================
section--pp--top pc
================================================================*/
@media screen and (min-width: 960px){

    .section--pp--top {
        background-image: url(../images/background01.png);
        position: fixed;
        padding: 0 0 0 16.31%;
        object-fit: cover;
        background-size: cover;
    }
    
    .pp__txt__group {
        background-image: url(../images/pc_bl_Privacypolicy.png);
        background-size: cover;
        padding: 200px 0 156px 11.12%;
    }
    
    .pp--topic__sub {
        color: var(--primary-white);
        font-family: "Libre Caslon Text";
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.064rem;
        margin-left: 3px;
    }
    
    .pp--topic__main {
        margin-top: 6px;
        color: var(--primary-white);
        font-family: "Shippori Mincho";
        font-size: 3.2rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.128rem;
    }
    
    .pp__txt {
        margin-top: 60px;
        color: var(--primary-white);
        font-family: "Shippori Mincho";
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 500;
        line-height: 240%; /* 38.4px */
        letter-spacing: 0.128rem;
        width: 330px;
    }

}





/* ====================================
section--pp
=====================================*/

.section--pp {
    background-image: url(../images/background01.png);
    padding: 40px 6% 80px;
}

.pp__item h2 {
    color: var(--primary-black);
    font-family: "Shippori Mincho";
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.064rem;
    margin-top: 60px;
}

.pp__item p {
    color: var(--primary-black);
    font-family: "Shippori Mincho";
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 210%; /* 29.4px */
    letter-spacing: 0.056rem;
    margin-top: 10px;
}


/*=============================================================================
768px 
 =============================================================================*/
 @media screen and (min-width: 768px) and (max-width: 959px){

    .section--pp {
        background-image: url(../images/background01.png);
        padding: 40px 24% 80px;
    }
    
    .pp__item h2 {
        color: var(--primary-black);
        font-family: "Shippori Mincho";
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.064rem;
        margin-top: 60px;
    }
    
    .pp__item p {
        color: var(--primary-black);
        font-family: "Shippori Mincho";
        font-size: 1.4rem;
        font-style: normal;
        font-weight: 400;
        line-height: 210%; /* 29.4px */
        letter-spacing: 0.056rem;
        margin-top: 10px;
    }
    

 }


/* ==============================================================
section--pp--top pc
================================================================*/
@media screen and (min-width: 960px){


    .section--pp {
        background-image: url(../images/background01.png);
        padding: 100px 8.8% 100px 25.69%;
    }
    
    .pp__item h2 {
        color: var(--primary-black);
        font-family: "Shippori Mincho";
        font-size: 2.0rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.16rem;
        margin-top: 60px;
    }
    
    .pp__item p {
        color: var(--primary-black);
        font-family: "Shippori Mincho";
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 400;
        line-height: 210%; /* 29.4px */
        letter-spacing: 0.064rem;
        margin-top: 20px;
    }
}