/* Scss Document */
/* CSS Document */
/*------------------------------mixin bg------------------------------*/
/*------------------------------mixin flex------------------------------*/
html {
  font-size: 2.5641025641vw;
}
@media only screen and (min-width: 769px) {
  html {
    font-size: 0.78125vw;
  }
}

#campaign_bnr {
  margin-top: 7.65rem;
  display: block;
}
@media only screen and (min-width: 769px) {
  #campaign_bnr {
    margin-top: 10.5rem;
  }
}
#campaign_bnr img {
  vertical-align: top;
}

/**/
.winter_fv {
  position: relative;
  overflow: hidden;
  background: url(../images/winter/strong_line_right.svg) no-repeat top 9rem left 31.3rem/9rem 22rem, url(../images/winter/strong_line.svg) no-repeat top 9rem left -1.2rem/9rem 22rem, url(../images/winter/back_winter.png) no-repeat top center/290%;
}
@media only screen and (min-width: 769px) {
  .winter_fv {
    background: url(../images/winter/strong_line_right.svg) no-repeat top 12rem left 90.3rem/7.6rem 18.6rem, url(../images/winter/strong_line.svg) no-repeat top 12rem left 30rem/7.6rem 18.6rem, url(../images/winter/back_winter.png) no-repeat top center/112.5%;
  }
}
.winter_fv .inner {
  padding: 9.5rem 3rem 11rem;
}
@media only screen and (min-width: 769px) {
  .winter_fv .inner {
    padding: 11rem 34rem 18rem;
  }
}
.winter_fv .main_catch picture {
  display: block;
  margin: 0 auto;
  width: 23.6rem;
}
@media only screen and (min-width: 769px) {
  .winter_fv .main_catch picture {
    width: 50.5rem;
  }
}
.winter_fv .device .device_img {
  position: absolute;
}
.winter_fv .device .device_img.l13 {
  width: 9.7rem;
  top: 12rem;
  left: -3rem;
}
@media only screen and (min-width: 769px) {
  .winter_fv .device .device_img.l13 {
    width: 22.4rem;
    top: 13rem;
    left: 10rem;
  }
}
.winter_fv .device .device_img.dock {
  width: 17.6rem;
  top: 17.4rem;
  left: 29.2rem;
}
@media only screen and (min-width: 769px) {
  .winter_fv .device .device_img.dock {
    width: 35rem;
    top: 28.1rem;
    left: 91rem;
  }
}
.winter_fv .price {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
}
@media only screen and (min-width: 769px) {
  .winter_fv .price {
    font-size: 3.5rem;
  }
}
.winter_fv .price .monthly {
  writing-mode: vertical-rl;
}
.winter_fv .price .price_wrap .ff_barlow {
  font-size: 4.8rem;
  text-shadow: 2px 2px 0 #fff;
  line-height: 1;
}
@media only screen and (min-width: 769px) {
  .winter_fv .price .price_wrap .ff_barlow {
    font-size: 10.5rem;
  }
}
.winter_fv .price .price_wrap .yen {
  position: relative;
}
.winter_fv .price .price_wrap .yen .tax_in {
  position: absolute;
  white-space: nowrap;
  top: -1em;
  left: 0.2em;
  font-size: 1rem;
}
@media only screen and (min-width: 769px) {
  .winter_fv .price .price_wrap .yen .tax_in {
    font-size: 1.4rem;
  }
}
.winter_fv .btn .span1 .span3 {
  margin-left: 1em;
  margin-right: -1.4em;
}
.winter_fv .maney_back {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.winter_fv .maney_back .top {
  font-size: 1.4rem;
}
@media only screen and (min-width: 769px) {
  .winter_fv .maney_back .top {
    font-size: 1.6rem;
    text-align: center;
  }
}
.winter_fv .maney_back .toggle {
  font-size: 1.4rem;
}
.winter_fv .maney_back .toggle .toggle_btn {
  position: relative;
  background: #222;
  color: #fff;
  padding: 0.25em 0;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}
@media only screen and (min-width: 769px) {
  .winter_fv .maney_back .toggle .toggle_btn {
    padding: 0.5em 0;
  }
}
.winter_fv .maney_back .toggle .toggle_btn::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);
  transition: 0.4s;
}
.winter_fv .maney_back .toggle .toggle_btn.show {
  border-radius: 4px 4px 0 0;
}
.winter_fv .maney_back .toggle .toggle_btn.show::before {
  transform: translate3d(0, -50%, 0) scale3d(-1, -1, -1);
}
.winter_fv .maney_back .toggle .toggle_panel {
  background: #fff;
  padding: 1em 2em 1.5em;
  font-weight: 400;
  border-right: solid 1px #F4F4F4;
  border-bottom: solid 1px #F4F4F4;
  border-left: solid 1px #F4F4F4;
  font-size: 1.2rem;
}
.winter_fv .maney_back .note {
  font-weight: 400;
  font-size: 1.2rem;
}
@media only screen and (min-width: 769px) {
  .winter_fv .maney_back .note {
    text-align: center;
  }
}/*# sourceMappingURL=campaign.css.map */