[mn="3010"] {
  padding: 0; 
  text-shadow: 0 2px 4px rgba(0, 0, 0, .7);

  .ttldecor-btm{
    
    /* &:after{
      content: '';
      position: relative;
      display: inline-block;
      content: '';
      width: 120px;
      height: 6px;
      background-color: var(--clr02, #999);
      margin: 15px 0 0 !important;
    } */
  }
  ._ittl{
    margin: 0 0 15px;

    ._subttl{
      font-family: var(--ft-b1);
      font-size: 150%;
    }
  }
  .h4 {
    line-height: 1;
    margin: 15px 0 15px;
    font-family: var(--ft-t1); 
    /* &::before,
    &::after{
        content: '';
        position: relative;
        display: inline-block;
        height: 4px;
        width: 45px;
        background-color: #fff;
        min-width: 30px;
    }  */
  
  }  
  @media (width > 767px){
    .h4{
      font-size: 450%;
    }
  }
  @media (width <= 767px){
    .h4 { 
      font-size: 150%;
    }  
    ._subttl{ 
      font-size: 100% !important;
    }
  }
 }  
 
 [mn="3010"] .txtbx {
  filter: drop-shadow(3px 4px 12px rgba(0,0,0,.8));
 }
 [mn="3010"] .swiper {
     display: flex;
     min-height: 100vh;
     /* clip-path: ellipse(90% 100% at 50% 0%); */
 }  
 [mn="3010"] .swiper-wrapper {
     display: flex; 
     height: auto;
 }  
 [mn="3010"] .swiper-slide {
     padding: 30px; 
 }  
 [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%;
}
 [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;
}
[mn="3010"] .swiper-pagination-bullet-active {
    border-bottom: 3px solid #fff;
}
[mn="3010"] .swiper-pagination {
    translate: 0 -21px;
}
@media only screen and (max-width: 767px) {  
  [mn="3010"] .swiper-slide { 
    font-size: 110%;
    color: #fff
    }  
  [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: 900px;
    margin: 0 auto;
    }  
}
@media only screen and (max-width: 575px) {  
    [mn="3010"] .swiper-button-next, 
    [mn="3010"] .swiper-button-prev { 
     --square: 25px; 
   }
   [mn="3010"] .swiper-slide {
    padding-bottom: 60px;
   }
}

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

[mn="3010"]  .btn{
  --btnborderclr: var(--clr01)
}

body.home [mn="8005"]{
  position: absolute;
  background-color: transparent;
}