@charset "utf-8";

/*=================================================
	file name: slider.css
	create: 2017.Oct
	updated: 2017.10.13
===================================================*/

.slider-basis.slider-nomargin { margin:0 -15px}

.slider-basis p {
	margin-bottom:0.3em;
	font-weight: bold;
}

.slider-basis .basis-dots{
	padding:0;
	margin:0;
	display:block;
	line-height:0;
	font-size:0;
	text-align:center;
}

.slider-basis .basis-dots li{
	display:inline-block;
	margin:0 4px;
	padding:0;
	list-style:none;
}

.slider-basis .basis-dots li button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;
	display:block;
	overflow:hidden;
	text-indent:-999px;
	margin:10px 0 0 0;
	padding:0;
	background:#f2f1e7;
	width:40px;
	height:8px;
}

.slider-basis .basis-dots li.slick-active button,
.slider-basis .basis-dots li button:hover{
	background:#0bb5cc;
}

@media screen and (max-width: 767px) {
.slider-basis .basis-dots li button{
	margin:10px 0 0 0;
	width:30px;
	height:6px;
}

.slider-basis.slider-nomargin figcaption{ margin:.5em 15px 0}

}