@charset "UTF-8";
/* CSS Document */
/*一ヶ月Trial*/
.sp {
  display: block;
}

.pc {
  display: none;
}

.trial {
  background: url(../images/bg_trial.png) no-repeat center bottom;
  padding: 1.5rem 2rem;
}

.little_bnr {
  max-width: 900px;
  margin: 20px auto 0;
  padding-bottom: 20px;
}

.topimg {
  display: flex;
  justify-content: flex-end;
}

.p-lp__section05 {
  padding: 0;
}
.p-lp__section05 .p-lp__section05_wrapper {
  max-width: inherit;
}
.p-lp__section05 .p-lp__section05_wrapper .trial {
  margin-bottom: 70px;
}
.p-lp__section05 .p-lp__section05_wrapper .trial p {
  padding: 1rem 0;
  max-width: 1240px;
  margin: 0 auto;
}
.p-lp__section05 .p-lp__section05_wrapper .p-lp__section05_wrap {
  max-width: 1240px;
  margin: auto;
}

.trial_bnr {
  position: relative;
  z-index: 1;
}
.trial_bnr .trial_p, .trial_bnr .trial_p2 {
  text-align: center;
  font-size: 1.65rem;
  margin: 0 auto;
  margin-top: 10px;
  line-height: 1.25;
  width: -moz-fit-content;
  width: fit-content;
}
.trial_bnr .trial_p {
  margin-top: 40px;
  background: linear-gradient(180deg, transparent 0%, transparent 70%, #FFED58 71%, #FFED58 100%);
}
.trial_bnr .trial_p2 {
  background: #23B8BC;
  color: #fff;
  padding: 10px 20px;
}

.trial_btn em {
  background: linear-gradient(180deg, transparent 0%, transparent 70%, #f15555 71%, #f15555 100%);
}

@media screen and (min-width: 801px) {
  .p-lp__section05 .p-lp__section05_wrapper .trial {
    margin-bottom: 70px;
  }
  .p-lp__section05 .p-lp__section05_wrapper .trial p {
    padding: 70px 0;
  }
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }
  .p-lp__section07 .trial_bnr {
    padding-bottom: 30px;
  }
  .p-lp__section07:before {
    transform: translate(-65%, 0%) rotate(-15deg);
    height: 222%;
  }
  .p-lp__section07:after {
    transform: translate(80%, -33%) rotate(-15deg);
  }
  .topbnr {
    position: fixed;
    right: 0;
    top: 100px;
    z-index: 99;
    transition: 0.3s;
    max-width: 36rem;
    width: 33%;
  }
  .topbnr:hover {
    top: 110px;
    opacity: 0.8;
  }
  .topbnr.scr {
    right: calc(-27.7% - 41px);
  }
  .trial_bnr .trial_p, .trial_bnr .trial_p2 {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 1755px) {
  .topbnr.scr {
    right: -27.7%;
  }
}/*# sourceMappingURL=correct.css.map */