@charset "utf-8";
/* *_briefing.jsp */

.KS42_link , .KS42_link > span { transition:0.3s all }
.KS42_link {
    width:20rem ; display:block ; overflow:hidden ; border:solid 0.1rem rgba(0,0,0,0.1) ;
    padding:1rem 0.5rem ; box-sizing:border-box ; text-align:center ; background-color:#ffffff ;
    margin:auto ; border-radius:0.4rem ; box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0.1) ;
}
.KS42_link > span {
    display:inline-block ; padding-bottom:0.2rem ;
    font-size:1.4rem ; line-height:3rem ; font-weight:500 ;
}

.KS42_link:hover , .KS42_link:focus { background-color:#7ac142 ; box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.3) ; }
.KS42_link:hover > span , .KS42_link:focus > span  { 
    color:#ffffff ; padding-left:3.5rem ;
    background:url(../img/icon_site_w.png) no-repeat left center ; background-size:3rem auto ;
}


 
/* IMAGE */
.KS42_poster , .KS42_poster img { width:100% }
.KS42_poster { max-width:80rem ; margin:auto ; margin-bottom:2rem ; position:relative }
.KS42_poster img , .KS42_poster::after { border-radius:0.4rem }
.KS42_poster::after {
    position:absolute ; left:0 ; top:0 ; display:block ; overflow:hidden ; content:"" ;
    width:100% ; height:100% ; box-sizing:border-box ; border:solid 1px rgba(0,0,0,0.1) ;
}
 


/* PC **********/
@media all and (min-width:1100px){
 

 
}