@charset "UTF-8";

/* 
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

/*-------------------------------------
 
-------------------------------------*/


.indexVisual {
	margin: 0 0 20px 0;
	padding: 15px 0;
}
.indexSlide .inner {
	padding: 0;
}
.indexSlide .slides li .card {
	overflow: hidden;
}
.indexSlide li img {
	max-width: 100%;
}
.indexSlide .slides li .caption a {
	padding: 10px 30px 10px 10px;
	font-size: 87.5%;
	line-height: 1.4;
	background-position: right 10px center;
	background-size: 15px 15px;
}
.indexSlide .slides li .caption .ttl {
	font-size: 135.7%;
}
.indexSlide .flex-direction-nav li {
	position: absolute;
	top: 0;
}
.indexSlide .flex-direction-nav {
	position: absolute;
	top: 33%;
	transform: translateY(-33%);
}
.indexSlide .flex-direction-nav li a {
	width: 23px;
	height: 53px;
}
.indexSlide .flex-direction-nav li a.flex-prev {
	background-size: 10px 15px;
}
.indexSlide .flex-direction-nav li a.flex-next {
	background-size: 10px 15px;
}
.indexSlide .slidesControl {
	bottom: -10px;
}

.indexSlide .flex-control-nav li a {
	width: 10px;
	height: 10px;
	margin: 0 8px;
}
.indexSlide .slidesControl ul li {
	margin: 0 8px;
}
.indexSlide .slidesControl ul p {
	display: block;
	text-indent: -9999px;
	width: 14px;
	height: 13px;
	cursor: pointer;
}
.indexSlide .slidesControl ul .slidesPlay p {
	background: url(/common/000222363.png) no-repeat center center / 14px 13px;
}
.indexSlide .slidesControl ul .slidesStop p {
	background: url(/common/000222360.png) no-repeat center center / 14px 13px;
}
.indexSlide .slidesControl ul .slidesPlay.active p {
	background: url(/common/000222364.png) no-repeat center center / 14px 13px;
}
.indexSlide .slidesControl ul .slidesStop.active p {
	background: url(/common/000222361.png) no-repeat center center / 14px 13px;
}


.indexVisual {
  margin-bottom: 0;
}

}
