@charset "utf-8"; 
/* MOBILE */
.article__titile .lang { font-weight:bold }
  
/* image */
#SW46_face { max-width:16rem } 
#SW46_img1 , #SW46_img2 { max-width:60rem }
#SW46_img34 { max-width:110rem }
#SW46_img3 { max-width:36rem }
#SW46_img4 { max-width:72rem }


/* 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:url(../img_sub/SW46_mov_bg.jpg) no-repeat center ; background-size:cover }
.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){  

    /* img */
    #SW46_img3 { width:32.7272% }
    #SW46_img4 { width:65.4545% }


    
    /* mov */  
    .SW46__mov { margin:0.7rem 0 0 5rem ; float:right }
}   
 




/* PRINT */
@media print {   }   
  