main article .index-wrap .index-content {
    max-width: 540px;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    main article .index-wrap .index-content {
        max-width: 850px;
    }
}
@media screen and (min-width: 768px) {
    main article .index-wrap .index-content-specimen {
        max-width: 525px;
    }
}
main article .index-wrap .index-content .items {
    max-width: 90px;
}
@media screen and (min-width: 375px) {
    main article .index-wrap .index-content .items {
        max-width: 100px;
    }
}
@media screen and (min-width: 564px) {
    main article .index-wrap .index-content .items {
        max-width: 150px;
    }
}
@media screen and (min-width: 768px) {
    main article .index-wrap .index-content .items {
        max-width: 164px;
    }
}
main article .index-wrap .index-content .items .media-obj {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    border: 1px solid #ccc;
    border-radius: 50%;
    filter: grayscale(1);
    transition: .3s;
}
@media screen and (min-width: 768px) {
    main article .index-wrap .index-content .items .media-obj {
        width: 150px;
        height: 150px;
    }
}
main article .index-wrap .index-content .items .media-obj img {
    max-width: 100%;
}