*{margin: 0;padding: 0;}
body{ margin: 0 auto;}
img{display: block;}
.pc{display: block;}
.mobile{display: none !important;}
.container{max-width: 1600px;margin: 0 auto;}
.containers{ width: 83.33vw; margin: 0 auto;}
header{ height: 4.16vw; background-color: #000000;font-size: 0;}
header .containers>a{ float: left; padding: 1.35vw 0; }
header img.logo{ display: block; height: 1.4vw;}
header ul{ float: right;}
header ul li{ float: left; padding: 0 1vw;position: relative;}
header ul li:last-child{padding: 0 0 0 1vw}
header ul li:first-child{padding: 0 1vw 0 0}
header ul li>div{
    text-align: left;
    width: 10vw;
    display: none;
    position: absolute;
    top: 4vw;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    padding: 1vw 0 .6vw;
    z-index: 9;
}
header ul li>div a{display: block; padding-left: 1vw; font: normal 1.04vw/2.1vw "NOTOSANSJP-MEDIUM";color: #ffffff;}
header ul li a{ font: normal 1.04vw/4.16vw "NOTOSANSJP-MEDIUM";color: #ffffff;}

footer{background-color: #000000;}
footer ul{text-align: center;border-bottom: 1px solid #ffffff;}
footer ul li{ display: inline-block;padding: 0 1vw; position: relative;}
footer ul li:last-child{padding: 0 0 0 1vw;}
footer ul li:first-child{padding: 0 1vw 0 0;}
footer ul li>div{
    text-align: center;
    width: 10vw;
    display: none;
    position: absolute;
    bottom: 4vw;
    left: 50%;
    background-color: rgba(0,0,0,0.7);
    padding: 1vw 0 .6vw 0;
    transform: translateX(-50%);
}
footer ul li>div a{display: block;font: normal 1vw/2.5vw "NOTOSANSJP-MEDIUM";color: #ffffff;}
footer ul li a{font: normal 1vw/4.16vw "NOTOSANSJP-MEDIUM";color: #ffffff;}
footer>div{font: normal .833vw/6.25vw "NOTOSANSJP-MEDIUM";color: #ffffff;text-align: center;}