@charset "UTF-8";


.mod-ul > li {
    list-style-type: none!important;
        margin-left: 0px; 
 }
 
.ds_fl li {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.ds_fl li div { 
  /*width: calc(10% + 10px);*/
    -ms-flex-preferred-size: 50px;
        flex-basis: 50px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  
  
  }

.his_s span {

    display: block;
}







@media screen and (max-width: 767px){

    body .mod-anchor-link > ul > li.tab_list {
        
        margin-bottom: 0 ;
        padding: 0 5px;
        border: 0;
      }

          body .mod-anchor-link > ul > li.tab_list span {
        
      
              display: block;

      }
}


.tab.active,
.mod-anchor-link > ul > li.tab_list.active span,

a.tab.active  {

  pointer-events: none;
  text-decoration: none;
}

.tab_content.show {
    /* margin-top: 50px; */
    display: block;
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 1;
}

.tab_content {
    display: none;
    opacity: 0.5;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.mod-anchor-link > ul > li.tab_list {
    float: left;
    line-height: 1.3;
    margin-bottom: 20px;
    padding: 0 25px;
    border-left: 1px solid #d8d8d8;
    font-size: 1.6em;
}


.mod-anchor-link > ul > li.tab_list span {
    position: relative;
    display: block;
    padding: 3px 0 3px 22px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    color: #195cbf;;

}

.mod-anchor-link > ul > li.tab_list span:hover {

    text-decoration: underline;
    text-underline-offset: 5px;
}

.mod-anchor-link > ul > li.tab_list span::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 15px;
    margin-top: -8px;
    background: url(/common/img/parts/anchor_bg01.png) no-repeat 0 0;
    background-size: 15px auto;
    content: "";
}



.opacity01 {
    animation-duration: .5s;
    animation-name: anime_opacity01;
    animation-iteration-count: 1;
}

@keyframes anime_opacity01 {

0% {
    opacity: 0;
   transition : all 100ms;

}



100% {
    opacity: 1;
}


}




.floating02 ul.bottom {

padding-bottom: 2px;

}
.contents 
.tab_main.is_show {
  display: block;
  transition: all .5s;
  opacity: 1;
}

.contents .tab_main {
  display: none;
  transition: all .5s;
  opacity: 0;
}




.one_tab.select{

  pointer-events: none;
  text-decoration: none;
}


#p-company-history {

.mod-ul p {

    font-size: 1em;
}


}