/*--------------------------------------
swiper独自追加
----------------------------------------*/

/***************************************************************
parallax
****************************************************************/
.swiper-container{
   width: 100%;
   position: relative;
   clip-path: inset(0 round 20px 20px 20px 20px);
   z-index:1;
}
.swiper{
   width: 100%;
   position: relative;
   clip-path: inset(0 round 20px 20px 20px 20px);
   z-index:1;
}
 .swiper-slide {
   width: 100%!important;
   height: 600px;
   overflow: hidden;
   padding: 2em;
   position: relative;
 }
.charactor-wrapper{
   position: absolute;
   top: 50%;
   right: 15%;
   transform: translateY(-50%);
   animation: fuwafuwa 2s infinite;
   max-width: 300px;
   z-index: 1;
}
.charactor{
   position: unset!important;
   width: unset!important;
   height: unset!important;
   left: unset!important;
   max-width: 300px;
}
@keyframes fuwafuwa{
   0%{ top: 50%;}
 50%{ top: 46%;}
 100%{ top: 50%;}
}
 .swiper-slide img {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .swiper-slide .texts {
   position: absolute;
   bottom: 10px;
   padding: 1em 2em;
   background-color: rgba(0, 0, 0, 0.3);
   color: #fff;
   overflow: hidden;
 }

 .swiper-slide .title {
   font-size: 20px;
 }

 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}
.swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer;
}
.swiper-pagination-bullet {
   width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
   height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
   display: inline-block;
   border-radius: 50%;
   background: var(--swiper-pagination-bullet-inactive-color,#000);
   opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
   background-color: rgba(0,0,0,.8);
}
.swiper-pagination-bullet-active {
   opacity: var(--swiper-pagination-bullet-opacity, 1);
   background: var(--swiper-pagination-color,var(--swiper-theme-color));
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
   left: 0;
   width: 100%;
   margin-top: 7px;
}

.swiper-pagination {
   text-align: center;
   z-index: 1;
}
.interior .swiper-pagination {
   top: 10px;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active{
   background-color: rgba(0,0,0,.8);
}


/*-------------------------------------------------
900px
--------------------------------------------------*/
@media screen and (max-width:900px) {
.swiper-slide {
   height: 43vh;
}
/***********************************************************
767px
************************************************************/
@media screen and (max-width: 767px){
   .charactor {
      max-width: 220px;
  }
}
/*-------------------------------------------------
599px
--------------------------------------------------*/
@media screen and (max-width:599px) {
.swiper {
   clip-path: inset(0 round 15px 15px 15px 15px);
}
.charactor {
   max-width: 180px;
}
}
}