.hero-block {
    position: relative;
}
.hero-block__desc {
    position: absolute;
    width: 28.26vw;
    left: 19.65vw;
    top: 8vw;
}
.hero-block__desc .link {
    margin-top: 2rem;
}
.hero-block__desc .link,
.hero-block__desc .link img {
    width: 100%;
    height: auto;
}
.hero-block__desc .neko {
    position: absolute;
    left: -11.38vw;
    bottom: -6.66vw;
    width: 12.5vw;
    z-index: 1;
}
.hero-block .riku {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 56.66vw;
}
.video-block iframe {
    width: 96%;
    aspect-ratio: 16 / 9;
    margin: 0 2%;
}

.responsive {
    width: 100%;
    height: auto;
}

.header .flex-left {
    margin-top: 0.5rem;
    width: 20%;
}
.mainv {
    padding-top: 12rem;
}
.mainv .whatis {
    margin-left: -6vw;
}
.fixed2 {
    z-index: 2;
}

@media (max-width: 750px) {
    .header {
        padding: 1.5rem 0;
    }
    .header .flex-left {
        margin-top: 0.5rem;
        width: 16%;
    }
    .header .flex-right .list ul.flex li a img {
        max-width: 32px;
    }
    .header .flex-right .list ul.flex {
        margin-top: 0;
    }
    .mainv {
        padding-top: 7rem;
    }
    .mainv .whatis {
        display: none;
    }

    .hero-block__desc {
        width: 100%;
        left: 0;
        top: 0;
        bottom: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0 3rem;
        box-sizing: border-box;
    }
    .hero-block__desc .link {
        margin-top: 1rem;
    }
    .hero-block__desc .neko {
        display: none;
    }
    .hero-block .riku {
        display: none;
    }
}