@charset "utf-8";
  
/* TABLE */
#KS33_table1 { padding-top:1rem ; margin-bottom:2rem }
 


/* WRITER */
#KS33_writers , .KS33_writer , .KS33_w_name::before , .KS33_w_class::before { display:block }
#KS33_writers { margin-bottom:1.5rem ; box-sizing:border-box }
.KS33_writer { 
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.2rem ; margin-bottom:0.2rem ; background-color:#ffffff ;
    text-align:left ; padding:0.5rem 1rem ; padding-bottom:0.3rem  ; box-sizing:border-box ; width:100% ; position:relative }
.KS33_writer:last-child { margin-bottom:0 }    
.KS33_w_name , .KS33_w_class { display:block ; position:relative ; padding-bottom:0.1rem ; word-break:keep-all }
.KS33_w_name { 
    margin-bottom:0.3rem ;
    font-size:0.9rem ; line-height:1.4rem ; font-weight:600 ; color:#111111 ; letter-spacing:-0.5px ; width:3rem ; padding-left:1.7rem }
.KS33_w_class { font-size:0.8rem ; line-height:1rem ; font-weight:400 }
.KS33_w_name::before , .KS33_w_class::before { content:"" }
.KS33_w_name::before { 
    position:absolute ; left:0 ; top:50% ; transform:translateY(-50%) ;
    width:1.5rem ; height:1.5rem ; background:url(../img/icon_people.png) no-repeat center center #7ac142 ; border-radius:3rem }
.KS33_w_class::before { 
    position:absolute ; left:0 ; top:50% ; transform:translateY(-50%) ; display:none ;
    width:1px ; height:0.6rem ; background-color:#000000 ; opacity:0.1 }


    

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

    /* WRITER */
    #KS33_writers { margin-bottom:2rem ; width:100% ; display:block ; overflow:hidden } 
    .KS33_w_name , .KS33_w_class { display:inline-block }
    .KS33_w_class { padding-left:1rem ; position:absolute ; left:6rem ; top:50% ; transform:translateY(-50%) ;}
    .KS33_w_class::before { display:block }
    #KS33_writer_left , #KS33_writer_right { margin:0 ; width:49% ; box-sizing:border-box }
    #KS33_writer_left { float:left }
    #KS33_writer_right { float:right }
 
}