.tab {
	padding-bottom: 0 !important;
	.tab-menu {
		ul {
			display: flex; justify-content: center; background-color: #eee;
			li {
				flex-basis: 20%; text-align: center;
				&.active {
					a {
						background: var(--main-color); color: #fff;
						&:after {
							display: block;
						}
					}
				}
				a {
					display: block; font-size: 1.6rem; font-weight: 500; padding: 15px 0; position: relative;
					&:after {
						content: '▼'; font-size: 15px; position: absolute; top: calc(100% - 4px); left: 50%;  transform: translateX(-50%); color: var(--main-color); display: none;
					}
				}
			}
		}
	}
}

@media all and (max-width: 1024px) {
	.tab {
		.tab-menu {
			ul {
				li {
					flex: 1;
					a {
						padding: 13px 0; font-size: 1.5rem;
					}
				}
			}
		}
	}
}

@media all and (max-width: 510px){
	.tab {
		.tab-menu {
			ul {
				li {
					a {
						padding: 15px 0; font-size: 1.3rem;
					}
				}
			}
		}
	}
}