@charset "utf-8";




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


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

	body.activity #menu li.menu_system{background:transparent url('../img/common/menu_system_on.png');}

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

	body{

	}

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

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

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

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


	#tab .tab_list{
		width:800px;
		display:block;
		margin:0 auto 0;
		padding:0 0 40px;
	}

	#tab .tab_list li{
		width:120px;
		display:block;
		float:left;
		margin-left:10px;
		position:relative;
	}

	#tab .tab_list li p{
		display:block;
		text-align:center;
		margin:10px 0 0;
		color:#666;
		font-weight:bold;
		font-size:12px!important;
	}

	#tab .tab_list li a{
		display:block;
		border:6px solid #fff;
		border-radius:80px;
		overflow:hidden;
		box-shadow:3px 3px 0px rgba(0,0,0,0.05);
	}

	#tab .tab_list li.new a::before{
	position:absolute;
	top:2px;
	left:2px;
	content:'';
	display:block;
	background-image:url('../img/common/icon_newc.png');
	width:45px;
	padding-top:45px;
	background-size:100%;
	background-repeat:no-repeat;
	}

	#tab .tab_list li.active a{
		border:6px solid #FA1D90;
	}


	#tab .tab_list li img{
		width:100%;
		display:block;
	}

	/*ダミー用*/
	#tab .tab_list span{width:150px;display:block;float:left;margin-left:10px;}
	#tab .tab_list span p{display:block;text-align:center;margin:10px 0 0;color:#666;font-weight:bold;}
	#tab .tab_list span a{display:block;border:6px solid #fff;border-radius:80px;overflow:hidden;box-shadow:3px 3px 0px rgba(0,0,0,0.05);}
	#tab .tab_list span.active a{border:6px solid #FA1D90;}
	#tab .tab_list span img{width:100%;display:block;}

	/**/

	.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:30px 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;
	}

	.headline2{
		display;block;
		width:100%;
		text-align:center;
		padding:30px 0 0;
	}

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


	.info{
		min-height:200px;
	}

	.text{
		width:400px;
		float:left;
		color:#09d;
	}

	.text .catch{
		font-size:25px;
		font-weight:bold;
		color:#FA1D90;
		margin:20px 0 10px;
		text-shadow:2px 2px #fff;
	}

	.zack{
		display:block;
		position:absolute;
		right:-50px;
		top:-30px;
	}


}


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

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

		body.activity #menu li.menu_system{background:transparent url('../img/common/menu_system_on.png');}

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


		#tab .tab_list{
			width:90%;
			display:block;
			margin:0 auto 0;
			padding:0 0 40px;
		}

		#tab .tab_list li{
			width:29%;
			display:block;
			float:left;
			margin-left:3%;
			position:relative;
		}

		#tab .tab_list li p{
			display:block;
			text-align:center;
			margin:5px 0 10px;
			color:#666;
			font-weight:bold;
			font-size:10px!important;
			line-height:1.3;
		}

		#tab .tab_list li a{
			display:block;
			border:4px solid #fff;
			border-radius:80px;
			overflow:hidden;
			box-shadow:3px 3px 0px rgba(0,0,0,0.05);
			position:relative;
		}

		#tab .tab_list li.new::before{
		position:absolute;
		top:2px;
		left:2px;
		content:'';
		display:block;
		background-image:url('../img/common/icon_newc.png');
		width:45px;
		padding-top:45px;
		background-size:100%;
		background-repeat:no-repeat;
		z-index:100;
		}

		#tab .tab_list li.active a{
			border:4px solid #FA1D90;
		}


		#tab .tab_list li img{
			width:100%;
			display:block;
		}


		/*ダミー用*/

		#tab .tab_list span{width:29%;display:block;float:left;margin-left:3%;}
		#tab .tab_list span p{display:block;text-align:center;margin:10px 0 0;color:#666;font-weight:bold;font-size:12px!important;}
		#tab .tab_list span a{display:block;border:6px solid #fff;border-radius:80px;overflow:hidden;box-shadow:3px 3px 0px rgba(0,0,0,0.05);}
		#tab .tab_list span img{width:100%;display:block;}

		/**/

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

		.contents .inner{
			margin:0;padding:0;
			width:100%;
			margin:0 auto 0;
			padding:30px 0 50px;
			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;
		}

		.headline2{
			display;block;
			width:100%;
			padding:30px 0 0;
		}

		.headline2 img{
			display;block;
			width:90%;
			padding:0px 0 0 3%;
		}

		.readText{
			display;block;
			width:90%;
			text-align:left;
			padding:10px 0 20px;
			color:#3E3E3E;
			font-size:16px;
			font-weight:bold;
			line-height:1.6;
			margin:0 auto 0;
		}



		.info{
		}

		.text{
			width:92%;
			margin:0 auto 20px;
			color:#09d;
			line-height:1.4;
		}

		h3{
		width:100%;
		margin:0 auto 0;
		display:block;
		}

		.a01 h3 img{
			width:60%;
		}

		.a02 h3 img{
			width:75%;
		}

		.a03 h3 img{
			width:85%;
		}

		.a04 h3 img{
			width:42%;
		}

		.a05 h3 img{
			width:72%;
		}

		.a06 h3 img{
			width:90%;
		}

		.text .catch{
			font-size:25px;
			font-weight:bold;
			color:#FA1D90;
			margin:20px 0 10px;
			line-height:1.1;
			text-shadow:2px 2px #fff;
		}

		.zack{
			display:block;
			width:96%;
			margin:15px auto 0;

		}

		.flex-direction-nav{
			display:none;
		}

}