@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/
/*.num5.non .cont::before,
.num6.non .cont::before{
display:none;
}*/

.btn_ap{
	width:94%;
	border-radius:5px;
	border:2px solid #d00;
	display:block;
	text-align:center;
	padding:1% 3%;
	background-color:rgba(255,255,255,0.3);
	font-weight:800;
	font-size:16px;
	margin-top:5%;
}

	@media screen and (min-width: 481px){


/*--------visual---------*/

body{

}

/*--------visualbnr---------*/

#headline{
	position:relative;
	padding:10px 0;
	border-bottom:1px solid #fff;
}

#headline .inner{
	width:950px;
	margin:0 auto 0;
}


.inner_ac{
	background-color:rgba(255,255,255,0.7);
}

.window_ac{
	border-radius:25px;
	margin-bottom:20px!important;
	box-shadow:1px 1px 4px rgba(1,200,255,0.2);
}

.non .inner_ac{
	background-color:rgba(224,224,224,0.7);
}


.headline2{
	width:100%;
	text-align:center;
	padding:20px 0 50px;
	color:#09d;
	font-size:30px;
	font-weight:800;
}

.headline2 img{
	width:600px;
	display:inline-block;
}


.readText{
display: block;
width: 100%;
text-align: center;
padding: 10px 0 20px;
color: #555;
font-size: 16px;
font-weight: bold;
}

.readText span{
color:#0C82B7;
display:inline-block;
font-size:13px;
line-height:1.3;
margin-top:15px;
}

p.text{
	width:100%;
	color:#666;
	display:block;
	text-align:center;
	font-size:20px;
	line-height:1.5;
}


.block_p{
	width:42.5%;
	float:left;
	border-radius:8px;
	/*background-color:rgba(255,255,255,0.9);*/
	padding:0% 3% 2%;
	color:#333;
	margin:40px 0 0px;
	font-size:14px;
	line-height:1.5;
		text-align:center;
	/*box-shadow:1px 1px 6px rgba(0,0,0,0.2);*/
}

.block_n{
	width:42.5%;
	float:left;
	/*background-color:rgba(255,255,255,0.9);*/
	border-radius:8px;
	padding:0% 3% 2%;
	color:#333;
	margin:40px 0 0px;
	margin-left:1%;
	font-size:14px;
	line-height:1.5;
	text-align:center;
	/*box-shadow:1px 1px 6px rgba(0,0,0,0.2);*/

}

.block_p .icon,
.block_n .icon{
text-align:center;
	width:200px;
	display:block;
	margin:5px auto 10px;
}

.icon img{width:100%;}

.block_p a{
	text-decoration:underline;
}

.block_p span{
	display:inline!important;
}

.block_p span,
.block_n span{
font-size:13px;
color:#09d;
display:block;
line-height:1.3;
}



.block_n .ss,
.block_p .ss{
	width:100%;
	border-radius:10px;
	overflow:hidden;
	margin-bottom:10px;
}

.block_n .ss img,
.block_p .ss img{
	display:block;
	width:100%;
}

.ss img{
width:100%;
}

.attention{
	color:#09d;
	display:block;
	padding:0 0 45px;
	text-align:center;
	font-size:12px;
	line-height:1.4;
}

.non .cont::before{
	content:'';
	background-image:url('../img/event/zack.png');
	background-size:100%;
	padding-top:23.8%;
	display:block;
	margin:1% auto -20px;
	position:relative;
	width:50%;
}



/*--------contents---------*/

.contents{
	position:relative;
	z-index:60;
	background-color:rgba(255,255,255,0.8);
}

.contents_inner{
	margin:0;padding:0;
	width:865px;
	margin:0 auto 0;
	padding:50px 0 80px;
	position:relative;
}

.contents_inner .li.window_ac{
	margin-bottom:8px;
}

#background{
	background:#A2F6FB url('../img/common/bg.jpg') center top no-repeat;
	background-attachment:fixed;
	min-width:1000px;
	padding-bottom:100px;
}


.icon{
	width:150px;
	overflow:hidden;
	border-radius:80px;
	margin:0 auto 20px;
}

.icon img{
	width:100%;
	display:block;
}

.text{
	width:45%;
	float:left;
	color:#666;
}

.stil{
	width:100%;
}

.tit{
	font-weight:800;
	font-size:20px;
	color:#09d;
	margin-bottom:10px;
	display:block;
}

.btn_faq{
	display:block;
	width:440px;
	background-color:#09d;
	color:#fff;
	border-radius:30px;
	padding:10px 0;
	font-size:20px;
	text-align:center;
	margin:20px auto 0;
}

.attention{
	color:#666;
	text-align:left;
	padding:30px 0 0;
}

}

/*----------------------------------------
	for SP
----------------------------------------*/

	@media screen and (max-width: 480px) {


/*--------visual---------*/

body{

}

/*--------visualbnr---------*/

#headline{
	position:relative;
	padding:10px 0 0;
	border-bottom:1px solid #fff;
	z-index:100;
}

#headline .inner{
	width:96%;
	margin:0 auto 0;
	padding:0 2%;
}

/*--------contents---------*/





.contents{
	position:relative;
	z-index:60;
	background-color:rgba(255,255,255,0.7);

}

.contents_inner{
	margin:0;padding:0;
	width:92%;
	margin:0 auto 0;
	padding:6% 0 80px;
	position:relative;
}

.contents_inner .li.window_ac{
	margin-bottom:8px;
}

#background{
	overflow:hidden;
}

#background::after{
	display:block;
	position:fixed;top:0px;left:0px;
	background:#A2F6FB url('../img/common/bg.jpg') center top no-repeat;
	min-width:100%;
	height:100%;
	z-index:-50;
}

.headline2{
	width:100%;
	text-align:center;
	padding:10% 0 9%;
	color:#09d;
	font-size:20px;
	font-weight:800;
}


.icon{
	width:120px;
	overflow:hidden;
	border-radius:80px;
	margin:20px auto 20px;
}

.icon img{
	width:100%;
	display:block;
}

.text{
	width:100%;
	float:left;
	color:#666;
	font-size:13px;
	line-height:1.3;
}

.stil{
	width:100%;
}

.tit{
	font-weight:800;
	font-size:16px;
	color:#09d;
	margin-bottom:10px;
	display:block;
	line-height:1.4;
}

.btn_faq{
	display:block;
	width:80%;
	background-color:#09d;
	color:#fff;
	border-radius:20px;
	padding:8px 10px;
	text-align:center;
	margin:20px auto 0;
}

.attention{
	color:#666;
	text-align:left;
	padding:30px 0 0;
}

}