[mn="3020"] {
   z-index: 5;

   --contMargin: var(--contMargin_default, 0);
   --itmIconBorder: var(--itmIconBorder_default, 0);
   --itmIconSize: var(--itmIconSize_default, 100%);
   --itmIconBorderRadius: var(--itmIconBorderRadius_default, 0);
   --slideOverflow: var(--slideOverflow_default, hidden);

   @media(width<1200px) {
     --contMargin: var(--contMargin_1200, 0)
   }

   @media(width<991px) {
     --contMargin: var(--contMargin_991, 0)
   }

   @media(width<767px) {
     --contMargin: var(--contMargin_767, 0)
   }

   @media(width<575px) {
     --contMargin: var(--contMargin_575, 0)
   }

   .containerw {
     margin: var(--contMargin)
   }



   & a {
     text-decoration: none !important;
   }

   .containerw{

    & ~ &{
      margin-top: 30px;
    }

    ._ittl{
      --ttlalign: left;
      --secttlmarg_default: 0 0 15px;

      .h4{
        font-size: 130%;
      }
    }
    

   }

   .item {

     &.mode_video {
       cursor: pointer;

       &:hover {
         .icon-play {
           scale: 1.15;
         }
       }
     }

     .icon-play {
       z-index: 10;
       position: absolute;
       top: 50%;
       left: 50%;
       translate: -50% -50%;
       background-image: url(_src/play2.png);
       background-size: contain;
       background-repeat: no-repeat;
       background-position: center;
       width: 170px;
       max-width: 80%;
       aspect-ratio: 100 / 35;
       transition: .6s all ease
     }

     .bimgw {
       width: 100%;
       /* aspect-ratio: 1; */
       border-radius: var(--itmIconBorderRadius);
       overflow: hidden;
       border: var(--itmIconBorder);

       .bimg {
         padding-top: var(--itmIconSize);
       }
     }



   }

   ._content {
     line-height: 1.3;
     width: 100%;
     max-width: 800px;
     margin: 0 auto 15px;
   }

   .profilebx .bimgw {
     margin-bottom: 9px;
     border-radius: 50%
   }

   .rate .bimgw {
     --bw: 100%;
   }

   .rate .bimg {
     --bpt: 15px;
     background-image: url(src/star-5.png);
     margin: 0 0 12px;
   }

   .ttl {
     line-height: 1.1;
     margin: 0 0 9px;
     font-family: var(--ft-t1);

   }

   &.dsg_1 {
     .item {
       color: #fff;
     }

     .ttl {
       border-bottom: 3px solid #fff;
       padding: 0 0 9px;
     }

   }

   &.dsg_2 {
     .infobx {
       padding: 15px 0 0;
     }
   }

   &.dsg_4 {
     .item {
       flex-direction: column;

       ._content {
         margin: 6px 0 0;
       }
     }

     .floatingbx {
       color: #fff;
       position: absolute;
       left: 0;
       bottom: 0;
       padding: 12px 9px 9px;
       width: 100%;
       z-index: 1;

       &:after {
         content: '';
         position: absolute;
         display: block;
         left: 0;
         bottom: 0;
         width: 100%;
         height: 100%;
         background: rgb(0, 0, 0);
         background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 100%);
         z-index: -1;
       }

       .ttl {
         margin: 0;
         font-size: 120%;
       }
     }
   }




   .mySwiper {
     overflow: var(--slideOverflow);

     .swiper-slide {
       display: flex;
     }

     .swiper-pagination {
       position: relative;
       margin: 15px 0 0;
     }

     .swiper-button-next,
     .swiper-button-prev {
       /* background-color: var(--clr01); */
       width: 40px;
       height: auto;
       border-radius: 50%;
       min-height: 250px;
     }

     .swiper-button-next:after,
     .swiper-button-prev:after {
       color: #fff;
       font-size: 15px;
     }

     .swiper-pagination-bullet {
       background-color: #fff;
       opacity: 1;
     }

     .swiper-pagination-bullet-active {
       background-color: var(--clr02);
     }

     @media only screen and (max-width: 767px) {
       .container.natur {
         padding: 0;
       }
     }
   }

 }


 .licht3020video {
   .contbx>.contbx-w {
     padding: 0;
   }

   .contm {
     background-color: transparent;
   }
 }