@charset "utf-8";  


/* Footer-2 */
#footer , #footer::before , .footer__inner { display:block ; width:100% }
#footer {  
    padding:0 0 4rem ; position:relative ; 
    background-color:#f7f7f7 ; 
}
#footer::before {
    display:block ; content:"" ; width:100% ; height:0.1rem ; 
    background-color:rgba(0,0,0,0.1) ;
    position:absolute ; left:0 ; top:0
}
.footer__nav , .footer__address { font-size:0 ; text-align:center }
.footer__nav { 
    padding:1.5rem 0 ; margin-bottom:4rem ; 
    border-bottom:solid 1px rgba(0,0,0,0.1) ;
} 
.footer__nav__item { display:inline-block ; position:relative ; padding-right:2rem ; margin-right:2rem }
.footer__nav__item:last-child { padding-right:0 ; margin-right:0 }
.footer__nav__item::after , .footer__addr__item::after  {
    display:block ; content:"" ; width:1px ; height:1.2rem ; 
    background-color:rgba(0,0,0,0.1) ;
    position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
}
.footer__nav__link { transition:0.3s all }
.footer__nav__link { display:block ; font-size:1.4rem ; line-height:110% ; word-break:keep-all } 
.footer__nav__link:hover { color:#111111 }

.footer__logo {
    display:block ; width:10rem ; height:3.5rem ; margin:0 auto 2rem ;
    font-size:0 ; color:transparent ;
    background:url(../img/logo.png) no-repeat left top ; background-size:10rem auto ;
    opacity:0.4 ;
}

.footer__address , .footer__copy { display:block ; width:96% ; margin:auto }
.footer__address { margin-bottom:3rem }
.footer__addr__item , .footer__copy  { font-size:1.4rem ; line-height:140% ; word-break:keep-all }
.footer__copy { text-align:center }
 
.footer__addr__item {
    display:inline-block ; margin-right:1.5rem ; margin-bottom:1rem ; padding-right:1.5rem ;
    position:relative ;

}
.footer__addr__item:first-child { display:block ; width:100% }
.footer__addr__item:first-child , .footer__addr__item:last-child { margin-right:0 ; padding-right:0 }
.footer__addr__item:first-child::after , .footer__addr__item:last-child::after { display:none }





@media screen and (min-width:1024px){ 
 
    /* Footer-2 */
    #footer { padding:4rem 0 }
    .footer__inner { width:96% ; max-width:120rem ; margin:auto ; position:relative }
    .footer__logo { margin:0 ; position:absolute ; left:0 ; top:0 }
    .footer__nav { position:absolute ; right:0 ; top: 1rem ; padding:0 ; border:none ; text-align:right }

    .footer__nav__link , .footer__addr__item , .footer__copy { font-size:1.6rem ; line-height:120% }
    .footer__address , .footer__copy { 
        width:45% ;
        margin:0 ; padding:0 ; padding-left:15rem ; text-align:left }
    .footer__address { padding-top:1rem ; margin-bottom:1.5rem }
 
} 
    




@media print {  }