#header{position:fixed;z-index:100;height:0}#header .openbtn{position:fixed;top:0;right:0;cursor:pointer;width:60px;height:60px;z-index:1000}#header .openbtn span{display:inline-block;transition:all .4s;position:absolute;left:16px;height:2px;border-radius:2px;background:#fff;width:45%}#header .openbtn span:nth-child(1){top:18px}#header .openbtn span:nth-child(2){top:27px}#header .openbtn span:nth-child(3){top:37px}#header .openbtn.active span:nth-of-type(1){top:22px;left:21px;transform:translateY(6px) rotate(-45deg);width:30%}#header .openbtn.active span:nth-of-type(2){opacity:0}#header .openbtn.active span:nth-of-type(3){top:34px;left:21px;transform:translateY(-6px) rotate(45deg);width:30%}#footer{background-color:#1A1311;height:auto;position:relative;padding:40px 0 40px}@media (min-width: 1024px){#footer{padding:80px 0 60px}}#footer .footer-in{max-width:1200px;width:280px;margin:auto}@media (min-width: 1024px){#footer .footer-in{display:flex;width:auto;justify-content:space-around}}#footer .footer-in .right{display:flex;justify-content:flex-start}#footer .footer-in .right .logo{width:80px}@media (min-width: 1024px){#footer .footer-in .right .logo{width:120px}}#footer .footer-in .right .txt{color:#ffffff;display:flex;align-items:center;margin-left:20px}#footer .footer-in .right .txt .txt-in h3{font-size:0.8em;letter-spacing:0.05em}@media (min-width: 1024px){#footer .footer-in .right .txt .txt-in h3{font-size:0.9em}}#footer .footer-in .right .txt .txt-in h3 a{color:#ffffff;position:relative;display:inline-block}#footer .footer-in .right .txt .txt-in h3 a::after{position:absolute;bottom:0;left:0;content:'';width:100%;height:1px;background:#fff;transform:scale(0, 1);transform-origin:right top;transition:transform .3s}#footer .footer-in .right .txt .txt-in h3 a:hover::after{transform-origin:left top;transform:scale(1, 1)}#footer .footer-in .right .txt .txt-in ul{margin-top:5px}#footer .footer-in .right .txt .txt-in ul li{margin-top:2px}#footer .footer-in .right .txt .txt-in ul li a{font-size:0.9em;letter-spacing:0.05em;color:#ffffff;position:relative;display:inline-block}@media (min-width: 1024px){#footer .footer-in .right .txt .txt-in ul li a{font-size:1.0em}}#footer .footer-in .right .txt .txt-in ul li a::after{position:absolute;bottom:0;left:0;content:'';width:100%;height:1px;background:#fff;transform:scale(0, 1);transform-origin:right top;transition:transform .3s}#footer .footer-in .right .txt .txt-in ul li a:hover::after{transform-origin:left top;transform:scale(1, 1)}#footer .footer-in .left{color:#ffffff;display:flex;align-items:center;margin:40px auto 0}@media (min-width: 1024px){#footer .footer-in .left{margin:initial;text-align:left}}#footer .footer-in .left .txt h3{font-size:0.9em;letter-spacing:0.05em}@media (min-width: 768px){#footer .footer-in .left .txt h3{font-size:1em}}#footer .footer-in .left .txt h4{font-size:0.75em;letter-spacing:0.05em;margin-top:10px}@media (min-width: 768px){#footer .footer-in .left .txt h4{font-size:0.8em}}#footer .footer-in .left .txt .mail{display:flex;justify-content:flex-start;margin-top:4px}@media (min-width: 768px){#footer .footer-in .left .txt .mail{margin-top:5px}}#footer .footer-in .left .txt .mail img{width:24px}#footer .footer-in .left .txt .mail a{font-size:0.875em;margin-left:5px;color:#ffffff;position:relative}@media (min-width: 768px){#footer .footer-in .left .txt .mail a{font-size:0.95em}}#footer .footer-in .left .txt .mail a::after{position:absolute;bottom:0;left:0;content:'';width:100%;height:1px;background:#fff;transform:scale(0, 1);transform-origin:right top;transition:transform .3s}#footer .footer-in .left .txt .mail a:hover::after{transform-origin:left top;transform:scale(1, 1)}