@import url(./global/_variable.css);

/* result */
/* ============================================ */

.congra {
	text-align: center;
	font-size: clamp(4rem, 3.88vw + 2.544rem, 10rem);
	color: var(--sub_c);
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
}


.list_result {
	display: grid;
	gap: 4.47cqw;
	padding-top: 5.2vw;
	@media (width < 896px) {
		gap: 40px;
	}
}

.hd_result {
	text-align: center;
	line-height: 1.1em;
	font-weight: 700;
	letter-spacing: 0.2em;
	color: #FFF;
	span {
		display: inline-block;
		background-color: var(--main_c);
		padding: 10px;
		border-radius: 50px;
		padding: 10px;
	}
}

.grand {
	font-size: clamp(3.2rem, 1.17vw + 2.763rem, 5rem);
	span {
		width: 70%;
		max-width: 400px;
	}
}
.exce {
	font-size: clamp(2.4rem, 1.87vw + 1.701rem, 4.2rem);
	span {
		width: 60%;
		max-width: 300px;
	}
}
.selected {
	font-size: clamp(2rem, 1.24vw + 1.534rem, 3.2rem);
	span {
		width: 60%;
		max-width: 250px;
	}
}

.hd_name_top {
	font-size: clamp(2.4rem, 1.87vw + 1.701rem, 4.2rem);
	line-height: 1.3em;
	text-align: center;
	font-weight: 700;
	font-family: "Noto Sans JP", sans-serif;
	padding-top: 2.98cqw;
	@media (width < 896px) {
		padding-top: 20px;
	}
}

.hd_name_excellence {
	font-size: clamp(2rem, 1.24vw + 1.534rem, 3.2rem);
	line-height: 1.3em;
	font-weight: 700;
	font-family: "Noto Sans JP", sans-serif;
}

.list_excellence {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 2.98cqw;
	padding-top: 2.98cqw;
	@media (width < 896px) {
		grid-template-columns: repeat(1,1fr);
		gap: 25px;
		padding-top: 25px;
	}
}

.list_selected {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2.0cqw;
	padding-top: 3.4cqw;
	@media (width < 896px) {
		grid-template-columns: repeat(1,1fr);
		gap: 16px;
		padding-top: 25px;
	}
}
.item_selected {
	font-size: clamp(1.8rem, 0.48vw + 1.618rem, 2.2rem);
	line-height: 1.3em;
}