html,body {
	padding:0;
	margin:0;
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif
}
a {
	color:inherit;
	text-decoration:none
}
* {
	box-sizing:border-box
}
.page-pc {
	display:flex
}
.page-mobile {
	display:none
}
@media only screen and (max-width:600px) {
	.page-pc {
	display:none
}

}.bg {
	background-image:url(../images/background.jpg);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	z-index:-1000
}
.bg-mask {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-100;
	background:rgba(0,0,0,.35)
}
.header-container {
	background:rgba(0,0,0,.75);
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:60px;
	display:flex;
	align-items:center;
	padding:0 40px
}
.header-logo {
	width:130px;
	height:30px;
	margin-right:100px
}
.header-title {
	font-weight:400;
	font-size:14px;
	line-height:22px;
	color:#fff;
	margin-left:40px;
	cursor:pointer
}
.header-title:hover {
	color:#ffffffbf
}
.header-publish {
	width:90px;
	height:32px;
	position:absolute;
	top:14px;
	right:40px;
	cursor:pointer
}
.footer-container {
	position:fixed;
	bottom:20px;
	left:0;
	right:0;
	display:flex;
	flex-direction:column;
	align-items:center
}
.footer-text,.footer-friend-link {
	font-weight:400;
	font-size:11px;
	line-height:150%;
	letter-spacing:2px;
	color:#ffffff80
}
.footer-text:not(:last-child):not(.clear):after {
	content:"|";
	margin:0 8px
}
.footer-friend-link:not(:first-child):not(:last-child):not(.clear):after {
	content:" "
}
.footer-text-clickable {
	cursor:pointer
}
.footer-text-clickable:hover {
	color:#ffffffd9
}
.home-container {
	flex:1;
	display:flex;
	align-items:center
}
.promotion-wrapper {
	height:100vh;
	width:65vw;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	min-width:444px;
	min-height:555px
}
.promotion {
	width:444px;
	height:555px
}
.download-container {
	position:relative;
	flex-shrink:0
}
.slogan {
	width:209px;
	height:44px
}
.download-wrapper {
	margin-top:26px;
	display:flex;
	justify-content:space-between;
	gap:28px
}



.download-android {
	width:180px;
	height:65px;
	cursor:pointer;
	position:relative;
	background-image:url(../images/android.png);
	background-repeat:no-repeat;
	background-size:100% 100%
}

.about-container {
	position:relative;
	flex-shrink:0;
	color:white;
	width:80%;
	margin-top:50px;
}

.about-wrapper {
	margin-top:15%;
	margin-left:20%;
	display:flex;
	text-indent:2em;
}

footer {
	display:flex;
	margin:50px 0 20px;
	flex-direction:column;
	width:100%;
	align-items:center;
	justify-content:center;
	color:#ffffff59;
	font-size:10px
}
footer span {
	margin:0 10px
}