#contentsContainer {
    margin-top: 10rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
}

/* コンテンツ */
.content {
    word-break: break-all;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
}
.content img {
    width: 100%;
    height: 100%;
}

.content-item {
    overflow: hidden;
}
.content-main {
    
}
.content-sub {
    display: none;
}

.imageWrapper {
    border-radius: 30px;
}

/* タブレット用
------------------------------- */
@media screen and (max-width: 1100px) {
    #contentsContainer {
        max-width: 600px;
    }
}

/* スマホ用
------------------------------- */
@media screen and (max-width: 600px) {
    #contentsContainer {
        max-width: 300px;
    }
}