#wrap {
  background-color: #01205c;
  background-repeat: no-repeat;
  background-position: top;
}

/* .wrapper{;
  width: 750px;
  margin: 0 auto;
  text-align: center;
}
*/
.m_t {
  margin-top: 1.5em;
}


/* ---------------- For Animation on Scroll ---------------- */
.slideanim {
  visibility: hidden;
  visibility: visible\9;
  /*For old IE browsers IE6-8 */
}

.slideanim.slide {
  visibility: visible;
  animation: slide 1.5s;
}

.section-1 .slideanim {
  padding: 10px 76px 50px;
}

.section-1 .slide-special {
  padding: 10px 12px 50px 76px;
}

.section-1 .slide-special2 {
  padding-bottom: 20px;
}

.section-2 {
  padding: 144px 100px 56px;
  background-image: url(../imgs/3steps-bg.png);
  background-size: 100% 100%;
  margin-top: -50px;
}

.section-2 .line-btn {
  margin-top: 50px;
}

.section-3 .products {
  margin: 0 3%;
}

.section-3 .mySwiper {
  padding: 30px 0;
}

.section-3 .swiper-wrapper {
  height: auto;
}

.pc-rule {
  padding: 90px 70px 0;
}

.pc-caution {
  padding: 0 70px 50px;
}

@media (width <=768px) {
  .section-1 .slideanim {
    padding: 3vw 13.5vw 5.5vw;
  }

  .section-1 .slideanim.slide-special {
    padding: 3vw 6.3vw 5.5vw 13.5vw
  }

  .section-1 .slideanim.slide-special2 {
    padding: 4vw 5vw 6vw;
  }

  .section-1 .slideanim.slide-special3 {
    padding: 0 2vw 5.5vw;
  }

  .section-2 {
    padding: 22vw 8vw 6.4vw;
    margin-top: -10vw;
  }

  .section-3 .mySwiper {
    padding: 5vw 0;
  }

  .section-3 .products {
    margin: 0 3%;
  }

  .pc-rule {
    padding: 10vw 11vw 0;
  }

  .pc-caution {
    padding: 0 11vw 5vw;
  }
}

.slideanim::after {
  /* useful when its child elements are float:left; */
  content: "";
  display: table;
  clear: both;
}

/* ---------------- For Animation on Scroll ---------------- */
@keyframes slide {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


@media screen and (min-width: 768px) {
  .bp_t {
    padding: 0 2.5em;
  }

  .bp_t1 {
    padding: 0;
    /* background-image: url("../img/01-lrp_bk.jpg"); */
    background-color: #74c3ec;
    background-repeat: no-repeat;
    background-size: 100% auto;

  }

  .bp_t2 {
    padding: 0;
    /*background-image: url("../img/lrp_bk_08.jpg");*/
    background-color: #74c3ec;
    background-repeat: no-repeat;
    background-size: 100% auto;

  }
}

@media screen and (max-width: 600px) {
  .m_t {
    margin-top: 2.5em;
  }

  .m_t1 {
    margin-top: 0.5em;
  }

  .bp_t {
    padding: 0 1.5em;
  }

  .bp_t1 {
    padding: 0;
    background-image: url("../img/01-lrp_bk600.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;

  }

  .bp_t2 {
    padding: 0;
    background-image: url("../img/lrp_bk_08.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;

  }

  #wrap {
    background-color: #01205c;
    background-repeat: no-repeat;
    background-position: top;
  }


  .wrapper {
    ;
    width: 750px;
    margin: 0 auto;
    text-align: center;
  }



}