#wrap {margin-top: 5.6rem; margin-bottom: 7rem;}

header {position: fixed; top: 0; width: 100%; background-color: #fff; padding: 1.5rem; border-bottom: 1px solid #eee; z-index: 100;display: flex;justify-content: space-between;align-items: center;}
header h1 a {height: 2.5rem; display: block; text-align: center;width: fit-content;}
header h1 a img {height: 100%;}
header > div {height: 2.5rem;}
header .open_nav { left: 1.5rem;}
header .back {right: 1.5rem;}
header .back button {height: 100%;}
header div img {height: 100%;}

nav {position: fixed; left: -100%; top:0; width: 70%; z-index: 150;background: #fff;height: 100vh;}
nav.on {left: 0; transition: all 0.5s;}
nav h1 {height: 5.5rem; padding: 1.5rem 0; text-align: center;}
nav h1 img {height: 100%;}
nav ul {display:flex; flex-flow:column; margin-top: 0rem;}
nav ul li {
    
}
nav ul li a {
    padding: 1rem;
    padding-left: 3rem;
    font-size:1.8rem;
    display: block; 
    line-height: 1.4;
    position: relative;
    word-break: break-all;
    border-bottom: 1px solid #ddd;
}
nav ul li:first-of-type a{font-weight: bold;background-color: #3352a3;color: #fff;padding-left: 2rem;}
nav ul li a::before {
    content: '';
    border-radius: 100%;
    width: 0.5rem;height: 0.5rem;
    background-color:  #d6122b;
    position: absolute;left: 1.7rem; top: 50%; transform: translateY(-50%);
}
nav ul li:first-of-type a::before {
    background-color: transparent;
}
nav .close_nav {position: absolute; left: 1.5rem; top:1.5rem; height: 2.5rem;}
nav .close_nav img {height: 100%;}
.nav_bg {background: rgba(0,0,0,0.6); position: fixed; left: 0; top:0; width: 100%; height: 100vh; z-index: 140; display: none;}
.nav_bg.on {display: block;}

footer {position: fixed; width: 100%; height: 7rem; left: 0; bottom:0; background: #fff; }
footer ul {display:flex; height: 100%}
footer ul li {width: 20%; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}

footer ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; line-height: 1.2; font-size:1.5rem; font-weight: 600; }
footer ul li:last-child {border-right: none;}
footer ul li:not(:nth-child(3)) a {font-size: 1.7rem;}
footer ul li a.active {background: #4d79ff; color:#fff;}