@charset "UTF-8";

/* このファイルに記載することでCSSを上書きできます
html {
  color: #F00;
}
*/

.lp_main.trial_upsell {
  width: 100%;
  max-width: 750px; /* 46.875rem */
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
  overflow: hidden;
  font-size: 28px;
}
.lp_main.trial_upsell {
  button {
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
  }
  a,button {
    &:hover {
      opacity: .7;
    }
  }
}
.lp_main.trial_upsell {
  background: #ffffff;
  margin-bottom: 80px; /* 5rem */
}
.lp_main.trial_upsell > section {
  padding: 40px 0 80px; /* 2.5rem 0 5rem */
}
.lp_main.trial_upsell {
  width: 100%;
  max-width: 750px; /* 46.875rem */
  margin-left: auto;
  margin-right: auto;
}
.lp_main.trial_upsell small {
  font-size: 20px; /* 1.25rem */
  padding-left: 1em;
  padding-right: 1em;
  display: block;
}
.lp_main.trial_upsell .attention {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.lp_main.trial_upsell .point_txt,
.lp_main.trial_upsell .tx_c {
  margin: 40px 0; /* 2.5rem */
  text-align: center;
  line-height: 1.5;
}
.lp_main.trial_upsell .point_txt span,
.lp_main.trial_upsell .tx_c span {
  display: block;
}
.lp_main.trial_upsell .point_txt strong,
.lp_main.trial_upsell .tx_c strong {
  font-weight: inherit;
  color: #ff0000;
  background: #ffff00;
}
.lp_main.trial_upsell .point_txt.cl_def strong,
.lp_main.trial_upsell .tx_c.cl_def strong {
  color: inherit;
}
.lp_main.trial_upsell .point_txt.tx_large,
.lp_main.trial_upsell .tx_c.tx_large {
  font-weight: bold;
}
.lp_main.trial_upsell .point_txt.tx_large.tx_ll,
.lp_main.trial_upsell .tx_c.tx_large.tx_ll {
  font-size: 36px; /* 2.25rem */
}
.lp_main.trial_upsell .ta_l {
  text-align: left !important;
}
.lp_main.trial_upsell .alert_box {
  padding: 160px 0 0; /* 10rem */
  background: #FFFEF6 url(https://clesoin.win-win.partners/assets/upsell/img/icon-alert-yellow.webp) center 40px no-repeat; /* 2.5rem */
  background-size: 140px auto; /* 8.75rem */
  position: relative;
  border: 10px solid #F5E07A; /* 0.625rem */
  border-radius: 20px; /* 1.25rem */
  height: 100%;
  box-sizing: border-box;
  margin: 60px calc(2% + 10px) 40px; /* 3.75rem | 0.625rem | 2.5rem */
}
.lp_main.trial_upsell .alert_box.no_bg {
  background: #ffffff url(https://clesoin.win-win.partners/assets/upsell/img/icon-alert-yellow.webp) center 40px no-repeat !important;
}

.lp_main.trial_upsell .tx_c.st_red {
  color: #ff0000;
  font-weight: bold;
}
.lp_main.trial_upsell .tx_c.st_red strong:not([class]) {
  font-size: 40px; /* 2.5rem */
  text-decoration: none !important;
  font-weight: bold !important;
  background: none !important;
}
.lp_main.trial_upsell .tx_c.st_red span {
  text-decoration: underline;
}

.lp_main.trial_upsell .att.right {
  margin-top: -20px !important; /* -1.25rem */
  text-align: right;
}

.lp_main.trial_upsell .youtube {
  width: 100%;
}
.lp_main.trial_upsell .youtube .movie {
  padding-top: 56.25%;
  position: relative;
}
.lp_main.trial_upsell .youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lp_main.trial_upsell .alert_box.red {
  border-color: #f00 !important;
}
.lp_main.trial_upsell .alert_box .att {
  margin-top: 0 !important;
}

.lp_main.trial_upsell .cl_green {
  color: #00a04b;
  text-decoration: underline;
}

.lp_main.trial_upsell .half_block {
  margin-top: -40px; /* -2.5rem */
  padding: 0 0.6666666667%;
  display: flex;
}
.lp_main.trial_upsell .half_block .half_box img {
  width: 100%;
}
.lp_main.trial_upsell .half_block .half_box.box01 {
  width: 45.3333333333%;
  padding: 0 1.3333333333% 0 0;
}
.lp_main.trial_upsell .half_block .half_box.box02 {
  width: 54.4%;
}

.lp_main.trial_upsell .half_block .confirm_block01,
.lp_main.trial_upsell .half_block .confirm_block02 {
  margin: 0 0 24px 5.3333333333%; /* 1.5rem */
}
.lp_main.trial_upsell .half_block .confirm_block01 {
  margin-top: 132px; /* 8.25rem */
  border: double 10px #ff0000; /* 0.625rem */
  padding: 14px 15px; /* .875rem .9375rem */
  line-height: 1.6;
  color: #ff0000;
  font-size: 20px; /* 1.25rem */
  background: #ffebeb;
}
.lp_main.trial_upsell .half_block .confirm_block02 {
  border: solid 2px #999; /* .125rem */
  padding: 20px 24px; /* 1.25rem 1.5rem */
  line-height: 1.4;
  font-size: 24px; /* 1.5rem */
  background: #ffffcb;
  font-weight: bold;
}
.lp_main.trial_upsell .half_block .confirm_block02 strong {
  color: #ff0000;
}
.lp_main.trial_upsell .half_block .confirm_block02 small {
  padding: 0;
}
.lp_main.trial_upsell .half_block .confirm_block02 + p {
  margin-top: 0;
}

.lp_main.trial_upsell p {
  margin: 40px 0; /* 2.5rem */
  text-align: center;
}

.lp_main.trial_upsell .block-date {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #ff0000;
  padding: 30px 0; /* 1.875rem */
  box-sizing: border-box;
}

.lp_main.trial_upsell .text-date {
  color: #fff;
  font-size: 70px; /* 4.375rem */
  text-align: center;
  font-weight: 600;
  display: block;
  line-height: 1.6;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.lp_main.trial_upsell .confirm_enq {
  background: #ffffcb;
  padding: 20px 20px 40px; /* 1.25rem 1.25rem 2.5rem */
}
.lp_main.trial_upsell .confirm_enq p {
  margin-top: 0 !important;
  text-align: left !important;
}
.lp_main.trial_upsell .confirm_enq small {
  padding: 0 !important;
  margin-bottom: 20px; /* 1.25rem */
  display: block;
}
.lp_main.trial_upsell .confirm_enq .confirm_enq_title {
  font-weight: bold;
  line-height: 1.75;
  word-break: break-all;
}
.lp_main.trial_upsell .confirm_enq .confirm_enq_title .req {
  background: #f00;
  color: #ffffff;
  padding: 0.125em;
  /*margin-left: 0.4em;*/
  display: inline-block;
}
.lp_main.trial_upsell .confirm_enq .confirm_enq_title + p {
  margin-top: -20px !important; /* -1.25rem */
  line-height: 1.6;
}
.lp_main.trial_upsell .confirm_enq textarea {
  width: 100%;
  border-radius: 20px; /* 1.25rem */
  padding: 20px; /* 1.25rem */
}
.lp_main.trial_upsell .confirm_enq #countUpBlock {
  margin-top: 20px; /* 1.25rem */
  text-align: right;
  font-size: 30px; /* 1.875rem */
}
.lp_main.trial_upsell .confirm_enq #countUpBlock #countUp {
  color: #f00;
  font-size: 36px; /* 2.25rem */
  font-weight: bold;
}
span#def {
  padding-top: 84px;
  margin-top: -84px;
  display: block;
}
@media (max-width: 991.9px) {
  span#def {
    padding-top: 60px;
    margin-top: -60px;
  }
}
@media (max-width: 749.9px) {
  .lp_main.trial_upsell {
    max-width: calc(750vw / 7.5);
    font-size: calc(28vw / 7.5);
    margin-bottom: calc(80vw / 7.5);
  }
  .lp_main.trial_upsell > section {
    padding: calc(40vw / 7.5) 0 calc(80vw / 7.5);
  }
  .lp_main.trial_upsell small {
    font-size: calc(20vw / 7.5);
  }
  .lp_main.trial_upsell .point_txt,
  .lp_main.trial_upsell .tx_c {
    margin: calc(40vw / 7.5) 0;
  }
  .lp_main.trial_upsell .point_txt.tx_large.tx_ll,
  .lp_main.trial_upsell .tx_c.tx_large.tx_ll {
    font-size: calc(36vw / 7.5);
  }
  .lp_main.trial_upsell .alert_box {
    padding: calc(160vw / 7.5) 0 0;
    background-position: center calc(40vw / 7.5);
    background-size: calc(140vw / 7.5) auto;
    border-width: calc(10vw / 7.5);
    border-radius: calc(20vw / 7.5);
    margin: calc(60vw / 7.5) calc(2% + calc(10vw / 7.5)) calc(40vw / 7.5);
  }
  .lp_main.trial_upsell .alert_box.no_bg {
    background-position: center calc(40vw / 7.5) !important;
  }
  .lp_main.trial_upsell .tx_c.st_red strong:not([class]) {
    font-size: calc(40vw / 7.5);
  }
  .lp_main.trial_upsell .att.right {
    margin-top: calc(-20vw / 7.5) !important;
  }
  .lp_main.trial_upsell .half_block {
    margin-top: calc(-40vw / 7.5);
  }
  .lp_main.trial_upsell .half_block .confirm_block01,
  .lp_main.trial_upsell .half_block .confirm_block02 {
    margin: 0 0 calc(24vw / 7.5) 5.3333333333%;
  }
  .lp_main.trial_upsell .half_block .confirm_block01 {
    margin-top: calc(132vw / 7.5);
    border-width: calc(10vw / 7.5);
    padding: calc(14vw / 7.5) calc(15vw / 7.5);
    font-size: calc(20vw / 7.5);
  }
  .lp_main.trial_upsell .half_block .confirm_block02 {
    border-width: calc(2vw / 7.5);
    padding: calc(20vw / 7.5) calc(24vw / 7.5);
    font-size: calc(24vw / 7.5);
  }
  .lp_main.trial_upsell p {
    margin: calc(40vw / 7.5) 0;
  }
  .lp_main.trial_upsell .block-date {
    padding: calc(30vw / 7.5)  0; /* 1.875rem */
  }
  .lp_main.trial_upsell .text-date {
    font-size: calc(70vw / 7.5) ; /* 4.375rem */
  }
  .lp_main.trial_upsell .confirm_enq {
    padding: calc(20vw / 7.5) calc(20vw / 7.5) calc(40vw / 7.5);
  }
  .lp_main.trial_upsell .confirm_enq small {
    margin-bottom: calc(20vw / 7.5);
  }
  .lp_main.trial_upsell .confirm_enq .confirm_enq_title + p {
    margin-top: calc(-20vw / 7.5) !important;
  }
  .lp_main.trial_upsell .confirm_enq textarea {
    border-radius: calc(20vw / 7.5);
    padding: calc(20vw / 7.5);
  }
  .lp_main.trial_upsell .confirm_enq #countUpBlock {
    margin-top: calc(20vw / 7.5);
    font-size: calc(30vw / 7.5);
  }
  .lp_main.trial_upsell .confirm_enq #countUpBlock #countUp {
    font-size: calc(36vw / 7.5);
  }
}