@charset "UTF-8";
/*==========================
Illust
==========================*/
.illust__contents {
    margin: 0 8.5%;
    padding-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.illust__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15rem;
    height: 15rem;
}

.illust__contents img {
    max-width: auto;
    max-height: 15rem;
}

/* pc 768px */
@media screen and (min-width:768px) {
    .illust__contents {
        margin: 6rem 8.5% 0;
        padding-top: 0;
        gap: 3rem;
    }

    .illust__item {
        width: 21rem;
        height: 20rem;
    }

    .illust__contents img {
        max-width: auto;
        max-height: 20rem;
    }
}