#subject {
	width: 100%;
	margin: 0;
	padding: clamp(88px, 8vw, 155px) 24px clamp(88px, 10vw, 180px);
	box-sizing: border-box;
	background: #f6f5f4;
}

#subject .subject-inner {
	width: min(100%, 1180px);
	margin: 0 auto;
}

#subject .subject-title {
	width: min(100%, 1180px);
	margin: 0 auto clamp(52px, 6vw, 98px);
}

#subject .subject-title picture,
#subject .subject-title img,
#subject .subject-card picture,
#subject .subject-card img {
	display: block;
	width: 100%;
	height: auto;
}

#subject .subject-list {
	display: grid;
	gap: clamp(14px, 1.5vw, 24px);
}

#subject .subject-card {
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-radius: 34px;
	background: #ffffff;
	scroll-margin-top: 145px;
}

#subject .subject-card img {
	border-radius: inherit;
}

.subject-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 1023px) {
	#subject {
		padding: 76px 16px 92px;
	}

	#subject .subject-title {
		width: 100%;
		margin-bottom: 42px;
	}

	#subject .subject-list {
		gap: 14px;
	}

	#subject .subject-card {
		border-radius: 22px;
		scroll-margin-top: 98px;
	}
}