.anc {
    height: 0;
    width: 1px;
    display: inline-block;
    background-color: #fff
  }
  
  .contents-page-nav li {
    padding: 0
  }
  
  .contents-page-nav li a {
    padding: 5px 30px 5px 0;
    display: block
  }
  
  .bx-controls {
    position: absolute;
    top: 58%;
    width: 100vw;
    padding-left: 30px;
    padding-right: 30px
  }
  
  @media screen and (min-width:980px) {
    .bx-controls {
      width: 58.5vw;
      top: 41%
    }
  }
  
  @media screen and (max-width:980px) {
    .bx-controls {
      display: none
    }
  }
  
  .bx-controls-direction {
    display: flex;
    flex-wrap: wrap;
    align-items: center
  }
  
  .bx-next, .bx-prev {
    display: block;
    width: 45px
  }
  
  .bx-next:active, .bx-prev:active {
    transform: translateY(1px)
  }
  
  .bx-next {
    margin-left: auto;
    right: 0
  }
  
  .office-tabs {
    position: relative;
    overflow-y: hidden
  }
  
  .office-tabcontent {
    height: 0;
    z-index: -1;
    opacity: 0
  }
  
  @media screen and (min-width:980px) {
    .office-tabcontent {
      padding-left: 40vw;
      position: relative
    }
  }
  
  .office-tabcontent.active {
    height: auto;
    z-index: 1;
    opacity: 1
  }
  
  .office-tabcontent._soseilabo {
    background-color: #EDEDED
  }
  
  .office-tabcontent._soseilabo .txtbox-ttl:before {
    content: "01";
    font-family: LubalinB;
  }
  
  .office-tabcontent._odori {
    background-color: #fce6e6
  }
  
  .office-tabcontent._odori .txtbox-ttl:before {
    content: "02";
    font-family: LubalinB;
  }
  
  .office-tabcontent._sapporo {
    background-color: #ddfbf0
  }
  
  .office-tabcontent._sapporo .txtbox-ttl:before {
    content: "03";
    font-family: LubalinB;
  }
  
  .office-tabcontent .office-tabtxtbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center
  }
  
  @media screen and (min-width:980px) {
    .office-tabcontent .office-tabtxtbox {
      width: 40vw;
      height: calc(100% - 5vw);
      position: absolute;
      left: 0;
      top: 0
    }
  }
  
  .office-tabcontent .txtbox-wrapper {
    margin: auto
  }
  
  @media screen and (min-width:980px) {
    .office-tabcontent .txtbox-wrapper {
      padding-left: 10%;
      padding-right: 10%
    }
  }
  
  @media screen and (max-width:980px) {
    .office-tabcontent .txtbox-wrapper {
      padding-top: 60px;
      padding-bottom: 60px;
      margin-left: 25px
    }
  }
  
  .office-tabcontent .txtbox-ttl {
    position: relative;
    padding-left: 60px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px
  }
  
  .office-tabcontent .txtbox-ttl strong {
    display: block;
    font-size: 24px;
    margin-bottom: 5px
  }
  
  @media screen and (max-width:980px) {
    .office-tabcontent .txtbox-ttl strong {
      margin-bottom: 8px
    }
  }
  
  .office-tabcontent .txtbox-ttl:before {
    padding-bottom: 10px;
    font-size: 33px;
    position: absolute;
    left: 0;
    top: -3px;
    border-bottom: 2px solid #333
  }
  
  .office-tabcontent .txtbox-txt {
    font-size: 12px
  }
  
  .office-tabcontent .slider-pager {
    display: flex;
    background-color: #000
  }
  
  @media screen and (min-width:980px) {
    .office-tabcontent .slider-pager {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 40vw
    }
  }
  
  .office-tabcontent .slider-pager li {
    width: 20%
  }
  
  .office-tabcontent .slider-pager li a {
    opacity: 0.65
  }
  
  .office-tabcontent .slider-pager li a.active {
    opacity: 1
  }
  
  
  /*# sourceMappingURL=about-slider.css.map */