@media screen and (max-width: 389px) {
	.merit-of-engineer-background {
		width: 100%;
		background-color: rgba(246, 239, 255, 1);
		display: flex;
		justify-content: center;
	}

	.merit-of-engineer {
		width: max-content;
		padding: 15px;
	}

	.merit-title {
		width: 100%;
		display: flex;
		margin: 16px 0px 16px 16px;
	}

	.merit-title-p {
		width: 70px;
		height: 14px;
		color: rgba(97, 33, 161, 1);
		font-size: 12px;
		font-weight: 600;
		font-family: 'YuGothic';
		transform: rotate(90deg);
		transform-origin: left center;
		/* 回転の基準を調整 */
		margin: 0;
		letter-spacing: 2.5px;
	}

	.merit-title-text {
		font-size: 18px;
		font-weight: 700;
		font-family: 'YuGothic';
		letter-spacing: 1.5px;
		margin: 0 0 0 -55px;
	}

	.merit-title-text span {
		background: linear-gradient(to top, rgba(255, 217, 143, 1) 50%, transparent 30%);
		display: inline;
		/* 背景を文字サイズにフィットさせる */
	}

	.merit-message-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 26px;
	}

	.merits-container {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.merit-p {
		font-size: 16px;
		font-weight: 700;
		margin: 0;
	}

	.number_icon {
		width: 26px;
		height: 26px;
	}

	.merit-wrap {
		display: flex;
		justify-content: first baseline;
		align-items: center;
		gap: 8px;
	}

	.merit-image {
		width: 300px;
		height: 120px;
		margin-top: 10px;
	}

	.merit {
		width: max-content;
		letter-spacing: 1.3px;
	}

	.difficult-message {
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 1.0px;
		text-align: center;
	}

	.source {
		font-size: 12px;
		font-weight: 400;
		text-align: center;
	}

	.give-up-container {
		width: max-content;
		display: flex;
	}

	.give-up-message {
		width: max-content;
		padding-top: 15px;
		margin-right: -30px;
		z-index: 100;
	}

	.give-up-p1 {
		height: 25px;
	}

	.give-up-p2 {
		font-size: 20px;
		font-weight: 700;
		margin: 8px 0 8px 0;
	}

	.give-up-p3 {
		height: 25px;
	}

	.merit-4 {
		width: 160px;
		height: 160px;
	}
}