@charset "utf-8"; 
 
/* img */
#K21_img1 { max-width:120rem }



/* title */
.K21__h4 { 
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem ; background-color:#f7f7f7 ;
    font-size:2.4rem ; line-height:3.4rem ; text-align:center ; font-weight:800 ; color:#111111 ;
    word-break:keep-all ; padding:1rem 0.5rem 1.2rem ; margin-bottom:1.5rem ;
}

.K21__header { 
    margin-bottom:4rem ; padding-bottom:2rem ;
    border-bottom:dashed 1px rgba(0,0,0,0.15) }

.K21__sub__header { position:relative ; margin-bottom:2rem ; padding:1.5rem }  

.K21__name { font-size:1.8rem ; line-height:2.8rem ; text-align:center ; font-weight:500 ; color:#111111 }
.K21__sub__header , .K21__sub__header::before { border-radius:0.6rem }  
.K21__sub__header::before {
    display:block ; content:"" ; border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box ;
    position:absolute ; left:0 ; top:0 ; width:100% ; height:100%    
}
.K21__h5 { 
    padding-bottom:1rem ;margin-bottom:1rem ; border-bottom:dashed 1px rgba(0,0,0,0.15) ;
    font-size:2rem ; line-height:3rem ; font-weight:600 ; color:#111111 }
.K21__h5 > b {
    display:inline-block ; overflow:hidden ; padding:0 1rem 0.2rem ; margin-right:0.5rem ; border-radius:0.4rem ;
    font-size:1.6rem ; line-height:2.6rem ; color:#ffffff ; font-weight:500 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
    background-color:#0e1ea3 ;
}







/* PC */
@media screen and (min-width:1024px){ 

    /* visual */
    #headline { bottom:4rem }


    /* title */
    .K21__h4 { padding:1.5rem 1rem 1.7rem ; font-size:2.6rem ; line-height:3.6rem ; margin-bottom:2rem  }
    .K21__name   { text-align:right } 
    .K21__header { border:none ; padding:0 ; margin-bottom:4rem }
 
    .K21__sub__header { padding:1.2rem }
    .K21__sub__header::after { display:block ; content:"" ; clear:both }
    .K21__h5 { padding:0 ; margin:0 ; border:none ; float:left }
    .K21__name { 
        width:45rem ;
        float:right ; text-align:left ; 
        position:relative ; padding:0 0 0.2rem 1.5rem }
    .K21__name::before {
        display:block ; content:"" ; width:1px ; height:1.5rem ; 
        background-color:#000000 ; opacity:0.15 ;
        position:absolute ; left:0 ; top:50% ; transform:translateY(-50%) ;
     } 
     
} 





/* PRINT */
@media print { }