@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


	@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;
}

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


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

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


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


.mainimage{
display:block;
width:100%;
}

.padd{
	padding: 20px 20px 0;

}

.pic{
	width:40%;
	float:right;
}

.text{
	width:57%;
	float:left;
	color:#333;
	font-size:16px;
}

.text h4{
	font-weight:800;
	line-height:1.2;
	color:#09d;
	font-size:28px;
	padding:0 0 30px;
}

.text p{
	padding-bottom:20px;
	line-height:1.8;
}

.catch{
	padding:8px 10px;
	border-radius:3px;
	background-color:#D90;
	margin-bottom:10px;
	color:#fff;
	text-align:center;
}

.info{
	color:#09d;
}

.btn{

	background-color:#09d;
	border-radius:5px;
	padding:8px;
	display:block;
	color:#fff;
	font-size:18px;
	font-weight:800;
	margin:10px 0 5px;
	text-align:center;
	box-shadow:2px 2px 0px rgba(0,0,0,0.2);
}

.attention{
	text-align:center;
	color:#d00;

}



}

/*----------------------------------------
	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;
}


#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;
}

.mainimage{
display:block;
width:100%;
}

.padd{
	padding: 15% 2% 0;

}

.pic{

	width:100%;
	margin-top:14%;
}

.text{
	width:100%;
	float:left;
	color:#333;
	font-size:16px;
}

.text h4{
	font-weight:800;
	line-height:1.2;
	color:#09d;
	font-size:28px;
	padding:0 0 10%;
}

.text p{
	padding-bottom:20px;
}

.catch{
	padding:8px 10px;
	border-radius:3px;
	background-color:#D90;
	margin-bottom:10px;
	color:#fff;
	text-align:left;
}

.info{
	color:#09d;
}

.btn{

	background-color:#09d;
	border-radius:5px;
	padding:8px;
	display:block;
	color:#fff;
	font-size:15px;
	font-weight:800;
	margin:10px 0 5px;
	text-align:center;
	box-shadow:2px 2px 0px rgba(0,0,0,0.2);
}

.attention{
	text-align:center;
	color:#d00;

}

}