/* img */
#K21_img1 { max-width:90rem }



/* 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 ;
}



.k21__btn__group { width:100% ; padding-top:3rem ; text-align:center }
.k21__more , .k21__more__icon { transition:0.3s all }
.k21__more {
    display:inline-block ; overflow:hidden ;  padding:1.2rem 3rem 1.4rem ; 
    border-radius:0.4rem ; background-color:#0e1ea3 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ; 
    font-size:1.8rem ; line-height:2.8rem ; font-weight:500 ; text-align:center ; color:#ffffff ; 
}
.k21__more:hover , .k21__more:focus { background-color:#111111 }
.k21__more__icon {
    width:1.6rem ; height:1.6rem ; display:inline-block ; overflow:hidden ;
    font-size:0 ; color:transparent ;
    position:relative ; top:0.7rem ; margin-right:0.7rem
} 
.k21__more:hover .k21__more__icon  , .k21__more:focus .k21__more__icon { transform:rotate(90deg) }

.k21__more__icon::before , .k21__more__icon::after { 
    display:block ; content:"" ; transition:0.3s all ;
    width:1.4rem ; height:0.2rem ; background-color:#ffffff ;
    position:absolute ; left:50% ; top:50%
}  
.k21__more__icon::before { transform:translate(-50%,-50%) rotate(0deg) }
.k21__more__icon::after  { transform:translate(-50%,-50%) rotate(90deg) }







/* 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 { }