.tabs_box>.fixed .contents{max-width:var(--width-contents);margin:0 auto var(--gap-contents);text-align:center}.tabs_box>.fixed .contents:last-child{margin-bottom:0}.tabs_box>.fixed .contents>.caption{display:block;margin:0 0 var(--gap-heading);color:var(--color-error);font-family:var(--font-heading);font-size:var(--size-base);font-weight:400;line-height:1.25}.tabs_box>.fixed .contents>.caption:last-child{margin-bottom:0}.tabs_box>.fixed .contents>.content{display:inline-block;max-width:var(--width-content)}.tabs_box>.fixed .tabs{display:block;overflow-x:auto;overflow-y:hidden;font-size:0;line-height:0;white-space:nowrap}.tabs_box>.fixed .tabs .tab{display:inline-flex;position:relative;align-items:center;justify-content:center;height:var(--height-control);padding:4px var(--gap-button);color:var(--color-heading);font-size:1rem;font-weight:600;line-height:1.25rem;vertical-align:middle;text-overflow:ellipsis;transition:0.2s;z-index:2}.tabs_box>.fixed .tabs .tab.active{background-color:rgba(40,79,208,0.1);color:#284FD0}@media (hover: hover){.tabs_box>.fixed .tabs .tab:hover{color:#284FD0}}@media (min-width: 64rem){.tabs_box>.fixed .tabs::-webkit-scrollbar{height:4px}.tabs_box>.fixed .tabs::-webkit-scrollbar-track{border-radius:var(--radius-regular)}.tabs_box>.fixed .tabs::-webkit-scrollbar-thumb{border-radius:var(--radius-regular)}}.tabs_box{position:relative;overflow:hidden;padding:var(--gap-section-top) 0 calc(var(--gap-section) - var(--gap-section-small))}.tabs_box.box_light{padding-top:0;background-color:transparent}.tabs_box>.fixed{max-width:none;padding:0 var(--gap-section-side);background:var(--color-background)}.tabs_box>.fixed .tabs{position:relative;max-width:var(--width-fixed-small);margin:0 auto;z-index:2}.tabs_box>.fixed .count{display:inline-block;position:relative;top:-1px;min-width:20px;padding:2px 3px;margin-left:6px;border-radius:20px;background-color:var(--color-primary);color:var(--color-base);font-size:.6875rem;font-weight:600;line-height:1rem;text-align:center;vertical-align:middle}.tabs_box>.sections>.section{display:none;--gap-section: var(--gap-section-small)}.tabs_box>.sections>.section.active{display:block}.tabs_box>.sections>.section>section{padding-right:var(--gap-section-side);padding-left:var(--gap-section-side)}@media (max-width: 64rem){.tabs_box>.fixed .tab:first-child{padding-left:var(--gap-section-side)}}

/*# sourceMappingURL=tabs.css.map */