.top-assessment {
	display: flex;
	flex-direction: column;
	gap: 8px;
	background-color: var(--color-bg-white);
	border-radius: 6px;
	padding: 20px 20px 25px;
}
@media screen and (min-width: 768px) {
	.top-assessment {
		border-radius: 15px;
		padding: 32px 35px;
	}
}

.top-assessment-head {
	font-size: 18px;
	font-weight: 600;
}
@media screen and (min-width: 768px) {
	.top-assessment-head {
		font-size: 20px;
	}
}

.top-assessment-inner {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.top-assessment-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}
@media screen and (min-width: 768px) {
	.top-assessment-button {
		flex-direction: row;
		justify-content: center;
	}
}

.top-assessment-text {
	border: 1px solid var(--color-bg-base);
	border-radius: 6px;
	padding: 28px 20px;
}
@media screen and (min-width: 768px) {
	.top-assessment-text {
		border-radius: 15px;
		padding: 32px 26px;
	}
}

.top-common-aruaru-img {
  width: 100%;
  margin: 30px 0;
}
@media screen and (min-width: 1080px) {
  .top-common-aruaru-img {
    max-width: 100%;
  }
}
@media screen and (min-width: 1080px) {
  .top-common-aruaru-img img {
    aspect-ratio: 16/5;
  }
}