[mn="3010"] {
  padding: 0;  
 
  /* border-bottom: 9px solid var(--clr01);
  border-top: 9px solid var(--clr01); */


  .ttldecor-{

 
    &.ttldecor-btm{
      display: none;
    }
    
  }
  .contentbx{
    color: #fff;  
    line-height: 1.5; 
    filter: drop-shadow(2px 4px 4px rgba(0,0,0,.55));

    /* &::after{
      content: '';
      position: absolute;
      display: block;
      right: 0;
      top: 0;
      content: '';
      width: 100vw;
      height: 100%;
      background-color: var(--clr01, #999);
      margin: 15px 0 0 !important; 
      z-index: -1;
      opacity: .8;
      transform: skew(-15deg, 0); 
    } */
    @media(width < 575px){
      padding: 0; 

      &::after {
        margin: 0 !important;
        right: -15px;
      }

    }
  }
  ._ittl{
    margin: 0 0 0; 
  } 
  
  .h4 {
    line-height: 1;
    margin: 0 0 15px;
    font-size: 250%;

    &::before,
    &::after{
        /* content: ''; */
        position: relative;
        display: inline-block;
        height: 4px;
        width: 45px;
        background-color: #fff;
        min-width: 30px;
        display: none;
    }
    
  }

  ._video{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;

    & video{
      width: 100%;
      height: 100%;
      border-radius: 0;
      object-fit: cover;
      object-position: center bottom;
      z-index: -1;
    }

    &::after{
      content: '';
      z-index: 1;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, .35);
    }
  }
  

  .waveimg{
    position: absolute;
    z-index: 3;
    bottom: -2px;
    left: 0;
    line-height: 0;
    pointer-events: none;

    & img {
      width: 100%
    }
  }
 }  
 
 [mn="3010"] ._imgsec{
  margin: 0 0 15px; 
 }
 [mn="3010"] ._subttl{
  font-family: var(--ft-t1);
  font-style: italic;
 }
 [mn="3010"] .txtbx {
  display: inline-block; 
 }
 [mn="3010"] .swiper {
     display: flex;
     min-height: 100vh;
     /* clip-path: ellipse(90% 100% at 50% 0%); */

     @media(width<575px){
      .swiper-pagination{
        bottom: 0;
      }
     }
 }  
 [mn="3010"] .swiper-wrapper {
     display: flex; 
     height: auto;
 }  
 [mn="3010"] .swiper-slide {
     padding: 60px 30px;
     overflow: clip;
     z-index: 1;
 }  
 [mn="3010"] .swiper-button-next, 
 [mn="3010"] .swiper-button-prev {
  --square: 35px;
  aspect-ratio: 1 / 1 !important;
  background-color: var(--clr01);
  width: var(--square);
  height: var(--square);
  height: auto;
  border-radius: 50%;
  z-index: 2;
}

[mn="3010"] .swiper-pagination{
  z-index: 2;
  bottom: 6vw;

  @media(width<=767px){
    display: none;
  }
}

 [mn="3010"] .swiper-button-next:after, 
 [mn="3010"] .swiper-button-prev:after {
  color: #fff;
  font-size: 15px;
}
[mn="3010"] .swiper-pagination-bullet {
    width: auto;
    height: auto;
    padding: 3px 0;
    margin: 3px 6px !important;
    background-color: transparent;
    color: #fff;
    font-family: var(--ft-t1);
    border-bottom: 3px solid transparent;
    border-radius: 0;
    opacity: 1;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}
[mn="3010"] .swiper-pagination-bullet-active {
    border-bottom: 3px solid #fff;
} 
@media only screen and (max-width: 767px) {  
  [mn="3010"] .swiper-slide { 
    color: #fff;
    padding: 15px;
    min-height: 200px;

    & h4{
      margin: 0 0 9px;
      font-size: 150%;
    }

    ._content{
      font-size: 80%;

      @media(width<575px){
        display: none;
      }
    }
  }  
  [mn="3010"] .bglyr:after  {
    content: '';
    display: block; 
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0,0,0,.3); */
    }   
}
@media only screen and (min-width: 767px) {  
  [mn="3010"] .txtbx { 
      width: 100%;
      max-width: 800px; 
    }  
}
@media only screen and (max-width: 575px) {  
    [mn="3010"] .swiper-button-next, 
    [mn="3010"] .swiper-button-prev { 
     --square: 25px; 
   } 
}

/* =========================== */
/* =========================== */