@charset "utf-8";
/* CSS Document */

/*footer*/
/*
#footer .goTop{ z-index:999; position:fixed; right:3em; bottom:3em; width:3.5em; height:3.5em; border-radius: 50%; text-align:center; background:#0072BC; color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s}
#footer .goTop .xi{ font-size:1.5em; transition:.3s}
#footer .goTop:hover .xi{ transform:translateY(-.25em)}
.scroll #footer .goTop{ opacity:1; transform:translateY(0)}

#footer{ padding:4em 0 6em 0; background: #000c14; color:#fff;}
#footer .logo_wrap .wrap_in{ gap:2.5em;}
#footer .logo_wrap .logo img{ height:3em}
#footer .menu{ gap:0 2em;}
#footer .menu > li .in{ position:relative;}
#footer .menu > li + li .in:before{ content:"·"; position:absolute; left:-1em; top:50%; transform:translate(-50%,-50%); color:#fff; font-weight:700; line-height:1; opacity:.5;}
#footer .menu > li .in:hover .tt{ text-decoration:underline;}

#footer .info_wrap{ gap:2em; margin-top:3em}
#footer .info_wrap .info{ overflow:hidden; width: 70%}
#footer .info_wrap .info > li{margin-right:2em; margin-bottom:.75em; opacity:.8; position:relative}
#footer .info_wrap .info > li:before{ content:""; position:absolute; left:-1em; height:70%; top:50%; transform:translateY(-50%); width:1px; background:#fff; opacity:.2}
#footer .info_wrap .info > li.point{ font-weight:600}
#footer .info_wrap .info > li.br{ clear:left}
#footer .info_wrap .info .tit{ opacity:1; font-weight:500;}
#footer .copy_wrap {border-top: 1px solid rgba(255,255,255,.3); margin-top: 1.5em; padding-top: 2em;}
#footer .copy_wrap .copyright{font-size:.813em; text-transform:uppercase; opacity:.4;}

#footer .info_wrap .link{ gap:.5em;}
#footer .info_wrap .link > li .in{ gap:0 1em; height:3em; padding:0 1.375em; border:1px solid rgba(255,255,255,.3); border-radius:10em; transition:.2s;}
#footer .info_wrap .link > li .in .xi{ font-size:.875em; opacity:.6;}
#footer .info_wrap .link > li .in:hover{ background:#49b7be; border-color:#49b7be;}
*/
#footer{ padding:3em 0 3.5em 0; background:#000c14; color:#fff;}
#footer .logo_wrap{ gap: 3em;}
#footer .logo_wrap .flogo-wrap{ height: 100%; padding-right: 3em; border-right: 1px solid #929292;}
#footer .logo_wrap .wrap_in{ gap:2.5em;}
#footer .logo_wrap .logo img{ height:3em}
#footer .wrap_in .menu{ gap:0 2em; padding-bottom: 2em;}
#footer .wrap_in .menu > li .in{ position:relative;}
#footer .wrap_in .menu > li + li .in:before{ content:"·"; position:absolute; left:-1em; top:50%; transform:translate(-50%,-50%); color:#fff; font-weight:700; line-height:1; opacity:.5;}
#footer .wrap_in .menu > li .in:hover .tt{ text-decoration:underline;}

#footer .info_wrap{ gap:2em;}
#footer .info_wrap .info{ flex:1; overflow:hidden}
#footer .info_wrap .info > li{ float:left; margin-right:2em; margin-bottom:.75em; opacity:.8; position:relative}
#footer .info_wrap .info > li:before{ content:""; position:absolute; left:-1em; height:70%; top:50%; transform:translateY(-50%); width:1px; background:#fff; opacity:.2}
#footer .info_wrap .info > li.point{ font-weight:600}
#footer .info_wrap .info > li.br{ clear:left}
#footer .info_wrap .info .tit{ opacity:1; font-weight:500;}
#footer .info_wrap .info .copyright{ margin-top:3em; font-size:.813em; text-transform:uppercase; opacity:.4;}

#footer .info_wrap .link{ gap:.5em;}
#footer .info_wrap .link > li .in{ gap:0 1em; height:3em; padding:0 1.375em; border:1px solid rgba(255,255,255,.3); border-radius:10em; transition:.2s;}
#footer .info_wrap .link > li .in .xi{ font-size:.875em; opacity:.6;}
#footer .info_wrap .link > li .in:hover{ background:#49b7be; border-color:#49b7be;}