#reason {
	width: 100%;
	padding-block: 64px;
	background-image: url("../../img/reason/reason_bg.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	/* aspect-ratio: 1440 / 1019.19; */

	@media (max-width: 768px) {
		padding-block: 0;
	}

	.container {
		width: min(calc((960px / 1440px) * 100%), 960px);
		margin-inline: auto;
		background-color: rgba(41, 40, 56, 0.8);
		padding-block: 64px;
		border-radius: 12px;
		display: flex;
		flex-direction: column;
		gap: 40px;

		@media (max-width: 768px) {
			width: 100%;
			padding: 48px 20px 56px;
			border-radius: 0;
			gap: 32px;
		}

		.reason-heading {
			font-size: 3.2rem;
			font-weight: bold;
			line-height: 1.6em;
			letter-spacing: 0;
			color: #ffffff;
			text-align: center;

			@media (max-width: 768px) {
				font-size: 8.53333333vw;
			}

			&::after {
				content: '';
				display: block;
				width: 40px;
				height: 2px;
				margin-top: 10px;
				margin-inline: auto;
				background: #ffffff;
			}
		}

		.description {
			font-size: 1.6rem;
			font-weight: bold;
			line-height: 2em;
			letter-spacing: 0;
			color: #ffffff;
			text-align: center;

			@media (max-width: 768px) {
				text-align: left;
			}

			.bold-wrap {
				background-color: #ffffff;
				margin-inline: 3px;

				@media (max-width: 768px) {
					margin-inline: 4px 2px;
				}

				.bold {
					color: #9A780A;
					padding-inline: 2px;
				}
			}

			.pc_only {
				@media (max-width: 768px) {
					display: none;
				}
			}
		}

		.graph-image {
			width: min(calc((508px / 960px) * 100%), 508px);
			margin-inline: auto;

			@media (max-width: 768px) {
				width: 100%;
			}
		}

		.note {
			font-size: 1rem;
			font-weight: 500;
			line-height: 1.6em;
			letter-spacing: 0;
			color: #ffffff;
			text-align: center;

			@media (max-width: 768px) {
				font-size: 2.66666667vw;
				text-align: left;
			}
		}
	}
}