@charset "UTF-8";
.main-content {
  /* SP用：縦並びレイアウト */
}
.main-content .btn {
  opacity: 1;
  transition: all 0.3s ease;
}
.main-content .btn:hover {
  opacity: 0.9;
}
.main-content .kv,
.main-content .content-img {
  position: relative;
  display: block;
  max-width: 1300px;
  width: 100%;
}
.main-content .kv img,
.main-content .content-img img {
  position: relative;
  display: block;
  max-width: 1300px;
  width: 100%;
  height: auto;
}
.main-content .wrapper {
  max-width: 1300px;
  height: auto;
  margin: 0 auto;
}
.main-content .content-img-wrap {
  position: relative;
  display: block;
}
.main-content .content-img img {
  display: block;
  width: 100%;
  height: auto;
}
.main-content .content-btn {
  position: absolute;
  right: 3.8%;
  bottom: 32.5%;
  display: block;
}
.main-content .content-btn img {
  display: block;
  width: 434px;
  height: auto;
}
.main-content .btn-area {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: min(2.6923076923vw, 35px);
  padding: min(1.6923076923vw, 22px);
}
.main-content img {
  width: min(36.5384615385vw, 475px);
  height: auto;
  display: block;
}
@media (max-width: 767px) {
  .main-content .btn-area {
    background-color: #fedcbd;
    flex-direction: column;
    align-items: center;
    gap: min(5.3333333333vw, 20px);
    z-index: 20;
    padding: min(10.6666666667vw, 40px) min(8.5333333333vw, 32px);
    margin: 0 auto;
  }
  .main-content .content-btn {
    left: 50%;
    transform: translate(-50%, 0);
    width: min(77.3333333333vw, 580px);
    right: auto;
  }
  .main-content .btn-area img {
    width: min(82.6666666667vw, 620px);
  }
}
@media (min-width: 1300px) and (max-width: 1440px) {
  .main-content .content-btn img {
    display: block;
    width: 414px;
    height: auto;
  }
}
@media (min-width: 1240px) and (max-width: 1300px) {
  .main-content .content-btn img {
    display: block;
    width: min(31.3636363636vw, 414px);
    height: auto;
  }
}
@media (min-width: 960px) and (max-width: 1240px) {
  .main-content .content-btn img {
    display: block;
    width: min(31.1290322581vw, 386px);
    height: auto;
  }
}
@media (max-width: 960px) {
  .main-content .content-btn img {
    display: block;
    width: min(30.4vw, 380px);
    height: auto;
  }
}
.main-content .content-1 .btn-area {
  background-color: #fdf1e4;
}
@media (min-width: 660px) and (max-width: 768px) {
  .main-content .content-btn img {
    display: block;
    width: min(70.8333333333vw, 544px) !important;
    height: auto;
    margin: 0 auto;
  }
  .main-content .content-btn {
    position: absolute;
    bottom: 53.2%;
    display: block;
  }
}
@media (min-width: 540px) and (max-width: 660px) {
  .main-content .content-btn img {
    width: min(67.96875vw, 522px) !important;
    margin: 0 auto;
  }
  .main-content .content-btn {
    bottom: 53.4%;
  }
}
@media (min-width: 375px) and (max-width: 540px) {
  .main-content .content-btn img {
    width: min(67.96875vw, 522px) !important;
    margin: 0 auto;
  }
  .main-content .content-btn {
    bottom: 53.6%;
  }
}
@media (max-width: 375px) {
  .main-content .content-btn img {
    width: min(72.5333333333vw, 272px) !important;
    margin: 0 auto;
  }
  .main-content .content-btn {
    bottom: 54.1%;
  }
}
.main-content .content-2 .content-btn {
  position: absolute;
  right: 3.8%;
  bottom: 35.9%;
  display: block;
}
.main-content .content-2 .btn-area {
  background-color: #e1f1d2;
}
@media (min-width: 640px) and (max-width: 768px) {
  .main-content .content-2 .content-btn {
    position: absolute;
    bottom: 59.1%;
    display: block;
  }
}
@media (min-width: 540px) and (max-width: 640px) {
  .main-content .content-2 .content-btn {
    position: absolute;
    bottom: 59.3%;
    display: block;
  }
}
@media (min-width: 375px) and (max-width: 540px) {
  .main-content .content-2 .content-btn {
    bottom: 59.4%;
  }
}
@media (max-width: 375px) {
  .main-content .content-2 .content-btn {
    bottom: 59.8%;
  }
}

.cards05 p {
  margin-bottom: 0 !important;
}

.cards05 span.sub-title {
  position: static;
  display: inline-block;
}

@media (max-width: 767px) {
  .cards05 span.sub-title {
    display: block;
  }
}/*# sourceMappingURL=smartprice202602.css.map */