.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.modal__content {
    background: #fff;
    padding: 20px;
    max-width: 820px;
    width: 90%;
    position: relative;
}
.swiper-slide {
    display: none; /* 初期状態で非表示 */
}
.swiper-horizontal {
  	overflow: hidden;
}
.modal__content {
  	margin: 5VW auto 0 ;
}
.swiper-backface-hidden .swiper-slide img{
    width:100%;
    height:auto;
}
.swiper-slide > p{
	text-align: left;
	color:#000;
}

.js-open-modal {
	color: #fff;
  	font-size: 1em;
  	font-weight: bold;
  	background-color: transparent;
  	border: 0;
	cursor:pointer;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  	right:20px!important;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  	opacity: .20!important;
}
.swiper-slide img {
	max-width: 100%;
}
.swiper-pagination {
  	text-align: left!important;
  	padding-left: 20px!important;
	bottom: 18px!important;
}