@charset "utf-8";


.com_tab {
    margin-bottom:80px;
}
.com_tab ul {
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:30px;
}
.com_tab ul li {
    width:250px;
}
.com_tab ul li a {
    font-size:1.55rem;
    font-weight:500;
    font-family:'SUITE';
    line-height:128%;
    letter-spacing:-0.84px;
    padding-bottom:10px;
    display:block;
    text-align:center;
    position: relative;
}
.com_tab ul li a::after {
    content:'';
    width:100%;
    height:5px;
    border-radius:999px;
    background-color:#ddd;
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
}


.com_tab ul.st5_tab li {
    width:200px;
}


.com_tab ul.st0_tab li.active a {
    color:#16AAB5;
}
.com_tab ul.st1_tab li.active a {
    color:#6A80D7;
}
.com_tab ul.st2_tab li.active a {
    color:#4AAA37;
}
.com_tab ul.st3_tab li.active a {
    color:#FF7290;
}
.com_tab ul.st4_tab li.active a {
    color:#FF8661;
}
.com_tab ul.st5_tab li.active a {
    color:#006397;
}

.com_tab ul.st0_tab li.active a::after {
    background-color:#16AAB5;
}
.com_tab ul.st1_tab li.active a::after {
    background-color:#6A80D7;
}
.com_tab ul.st2_tab li.active a::after {
    background-color:#4AAA37;
}
.com_tab ul.st3_tab li.active a::after {
    background-color:#FF7290;
}
.com_tab ul.st4_tab li.active a::after {
    background-color:#FF8661;
}
.com_tab ul.st5_tab li.active a::after {
    background-color:#006397;
}

@media (max-width:1440px) {}
@media (max-width:1200px) {
    .com_tab {
        margin-bottom:60px;
    }
    .com_tab ul {
        gap:10px;
    }
    .com_tab ul li,
    .com_tab ul.st5_tab li {
        width:180px;
    }
    .com_tab ul li a {
        font-size:1.22rem;
    }
}
@media (max-width:1024px) {}
@media (max-width:991px) {}
@media (max-width:768px) {
    .com_tab {
        margin-bottom:40px;
    }
    .com_tab ul {
        flex-wrap: wrap;
        margin:auto;
    }

    .com_tab ul li,
    .com_tab ul.st5_tab li {
        width:160px;
    }
}
@media (max-width:640px) {
    .com_tab ul li,
    .com_tab ul.st5_tab li {
        width:140px;
    }
}