.rules-icon-list {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
	gap: 1.5rem 0;
}

.rules-icon-list::after {
    display: block;
    content:"";
    width: 1.5rem;
}

.rules-icon-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #F2F8F5;
	width: 16.5rem;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    padding: 1rem;
}

.rules-icon-check,
.rules-icon-clock,
.rules-icon-nosmoking,
.rules-icon-norubbish,
.rules-icon-return,
.rules-icon-dog,
.rules-icon-touyu {
	width: 53%;
    aspect-ratio: 1 / 1;
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
}
.rules-icon-check {
	background-image: url(/ekiren_self/assets/img/how_to_use/icon_check.svg);
}
.rules-icon-clock {
	background-image: url(/ekiren_self/assets//img/how_to_use/icon_clock.svg);
}
.rules-icon-nosmoking {
	background-image: url(/ekiren_self/assets//img/how_to_use/icon_nosmoking.svg);
}
.rules-icon-norubbish {
	background-image: url(/ekiren_self/assets//img/how_to_use/icon_norubbish.svg);
}
.rules-icon-return {
	background-image: url(/ekiren_self/assets//img/how_to_use/icon_return.svg);
}
.rules-icon-dog {
	background-image: url(/ekiren_self/assets//img/how_to_use/icon_dog.svg);
}
.rules-icon-touyu {
	background-image: url(/ekiren_self/assets//img/how_to_use/icon_touyu.svg);
}

@media screen and (min-width:780px) {

    .rules-icon-list {
        gap: 28px 0;
    }

    .rules-icon-list::after {
        display: block;
        content:"";
        width: 23%;
    }
    .rules-icon-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #F2F8F5;
        width: 23%;
        height: 23%;
    }

    .rules-icon-check {
        width: 47%;
        min-width: 75px;
        min-height: 75px;
        height: auto;
        background-image: url(/ekiren_self/assets/img/how_to_use/icon_check.svg);
        background-position: center;
        background-repeat: no-repeat;
    }
    .rules-icon-clock {
        width: 47%;
        min-width: 75px;
        min-height: 75px;
        height: auto;
        background-image: url(/ekiren_self/assets/img/how_to_use/icon_clock.svg);
        background-position: center;
        background-repeat: no-repeat;
    }
    .rules-icon-nosmoking {
        width: 47%;
        min-width: 75px;
        min-height: 75px;
        height: auto;
        background-image: url(/ekiren_self/assets/img/how_to_use/icon_nosmoking.svg);
        background-position: center;
        background-repeat: no-repeat;
    }
    .rules-icon-norubbish {
        width: 47%;
        min-width: 75px;
        min-height: 75px;
        height: auto;
        background-image: url(/ekiren_self/assets/img/how_to_use/icon_norubbish.svg);
        background-position: center;
        background-repeat: no-repeat;
    }
    .rules-icon-return {
        width: 47%;
        min-width: 75px;
        min-height: 75px;
        height: auto;
        background-image: url(/ekiren_self/assets/img/how_to_use/icon_return.svg);
        background-position: center;
        background-repeat: no-repeat;
    }
    .rules-icon-dog {
        width: 47%;
        min-width: 75px;
        min-height: 75px;
        height: auto;
        background-image: url(/ekiren_self/assets/img/how_to_use/icon_dog.svg);
        background-position: center;
        background-repeat: no-repeat;
    }
    .rules-icon-touyu {
        width: 47%;
        min-width: 75px;
        min-height: 75px;
        height: auto;
        background-image: url(/ekiren_self/assets/img/how_to_use/icon_touyu.svg);
        background-position: center;
        background-repeat: no-repeat;
    }
}