.page-index #kv .bg.typeA {
    background-image: url("../../img/index/kv-A.webp")
}

@media (max-width: 768px) {
    .page-index #kv .bg.typeA {
        background: none;
    }
}

.page-index #kv .bg.typeA .inner-kv {
    height: 100%;
}

@media (min-width: 769px) {
    .page-index #kv .bg.typeA .inner-kv {
        height: 100%;
        z-index: 10;
    }
}

.page-index #kv .bg.typeA h1.pc {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 61%;
    transform: translate(-50%,0);
}

.page-index #kv .bg.typeA h1.pc span {
    width: auto;
    max-width: inherit;
}

@media (min-width: 769px) {
    .page-index #kv .bg.typeA .ctn {
        width: 11.35%;
        max-width: inherit;
        padding: 0;
        position: absolute;
        top: 16%;
        left: 62.5%;
    }

    .page-index #kv .bg.typeA .ctn img {
        width: 100%;
    }
}

@media (max-width: 481px) {
    .page-index #article .bloc #kv .bg.typeA .ctn {
        padding: 21.8vw 40px 0;
    }
}



.page-index #kv .bg.typeB {
    background-image: url("../../img/index/kv-B.webp")
}

@media (max-width: 768px) {
    .page-index #kv .bg.typeB {
        background: none;
    }
}

.page-index #kv .bg.typeB .inner-kv {
    height: 100%;
}

@media (min-width: 769px) {
    .page-index #kv .bg.typeB .inner-kv {
        height: 100%;
        z-index: 10;
    }
}

.page-index #kv .bg.typeB h1.pc {
    position: absolute;
    bottom: 5%;
    left: 54.1%;
    width: 35.2%;
}

.page-index #kv .bg.typeB h1.pc span {
    width: auto;
    max-width: inherit;
}

@media (min-width: 769px) {
    .page-index #kv .bg.typeB .ctn {
        width: 11.35%;
        max-width: inherit;
        padding: 0;
        position: absolute;
        top: 16%;
        left: 18.2%;
    }

    .page-index #kv .bg.typeB .ctn img {
        width: 100%;
    }
}

@media (max-width: 481px) {
    .page-index #article .bloc #kv .bg.typeB .ctn {
        padding: 21.8vw 40px 0;
    }
}



.page-index #kv .bg.typeC {
    background-image: url("../../img/index/kv-C.webp")
}

@media (max-width: 768px) {
    .page-index #kv .bg.typeC {
        background: none;
    }
}

.page-index #kv .bg.typeC .inner-kv {
    height: 100%;
}

@media (min-width: 769px) {
    .page-index #kv .bg.typeC .inner-kv {
        height: 100%;
        z-index: 10;
    }
}

.page-index #kv .bg.typeC h1.pc {
    position: absolute;
    top: 50%;
    left: 57%;
    width: 35.2%;
    transform: translate(0,-50%);
}

.page-index #kv .bg.typeC h1.pc span {
    width: auto;
    max-width: inherit;
}

@media (min-width: 769px) {
    .page-index #kv .bg.typeC .ctn {
        width: 8.43%;
        max-width: inherit;
        padding: 0;
        position: absolute;
        top: 10%;
        left: 15.1%;
    }

    .page-index #kv .bg.typeC .ctn img {
        width: 100%;
    }
}

@media (max-width: 481px) {
    .page-index #article .bloc #kv .bg.typeC .ctn {
        padding: 21.8vw 40px 0;
    }
}



.page-index #kv h1 span img {
    transition-delay: 0.8s;
}
.page-index #kv .ctn p img {
    transition-delay: 0.4s;
}