#front_page {
	.main_visual {
		aspect-ratio: 1 / 1;
		.text_1 {
			width: calc(432 / 1384 * 100% * 1.5);
		}
		.text_2 {
			width: calc(768 / 1384 * 100% * 1.5);
		}
	}
	#about_us {
		padding-top: 3em;
		padding-bottom: 0;
		.content {
			flex-direction: column;
		}
		.image {
			order: 1;
		}
		.description {
			order: 2;
		}
	}
	#support {
		padding: 2em 1em;
		margin-top: 2em;
		.title {
			line-height: 1.4em;
		}
		.steps {
			flex-direction: column;
			gap: 4em;
			padding: 0;
		}
		section {
			padding: 1em;
			padding-top: 2em;
			&:nth-of-type(2) {
				transform: none;
			}
			&:nth-of-type(3) {
				transform: none;
			}
		}
	}
	#service {
		padding: 2em;
		.container {
		}
		.service_lineup {
			display: flex;
			flex-direction: column;
			gap: 1em;
		}
		.item {
			padding: 1em;
		}
		.title {
			line-height: 1.4em;
		}
		.service_5 {
			.other {
				margin-top: 1em;
				flex-direction: column;
				gap: 1em;
			}
			h4 {
				margin-top: 0;
			}
		}
	}
	#flow {
		.wrap {
			padding: 1em;
			padding-left: 2em;
			flex-direction: column;
			gap: 1em;
		}
		.number {
			flex-shrink: 0;
		}
	}
	#area {
		.content {
			flex-direction: column;
			gap: 1em;
		}
		ul {
			grid-template-columns: repeat(3, 1fr);
		}
	}
	#voices {
		.items {
			flex-direction: column;
			display: flex;
			gap: 1em;
		}
	}
	#news {
		margin: 3em auto;
	}
	#staff {
		.items {
			display: flex;
			flex-direction: column;
		}
	}
	#company {
		.container {
			flex-direction: column;
		}
		.map {
			iframe {
				height: 200px;
			}
		}
	}
	#recruit {
		padding: 3em 1em;
		.container {
			display: flex;
			flex-direction: column;
			gap: 2em;
		}
		.image {
			order: 2;
			margin: 0;
		}
		.content {
			margin-top: 2em;
			padding: 1em;
			gap: 1em;
			section {
				padding-bottom: 1em;
				padding-inline: 0;
			}
		}
	}
	#contact {
		margin: 3em 1em;
		.section_title {
			&::before {
				left: 0;
				transform: none;
			}
		}
		.message {
			text-align: left;
		}
		.wrap {
			flex-direction: column;
		}
		.tel {
			font-size: calc(30 * var(--px));
		}
		.mail {
			a {
				font-size: calc(20 * var(--px));
				padding: 1em;
				padding-left: 3.5em;
				padding-right: 2.5em;
			}
		}
	}
}