.tel-button{
    background-color: #EB3991 !important;
    color: white !important;
}

.bg-pink{
    background-color: #EB3991 !important;
    color: white !important;
}

.contents{
    overflow: auto;
    scroll-snap-type: y mandatory;
    height: 100vh;
}

.scroll-snap-align-start{
    scroll-snap-align: start;
}

.cast-photo{
    height: 20vh;
    width: 10vw;
    object-fit: cover;
}

.bg-black{
    background-color: #000;
}

.cast-title{
    position: absolute;
    color: #fff;
    top: 20%;
    left: 10%;
}

.cast-table{
    background-color: #fff;

    position: absolute;
    
    top: 20%;
    left: 40%;
    right: 10%;

    padding: 5%;
    
    width: auto;
    overflow: auto;
}

.cast-left-bg{
    clip-path: polygon(0 0, 0% 100%, 40% 0);
}

.cast-right-bg{
    clip-path: polygon(100% 50%, 80% 100%, 100% 100%);
}

.age-verification{
    width: 30%;
}

@media screen and (max-width: 720px) { /*スマホ・タブレットとか*/
    .cast-left-bg{
        clip-path: polygon(0 0, 0% 100%, 100% 0);
    }

    .cast-right-bg{
        clip-path: polygon(100% 50%, 50% 100%, 100% 100%);
    }

    .cast-title{
        position: absolute;
        color: #fff;
        top: 10%;
        left: 10%;
    }

    .cast-table{
        position: absolute;

        top: 25%;
        left: 10%;
        right: 10%;

        width: auto;

        overflow: auto;
    }

    .age-verification{
        width: 80%;
    }
}

@media screen and (max-width: 960px) {
    .cast-title{
        position: absolute;
        color: #fff;
        top: 15%;
        left: 10%;
    }

    .cast-table{
        position: absolute;

        top: 30%;
        left: 10%;
        right: 10%;

        width: auto;

        overflow: auto;
    }

    .age-verification{
        width: 100%;
    }
}