.tle:before {
  background-image: url(/library/dantai/seido_jujitsu/img/common/page-icon2.svg);
}

.col2-1 {
  width: 45%;
}
@media screen and (max-width: 750px) {
  .col2-1 {
    width: 100%;
  }
  .col2-1:not(:first-child) {
    margin-top: 5%;
  }
}

.page-life figure picture {
  display: block;
}
.page-life #section2 .apr {
  position: relative;
  background: #009944;
  width: 100%;
}
.page-life #section2 .apr > picture:not(.s2-img1-1) {
  position: absolute;
}
.page-life #section2 .apr > a {
  position: absolute;
}
@media screen and (min-width: 1201px), print {
  .page-life #section2 .apr {
    height: 276px;
  }
  .page-life #section2 .apr .s2-img1-1 {
    padding-top: 20px;
    padding-left: 20px;
  }
  .page-life #section2 .apr .s2-img1-2 {
    left: 20px;
    top: 112px;
  }
  .page-life #section2 .apr .s2-img1-3 {
    left: 20px;
    bottom: 20px;
  }
  .page-life #section2 .apr .s2-img1-4 {
    left: 227px;
    top: 100px;
  }
  .page-life #section2 .apr .s2-img1-5 {
    left: 255px;
    bottom: 20px;
  }
  .page-life #section2 .apr .s2-img1-6 {
    top: 20px;
    right: 20px;
  }
}
@media screen and (min-width: 751px), print {
  .page-life #section2 .apr a {
    pointer-events: none;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-life #section2 .apr {
    font-size: calc((1rem + (1vw - 7.51px) * 1.3296) * 0.625);
    height: 27.6em;
    box-sizing: border-box;
  }
  .page-life #section2 .apr .s2-img1-1 {
    padding-top: 2em;
    padding-left: 2em;
    width: 90em;
  }
  .page-life #section2 .apr .s2-img1-2 {
    width: 19.9em;
    height: 2.7em;
    left: 4em;
    top: 11.2em;
  }
  .page-life #section2 .apr .s2-img1-3 {
    left: 4em;
    bottom: 2em;
    width: 19.4em;
  }
  .page-life #section2 .apr .s2-img1-4 {
    left: 26.7em;
    top: 10em;
    width: 23.7em;
  }
  .page-life #section2 .apr .s2-img1-5 {
    left: 30.5em;
    bottom: 2em;
    width: 17.2em;
  }
  .page-life #section2 .apr .s2-img1-6 {
    top: 2em;
    right: 2em;
    width: 50.9em;
    height: 22.5em;
  }
}
@media screen and (max-width: 750px) {
  .page-life #section2 .apr {
    font-size: calc((1rem + (1vw - 3.2px) * 3.125) * 0.4267);
    height: 80em;
  }
  .page-life #section2 .apr .s2-img1-1 {
    padding-top: 2em;
    padding-left: 2em;
    width: 61.4em;
  }
  .page-life #section2 .apr .s2-img1-2 {
    width: 29.6em;
    left: 4.4em;
    top: 12em;
  }
  .page-life #section2 .apr .s2-img1-3 {
    left: 7.5em;
    top: 15em;
    width: 19.4em;
  }
  .page-life #section2 .apr .s2-img1-4 {
    right: 3em;
    top: 10em;
    width: 28.4em;
  }
  .page-life #section2 .apr .s2-img1-5 {
    right: 6.6em;
    top: 18em;
    width: 22.8em;
  }
  .page-life #section2 .apr .s2-img1-6 {
    bottom: 4em;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    width: 56.3em;
  }
}
.page-life #section3 p {
  color: #009944;
  font-weight: 600;
  font-size: 1.3333333333em;
  letter-spacing: 0.02em;
  text-align: center;
  line-height: 2em;
}
.page-life .btn {
  max-width: 400px;
  width: 100%;
} /*# sourceMappingURL=life-support.css.map */