header.pc{position: fixed;top: 0;left: 0;width: 100%;text-align: center;z-index: 9;border-bottom: 1px solid rgba(999,999,999,0.3);}
header.pc.black{background:rgba(000,000,000,0.7);}
header.pc.black.over{background:rgba(000,000,000,0.7);}
header.pc.over{box-shadow: 0px 0px 40px 0px rgba(999,999,999,0.2);/* background: rgba(999,999,999,0.1); */}

header.pc{width: 100%;}
header.pc.over{background:rgba(000,000,000,0.7);}

.mo_open{display: none;}
header.pc .logo{position: absolute;left: 25px;top: 34px;}
header.pc .menu{display: inline-block;}
header.pc .menu .mo_close{display: none;}
header.pc .sns{position: absolute;right: 30px;top: 40px;}
header.pc .sns a{margin-right:10px;display: inline-block;}
header.pc .sns a:last-child{margin-right:0}
header.pc .menu ul.depth1>li{display: inline-block;font-size: 19px;vertical-align: top;}
header.pc .menu ul.depth1>li:last-child{margin-right:0;}
header.pc .menu ul.depth1>li>a{padding: 40px 25px;position: relative;}
header.pc .menu ul.depth1>li:hover>a:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width: 75px;height:3px;background:#fff;bottom:0;}
header.pc .menu ul li a{display: block;color: #fff;}
header.pc .menu ul.depth2{display:none;padding: 20px 0;}
header.pc .menu ul.depth2 a{padding:10px 0;}
header.pc .menu ul.depth2 a:hover{color:#42f4fc;}

footer{padding: 20px 0;text-align: center;font-size: 14px;}
footer .inner a{margin: 5px;display: inline-block;font-weight:500;}
footer .inner ul{padding: 20px 7%;}
footer .inner ul li{border: 1px solid #d4d4d4;padding: 5px 0;background: #fff;}
footer .inner ul li p{display: inline-block;position: relative;padding-right: 30px;color: #6f6f6f;}
footer .inner ul li p::before{content: '|';position: absolute;top: 0px;right: 12px;opacity: 0.8;font-size: 12px;}
footer .inner ul li p:last-child{padding-right:0;}
footer .inner ul li p:last-child:before{display:none;}
footer .inner ul li:last-child{border-top: 0;}
footer .inner>p{opacity:0.5;margin-top: 5px;}

aside {position: fixed;z-index: 99;right: 20px;top: 50%;transform: translateY(-50%);}
aside li a,aside li button{background: rgba(9,9,9,0.5);border-radius: 500px;display: inline-block;width: 60px;height: 60px;box-sizing: border-box;margin-bottom: 9px;text-align: center;}
aside li a p{display:none;line-height: 1;/* letter-spacing: -1px; */padding: 17px 0;font-size: 13px;text-align: center;}
aside li a img,aside li button img{padding: 15px 0;}
aside li a:hover img{display:none;}
aside li a:hover p{display:block;}
aside li a:hover{background:#42f4fc;}

@media(max-width:1600px){
    header.pc{padding-left: 12%;box-sizing: border-box;}
}
@media(max-width:1400px){
    header.pc .menu ul.depth1>li>a{padding:40px 15px;}
    header.pc .logo{width:250px}
}
@media(max-width:1200px){
    header.pc .menu ul.depth1>li{font-size:17px;}
    header.pc .menu ul.depth2 a{font-size:15px;}
    header.pc .logo{width: 200px;top: 32px;left: 15px;}
    header.pc .sns{right:15px;top: 30px;}
    header.pc .sns a{width:25px;margin-right: 7px;}
    header.pc{padding-left: 10%;}
    header.pc .menu ul.depth1>li>a{padding:30px 10px;}
}
@media(max-width: 1024px){
    header.mo{position: absolute;top:0;z-index: 9999;width: 100%;box-sizing: border-box;padding: 25px;}
    header.mo>.sns{display:none;}
    header.mo .logo{display:inline-block;}
    .mo_open{display:block;position: absolute;right: 18px;width: 50px;top: 50%;transform: translateY(-50%);}
    .menu{position: fixed;width: 300px;background: #fff;right: -100%;top: 0;height: 100%;overflow: scroll;transition: right 0.5s;z-index: 999999999;}
    .menu .depth1>li.current{background:#ecf8fe;}
    .menu .depth1>li{border-bottom:1px solid #d7d7d7;font-size:15px;}
    .menu .depth1>li>a{font-weight:500;font-size:17px;padding: 22px;display:inline-block;width: 100%;box-sizing: border-box;}
    .menu .depth2{padding-bottom:15px;display: block!important;padding-top: 0!important;}
    .menu .depth2>li>a{padding: 15px 22px;display:inline-block;width: 100%;box-sizing: border-box;}
    .menu .depth2>li>a.current{color:#1a5ab9}
    header.mo .mo_close{background:#eaeaea;padding:30px;border-bottom: 1px solid #d7d7d7;}
    header.mo .mo_close .home{width:35px;display:inline-block}
    header.mo .mo_close div{text-align:center;}
    header.mo .mo_close div a{margin:10px;display: inline-block;width: 50px;margin-bottom: 0;margin-top: 25px;}
    header.mo .mo_close .close{position: relative;width: 40px;height: 40px;position: absolute;right: 20px;top: 20px;}
    header.mo .mo_close .close:before{content:"";position:absolute;width:100%;background: #3e3e3e;height:1px;left: 0;transform:rotate(45deg);}
    header.mo .mo_close .close:after{content:"";position:absolute;width:100%;background: #3e3e3e;height:1px;left: 0;transform:rotate(-45deg);}
    footer .inner ul{padding:10px 0;}
    aside li a, aside li button{width:50px;height:50px;}
    aside li a img, aside li button img{padding:10px 0;}
    aside li a p{padding: 12px 0;}
}
@media(max-width: 800px){
    footer .inner ul li p:nth-of-type(1){padding-right:0;display:block;}
    footer .inner ul li p:nth-of-type(1):before{display:none;}
    aside li a, aside li button{width:35px;height:35px;}
    aside li a img, aside li button img{width:100%;box-sizing: border-box;padding: 5px;}
    aside li a:hover p{font-size: 11px;padding: 7px 0;}
}
@media(max-width: 500px){
    header.mo .logo{width: 250px;}
    footer{font-size:12px}
}
@media(max-width: 400px){
    header.mo .logo{width: 220px;}
    header.mo{padding: 25px 17px;}
    .mo_open{right: 12px;width: 36px;}
}