.kv .container {
    position: relative;
}
.kv .container img {
    position: absolute;
    width: 100%; max-width: 100%;
    top: 0; left: 0;
}
.kv .container img.kv_bg {
    position: static;
}
.d-none {
    display: none;
}
.ani_y {
    animation: ani_y 1.6s linear infinite;
    animation-fill-mode: forwards;
}
@keyframes ani_y {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}










.s2 b img ,
.s2 span img {
    -webkit-transition: all .4s;
    transition: all .4s;
}
.s2 .container img {
    position: absolute;
    width: 100%; max-width: 100%
}
.s2 .container img.bg {
    position: static;
}
.s2 b,
.s2 span {
    display: block;
    position: absolute;
}
.s2 b {
    width: calc((275.34 / 375) * 100%);
    height: calc((179 / 759) * 100%);
    top: calc((20 / 756) * 100%);
    left: calc((48 / 375) * 100%);
    overflow: hidden;
}
.s2 b:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.s2 span {
    width: calc((176.41 / 375) * 100%);
}
.s2 span:hover img {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.s2 span:nth-of-type(1) {
    top: calc((197.3 / 756) * 100%);
    left: calc((26.6 / 375) * 100%);
}
.s2 span:nth-of-type(2) {
    top: calc((197.3 / 756) * 100%);
    left: calc((170 / 375) * 100%);
}
.s2 span:nth-of-type(3) {
    top: calc((359.7 / 756) * 100%);
    left: calc((26.6 / 375) * 100%);
}
.s2 span:nth-of-type(4) {
    top: calc((359.7 / 756) * 100%);
    left: calc((170 / 375) * 100%);
}
.s2 span:nth-of-type(5) {
    top: calc((502 / 756) * 100%);
    left: calc((26.6 / 375) * 100%);
}
.s2 span:nth-of-type(6) {
    top: calc((502 / 756) * 100%);
    left: calc((170 / 375) * 100%);
}
@media (min-width: 751px) {
    .s2 b {
        width: calc((419 / 1280) * 100%);
        height: calc((649 / 651) * 100%);
        top: -1px;
        left: calc((0 / 1280) * 100%);
    }
    .s2 span {
        width: calc((248.53 / 1280) * 100%);
    }
    .s2 span:nth-of-type(1) {
        top: calc((39.4 / 651) * 100%);
        left: calc((585 / 1280) * 100%);
    }
    .s2 span:nth-of-type(2) {
        top: calc((39.4 / 651) * 100%);
        left: calc((787 / 1280) * 100%);
    }
    .s2 span:nth-of-type(3) {
        top: calc((39.4 / 651) * 100%);
        left: calc((989.4 / 1280) * 100%);
    }
    .s2 span:nth-of-type(4) {
        top: calc((326.1 / 651) * 100%);
        left: calc((585 / 1280) * 100%);
    }
    .s2 span:nth-of-type(5) {
        top: calc((326.1 / 651) * 100%);
        left: calc((787 / 1280) * 100%);
    }
    .s2 span:nth-of-type(6) {
        top: calc((326.1 / 651) * 100%);
        left: calc((989.4 / 1280) * 100%);
    }
}










.s4 a {
    position: relative;
    display: block;
}
.s4 b {
    display: block;
    position: absolute;
    width: 43%; left: 50%;
}
.s4 a:nth-of-type(1) b {
    top: 34%; 
    height: 11%;
}
.s4 a:nth-of-type(2) b {
    top: 22%; 
    height: 12%;
}
.s4 a b img {
    width: 100%; max-width: 100%;
}
.s4 a:hover b {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
}
@media (min-width: 751px) {
    .s4 a b {
        width: 16.5%; left: 21.5%;
    }
    .s4 a:nth-of-type(1) b {
        top: 79%; 
        height: 16.5%;
    }
    .s4 a:nth-of-type(2) b {
        top: 64%; 
        height: 19%;
    }
}










.plugins .container > div {
    width: 100%; max-width: 100%;
    position: fixed;
    left: 0; bottom: 0;
    z-index: 15;
}
.plugins .container > div > div {
    display: flex;
    align-items: center; justify-content: center;
}
.plugins .container a {
    display: block;
    width: 50%; max-width: 50%;
    padding: 2.4vw 9px;
}
.plugins .container a:nth-of-type(1) {
    background-color: #2E77CB;
}
.plugins .container a:nth-of-type(2) {
    background-color: #FFA200;
}
.plugins .container a:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
}
.plugins .container a:hover img {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
@media (min-width: 751px) {
    .plugins .container > div {
        width: auto; max-width: none;
        left: auto; right: 0;
    }
    .plugins .container > div > div {
        display: block;
        width: 80px; 
    }
    .plugins .container a {
        width: 100%; max-width: 100%;
        margin-bottom: 13px;
        padding: 0;
    }
    .plugins .container a:nth-of-type(1),
    .plugins .container a:nth-of-type(2) {
        background-color: transparent
    }
    .plugins .container a:hover {
        width: calc(100% + 20px); max-width: calc(100% + 20px);
        transform: translateX(-20px);
    }
    .plugins .container a:hover::before {
        width: 20px; height: 100%;
        position: absolute;
        top: 0; right: 0;
        content: "";
    }
    .plugins .container a:hover:nth-of-type(1)::before {
        background-color: #2E77CB;
    }
    .plugins .container a:hover:nth-of-type(2)::before {
        background-color: #FFA200;
    }
    .plugins .container a:hover img {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}