@charset "UTF-8";
.c-sc2-home__modal-area, .c-sc2-home__buy-img, .cont__center, .c-sc2-home__product-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.c-sc2-home__modal-area > *, .c-sc2-home__buy-img > *, .cont__center > *, .c-sc2-home__product-btn > * {
  min-height: 0%;
}

.cont__container {
  box-sizing: content-box !important;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  .cont__container {
    max-width: 89.3333333333vw;
    padding-left: 0;
    padding-right: 0;
  }
}

.c-sc2-home__modal-close, .c-sc2-home #js-pagetop.active, .c-sc2-home__qa-answer-link-01, .c-sc2-home__qa-answer-link-02, .c-sc2-home__qa-btn, .c-sc2-home__buy-link-amazon, .c-sc2-home__buy-link-store, .c-sc2-home__kv-btn, .js-accordion__trigger, .link, .c-sc2-home__product-btn {
  color: inherit;
  transition: opacity 0.3s;
  cursor: pointer;
}
.c-sc2-home__modal-close:hover, .c-sc2-home #js-pagetop.active:hover, .c-sc2-home__qa-answer-link-01:hover, .c-sc2-home__qa-answer-link-02:hover, .c-sc2-home__qa-btn:hover, .c-sc2-home__buy-link-amazon:hover, .c-sc2-home__buy-link-store:hover, .c-sc2-home__kv-btn:hover, .js-accordion__trigger:hover, .link:hover, .c-sc2-home__product-btn:hover {
  opacity: 0.7;
}

.c-sc2-home__product-btn {
  position: relative;
  background: #ff8400;
  box-shadow: 3px 3px 0px 0px rgb(195, 101, 0);
  margin: auto;
  width: 240px;
  height: 50px;
  font-size: 18px;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product-btn {
    box-shadow: 0.8vw 0.8vw 0px 0px rgb(195, 101, 0);
    width: 100%;
    height: 13.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
.c-sc2-home__product-btn::after {
  content: "";
  display: inline-block;
  background-image: url(/products/brand/hba1ctaisaku/assets/img/product_btn_arrow.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 12px;
  height: 19px;
  position: absolute;
  top: 50%;
  right: 17px;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product-btn::after {
    background-image: url(/products/brand/hba1ctaisaku/assets/img/product_btn_arrow-sp.png);
    width: 2.1333333333vw;
    height: 3.4666666667vw;
    right: 3.4666666667vw;
  }
}
.c-sc2-home__product-btn:hover {
  color: #fff;
}

.c-sc2-home__product::after, .c-sc2-home__feature::after, .c-sc2-home__about::after, .c-sc2-home__cm::after {
  content: "";
  position: absolute;
  bottom: -110px;
  right: 50%;
  transform: translatex(50%);
  z-index: 1;
  width: 100%;
  height: 112px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__product::after, .c-sc2-home__feature::after, .c-sc2-home__about::after, .c-sc2-home__cm::after {
    bottom: -11vw;
    height: 11.2vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product::after, .c-sc2-home__feature::after, .c-sc2-home__about::after, .c-sc2-home__cm::after {
    bottom: -9.3333333333vw;
    height: 9.4666666667vw;
  }
}

/* common:start */
[v-cloak] {
  display: none;
}

@media screen and (max-width: 767px) {
  .pcOnly {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .spOnly {
    display: none !important;
  }
}

.l-main {
  margin-bottom: 0;
}

.c-sc2-home [anim] {
  opacity: 0;
}

.cont {
  position: relative;
}
.cont img {
  max-width: 100%;
  width: 100%;
}

/* common:end */
.js-accordion__trigger {
  position: relative;
}
.js-accordion__target {
  overflow: hidden;
}
.js-accordion__target-enter-active, .js-accordion__target-leave-active {
  transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
}
.js-accordion__target-enter, .js-accordion__target-leave-to {
  opacity: 0;
}
.js-accordion__icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 18px;
}
@media screen and (max-width: 767px) {
  .js-accordion__icon {
    right: 4.4776119403%;
    width: 4.8vw;
    height: 2.8vw;
  }
}
.js-accordion__icon::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/qa_icon_arrow.png);
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.3s;
  content: "";
}
@media screen and (max-width: 767px) {
  .js-accordion__icon::before {
    background-image: url(../img/qa_icon_arrow-sp.png);
  }
}
.js-accordion--close .js-accordion__icon::before {
  transform: translateY(-50%) rotate(180deg);
}

/* kv:start */
.c-sc2-home__kv {
  /* ボタンのスタイル（アイコンが隠れないように調整） */
}
.c-sc2-home__kv img {
  pointer-events: none;
}
.c-sc2-home__kv-area {
  max-width: 960px;
  height: 54px;
  margin: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__kv-area {
    height: 7.7333333333vw;
  }
}
.c-sc2-home__kv-link {
  display: block;
}
.c-sc2-home__kv .slide-pagination-wrapper {
  width: 212px;
  height: 30px;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .c-sc2-home__kv .slide-pagination-wrapper {
    width: 100%;
    height: 100%;
    bottom: 0;
  }
}
.c-sc2-home__kv .swiper-pagination {
  width: 56px;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .c-sc2-home__kv .swiper-pagination {
    display: inline-flex;
    width: 10.6666666667vw;
    height: 1.8666666667vw;
    top: 2.6666666667vw;
  }
}
.c-sc2-home__kv .swiper-pagination-bullet {
  background-color: #fff;
  border: 2px solid #ff8400;
  width: 10px;
  height: 10px;
  margin: 0 7px !important;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__kv .swiper-pagination-bullet {
    border-width: 0.2666666667vw;
    width: 1.8666666667vw;
    height: 1.8666666667vw;
    margin: 0 1.3333333333vw !important;
  }
}
.c-sc2-home__kv .swiper-pagination-bullet-active {
  background-color: #ff8400;
}
.c-sc2-home__kv-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 1;
}

/* kv:end */
.c-sc2-home__cm-item--space, .c-sc2-home__cm-item {
  width: 460px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__cm-item--space, .c-sc2-home__cm-item {
    width: 47.9166666667%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__cm-item--space, .c-sc2-home__cm-item {
    width: 89.3333333333vw;
    margin-bottom: 5.9701492537%;
  }
}

/* cm:start */
.c-sc2-home__cm {
  position: relative;
  background: linear-gradient(to bottom, #93cb00, #009f87);
  padding-top: 90px;
  padding-bottom: 35px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__cm {
    padding-top: 9%;
    padding-bottom: 3.5%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__cm {
    padding-top: 13.3333333333%;
    padding-bottom: 5.3333333333%;
  }
}
.c-sc2-home__cm::after {
  background-image: url(/products/brand/hba1ctaisaku/assets/img/cont_bg_01.png);
}
@media screen and (max-width: 767px) {
  .c-sc2-home__cm::after {
    background-image: url(/products/brand/hba1ctaisaku/assets/img/cont_bg_01-sp.png);
  }
}
.c-sc2-home__cm-ttl {
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__cm-ttl {
    margin-bottom: 5%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__cm-ttl {
    margin-bottom: 10.447761194%;
  }
}
.c-sc2-home__cm-movie {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__cm-movie {
    flex-direction: column;
  }
}
.c-sc2-home__cm-subttl {
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__cm-subttl {
    margin-bottom: 4.1666666667%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__cm-subttl {
    margin-bottom: 8.9552238806%;
  }
}
.c-sc2-home__cm-subttl:nth-of-type(n+2) {
  margin-top: 45px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__cm-subttl:nth-of-type(n+2) {
    margin-top: 4.6875%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__cm-subttl:nth-of-type(n+2) {
    margin-top: 3.7313432836%;
  }
}
.c-sc2-home__cm-item--space {
  margin-left: 40px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__cm-item--space {
    margin-left: 4%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__cm-item--space {
    margin-left: 0;
  }
}
.c-sc2-home__cm-txt {
  margin-top: 30px;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .c-sc2-home__cm-txt {
    white-space: nowrap;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__cm-txt {
    margin-top: 6.5217391304%;
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__cm-txt {
    margin-top: 5.223880597%;
    font-size: 5.3333333333vw;
    line-height: 1.4;
  }
}

/* cm:end */
.c-sc2-home__about-txt--btm, .c-sc2-home__about-txt {
  text-align: center;
  font-size: 24px;
  line-height: 1.6666666667;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-txt--btm, .c-sc2-home__about-txt {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-txt--btm, .c-sc2-home__about-txt {
    font-size: 4.8vw;
    line-height: 1.6666666667;
  }
}

.c-sc2-home__about-txt-dec::after, .c-sc2-home__about-txt-dec::before {
  content: "";
  position: absolute;
  top: 5px;
  width: 20px;
  height: 30px;
  background-image: url(/products/brand/hba1ctaisaku/assets/img/about_txt_dec.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-txt-dec::after, .c-sc2-home__about-txt-dec::before {
    top: 0.5vw;
    width: 2vw;
    height: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-txt-dec::after, .c-sc2-home__about-txt-dec::before {
    top: 1.6vw;
    width: 5.8666666667vw;
    height: 12.5333333333vw;
    background-image: url(/products/brand/hba1ctaisaku/assets/img/about_txt_dec-sp.png);
  }
}

/* about:start */
.c-sc2-home__about {
  position: relative;
  background-color: #e9f5f1;
  padding: 110px 0 40px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about {
    padding: 11% 0 4%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about {
    padding: 9.3333333333% 0 13.3333333333%;
  }
}
.c-sc2-home__about::after {
  background-image: url(/products/brand/hba1ctaisaku/assets/img/cont_bg_02.png);
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about::after {
    background-image: url(/products/brand/hba1ctaisaku/assets/img/cont_bg_02-sp.png);
  }
}
.c-sc2-home__about-body {
  padding-top: 90px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-body {
    padding-top: 9.375%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-body {
    padding-top: 14.9253731343%;
  }
}
.c-sc2-home__about-ttl {
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-ttl {
    margin-bottom: 5.2083333333%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-ttl {
    margin-bottom: 10.447761194%;
  }
}
.c-sc2-home__about-content {
  margin-bottom: 90px;
  padding: 78px 80px 65px;
  background-image: url(/products/brand/hba1ctaisaku/assets/img/about_bg_01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-content {
    margin-bottom: 9.375%;
    padding: 8.125% 8.3333333333% 6.7708333333%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-content {
    margin-bottom: 14.9253731343%;
    padding: 14.1791044776% 7.4626865672% 10.1492537313%;
    background-image: url(/products/brand/hba1ctaisaku/assets/img/about_bg_01-sp.png);
  }
}
.c-sc2-home__about-txt {
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-txt {
    margin-bottom: 6.25%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-txt {
    margin-bottom: 11.4035087719%;
  }
}
.c-sc2-home__about-txt-green {
  font-weight: bold;
  color: #009984;
}
.c-sc2-home__about-txt--btm {
  margin-top: 25px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-txt--btm {
    margin-top: 3.125%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-txt--btm {
    margin-top: 6.3157894737%;
  }
}
.c-sc2-home__about-txt-dec {
  position: relative;
  display: inline-block;
}
.c-sc2-home__about-txt-dec::before {
  left: -30px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-txt-dec::before {
    left: -3vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-txt-dec::before {
    left: -5.3333333333vw;
  }
}
.c-sc2-home__about-txt-dec::after {
  right: -25px;
  transform: scale(-1, 1);
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-txt-dec::after {
    right: -2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-txt-dec::after {
    right: -5.3333333333vw;
  }
}
.c-sc2-home__about-area {
  position: relative;
  width: 790px;
  margin: 0 auto;
  background-color: #fffbc9;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-area {
    width: 98.75%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-area {
    width: 100%;
  }
}
.c-sc2-home__about-fukidashi {
  position: absolute;
  top: -20px;
  left: 50.5%;
  transform: translateX(-50%);
  padding: 3px 20px;
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #ff8401;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-fukidashi {
    top: -15.873015873%;
    padding: 0.3797468354% 2.5316455696%;
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-fukidashi {
    top: -12.5%;
    padding: 0.5263157895% 3.5087719298%;
    font-size: 4.2666666667vw;
  }
}
.c-sc2-home__about-fukidashi::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 49.5%;
  transform: translateX(-50%);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 11px solid #ff8401;
  border-bottom: 0;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-fukidashi::before {
    bottom: -26.3157894737%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-fukidashi::before {
    bottom: -25.8620689655%;
    border-right-width: 2.1333333333vw;
    border-left-width: 2.1333333333vw;
    border-top-width: 2.4vw;
  }
}
.c-sc2-home__about-box {
  padding: 40px 50px 30px;
  background-image: url(/products/brand/hba1ctaisaku/assets/img/about_bg_02.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-shadow: 4px 4px 0px 0px rgba(0, 153, 132, 0.3);
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-box {
    padding: 4.1666666667% 5.2083333333% 3.125%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-box {
    background-image: url(/products/brand/hba1ctaisaku/assets/img/about_bg_02-sp.png);
    padding: 10.447761194% 5.9701492537% 8.2089552239%;
    box-shadow: 0.9333333333vw 0.9333333333vw 0px 0px rgba(0, 153, 132, 0.3);
  }
}
.c-sc2-home__about-lead {
  display: block;
  margin-bottom: 15px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-lead {
    margin-bottom: 1.7441860465%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-lead {
    margin-bottom: 4.2372881356%;
  }
}
.c-sc2-home__about-detail {
  text-align: center;
  font-size: 18px;
  line-height: 1.6666666667;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-detail {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-detail {
    font-size: 4.2666666667vw;
    line-height: 1.6875;
  }
}
.c-sc2-home__about-detail:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__about-detail:not(:last-child) {
    margin-bottom: 3.488372093%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__about-detail:not(:last-child) {
    margin-bottom: 10.1694915254%;
  }
}

/* about:end */
/* feature:start */
.c-sc2-home__feature {
  position: relative;
  padding: 110px 0 35px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__feature {
    padding: 11% 0 3.5%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__feature {
    padding: 9.3333333333% 0 12%;
  }
}
.c-sc2-home__feature::after {
  background-image: url(/products/brand/hba1ctaisaku/assets/img/cont_bg_03.png);
}
@media screen and (max-width: 767px) {
  .c-sc2-home__feature::after {
    background-image: url(/products/brand/hba1ctaisaku/assets/img/cont_bg_03-sp.png);
  }
}
.c-sc2-home__feature-body {
  padding-top: 90px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__feature-body {
    padding-top: 9.375%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__feature-body {
    padding-top: 14.1791044776%;
  }
}
.c-sc2-home__feature-ttl {
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__feature-ttl {
    margin-bottom: 5.2083333333%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__feature-ttl {
    margin-bottom: 9.7014925373%;
  }
}
.c-sc2-home__feature-txt {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__feature-txt {
    font-size: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__feature-txt {
    font-size: 5.3333333333vw;
    line-height: 1.5;
  }
}
.c-sc2-home__feature-txt-dec {
  display: inline-block;
  margin-bottom: 20px;
  padding: 8px 45px 8px 57px;
  background-color: #ff0000;
  border-radius: 28.5px;
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__feature-txt-dec {
    margin-bottom: 2.0833333333%;
    padding: 0.8333333333% 4.6875% 0.8333333333% 5.9375%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__feature-txt-dec {
    margin-bottom: 2.3880597015%;
    padding: 0.8955223881% 6.5671641791% 0.8955223881% 8.9552238806%;
    font-size: 4.8vw;
    border-radius: 4.3333333333vw;
  }
}
.c-sc2-home__feature-txt-sup {
  font-size: 0.5em;
}
.c-sc2-home__feature-txt-emphasis {
  display: inline-block;
  margin-top: -5px;
  font-size: 40px;
  color: #009984;
  background: linear-gradient(180deg, transparent 0%, transparent 70%, #feea01 70%, #feea01 85%, transparent 85%, transparent 100%);
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__feature-txt-emphasis {
    margin-top: -0.5208333333%;
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__feature-txt-emphasis {
    margin-top: -0.447761194%;
    font-size: 6.4vw;
  }
}
.c-sc2-home__feature-note {
  text-align: center;
  font-size: 12px;
  margin-top: 7px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__feature-note {
    font-size: 1.2vw;
    margin-top: 0.7291666667%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__feature-note {
    text-align: left;
    font-size: 2.6666666667vw;
    line-height: 1.4;
    letter-spacing: -0.05em;
    margin-top: 1.7910447761%;
  }
}
.c-sc2-home__feature-box {
  display: block;
  margin: 35px 0;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__feature-box {
    margin: 3.6458333333% 0;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__feature-box {
    margin: 6.7164179104% 0 5.9701492537%;
  }
}

/* feature:end */
.c-sc2-home__product-hdg--sugar, .c-sc2-home__product-hdg {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  border: 1px solid #009984;
  border-radius: 13px;
  margin-bottom: 17px;
  padding: 5px 18px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__product-hdg--sugar, .c-sc2-home__product-hdg {
    font-size: 1.4vw;
    margin-bottom: 1.7vw;
    padding: 0.5vw 1.8vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product-hdg--sugar, .c-sc2-home__product-hdg {
    font-size: 3.2vw;
    border-width: 0.2666666667vw;
    border-radius: 3vw;
    margin-bottom: 3.3898305085%;
    padding: 1.3559322034% 4.7457627119%;
  }
}

/* product:start */
.c-sc2-home__product {
  position: relative;
  background: linear-gradient(180deg, #93cb00 0, #009f87 100%);
  padding: 110px 0 40px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__product {
    padding: 11% 0 4%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product {
    padding: 9.3333333333% 0 13.3333333333%;
  }
}
.c-sc2-home__product::after {
  background-image: url(/products/brand/hba1ctaisaku/assets/img/cont_bg_01.png);
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product::after {
    background-image: url(/products/brand/hba1ctaisaku/assets/img/cont_bg_01-sp.png);
  }
}
.c-sc2-home__product-body {
  padding-top: 90px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__product-body {
    padding-top: 9.375%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product-body {
    padding-top: 14.1791044776%;
  }
}
.c-sc2-home__product-ttl {
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__product-ttl {
    margin-bottom: 5.2083333333%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product-ttl {
    margin-bottom: 10.447761194%;
  }
}
.c-sc2-home__product-box {
  background-color: #fff;
  padding: 50px 52px 46px 50px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__product-box {
    padding: 5vw 5.2vw 4.6vw 5vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product-box {
    padding: 10.6666666667vw 5.3333333333vw 7.3333333333vw;
    flex-direction: column;
  }
}
.c-sc2-home__product-box + .c-sc2-home__product-box {
  margin-top: 40px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__product-box + .c-sc2-home__product-box {
    margin-top: 4.1666666667%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product-box + .c-sc2-home__product-box {
    margin-top: 8.9552238806%;
  }
}
.c-sc2-home__product-img {
  margin-top: -12px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__product-img {
    margin-top: -1.2vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product-img {
    width: 100%;
    margin-top: 0;
  }
}
.c-sc2-home__product-txts {
  margin-left: 50px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__product-txts {
    margin-left: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product-txts {
    text-align: center;
    margin-top: 10.1694915254%;
    margin-left: 0;
  }
}
.c-sc2-home__product-hdg {
  color: #009984;
}
.c-sc2-home__product-hdg--sugar {
  color: #fff;
  background-color: #009984;
  margin-left: 7px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__product-hdg--sugar {
    margin-left: 0.7vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product-hdg--sugar {
    margin-left: 1.6vw;
  }
}
.c-sc2-home__product-name {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.3846153846;
  color: #282828;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__product-name {
    font-size: 2.6vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product-name {
    font-size: 5.3333333333vw;
    line-height: 1.4;
  }
}
.c-sc2-home__product-txt {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 16px;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__product-txt {
    font-size: 1.6vw;
    margin-top: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product-txt {
    font-size: 4.2666666667vw;
    line-height: 1.6875;
    margin-top: 4.2372881356%;
    white-space: normal;
    text-align: left;
  }
}
.c-sc2-home__product-btn {
  margin-top: 22px;
  margin-left: 0;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__product-btn {
    margin-top: 2.2vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product-btn {
    margin-top: 4.6666666667vw;
  }
}
.c-sc2-home__product-note {
  text-align: left;
  width: 560px;
  margin-top: 38px;
  font-size: 10px;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__product-note {
    width: 56vw;
    margin-top: 3.8vw;
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__product-note {
    width: 100%;
    margin-top: 7.4666666667vw;
    font-size: 2.6666666667vw;
    line-height: 1.4;
    letter-spacing: -0.05em;
  }
}

/* product:end */
/* buy:start */
.c-sc2-home__buy {
  background-color: #f7f7f7;
  padding-top: 110px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__buy {
    padding-top: 11%;
    padding-bottom: 2%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__buy {
    padding-top: 9.3333333333%;
    padding-bottom: 5.3333333333%;
  }
}
.c-sc2-home__buy-body {
  padding-top: 80px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__buy-body {
    padding-top: 8.3333333333%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__buy-body {
    padding-top: 14.1791044776%;
  }
}
.c-sc2-home__buy-ttl {
  margin-bottom: 30px;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__buy-ttl {
    margin-bottom: 3.125%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__buy-ttl {
    margin-bottom: 5.9701492537%;
  }
}
.c-sc2-home__buy-img {
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__buy-img {
    margin-bottom: 6.25%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__buy-img {
    margin-bottom: 8.9552238806%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__buy-link-amazon {
    width: 37.1641791045%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__buy-link-store {
    width: 92.5373134328%;
  }
}

/* buy:end */
.c-sc2-home__qa-answer--large, .c-sc2-home__qa-answer {
  display: flex;
  background-color: #f4f4f4;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-answer--large, .c-sc2-home__qa-answer {
    padding: 5.9701492537% 4.4776119403%;
  }
}

.c-sc2-home__qa-answer-link-02, .c-sc2-home__qa-answer-link-01 {
  display: inline-block;
  position: relative;
  margin-top: 5px;
  font-size: 16px;
  color: #a68340;
  border-bottom: 1px solid #a68340;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-answer-link-02, .c-sc2-home__qa-answer-link-01 {
    margin-top: 2vw;
    padding-bottom: 0.6666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1;
    border-bottom-width: 0.2666666667vw;
  }
}
.c-sc2-home__qa-answer-link-02:hover, .c-sc2-home__qa-answer-link-01:hover {
  color: #a68340;
}
.c-sc2-home__qa-answer-link-02::before, .c-sc2-home__qa-answer-link-01::before {
  position: absolute;
  top: 50%;
  right: -17px;
  transform: translateY(-50%);
  content: "";
  width: 10px;
  height: 15px;
  background-image: url(../img/qa_txt_icon_arrow.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-answer-link-02::before, .c-sc2-home__qa-answer-link-01::before {
    right: -2.6666666667vw;
    width: 1.7333333333vw;
    height: 2.6666666667vw;
    background-image: url(../img/qa_txt_icon_arrow-sp.png);
  }
}

/* qa:start */
.c-sc2-home__qa {
  padding: 90px 0 0;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa {
    padding: 12.6666666667% 0 10.6666666667%;
  }
}
.c-sc2-home__qa-ttl {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-ttl {
    margin-bottom: 10.447761194%;
  }
}
.c-sc2-home__qa-acd + .c-sc2-home__qa-acd {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-acd + .c-sc2-home__qa-acd {
    margin-top: 5.9701492537%;
  }
}
.c-sc2-home__qa-question {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 80px 20px 20px;
  background-color: #009a7e;
  border: none;
  cursor: pointer;
  appearance: none;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-question {
    align-items: flex-start;
    padding: 4.4776119403% 14.1791044776% 4.4776119403% 4.4776119403%;
  }
}
.c-sc2-home__qa-question-icon {
  width: 42px;
  margin-right: 18px;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-question-icon {
    width: 11.0091743119%;
    margin-top: 1.8348623853%;
    margin-right: 3.6697247706%;
  }
}
.c-sc2-home__qa-question-txt {
  flex: 1;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-question-txt {
    width: 85.3211009174%;
    margin-bottom: 0;
    font-size: 4.2666666667vw;
    line-height: 1.6875;
  }
}
.c-sc2-home__qa-answer {
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-answer {
    align-items: flex-start;
  }
}
.c-sc2-home__qa-answer-icon {
  width: 42px;
  margin-right: 18px;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-answer-icon {
    width: 9.8360655738%;
    margin-top: 0.4918032787%;
    margin-right: 3.2786885246%;
  }
}
.c-sc2-home__qa-answer-txtarea {
  flex: 1;
  width: 860px;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-answer-txtarea {
    width: 86.8852459016%;
  }
}
.c-sc2-home__qa-answer-txt {
  margin: -6px 0;
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-answer-txt {
    margin: -1.3333333333vw 0;
    font-size: 3.7333333333vw;
    line-height: 1.7142857143;
  }
}
.c-sc2-home__qa-answer-txt-thickness {
  font-weight: bold;
}
.c-sc2-home__qa-answer-txt + .c-sc2-home__qa-answer-txt {
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-answer-txt + .c-sc2-home__qa-answer-txt {
    margin-top: 10.3773584906%;
  }
}
.c-sc2-home__qa-answer-link-02 {
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-answer-link-02 {
    margin-right: 3.3333333333vw;
  }
}
.c-sc2-home__qa-answer-link-02::before {
  right: -18px;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-answer-link-02::before {
    right: -2.6666666667vw;
  }
}
.c-sc2-home__qa-btn {
  display: block;
  width: 540px;
  margin: 120px auto 0;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__qa-btn {
    width: 92.5373134328%;
    margin-top: 17.9104477612%;
  }
}

/* qa:end */
/* float:start */
.c-sc2-home #js-pagetop {
  transition: opacity 0.3s;
  opacity: 0;
  pointer-events: none;
}
.c-sc2-home #js-pagetop.active {
  opacity: 1;
  pointer-events: auto;
}
.c-sc2-home__float {
  position: sticky;
  z-index: 5;
  bottom: 30px;
  left: calc(100% - 100px);
  width: 70px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin-bottom: 30px;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__float {
    bottom: 5.3333333333vw;
    left: calc(100% - 18.6666666667vw);
    width: 13.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}

/* float:end */
.c-sc2-home__modal-img-02, .c-sc2-home__modal-img-01 {
  width: 238px;
  margin-right: 40px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__modal-img-02, .c-sc2-home__modal-img-01 {
    width: 23.8vw;
    margin-right: 4.8780487805%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__modal-img-02, .c-sc2-home__modal-img-01 {
    width: 50vw;
    margin: 0 auto 8vw;
  }
}

.c-sc2-home__modal-wrap--line, .c-sc2-home__modal-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}

/* modal:start */
.c-sc2-home__modal {
  opacity: 0;
  visibility: hidden;
}
.c-sc2-home__modal.show {
  visibility: visible;
  opacity: 1;
}
.c-sc2-home__modal-area {
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  z-index: 11;
  left: 0;
  top: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.c-sc2-home__modal-content {
  background-color: #fff;
  padding: 60px 50px 45px;
  width: 920px;
  box-sizing: border-box;
  position: relative;
  z-index: 12;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__modal-content {
    padding: 6% 5% 4.5%;
    width: 92vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__modal-content {
    width: 89.3333333333vw;
    height: 90svh;
    overflow-y: scroll;
    padding: 8% 5.3333333333% 6.6666666667%;
  }
}
.c-sc2-home__modal-close {
  content: "";
  background-image: url(/products/brand/hba1ctaisaku/assets/img/modal_icon_close.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 42px;
  height: 42px;
  position: absolute;
  top: 20px;
  right: 20px;
  border: none;
  cursor: pointer;
  appearance: none;
  background-color: transparent;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__modal-close {
    width: 4.2vw;
    height: 4.2vw;
    top: 2vw;
    right: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__modal-close {
    background-image: url(/products/brand/hba1ctaisaku/assets/img/modal_icon_close-sp.png);
    background-size: 100%;
    width: 7.0666666667vw;
    height: 7.0666666667vw;
    top: 3.6vw;
    right: 4vw;
  }
}
.c-sc2-home__modal-close:hover, .c-sc2-home__modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.c-sc2-home__modal-body {
  display: flex;
}
@media screen and (max-width: 767px) {
  .c-sc2-home__modal-body {
    flex-direction: column;
  }
}
.c-sc2-home__modal-img-01 {
  margin-top: 50px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__modal-img-01 {
    margin-top: 6.0975609756%;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__modal-img-01 {
    margin-top: 0;
  }
}
.c-sc2-home__modal-ttl {
  display: block;
  margin-bottom: 35px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__modal-ttl {
    margin-bottom: 3.5vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__modal-ttl {
    margin-bottom: 5.3333333333vw;
  }
}
.c-sc2-home__modal-list {
  display: flex;
  font-size: 12px;
  line-height: 2.3333333333;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__modal-list {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__modal-list {
    flex-direction: column;
    font-size: 3.2vw;
    line-height: 1.1666666667;
  }
}
.c-sc2-home__modal-summary {
  width: 255px;
  margin-right: 15px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__modal-summary {
    width: 25.5vw;
    margin-right: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__modal-summary {
    width: 100%;
    margin: 0 auto 8vw;
  }
}
.c-sc2-home__modal-ingredient {
  width: 255px;
  margin-left: 15px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__modal-ingredient {
    width: 25.5vw;
    margin-left: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__modal-ingredient {
    width: 100%;
    margin: auto;
  }
}
.c-sc2-home__modal-hdg {
  border-bottom: 1px solid #009984;
  margin-bottom: 6px;
  padding-bottom: 3px;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__modal-hdg {
    margin-bottom: 0.6vw;
    padding-bottom: 0.3vw;
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__modal-hdg {
    font-size: 4.2666666667vw;
    margin-bottom: 2.6666666667vw;
    padding-bottom: 2.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__modal-wrap:not(:first-of-type) {
    padding-top: 1.6vw;
  }
}
.c-sc2-home__modal-wrap--line {
  margin-top: 2px;
  padding-top: 5px;
  border-top: 1px solid #d2d2d2;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__modal-wrap--line {
    margin-top: 0.2vw;
    padding-top: 0.5vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__modal-wrap--line {
    margin-top: 2.1333333333vw;
    padding-top: 3.3333333333vw;
  }
}
.c-sc2-home__modal-item {
  width: 105px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__modal-item {
    width: 10.5vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__modal-item {
    width: 27.7333333333vw;
  }
}
.c-sc2-home__modal-explanation {
  width: 154px;
  line-height: 1.6666666667;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__modal-explanation {
    width: 15.4vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__modal-explanation {
    width: 49.3333333333vw;
    line-height: 1.6666666667;
  }
}
.c-sc2-home__modal-bg {
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.c-sc2-home__modal-number {
  font-size: 12px;
  line-height: 2.3333333333;
  margin-top: 16px;
}
@media screen and (max-width: 1000px) {
  .c-sc2-home__modal-number {
    font-size: 1.2vw;
    margin-top: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sc2-home__modal-number {
    font-size: 3.2vw;
    line-height: 1.1666666667;
    margin-top: 6.6666666667vw;
  }
}

/* modal:end */