.section-wrapper {
    padding-top: 200px;
    margin-top: -200px;
}
/*====================================================
////id |  
====================================================*/
.nav-inner {
    padding: 30px 0 0;
}
.nav-items {
    font-size: .85em;
    grid-gap: 10px;
}
.nav-item {
    background: #fff;
    border: solid 1px var(--mainColor);
    border-radius: 3em;
    padding: .2em 1em;
}

.faq-inner {
    padding-top: min(10vw, 80px);
}
.faq-inner:not(.faq-inner:last-child) {
    padding-bottom: 0;
}
.faq-head-wrapper {
    display: flex;
        justify-content: center;
}
.faq-head {
    border-bottom: solid 1px var(--d_gray);
    margin-bottom: 1.2em;
    padding-bottom: .4em;
    text-align: center;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .nav-items {
        font-size: .8em;
    }
    .faq-head {
        font-size: 1.2em;
        text-align: center;
        margin-bottom: 1.5em;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .faq-head {
        font-size: 1.2em;
        text-align: center;
        margin-bottom: 1.5em;
    }
}

/* @media print, screen and (min-width: 1100px) {
    .faq-inner {
        display: grid;
            align-items: flex-start;
            grid-template-columns: 300px 1fr;
    }
    .faq-headBox {
        position: sticky;
            top: 120px;
    }
    .faq-head {
        text-align: left;
    }
} */

@media (hover: hover) {
    .nav-item:hover {
        background: var(--mainColor);
        color: #fff;
    }
}