.footer-info {
	position: relative; border-top: 1px solid var(--line); padding: 30px 0;
	.info-wrap {
		display: flex;
		.logo-area {
			width: 140px; position: relative;
			> img {
				width: 100%; height: auto;
			}
		}
		.info-area {
			padding-left: 50px; padding-top: 10px;
			.policy {
				padding-bottom: 20px; display: flex; gap: 30px;
				> a {
					font-size: 1.5rem; font-weight: 800;
					&:hover {
						text-decoration: underline;
					}
				}
			}
			.info {
				display: flex; flex-wrap: wrap; gap: 20px; color: #596269; font-size: 1.5rem; font-weight: 500;
			}
			.copyright {
				color: #A0A5AA; font-size: 1.4rem; padding-top: 10px;
			}
		}
		.site {
			position: absolute; top: 10px; right: 20px;
			.selectbox {
				width: 200px;
				&:after {
					top: 20px;
				}
				select {
					font-size: 1.5rem; line-height: 45px;
				}
			}
		}
	}
}

@media (max-width: 1700px) {
	.footer-info {
		.info-wrap {
			flex-direction: column; padding-left: 20px; width: 100%;
			.info-area {
				padding-left: 0; padding-top: 30px;
			}
		}
	}
}

@media (max-width: 1200px) {
	.footer-info {
		.info-wrap {
			.info-area {
				.policy {
					padding-bottom: 15px;
					> a {
						font-size: 1.4rem;
					}
				}
				.copyright {
					font-size: 1.3rem;
				}
			}
		}
	}
}

@media (max-width: 768px) {
	.footer-info {
		.info-wrap {
			flex-direction: column; align-items: center; text-align: center;
			.logo-area {
				padding: 0 0 20px; width: 120px;
			}
			.policy {
				justify-content: center;
			}
			.info-area {
				padding: 0;
				.info {
					gap: 5px 10px; font-size: 1.4rem; justify-content: center;
				}
				.copyright {
					font-size: 1.3rem; padding-top: 20px;
				}
			}
			.site {
				position: relative; right: unset; margin-top: 20px;
				.selectbox {
					select {
						font-size: 1.4rem;
					}
				}
			}
		}
	}
}