@charset "utf-8";

/* HEADER */
#K_header , #K_header_container , 
#K_logo , #K_logo > a ,
#K_gtn_OC , #K_gtn_OC > b , #K_gtn_OC > b::before , #K_gtn_OC > b::after { display:block ; overflow:hidden }
#K_gtn_OC > b , #K_gtn_OC > b::before , #K_gtn_OC > b::after { transition:0.3s all }

#K_header {
    width:100% ; height:3rem ; border-bottom:solid 1px rgba(0,0,0,0.1) ;  
    position:fixed ; left:0 ; top:0 ; z-index:90
}
#K_header_container { background-color:#fff }

#K_logo , #K_logo > a { width:7.5rem ; height:3rem }
#K_logo { float:left ; margin-left:0.5rem }
#K_logo > a , #K_gtn_OC > b { font-size:0rem ; color:transparent ; }
#K_logo > a {  background:url(../img/logo_MB.png) no-repeat center center ; background-size:7.5rem 3rem }

#K_gtn_OC , #K_gtn_OC > b { width:3rem ; height:3rem }
#K_gtn_OC { float:right }
#K_gtn_OC > b { position:relative }
#K_gtn_OC > b::before , #K_gtn_OC > b::after {    
    content:"" ; width:1.5rem ; height:0.15rem ; border-radius:1rem ;
    position:absolute ; left:50% }

#K_gtn_OC.open > b  { background-color:#111 }
#K_gtn_OC.open > b::before , #K_gtn_OC.open > b::after   { background-color:#8fe24e ; transform:translate(-50%,-50%) } 
#K_gtn_OC.open > b::before  { top:39% } 
#K_gtn_OC.open > b::after { bottom:39% }

#K_gtn_OC.close > b  { background-color:#7ac142 }
#K_gtn_OC.close > b::before , #K_gtn_OC.close > b::after   { background-color:#111 }
#K_gtn_OC.close > b::before  { top:50% ; transform:translate(-50%,-50%) rotate(45deg)  } 
#K_gtn_OC.close > b::after { top:50% ; transform:translate(-50%,-50%) rotate(-45deg)  }



/* NAV */
#K_gtn { 
    position:fixed ; left:-100% ; top:0 ; z-index:85 ; overflow:auto ;
    width:100% ; height:100% ; background-color:#fff ;  padding:3rem 1rem ; padding-bottom:0.5rem  ; box-sizing:border-box ;
}
.gtn_open #K_gtn { left:0 }
 
#K_gtn_thema { padding: 0.5em 0 ; padding-bottom:0.2rem ; border-bottom:solid 2px #111 }
#K_gtn_thema > strong , #K_gtn_thema > b { 
    display:inline-block ; padding-bottom:0.3rem ; word-break:keep-all ;
    font-size:1.2rem ; line-height:1.4rem ; color:#111111 ; letter-spacing:-2px }
#K_gtn_thema > strong { font-weight:700 }
#K_gtn_thema > b { display:none }

#K_gtn_list , .K_gtn_deep1 , .K_gtn_tag , #K_gtn_thema , .K_gtn_sub , .K_gtn_deep2 , .K_gtn_deep2 a , .K_gtn_deep2 span ,
.K_gtn_close , .K_gtn_close b , .K_gtn_close b::after , .K_gtn_close b::before { display:block ; overflow:hidden }
.K_gtn_deep1 { padding:0 }
.K_gtn_tag { 
    font-size:1rem ; line-height:1.2rem ; font-weight:800 ; color:#111111 ; 
    padding:0.5rem 0  ; border-bottom:solid 1px #d7d7d7 }
.K_gtn_deep2 { width:100% }
.K_gtn_deep2 b { 
    display:inline-block ; font-size:0.6rem ; line-height:0.8rem ; color:#ffffff ; border-radius:3rem ;  
    padding:0.1rem 0.5rem ; padding-bottom:0.15rem  ; background-color:#7f7f7f ; letter-spacing:0.5px ; font-weight:400 ; }
.K_gtn_deep2 a { padding:0.7rem 0 ; border-bottom:solid 1px #d7d7d7 ; box-sizing:border-box }
.K_gtn_deep2 span { 
    font-size:1rem ; line-height:1.2rem ; font-weight:400 ; color:#000000 ; letter-spacing:-1px ; word-break:keep-all ;
    opacity:0.8
}
.K_gtn_deep2 span > br { display:none }

.K_gtn_deep1 , .K_gtn_deep2 span , .K_gtn_close b , .K_gtn_deep2 a , #K_gtn { transition:0.3s all }

.K_gtn_close { margin:auto ; margin-top:1rem }
.K_gtn_close , .K_gtn_close b { width:1rem ; height:1rem }
.K_gtn_close b { position:relative ; font-size:0 ; color:transparent ; opacity:0.3 }
.K_gtn_close b::after , .K_gtn_close b::before { 
    width:1rem ; height:0.1rem ; background-color:#111111 ; content:"" ; border-radius:1rem ; 
    position:absolute ; left:50% ; top:50% 
 }
.K_gtn_close b::after  { transform:translate(-50%,-50%) rotate(45deg) }
.K_gtn_close b::before { transform:translate(-50%,-50%) rotate(-45deg) }
.K_gtn_close b:hover { opacity:1 }
 
.K_gtn_deep1.s10 .K_gtn_deep2 b { background-color:#6bb035 }
.K_gtn_deep1.s20 .K_gtn_deep2 b { background-color:#2d30b5 }
.K_gtn_deep1.s30 .K_gtn_deep2 b { background-color:#6b9bd0 }
.K_gtn_deep1.s40 .K_gtn_deep2 b { background-color:#e92c74 }
.K_gtn_deep1.s50 .K_gtn_deep2 b { background-color:#f09d50 }

#K11 .K_gtn_deep2.s11 a , #K12 .K_gtn_deep2.s12 a , #K13 .K_gtn_deep2.s13 a , #K14 .K_gtn_deep2.s14 a , 
#K21 .K_gtn_deep2.s21 a , #K22 .K_gtn_deep2.s22 a , #K23 .K_gtn_deep2.s23 a , #K24 .K_gtn_deep2.s24 a , 
#K31 .K_gtn_deep2.s31 a , #K32 .K_gtn_deep2.s32 a , #K33 .K_gtn_deep2.s33 a , #K34 .K_gtn_deep2.s34 a , 
#K41 .K_gtn_deep2.s41 a , #K42 .K_gtn_deep2.s42 a , #K43 .K_gtn_deep2.s43 a , #K44 .K_gtn_deep2.s44 a , 
#K51 .K_gtn_deep2.s51 a , #K52 .K_gtn_deep2.s52 a , #K53 .K_gtn_deep2.s53 a , #K54 .K_gtn_deep2.s54 a , 
.K_gtn_deep2 a:hover { border-color:#444444 ; background-color:#f7f7f7 ; padding-left:0.5rem }

#K11 .K_gtn_deep2.s11 a span , #K12 .K_gtn_deep2.s12 a span , #K13 .K_gtn_deep2.s13 a span , #K14 .K_gtn_deep2.s14 a span , 
#K21 .K_gtn_deep2.s21 a span , #K22 .K_gtn_deep2.s22 a span , #K23 .K_gtn_deep2.s23 a span , #K24 .K_gtn_deep2.s24 a span , 
#K31 .K_gtn_deep2.s31 a span , #K32 .K_gtn_deep2.s32 a span , #K33 .K_gtn_deep2.s33 a span , #K34 .K_gtn_deep2.s34 a span , 
#K41 .K_gtn_deep2.s41 a span , #K42 .K_gtn_deep2.s42 a span , #K43 .K_gtn_deep2.s43 a span , #K44 .K_gtn_deep2.s44 a span , 
#K51 .K_gtn_deep2.s51 a span , #K52 .K_gtn_deep2.s52 a span , #K53 .K_gtn_deep2.s53 a span , #K54 .K_gtn_deep2.s54 a span , 
.K_gtn_deep2 a:hover span { opacity:1 }


/* MAIN */ 
#K_main , .K_section { display:block ; overflow:hidden ; width:100% }   
#K_main  { padding-top:3rem }
.KS_lang { font-family:inherit ; font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:inherit }



/* ASIDE */
#K_aside { background-color:#012d6b ; padding:1rem ; width:100% ; box-sizing:border-box }
#K_aside_nav { width:100% ; margin-bottom:1rem ; text-align:center }
#K_aside_nav > li { display:inline-block ; margin:0.4rem 0.2rem }
.K_AN_btn { 
    display:block ; border:solid 1px rgba(255,255,255,0.2) ; padding:0.3rem 0.5rem ; border-radius:0.2rem ;
    font-size:0.6rem ; line-height:0.8rem ; color:rgba(255,255,255,0.8)
}
.K_AN_btn , .K_AST_btn > a { transition:0.3s all }
.K_AN_btn:hover { background-color:#111 ; border-color:#111 ; color:#fff }

#K_aside_ST , .K_AST_btn  , .K_AST_btn > a { width:2rem ; height:2rem ; display:block ; overflow:hidden }
.K_AST_btn.scroll { display:none }
#K_aside_ST { margin:auto }
.K_AST_btn { border-radius:0.2rem }
.K_AST_btn > a { 
    opacity:0.8 ;
    background:url(../img/aside_icons.png) no-repeat -15px -435px #111 ;
    font-size:0 ; color:transparent }
.K_AST_btn > a:hover { opacity:1 }



/* FOOTER */
#K_footer , #K_footer_container , #K_footer_logo , .K_footer_txt , .K_footer_txt > span { display:block ; overflow:hidden }
#K_footer { background-color:#333 ; padding:2rem 1rem }
#K_footer_container { width:100% }

#K_footer_logo { 
    width:8rem ; height:1.5rem ; margin:auto ; margin-bottom:1rem  ; font-size:0 ; color:transparent ;
    background:url(../img/footer_logo.png) no-repeat left top ;
} 

.K_footer_txt { text-align:center }
.K_footer_txt > span { font-size:0.7rem ; line-height:1rem ; color:#fff ; word-break:keep-all ; opacity:0.8 ; margin-bottom:0.5rem }
.K_footer_txt > span:last-child { margin-bottom:0 }
.K_footer_txt.address { margin-bottom:1rem }




  
/* PC **********/
@media all and (min-width:1330px){
  
    /* HEADER */
    #K_header { height:3.5rem ; border-color:rgba(255,255,255,0.1) }
    #K_header_container { background-color:rgba(255,255,255,0) }
    #K_logo , #K_logo > a { width:23rem ; height:3.5rem }
    #K_logo {  margin-left:1rem }
    #K_logo > a { background:url(../img/logo_PC.png) no-repeat left top ;}
    #K_gtn_OC , #K_gtn_OC > b { width:3.5rem ; height:3.5rem }

    #K_header , #K_header_container { transition:0.3s all }

    .sticky #K_header , .gtn_open #K_header {  border-color:rgba(0,0,0,0.1)}
    .sticky #K_header_container , .gtn_open #K_header_container { background-color:#fff }
    .sticky #K_logo > a , .gtn_open #K_logo > a  { background-position:left bottom }


    /* ASIDE */
    #K_aside { 
        width:3.5rem ; min-width:3.5rem ; height:100% ; min-height:25rem ; background-color:#111 ;
        position:fixed ; top:0 ; right:0 ; z-index:85 ; padding:0  
    }
    #K_aside_nav , #K_aside_nav li , .K_AN_btn , #K_aside_ST , .K_AST_btn , 
    .K_AST_btn.scroll , .K_AST_btn.top , .K_AST_btn.scroll > b , .K_AST_btn.top > a { display:block ; overflow:hidden }
    #K_aside_nav li , .K_AN_btn , .K_AST_btn , #K_aside_ST ,
    .K_AST_btn.scroll , .K_AST_btn.top , .K_AST_btn.scroll > b , .K_AST_btn.top > a { width:3.5rem ; height:3.5rem ; margin:0 ; padding:0 ; border:0 }
    #K_aside_nav { position:absolute ; top:50% ; transform:translateY(-50%) ; border-top:solid 1px rgba(255,255,255,0.2)}
    .K_AN_btn , .K_AST_btn.scroll > b , .K_AST_btn.top > a  { 
        font-size:0 ; color:transparent ; background:url(../img/aside_icons.png) no-repeat ; 
        border-bottom:solid 1px rgba(255,255,255,0.2) ; box-sizing:border-box ; border-radius:0 }
    .K_AN_btn.c1 { background-position:0 0 }
    .K_AN_btn.c2 { background-position:0 -3.5rem }
    .K_AN_btn.c3 { background-position:0 -7rem }
    .K_AN_btn.c4 { background-position:0 -10.5rem }
    .K_AN_btn.c5 { background-position:0 -14rem }

    .K_AN_btn.c1:hover , .K_AN_btn.c1:focus { background-position:-3.5rem 0 }
    .K_AN_btn.c2:hover , .K_AN_btn.c2:focus { background-position:-3.5rem -3.5rem }
    .K_AN_btn.c3:hover , .K_AN_btn.c3:focus { background-position:-3.5rem -7rem }
    .K_AN_btn.c4:hover , .K_AN_btn.c4:focus { background-position:-3.5rem -10.5rem }
    .K_AN_btn.c5:hover , .K_AN_btn.c5:focus { background-position:-3.5rem -14rem }

    .K_AN_btn , .K_AST_btn , .K_AST_btn.top > a { transition:0.3s all }
    .K_AN_btn:hover , .K_AN_btn:focus { background-color:#7ac142 ; border-color:#7ac142 }
 
    #K_aside_ST { position:absolute ; bottom:0 }
    .K_AST_btn.scroll > b , .K_AST_btn.top > a { font-size:0 ; color:transparent ; border:0 }
    .K_AST_btn.scroll > b { background-position:0 -17.5rem }
    .K_AST_btn.top > a { background-position:0 -21rem }

    .top .K_AST_btn.scroll  { width:0 ; height:0 }
    .K_AST_btn.top {display:block ; opacity:0.5 ; }

    .K_AST_btn.top ,
    .K_AST_btn.top > a:hover { opacity:1 }

 

    /* NAV */ 
    #K_gtn { padding:5.5rem 3.5rem 0 0 ; width:100% ; height:100vh ; overflow:hidden}
    #K_gtn_container , #K_gtn_thema > strong , #K_gtn_thema > b { display:block ; overflow:hidden }
    #K_gtn_container { width:100% ; height:100% ; max-width:55rem ; margin:auto ; padding:0 ; overflow:auto ; box-sizing:border-box }

    #K_gtn_thema { padding:0 ; padding-bottom:1rem }
    #K_gtn_thema > strong , #K_gtn_thema > b { box-sizing:border-box ; color:#111111 } 
    #K_gtn_thema > strong { width:60% ; float:left ; font-size:1.8rem ; line-height:2rem ; font-weight:400 ; padding-left:0.15rem }
    #K_gtn_thema > b { width:30% ; float:right ; font-size:1.5rem ; line-height:2rem ; font-weight:700 ; text-align:right ; padding-right:0.15rem }

    .K_gtn_deep1 { padding:1.2rem 0 ; border-bottom:solid 1px #d7d7d7 ; position:relative ; background-color:#ffffff }

    #K11 .K_gtn_deep1.s10 , #K12 .K_gtn_deep1.s10 , #K13 .K_gtn_deep1.s10 , #K14 .K_gtn_deep1.s10 , 
    #K21 .K_gtn_deep1.s20 , #K22 .K_gtn_deep1.s20 , #K23 .K_gtn_deep1.s20 , #K24 .K_gtn_deep1.s20 , 
    #K31 .K_gtn_deep1.s30 , #K32 .K_gtn_deep1.s30 , #K33 .K_gtn_deep1.s30 , #K34 .K_gtn_deep1.s30 , 
    #K41 .K_gtn_deep1.s40 , #K42 .K_gtn_deep1.s40 , #K43 .K_gtn_deep1.s40 , #K44 .K_gtn_deep1.s40 , 
    #K51 .K_gtn_deep1.s50 , #K52 .K_gtn_deep1.s50 , #K53 .K_gtn_deep1.s50 , #K54 .K_gtn_deep1.s50 , 
    .K_gtn_deep1:hover { background-color:#f7f7f7 }

    .K_gtn_tag { 
        width:18% ; border:0 ; box-sizing:border-box ; padding-left:0.5rem ;
        font-size:1.2rem ; line-height:1.4rem ; font-weight:600 ; letter-spacing:-1px ;
        position:absolute ; left:0 ; top:50% ; transform:translateY(-50%) }
    .K_gtn_sub { float:right ; width:80% }
    .K_gtn_deep2 { width:33.33% ; float:left ; box-sizing:border-box }
    .s10 .K_gtn_deep2 { width:70% ; float:left ; box-sizing:border-box }
    .K_gtn_deep2 , .K_gtn_deep2 a { padding:0 ; border:0 }
    .K_gtn_deep2 a { padding-left:0.05rem }
    .K_gtn_deep2 span { padding-right:0.4rem ; box-sizing:border-box ; line-height:1.3rem } 

    #K11 .K_gtn_deep2.s11 a , #K12 .K_gtn_deep2.s12 a , #K13 .K_gtn_deep2.s13 a , #K14 .K_gtn_deep2.s14 a , 
    #K21 .K_gtn_deep2.s21 a , #K22 .K_gtn_deep2.s22 a , #K23 .K_gtn_deep2.s23 a , #K24 .K_gtn_deep2.s24 a , 
    #K31 .K_gtn_deep2.s31 a , #K32 .K_gtn_deep2.s32 a , #K33 .K_gtn_deep2.s33 a , #K34 .K_gtn_deep2.s34 a , 
    #K41 .K_gtn_deep2.s41 a , #K42 .K_gtn_deep2.s42 a , #K43 .K_gtn_deep2.s43 a , #K44 .K_gtn_deep2.s44 a , 
    #K51 .K_gtn_deep2.s51 a , #K52 .K_gtn_deep2.s52 a , #K53 .K_gtn_deep2.s53 a , #K54 .K_gtn_deep2.s54 a , 
    .K_gtn_deep2 a:hover span { text-decoration:underline }
 
    .K_gtn_close { margin-bottom:0.5rem }
    .K_gtn_deep2 span > br { display:block } 

    #K11 .K_gtn_deep2.s11 a , #K12 .K_gtn_deep2.s12 a , #K13 .K_gtn_deep2.s13 a , #K14 .K_gtn_deep2.s14 a , 
    #K21 .K_gtn_deep2.s21 a , #K22 .K_gtn_deep2.s22 a , #K23 .K_gtn_deep2.s23 a , #K24 .K_gtn_deep2.s24 a , 
    #K31 .K_gtn_deep2.s31 a , #K32 .K_gtn_deep2.s32 a , #K33 .K_gtn_deep2.s33 a , #K34 .K_gtn_deep2.s34 a , 
    #K41 .K_gtn_deep2.s41 a , #K42 .K_gtn_deep2.s42 a , #K43 .K_gtn_deep2.s43 a , #K44 .K_gtn_deep2.s44 a , 
    #K51 .K_gtn_deep2.s51 a , #K52 .K_gtn_deep2.s52 a , #K53 .K_gtn_deep2.s53 a , #K54 .K_gtn_deep2.s54 a , 
    .K_gtn_deep2 a:hover { border-color:#444444 ; background:none ; padding-left:0.05rem }
    


    /* MAIN */ 
    #K_main { box-sizing:border-box ; padding:0 ; padding-right:3.5rem  }  

    
    
    /* FOOTER */
    #K_footer { padding:2.5rem 0 ; padding-right:3.5rem ; box-sizing:border-box }
    #K_footer_container { width:55rem ; margin:auto }
    #K_footer_logo { float:left}
    .K_footer_txt { width:880px ; float:right ; text-align:left }
    .K_footer_txt > span { display:inline-block ; letter-spacing:0.5px ; font-weight:100 ; margin:0 ; margin-right:1rem }
    .K_footer_txt > span:last-child { margin:0 }
    .K_footer_txt.address { margin-bottom:0.2rem ; padding-top:0.2rem }
    
} 

/* PRINT **********/
@media print {
    #K_header , #K_gtn { display:none ; height:0 ; overflow:hidden ; padding:0  } 
}