/* CSS Document */
html {
	font-size: 62.5%;
}
body {
	font-size: 1.5em;
	font-family:'游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;
	/*font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', Verdana, serif;*/
	line-height:1.5;
	color:#fff;
	background: #000;
}
a {
	text-decoration:none;
}
img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.inner{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
/*スマホの時に消える(PCでは表示)*/
.resp{
	display: none;
}
/*変な位置で改行しないようこの単語は繋げて表示する*/
span.br{
	display: inline-block;
}
/*スマホの時はセンター揃え（PCでは左揃え）*/
.sp-center{
	text-align: center;
}

@media screen and (min-width: 768px) {
	/*PCの時に消える（スマホでは消える）*/
	.repc{
		display:none;
	}
	/*スマホの時に消える（PCでは表示）*/
	.resp{
		display: block;
	}
	/*スマホの時はセンター揃え（PCでは左揃え）*/
	.sp-center{
		text-align: left;
	}
	/*PCの時はセンター揃え*/
	.pc-center{
		text-align: center;
	}
}

#wrapper{
	width: 100%;
	max-width: 1080px;
	margin: auto;
}
header{
	position: relative;
}
/************　SNS　************/
.sns{
	position: absolute;
	top: 5px;
	right: 1%;
	display: flex;
}
.sns_button{
}
.twitter_button{
	display: block;
	height: 28px;
	color: #fff;
	font-size: 13px;
	line-height: 28px;
	border-radius: 4px;
	padding: 1px 10px 1px 9px;
	font-family: 'Helvetica Neue',Arial,sans-serif;
	background: #1b95e0;
	margin-right: 5px;
}
.twitter_button i{
	width: 18px;
	height: 18px;
	font-size: 18px;
	margin-right: 4px;
}
@media screen and (min-width: 768px) {
	.sns{
		top: 20px;
		right: 10%;
	}
	.twitter_button{
		margin-right: 20px;
	}
}
/************　SNS　ここまで　***********/

/************　　************/
.btn_area{
	position: relative;
}
.btn_01{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 80%;
}
@media screen and (min-width: 768px) {
	.btn_area{
		display: none;
	}
}
/************　　ここまで　***********/





/************　download　************/
.download{
	position: relative;
}
.appstore{
	position: absolute;
	display: block;
	width: 30%;
	bottom: 8%;
	left: 6%;
}
.googleplay{
	position: absolute;
	display: block;
	width: 30%;
	bottom: 8%;
	left: 38%;
}
.qr{
	position: absolute;
	display: block;
	width: 10.3%;
	bottom: 8%;
	left: 70%;
}
/************　download　ここまで　***********/


/************　cv_area　************/
.cv_area{
	position: relative;
}
.btn_entry-rule{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 60.6%;
	margin: auto;
}

/************　cv_area　ここまで　***********/



/************　footer　************/
.logo{
	padding-top: 20px;
	width: 57.5%;
	margin: auto;
}
.copy{
	padding: 20px;
	text-align: center;
}

/************　footer　ここまで　***********/
	
/**************募集要項**************/
#entry-point{
	background: #000;
	color: #fff;
}
#entry-point a{
	color: #ef5151;
	text-decoration: underline;
}
#entry-point header,
#entry-point #main{
	width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
	padding: 20px;
}
#entry-point ul,
#entry-point ol{
	margin-left: 1em;
}
#entry-point li{
	margin-bottom: 0.5em;
}
#entry-point h1{
	background: #fff;
	font-size: 3rem;
	text-align: center;
	color: #000;
	padding: 10px 20px;
}
.point{
	padding: 2rem 0 3rem;
}

#entry-point h2{
	font-size: 2rem;
	position: relative;
}
#entry-point h2:before{
	position: absolute;
	content: "";
    border-top: 2px dotted #fff;
    width: 100%;
    display: block;
	z-index: 0;
	top: 1em;
	right: -1rem;
}
#entry-point h2 span{
	display: inline-block;
	background: #fff;
    color: #000;
    padding: 0.25em 1.5em;
    text-align: center;
    border-radius: 1em;
    margin-bottom: 1em;
	position: relative;
	z-index: 1;
}
#entry-point h3{
	font-size: 1.8rem;
	margin-bottom: 0.5em;
}
#entry-point dl{
	margin-bottom: 2em;
}

#entry-point p{
	margin-bottom: 1em;
}
.attention > li:before,
.annotation > li:before{
	content: "※";
	margin-right: 0.5em;
	margin-left: -1.5em;
}
.attention > li,
.annotation > li{
	margin-left: 1.5em;
}

.annotation{
	font-size: 1.2rem;
	list-style: none;
}
@media screen and (min-width: 768px) {
	#entry-point h2{
		margin-left: -1em;
	}
	.point{
		padding: 2rem 2rem 3rem;
	}
	#entry-point dt{
		float: left;
		width: 7em;
	}
}