
#contents .main{
	width:100%;
	max-width: 1280px;
	min-width: 960px;
	margin:0 auto;
}


#contents .main h2 img{
	margin:0 auto;
}

#mainContents{
	margin-top:60px;
}

.pagecaption{
	margin-top:80px;
}

/* slick */
.slick-dots{
	/* bottom:10px; */
	top:calc( 100% +20px ) ;
}

.slick-dots li,
.slick-dots li button{
	width:12px;
	height:12px;
}

.slick-dots li{
	margin:0 10px;
}

.slick-dots li button::before {
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #FFF;
	background: #888;
	opacity: .5;
}

.slick-dots li:hover button::before,
.slick-dots li.slick-active button::before {
	opacity: 1;
	background: #0093a1;
	background: #000;
}

.slideWrap .arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	z-index: 5;
	cursor: pointer;
}

.slideWrap .prev-arrow {left: 2%;}
.slideWrap .next-arrow {right: 2%;}
/* slick */


/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 640px) {
	
	#contents .main{
		min-width: inherit;
	}
	
	#mainContents{
		margin-top:40px;
	}
}
