.container {
	@media only screen and (min-width: 760px) {	
		/**/
		.step-cell .step-num {
			font-size: 20px;
		}
		.step-cell .step-title {
			font-size: 20px;
			margin-top: 15px;
			margin-bottom: 40px;
		}

		/**/
		.select-pan {
			margin-left: auto;
			margin-right: auto;
			column-gap: 20px;
			width: calc(100% - 160px * 2 - 20px * 2);
		}
			.select-pan li {
			}
			.select-pan li a {
				border-radius: 60px;
				padding: 85px 8px 25px;
				border: 5px solid #fff;
			}
			.select-pan li[data-selected="true"] a,
			.select-pan li.non-select[data-selected="true"] a {
				border: 5px solid #bfbdb6;
			}
			.select-pan li a .title {
				font-size: 13px;
				margin-bottom: 0.45em;
			}
			.select-pan li a .label {
				font-size: 17px;
			}
			.select-pan li .item-quant {
				width: 38px;
				height: 38px;
				font-size: 15px;
				transform: translate(10px, -5px);
			}
			.select-pan li figure {
				transform: translate(-50%,-50%);
			}
		
		/**/
		main #steps .step-cell[data-classid="category"] .select-pan {
			max-width: 54vw;
		}

		/* 4column */
		.select-pan[data-quant="3"] li {
			min-width: 150px;
			width: calc((100% - 20px * 3) / 4);
		}
		.select-pan[data-quant="3"] li.non-select a {
			padding-top: 8px;
			padding-bottom: 8px;
		}
		.select-pan[data-quant="3"] li figure {
			width: calc(100% + 5px * 2);
		}

		/* 5column */
		.select-pan[data-quant="4"] li {
			min-width: 135px;
			width: calc((100% - 20px * 4) / 5);
		}
		.select-pan[data-quant="4"] li a {
			border-radius: 54px;
		}
		.select-pan[data-quant="4"] li.non-select a {
			padding-top: 8px;
			padding-bottom: 8px;
		}
		.select-pan[data-quant="4"] li figure {
			width: calc(100% + 5px * 2);
		}
	}

	@media only screen and (width > 1200px) {
		.select-pan {
			width: 760px;
		}

		/* 4column */
		.select-pan[data-quant="3"] li {
			min-width: auto;
			width: 175px;
		}
		.select-pan[data-quant="3"] li a {
			padding-top: 85px;
		}
		.select-pan[data-quant="3"] li figure {
			transform: translate(-50%, -35%);
		}

		/* 5column */
		.select-pan[data-quant="4"] li {
			min-width: auto;
		}
		.select-pan[data-quant="4"] li a {
			padding-top: 85px;
		}
		.select-pan[data-quant="4"] li figure {
			transform: translate(-50%, -20%);
		}
	}
}