@charset "utf-8";

body {
  width: 100%;
  font-weight: 400;
  background: #fff;
  font-size: 24px;
	font-family: 'Noto Sans JP', sans-serif;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
  color: #333;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.oldVersion,
.newVersion,
.nonapp_User {
	display: none;
	padding-bottom: 140px;
}

img {
	width: 100%;
}

.bold {
	font-weight: 700;
}

.border {
	border: 2px solid #ccc;
	padding: .4em!important;
	border-radius: .5em;
	margin-top: 1em
}

.mt0 {
	margin-top: 0!important;
}
.mt1em {
	margin-top: 1em!important;
}
.mt2em {
	margin-top: 2em!important;
}
.mb1em {
	margin-bottom: 1.5em!important;
}
.mb2em {
	margin-bottom: 2em!important;
}

.center {
	text-align: center;
}

main {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	padding: 0 0 100px;
	box-sizing: border-box;
}

img.mv {
	display: block;
	margin: auto;
	width: 100%;
	max-width: 180px;
}

p {
	line-height: 150%;
	margin: 0;
	padding: 0;
}
p.head {
	font-size: 22px;
	font-weight: 700;
	line-height: 130%;
	text-align: center;
}
p.note {
	font-size: 15px;
	padding: 1em 0 0 0;
	text-align: center;
}

.inner {
	padding: 0 5%;
}

.inner .btn + .btn {
	margin-top: 0.5em;
}

.fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1em 0;
	box-sizing: border-box;
}

.btn {
	text-align: center;
}
.btn a {
	display: block;
	max-width: 650px;
	background: #eb5505;
	border-radius: .5em;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	margin: auto;
	padding: .8em;
}
.invert a {
	background: #fff;
	border: 2px solid #eb5505;
	color: #eb5505;
}


/*Animation*/
@keyframes fadeInUpSmall {
	0% {
		opacity: 0;
		transform: translate3d(0, 20%, 0);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.animate__fadeInUpSmall {
	animation-name: fadeInUpSmall;
}