*{
    --color-primary: 11,18,102;
    --color-gray: 126,126,126;
}

.swiper-container.tab-module-tabs{
    width: 100%;
    overflow-x: hidden;
}
.swiper-container.tab-module-tabs .swiper-wrapper{
    display: flex;
    flex-direction: row;
    /* align-items: stretch; */
    width: 100%;
    height: 100%;
}


.tab-module-tabs .tab-item{
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    flex-grow: 1;
    flex-shrink: 1;
    font-family: "Noto Serif JP", serif;
    font-size: 0.8rem;
    user-select: none;
    border-bottom-style: solid;
    border-bottom-color: rgb(var(--color-primary));
    border-bottom-width: 0.3rem;
    background-color: rgba(var(--color-gray), 0);
    padding: 1.5rem 1rem;
    transition: border-bottom-color 0.3s ease-in-out, 
                background-color 0.3s ease-in-out;
}
.tab-module-tabs .tab-item:hover{
    background-color: rgba(var(--color-gray), 0.3);
}
.tab-module-tabs .tab-item.swiper-slide-thumb-active{
    border-bottom-color: rgb(var(--color-white));
}

@media screen and (max-width: 800px) {
	/* CSS for SmartPhones */
    .tab-module-tabs .tab-item{
        flex-shrink: 0;
        padding: 1.5rem 3rem;
    }
}