.tle:before {
    background-image: url(/library/dantai/seido_jujitsu/img/common/page-icon3.svg);
  }
  
  #page .top-caption {
    margin-top: 0;
  }
  
  .col3-1 {
    position: relative;
    border-radius: 16px;
    border: 2px solid #009944;
    overflow: hidden;
    line-height: 0;
    box-sizing: border-box;
  }
  @media screen and (min-width: 751px), print {
    .col3-1 {
      width: 30%;
      margin-right: 3%;
      margin-bottom: 3%;
    }
    .col3-1:nth-child(3n) {
      margin-right: 0;
    }
    .col3-1:nth-last-child(2), .col3-1:last-child {
      margin-bottom: 0;
    }
  }
  @media screen and (max-width: 750px) {
    .col3-1 {
      width: 100%;
      max-width: 400px;
    }
    .col3-1:not(:first-child) {
      margin-top: 4vw;
    }
  }
  .col3-1 .icon-arrow {
    position: absolute!important;
    right: 1em;
    bottom: 1em;
    background-color: #009944!important;
    font-size: 1rem;
    width: 3.6em!important;
    height: 3.6em!important;
  }
  .col3-1 .icon-arrow:before {
    font-size: 1.7em!important;
  }
  @media screen and (max-width: 1200px) and (min-width: 751px) {
    .col3-1 .icon-arrow {
      font-size: calc((1rem + (1vw - 7.51px) * 1.3296) * 0.625);
    }
  }
  @media screen and (max-width: 750px) {
    .col3-1 .icon-arrow {
      font-size: calc((1rem + (1vw - 3.2px) * 3.125) * 0.4267);
    }
  }
  
  @media screen and (min-width: 1201px), print {
    .float-r {
      float: right;
    }
    .float-l {
      float: left;
      width: calc(100% - 320px);
    }
  }
  .case-content > section {
    overflow: hidden;
    clear: both;
  }
  
  @media screen and (max-width: 750px) {
    .page-tle-style {
      font-size: 1.5em;
      padding-left: 1.5em;
    }
    .page-tle-style:before {
      width: 1em;
    }
  }
  
  #bottom-content > .inner {
    position: relative;
  }
  #bottom-content button {
    border: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    background-color: transparent;
    text-indent: -9999px;
    position: absolute;
    cursor: pointer;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }
  @media screen and (min-width: 1201px), print {
    #bottom-content button {
      width: 34px;
      height: 100%;
    }
  }
  @media screen and (max-width: 1200px) and (min-width: 751px) {
    #bottom-content button {
      width: 1.7em;
      height: 4.1em;
    }
  }
  @media screen and (max-width: 750px) {
    #bottom-content button {
      width: 1.02em;
      height: 2.46em;
    }
  }
  #bottom-content button.slick-prev {
    background-image: url(/library/dantai/seido_jujitsu/case/img/left.png);
  }
  @media screen and (min-width: 1201px), print {
    #bottom-content button.slick-prev {
      left: -85px;
    }
  }
  @media screen and (max-width: 1200px) {
    #bottom-content button.slick-prev {
      left: -1em;
    }
  }
  #bottom-content button.slick-next {
    background-image: url(/library/dantai/seido_jujitsu/case/img/right.png);
  }
  @media screen and (min-width: 1201px), print {
    #bottom-content button.slick-next {
      right: -85px;
    }
  }
  @media screen and (max-width: 1200px) {
    #bottom-content button.slick-next {
      right: -1em;
    }
  }
  #bottom-content .page-list {
    position: relative;
  }
  @media screen and (max-width: 1200px) {
    #bottom-content .page-list {
      margin-right: auto;
      margin-left: auto;
    }
  }
  @media screen and (max-width: 1200px) and (min-width: 751px) {
    #bottom-content .page-list {
      font-size: calc((1rem + (1vw - 7.51px) * 1.3296) * 0.625);
    }
  }
  @media screen and (max-width: 750px) {
    #bottom-content .page-list {
      font-size: calc((1rem + (1vw - 3.2px) * 3.125) * 0.4267);
    }
  }
  @media screen and (min-width: 1201px), print {
    #bottom-content .page-list li {
      width: auto;
      max-width: none;
    }
  }
  @media screen and (max-width: 750px) {
    #bottom-content .page-list li {
      margin-top: 0;
    }
  }
  #bottom-content .page-list li a {
    position: relative;
  }
  #bottom-content .page-list li .icon-arrow-circle {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 3.6em;
    height: 3.6em;
  }
  #bottom-content .page-list li .icon-arrow-circle:before {
    font-size: 1.7em;
  }
  @media screen and (min-width: 1201px), print {
    #bottom-content .page-list li .icon-arrow-circle {
      font-size: 1rem;
      bottom: 10px;
      right: 10px;
    }
  }
  @media screen and (max-width: 1200px) {
    #bottom-content .page-list li .icon-arrow-circle {
      bottom: 1em;
      right: 1em;
    }
  }
  #bottom-content .page-list li a {
    display: block;
    margin-right: 17px;
    margin-left: 17px;
  }
  @media screen and (max-width: 750px) {
    #bottom-content .page-list li a {
      margin-right: 5px;
      margin-left: 5px;
    }
  }/*# sourceMappingURL=case.css.map */