html {
	font-size: 48px;
}
html,
body {
	height: 100%;
}
body {
	/*overflow-y: scroll;*/
	overscroll-behavior: none;
	/*padding-bottom: 50px;*/
}
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
main {
	max-width: 460px;
	background-size: 100% 100%;
	min-height: 100vh;
	/*background: url(./img/bg.jpg) no-repeat top center;*/
	/*background-size: cover;*/
	margin: 0 auto;
	position: relative;
	width: 100%;
	/*overflow-y: scroll;*/
}
img {
	display: block;
}
.bg {
	width: 100%;
}

.btn-download {
	position: absolute;
	/* left: calc(100% * 200 / 1080); */
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% * 1120 / 2937);
	/* display: flex; */
	width: calc(100% * 703 / 1080);
	height: calc(100% * 217 / 2937);
	max-width: 703px;
	max-height: 217px;
	z-index: 20;
}
.btn-bottom {
	position: fixed;
	bottom: 0;
	left: 50%;
	width: 100%;
	max-width: 460px;
	transform: translateX(-50%);
	background: url(../img/bottom.png) no-repeat center center;
	background-size: 100% 100%;
	aspect-ratio: 1080/168;
	/* height: 100px; */
}
.btn-download2 {
	position: absolute;
	left: 78%;
	transform: translateX(-50%);
	top: calc(25% * 126 / 168);
	width: calc(100% * 412 / 1080);
	height: calc(100% * 126 / 168);
	max-width: 412px;
	max-height: 126px;
	z-index: 30;
}

.breath-effect {
	animation: breath 2s ease-in-out infinite;
}

@keyframes breath {
	0%,
	100% {
		transform: translateX(-50%) scale(1);
	}
	50% {
		transform: translateX(-50%) scale(0.8);
	}
}