.banner-box {
    width: 38.4rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: calc(4.6133rem - 2.1867rem);
}

.banner-box>span {
    isolation: isolate;
    overflow: hidden;
    align-items: center;
    -webkit-backdrop-filter: blur(.16rem);
    backdrop-filter: blur(.16rem);
    border-radius: .8533rem;
    box-shadow: inset 0 -0.1867rem .2933rem #a48fff1f;
    display: flex;
    margin: 0 auto .2133rem;
    padding: .1067rem .3467rem .1067rem .2133rem;
    position: relative;
    width: -moz-max-content;
    width: max-content;
    transition: .45s cubic-bezier(.6, .6, 0, 1) box-shadow;
    background: linear-gradient(0deg, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4)), linear-gradient(90.01deg, #e59cff .01%, #ba9cff 50.01%, #9cb2ff 100%);
    background-blend-mode: normal, screen;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: .3733rem;
    border: 1px solid #f4f0ff31;
}

.banner-box>span:hover {
    box-shadow: inset 0 -0.1867rem .2933rem #a48fff;
}

.banner-box h2 {
    font-size: 1.92rem;
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, .7) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: block;
    font-weight: 500;
    font-family: 'Gulkave-Regular';
}

.banner-box h2 a {
    font-family: 'Gulkave-Regular';
}

.banner-box b {
    color: #efedfdb3;
    font-size: .4267rem;
}

.banner-box>video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: -1;
}

@media screen and (max-width:769px) {
    .banner-box {
        width: 100%;
        padding-top: .4rem;
        overflow: hidden;
    }

    .banner-box h2 {
        width: 100%;
        text-align: center;
        font-size: 1.3333rem;
    }

    .banner-box b {
        width: 100%;
        text-align: center;
    }

    .banner-box>video {
        width: 200%;
        top: -50%;
        left: -100%;
        transform: translateX(25%);
    }
}