@charset "UTF-8";
.tabsslider{margin-top: 35px;}
.tabsslider-tabindex{ margin: 0 -2.5px; margin-bottom: 10px; }
.tabsslider-tabindex .tabs{ display: table; table-layout: fixed; margin: 0; padding: 0; width: 100%;  }
.tabsslider-tabindex .tab{ display: table-cell; vertical-align: middle; margin: 0; padding: 0 2.5px; }
.tabsslider-tabindex .tab-button{ background: transparent; border: 1px solid #000; border-radius: 15px; display: block; width: 100%;}
.tabsslider-tabindex .tab-button[aria-expanded="true"]{ background: #fff; }
.tabsslider-tabindex .tab-button:focus, .tabsslider-tabindex .tab-button:hover{ background: #fff; }
.tabsslider-tabindex .tab-outer{ display: table; height: 40px; width: 100%; }
.tabsslider-tabindex .tab-inner{ display: table-cell; vertical-align: middle; font-size: 1.4rem; font-weight: bold; line-height: 1; text-align: center; }
.tabsslider-tabpanels{}
.tabsslider .tabpanel{  }
.tabsslider .tabpanel-title{  }
.tabsslider .tabpanel-container{}
.tabsslider-tabindex{ display: none; }
.js .tabsslider-tabindex{ display: block; }
.js .tabsslider .tabpanel-title{ left: -99999em; position: absolute; }
.js .tabsslider .tabpanel{ display: none; }
.js .tabsslider .tabpanel[aria-hidden="false"]{ display: block; }
@media (min-width: 768px){

}
@media (min-width: 992px){

}
@media (min-width: 1200px){
	.tabsslider-tabindex{ margin: 0 -5px; margin-bottom: 30px;  }
	.tabsslider-tabindex .tab{ padding: 0 5px; }
	.tabsslider-tabindex .tab-button{ border-radius: 25px; }
	.tabsslider-tabindex .tab-outer{ height: 96px; }
	.tabsslider-tabindex .tab-inner{ font-size: 2.6rem; }
}

.tabsslider .slides{ padding-bottom: 100px; }
.tabsslider .slides-outer{ background: #fff; border: 1px solid #000; border-radius: 15px; }
.tabsslider .slides-inner{}
.tabsslider .slide{ width: 100%; }
.tabsslider .slide-inner{ padding: 25px; }

.tabsslider .flickity-viewport{ transition: height 0.5s; }
.tabsslider .flickity-button{ background: #494949; color: #fff; transform: none; lefT: auto; right: auto; top: auto; bottom: -62px; height: 32px; width: 32px; z-index: 3;  }
.tabsslider .flickity-button.previous{ left: 50%; margin-left: -100px; }
.tabsslider .flickity-button.next{ right: 50%; margin-right: -100px;  }
.tabsslider .flickity-button-icon{ fill: #fff }
.tabsslider .flickity-page-dots{  position: absolute; bottom: -52px; left: 0; right: 0; top: auto; width: auto; }
.tabsslider .flickity-page-dots .dot{ border: 2px solid #494949; background: transparent; height: 12px; width: 12px; margin: 0 6px; opacity: 1; z-index: 2; }
.tabsslider .flickity-page-dots .dot[aria-current="step"],
.tabsslider .flickity-page-dots .dot:focus,
.tabsslider .flickity-page-dots .dot:hover{ background-color: #494949; }

@media (min-width: 768px){

}
@media (min-width: 992px){
	.tabsslider .flickity-button.previous{ margin-left: -200px; }
	.tabsslider .flickity-button.next{  margin-right: -200px;  }
	.tabsslider .flickity-page-dots{ bottom: -54px; }
	.tabsslider .flickity-page-dots .dot{ height: 14px; width: 14px; }
}
@media (min-width: 1200px){
	.tabsslider .slide-inner{ padding-top: 5px; padding-bottom: 25px }/*defaul 100px*/
	.tabsslider .flickity-page-dots{ bottom: -56px; }
	.tabsslider .flickity-page-dots .dot{ height: 18px; width: 18px; }
}
/*@media (min-width: 1440px) {
	.tabsslider .flickity-page-dots{ bottom: -58px; }
	.tabsslider .flickity-page-dots .dot{ height: 22px; width: 22px; }
}*/