#reason {
	width: 100%;
	padding-block: 64px;
	background-color: #382A7C;

	@media (max-width: 768px) {
		padding-block: 48px 80px;
		padding-inline: 16px;
	}

	hgroup.heading-component {
		padding-top: 110px;
	
		@media (max-width: 768px) {
			padding-top: 65px;
		}

		.english {
			@media (max-width: 768px) {
				font-size: 88px;
			}
		}
	
		.heading {
			font-size: 36px;
			position: relative;
			z-index: 50;

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

	.reason-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 40px;

		@media (max-width: 768px) {
			gap: 32px;
		}

		.reason-description {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 16px;

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

				@media (max-width: 768px) {
					font-size: 1.4rem;
				}

				.pc_only {
					display: block;

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

				.bold {
					font-weight: bold;
				}
			}
		}
	}
}