#wrap {min-height: 100vh;width: 100%;padding-top: 6rem;padding-bottom: 8rem;}
* {
    background-color: #f2f3f5;
}
.index {
    width: 100vh;
    height: 100vh;
    background-color: #ea8f34;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index img {
    background-color: #ea8f34;
    width: 80%;
    padding-bottom: 20%;
}
.innerWrapper030 {
    padding: 1.5rem;
}
header {
    background-color: #f2f3f5;
    left: 0;
    top: 0;
    width: 100%;
    height: 6rem;
    padding: 0 2rem;
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 100;
}
header img {height: 1.7rem;}
nav {
    background: #ef9020;
    position: fixed;
    left: 100%;
    top:0;
    width: 77%;
    z-index: 150;
    height: 100vh;
    transition:.5s;
}
nav.on {
    left: 23%;transition:.5s;
    background-color: #ffffff;
}
nav .nav_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 6rem;
    padding: 2rem;
    background-color: #ffffff;
}
.close_nav img{
    background-color: #ffffff;
    width: 2rem;
}
nav .nav_banner {display: flex;justify-content: space-between;padding: 1.7rem;}
nav .nav_banner a {margin-right: 1rem;}
nav .nav_banner a:last-of-type {margin: 0;}
nav .nav_banner a img {width: 100%;border: 2px solid #fff;border-radius: 3px;}
nav .nav_banner a p {
    font-size: 1.6rem;
    text-align: center;
    color: #fff;
    margin-top: 1rem;
}
nav ul {
    margin: 1rem 1.7rem;
    background-color: #ffffff;
    border-radius: 1rem;
}
nav ul li {}

nav ul li a {
    display: block;
    font-size: 1.8rem;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    padding-bottom: 2rem;

}
nav ul li a img {
    background-color: #ffffff;
    width: 3rem;
    margin-right: 2rem;
}
nav ul li a span {
    font-size: 2.2rem;
    font-weight: 700;
    background-color: #ffffff;

}
nav ul li:last-child a img { 
    width: 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;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .3);
    background-color: #fff;
}
footer ul {display: flex;justify-content: space-between;width: 100%;height: 100%;background-color: #fff; }
footer ul li {width: 100%; height: 100%;background-color: #fff;}
footer ul li a {display: flex; justify-content: center;align-items: flex-end;width: 100%;height: 100%;padding-bottom: .5rem;background-color: #fff;}
footer ul li a p {font-size: 1.4rem;position: relative;
    color: #a4b5c3;
    background-color: #fff;}
footer ul li a p::before {
    content:"";
    position: absolute;
    left: 50%; top: -3.5rem;
    transform: translateX(-50%);
    height: 3rem;width: 3rem;
}
footer ul li:nth-of-type(1) a p::before {background:url('../img/menu1_off.png') no-repeat center / cover;}
footer ul li:nth-of-type(2) a p::before {background:url('../img/menu2_off.png') no-repeat center / cover;}
footer ul li:nth-of-type(3) a p::before {background:url('../img/menu3_off.png') no-repeat center / cover;}
footer ul li:nth-of-type(4) a p::before {background:url('../img/menu4_off.png') no-repeat center / cover;}

footer ul li:nth-of-type(1) a.on p::before {background:url('../img/menu1.png') no-repeat center / cover;}
footer ul li:nth-of-type(2) a.on p::before {background:url('../img/menu2.png') no-repeat center / cover;}
footer ul li:nth-of-type(3) a.on p::before {background:url('../img/menu3.png') no-repeat center / cover;}
footer ul li:nth-of-type(4) a.on p::before {background:url('../img/menu4.png') no-repeat center / cover;}

.title_wrap {margin-bottom: 4rem;}
.title_wrap h1 {
    font-size: 2.4rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.title_wrap p {
    color:#4d5466;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
}


.mean_header {
    position: fixed;
    left: 0;top: 0;
    padding: 1.5rem;
    width: 100%;height: 6rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    display: flex;justify-content: space-between;align-items: center;
}
.mean_header img {width: 1.5rem;}
.mean_header h1 {font-size: 1.8rem;color: #4d5466;font-weight: 500;}
.mean_header .dum {width: 1.5rem;}

.flexo0o {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    margin-bottom: 2rem;
}
.white030 a {
    background-color: #ffffff;
}
.flexo0o img {
    border-radius: 50%;
    width: 70%;
    margin-bottom: 0.5rem;
}