@charset "utf-8";
@media screen and (max-width: 1180px) {
	html {
		font-size: 1.2vw;
	}
}
@media screen and (max-width: 700px) {
	html {
		font-size: 2vw;
	}
	.header {
		padding: 16px 0 0 0;
		margin-bottom: 10vh;
	}
	.logo {
		width: 126px;
	}
	.title {
		margin-bottom: 5vh;
	}
	.txt-white {
		font-size: 6.7vw;
	}
	.txt-orange {
		font-size: 8.7vw;
	}
	.button {
		margin-top: 5vh;
		padding: 17px 30px;
		min-width: 290px;
		font-size: 3.5rem;
	}
	.clover-img {
		width: auto;

	}
	.footer {
		padding: 10px;
		margin-top: 12vh;
		flex-direction: column;
	}
	.footer ul {
		justify-content: space-between;
		width: 100%;
	}

	.footer ul + ul {
		margin: 6px 0 0 0;
	}

}