#cast > .content{
    padding: 40px 0;
    background: black;
}

#cast .content .block{
    border: 5px solid #dad0bb;
    border-radius: 5px;
    background: #ffffff;
    padding: 35px 0 35px 0;
}

#cast .content .block .description{
    padding: 0 35px;
    margin-top: 20px;
}

#cast .content .block .description .avatar{
    float: left;
}
#cast .content .block .description .content{
    float: right;
    width: 845px;
    text-align: justify;
    font-size: 14px;
    padding: 0;
    line-height: 26px;
}

#cast .content .block.block-2{
    margin: 40px 0;
}

#cast .content .block.block-4{
    margin-top: 40px;
}

#cast .content .block.block-3, #cast .content .block.block-4{
    padding-bottom: 35px;
}

#cast .content .block.block-4 .description .avatar{
    float: right;
}

#cast .content .block.block-4 .description .content{
    float: left;
    width: 845px;
    text-align: justify;
    font-size: 14px;
    padding: 0;
    line-height: 26px;
}
#cast .content .block{
    position: relative;
}

#cast .content .block .block-bg{
    position: absolute;
    top: 0;
    right: 0;

}

#cast .content .block img.block-bg {
}

#cast .content .block .name{
    /*margin-top: 35px;*/
}

#cast .content .block.block-1, #cast .content .block.block-2, #cast .content .block.block-3{
    background: url("../images/pc/cast.png") top right no-repeat white;
}
#cast .content .block.block-4{
    background: url("../images/pc/staff.png") top right no-repeat white;
}

@media only screen and (max-width: 768px) {
    #cast {
        position: relative;
    }

    #cast .content{
        padding: 5.208333333333333% 0;
    }

    #cast .menu-sp{
        position: absolute;
        right: 0;
        width: 100%;
        top: 0;

    }

    #cast .title-page img{
        /*width: 16.27604166666667%;*/
        width: 45%;
    }

    #cast .menu-sp .menu-top{
        position: relative;
        float: right;
    }

    #cast .menu-item{
        position: relative;
    }

    #cast .menu-item {
        top: 3.59%;
    }

    #cast .content .block {
        padding-top: 5.232558139534884% !important;
        padding-bottom: 4.162241887905605% !important;
    }
    #cast .content .block .name{
        padding: 0 2.604166666666667%;
    }

    #cast .content .block .name img {
        margin: 0 auto;
        width: 100%;
    }

    #cast .content .block .description {
        margin-top: 3.244837758112094%;
        padding: 0 5.208333333333333%;
    }

    #cast .content .block .description .avatar {
        margin-right: 3.244837758112094%;
    }

    #cast .content .block .description .content {

        width: 100%;
        float: none;
        font-size: 3.12vw !important;;
        line-height: 4.7vw !important;

    }

    #cast .content .block.block-2 {
        margin: 5.813953488372093% 0;
    }

    #cast .content .block.block-4 {
        margin-top: 5.813953488372093%;
    }

    #cast .content .block.block-4 .description .avatar {
        float: right;
        margin: 0 0 0 3.5%;
    }

    #cast .content .block.block-4 .description .content {
        float: none;
        width: 100%;

    }

    #cast .content .block.block-1, #cast .content .block.block-2, #cast .content .block.block-3{
        background-size: 66.86046511627907% auto;
    }
    #cast .content .block.block-4{
        background-size: 88.523256% auto;

    }
}