@charset "UTF-8";
/* pc
 -------------------------------------*/

#slider_box {
	display:none;
}

#contbox01 {
	width:100%;
	margin:0 auto 40px auto;
	text-align:center;
	overflow:hidden;
}

#contbox01 img.img_casbee{
	float:right;
	width:200px;
	height:auto;
	margin:20px 0 20px 0;
}

#contbox01 .inner {
	width:700px;
	margin:0 auto 40px auto;
	text-align:center;
	overflow:hidden;
}

#contbox01 .inner ul { display: flex; flex-wrap:wrap; justify-content: space-between; list-style:none; margin:0 auto; padding:0 0 0 0; overflow:hidden; text-align:center;}
#contbox01 .inner ul li {width:330px; height:auto; margin:0 0 60px 0;}

#contbox01 .inner ul li a{
	display:block;
	color:#fff;
	text-decoration: none;
	-webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all  0.8s ease;
}

#contbox01 .inner ul li a:hover{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}


.img_legend{
	width:560px;
	height:auto;
	margin:10px 0;
	text-align:left;
}
	 
/* sp
 -------------------------------------*/

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

#contbox01{
	width:94%;
	min-width:94%;
}

#contbox01 img.img_casbee{
	float:none;
	width:80%;
	height:auto;
	margin:0 auto;
	text-align:center;
}

#contbox01 .inner {
	display:none;
}
/*slider*/
#slider_box {
	display:inherit;
	width:100%;
	height:auto;
	margin:40px 0;
}
/* PAGER */
.bx-wrapper .bx-pager {
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
 *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #999;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/*hover　active　カラー*/
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #8a0204;
}


.bx-wrapper #bx-pager a:hover img, .bx-wrapper #bx-pager a.active img {
	border: solid #5280DD 1px;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

.img_legend{
	width:100%;
	height:auto;
	margin:10px 0;
	text-align:left;
}

}