html {
  scroll-behavior: smooth;
  /* デザイン幅1920に対しての1rem分のvwをfont-sizeとしremでレスポンシブ対応する */
  overflow-x: hidden;
  font-size: 0.2544529262086514vw;
  @media screen and (min-width: 961px) {
    font-size: 1px;
  }
}
p {
  margin: 0;
}
h1, h2, h3 {
  margin: 0;
}
body {
  overflow-x: hidden;
  position: relative;
  background: #ffffff;
  margin: 0;
  font-family: "Noto Sans JP", serif;
  color: #343434;
  @media screen and (min-width: 961px) {
    display: grid;
    justify-items: center;
  }
}

.main {
  @media screen and (min-width: 961px) {
    display: grid;
    justify-items: center;
  }
}

.fix__text {
  display: none;
  @media screen and (min-width: 961px) {
    display: block;
    position: fixed;
    width: 23.61vw;
    height: 17.01vw;
    top: 19.31vw;
    left: 7.5vw;
    z-index: 99;
  }
}

.fix__bg {
  display: none;
  @media screen and (min-width: 961px) {
    display: block;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: -1;
  }
}

.dot-line {
  width: 312rem;
  margin-left: 41rem;
}

.fv {
  width: 393rem;
}

.fv__bg {
  width: 393rem;
  height: 603rem;
}

.fv__banner {
  background-color: #82C6B9;
}

.fv__banner > b {
  font-size: 24rem;
  letter-spacing: 1rem;
  color: #ffffff;
  font-weight: 700;
  padding-top: 20rem;
  width: 100%;
  text-align: center;
  display: block;
}

.fv__banner > hr {
  margin: 13rem 20rem 0 20rem;

}

.fv__banner > p {
  margin-top: 6rem;
  padding-bottom: 19rem;
  font-size: 20rem;
  line-height: 27rem;
  color: #ffffff;
  font-weight: 700;
  width: 100%;
  text-align: center;
  display: block;
}

.intro {
  position: relative;
  width: 393rem;
}

.intro__bg {
  width: 393rem;
  height: 1000rem;
}

.intro__wrapper {
  position: absolute;
  top: 0;
  z-index: 99;
}

.intro__scroll {
  width: 241rem;
  margin-left: 76rem;
  margin-top: 60rem;
  text-align: center;
  color: #333333;
  font-size: 15rem;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  line-height: 23rem;
  word-wrap: break-word;
}

.intro__pop {
  background-color: #00C6B2;
  position: relative;
  width: 314rem;
  margin-left: 40rem;
  margin-top: 37rem;
  border-radius: 13rem;
  display: grid;
  justify-items: center;
  box-shadow: 0px 3px 6.3px 1px rgba(77, 150, 138, 0.33);
}

.intro__pop-head {
  background-color: #00C6B2;
  border-radius: 30rem;
  height: 37rem;
  width: 187rem;
  position: absolute;
  font-size: 20rem;
  line-height: 37rem;
  letter-spacing: 2rem;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  left: 63rem;
  top: -24rem;
}

.intro__pop-top {
  background-color: #ffffff;
  height: 132rem;
  width: 314rem;
  border-radius: 13rem 13rem 0 0;
}

.intro__pop-top > p {
  padding-top: 28rem;
  font-size: 18rem;
  line-height: 23rem;
  letter-spacing: 2rem;
  color: #0EC6B4;
  width: 100%;
  text-align: center;
  display: block;
  font-weight: 700;
}

.intro__pop-top > small {
  margin-top: 5rem;
  margin-bottom: 14rem;
  font-size: 9rem;
  line-height: 21rem;
  color: #676767;
  width: 100%;
  text-align: center;
  display: block;
  font-weight: 400;
}

.intro__pop > p {
  font-size: 18rem;
  line-height: 23rem;
  letter-spacing: 2rem;
  color: #ffffff;
  font-weight: 700;
  margin-top: 16rem;
  margin-left: 20rem;
}

.intro__pop > a {
  width: 256rem;
  height: 54rem;
  margin-top: 12rem;
  margin-bottom: 20rem;
}

.intro__pop > a > img {
  width: 100%;
}

.intro__catch {
  margin-top: 44rem;
  width: 261rem;
  margin-left: 74rem;
}

.intro__logo {
  width: 66rem;
  height: 16rem;
  margin-left: 164rem;
  margin-top: 47rem;
}

.intro__sub {
  margin-left: 159rem;
  margin-top: 4rem;
  color: #343434;
  font-size: 13rem;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  line-height: 25rem;
  word-wrap: break-word;
}

.intro__img {
  width: 304rem;
  height: 192.21rem;
  margin-left: 45rem;
  margin-top: 10rem;
}

.intro__jaejoon-text {
  margin-top: 10.79rem;
  margin-left: 145rem;
  width: 103rem;
  height: 25rem;
}

.intro__jaejoon-sub {
  margin-left: 158rem;
  color: #343434;
  font-size: 12rem;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  word-wrap: break-word;
}

.intro .dot-line {
  margin-top: 10rem;
}

.intro__profile {
  width: 300rem;
  text-align: center;
  margin-left: 46rem;
  margin-top: 14rem;
  color: #343434;
  font-size: 11rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  line-height: 21rem;
  word-wrap: break-word;
}

.intro__message-text {
  width: 205rem;
  height: 25rem;
  margin-top: 28rem;
  margin-left: 96rem;
}

.intro__youtube {
  width: 307rem;
  height: 170rem;
  margin-left: 43rem;
  margin-top: 14rem;
}

.deco1 {
  width: 393rem;
  height: 92rem;
  display: block;
  z-index: 999;
}

.banner1 {
  width: 393rem;
  height: 103rem;
  background: #82C6B9;
  z-index: 999;
}

.banner1 > p {
  height: 49rem;
  padding: 25rem;
  padding-top: 25rem;
  text-align: center;
  color: white;
  font-size: 20rem;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  line-height: 27rem;
  word-wrap: break-word;
}

.set {
  width: 393rem;
  background-color: #E4F4F1;
  z-index: 999;
}

.set__heading > img {
  width: 189rem;
  height: 24rem;
  margin-top: 48rem;
  margin-left: 102rem;
}

.set__heading > p {
  width: 348rem;
  height: 24rem;
  margin-left: 25rem;
  margin-top: 7rem;
  text-align: center;
  color: #343434;
  font-size: 12rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  line-height: 25rem;
  word-wrap: break-word;
}

.set__heading > small {
  margin-left: 122rem;
  text-align: center;
  color: #757575;
  font-size: 10rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  word-wrap: break-word;
}

.dot-line.set__line--1 {
  margin-top: 22rem;
}

.set__heading-img {
  width: 281rem;
  height: 24rem;
  margin-left: 55rem;
  text-align: center;
  color: black;
  font-size: 24rem;
  font-weight: 400;
  line-height: 25rem;
  word-wrap: break-word;
}

.set__a .set__heading-img {
  margin-top: 28rem;
}

.set__sub-img {
  width: 100%;
  text-align: center;
  margin-top: 2rem;
}

.set__sub-img > img {
  width: 26rem;
  height: 26rem;
}

.set__sub-img > p {
  color: black;
  font-size: 24rem;
  font-weight: 400;
  line-height: 25rem;
  font-family: "Noto Serif JP", serif;
}

.set__card {
  background-color: rgba(255, 255, 255, 0.60);
  width: 310rem;
  border-radius: 10rem;
  margin-top: 9rem;
  margin-left: 44rem;
}

.set__a > .set__card {
  margin-top: 18rem;
  height: 359rem;
}

.set__a > .set__card > img {
  width: 274rem;
  height: 226rem;
  margin-top: 20rem;
  margin-left: 12rem;
}
.set__a > .set__card > p {
  margin-top: 8rem;
  margin-left: 13rem;
  width: 280rem;
  text-align: center;
  color: #343434;
  font-size: 11rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 16rem;
  word-wrap: break-word;
}

.set__price {
  width: 285rem;
  margin-left: 120rem;
  margin-top: 20rem;
  color: #1BB09D;
  font-size: 36rem;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  line-height: 25rem;
  word-wrap: break-word;
}

.set__price > span {
  color: #1BB09D;
  font-size: 16rem;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  line-height: 25rem;
  word-wrap: break-word;
}

.set__price > small {
  color: #1BB09D;
  font-size: 12rem;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  line-height: 25rem;
  word-wrap: break-word;
}

.set__attention {
  position: relative;
  width: 393rem;
  text-align: center;
  color: black;
  font-size: 10rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 15rem;
  word-wrap: break-word;
  margin-top: 10rem;
  margin-bottom: 20rem;
}

.set__soldout {
  position: absolute;
  width: 393rem;
  background-color: rgba(255, 255, 255, 0.70);
  z-index: 999;
}

.set__cta {
  width: 325rem;
  margin-left: 36rem;
}

.set__detail-btn {
  width: 325rem;
  margin-left: 36rem;
}

.dot-line.set__line--2 {
  margin-top: 39.6rem;
}

.set__b {
  padding-bottom: 58rem;
}

.set__b .set__heading-img {
  margin-top: 38rem;
}

.set__b > .set__card > img {
  width: 228rem;
  height: 225rem;
  margin-top: 21rem;
  margin-left: 44rem;
}

.set__b > .set__card > p {
  margin-top: 4rem;
  margin-left: 13rem;
  width: 296rem;
  text-align: center;
  color: #343434;
  font-size: 11rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 16rem;
  word-wrap: break-word;
}

.set__b > .set__card {
  margin-top: 18rem;
  height: 359rem;
}

.banner2 {
  width: 393rem;
  height: 43rem;
  background: #1DB19E;
  z-index: 999;
  overflow: hidden;
  display: flex;

}

.banner2 > img {
  width: 392rem;
  color: #ffffff;
  display : inline-block;
  white-space : nowrap;
  animation: bannerFlow 12s linear infinite;
  padding: 0 7rem;
}

@keyframes bannerFlow {
  0% {
    transform: translateX(0)
  }
  100% {
    transform: translateX(-100%)
  }
}

.attention {
  width: 393rem;
  height: 554rem;
  z-index: 999;
  background-color: #ffffff;
}

.attention > p {
  color: #1DB19E;
  font-size: 15rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
  line-height: 31rem;
  letter-spacing: 1rem;
  word-wrap: break-word;
  text-align: center;
  margin-top: 32rem;
}

.attention span {
  font-size: 24rem;
}

.attention__img {
  width: 313rem;
  margin-left: 42rem;
  margin-top: 24rem;
}

.product {
  position: relative;
  width: 393rem;
  background-color: #ffffff;
}

.product__bg {
  width: 393rem;
  height: 1910rem;
  opacity: 0.7;
}

.product__wrapper {
  position: absolute;
  z-index: 99;
  top: 0;
}

.product__heading > img {
  width: 251rem;
  margin-top: 82rem;
  margin-left: 71rem;
}

.product__heading > p {
  width: 209rem;
  margin-left: 92rem;
  margin-top: 9rem;
  text-align: center;
  color: #343434;
  font-size: 12rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  line-height: 25rem;
  word-wrap: break-word
}

.product__mmflora {
  width: 367rem;
}

.product__banner {
  width: 393rem;
  margin-top: 10rem;
}

.product__attention {
  margin-top: 4rem;
  text-align: center;
  color: #343434;
  font-size: 8rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 15rem;
  word-wrap: break-word
}

.product__card {
  display: flex;
  width: 362rem;
  height: 105rem;
  background: rgba(255, 255, 255, 0.50);
  box-shadow: 0px 3px 6.3px 1px rgba(77, 150, 138, 0.33);
  border-radius: 10rem;
  margin-left: 15rem;
  margin-top: 16rem;
}

.product__card:nth-of-type(3) {
  margin-top: 18rem;
}

.product__card img {
  width: 50rem;
  height: 50rem;
  margin-left: 19rem;
  margin-top: 29rem;
}

.product__card div {
  display: grid;
  justify-items: start;
  margin-left: 15rem;
  margin-top: 16rem;
}

.product__card b {
  left: 84rem;
  top: 16rem;
  text-align: center;
  color: #1DB19E;
  font-size: 14rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
  line-height: 15rem;
  word-wrap: break-word;
}
.product__card p {
  width: 259rem;
  height: 59rem;
  color: #343434;
  font-size: 10rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 17rem;
  word-wrap: break-word;
}

.product__attention2 {
  margin-left: 85rem;
  margin-top: 10rem;
  color: #343434;
  font-size: 10rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 15rem;
  word-wrap: break-word;
}

.product__line1 {
  margin-top: 16rem;
}

.product__line2 {
  margin-top: 36rem;
}

.product__line3 {
  margin-top: 23rem;
}

.product__item {
  height: 264rem;
  position: relative;
}

.product__item > img {
  width: 245rem;
  position: absolute;
}

.product__item > img:last-of-type {
  width: 49rem;
  left: 323rem;
  top: 80rem;
  position: absolute;
}

.product__item > .img {
  height: 214rem;
}

.product__item > div {
  display: grid;
  justify-items: start;
  position: absolute;
}

.product__item > div:last-of-type {
  margin-left: 152rem;
  margin-top: 40rem;
}

.product__item > div > img {
  width: 211rem;
}

.product__item > div > b {
  text-align: center;
  color: #1DB19E;
  font-size: 11rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 25rem;
  word-wrap: break-word;
}

.product__item > div > p {
  color: #343434;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  word-wrap: break-word;
  font-size: 10rem;
}

.product__item > div span {
  text-align: center;
  font-size: 16rem;
}

.product__item > div > div {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10rem;
  margin-top: 8rem;
  padding: 11rem 11rem 11rem 15rem;
  width: 197rem;
}

.product__item > div > div > p {
  color: #343434;
  font-size: 10rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 16rem;
  word-wrap: break-word;
}

.product__item > div > small {
  margin-left: 5rem;
  color: #343434;
  font-size: 8rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 17rem;
  word-wrap: break-word;
}

.banner3 {
  width: 393rem;
  height: 42rem;
  z-index: 999;
}

.banner3__attention {
  font-size: 7rem;
  line-height: 17rem;
  letter-spacing: 1rem;
  width: 100%;
  display: block;
  text-align: center;
  color: 656565;
}


.product__howto {
  width: 129rem;
  margin-left: 133rem;
  margin-top: 15rem;
}

.product__howto-card {
  width: 329rem;
  height: 125rem;
  margin-left: 46rem;
  margin-top: 14rem;
  background: rgba(255, 255, 255, 0.70);
  border-radius: 10rem;
  display: flex;
}

.product__howto-card > img {
  width: 109rem;
  height: 109rem;
  margin-top: 8rem;
  margin-left: 9rem;
  border-radius: 10rem;
}

.product__howto-card > div {
  display: grid;
  margin-left: 14rem;
  margin-top: 6rem;
  align-content: start;
}
.product__howto-card > div > b {
  width: 47rem;
  height: 16rem;
  color: #343434;
  font-size: 10rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
  line-height: 17rem;
  word-wrap: break-word;
}
.product__howto-card > div > p {
  width: 179rem;
  height: 68rem;
  color: #343434;
  font-size: 10rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 17rem;
  word-wrap: break-word;
  align-self: flex-start;
}
.product__howto-card > div > small {
  width: 165rem;
  height: 16rem;
  color: #343434;
  font-size: 8rem;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 17rem;
  word-wrap: break-word;
  align-self: flex-start;
}

.product__wrapper  .dot-line {
  margin-top: 25rem;
}

.product__mintfloss > img {
  width: 374rem;
  margin-left: 11rem;
  margin-top: 19rem;
}

.product__mintfloss > div {
  display: flex;
  justify-content: space-between;
  margin-left: 48rem;
  margin-right: 41rem;
}

.product__mintfloss > div > img {
  width: 133rem;
}

.product__mintfloss > div > p {
  color: #343434;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  word-wrap: break-word;
  font-size: 10rem;
  text-align: right;
}

.product__mintfloss > div span {
  text-align: center;
  font-size: 16rem;
}

.product__mintfloss > p {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10rem;
  margin-top: 8rem;
  padding: 7rem 16rem 6rem 16rem;
  font-size: 10rem;
  line-height: 17rem;
  width: 270rem;
  margin-left: 48rem;
}

.product__mintfloss > img:last-of-type {
  width: 270rem;
  margin-left: 65rem;
}

.order {
  position: relative;
  height: 200rem;
}

.order > img {
  width: 393rem;
  height: 200rem;
}

.order > a {
  position: absolute;
  top: 124rem;
  left: 25rem;
}

.order > a > img {
  width: 186rem;
  height: 56rem;
}

.banner4 {
  width: 393rem;
  height: 74rem;
  z-index: 999;
}

.banner4 img {
  width: 100%;
}

.faq {
  background-color: #E4F4F1;
  display: grid;
  justify-items: center;
  padding-bottom: 31rem;
  width: 393rem;
  z-index: 999;
}

.faq > img {
  margin-top: 49rem;
  margin-left: 6rem;
}

.faq > span {
  color: #343434;
  font-size: 12rem;
  line-height: 25rem;
  font-family: "Noto Serif JP", serif;
}

.faq > h3 {
  color: #343434;
  font-size: 16rem;
  line-height: 25rem;
  font-family: "Noto Serif JP", serif;
  margin-top: 25rem;
  font-weight: 400;
}

.faq ul {
  padding: 0;
  width: 310rem;
}

.faq__q {
  color: #343434 !important;
  background-color: #ffffff;
  font-size: 14rem;
  line-height: 25rem;
  font-family: "Noto Sans JP", serif;
  padding: 11rem 49rem 11rem 14rem;
  border-radius: 10rem;
}

.faq__a {
  color: #343434 !important;
  background-color: #ffffff;
  font-size: 11rem;
  line-height: 19rem;
  font-family: "Noto Sans JP", serif;
  padding: 15rem 35rem 18rem 17rem;
  border-radius: 10rem;
  margin-top: 6rem;
}

/* ===============================================Ingredients=============================================== */
.ingredients {
  width: 393rem;
  display: flex;
  flex-direction: column;
  background: #E4F4F1;
  z-index: 999;
  font-family: "Noto Sans JP", serif;
}
.ingredients > h2 {
  text-align: center;
  color: #252525;
  font-weight: 700;
  width: 393rem;
  font-size: 20rem;
  line-height: 37rem;
  letter-spacing: 1rem;
  margin: 0;
}
.ingredients__list {
  position: relative;
  margin-bottom: 22rem;
}
.ingredients__item {
  display: grid;
  justify-items: center;
}
.ingredients__item b {
  color: #252525;
  font-weight: 700;
  font-size: 12rem;
  line-height: 20rem;
  margin-top: 13rem;
}
.ingredients__item p {
  color: #4F4F4F;
  align-self: center;
  text-align: center;
  font-weight: 400;
  width: 347rem;
  font-size: 9rem;
  line-height: 15rem;
  margin-top: 10rem;
}
.ingredients__item span {
  align-self: center;
  text-align: center;
  font-weight: 400;
  width: 347rem;
  font-size: 10rem;
  line-height: 20rem;
  color: #000000;
  line-height: 20rem;
  margin-top: 10rem;
}
.ingredients hr {
  margin-left: 27rem;
  margin-top: 18rem;
  border: .7rem #ffffff solid;
  width: 336rem;
}

/* ===============================================Footer=============================================== */
footer {
  position: relative;
  background: #82C6B9;
  width: 393rem;
  height: 133rem;
  @media screen and (min-width: 961px) {
    width: 100vw;
    height: 17.55vw;
    z-index: 999;
  }
}

.footer__logo {
  position: absolute;
  width: 32rem;
  height: 8rem;
  left: 181rem;
  top: 20rem;
  @media screen and (min-width: 961px) {
    width: 6.17vw;
    height: 1.57vw;
    left: 19.04vw;
    top: 5.36vw;
  }
}
.footer__menu {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 196rem;
  left: 34rem;
  top: 44rem;
  @media screen and (min-width: 961px) {
    width: 26.2vw;
    left: 29.53vw;
    top: 5.52vw;
  }
}
.footer__menu a {
  cursor: pointer;
  color: #f4f4f5;
  font-family: Nunito Sans;
  font-weight: 700;
  text-decoration: underline;
  font-size: 10rem;
  line-height: 26rem;
  @media screen and (min-width: 961px) {
    font-size: 0.94vw;
    line-height: 1.25vw;
  }
}
.footer__social {
  position: absolute;
  justify-content: space-between;
  display: flex;
  width: 99rem;
  height: 25.47rem;
  left: 260rem;
  top: 42rem;
  @media screen and (min-width: 961px) {
    width: 6.07vw;
    height: 1.56vw;
    left: 74.69vw;
    top: 5.31vw;
  }
}
.footer__social img {
  cursor: pointer;
  width: 25.47rem;
  height: 25.47rem;
  @media screen and (min-width: 961px) {
    width: 1.56vw;
    height: 1.56vw;
  }
}
.footer__line {
  position: absolute;
  border: .7rem white solid;
  width: 336rem;
  height: 0rem;
  left: 28rem;
  top: 90rem;
  @media screen and (min-width: 961px) {
    width: 62.5vw;
    height: 0vw;
    left: 18.75vw;
    top: 11.2vw;
  }
}
.footer__copyright {
  position: absolute;
  text-align: center;
  color: #ffffff;
  font-family: Poppins;
  font-weight: 400;
  font-size: 8rem;
  width: 283rem;
  left: 50rem;
  top: 95rem;
  line-height: 22rem;
  @media screen and (min-width: 961px) {
    font-size: 0.73vw;
    width: 22.66vw;
    left: 36.17vw;
    top: 13.23vw;
    line-height: 1.15vw;
  }
}


/* ===============================================Scroll animation=============================================== */
.arrow {
  position: absolute;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
  width: 18rem;
  height: 9.93rem;
  margin-left: 188rem;
}

.arrow:first-child {
  animation: move 3s ease-out 1s infinite;
}

.arrow:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.arrow:before,
.arrow:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #000;
}

.arrow:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.arrow:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

/* ===============================================Hover animation=============================================== */

@keyframes move {
  25% { opacity: 1; }
  33% { opacity: 1; transform: translateY(30px); }
  67% { opacity: 1; transform: translateY(40px); }
  100% { opacity: 0; transform: translateY(55px) scale3d(0.5, 0.5, 0.5); }
}

.hover {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}

/* ===============================================Accordion animation=============================================== */

.qa__block {
  display: flex;
  flex-direction: column;
  min-width: 200rem;
}


.qa__item {
  display: inline-block;
  margin-top: 9rem;
  width: 310rem;
}

.qa__head {
  position: relative;
  text-align: left;
  cursor: pointer;
  width: 100%;
  border: none;
}

.qa__head:after {
  content: "";
  border-top: 2rem solid black;
  border-left: 2rem solid black;
  display: inline-block;
  width: 10rem;
  height: 10rem;
  transform: rotate(-135deg) translateY(9rem);
  position: absolute;
  right: 25rem;
  top: 45%;
}

.qa__body {
  position: relative;
  padding: 0 20rem;
  line-height: 0;
  opacity: 0;
  transition: line-height 0, padding 0, opacity 0;
}

.qa__body.is-open {
  margin-top: 6rem;
  padding: 15rem 35rem 18rem 17rem;
  line-height: 19rem;;
  opacity: 1;
}

.qa__head.is-open::after {
  transform: rotate(45deg) translateY(-10rem);

}

/* =============================================== Form =============================================== */

.custom-form {
  z-index: 999;
  width: 100vw;
  background-color: #ffffff;
}