@charset "utf-8";

html:has(#funwaribust-milkycream) {
	scroll-behavior: smooth;
}
#funwaribust-milkycream {
  margin: 0 auto;
  max-width: 1000px;
}

/*------------------------------------------------------
  GIF
------------------------------------------------------*/
#funwaribust-milkycream .texture {
  position: relative;
}
#funwaribust-milkycream .texture .gif {
  position: absolute;
  top: 50%;
  right: 54px;
  transform: translateY(-50%);
  width: 440px;
}
#funwaribust-milkycream .texture.texture2 .gif {
  right: 99px;
  width: 396px;
}

@media (width < 821px) {
  #funwaribust-milkycream .texture .gif {
    right: 4.696vw;
    width: 38.261vw;
  }
  #funwaribust-milkycream .texture.texture2 .gif {
    right: 8.609vw;
    width: 34.435vw;
  }
}

/*------------------------------------------------------
  CTA
------------------------------------------------------*/
#funwaribust-milkycream .cta {
  position: relative;
}
#funwaribust-milkycream .cta__btn {
  position: absolute;
  left: 50%;
  bottom: 300px;
  transform: translateX(-50%);
  width: 835px;
}
#funwaribust-milkycream .cta__btn a {
  display: block;
}
#funwaribust-milkycream .cta-anchor .cta__btn {
  bottom: 40px;
  width: 846px;
}

@media (width < 821px) {
  #funwaribust-milkycream .cta__btn {
    bottom: 25.5vw;
    width: 83.5%;
  }
  #funwaribust-milkycream .cta-anchor .cta__btn {
    bottom: 4vw;
    width: 84.6%;
  }
}

/*------------------------------------------------------
  Contact
------------------------------------------------------*/
.l-contact {
  position: relative;
}
.contact {
  position: absolute;
  left: 50%;
  bottom: 285px;
  transform: translateX(-50%);
  display: flex;
}
.contact li {
  width: 270px;
}

@media (width < 821px) {
  .contact {
    bottom: 26.5vw;
  }
  .contact li {
    width: 23vw;
  }
}

/*------------------------------------------------------
  fixed-btn
------------------------------------------------------*/
.fixed-btn {
  width: 250px;
  position: fixed;
  right: 0;
  bottom: 20px;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .fixed-btn {
    width: 33.33333vw;
    bottom: 2.66667vw;
  }
}


/*------------------------------------------------------
  QA
------------------------------------------------------*/
.qa img {
  display: block;
}
.qa__detail dt {
  cursor: pointer;
}
.qa__detail dd {
  display: none;
}

/*------------------------------------------------------
  カスタマーセンター
------------------------------------------------------*/
.customer-center {
  position: relative;
}
.customer-center .btn_chat {
  position: absolute;
  top: 153px;
  left: 50%;
  transform: translateX(-50%);
  width: 670px;
}
@media (width < 768px) {
  .customer-center .btn_chat {
    top: 13.333vw;
    width: 67.2vw;
  }
}