/* my-swiper---------------------------- */
.my-swiper{
	overflow: hidden;	
	display: flex;
	margin-top: 50px;
}
.swiper-slide{
	display: flex;
	margin-right: 60px;
}	
/* imgのスタイル */
.my-swiper img{
/* 	display: block; */
	width: 100%;
}
/* 矢印カスタマイズ */
.my-swiper .swiper-button-prev:after,
.my-swiper .swiper-button-next:after {
	content: ""; /*デフォルトの矢印を上書き*/
	width: 15px;
	height: 15px;
	border: 0;
	border-top: solid 2px #164f6c;
	border-right: solid 2px #164f6c;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
/* 	margin: auto 100px; */
}
/* 前への矢印カスタマイズ */
.my-swiper .swiper-button-prev,
.my-swiper .swiper-button-next{
	background: transparent;
}
.my-swiper .swiper-button-prev:after {
	transform: rotate(-135deg);
}
/* 次への矢印カスタマイズ */
.my-swiper .swiper-button-next:after {
	transform: rotate(45deg);
}
/* ページネーションカスタマイズ */
.my-swiper div.swiper-pagination{
	bottom: -30px;
}
.my-swiper .swiper-pagination .swiper-pagination-bullet {
	transition: .5s ease;
	width: 25px;
	height: 2px;
	margin: 0px 2px;
	background-color: #fff;
	border-radius: 4px;
	cursor: pointer;
	opacity: 1;
	border: none;
}
/*ページネーションがactiveなときのスタイル*/
.my-swiper .swiper-pagination-bullet-active {
	border-radius: 4px !important;
	background-color: #164f6c;
	border: none;
}
.my-swiper .slider-ttl{
	font-size: 13px;
	color: #333;	
	font-weight: bold;
	margin-top: 10px;	
}
.my-swiper .slider-content{
	font-size: 13px;
	color: #333;