@charset "utf-8";
/* MOBILE */
body { overflow:auto }
body.gtn_open  { overflow:hidden }



/* HEADER */
#RNE_header , #RNE_header_inner , #RNE_gtn { width:100% ; box-sizing:border-box } 
#RNE_header { 
    height:5rem ; background-color:#ffffff ; box-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
    position:fixed ; left:0 ; top:0 ; z-index:95 }
#RNE_header_inner { position:relative }
#RNE_HP { display:none }
#RNE_logo , #RNE_logo > a { width:19rem ; height:5rem ; display:block }
#RNE_logo { position:absolute ; left:0.5rem ; top:0 }
#RNE_logo > a { 
    font-size:0 ; color:transparent ;
    background:url(../img/logo_MB.png) no-repeat center ; background-size:19rem auto }

#RNE_gtn , #btn_close_zone , #RNE_gtn::before ,
#RNE_nav_open , #RNE_nav_open::before , #RNE_nav_open::after , #RNE_nav_open > span { transition:0.3s all }
 
#RNE_nav_open { 
    width:5rem ; height:5rem ; background-color:#ff992c ;
    position:absolute ; right:0 ; top:0 }
#RNE_nav_open::before , #RNE_nav_open::after { content:"" }
#RNE_nav_open > span { font-size:0 ; color:transparent }
#RNE_nav_open::before , #RNE_nav_open > span , #RNE_nav_open::after {
    display:block ; position:absolute ; left:50% ; background-color:#ffffffff  ;
    width:3rem ; height:0.2rem ; transform:translate(-50%,-50%) ;
    border-radius:1rem }
#RNE_nav_open::before , #RNE_nav_open:hover::after { top:1.6rem }
#RNE_nav_open::after , #RNE_nav_open:hover::before  { top:3.4rem }
#RNE_nav_open:hover { background-color:#000000 }
#RNE_nav_open:hover > span { transform:translate(-50%,-50%) rotate(180deg) } 

.gtn_open #RNE_nav_open { background-color: #ffffff }
.gtn_open #RNE_nav_open::before , .gtn_open #RNE_nav_open > span ,
.gtn_open #RNE_nav_open::after { top:50% ; background-color:#000000 }

.gtn_open #RNE_nav_open::before { transform:translate(-50%,-50%) rotate(45deg) }
.gtn_open #RNE_nav_open > span  { transform:translate(-50%,-50%) rotate(-180deg) ; opacity:0 }
.gtn_open #RNE_nav_open::after  { transform:translate(-50%,-50%) rotate(-45deg) }
.gtn_open #RNE_nav_open:hover::before { transform:translate(-50%,-50%) rotate(135deg) }
.gtn_open #RNE_nav_open:hover::after  { transform:translate(-50%,-50%) rotate(45deg) }

#RNE_gtn { 
    position:fixed ; left:-100% ; top:5rem ; z-index:94 ; padding-bottom:5rem ;
    width:100% ; height:100vh  ; overflow:auto }
#RNE_gtn::before {
    display:block ; content:"" ; width:100% ; height:1px ;
    background-color:#000000 ; opacity:0 ; position:fixed ; left:0 ; top:5rem ;
}  
.gtn_open #RNE_gtn::before { opacity:0.1 }
.gtn_open #RNE_gtn { left:0 }

.RNE_gtn_li a , .RNE_gtn_li strong , .RNE_gtn_li span ,
#RNE_nav_close , #RNE_nav_close > span , #RNE_nav_close::before { transition:0.3s all }

#RNE_gtn > h3 , #RNE_gtn_list , .RNE_gtn_li , .RNE_gtn_li a { width:100% ; box-sizing:border-box }
#RNE_gtn > h3 { 
    font-size:2rem ; line-height:2rem ; color:#111111 ; font-weight:600 ; text-align:center ; letter-spacing:-0.1rem ;
    padding:1.6rem 0.5rem ; background-color:#ffbd2c ; 
    border-bottom:solid 1px #e5aa28 }
#RNE_gtn > h3 , .RNE_gtn_li b , .RNE_gtn_li strong { word-break:keep-all }
#RNE_gtn_list { background-color:#ffffff }
.RNE_gtn_li , .RNE_gtn_li a , .RNE_gtn_li b , .RNE_gtn_li strong , .RNE_gtn_li span { display:block } 
.RNE_gtn_li { position:relative }
.RNE_gtn_li a { padding:1.3rem 1rem 1.3rem 2rem ; border-bottom:solid 1px rgba(0,0,0,0.1) }
.RNE_gtn_li a:hover { background-color:rgba(0,0,0,0.7) }
.RNE_gtn_li a:hover strong , .RNE_gtn_li a:hover span { color:#ffffff }
.RNE_gtn_li b { 
    font-size:1.2rem ; line-height:1.4rem ; color:#ff992c ;
    margin-bottom:0.5rem ; font-weight:400 ;  }
.RNE_gtn_li strong { font-size:2rem ; line-height:2.4rem ; font-weight:500 ; letter-spacing:-0.1rem ; color:#111111 }
.RNE_gtn_li strong > br { display:none }

.RNE_gtn_li span { font-size:1.4rem ; line-height:1.8rem ; font-weight:400 ; padding-top:0.5rem ; }

.RNE_gtn_li.depth21 b , .RNE_gtn_li.depth22 b , .RNE_gtn_li.depth23 b , .RNE_gtn_li.depth24 b , .RNE_gtn_li.depth25 b { color:#0386e7 }
.RNE_gtn_li.depth31 b , .RNE_gtn_li.depth32 b , .RNE_gtn_li.depth33 b , .RNE_gtn_li.depth34 b , .RNE_gtn_li.depth35 b { color:#60b811 }
.RNE_gtn_li.depth41 b , .RNE_gtn_li.depth42 b , .RNE_gtn_li.depth43 b , .RNE_gtn_li.depth44 b , .RNE_gtn_li.depth45 b { color:#f26522 }

.RNE_gtn_li::before {
    content:"" ; display:block ; width:0 ; height:100% ; opacity:0 ; 
    position:absolute ; left:0 ; top:0 ; background-color:#ff992c }
.RNE_gtn_li.depth21::before , .RNE_gtn_li.depth22::before , .RNE_gtn_li.depth23::before , 
.RNE_gtn_li.depth24::before , .RNE_gtn_li.depth25::before { background-color:#0386e7 }
.RNE_gtn_li.depth31::before , .RNE_gtn_li.depth32::before , .RNE_gtn_li.depth33::before , 
.RNE_gtn_li.depth34::before , .RNE_gtn_li.depth35::before { background-color:#60b811 } 
.RNE_gtn_li.depth41::before , .RNE_gtn_li.depth42::before , .RNE_gtn_li.depth43::before , 
.RNE_gtn_li.depth44::before , .RNE_gtn_li.depth45::before { background-color:#f26522 } 

#RNE11 .RNE_gtn_li.depth11::before , #RNE12 .RNE_gtn_li.depth12::before , #RNE13 .RNE_gtn_li.depth13::before , #RNE14 .RNE_gtn_li.depth14::before , 
#RNE21 .RNE_gtn_li.depth21::before , #RNE22 .RNE_gtn_li.depth22::before , #RNE23 .RNE_gtn_li.depth23::before , #RNE24 .RNE_gtn_li.depth24::before , 
#RNE31 .RNE_gtn_li.depth31::before , #RNE32 .RNE_gtn_li.depth32::before , #RNE33 .RNE_gtn_li.depth33::before , #RNE34 .RNE_gtn_li.depth34::before , 
#RNE41 .RNE_gtn_li.depth41::before , #RNE42 .RNE_gtn_li.depth42::before , #RNE43 .RNE_gtn_li.depth43::before , #RNE44 .RNE_gtn_li.depth44::before { 
    opacity:1 ; width:0.5rem }
 
#RNE_nav_close { 
    display:block ; overflow:hidden ; position:relative ;
    width:2rem ; height:2rem ; margin:2rem auto ; opacity:0.5 }
#RNE_nav_close > span { font-size:0 ; color:transparent }
#RNE_nav_close::before { content:"" }
#RNE_nav_close > span , #RNE_nav_close::before  {
    display:block ; overflow:hidden ;
    width:2rem ; height:0.2rem ; background-color:#ffffff ;
    position:absolute ; left:50% ; top:50% }
#RNE_nav_close > span { transform:translate(-50%,-50%) rotate(45deg) }
#RNE_nav_close::before { transform:translate(-50%,-50%) rotate(-45deg) }

#RNE_nav_close:hover { opacity:1 }
#RNE_nav_close:hover > span { transform:translate(-50%,-50%) rotate(135deg) }
#RNE_nav_close:hover::before { transform:translate(-50%,-50%) rotate(45deg) }

#btn_close_zone { 
    display:block ; position:fixed ; left:0 ; top:0 ; z-index:94 ; width:0 ; height:100vh ;
    background-color:#000000 ; opacity:0 }
.gtn_open #btn_close_zone { width:100% ; opacity:0.6 }
 


/* FAMILY */ 
#RNE_family , #RNE_family ul { width:100% ; box-sizing:border-box }
#RNE_family { padding:3rem 1rem ; background-color:#f7f7f7 ; border-top:solid 1px rgba(0,0,0,0.1) }
#RNE_family ul { font-size:0 ; text-align:center }
#RNE_family ul li { 
    display:inline-block ; margin:0.5rem ; padding:0.5rem 1rem ; border-radius:0.4rem ; 
    background-color:#ffffff ; border:solid 1px rgba(0,0,0,0.1) }
#RNE_family ul a { 
    height:4rem ; display:block ;
    font-size:0 ; color:transparent ; 
    background:url(../img/footer_client.jpg) no-repeat 0 0 ; background-size:68.5rem auto }
#RNE_family ul li:nth-child(1) a { width:19rem ; background-position:0 0 }
#RNE_family ul li:nth-child(2) a { width:20rem ; background-position:-19rem 0 }
#RNE_family ul li:nth-child(3) a { width:18rem ; background-position:-39rem 0 }
#RNE_family ul li:nth-child(4) a { width:11.5rem ; background-position:right top }



/* FOOTER */
#RNE_footer , #RNE_footer_nav , #RNE_footer_copy , #RNE_footer_nav ul { width:100% ; box-sizing:border-box } 
#RNE_footer { background-color:#4c4c4c }
#RNE_footer_nav , #RNE_footer_copy  { padding:2rem 1rem }
#RNE_footer_nav { background-color:#2e2e2e }

#RNE_footer_nav ul { text-align:center ; font-size:0 }
#RNE_footer_nav li { display:inline-block ; margin:0.5rem }
#RNE_footer_nav a { 
    font-size:1.4rem ; line-height:3.2rem ; color:rgba(255,255,255,0.7) ; transition:0.3s all ;
    display:block ; overflow:hidden ; border-radius:0.4rem ; padding:0 1.5rem 0.1rem 1.5rem;
    border:solid 1px rgba(255,255,255,0.1)
}
#RNE_footer_nav a:hover {  background-color:#ffffff ; border-color:#ffffff ; color:#111111 }
#RNE_footer_copy p { 
    font-size:1.4rem  ; line-height:2.4rem ; color:rgba(255,255,255,0.8) ; text-align:center ; font-weight:300 ;
    word-break:keep-all ; margin-bottom:1rem ; letter-spacing:0.05rem;
}
#RNE_footer_copy p > span { 
    display:block ;
    font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:inherit }

 

/* TEXT */
.lang {
    font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:inherit ;
    font-family:inherit ; display:inline ;
}
.word { word-break:keep-all }





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

    /* HEADER */     
    #RNE_header { height:10rem ; background:none ; box-shadow:none ; transition:0.3s all ; box-sizing:border-box  }
    #RNE_header_inner { max-width:120rem ; margin:auto ; margin-top:1.5rem ; }
    #RNE_logo , #RNE_logo > a { width:21rem ; height:5rem ; display:block }
    #RNE_logo { left:50% ; top:1rem ; transform:translateX(-50%) ; margin:0 }
    #RNE_logo > a { 
        background:url(../img/logo_PC.png) no-repeat 0 0 ; background-size:21rem auto ;
    }
    #RNE_nav_open { top:1rem ; right:0 }
    #RNE_nav_open , #RNE_nav_open:hover , .gtn_open #RNE_nav_open { background:none }
    #RNE_nav_open::before , #RNE_nav_open > span , #RNE_nav_open::after { background-color:#e5aa28 }

    #RNE_HP { 
        display:block ; width:21rem ; height:3rem ;
        font-size:0 ; color:transparent ;
        background:url(../img/RNE_logo.png) no-repeat 0 0 ; background-size:21rem auto ;
        position:absolute ; left:0 ; top:2rem
    }

    .gtn_open #RNE_header , .scroll #RNE_header { height:7rem ; box-shadow:0 0 0.3rem rgba(0,0,0,0.3) }
    .gtn_open #RNE_header_inner , .scroll #RNE_header_inner { margin-top:0 }
 
    .gtn_open #RNE_HP , .gtn_open #RNE_logo > a , .scroll #RNE_HP , .scroll #RNE_logo > a,
    #RNE_header:hover #RNE_HP , #RNE_header:hover #RNE_logo > a { background-position:left bottom }

    #RNE_header:hover , .gtn_open #RNE_header , .scroll #RNE_header { background-color:#ffffff }
    #RNE_header:hover #RNE_nav_open::before , #RNE_header:hover #RNE_nav_open > span , #RNE_header:hover #RNE_nav_open::after ,
    .gtn_open #RNE_nav_open::before , .gtn_open #RNE_nav_open > span , .gtn_open #RNE_nav_open::after ,
    .scroll #RNE_nav_open::before , .scroll #RNE_nav_open > span , .scroll #RNE_nav_open::after { background-color:#f26522} 
    
    #RNE_gtn { background-color:#ffffff ; padding:0 ; padding-top:1rem ; height:auto }
    #RNE_gtn , #RNE_gtn::before { top:7rem }
    #RNE_gtn > h3 { display:none }
    #RNE_gtn_list { width:100% ; max-width:120rem ; overflow:hidden ; margin:auto ; display:flex ; flex-wrap:wrap }
    .RNE_gtn_li {  width:33% ; padding:0 1rem ; margin-bottom:0.3rem }
    .RNE_gtn_li a { 
        border:solid 1px rgba(0,0,0,0) ; border-bottom:solid 1px rgba(0,0,0,0.1) ;
        width:100% ; height:100% ; min-height:10rem ;
        box-sizing:border-box ; padding-left:9rem ; position:relative; }
    .RNE_gtn_li a::before {
        width:7rem ; height:7rem ; border-radius:0.4rem ;
        content:"" ; display:block ; overflow:hidden ;
        position:absolute ; left:1rem ; top:1.2rem ;
        background:no-repeat center ; background-size:7rem auto ; transition:0.3s all ;
    } 
    .RNE_gtn_li a:hover { border-radius:0.4rem ; background-color:rgba(0,0,0,0.05) ; border-color:rgba(0,0,0,0.5) }
    .RNE_gtn_li a:hover::before { background-size:9rem auto }
    
    .RNE_gtn_li.RNE_gtn_li.depth11 a::before { background-image:url(../img/gtn_thum11.png) }
    .RNE_gtn_li.RNE_gtn_li.depth12 a::before { background-image:url(../img/gtn_thum12.png) }
    .RNE_gtn_li.RNE_gtn_li.depth13 a::before { background-image:url(../img/gtn_thum13.png) }
    .RNE_gtn_li.RNE_gtn_li.depth14 a::before { background-image:url(../img/gtn_thum14.png) }
    .RNE_gtn_li.RNE_gtn_li.depth21 a::before { background-image:url(../img/gtn_thum21.png) }
    .RNE_gtn_li.RNE_gtn_li.depth22 a::before { background-image:url(../img/gtn_thum22.png) }
    .RNE_gtn_li.RNE_gtn_li.depth23 a::before { background-image:url(../img/gtn_thum23.png) }
    .RNE_gtn_li.RNE_gtn_li.depth24 a::before { background-image:url(../img/gtn_thum24.png) }
    .RNE_gtn_li.RNE_gtn_li.depth31 a::before { background-image:url(../img/gtn_thum31.png) }
    .RNE_gtn_li.RNE_gtn_li.depth32 a::before { background-image:url(../img/gtn_thum32.png) }
    .RNE_gtn_li.RNE_gtn_li.depth33 a::before { background-image:url(../img/gtn_thum33.png) }
    .RNE_gtn_li.RNE_gtn_li.depth34 a::before { background-image:url(../img/gtn_thum34.png) }
    .RNE_gtn_li.RNE_gtn_li.depth35 a::before { background-image:url(../img/gtn_thum35.png) }
    .RNE_gtn_li.RNE_gtn_li.depth41 a::before { background-image:url(../img/gtn_thum41.png) }
    .RNE_gtn_li.RNE_gtn_li.depth42 a::before { background-image:url(../img/gtn_thum42.png) }
    .RNE_gtn_li.RNE_gtn_li.depth43 a::before { background-image:url(../img/gtn_thum43.png) }
    .RNE_gtn_li.RNE_gtn_li.depth44 a::before { background-image:url(../img/gtn_thum44.png) }
    .RNE_gtn_li.RNE_gtn_li.depth51 a::before { background-image:url(../img/gtn_thum51.png) }
    .RNE_gtn_li.RNE_gtn_li.depth52 a::before { background-image:url(../img/gtn_thum52.png) }
    .RNE_gtn_li.RNE_gtn_li.depth53 a::before { background-image:url(../img/gtn_thum53.png) }
    .RNE_gtn_li.RNE_gtn_li.depth54 a::before { background-image:url(../img/gtn_thum54.png) }

    .RNE_gtn_li.RNE_gtn_li.depth11 a:hover , .RNE_gtn_li.RNE_gtn_li.depth12 a:hover ,
    .RNE_gtn_li.RNE_gtn_li.depth13 a:hover , .RNE_gtn_li.RNE_gtn_li.depth14 a:hover  , .RNE_gtn_li.RNE_gtn_li.depth15 a:hover { border-color:#e5aa28}
    .RNE_gtn_li.RNE_gtn_li.depth21 a:hover , .RNE_gtn_li.RNE_gtn_li.depth22 a:hover ,
    .RNE_gtn_li.RNE_gtn_li.depth23 a:hover , .RNE_gtn_li.RNE_gtn_li.depth24 a:hover , .RNE_gtn_li.RNE_gtn_li.depth25 a:hover { border-color:#0386e7}
    .RNE_gtn_li.RNE_gtn_li.depth31 a:hover , .RNE_gtn_li.RNE_gtn_li.depth32 a:hover ,
    .RNE_gtn_li.RNE_gtn_li.depth33 a:hover , .RNE_gtn_li.RNE_gtn_li.depth34 a:hover , .RNE_gtn_li.RNE_gtn_li.depth35 a:hover { border-color:#60b811}
    .RNE_gtn_li.RNE_gtn_li.depth41 a:hover , .RNE_gtn_li.RNE_gtn_li.depth42 a:hover ,
    .RNE_gtn_li.RNE_gtn_li.depth43 a:hover , .RNE_gtn_li.RNE_gtn_li.depth44 a:hover , .RNE_gtn_li.RNE_gtn_li.depth45 a:hover { border-color:#f26522}
 
    .RNE_gtn_li a:hover strong , .RNE_gtn_li a:hover span { color:#111111 }
    #RNE_nav_close > span , #RNE_nav_close::before { background-color:#000000 }
    #RNE_nav_close { opacity:0.2 }
    
    .RNE_gtn_li::before { width:100% ; height:0rem ; top:auto ; bottom:0 ; opacity:0 ; left:50% ; transform: translateX(-50%); } 
 
    #RNE11 .RNE_gtn_li.depth11::before , #RNE12 .RNE_gtn_li.depth12::before , #RNE13 .RNE_gtn_li.depth13::before , 
    #RNE14 .RNE_gtn_li.depth14::before , #RNE15 .RNE_gtn_li.depth15::before , 
    #RNE21 .RNE_gtn_li.depth21::before , #RNE22 .RNE_gtn_li.depth22::before , #RNE23 .RNE_gtn_li.depth23::before , 
    #RNE24 .RNE_gtn_li.depth24::before , #RNE25 .RNE_gtn_li.depth25::before , 
    #RNE31 .RNE_gtn_li.depth31::before , #RNE32 .RNE_gtn_li.depth32::before , #RNE33 .RNE_gtn_li.depth33::before , 
    #RNE34 .RNE_gtn_li.depth34::before , #RNE35 .RNE_gtn_li.depth35::before , 
    #RNE41 .RNE_gtn_li.depth41::before , #RNE42 .RNE_gtn_li.depth42::before , #RNE43 .RNE_gtn_li.depth43::before , 
    #RNE44 .RNE_gtn_li.depth44::before , #RNE45 .RNE_gtn_li.depth45::before { 
        opacity:1 ; height:0.3rem ; width:95% }
    
    .RNE_gtn_li strong { font-size:1.7rem ; line-height:2.2rem }
    .RNE_gtn_li strong > br { display:block }   
    
    .RNE_gtn_li.depth51 strong > br { display:none } 

 

    /* FAMILY */ 
    #RNE_family { padding:2rem 0 ; background:none }
    #RNE_family ul { width:100% ; max-width:120rem ; margin:auto }
    #RNE_family ul li { margin:0.5rem 4rem ; padding:0 ; border:0 }



    /* FOOTER */
    #RNE_footer_nav , #RNE_footer_copy  { padding:0 }
    #RNE_footer_nav ul , #RNE_footer_copy { max-width:120rem ; margin:auto }
    #RNE_footer_nav ul { position:relative ; overflow:hidden ; text-align:left }
    #RNE_footer_nav li { display:inline-block ; margin:0 ; position:relative ; padding:1rem 2.5rem }
    #RNE_footer_nav a { font-size:1.3rem ; line-height:2.9rem ; padding:0 ; padding-bottom:0.1rem ; border:0 ; border-radius:0 }
    #RNE_footer_nav li:first-child { padding-left:0 }
    #RNE_footer_nav li:nth-child(3) { padding-right:0 }
    #RNE_footer_nav li::after { 
        display:block ; overflow:hidden ; content:"" ;
        width:0.1rem ; height:1rem ; background-color:#ffffff ; opacity:0.15  ;
        position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
    }
    #RNE_footer_nav li:nth-child(3)::after , #RNE_footer_nav li:nth-child(4)::after { display:none } 
    #RNE_footer_nav li:last-child { 
        background-color:rgba(0,0,0,0.5) ; padding:0 ; margin:0 ; 
        position:absolute ; right:0 ; top:0 ; 
        width:15rem ;
    }
    #RNE_footer_nav li:last-child a { 
        line-height:4.9rem ; padding:0 1.5rem 0.1rem 1.5rem ; text-align:left ;
        position:relative ;
    }
    #RNE_footer_nav li:last-child a::after {
        display:block ; content:"" ; width:3rem ; height:3rem ; opacity:0.5 ; transition:0.3s all ;
        background:url(../img/icon_book.png) no-repeat center ; background-image:3rem auto ;
        position:absolute ; right:1.5rem ; top:50% ; transform:translateY(-50%) ;
    }
    #RNE_footer_nav li:last-child a:hover::after { opacity:0.9 }
    #RNE_footer_nav li:last-child a:hover { background-color:rgba(0,0,0,0.7) } 
    #RNE_footer_nav a:hover { background:none ; color:#ffffff }

    #RNE_footer_copy { padding:4rem 0 }
    #RNE_footer_copy p { font-size:1.3rem ; line-height:2rem ; text-align:left ; margin-bottom:1rem } 
    #RNE_footer_copy p > span { display:inline-block ; padding:0 2rem ; position:relative } 
    #RNE_footer_copy p > span:first-child { padding-left:0 }
    #RNE_footer_copy p > span:last-child { padding-right:0 }
    #RNE_footer_copy p > span::after {
        display:block ; overflow:hidden ; content:"" ;
        width:0.1rem ; height:1rem ; background-color:#ffffff ; opacity:0.15 ;
        position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
    } 


 
}