@charset "UTF-8";
/*  .swiper-container {
  position: relative; /* ← swiper.cssに含まれています */
 /*  width: 100%;
  height: auto;
  text-align:center;
}*/

 /* .swiper-container:before{
  content: "";
  display: block;
  width:100%;
  height: 3px;
  background: linear-gradient(270deg, rgba(2,0,36,1) 0%, rgba(255,253,253,1) 100%);
 }*/

.swiper-wrapper {
  position: absolute; /* ← swiper.cssと優先順位が干渉するときは工夫してください */
  top: 0;
  left: 0;
}
.swiper-pagination {
  position: relative!important;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 10;
}
.swiper-pagination-bullet {
  width: 10px!important;
  height: 10px!important;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
  margin: 20px 7px 0;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: rgb(0, 64, 30)!important;
}

.swiper-wrapper img {
    width: 100%;
    height: auto;
    max-width: 1400px;
    object-fit: cover;
    object-position: 100% 0;
    animation: fadeIn 7s ease 0s 1 normal;
    -webkit-animation: fadeIn 7s ease 0s 1 normal;
}


 /*.swiper-container:before{
  content: "";
  display: block;
  width:100%;
  height: 3px;
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(182,182,182,1) 100%);
}* /
.slide_title{
  line-height: 2rem;
  font-size: 1.1em;
}
.slide_title_w{
  line-height: 2rem;
  font-size: 1.1em;
}
}

.swiper-slide{ 
 height: 100%;
}


@keyframes zoom {
  0% {
  transform: scale(1);
  }
  100% {
  transform: scale(1.1);
  }
}
.swiper-slide-active .zoom img {
  animation: zoom 20s linear 0s 1 normal both;
} 
  
@keyframes translate1 {
  0% {
  transform: scale(1.07) translate(0,0);
  }
  100% {
  transform: scale(1.07) translate(3%, 2%);
  }
}
  
.swiper-slide-active .translate1 img {
  animation: translate1 6s linear 0s 1 normal both;
} 
  
@keyframes translate2 {
  0% {
  transform: scale(1.05) translate(1%,2%);
  }
  100% {
  transform: scale(1.1) translate(-2%, -3%);
  }
}
 
.swiper-slide-active .translate2 img {
  animation: translate2 6s linear 0s 1 normal both;
} 

.slide_b{
   height: auto;
      animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.slide_title{
  display: block;
  line-height: 1.5em;
  color: #4d004d;
  text-shadow: 1px 1px 3px #FFFFFF;
  position: absolute;
  font-size:1.7em;
  top: 20%;
  right: 5%;
  font-weight: 700;
  animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.slide_title .slide_big {
   white-space: nowrap;
  /*  background: -webkit-linear-gradient(270deg, #4d004d, #4d004d, #9580ED, #86FDE8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  color: #4d004d;
  font-style: italic;
  font-size: 2.55em;
  line-height: 2em;
  text-shadow: 1px 1px 3px #FFFFFF;
  font-weight: 700;
}*/
.slide_title_w{
  display: block;
  line-height: 1.5em;
  color: #FFFFFF;
  text-shadow: 1px 1px 3px #4d004d;
  position: absolute;
  font-size:1.7em;
  top: 20%;
  right: 5%;
  font-weight: 700;
  animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.slide_title_w .slide_big_w {
   white-space: nowrap;
  /*  background: -webkit-linear-gradient(270deg, #4d004d, #4d004d, #9580ED, #86FDE8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: #FFFFFF;
  font-style: italic;
  font-size: 2.55em;
  line-height: 2em;
  text-shadow: 1px 1px 3px #4d004d;
  font-weight: 700;
}



@media screen and (max-width: 540px) {
.slide_title_w{
  display: block;
  line-height: 1.5em;
  color: #FFFFFF;
  text-shadow: 1px 1px 3px #4d004d;
  position: absolute;
  font-size:1.6em;
  top: 20%;
  right: 5%;
  font-weight: 700;
  animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}


.slide_title_w .slide_big_w {
   white-space: nowrap;
  /*  background: -webkit-linear-gradient(270deg, #4d004d, #4d004d, #9580ED, #86FDE8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: #FFFFFF;
  font-style: italic;
  font-size: 2.3em;
  line-height: 2em;
  text-shadow: 1px 1px 3px #4d004d;
  font-weight: 700;
}

.slide_title{
  display: block;
  line-height: 1.5em;
  color: #4d004d;
  text-shadow: 1px 1px 3px #FFFFFF;
  position: absolute;
  font-size:1.6em;
  top: 20%;
  right: 5%;
  font-weight: 700;
  animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.slide_title .slide_big {
   white-space: nowrap;
  /*  background: -webkit-linear-gradient(270deg, #4d004d, #4d004d, #9580ED, #86FDE8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: #4d004d;
  font-style: italic;
  font-size: 2.3em;
  line-height: 2em;
  text-shadow: 1px 1px 3px #FFFFFF;
  font-weight: 700;
}
}


@media screen and (max-width: 400px) {
.slide_title_w{
  display: block;
  line-height: 1.5em;
  color: #FFFFFF;
  text-shadow: 1px 1px 3px #4d004d;
  position: absolute;
  font-size:1em;
  top: 20%;
  right: 5%;
  font-weight: 700;
  animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}


.slide_title_w .slide_big_w {
   white-space: nowrap;
  /*  background: -webkit-linear-gradient(270deg, #4d004d, #4d004d, #9580ED, #86FDE8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: #FFFFFF;
  font-style: italic;
  font-size: 2.4em;
  line-height: 2em;
  text-shadow: 1px 1px 3px #4d004d;
  font-weight: 700;
}

.slide_title{
  display: block;
  line-height: 1.5em;
  color: #4d004d;
  text-shadow: 1px 1px 3px #FFFFFF;
  position: absolute;
  font-size:1em;
  top: 20%;
  right: 5%;
  font-weight: 700;
  animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.slide_title .slide_big {
   white-space: nowrap;
  /*  background: -webkit-linear-gradient(270deg, #4d004d, #4d004d, #9580ED, #86FDE8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: #4d004d;
  font-style: italic;
  font-size: 2.4em;
  line-height: 2em;
  text-shadow: 1px 1px 3px #FFFFFF;
  font-weight: 700;
}
}

@media screen and (max-width: 320px) {
.slide_title_w{
  display: block;
  line-height: 1.4em;
  color: #FFFFFF;
  text-shadow: 1px 1px 3px #4d004d;
  position: absolute;
  font-size:1em;
  top: 20%;
  right: 4%;
  font-weight: 700;
  animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}


.slide_title_w .slide_big_w {
   white-space: nowrap;
  /*  background: -webkit-linear-gradient(270deg, #4d004d, #4d004d, #9580ED, #86FDE8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: #FFFFFF;
  font-style: italic;
  font-size: 2.3em;
  line-height: 2em;
  text-shadow: 1px 1px 3px #4d004d;
  font-weight: 700;
}

.slide_title{
  display: block;
  line-height: 1.4em;
  color: #4d004d;
  text-shadow: 1px 1px 3px #FFFFFF;
  position: absolute;
  font-size:1em;
  top: 20%;
  right: 4%;
  font-weight: 700;
  animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.slide_title .slide_big {
   white-space: nowrap;
  /*  background: -webkit-linear-gradient(270deg, #4d004d, #4d004d, #9580ED, #86FDE8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: #4d004d;
  font-style: italic;
  font-size: 2.3em;
  line-height: 2em;
  text-shadow: 1px 1px 3px #FFFFFF;
  font-weight: 700;
}
}

@keyframes fadeIn { 
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */
}