@media screen and (max-width: 1100px) {
	.header_logo {
		width: 18.8rem;
	}

	.header {
		padding: 2rem 6% 1rem;
	}

	section {
		flex-direction: column;
		height: auto;
	}

	.intro_left {
		order: 2;
		width: 100%;
		padding: 3rem 3% 3rem 3%;
	}

	.intro_right {
		order: 1;
		width: 100%;
	}

	.intro_right_txt strong {
		font-size: 4rem;
	}

	.intro_right_contact {
		gap: 2rem;
		padding: 1rem 1.5rem;
		margin-bottom: 2rem;
	}

	.intro_right_txt {
		left: 3%;
		bottom: 10%;
	}

	.intro_right_contact a {
		font-size: 1.4rem;
		line-height: 1.2rem;
		gap: 1rem;
	}
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
	.header {
		padding: 5rem 6% 1rem;
	}

	.header_logo {
		width: 23.8rem;
	}

	.intro_right_txt {
		left: 5%;
	}

	.intro_right_txt strong {
		font-size: 8rem;
	}

	.intro_right_contact a {
		font-size: 1.8rem;
		line-height: 2rem;
		gap: 1rem;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1183px) {
}

@media screen and (min-width: 1184px) and (max-width: 1399px) {
	.intro_right {
		width: 40%;
	}
	.intro_right_txt strong {
		font-size: 5rem;
	}

	.intro_right_contact a {
		font-size: 1.6rem;
	}

	.intro_right_contact {
		padding: 1rem 2.5rem;
	}

	.intro_right_txt {
		left: 4%;
		bottom: 15%;
	}

	.intro_left {
		width: 60%;
		padding: 10rem 3% 3rem 6%;
	}

	.header_logo {
		width: 19.8rem;
	}
	.header {
		padding: 3rem 6% 1rem;
	}
}

@media screen and (min-width: 1400px) and (max-width: 1663px) {
	.intro_right {
		width: 40%;
	}

	.intro_txt {
		font-size: 1.4rem;
		line-height: 2rem;
	}

	.intro_right_txt strong {
		font-size: 5rem;
	}

	.intro_right_contact a {
		font-size: 1.6rem;
	}

	.intro_right_contact {
		padding: 1rem 2.5rem;
	}

	.intro_right_txt {
		left: 4%;
		bottom: 15%;
	}

	.intro_left {
		width: 60%;
		padding: 10rem 3% 3rem 6%;
	}

	.header_logo {
		width: 19.8rem;
	}
	.header {
		padding: 3rem 6% 1rem;
	}
}