@charset "utf-8";
/*===========================================
スライドバナー
===========================================*/
.wrap{
	/* margin: 0 calc(50% - 50vw); */
	max-width: 100vw;
	position: relative;
	overflow: hidden;
}
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
/*
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoom 10s linear 0s 1 normal both;  
}
.slide-text{
	position: absolute;
	bottom: 10%;
	left: 4%;
	font-size: 46px;
	/* font-family: serif; */
	/* font-weight: bold; */
	/* text-shadow: 2px 2px 8px #000; */
	/* transform: translate(-50%,-50%); */
	/*color: #fff;
	opacity: 0;
	transition: opacity 0.5s ease;
}
.slide-img img{
	object-fit: cover;
	height: 100vh;
  width: 100vw;
}

.slide-img{
	position:relative;
}
.slide-img:before{
	content:"";
	background:rgba(0,0,0,0.1);
	width:100%;
	height:100%;
	display:block;
	position:absolute;
}
*/

.swiper-slide{
	position:relative;
}
.freeArea2 .free-contents .slide-text{
	/* position:absolute; */
	/* width:100%; */
	/* height:100%; */
	/* bottom:0; */
	/* right: 0; */
	/* color:#fff; */
	/* z-index: 1000000000; */
}
/*
.freeArea2 .free-contents .slide-text p{
	letter-spacing:5px;
}
.freeArea2 .free-contents .slide-text p span{
	color:#fff;
	text-shadow:none;
	font-size: 24px;
	display:block;
	line-height:1.4;
}
.freeArea2 .free-contents .slide-text p b{
	font-weight:500;
	color:#fff;
	font-size: 48px;
	letter-spacing: 10px;
}
.freeArea2 .free-contents .slide-text a{
	font-size:16px;
	color:#fff;
	display:block;
	border:1px solid;
	width:fit-content;
	box-sizing: border-box;
	padding:2px 10px;
	font-size:16px;
	margin:10px 0 0;
}
*/

.slide-img img.d_pc {
    display: block;
}
.slide-img img.d_smp {
    display: none;
}
.slide-img img {
    width:100%;
}



/*ドット*/
.swiper-pagination-bullet-active {
    opacity:1;
	background:#fff;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    width: 50px;
    height: 2px;
    border-radius: 0px;
    background: #B2B2B2;
    border-radius: 100px;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 30px;
}
@media screen and (max-width:1200px){
/*ドット*/
.swiper-pagination-bullet-active {
    opacity:1;
	background:#fff;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    width: 4%;
    height: 2px;
    border-radius: 0px;
    background: #B2B2B2;
    border-radius: 100px;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1%;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 2vw;
}
}

@media screen and (max-width:768px){
	.slide-img img.d_pc {
	    display: none;
	}
	.slide-img img.d_smp {
	    display: block;
	}

	/*ドット*/
	.swiper-pagination-bullet-active {
	    opacity:1;
		background:#fff;
	}
	.swiper-pagination-clickable .swiper-pagination-bullet {
	    width: 6%;
	    height: 3px;
	    border-radius: 0px;
	    background: #B2B2B2;
	    border-radius: 100px;
	}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	    margin: 0 1%;
	}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	    bottom: 3vw;
	}
}
@media screen and (max-width:580px){
	.slide-img img.d_pc {
	    display: none;
	}
	.slide-img img.d_smp {
	    display: block;
	}

	/*ドット*/
	.swiper-pagination-bullet-active {
	    opacity:1;
		background:#fff;
	}
	.swiper-pagination-clickable .swiper-pagination-bullet {
	    width: 6%;
	    height: 3px;
	    border-radius: 0px;
	    background: #B2B2B2;
	    border-radius: 100px;
	}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	    margin: 0 1%;
	}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	    bottom: 2vw;
	}
}
