@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : concept.css
 author     : Ability Consultant
 style info : コンセプト
=================================================================== */
@-moz-keyframes btn {
	50% {
		margin-left: -.2em;
	}
}
@-webkit-keyframes btn {
	50% {
		margin-left: -.2em;
	}
}
@keyframes btn {
	50% {
		margin-left: -.2em;
	}
}
/* -----------------------------------------------------------
	.con_int
----------------------------------------------------------- */
/* -----------------------------------------------------------
	.con_concept
----------------------------------------------------------- */
.con_concept {
	margin-top: 69px;
}
.con_concept ul {
	overflow: hidden;
}
.con_concept ul li {
	float: left;
	width: 475px;
	position: relative;
}
.con_concept ul li a {
	display: block;
	text-decoration: none;
}
.con_concept ul li a:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transition: opacity 400ms;
	-o-transition: opacity 400ms;
	-webkit-transition: opacity 400ms;
	transition: opacity 400ms;
}
.con_concept ul li a p {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	z-index: 10;
}
.con_concept ul li a p:after {
	content: '';
	width: 49px;
	height: 49px;
	display: block;
	position: absolute;
	bottom: 34px;
	left: 0;
	right: 0;
	margin: 0 auto;
	-moz-transition: bottom 300ms;
	-o-transition: bottom 300ms;
	-webkit-transition: bottom 300ms;
	transition: bottom 300ms;
}
.con_concept ul li:first-child a:after {
	background: rgba(170, 201, 186, 0.8);
}
.con_concept ul li:first-child a p:after {
	background: url(../concept/images/ic_arrow1.png) no-repeat top left;
}
.con_concept ul li:first-child + li a:after {
	background: rgba(0, 0, 0, 0.3);
}
.con_concept ul li:first-child + li a p:after {
	background: url(../concept/images/ic_arrow2.png) no-repeat top left;
}
.con_concept ul li:hover a:after {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}
.con_concept ul li:hover a p:after {
	bottom: 24px;
}
.con_concept .box_gar {
	margin-top: -20px;
	position: relative;
	z-index: 15;
}
.con_concept .box_gar .wrp_con {
	margin-top: 40px;
	text-align: center;
}
.con_concept .box_gar .wrp_con .btn {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
}
.con_concept .box_gar .wrp_con .btn a {
	border-color: #60806f;
	padding: .7em 2.5em;
}
.con_concept .box_gar .wrp_con .btn a span {
	color: #60806f;
	font-size: 14px;
}
.con_concept .box_sta {
	margin-top: 45px;
	background: url(../images/common/bg2.png) repeat top left;
	padding-bottom: 50px;
}
.con_concept .box_sta .wrp_con {
	margin-top: 40px;
	text-align: center;
}
.con_concept .box_sta .wrp_con .btn {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
}
.con_concept .box_sta .wrp_con .btn a {
	border-color: #5b2831;
	padding: .7em 2.5em;
	background: transparent;
}
.con_concept .box_sta .wrp_con .btn a span {
	color: #5b2831;
	font-size: 14px;
}