.inner03 .list_box > ul{ display: flex; display: -ms-flex; display: -webkit-flex; justify-content: center;}
.inner03 .list_box > ul > li{position: relative; margin:0 1%; cursor: pointer;}
.inner03 .list_box > ul > li > span{ font-size:21px; color:#fff; border:2px solid #fff; padding: 10px 20px; border-radius: 100px; display: block; background:rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px); transition: all .3s ease;}
.inner03 .list_box > ul > li:hover > span{background:rgba(48, 39, 131, 0.5); border-color: #302783;}

.inner03 .list_box > ul > li > ul{position: absolute; content:''; left:50%; top:100%; transform: translate(-50%,0); padding:30px; margin-top:20px; background:#fff; width:100%; min-width:350px;  border-radius: 20px; z-index: 1000; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); display: none; opacity: 0;}
.inner03 .list_box > ul > li:hover > ul{animation: fadeup .5s linear forwards;  animation-timing-function:ease; display: block; transform: translate(-50%,0); opacity: 1;}
@keyframes fadeup {
from{transform: translate(-50%, 20px); opacity: 0; }
to{transform: translate(-50%,0); opacity: 1; z-index: 999999;}
}
.inner03 .list_box > ul > li > ul::before{position: absolute; content:''; left:50%; top:-10px; transform: translate(-50%,0) rotateZ(45deg); width:20px; height:20px; background:#fff;}
.inner03 .list_box > ul > li > ul > li{padding:10px 0;}
.inner03 .list_box > ul > li > ul > li > span{position: relative; padding-left:20px; display: block;}
.inner03 .list_box > ul > li > ul > li > span::before{position: absolute; left:0; top:11px; content:''; width:5px; height:1px; background:#000;}
.inner03 .list_box > ul > li:nth-child(1){z-index: 90;}
.inner03 .list_box > ul > li:nth-child(2){z-index: 80;}
.inner03 .list_box > ul > li:nth-child(3){z-index: 70;}
.inner03 .list_box > ul > li:nth-child(4){z-index: 60;}
.inner03 .list_box > ul > li:nth-child(5){z-index: 50;}
.inner03 .list_box > ul > li:nth-child(6){z-index: 40;}
.inner03 .list_box > ul > li:nth-child(7){z-index: 30;}
.inner03 .list_box > ul > li:nth-child(8){z-index: 20;}
.inner03 .list_box > ul > li:nth-child(9){z-index: 10;}

@media (max-width:1200px) {
    .inner03 .list_box > ul > li > span{padding:8px 10px; font-size:18px;}
}


@media(max-width:1024px){
    
    .inner03 .list_box > ul{flex-direction: column; align-items: center;}
    .inner03 .list_box > ul > li{margin:0 0 10px; display: inline-flex;}
    .inner03 .list_box > ul > li > span{min-width:335px; text-align: center;}

    .inner03 .list_box > ul > li:last-child{margin:0;}
    .inner03 .list_box > ul > li > ul {min-width:320px;}

}

@media(max-width:768px){
    .inner03 .list_box > ul > li > span{font-size:18px;}
}

@media(max-width:425px){
    .inner03 .list_box > ul > li > span{min-width:300px; font-size:14px;}
    .inner03 .list_box > ul > li > ul {min-width:300px;}
}

@media (max-width:375px) {
    .inner03 .list_box > ul > li > span{min-width:260px;}
    .inner03 .list_box > ul > li > ul {min-width:260px;}
}