@charset "utf-8"; 
/* MOBILE */
.article__titile .lang { font-weight:bold }
  
/* image */
#SW46_face { max-width:16rem } 
#SW46_img1 , #SW46_img2 { max-width:60rem } 
#SW46_img3 { max-width:30rem } 


/* mov */ 
.SW46__mov , .SW46__mov__link { width:30rem }
.SW46__mov { margin:4rem auto }
.SW46__mov__link , .SW46__mov__link::after , .SW46__mov__img { border-radius:0.6rem ; box-sizing:border-box ; display:block }
.SW46__mov__link , .SW46__mov__img { position:relative } 
.SW46__mov__link::after , .SW46__mov__img::before , .SW46__mov__img::after ,
.SW46__mov__img > span { position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) }
.SW46__mov__link::after { 
    width:100% ; height:100% ; 
    content:"" ; border:solid 1px rgba(0,0,0,0.1) }
.SW46__mov__img { overflow:hidden ; width:100% ; height:25rem }
.SW46__mov__img::before , .SW46__mov__img::after {
    display:block ; width:100% ; height:100% ; content:"" ;
    transform:translate(-50%,-50%) scale(1.01) ;
    transition:0.3s all ;
}
.SW46__mov__img::before { z-index:5 ; background:no-repeat center ; background-size:cover }

#SW46__mov1 .SW46__mov__img::before { background-image:url(../img_sub/SW46_mov_bg1.jpg) }
#SW46__mov2 .SW46__mov__img::before { background-image:url(../img_sub/SW46_mov_bg2.jpg) }

.SW46__mov__img::after  { z-index:6 ; background-color:#000000 ; opacity:0.3 }
.SW46__mov__img > span {
    display:block ; width:6rem ; height:6rem ; z-index:7 ;
    font-size:0 ; color:transparent ;
    background:url(../img_sub/icon_YB_play.png) no-repeat center ;
}
.SW46__mov__txt {
    display:block ; padding:0.5rem 1rem 1rem ; 
    font-size:1.6rem ; line-height:2.4rem ; text-align:center ; word-break:keep-all ;
}

.SW46__mov__link:hover .SW46__mov__img::before , .SW46__mov__link:focus .SW46__mov__img::before { transform:translate(-50%,-50%) scale(1.05) ; }
.SW46__mov__link:hover .SW46__mov__img::after , .SW46__mov__link:focus .SW46__mov__img::after { opacity:0.5 }
 




/* PC */
@media screen and (min-width:1024px){  
  
    /* mov */  
    .SW46__mov { margin:0.7rem 0 0 5rem ; float:right }
}   
 




/* PRINT */
@media print {   }   
  