@charset "utf-8";
/* CSS Document */
.underline {
  text-decoration: underline;
  color: #239ffd;
}
.pink {
  color: #F61C93;
}
/* ========================================
■ sec_news
======================================== */
.sec_news .cmn_wrap {
  padding-top: 9.765625vw;
  padding-bottom: 10.9375vw;
  margin-right: auto;
  margin-left: auto;
  /* メディアクエリ用 */
}
@media screen and (min-width: 769px) {
  .sec_news .cmn_wrap {
    width: 80.54%;
    padding-top: 3.90625vw;
    padding-bottom: 4.0364583333vw;
  }
}
.sec_news .news {
  border: double 1.171875vw #4a96ff;
  overflow: auto;
  margin: 0 auto;
  height: 50.1302083333vw;
  /* メディアクエリ用 */
}
@media screen and (min-width: 769px) {
  .sec_news .news {
    border-width: 0.3255208333vw;
    height: 13.0208333333vw;
  }
}
.sec_news .news_box {
  padding: 5.2083333333vw 7.8125vw;
  font-size: 4.0364583333vw;
  /* メディアクエリ用 */
}
@media screen and (min-width: 769px) {
  .sec_news .news_box {
    padding: 1.953125vw 2.2786458333vw;
    font-size: 1.0416666667vw;
  }
}
.sec_news .news_box li {
  list-style: circle;
}
.sec_news .news_box li + li {
  padding-top: 2.6041666667vw;
  /* メディアクエリ用 */
}
@media screen and (min-width: 769px) {
  .sec_news .news_box li + li {
    padding-top: 1.3020833333vw;
  }
}
.sec_news .news h2 {
  font-weight: 700;
  padding-bottom: 3.90625vw;
  font-size: 100%;
  margin: 0;
  /* メディアクエリ用 */
}
@media screen and (min-width: 769px) {
  .sec_news .news h2 {
    padding-bottom: 1.3020833333vw;
  }
}
.sec_news .atext {
  color: #239ffd;
  text-decoration: none;
}
.sec_news .atext:hover {
  text-decoration: underline;
}
/* 新コピー */
.fv_pc_content_right {
  margin-top: -6.896vw;
}
.fv_sp {
  /*padding: 46vw 9.896vw 8.333vw;*/
  padding: 39vw 9.896vw 8.333vw;
}
/**/
@media screen and (max-width: 768px) {
.header {
  background: #110053 ;
}
}
.cta_and_nav {
  display: flex;
  flex-wrap: wrap
}
.header_btn_wrap {
  display: flex;
}
.header_btn_wrap a {
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  /*font-size: 3.125vw;*/
  font-size: 3vw;
  padding: 0.8em 1.2rem;
  transition: .4s;
  white-space: nowrap;
  line-height: 1.4;
  text-align: center;
}
.header_btn_wrap a:hover {
  filter: saturate(120%)
}
.header_cta {
  width: 50%;
}
.header_to_biz {
  width: 50%;
}
@media screen and (min-width: 769px) {
  .header_logo {
    order: 1;
  }
  .header_btn_wrap {
    margin-left: auto;
    order: 2;
  }
  .header_nav {
    order: 3;
  }
  .header_btn_wrap a {
    font-size: 1.3vw;
    /*font-size: 1.563vw;*/
    padding: 0.4em 1.5rem;
  }
}
.header_cta a {
  background: #f61c93;
}
.header_to_biz a {
  background: #333;
}
.fv_price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around
}
@media screen and (min-width: 769px) {
  .fv_price {
    justify-content: space-between
  }
}
.fv_price div + div {
  border-left: solid #fff 2px;
  margin-left: 6.510416666666667vw;
  padding-left: 6.510416666666667vw
}
@media screen and (min-width: 769px) {
  .fv_price div + div {
    margin-left: 1.0vw;
    padding-left: 1.0vw
  }
}
.fv_price div:first-of-type {
  font-size: 3.646vw;
  text-align: center
}
@media screen and (min-width: 769px) {
  .fv_price div:first-of-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 46%;
    font-size: 1.432291666666667vw
  }
}
@media screen and (max-width: 768px) {
  .fv_price div:first-of-type p + p {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 769px) {
  .fv_price div:first-of-type p {
    font-size: 1.1em;
    line-height: 1.4;
  }
}
.fv_price div:first-of-type p:nth-of-type(2) {
  position: relative
}
.fv_price div:first-of-type p:nth-of-type(2)::after {
  position: absolute;
  content: '※1';
  font-size: 1.953vw;
  font-weight: normal;
  bottom: 0;
  right: -4vw
}
@media screen and (min-width: 769px) {
  .fv_price div:first-of-type p:nth-of-type(2)::after {
    font-size: .977vw;
    bottom: -1vw;
    right: 0
  }
}
.fv_price div:nth-of-type(2) {
  line-height: 1;
  font-size: 5.208333333333333vw
}
@media screen and (min-width: 769px) {
  .fv_price div:nth-of-type(2) {
    width: calc(55% - 1.5vw);
    font-size: 1.888020833333333vw
  }
}
.fv_price div:nth-of-type(2) span:first-of-type {
  font-size: 15.10416666666667vw
}
@media screen and (min-width: 769px) {
  .fv_price div:nth-of-type(2) span:first-of-type {
    font-size: 5.46875vw
  }
}
.fv_price div:nth-of-type(2) span:nth-of-type(2) {
  font-size: 7.292vw;
  position: relative
}
.fv_price div:nth-of-type(2) span:nth-of-type(2)::before {
  content: "(税抜)";
  font-size: 1.953vw;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -4%);
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .fv_price div:nth-of-type(2) span:nth-of-type(2) {
    font-size: 3.3203125vw;
  }
  .fv_price div:nth-of-type(2) span:nth-of-type(2)::before {
    font-size: .977vw;
  }
}
.fv_price div:nth-of-type(2) span:nth-of-type(3) {
  font-size: 1.953vw;
  text-align: right;
  display: block
}
@media screen and (min-width: 769px) {
  .fv_price div:nth-of-type(2) span:nth-of-type(3) {
    font-size: 1.042vw
  }
}
.deal_wrap {
  margin-top: 3.9vw
}
.deal_title {
  text-align: center;
  line-height: 1;
  background: #f61c93;
  font-size: 6.25vw
}
@media screen and (min-width: 769px) {
  .deal_title {
    font-size: 2.322916666666667vw
  }
}
.deal_title .ff_barlow {
  font-size: 12.5vw
}
@media screen and (min-width: 769px) {
  .deal_title .ff_barlow {
    font-size: 5.46875vw
  }
}
.deal_title span:nth-of-type(2) {
  position: relative
}
.deal_title span:nth-of-type(2)::after {
  position: absolute;
  content: '(税込44,046円)';
  font-size: 1.953vw;
  top: -1em;
  left: 0.5em
}
@media screen and (min-width: 769px) {
  .deal_title span:nth-of-type(2)::after {
    font-size: .977vw
  }
}
@media screen and (max-width: 768px) {
  .points_contents {
    padding: calc(4.6875vw + 2.925vw) 0 0
  }
}
@media screen and (min-width: 769px) {
  .points_contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: calc(1.953125vw + 1.302083333333333vw) 0 0
  }
}
.point {
  font-size: 3.90625vw;
  width: calc(100% - 2.604166666666667vw);
  background: rgba(255, 255, 255, .8);
  box-shadow: 0 0 10px rgba(255, 255, 255, .8);
  border-radius: 5px;
  color: #000017;
  position: relative;
  margin-left: 2.604166666666667vw;
  padding: 2.604166666666667vw 1.953125vw 1.953125vw
}
@media screen and (max-width: 768px) {
  .point + .point {
    margin-top: calc(3.90625vw + 2.083333333333333vw)
  }
}
@media screen and (min-width: 769px) {
  .point {
    font-size: 1.5625vw;
    width: calc(48% - 2.604166666666667vw);
  }
}
.point p .ff_barlow {
  vertical-align: -0.04em;
  font-size: 7.8125vw
}
@media screen and (min-width: 769px) {
  .point p .ff_barlow {
    font-size: 2.604166666666667vw
  }
}
.text_pink {
  color: #f61c93;
}
.point p .ff_barlow.text_pink {
  font-size: 9.375vw;
  line-height: 1
}
@media screen and (min-width: 769px) {
  .point p .ff_barlow.text_pink {
    font-size: 3.90625vw;
  }
}
.point p.text_grad {
  position: absolute;
  font-size: 9.375vw;
  left: -2.604166666666667vw;
  top: -4.6875vw;
  line-height: 1;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, .3))
}
@media screen and (min-width: 769px) {
  .point p.text_grad {
    font-size: 3.90625vw;
    top: -1.953125vw
  }
}
.point p:nth-of-type(3) {
  font-size: 1.953vw;
  text-align: right;
  margin-top: -0.7rem;
}
@media screen and (min-width: 769px) {
  .point p:nth-of-type(3) {
    font-size: 1.041666666666667vw
  }
}
/* 料金プラン */
.section_07 {
  padding: 0 14.844vw 5.729vw;
}
.section_07_header h2 {
  text-align: center;
  margin-bottom: 2.604vw;
  color: #fff
}
@media(max-width: 768px) {
  .section_07 {
    padding: 0 4.948vw 10.948vw;
  }
  .section_07_header h2 {
    margin-bottom: 5.208vw;
  }
}
.plan_wrap {
  border-radius: 5px;
  background: #fff;
  position: relative;
  h4 {
    text-align: center;
    position: absolute;
    top: -5.38vw;
    left: -4.1vw;
    width: 20.5vw;
    height: 20.5vw;
    background: url(../images/limited_badge.svg)no-repeat center / contain;
    line-height: 1.2;
    transform: rotate(-10deg);
    .position {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      text-shadow: 1px 1px 0 #fff;
      font-size: 0.85em;
    }
  }
  h3 {
    border-radius: 5px 5px 0 0;
    padding: 0.4em 0;
    text-align: center;
    color: #fff;
    background: linear-gradient(90deg, #C731C5 40%, #6E4DF1);
    font-size: 1.6em;
  }
  .plan_wrap_inner {
    padding: 3.8vw 5.13vw 5.13vw;
    .monthly_price {
      .first-month {
        text-align: center;
        font-size: 2.13em;
        .ff_barlow {
          line-height: 1;
          font-size: 200%;
          display: inline-block;
          margin: 0 3px;
        }
      }
      .after_two-months {
        display: flex;
        justify-content: center;
        align-items: center;
        p:first-of-type {
          font-size: 0.933em;
          margin-right: 1em;
        }
        p:nth-of-type(2) {
          font-size: 2.13em;
          .ff_barlow {
            line-height: 1;
            font-size: 200%;
          }
          .yen {
            position: relative;
          }
          .yen::after {
            position: absolute;
            top: -0.5em;
            left: 0.3em;
            content: '税込';
            font-size: 35%;
          }
        }
      }
    }
    .add_option {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 5.47vw;
      gap: 1em;
      p:first-of-type {
        text-align: center;
        font-size: 0.93em;
        text-shadow: 2px 2px 0 #fff;
        .ff_barlow {
          font-size: 1.7em;
        }
        .under_line {
          display: inline-block;
          padding: 0 0.2em;
          background: linear-gradient(transparent 60%, #F5DD33 60%)
        }
      }
      p:last-of-type {
        font-size: 1.6em;
        position: relative;
        .ff_barlow {
          line-height: 1;
          font-size: 266%;
        }
      }
      p:last-of-type::after {
        position: absolute;
        content: '※1';
        font-size: 50%;
        color: #000018;
        top: 1.5em;
        right: -1.5em;
      }
    }
    .terminal_fee {
      text-align: center;
      margin-top: 1em;
    }
    .add_option_note {
      margin-top: 1.5em;
      font-weight: 500;
    }
  }
}
@media(max-width: 768px) {
  .plan_wrap_inner {
    .monthly_price {
      .first-month {
        border-bottom: 1px solid #F0EEF2;
        padding-bottom: 0.325em;
        margin-bottom: 0.325em;
      }
    }
    .add_option_note,.terminal_fee {
      font-size: 2.344vw;
    }
  }
}
@media(min-width: 769px) {
  .plan_wrap {
    width: 90%;
    margin: 0 auto;
    h4 {
      top: -3.125vw;
      left: -1.5625vw;
      width: 9.375vw;
      height: 9.375vw;
      .position {
        span{
          font-size: 1em;
        }
      }
    }
    h3 {
      font-size: 1.2em;
    }
    .plan_wrap_inner {
      padding: 3.125vw;
      .monthly_price {
        display: flex;
        justify-content: center;
        .first-month {
          font-size: 1.8em;
          margin-right: 0.8em;
          padding-right: 0.8em;
          border-right: solid 1px #F0EEF2;
        }
        .after_two-months {
          p:first-of-type {
            font-size: 1em;
          }
        }
      }
      .add_option_note,.terminal_fee {
        font-size: .911vw;
      }
    }
  }
}
.section_07 .cv-btn.bottom_btn {
  dt {
    color: #fff;
    &::before , &::after {
      background: #fff;
    }
  }
}
/* プラスエリアモード対応エリア */
.support_area {
  padding: 5.729vw 14.844vw;
  background: #fff
}
@media(max-width: 768px) {
  .support_area {
    padding: 10.948vw 4.948vw;
  }
}
.support_area h3 {
  text-align: center;
  font-weight: 900;
  font-size: 6.25vw;
  margin-bottom: 5.208vw
}
@media(min-width: 769px) {
  .support_area h3 {
    margin-bottom: 2.604vw;
    font-size: 2.872058823529412vw;
  }
}
.support_area h3 .span1 {
  font-size: 136%
}
.support_area h3 .span3 {
  font-size: 112%
}
.support_area .card4_map {
  height: 31.25vw;
}
@media(max-width: 768px) {
  .support_area .card4_map {
    height: 83.333vw;
  }
}
.support_area .card4_note {
  padding: 1.042vw;
  margin-top: 1.563vw;
}
.support_area .card4_note h4 {
  text-align: center;
  font-size: 1.107vw;
  margin: 0.64em 0;
}
@media(max-width: 768px) {
  .support_area .card4_note h4 {
    font-size: 2.865vw
  }
}
.support_area .card4_note p {
  font-size: 1.042vw;
  margin: 0.64em 0;
}
@media(max-width: 768px) {
  .support_area .card4_note p {
    font-size: 2.344vw;
  }
}
.support_area .card4_note small {
  font-size: 100%
}
/* ========================================
■ 追加CSS（ヘッダーメニュー）
======================================== */
.header_nav_menu a {
  display: block;
  padding: 0.8em 0;
}
.fv_sp_footer {
  line-height: 0.9
}
.fv_sp_footer small {
  font-size: 50%;
}
.fv_pc_footer, .fv_sp_footer {
  margin-top: 1rem
}
@media (max-width: 768px) {
  .section_07_list {
    margin: 0 -2.083vw;
  }
}
.section_07_list li {
  position: relative;
}
.section_07_list li::after {
  content: "";
  position: absolute;
  width: 75.6%;
  height: 60.3%;
  background: #fff;
  left: 12.2%;
  top: 17.7%;
  z-index: 1;
}
/*.content-box:nth-child(2) .section_07_list li:nth-child(1)::before {
  content: "特典";
  font-size: 0.6em;
  position: absolute;
  top: 1em;
  left: 1em;
  background: #f61c93;
  width: 3.6em;
  height: 3.6em;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  z-index: 2;
}*/
.section_07_list li img {
  position: relative;
  z-index: 0;
}
.section_07_list li p {
  position: absolute;
  white-space: nowrap;
  text-align: center;
  top: 47.8%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
  line-height: 1.1;
}
.section_07_list li p .grad {
  display: inline-block;
  background: linear-gradient(to bottom, #c731c5 0%, #c731c5 32%, #6e4df1 100%);
  background: -webkit-linear-gradient(to bottom, #c731c5 0%, #c731c5 32%, #6e4df1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Barlow Condensed", "Noto Sans JP", Helvetica, Arial, "Hiragino Sans", YuGothic, "Yu Gothic medium", sans-serif;
  font-weight: 700;
  font-size: 1.4em;
}
.section_07_list li p sup {
  background: linear-gradient(to bottom, #000018 0%, #000018 32%, #000018 100%);
  background: -webkit-linear-gradient(to bottom, #000018 0%, #000018 32%, #000018 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section_07_list li p .small {
  font-size: 0.4em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section_07_list li p .small span + span {
  margin-top: 0.3em;
}
.section_07_list li:nth-child(1) p {
  font-size: 0.8em;
  line-height: 1;
}
.two_years_plan .section_07_list li:nth-child(2) p {
  font-size: 0.7em;
  line-height: 1.2;
}
.section_07_list li:nth-child(2) p .grad {
  line-height: 1;
}
.section_07_list li:nth-child(1) p .grad,.two_years_plan .section_07_list li:nth-child(2) p .grad {
  font-size: 4em;
}
.section_07_list li:nth-child(1) p .grad span,.two_years_plan .section_07_list li:nth-child(2) p .grad span {
  font-size: 0.5em;
}
.section_07_list li:nth-child(2) p .grad {
  font-size: 2em;
}
.no_limited_plan .section_07_list li:nth-child(2) p {
  font-size: 0.8em;
  line-height: 1;
}
.no_limited_plan .section_07_list li:nth-child(2) p .grad {
  font-size: 1.4em;
}
.no_limited_plan .section_07_list li:nth-child(2) p .grad .zero {
  font-size: 2.8em;
}
.section_07_list li:nth-child(4) p {
  font-size: 0.8em;
}
.section_07_list li:nth-child(4) p .grad {
  font-size: 1.75em;
}
.section_07_list + .note {
  font-size: 0.6em;
  font-weight: normal;
}
.section_07 .section_05_list_content_detail {
  margin-top: 0.6em;
}
.fv_pc {
  /*padding: 7.5vw 14.844vw 2.604vw;*/
  padding: 6vw 14.844vw 2.604vw;
  background: url(../images/img_fv_11.png) no-repeat center top 35%/100%, radial-gradient(#674561, #110053 56%, #000017);
}
.fv_pc_title {
  width: 100%;
  text-align: center;
  margin-top: 0.4em;
  font-size: 1.8em;
}
.fv_pc_title span {
  font-size: 1.1em;
  margin-right: 0.2em;
}
.fv_pc_content {
  position: relative;
  /*height: 14.7vw;*/
  height: 16.7vw;
}
.fv_pc_content > * {
  position: absolute;
}
.fv_pc_main_device:nth-child(1) {
  height: 115%;
  width: auto;
  top: 0;
  left: 0;
}
.fv_pc_main_device:nth-child(2) {
  width: 23.85%;
  bottom: -20%;
  left: 10%;
}
.fv_pc_main_main-copy {
  top: 0;
  /*right: 0;*/
  text-align: center;
}
.fv_pc_main_main-copy dt {
  font-size: 2.3em;
  line-height: 0.8;
  margin-bottom: 0.5em;
}
.fv_pc_main_main-copy dt .first_line {
  font-size: 0.78em;
}
.fv_pc_main_main-copy dt span {
  font-size: 1.2em;
}
.fv_pc_main_main-copy .flex {
  display: flex;
  /*justify-content: center;*/
  align-items: center;
}
.fv_pc_main_main-copy .flex > span {
  background: #fff;
  color: #0a0039;
  border-radius: 999px;
  line-height: 1.2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.6em 1.6em;
  margin-right: 0.8em;
}
.fv_pc_main_main-copy .plan {
  display: flex;
  align-items: flex-end;
}
.fv_pc_main_main-copy .plan_tax-excluded {
  display: flex;
  /*align-items: flex-end;*/
  align-items: center;
  padding-bottom: 0.4em;
}
.fv_pc_main_main-copy .plan_tax-excluded span:nth-child(1) {
  line-height: 1.2;
  font-size: 1.2em;
}
.fv_pc_main_main-copy .plan_tax-excluded .right_arrow {
  background: #f61c93;
  /*-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;*/
  padding: 0.4em 0.5em;
  display: inline-block;
  position: relative;
  margin-right: 1em;
}
.fv_pc_main_main-copy .plan_tax-excluded .right_arrow::after {
  position: absolute;
  content: '';
  background: #f61c93;
  height: 100%;
  width: 1em;
  top: 0;
  left: calc(100% - 1px);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.fv_pc_main_main-copy .plan_tax-excluded span:nth-child(2) {
  font-size: 5em;
  line-height: 0.9;
  margin: 0 0.06em;
}
.fv_pc_main_main-copy .plan_tax-excluded span:nth-child(2) .free_price {
  width: 9vw;
}
.fv_pc_main_main-copy .plan_tax-excluded span:nth-child(3) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
  line-height: 0.94;
}
.fv_pc_main_main-copy .plan_tax-excluded span:nth-child(3) span {
  font-size: 0.3em;
}
.fv_pc_main_sub-copy {
  left: 76.7%;
  bottom: 10%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.fv_pc_main_main-copy .plan_tax-included {
  font-size: 0.8em;
  margin-left: 0.4em;
}
.fv_pc_main_main-copy .plan_tax-included span {
  font-size: 1.1em;
}
/*企業様×5G*/
.text_yellow {
  color: #F5DD33;
}
.collab_heading {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4vw;
}
.collab_heading img {
  max-width: 31vw;
}
@media screen and (min-width: 769px) {
  .collab_heading {
    font-size: 1.47vw;
  }
  .collab_heading img {
    max-width: 8.8vw;
  }
}
.limited_heading {
  text-align: left;
  font-size: 4.1vw;
  margin-top: 0.25em;
}
@media screen and (min-width: 769px) {
  .limited_heading {
    margin-left: -20%;
    width: 120%;
    text-align: center;
    margin-top: 0.25em;
    font-size: 2.5vw;
    line-height: 1.5;
  }
}
.limited_heading .text_shadow {
  text-shadow: 0 4px 0 #000017;
  display: inline-block;
}
.limited_heading .yellow_circle {
  text-align: center;
  background: #F5DD33;
  box-shadow: 0 4px 0 #000017;
  border-radius: 50%;
  width: 1.5em;
  line-height: 1.5;
  display: inline-block;
  color: #000017;
  &+ .yellow_circle {
    margin-left: 8px;
  }
}
.fv_pc_main_main-copy {
  width: 80%;
  left: 20%;
}
.fv_pc_main_main-copy dl {
  margin-top: 2.2%;
  margin-left: 25%;
}
.fv_pc_main_main-copy dl dd .bottom_note {
  font-size: .911vw;
  font-weight: 500;
  text-align: left;
}
.limited_discount_wrap {
  margin-top: 5.36vw;
}
.limited_discount_wrap ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2%;
}
.limited_discount_wrap ul li {
  position: relative;
  color: #000017;
  background: linear-gradient(90deg, #C731C5 0%, #6E4DF1 100%);
  border-radius: 4px;
  padding: 4px;
  width: 49%;
}
.limited_discount_wrap ul li p .ff_barlow {
  font-size: 240%;
  line-height: 1;
}
.limited_discount_wrap ul li dl {
  line-height: 1.4;
  background: #fff;
  border-radius: 4px;
  position: relative;
}
.limited_discount_wrap ul li dl dt {
  position: absolute;
  white-space: nowrap;
  font-size: 1em;
  top: -1em;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #C731C5 0%, #6E4DF1 100%);
  color: #fff;
  padding: 0.2em 1em;
  border-radius: 16em;       
}
.limited_discount_wrap ul li dl dd {
  text-align: center;
  font-size: 3.846vw;
  padding: 1em 0 0.6em;
}
.limited_discount_wrap ul li dl dd span {
  font-size: 386%;
  text-shadow: 2px 2px 0 #000017;
  display: inline-block;
  margin-right: 5px;
  line-height: 1;
}
.limited_discount_wrap ul li dl dd span.small {
  font-size: 260%;
  line-height: 1.415;
}
@media screen and (min-width: 769px) {
  .limited_discount_wrap ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 2.94vw;
  }
  .limited_discount_wrap ul li {
    width: 48%;
  }
  .limited_discount_wrap ul li dl dd {
    font-size: 1.25em;
    padding: 0.6em 0 0.4em;
  }
  .limited_discount_wrap ul li dl dd span {
    font-size: 366%;
    margin-right: 7px;
  }
}
/**/
.fv_pc_main_sub-copy dl {
  text-align: center;
}
.fv_pc_main_sub-copy dl dt {
  font-size: 1.15em;
  background: #F61C93;
  display: inline-block;
  padding: 0 1.23em 0.2em;
  border-radius: 999px;
}
.fv_pc_main_sub-copy dl dd {
  font-size: 1.85em;
  line-height: 1.1;
}
.fv_pc_main_sub-copy dl dd span {
  font-size: 1.2em;
}
.fv_sp {
  background: url(../images/img_fv_10.png) no-repeat right 12% top 62.91666666666667vw/201.693vw, linear-gradient(0deg, #000017, rgba(0, 0, 23, 0) 48%) no-repeat center bottom/100% 100%, radial-gradient(ellipse at top, #674561, #110053 56%, #000017) no-repeat center 78.125vw/100% calc(100% - 50vw);
  min-height: auto;
}
.fv_sp::before, .fv_sp::after {
  background: none;
}
.fv_sp_title {
  display: flex;
  flex-direction: column;
  color: #fff;
  margin-top: 0.3em;
  letter-spacing: 0.02em;
  /*text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);*/
  position: absolute;
}
.fv_sp_title > span:nth-child(1) {
  font-size: 0.6em;
}
.fv_sp_title > span:nth-child(1) .ff_barlow {
  font-size: 1.20em;
  margin-right: 0.2em;
}
.fv_sp_title > span:nth-child(1) .diagonal {
  position: relative;
  font-family: "Barlow Condensed", "Noto Sans JP", Helvetica, Arial, "Hiragino Sans", YuGothic, "Yu Gothic medium", sans-serif;
}
.fv_sp_title > span:nth-child(1) .diagonal::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: calc(50% - 0.5px);
  background: #fff;
}
.fv_sp_title > span:nth-child(1) .diagonal .number {
  font-size: 1.2em;
}
.fv_sp_title > span:nth-child(1) .diagonal span {
  font-size: 0.6em;
}
.fv_sp_title > span:nth-child(2) {
  font-size: 1.15em;
}
.fv_sp_title > span:nth-child(2) .number {
  font-size: 1.4em;
  font-family: "Barlow Condensed", sans-serif;
}
.fv_sp_title > span:nth-child(2) .pink {
  color: #f61c93;
  font-size: 1.6em;
  position: relative;
}
.fv_sp_title > span:nth-child(2) .pink::after {
  content: "※2";
  color: #fff;
  font-size: 0.1em;
  position: absolute;
  top: 24%;
  left: 100%;
  font-family: "Noto Sans JP", Helvetica, Arial, "Hiragino Sans", YuGothic, "Yu Gothic medium", sans-serif;
}
.fv_sp_title > span:nth-child(3) {
  font-size: 1.05em;
  margin-top: 0.2em;
}
.fv_sp_title > span:nth-child(3) .italic {
  font-style: italic;
  margin-right: 0.2em;
}
.fv_sp_main {
  position: relative;
  height: 11.3em;
}
.fv_sp_main_device, .fv_sp_main_txt-box {
  position: absolute;
}
.fv_sp_main_device:nth-child(1) {
  height: 100%;
  width: auto;
  left: 0;
}
.fv_sp_main_device:nth-child(2) {
  height: 48%;
  width: auto;
  right: 0;
  bottom: 0;
}
.fv_sp_main_txt-box {
  /*top: 10%;*/
  top: 0;
  left: 72.1%;
  transform: translateX(-50%) scale(1.1);
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fv_sp_main_txt-box > p {
  background: #fff;
  color: #0a0039;
  font-size: 0.8em;
  padding: 0 1em;
  border-radius: 999px;
  margin-bottom: 0.6em;
}
.fv_sp_main_txt-box .price .flex {
  display: flex;
  justify-content: center;
  /*align-items: flex-end;*/
  align-items: center;
}
.fv_sp_main_txt-box .flex > .right_arrow {
  line-height: 1.1;
  font-size: 0.9em;
  /*-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;*/
  position: relative;
  display: inline-block;
  background: #f61c93;
  padding: 0.4em;
  margin-right: 1.5em;
}
.fv_sp_main_txt-box .flex > .right_arrow::after {
  position: absolute;
  content: '';
  background: #f61c93;
  height: 100%;
  width: 1em;
  top: 0;
  left: calc(100% - 1px);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
/*.fv_sp_main_txt-box .flex > span:nth-child(2) {
  font-size: 3.5em;
  line-height: 0.8;
  margin: 0 0.1em;
}*/
.fv_sp_main_txt-box .flex > span:nth-child(2) {
  width: 18vw;
}
.fv_sp_main_txt-box .flex > span:nth-child(3) {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.14em;
  line-height: 1.1;
}
.fv_sp_main_txt-box .flex > span:nth-child(3) span {
  font-size: 0.4em;
}
.fv_sp_main_txt-box .price p {
  /*text-align: right;*/
  text-align: left;
  font-size: 0.5em;
  margin-top: 0.5em;
  font-weight: 500;
}
.fv_sp_main_txt-box .price p span {
  font-size: 1.2em;
}
/*.fv_sp_copy {
  margin: 2em 0 1em;
}
.fv_sp_copy dl {
  text-align: center;
}
.fv_sp_copy dl dt {
  font-size: 1.0em;
  background: #F61C93;
  display: inline-block;
  padding: 0 1.23em 0.2em;
  border-radius: 999px;
}
.fv_sp_copy dl dd {
  font-size: 1.6em;
}
.fv_sp_copy dl dd span {
  font-size: 1.2em;
}*/
/**/
.fv_sp_title .limited_heading {
  text-align: center;
}
.fv_sp_title .limited_heading .text_shadow {
  margin-right: 0.2em;
}
.fv_sp_title .limited_heading .yellow_circle {
  &+ .yellow_circle {
    margin-left: 3px;
  }
}
/**/
.toggle_emphasis h3 {
  color: #f61c93;
}
.toggle .pink {
  color: #f61c93;
  font-weight: bold;
}
.toggle .bold {
  font-weight: bold;
}
.cv-btn {
  text-align: center;
  margin: 3.125vw 0 6.25vw;
}
.cv-btn dt .ff_barlow {
  font-size: 150%;
  vertical-align: -0.05em;
  display: inline-block;
  margin: 0 0.05em;
}
@media screen and (min-width: 769px) {
  .cv-btn {
    margin: 2.4vw 0 3.25vw;
  }
  .fv_pc .cv-btn {
    margin: 1.47vw 0 3.25vw;
  }
  .fv_pc .cv-btn dt {
    line-height: 1.2;
    font-size: 1.5vw;
  }
}
.cv-btn dt {
  position: relative;
  display: inline-block;
  font-size: 3.646vw;
}
@media screen and (min-width: 769px) {
  .cv-btn dt {
    font-size: 1.846vw;
  }
}
.cv-btn dt::before, .cv-btn dt::after {
  content: "";
  height: 1em;
  width: 2px;
  background: #000017;
  position: absolute;
  top: 50%;
  right: calc(100% + 0.4em);
  transform: rotate(-20deg) translateY(-50%);
}
.cv-btn dt::after {
  right: auto;
  left: calc(100% + 0.4em);
  transform: rotate(20deg) translateY(-50%);
}
.cv-btn dt .pink {
  color: #f61c93;
}
.btn {
  transition: 200ms;
  opacity: 1;
}
.btn:hover {
  transition: 200ms;
  opacity: 0.8;
}
.btn::before {
  z-index: 2;
  transition: 200ms;
}
.btn::after {
  top: 0.34em;
  background: linear-gradient(90deg, #8d105f 40%, #2c2f95);
  opacity: 1;
  z-index: 1;
}
.btn:hover::before {
  top: 0.20em;
}
@media screen and (min-width: 769px) {
  .btn span {
    font-size: 1.0em;
  }
}
@media screen and (min-width: 769px) {
  .section_05 .btn span {
    font-size: 1.0em;
  }
}
.section_05 .heading h2 {
  text-align: center;
  font-weight: 900;
  font-size: 3.906vw;
  margin: 3.125vw 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .section_05 .heading h2 {
    font-size: 7.031vw;
    margin: 8.333vw 0;
    line-height: 1.36;
  }
}
.section_05_list_content_header h2 .heading_l11 {
  font-size: 83%;
}
.section_05_list_img {
  margin-top: 10vw;
}
.section_05_list_img figure {
  width: 20.703vw;
}
.section_05_list_content_info {
  margin: 4.167vw 0 2.0835vw;
}
@media (max-width: 768px) {
  .section_05_list_content_info {
    margin: 8.333vw auto 4.1665vw;
  }
}
.section_05_list_content_info dl .lan {
  font-size: 3.125vw;
  margin-right: 2em;
}
.lan_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 769px) {
.section_05_list_content_info dl .lan {
  font-size: 1.237vw;
}
}
.pdf_download {
  text-align: center;
  margin-bottom: 4.167vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .pdf_download {
    margin-bottom: 8.333vw;
  }
}
.pdf_download div {
  width: 49%;
}
@media screen and (min-width: 769px) {
  .pdf_download div {
    font-size: 1vw;
  }
}
.pdf_download div a {
  position: relative;
  padding-right: 1.4em;
  text-decoration: underline;
}
.pdf_download div a::before {
  position: absolute;
  width: 1em;
  height: 1em;
  content: '';
  background: url(../images/out_link.svg)no-repeat;
  background-size: contain;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.previous_terminal {
  text-align: center;
  margin-bottom: 3vw;
}
.previous_terminal a {
  position: relative;
  font-size: 1.237vw;
  transition: .4s;
  border: 0.26vw solid #000018;
  border-radius: 2.734vw;
  padding: 0.64em 3em 0.64em 2em;
  background: #fff;
}
.previous_terminal a::before {
  content: "";
  background: url(../images/icon_down_1.svg) no-repeat center/contain;
  width: 1em;
  height: 1em;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translate3d(0, -50%, 0) rotate(-90deg);
  transition: .4s;
}
.previous_terminal a:hover {
  color: #fff;
  background: #000018;
}
.previous_terminal a:hover::before {
  right: 0.6em;
}
@media (max-width: 768px) {
  .previous_terminal {
    margin-bottom: 6vw;
  }
  .previous_terminal a {
  font-size: 3.516vw;
  border-radius: 5.469vw;
  border-width: max(2px, min(0.521vw, 4px));
  }
}
.btn .span1 {
  position: relative;
  transition: 200ms;
  top: 0;
}
.btn:hover .span1 {
  top: 0.20em;
}
.btn:hover span {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  background-image: linear-gradient(180deg, #fff 32%, #fff);
}
.btn .span1 {
  z-index: 3;
}
.btn .span2 {
  margin-left: 0;
  padding-right: 0.15em;
}
.btn .span2::before, .btn .span2::after {
  display: none;
}
.fv .cv-btn dt::before, .fv .cv-btn dt::after, .section_06 .cv-btn dt::before, .section_06 .cv-btn dt::after, .section_10 .cv-btn dt::before, .section_10 .cv-btn dt::after {
  background: #fff;
}
.section_06 .cv-btn {
  margin-top: 0;
}
.section_06_content_left p {
  margin-top: 1em;
  font-weight: 500;
  font-size: 3.08vw;
}
@media screen and (min-width: 769px) {
  .section_06_content_left p {
    font-size: 0.9375vw;
  }
}
@media screen and (min-width: 769px) {
  .section_09_header {
    margin: 2.604vw 0 3.906vw;
  }
}
.section_09_header h2 {
  background: #fff;
  display: inline-block;
  padding: 0 8px;
  font-weight: 700;
}
.section_09_header p {
  font-weight: 700;
  margin-top: 0.2em;
}
@media screen and (min-width: 769px) {
  .section_09_header p {
    margin-top: 0.3em;
  }
}
.section_09_list_wrap ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.section_09_list_wrap ul li {
  width: 32%;
  background: #fff;
  padding: 1.2em 0 0.72em;
  border: 2px solid #f61c93;
  border-radius: 8px;
  position: relative;
}
@media screen and (min-width: 769px) {
  .section_09_list_wrap ul li {
    padding: 1.8em 0 0.72em;
  }
}
.section_09_list_wrap ul li .number {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 1.8em;
  height: 1.8em;
  background: #f61c93;
  border-radius: 50%;
}
@media screen and (min-width: 769px) {
  .section_09_list_wrap ul li .number {
    width: 2.1em;
    height: 2.1em;
    font-size: 1.16em;
  }
}
.section_09_list_wrap ul li figure {
  height: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .section_09_list_wrap ul li figure {
    height: 5em;
  }
}
.section_09_list_wrap ul li img {
  height: 100%;
  width: auto;
}
.section_09_list_wrap ul li:nth-child(2) img {
  height: 96%;
  width: auto;
}
.section_09_list_wrap ul li:nth-child(3) img {
  height: 80%;
  width: auto;
}
.section_09_list_wrap ul li p {
  margin-top: 0.1em;
  font-size: 0.8em;
  line-height: 1.25;
  text-align: center;
  height: 2.5em;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .section_09_list_wrap ul li p {
    font-size: 1.2em;
  }
}
.section_09_footer {
  text-align: center;
  padding-bottom: 3vw;
}
@media(min-width: 769px) {
  .section_09_footer {
    font-size: .846vw
  }
  .section_09_footer small {
    font-size: 100%
  }
}
@media(max-width: 768px) {
  .section_09_footer {
    line-height: 0.9
  }
  .section_09_footer small {
    font-size: 70%
  }
}
/* 解約手続き */
.cancellation {
  padding: 10.948vw 0 5.474vw;
}
.cancellation h3 {
  text-align: center;
  font-size: 7.031vw;
  margin-bottom: 0.25em;
}
.cancellation .sub_title {
  font-weight: 500;
  text-align: center;
  color: #6E4DF1;
  font-size: 4.1vw;
  margin-bottom: 1em;
}
.cancellation ul li + li {
  margin-top: 5.128vw;
}
.cancellation ul li .step_wrap {
  background: #fff;
  border: 2px solid #6E4DF1;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5.128vw;
  gap: 6.41vw;
}
.cancellation ul li:first-child .step_wrap {
  gap:3.85vw;
}
.cancellation ul li .step_wrap span {
  position: absolute;
  top: 0;
  left: 0;
  background: #6E4DF1;
  color: #fff;
  padding: 0.25em 1em;
  border-radius: 0 0 8px 0;
  font-size: 3.08vw;
  text-transform: uppercase;
}
.cancellation ul li .step_wrap figure {
  margin: 0 auto;
  max-width: 12.82vw;
}
.cancellation ul li:first-child .step_wrap figure {
  max-width: 15.38vw;
}
.cancellation ul li .step_wrap h4 {
  font-size: 4.1vw;
  color: #6E4DF1;
}
.cancellation ul li .step_wrap p {
  font-weight: 500;
  margin-top: 0.5em;
  font-size: 3.08vw;
}
@media(min-width: 769px) {
  .cancellation {
    padding: 7.8125vw 0 2.8645vw;
  }
  .cancellation h3 {
    margin-bottom: 2.604vw;
    font-size: 2.734vw;
  } 
  .cancellation .sub_title {
    font-size: 1.5625vw;
    margin-bottom: 2em;
  }
  .cancellation ul {
    display: flex;
    justify-content: center;
    gap: 2%;
    li {
      width: 32%;
    }
  }
  .cancellation ul li + li {
    margin-top: 0;
  }
  .cancellation ul li .step_wrap {
    display: block;
    padding: 0;
  }
  .cancellation ul li .step_wrap span {
    font-size: 1.4vw;
  }
  .cancellation ul li .step_wrap figure {
    margin-top: 3.125vw;
    max-width: 7.8125vw;
    height: 9.375vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cancellation ul li:first-child .step_wrap figure {
    max-width: 9.375vw;
  }
  .cancellation ul li .step_wrap h4 {
    text-align: center;
    margin-top: 1em;
    font-size: 1.5625vw;
  }
  .cancellation ul li .step_wrap p {
    font-size: 1.25vw;
    padding: 0 1.7em 1.7em 1.7em;
  }
}
/**/
.section_08_option .accession-rate {
  text-align: center;
  margin: 1em 0 0.4em;
}
.section_08_option .accession-rate span {
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #f61c93;
  padding: 0 0.8em;
  font-size: 1em;
}
.section_08_option .accession-rate + h3 {
  margin-top: 0.4em;
}
.section_10 .more_qa {
  width: 52.083vw;
  text-align: right;
  margin: 0 auto;
}
.section_10 .more_qa a {
  display: inline-block;
  transition: .4s;
  font-size: 1.237vw;
  padding: .64em 1.6em .64em 0;
  position: relative;
}
.section_10 .more_qa a span {
  border-bottom: solid 1px #fff;
  padding-bottom: .2em;
}
.section_10 .more_qa a::before {
  content: "";
  background: url("../images/icon_down_1.svg") no-repeat center/contain;
  width: 1em;
  height: 1em;
  position: absolute;
  right: 0.2em;
  top: 50%;
  transform: translate3d(0, -50%, 0) rotate(-90deg);
  transition: .4s
}
.section_10 .more_qa a:hover::before {
  right: 0;
}
@media(max-width: 768px) {
  .section_10 .more_qa {
    width: 100%
  }
  .section_10 .more_qa a {
    font-size: 3.125vw;
  }
}
@media(max-width: 768px) {
.footer_nav {
    flex-wrap: wrap;
    align-items: center;
}
.footer_nav li {
  width: calc(100% / 2);
  position: relative;
}
.footer_nav li::before {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  position: absolute;
}
.footer_nav li:nth-child(n+3) {
  margin-top: 0.8em;
}
.footer_nav li:nth-child(odd)::before {
  content: '';
  margin: 0;
}
}
/* ▼年末年始休業のお知らせ▼ */
.info_text {
  position: relative;
  height: 2.8vw;
  overflow: hidden;
  background: #380070;
  white-space: nowrap
}
.info_text::before, .info_text::after {
  content: "【年末年始休業のお知らせ】2022年12月28日(水)~2023年1月3日(火)は年末年始休業となります。30日間お試しモニターへのお申込みはお早めに！";
  position: absolute;
  top: 0.6vw;
  width: 65em;
  height: auto;
  color: #fff;
  font-size: 1.3vw;
  line-height: 1
}
.info_text::before {
  left: 0;
  animation: flowimg 20s linear infinite;
}
.info_text::after {
  left: 68em;
  animation: flowimg 20s linear infinite;
}
@keyframes flowimg {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 768px) {
  .info_text {
    height: 5vw
  }
  .info_text::before, .info_text::after {
    top: 0.8vw;
    font-size: 3vw
  }
}
.fv {
  position: relative;
}
.fv .info_text {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 2;
}
/* ▲年末年始休業のお知らせ▲ */