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



.jslist{
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex: wrap;
}

.js10pad{
	box-sizing:border-box;
	overflow:hidden;
}


.jsbox410{
	width:410px;
	box-sizing:border-box;
	overflow:hidden;
}

.jsbox490{
	width:490px;
	box-sizing:border-box;
	overflow:hidden;
}

.jsbox480{
	width:480px;
	box-sizing:border-box;
	overflow:hidden;
}

.jsbox455{
	width:455px;
	box-sizing:border-box;
	overflow:hidden;
}

.jsbox445{
	width:445px;
	box-sizing:border-box;
	overflow:hidden;
}

.jsbox300{
	width:300px;
	box-sizing:border-box;
	overflow:hidden;
}


.js4box{
	width:215px;
}

.js4box img{
	width:100%;
}

.jsbox215{
	width:215px;
	box-sizing:border-box;
	overflow:hidden;
}

.jsbox215 img{
	width:100%;
}

.jsmenu01{
	width:225px;
	box-sizing:border-box;
	overflow:hidden;
	display:block;
}

.jsmenu01 a{
	display:block;
}

.jsmenu01 a:hover{
	display:block;
	opacity:0.7;
}

.jsmenu02{
	width:181px;
	box-sizing:border-box;
	overflow:hidden;
	display:block;
}

.jsmenu02 a{
	display:block;
}

.jsmenu02 a:hover{
	display:block;
	opacity:0.7;
}

@media screen and (max-width:768px){
	.js10pad{padding:10px;}
	.jsbox410{width:100%;}
	.jsbox490{width:100%;}
	.jsbox480{width:100%;}
	.jsbox455{width:100%;}
	.jsbox445{width:100%;}
	.jsbox300{width:100%;}
	.jsbox215{width:48.5%;}
	.js4box{width:45%;}
	.jsmenu01{width:48%;}
	.jsmenu02{width:48%;}
}

.js_btn01{
	width:100%;
	height:30px;
	font-size:15px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	display:block;
	background-color:#00b097;
	color:#FFF;
}

.js_btn01 a{
	display:block;
	text-decoration:none;
	color:#FFF;
}

.js_btn01 a:hover{
	background-color:#005b4e;
	text-decoration:none;
	color:#FFF;
	display:block;
}