.policy {
    max-width: 1200px;
    margin: 0 auto clamp(4.0625rem, .5755703422rem + 15.2851711027vw, 16.625rem)
}

.policy_contents {
    font-size: clamp(.875rem, .7535646388rem + .5323193916vw, 1.3125rem)
}

.policy_list,
.policy_list li {
    margin-top: 3.4em
}

.services_products--production {
    max-width: 1200px;
    margin: 0 auto
}

.services_products--lists {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    padding: 0 20px;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .services_products--lists {
        grid-template-columns: repeat(3, 1fr)
    }
}

.services_products--li img {
    width: 100%
}

.services_products--nav {
    padding: 0 20px;
    margin-bottom: 30px
}

.services_products--nav h4 {
    margin-bottom: 10px;
    font-family: Arsenal, sans-serif;
    font-size: clamp(1.25rem, 1.0765209125rem + .7604562738vw, 1.875rem);
    text-align: center
}

.services_products--nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    margin: 0 auto
}

.services_products--nav li {
    padding: 2px 30px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 1000px
}

.services_products--nav li.is_active {
    background: #eee
}

@media screen and (min-width:1460px) {
    .header--menu>ul li:nth-child(7) {
        padding-right: 24px;
        padding-left: 24px;
        margin-left: 21px;
        background-color: #fff
    }

    .header--menu>ul li:nth-child(7) a {
        margin-left: 0;
        color: #000
    }
}