.char-list {
    width: 98%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.char, .char img {
    width: 100%;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

/* .char1 {
    transform: scale(1.05);
    margin-left: 14px;
} */

.char3, .char5 {
    transform: translate(30px, 0px);
}

.char2, .char4 {
    transform: translate(-30px, 0px);
}


/*
タブレット用
*/
@media screen and (max-width: 1024px) {

}

/*
スマホ用
*/
@media screen and (max-width: 768px) {
    .char1 {
        transform: scale(1.05);
        margin-left: 14px;
    }
    
}