.jp-slider img {

  width: 100%;
  height: auto;
  border-radius: 12px;

}

.slide-text {

  text-align: center;
  margin-top: 10px;
  font-size: 14px;

}
/* my-swiper1416-01---------------------------- */
.my-swiper1416-01{
  overflow: hidden;
}
/* imgのスタイル */
.my-swiper1416-01 img{
  display: block;
  width: 100%;
}
/* 矢印カスタマイズ */
.my-swiper1416-01 .swiper-button-prev:after,
.my-swiper1416-01 .swiper-button-next:after {
  content: ""; /*デフォルトの矢印を上書き*/
  width: 20px;
  height: 20px;
  border: 0;
  border-top: solid 3px #164f6c;
  border-right: solid 3px #164f6c;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.my-swiper1416-01 .swiper-button-prev,
.my-swiper1416-01 .swiper-button-next{
  background: transparent;
}
/* 前への矢印カスタマイズ */
.my-swiper1416-01 .swiper-button-prev:after {
  transform: rotate(-135deg);
}
/* 次への矢印カスタマイズ */
.my-swiper1416-01 .swiper-button-next:after {
  transform: rotate(45deg);
}
/* ページネーションカスタマイズ */
.my-swiper1416-01 div.swiper-pagination{
  bottom: -50px;
}
.my-swiper1416-01 .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0px 10px;
  background-color: transparent;
  border: solid 2px #164f6c;
  cursor: pointer;
  opacity: 1;
}
/*ページネーションがactiveなときのスタイル*/
.my-swiper1416-01 .swiper-pagination-bullet-active {
  border-radius: 50%;
  background: #164f6c;
}
/* my-swiper1416-01----------------------------end */
/* slideカード全体 */
.my-swiper1416-02 .slide-img{
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:all .4s ease;
  height:100%;
  display:flex;
  flex-direction:column;
}

/* hoverで少し浮く */
.my-swiper1416-02 .slide-img:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(0,0,0,0.12);
}

/* 画像 */
.my-swiper1416-02 .slide-img img{
  padding:0;
  width:100%;
  height:220px;
	object-fit:cover;
  transition:transform .6s ease;
}

/* 画像ズーム */
.my-swiper1416-02 .slide-img:hover img{
  transform:scale(1.08);
}

/* テキストエリア */
.my-swiper1416-02 .slide-img h3{
  font-size:1.2rem;
  margin:20px 20px 10px;
  font-weight:600;
  letter-spacing:.05em;
}

.my-swiper1416-02 .slide-img p{
  margin:0 20px 20px;
  font-size:.9rem;
  line-height:1.7;
  color:#666;
}

/* MOREボタン */
.my-swiper1416-02 .slide-img a{
  margin:0 20px 25px;
  display:inline-block;
  width:fit-content;
  font-size:.8rem;
  letter-spacing:.15em;
  text-decoration:none;
  color:var(--color_main);
  border:1px solid var(--color_main);
  padding:8px 18px;
  border-radius:50px;
  transition:all .3s ease;
}

/* hover */
.my-swiper1416-02 .slide-img a:hover{
  background:var(--color_main);
  color:#fff;
}