@charset "utf-8";

.tabs{display:flex;width:100%;margin:0 0 30px 0;}

.tabs.tab02 li{width:calc(100%/2);}
.tabs.tab03 li{width:calc(100%/3);}
.tabs.tab04 li{width:calc(100%/4);}
.tabs.tab05 li{width:calc(100%/5);}
.tabs.tab06 li{width:calc(100%/6);}

.tabs.fill .tab{width:100%;height:60px;font-size:20px;font-weight:500;border:1px solid #d1d6df;border-right:0;color:#838994;}
.tabs.fill .tab.active{border:1px solid var(--primary-color);background:var(--primary-lighter-color);color:var(--primary-color);}
.tabs.fill :first-child .tab{border-radius:8px 0 0 8px;}
.tabs.fill :last-child .tab{border-radius:0 8px 8px 0;border-right:1px solid #d1d6df;}
.tabs.fill :last-child .tab.active{border:1px solid var(--primary-color);}

.tab_content{display:none;}
.tab_content.active{display:block;}