@charset "utf-8";
/* CSS Document */

.wrapper{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 3%;
	font-family: YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}

.pc{
	display: block;
}

.sp{
	display: none;
}

.account{
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	background-color: #A5262D;
	color: #fff;
	line-height: 2;
	margin: 8% auto;
}

.account a{
	display: block;
	color: #fff;
	padding: 4% 0;
}

.br_s{
	display: none;
}

.coin{
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.8;
	margin: 5% auto;
	letter-spacing: 1px;
}

.coin span{
	font-size: 24px;
}

.img_coin{
	display: block;
	width: 60%;
	margin: 5% auto;
}

.conditions{
	margin: 10% auto;
}

.conditions p{
	text-align: center;
	font-size: 24px;
	line-height: 2;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin: 5% 0;
}

.conditions p span{
	background-color: #2e2e2e;
	color: #fff;
	padding: 0.5% 2%;
	font-size: 20px;
}

.ttl{
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	background-color: #2e2e2e;
	color: #fff;
	line-height: 2;
	padding: 2% 0;
	margin: 5% auto;
}

.step p{
	text-align: center;
	font-size: 22px;
	line-height: 1.8;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin: 5% 0;
}

.step p span{
	font-size: 15px;
	display: inline-block;
}

.step p .sankaku{
	font-size: 30px;
	display: inline-block;
	margin: 2% 0;
	color: #BFBFBF;
}

.step p .no{
	font-size: 28px;
	display: inline-block;
	margin: 0;
}

.st{
	margin: 10% auto;
}
.st p{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	margin: 0 auto;
}
.st .btn{
	width: 50%;
	margin: 1% auto;
}
.st .btn a{
	display: block;
	background-color: #000;
	color: #fff;
	padding: 3% 0;
}

.attention{
	width: 100%;
	height: 500px;
	overflow: auto;
	margin: 15% auto;
	background-color: #EDEDED;
	box-sizing: border-box;
	padding: 5%;
}
.attention p{
	font-size: 13px;
	line-height: 1.7;
}
.attention span{
	font-weight: 800;
	font-size: 15px;
}
.attention p a:link{
	text-decoration: underline!important;
}

@media(max-width:750px){
.pc{
	display: none;
}

.sp{
	display: block;
}
	
.account{
	font-size: 22px;
	line-height: 1.8;
	margin: 10% auto;
	width: 90%;
}

.br_s{
	display: inline;
}

.coin{
	font-size: 22px;
	line-height: 1.6;
}

.img_coin{
	width: 90%;
	margin: 8% auto;
}

.conditions{
	margin: 15% auto;
}

.conditions p{
	font-size: 16px;
	line-height: 1.8;
	margin: 10% 0;
}

.conditions p span{
	font-size: 16px;
	padding: 0% 3%;
	display: inline-block;
	margin-bottom: 2%;
}

.ttl{
	font-size: 22px;
}

.step p{
	font-size: 16px;
}

.step p span{
	font-size: 13px;
	display: inline-block;
}

.step p .no{
	font-size: 22px;
}

.st{
	margin: 15% auto;
}
.st p{
	font-size: 18px;
}
.st .btn{
	width: 90%;
	margin: 1% auto;
}
.attention{
	width: 90%;
	height: 400px;
}
.attention p{
	font-size: 11px;
}
.attention span{
	font-size: 13px;
}
}