/* スライダー用 */
#MainImg2{
	width:100%;
	margin-top: 65px;
	margin-bottom: 0;
}
#MainImg2 img{
	width:100%;
}
#MainImg2 p{
	display: block;
	position:absolute;
	top:50%;
	left:50%;
	width:80%;
	text-align: center;
	transform: translate(-50%,-50%);
	font-family: "Sawarabi Gothic";
	font-size: 1.5em;
	line-height: 1.5em;
	letter-spacing: 0em;
	color:#333;
	text-shadow: 2px 2px 2px #fff;
}
.main-slider-wrap{}
.main-slider {
  width: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.main-slider img {
  width: 100%;
  height: auto;
  display: block;
}

.main-slider .slick-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.main-slider .slick-track {
  display: flex;
}
.slick-dots {
  position: absolute !important;
  bottom: 15px !important;
  display: block !important;
  width: 100%;
  text-align: center;
  z-index: 1000 !important;
}

.slick-dots li {
  display: inline-block !important;
  margin: 0 6px !important;
}

.slick-dots li button:before {
  font-size: 12px !important;
  color: white !important;
  opacity: 0.8 !important;
}

.slick-dots li.slick-active button:before {
  color: #ff4081 !important; /* アクティブ時の色 */
  opacity: 1 !important;
}

/* slick矢印強制表示 */
.slick-prev:before,
.slick-next:before {
  color: white !important;
  font-size: 28px !important;
  opacity: 0.9 !important;
}

/* スライダー全体の相対位置を確保 */
.main-slider {
  position: relative !important;
}

@media screen and (min-width :760px){  /** ここからPC用 **/
	.main-slider-wrap{
		position: relative;
		overflow: visible;
	}
	#MainImg2 {
  		margin-top: 0;
  		height: 250px;
  		overflow: hidden;
  		display: flex;
  		align-items: center;
  		position: relative;
	}

	#MainImg2 .slick-dots {
  		position: absolute;
  		bottom: -25px; /* スライダー枠の外に出す */
  		left: 0;
  		width: 100%;
  		text-align: center;
	}
}