/* カスタマイズ用CSS */

.ec-eyecatchRole__subimage{
    background-image: url(/html/template/default/assets/img/top/fv.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 1000px;
    background-size: cover;
    z-index: 1;
}

.link_dance{
    display: block;
    position: absolute;
    max-width: 30%;
    left: 15%;
    bottom: 10%
}

.link_esthetic{
    display: block;
    position: absolute;
    max-width: 30%;
    right: 15%;
    bottom: 10%
}

@media (max-width: 1200px){
    
    .ec-eyecatchRole__subimage{
        background-image: url(/html/template/default/assets/img/top/fv_sp.jpg);
        height: calc(100vw * 2);
        z-index: 1;
    }    
    
    .link_dance{
        max-width: 60%;
        left: 50%;
        transform: translateX(-50%);
        bottom: 25%;
    }
    
    .link_esthetic{
        max-width: 60%;
        left: 50%;
        right: 0%;
        transform: translateX(-50%);
        bottom: 12.5%;
    }
}