@charset "utf-8";

/* MV
----------------------------------------------------------------------------- */
.page-ttl-inner{
    background-image: url("../images/mv_policy.png");
}

@media screen and (max-width:768px){
    .page-ttl-inner{
        background-image: url("../images/mv_policy_sp.png");
    }
}


/* index
----------------------------------------------------------------------------- */
.policy-index{
    margin-bottom: 100px;
    background-color: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.policy-index-ttl{
    font-size: 30px;
    color: #89C330;
    font-family: "Outfit", sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 30px;
    text-align: center;
}

.policy-index ol li{
    margin: 15px;
    font-size: 18px;
}
.policy-index ol li a{
    text-decoration: none;
}
.policy-index ol li a:hover{
    color: #89C330;
}

@media screen and (max-width:768px){
    .policy-index{
        margin-bottom: 12.5vw;
        padding: 5vw;
        border-radius: 2.5vw;
    }
    .policy-index-ttl{
        font-size: 5vw;
        margin-bottom: 3.75vw;
    }

    .policy-index ol li{
        font-size: 4vw;
    }
}

/* section
----------------------------------------------------------------------------- */
.policy-section{
    
}
.policy-section p{
    margin-bottom: 50px;
}
.policy-section .box-white{
    margin-bottom: 100px;
    font-size: 18px;
}
.policy-section .box-white .ttl-border{
    font-size: 25px;
}
.policy-section-list{
    background-color: #fff;
    padding: 30px 30px 30px 50px;
    margin-bottom: 50px;
    border-radius: 20px;
}
.policy-section-list ul{
    list-style-type:disc;
    font-size:16px;
}
.policy-section-list ul li{
    margin-bottom: 15px;
}
.policy-section-list ul li:last-child{
    margin-bottom: 0;
}


@media screen and (max-width:768px){

    .policy-section p{
        margin-bottom: 7.5vw;
    }
    .policy-section .box-white{
        margin-bottom: 12.5vw;
        font-size: 4vw;
    }
    .policy-section .box-white .ttl-border{
        font-size: 3.75vw;
    }
    .policy-section-list{
        padding: 5vw 5vw 5vw 7.5vw;
        margin-bottom: 7.5vw;
        border-radius: 3.75vw;
    }
    .policy-section-list ul{
        font-size:3.75vw;
    }
    .policy-section-list ul li{
        margin-bottom: 2.5vw;
    }
}