
.swiper{z-index:3;}

/*ゆっくり*/


  .card05 {
    overflow: hidden;
  }
	.card05 a:hover{opacity:1;}
  .card05 .swiper {
    overflow: visible;
  }
  .card05 .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
            transition-timing-function: linear !important;
  }
	
  .card05 .swiper-slide {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .card05 .slide {
    overflow: hidden;
    width: 18rem;/*スライド画像最大サイズ変更はここ*/
  }
	.card05 .slide.photo1{width: 260px;}
	.card05 .slide.photo1 .slide-media{}
	.card05 .slide.photo2{width: 420px;}
	.card05 .slide.photo2 .slide-media{margin-top: 4em;}
	.card05 .slide.photo3{width: 260px;}
	.card05 .slide.photo3 .slide-media{}
	.card05 .slide.photo4{width: 320px;}
	.card05 .slide.photo4 .slide-media{margin-top: 8em;}
	.card05 .slide.photo5{width: 245px;}
	.card05 .slide.photo5 .slide-media{margin-top: .5em;}
	.card05 .slide.photo6{width: 346px;}
	.card05 .slide.photo6 .slide-media{margin-top: 2em;}
	
	
	
	
  .card05 .slide-media img {
		/*aspect-ratio: 4 / 3;
  object-fit: cover;
	filter: brightness(1);*/
  }
  .card05{
padding:4rem 0;
}
.card05.renga-bg:before,
.card05.renga-bg:after{
	height:130px;
}
.card05 .slide-media{
position: relative;
}
.card05 .slide-media span{
	position:absolute;
	z-index: 4;
	color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: clamp(28px, 3vw, 48px);
	font-style: italic;
}
