@charset "utf-8";
 

/* INTRO */
#K30_intro ,  #K30_intro_title ,  #K30_intro_list ,
#K30_intro_list , #K30_intro_list > li { display:block ; overflow:hidden }
#K30_intro { text-align:center }
#K30_intro_list { margin-bottom:1.5rem }
#K30_intro_title { 
    border-top:solid 3px #7ac142 ; border-bottom:solid 1px #d7d7d7 ;
    padding:0.6rem 0.2rem ; padding-bottom:0.7rem  ; box-sizing:border-box ;
    font-size:1.2rem ; line-height:1.6rem ; font-weight:600 ; color:#111111 ; text-align:center ; letter-spacing:-1px ; word-break:keep-all ;
}
#K30_intro_list > li { border-bottom:solid 1px #d7d7d7 ; padding:0.5rem 0.2rem ; box-sizing:border-box ; text-align:left } 
#K30_intro_list b , #K30_intro_list span { display:inline-block ; line-height:1.4rem }
#K30_intro_list b { 
    position:relative ;
    font-size:0.7rem ; font-weight:500 ; padding-right:0.7rem ; margin-right:0.7rem }
#K30_intro_list b::after { 
    content:"" ; display:block ; position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
    width:1px ; height:0.5rem ; background-color:#000000 ; opacity:0.1 ; }    

#K30_intro_list span{ font-size:0.9rem ; color:#111111 ; font-weight:300 }



/* BOOKS */
#K30_books { text-align:center }
#K30_books img { 
    margin:0.5rem 0 ;
    max-width:18rem ; border-radius:0.2rem ; border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box }
 


/* IMG */
.KS_img { margin:auto ; padding:0.75rem 0 }
#KS32_gp1 { max-width:47.5rem }
#KS32_gp2 { max-width:42.5rem }
#KS32_gp3 { max-width:38.5rem }
#KS32_gp4 { max-width:34rem }


 
/* TABLE */
.KS32_table , .KS32_table > table { width:100% }
.KS32_table > table { border:0 ; border-collapse:collapse ; border-spacing:0  }
.KS32_table thead th , .KS32_table tbody th , .KS32_table tbody td ,
.KS32_table tfoot th , .KS32_table tfoot td { text-align:center ; vertical-align:middle ; box-sizing:border-box ; transition:0.3s all }
 
.KS32_table thead th { padding:0.5rem 0.3rem ; font-size:0.7rem ; line-height:1rem ; font-weight:600 ; color:#111111 }
.KS32_table thead tr:first-child th { border-top:solid 1px #d7d7d7 }
.KS32_table thead { border-bottom:solid 1px #d7d7d7 ; border-bottom:solid 2px #7ac142 }
.KS32_table thead th , .KS32_table tbody th , .KS32_table tbody td , .KS32_table tfoot th , .KS32_table tfoot td {
    border:solid 1px #d7d7d7 ; border-top:0 ; border-left:0
}

.KS32_table thead th:last-child , .KS32_table tbody th:last-child , .KS32_table tbody td:last-child , .KS32_table tfoot th:last-child, .KS32_table tfoot td:last-child {
    border-right:0 } 
.KS32_table tbody th , .KS32_table tbody td , .KS32_table tfoot th , .KS32_table tfoot td { font-size:0.8rem ; line-height:1.2rem ; padding:0.5rem 0.2rem ; font-weight:300 }
.KS32_table tbody th , .KS32_table tbody td:first-child , .KS32_table tfoot th , .KS32_table tfoot td:first-child  { border-left:0 }   
.KS32_table tbody tr:hover th , .KS32_table tbody tr:hover td ,
.KS32_table tfoot tr:hover th , .KS32_table tfoot tr:hover td { background-color:#f7f7f7 ; border-bottom:solid 1px #b2b2b2 ; color:#111111 }
.KS32_table tfoot th , .KS32_table tfoot td { font-weight:500 ; background-color:#ffffff ; }

.KS_table_title { width:100% ; text-align:center ; margin-bottom:0.75rem }
.KS_table_title > b { 
    display:inline-block ; overflow:hidden ; border-radius:4rem ; border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box ;
    background-color:#7ac142 ; padding:0.3rem 1.2rem ; padding-bottom:0.4rem  ; 
    font-size:0.9rem ; line-height:1.2rem ; font-weight:600 ; color:#ffffff ; letter-spacing:-0.5px ; word-break:keep-all ;
    text-shadow:0 0 2px rgba(0,0,0,0.2) ;
}




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

    /* INTRO */
    #K30_intro_list > li { width:50% ; float:left }
    #K30_intro_list b { padding-left:0.6rem } 

    #K30_intro_list > li:nth-child(1) , #K30_intro_list > li:nth-child(2) { width:40% }
    #K30_intro_list > li:nth-child(3) { width:20% }
    #K30_intro_list > li:nth-child(4) { width:100% }
    #K30_intro_list > li:nth-child(4) { position:relative }
    #K30_intro_list > li:nth-child(4) b { position:absolute }
    #K30_intro_list > li:nth-child(4) span { width:50rem ; float:right }



    /* BOOKS */
    #K30_books { margin-bottom:0 }
    #K30_books img { margin:0 0.2rem }



    /* IMG */ 
   
	
}