.p-index {
    background-color: #fff;
    color: #000;
    margin:0 auto
}

.p-index__kv {
    position:relative
}

@media screen and (max-width: 768px) {
    .p-index__kv {
        padding-bottom:12vw
    }
}

@media screen and (min-width: 769px) {
    .p-index__kv {
        padding-bottom:7.3206442167vw
    }
}


.p-index__kv__bnr-wrap {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-wrap:wrap
}

@media screen and (max-width: 768px) {
    .p-index__kv__bnr-wrap {
        width: 91.4666666667vw;
        gap: 2.9333333333vw;
        margin-top:10.6666666667vw
    }
}

@media screen and (min-width: 769px) {
    .p-index__kv__bnr-wrap {
        width: 51.6837481698vw;
        margin-top: 3.6603221083vw;
        gap:1.0248901903vw
    }
}

.p-index__kv__bnr-wrap__item {
    display: block;
    line-height:0
}

@media screen and (max-width: 768px) {
    .p-index__kv__bnr-wrap__item {
        width:28.5333333333vw
    }
}

@media screen and (min-width: 769px) {
    .p-index__kv__bnr-wrap__item {
        width: 9.5168374817vw;
        transition:.2s
    }
}

.p-index__kv__bnr-wrap__item:hover {
    opacity:.7
}