@charset "utf-8";  
/* Mobile */ 

/* Title */
.K21__header { 
    border:solid 1px #d7d7d7 ; border-radius:0.4rem ;
    padding:1rem 1.5rem ; margin-bottom:2rem ;
}
.K21__header__title { font-size:2rem ; line-height:3.4rem ; font-weight:600 ; color:#111111 ; word-break:keep-all }
.K21__header__title > b {
    display:inline-block ; padding:0.2rem 0.8rem 0.4rem ; margin-top:0.5rem ; border-radius:0.4rem ;
    font-size:1.2rem ; line-height:1.8rem ; color:#ffffff ; font-weight:500 ;
    background-color:#083c78 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2)  
}
.K21__header_name { 
    display:block ; padding-top:0.5rem ; margin-top:0.5rem ;
    border-top:dashed 1px rgba(0,0,0,0.1) ;
    font-size:1.6rem ; line-height:3.2rem ;
}





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

    /* Title */
    .K21__header__title , .K21__header_name { display:inline-block ;}
    .K21__header_name { 
        padding:0 0 0 2rem ; margin:0 0 0 2rem ; border:none ;
        position:relative;
    }
    .K21__header_name::before {
        display:block ; content:"" ; width:1px ; height:1.2rem ;
        background-color:rgba(0,0,0,0.15) ;
        position:absolute ; left:0 ; top:55% ; transform:translateY(-50%) ; 
        font-size:1.8rem ; line-height:3.4rem ;
    } 


    /*
    .K21__header { 
        border:solid 1px #d7d7d7 ; border-radius:0.4rem ;
        padding:1rem 1.5rem ; margin-bottom:2rem ;
    }
    .K21__header__title { font-size:2rem ; line-height:3.4rem ; font-weight:600 ; color:#111111 ; word-break:keep-all }
    .K21__header__title > b {
        display:inline-block ; padding:0.2rem 0.8rem 0.4rem ; margin-top:0.5rem ; border-radius:0.4rem ;
        font-size:1.2rem ; line-height:1.8rem ; color:#ffffff ; font-weight:500 ;
        background-color:#083c78 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2)  
    }
    .K21__header_name { 
        display:block ; padding-top:0.5rem ; margin-top:0.5rem ;
        border-top:dashed 1px rgba(0,0,0,0.1) 
    }
  */

} 
    
@media print { }