@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. slide 
*/
.home_slider_title{
    color: #FFFFFF;
    text-align: center;
    font-size: 24px;
    padding: 20px;
}
.slider_title{
    background-color: #FFFFFF;
    
}
.slider_title_bg{
    width: 100%;
    background-color: #eb008b;
}
.service-title-bule{
    color: #052598!important;
}
.service-title-pink{
    color: #eb008b!important;
}
.team_body {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 24px;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
    text-align: center;
    -webkit-transition: all 200msease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200msease;
}

/*tabs*/
.tabs {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  #tab-button {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #tab-button li {
    display: table-cell;
    width: 20%;
  }
  #tab-button li a {
    display: block;
    padding: .5em;
    background: #eee;
    border: 1px solid #ddd;
    text-align: center;
    color: #797979;
    text-decoration: none;
    font-size: 22px;
  }
  #tab-button li:not(:first-child) a {
    border-left: none;
  }
  #tab-button li a:hover,
  #tab-button .is-active a {
    border-bottom-color: transparent;
    background: #fff;
    color: #eb008b ;
  }
  .tab-contents {
    padding: .5em 2em 1em;
    border: 1px solid #ddd;
  }
  
  
  
  .tab-button-outer {
    display: none;
  }
  .tab-contents {
    margin-top: 20px;
  }
  @media screen and (min-width: 768px) {
    .tab-button-outer {
      position: relative;
      z-index: 2;
      display: block;
    }
    .tab-select-outer {
      display: none;
    }
    .tab-contents {
      position: relative;
      top: -1px;
      margin-top: 0;
    }
  }
  .section_title{
    color: #FFF;
  }