.hp-checkbox-wrap {
	display: flex;
	flex-wrap: wrap;
}

.hp-checkbox-wrap--5col .hp-checkbox-wrap__item {
	width: calc((100% - 40px) / 5);
}

@media screen and (min-width: 768px) {
	.hp-checkbox-wrap--5col .hp-checkbox-wrap__item:not(:nth-of-type(5n+1)) {
		margin-left: 10px;
	}
}

@media screen and (min-width: 768px) {
	.hp-checkbox-wrap--5col .hp-checkbox-wrap__item:nth-of-type(n+6) {
		margin-top: 10px;
	}
}

.hp-checkbox-wrap--6col .hp-checkbox-wrap__item {
	width: calc((100% - 50px) / 6);
}

@media screen and (min-width: 768px) {
	.hp-checkbox-wrap--6col .hp-checkbox-wrap__item:not(:nth-of-type(6n+1)) {
		margin-left: 10px;
	}
}

@media screen and (min-width: 768px) {
	.hp-checkbox-wrap--6col .hp-checkbox-wrap__item:nth-of-type(n+7) {
		margin-top: 10px;
	}
}

@media screen and (max-width: 767px) {
	.hp-checkbox-wrap--5col .hp-checkbox-wrap__item,
	.hp-checkbox-wrap--6col .hp-checkbox-wrap__item {
		width: calc((100% - 12px) / 2);
	}
}

@media screen and (max-width: 767px) {
	.hp-checkbox-wrap--5col .hp-checkbox-wrap__item:nth-of-type(even),
	.hp-checkbox-wrap--6col .hp-checkbox-wrap__item:nth-of-type(even) {
		margin-left: 12px;
	}
}

@media screen and (max-width: 767px) {
	.hp-checkbox-wrap--5col .hp-checkbox-wrap__item:nth-of-type(n+3),
	.hp-checkbox-wrap--6col .hp-checkbox-wrap__item:nth-of-type(n+3) {
		margin-top: 12px;
	}
}