@charset "utf-8";*,*::before,*::after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{font-weight:400;font-size:1rem;line-height:1.5;font-family:sans-serif}h1,h2,h3,h4,h5,h6{line-height:1.15;overflow-wrap:break-word}p{margin-top:1em;overflow-wrap:break-word}b,strong{font-weight:700}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;text-decoration:none}a:active,a:hover{outline-width:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}code,kbd,samp{font-family:monospace,monospace;font-size:1em}nav ul,nav ol{list-style:none;padding:0}ul,ol{padding-left:1.5em}img,svg{display:inline;max-width:100%;height:auto;vertical-align:middle;background-repeat:no-repeat;background-size:cover;shape-margin:.75rem}picture,video,canvas{display:block;max-width:100%}iframe{border:none}table{border-collapse:collapse}details{display:block}summary{display:list-item}input,button,textarea,select{font:inherit}input,button{line-height:1.15}*:focus{outline:none}

body {
	background-color: #f3f3f3;
	color: #252525;
	font-family: "Helvetica Neue", Helvetica, "Hiragino Sans", Arial, "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", Meiryo, sans-serif;
}

/* sticky footer */
html, body {
	height: 100%;
}
body > footer {
	position: sticky;
	top: 100vh;
	top: 100dvh;
}

.header {
	padding: 2.5em 0;
	background-color: #fff;
}
.app-logo img {
	display: block;
	margin: auto;
	width: 130px;
	height: 130px;
}
.main {
	margin: auto;
	padding: 2em 1.5em;
	max-width: 900px;
}
.main h2 {
	font-size: 1.125rem;
}
.app-links {
	position: relative;
	margin-bottom: 2em;
	padding: 1em 0;
}
.app-links p {
	margin-top: .5em;
	color: #3f75f3;
	text-decoration: underline;
}
.app-links a {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.store-links {
	display: flex;
	justify-content: center;
	column-gap: 1em;
	margin: 1.5em 0;
}
.notice {
	padding-left: 1.5em;
	font-size: 80%;
}
.notice li + li {
	margin-top: .5em;
}
.footer {
	padding: 1em 0;
	background-color: #3fa7f3;
	color: #fff;
	text-align: center;
}
.footer p {
	margin: 0;
}

/* redirectapp */
.redirectapp {
	background-color: #2189c8;
	background-image: linear-gradient(150deg, #2683c6, #1e93c9, #1db4c6);
}
.redirectapp a {
	color: #fff;
	text-decoration: underline;
}
.redirectapp .main {
	text-align: center;
}
.redirectapp .footer {
	background-color: transparent;
}

/* ローダー */
.loader {
margin: 6em auto 8em;
}

.loadership_HYZQS {
	display: flex;
	position: relative;
	width: 68px;
	height: 68px;
}

.loadership_HYZQS div {
	animation: loadership_HYZQS_roller 1.2s infinite;
	animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
	transform-origin: 34px 34px;
}
.loadership_HYZQS div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ffffff;
}

.loadership_HYZQS div:nth-child(1) {
	animation-delay: 0s;
}
.loadership_HYZQS div:nth-child(1):after {
	top: 60px;
	left: 30px;
}

.loadership_HYZQS div:nth-child(2) {
	animation-delay: -0.04s;
}
.loadership_HYZQS div:nth-child(2):after {
	top: 56px;
	left: 45px;
}

.loadership_HYZQS div:nth-child(3) {
	animation-delay: -0.07s;
}
.loadership_HYZQS div:nth-child(3):after {
	top: 45px;
	left: 56px;
}

.loadership_HYZQS div:nth-child(4) {
	animation-delay: -0.11s;
}
.loadership_HYZQS div:nth-child(4):after {
	top: 30px;
	left: 60px;
}

.loadership_HYZQS div:nth-child(5) {
	animation-delay: -0.14s;
}
.loadership_HYZQS div:nth-child(5):after {
	top: 15px;
	left: 56px;
}

.loadership_HYZQS div:nth-child(6) {
	animation-delay: -0.18s;
}
.loadership_HYZQS div:nth-child(6):after {
	top: 4px;
	left: 45px;
}

.loadership_HYZQS div:nth-child(7) {
	animation-delay: -0.22s;
}
.loadership_HYZQS div:nth-child(7):after {
	top: 0px;
	left: 30px;
}

.loadership_HYZQS div:nth-child(8) {
	animation-delay: -0.25s;
}
.loadership_HYZQS div:nth-child(8):after {
	top: 4px;
	left: 15px;
}

.loadership_HYZQS div:nth-child(9) {
	animation-delay: -0.29s;
}
.loadership_HYZQS div:nth-child(9):after {
	top: 15px;
	left: 4px;
}

.loadership_HYZQS div:nth-child(10) {
	animation-delay: -0.32s;
}
.loadership_HYZQS div:nth-child(10):after {
	top: 30px;
	left: 0px;
}

.loadership_HYZQS div:nth-child(11) {
	animation-delay: -0.36s;
}
.loadership_HYZQS div:nth-child(11):after {
	top: 45px;
	left: 4px;
}

.loadership_HYZQS div:nth-child(12) {
	animation-delay: -0.4s;
}
.loadership_HYZQS div:nth-child(12):after {
	top: 56px;
	left: 15px;
}

@keyframes loadership_HYZQS_roller {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}