[mn="2000"] {
        min-height: 40vh; 
        z-index: 1;
        text-align: center;
        aspect-ratio: 16 / 4.5;
     }
     [mn="2000"] .tst-w > * {
         width: 100%
     }
     [mn="2000"] .main {
         padding: 60px 15px;
     }
     [mn="2000"] ._subttl {
        font-size: 120%;
        letter-spacing: 1px;
        color: #fff
     }
     [mn="2000"] .content {
         font-size: 150%
     }
     [mn="2000"]:after {
         /* content: ''; */
         position: absolute;
         width: 100%;
         height: 100%;
         left: 0;
         top: 0;
         display: block;
         z-index: -1;
         background-color: rgba(0,0,0,.35); 
         margin: 0
     } 
 
     [mn="2000"] .h4 {
        margin: 0;
        position: relative; 
        color: #fff;
        display: inline-block;
        padding: 15px; 
        z-index: 0;
     } 
     [mn="2000"] .h4:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background-color:  var(--clr01);
        top: 0;
        left: 0;
        z-index: -1;
        transform: skew(-9deg);
     } 
     [mn="2000"] .bg-lay {
         background-position: top center
     }
     [mn="2000"] .bg-lay,
     [mn="2000"] .bg-layer {
         position: absolute;
         left: 0;
         top: 0;
         height: 100%;
         width: 100%;
         z-index: -2
     }
     [mn="2000"] .bg-layer {
         z-index: -1;
         background-size: auto;
         background-repeat: repeat;
         display: none;
     } 
     [mn="2000"] .subttl {
         font-size: var(--font-xl);
     } 
     @media (max-width: 1000px) {
         [mn="2000"] .ttl {
             font-size: var(--font-xxl)
         }
     }
     @media (max-width: 767px) {
         [mn="2000"] .main {
             padding: 0 15px;
         }
          
         [mn="2000"] {
             min-height: auto
         }
     }