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

/* about ------------------------------------------------------------------- */
/*mv*/
.mvAbout{
	height:670px;
	width: 100%;
	background: url(../image/mv.jpg) no-repeat top center;
	background-size: cover;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	padding-top:205px;
}
.mvAbout h2{
	text-align: center;
}
.mvAbout .copy{
	position:absolute;
	bottom:22px;
	left:50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
@media screen and (max-width:767px){
	.mvAbout{
		height:400px;
		background: url(../image/mv_sp.jpg) no-repeat top center;
		background-size: cover;
		padding-top: 115px;
	}
	.mvAbout .copy{
		padding:0 12%;
		bottom:20px;
		width: 90%;
	}
}

/*aboutCont*/
.aboutCont{
	height: 500px;
	width: 100%;
	display: table;
	table-layout: fixed;
	background: #000;
	position: relative;
	overflow: hidden;
}
.aboutCont .aboutTxt,
.aboutCont .aboutImg{
	width:50%;
	display: table-cell;
}
.aboutTxt{
	color:#fff;
	padding:60px;
	box-sizing: border-box;
	vertical-align: middle;
	line-height: 2;
	font-size:114%;
}
.txt01{
	text-align:right;
	padding-top:100px;
	box-sizing: border-box;
	position: absolute;
  	left: 0;
	height: 500px;
	
}
.txt02{
	text-align:left;
}
.img01{
	background: url(../image/img01.jpg)no-repeat;
	background-size: cover;
	position: absolute;
  	right: 0;
	height: 500px;
}
.img02{
	background: url(../image/170829/img02.jpg)no-repeat;
	background-size: cover;
}
@media screen and (max-width:767px){
	.aboutCont{
		height: auto;
	}
	.aboutCont .aboutTxt,
	.aboutCont .aboutImg{
		width:100%;
		display:block;
		height: auto;
	}
	.aboutCont .aboutImg{
		min-height: 220px;
	}
	.aboutTxt{
		padding:30px;
		font-size:90%;
		line-height: 1.8;
	}
	.txt01,
	.txt02{
		text-align:center;
		padding:20px;
		position:inherit;
		height:auto;
	}
	.img01{
		background: url(../image/img01_sp.jpg)no-repeat center;
		background-size: cover;
		position:inherit;
	}
	.img02{
		background: url(../image/170829/img02_sp.jpg)no-repeat center;
		background-size: cover;
	}
}


/*slider*/
.sliderWrap{
	padding: 60px 0;
	background: url(../../about/images/bg.jpg);
	background-size: cover;
	/*height: 340px;*/
}
.bx-viewport {
	left: 0;
	box-shadow: none;
	border: none;
}
#slider li{
	width:auto !important;
}
#slider li img {
	height:340px;
}
@media screen and (max-width:767px){
	.sliderWrap{
	padding:30px 0;
	height:auto;
}
	#slider li img {
	height:260px;
}
}