@charset "UTF-8";
.price {
  color: #5e5248;
}
.price .orange {
  color: #ff6600;
}
.price .blue {
  color: #30b4d1;
}

/* pc */
@media screen and (min-width: 961px) {
  /*ここにpc用スタイルを記述*/
  .price .price-title {
    position: relative;
  }
  .price .price-title h1 {
    position: absolute;
    top: clamp(10.938rem, -16.869rem + 46.3vw, 12.5rem);
    left: 45px;
    font-size: clamp(3.563rem, -1.999rem + 9.26vw, 3.875rem);
  }
  .price .daijobu {
    position: relative;
  }
  .price .daijobu p {
    position: absolute;
    top: clamp(8.25rem, -2.873rem + 18.52vw, 8.875rem);
    left: clamp(3.25rem, -1.199rem + 7.41vw, 3.5rem);
    font-size: 18px;
    width: clamp(23.688rem, 5.891rem + 29.63vw, 24.688rem);
  }
  .price .waffleno p {
    margin: 10px 38px;
  }
  .price .sono1 {
    position: relative;
  }
  .price .sono1 .plan-a {
    position: absolute;
    top: 0;
    left: 8%;
    width: 40%;
  }
  .price .sono1 .plan-b {
    position: absolute;
    top: 0;
    right: 8%;
    width: 40%;
  }
  .price .sono2-bun p {
    margin: 0 35px;
  }
  .price .waffledeha {
    position: relative;
  }
  .price .waffledeha h3 {
    position: absolute;
    top: 17px;
    left: 37px;
    font-size: 25px;
    line-height: 2rem;
  }
  .price .waffledeha p {
    position: absolute;
    top: 98px;
    left: 7px;
    margin: 0 30px;
  }
}
/* smartPhone */
@media screen and (max-width: 960px) {
  /*ここにスマホ用スタイルを記述*/
  .price .price-title {
    position: relative;
  }
  .price .price-title h1 {
    position: absolute;
    top: clamp(5.625rem, -1.587rem + 30.77vw, 16.875rem);
    left: clamp(1.25rem, -0.593rem + 7.86vw, 4.125rem);
    font-size: clamp(2.063rem, 0.019rem + 8.72vw, 5.25rem);
  }
  .price .daijobu {
    position: relative;
  }
  .price .daijobu p {
    position: absolute;
    top: clamp(4.5rem, -0.308rem + 20.51vw, 12rem);
    left: clamp(1.5rem, -0.583rem + 8.89vw, 4.75rem);
    font-size: clamp(0.688rem, 0.167rem + 2.22vw, 1.5rem);
    width: clamp(14.313rem, 1.853rem + 53.16vw, 33.75rem);
    line-height: clamp(1rem, 0.038rem + 4.1vw, 2.5rem);
  }
  .price .waffleno p {
    margin: 10px clamp(0.813rem, -0.79rem + 6.84vw, 3.313rem);
    font-size: clamp(0.625rem, 0.144rem + 2.05vw, 1.375rem);
    line-height: clamp(1.3rem, 0.531rem + 3.28vw, 2.5rem);
  }
  .price .sono1 {
    position: relative;
  }
  .price .sono1 .plan-a {
    position: absolute;
    top: 0;
    left: 8%;
    width: 40%;
  }
  .price .sono1 .plan-b {
    position: absolute;
    top: 0;
    right: 8%;
    width: 40%;
  }
  .price .sono2-bun p {
    margin: 0 clamp(0.625rem, -0.777rem + 5.98vw, 2.813rem);
    font-size: clamp(0.625rem, 0.064rem + 2.39vw, 1.5rem);
    line-height: clamp(1.3rem, 0.531rem + 3.28vw, 2.5rem);
  }
  .price .waffledeha {
    position: relative;
  }
  .price .waffledeha h3 {
    position: absolute;
    top: clamp(0.188rem, -0.934rem + 4.79vw, 1.938rem);
    left: clamp(0.938rem, -0.545rem + 6.32vw, 3.25rem);
    font-size: clamp(0.813rem, 0.011rem + 3.42vw, 2.063rem);
    line-height: clamp(1.3rem, 0.531rem + 3.28vw, 2.5rem);
  }
  .price .waffledeha p {
    position: absolute;
    top: clamp(2.188rem, -0.096rem + 9.74vw, 5.75rem);
    left: 0px;
    margin: clamp(0.938rem, -0.465rem + 5.98vw, 3.125rem);
    font-size: clamp(0.625rem, 0.064rem + 2.39vw, 1.5rem);
    line-height: clamp(1rem, 0.038rem + 4.1vw, 2.5rem);
  }
}/*# sourceMappingURL=price.css.map */