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);
	/* transform: translateX(-50%); */
	top: calc(100% * 1100 / 2854);
	display: flex;
	width: calc(100% * 706 / 1080);
	height: calc(100% * 156 / 2854);
	max-width: 706px;
	max-height: 156px;
	z-index: 20;
}
.loading-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	align-items: center;
	justify-content: center;
}
.loading-container img {
	width: 100px;
}
.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: 1170/208;
	z-index: 200;

	/*height: 100px;*/
}
.btn-bottom img {
	/* transform: translateY(5px); */
	position: absolute;
	left: 50%;
	top: 20%;
	/* width: 60%; */
	height: 60%;
}
.service-img {
	position: fixed;
	top: 0;
	left: 50%;
	width: 100%;
	max-width: 460px;
	transform: translateX(-50%);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 12px 5px;
	width: 100%;
}
.service-img .service {
	width: 50px;
}

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

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