body {
  overflow-x: hidden;
}
/* kv */
.swiperHoney {
  margin-top: 40px;
}
.honey-header-wrap.honey {
  background-color: #e97601;
}
.honey-header-wrap.bubble {
  background-color: #ba8678;
}
.honey-header-wrap {
  position: relative;
}
.honey-header-wrap-bg {
  opacity: 1;
  transform: translateX(0);
  width: 100%;
}
.honey-header-content {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.honey-header-slogan, .honey-header-logo {
  position: absolute;
}
.honey-header-product {
  position: absolute;
}
.honey .honey-header-slogan {
  right: 2%;
  top: 5%;
  width: 14%;
  height: auto;
}
.honey .honey-header-product-m {
  left: 2%;
  bottom: 5%;
  width: 23.5%;
  height: auto;
}
.honey .honey-header-logo {
  right: 2%;
  bottom: 5%;
  width: 45%;
  height: auto;
}
/*  */
.honey-header-slogan, .honey-header-product, .honey-header-logo {
  opacity: 1;
  transform: translate(0);
}
.bubble .honey-header-slogan-m {
  right: 0%;
  top: -3%;
  width: 28%;
  height: auto;
}
.bubble .honey-header-product-m {
  left: 0.5%;
  bottom: -1%;
  width: 35%;
  height: auto;
}
.bubble .honey-header-logo {
  right: 2%;
  bottom: 5%;
  width: 46%;
  height: auto;
}
.honey .honey-header-pc , .bubble .honey-header-pc, .display-pc {
  display: none;
}
/* info */
.honey-info-contain {
  position: relative;
}
.honey-info-img {
  position: relative;
  width: 100%;
}
.honey-info-hex {
  width: 100%;
}
.honey-info-product-pic, .honey-info-txt-pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.honey-info-product {
  width: 62%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.honey-info-txt-wrap {
  margin-top: 40px;
}
.honey-info-txt {
  margin: auto;
  display: block;
  width: 65%;
}
.honey-info-txt-btn-link {
  margin: auto;
  display: block;
  width: 72%;
}
.honey-info-txt-btn {
  width: 100%;
}
/* video */
.honey-video {
  margin: 30px auto 0;
  width: 90%;
}
.honey-video video{
  width: 100%;
}
/* tech */
.honey-tech-wrap {
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.honey-tech-card {
  margin: 30px auto;
  display: block;
  width: 90%;
}
/* bubble info */
.bubble-info-product-wrap {
  position: relative;
}
.bubble-info-product {
  display: block;
  width: 100%;
}
.bubble-info-product-txt-pic {
  position: unset;
}
.bubble-info-product-txt {
   position: absolute;
   right: 6%;
   bottom: 6%;
   width: 42%;
}
.bubble-info-des-txt {
  margin: 45px auto;
  display: block;
  width: 60%;
}
.bubble-info-des-txt-btn-link {
  margin: auto;
  display: block;
  width: 68%;
  transform: translateY(-45px);
}
.bubble-info-des-txt-btn {
  width: 100%;
}
/* bubble tech */
.bubble-tech-wrap-m {
  margin: 0 auto 55px auto;
  width: 90%;
}
.tech-bubble-top-card, .tech-bubble-bottom-card {
  width: 100%;
}
.tech-bubble-arraw {
  margin: 35px auto;
  display: block;
  width: 40px;
}
/* blog */
.honey-blog-wrap {
  padding-bottom: 50px;
  background-image: url(../images/honey-blogger-bg-m.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.honey-blog-logo, .bubble-blog-logo {
  margin: auto;
  display: block;
  padding-top: 60px;
  width: 46%;
}
.honey-blog-section {
  width: 100%;
}
.honey-blog-photo {
  margin: 80px auto;
  display: block;
  width: 70%;
}
.honey-blog-des-txt {
  margin: auto;
  display: block;
  width: 55%;
}
.honey-blog-des-btn-link {
  margin: auto;
  display: block;
  width: 68%;
}
.honey-blog-des-btn {
  width: 100%;
}
.bubble-blog-wrap {
  padding-bottom: 50px;
  background-color: #f2e8e5;
}
.bubble-blog-photo {
  margin: 50px 0 0 6%;
  width: 63%;
  z-index: 1;
}
.bubble-blog-content {
  position: relative;
  /* transform: translateX(28%) translateY(-19%); */
  margin-top: -19%;
  margin-bottom: 50px;
  margin-left: 23%;
  width: 75%;
  z-index: 0;
}
.bubble-blog-txt {
  width: 100%;
}
.bubble-circle {
  position: absolute;
  top: -18%;
  right: 4%;
  width: 20%;
}
.bubble-blog-btn-link {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.bubble-blog-btn {
  width: 100%;
}

.bubble-blog-section-right .bubble-blog-photo {
  margin: 0 0 0 32%;
}
.bubble-blog-section-right .bubble-blog-content {
  /* transform: translateX(10%) translateY(-23%); */
  margin-top: -19%;
  margin-left: 6%;
}
.bubble-blog-section-right .bubble-circle {
  position: absolute;
  top: -18%;
  right: unset;
  left: 2%;
}
/*  carousel-container */
.main-carousel-container {
  overflow: hidden;
  display: none;
}
.main-carousel-container-active {
  display: block;
}
@media screen and (min-width: 769px) {
  /* nav */
  .dew-nav {
    height: 40px;
  }
  .toggle {
    height: 25px;
  }
  .toggle span {
    width: 30px;
  }
  /* header */
  .honey-header-content {
    width: 55%;
  }
  .honey .honey-header-slogan {
    width: 8.5%;
    right: 1%;
  }
  .honey .honey-header-product-pc {
    left: 1%;
    bottom: 6%;
    width: 16.5%;
    height: auto;
  }
  .honey .honey-header-logo {
    right: 1.5%;
    bottom: 6%;
    width: 31%;
    height: auto;
  }
  /*  */
  .honey .honey-header-m, .bubble .honey-header-m, .display-m {
    display: none;
  }
  .bubble .honey-header-slogan-pc {
    right: 1%;
    top: 5%;
    width: 8.5%;
    height: auto;
  }
  .bubble .honey-header-product-pc {
    width: 13.5%;
    height: auto;
    bottom: 8%;
    left: 4%;
  }
  .bubble .honey-header-logo {
    left: 4%;
    top: 5%;
    width: 31.5%;
  }
  .honey .honey-header-pc ,.bubble .honey-header-pc, .display-pc {
    display: block;
  }
  /* info */
  .honey-info-product {
    margin: auto;
    width: 22%;
    position: absolute;
    right: 0;
    left: 7%;
    bottom: 5%;
  }
  /* video */
  .honey-video {
    max-width: 60%;
  }
  /* tech */
  .honey-tech-wrap {
    flex-direction: row;
    width: 63%;
  }
  .honey-tech-card {
    margin: 30px auto;
    display: inline-block;
    width: 47%;
  }
  .honey-info-txt-wrap {
    position: absolute;
    width: 35%;
    top: 4%;
    left: 14%;
  }
  /* bubble */
  .bubble-info-product-txt {
    right: 19%;
    bottom: 8%;
    width: 15%;
 }
 .bubble-info-des-wrap {
  position: absolute;
  top: 0;
  left: 15%;
  width: 31%;
 }
 /* tech */
 .bubble-tech-wrap {
  margin: 20px auto 50px;
  width: 80%;
 }
 .bubble-tech-wrap-pc-card {
  width: 100%;
 }
  /* blog */
  .honey-blog-wrap {
    background-image: url(../images/honey-blogger-bg.jpg);
  }
  .honey-blog-logo, .bubble-blog-logo {
    width: 20%;
    margin-bottom: 50px;
  }
  .honey-blog-section {
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: end;
  }
  .honey-blog-photo {
    margin: unset;
    width: 28%;
  }
  .honey-blog-section-left .honey-blog-photo {
    margin-right: 20px;    
  }
  .honey-blog-des-wrap {
    width: 25%;
  }
  .honey-blog-des-txt {
    width: 90%;
  }
  .honey-blog-des-btn-link {
    width: 100%;
  }
  .honey-blog-section-right .honey-blog-photo {
    order: 1;
    margin-left: 20px;
  }
  .bubble-blog-wrap {
    padding-bottom: 10px;
  }
  .bubble-blog-section-right .bubble-blog-content {
    right: unset;
  }
  .bubble-blog-section {
    margin: 0 auto 200px;
    width: 60%;
  }
  .bubble-blog-photo {
    width: 40%;
  }
  .bubble-blog-content {
    transform: none;
    width: 50%;
  }
  .bubble-blog-content {
    position: absolute;
    top: 63%;
    right: 11%;
    width: 47%;
  }
  .bubble-blog-section-right .bubble-blog-photo {
    margin: 0 0 0 48%;
  }
  .bubble-blog-section-right .bubble-blog-content {
    top: 45%;
  }
  .bubble-circle {
    top: -1%;
  }
  .bubble-blog-section-right .bubble-circle {
    top: 1%;
  }
}
.fade-in {
  animation: fade-in-animation 3s ease-in-out;
}
.fade-right {
  animation: fade-right-animation 2s ease;
}
.fade-left {
  animation: fade-left-animation 4.5s ease;
}
@keyframes fade-in-animation {
  0% {
    opacity: 0.1;
  }
  10% {
    opacity: 1;
  }
}
@keyframes fade-left-animation {
  0% {
    transform: translateX(100%);
  }
  10% {
    transform: translateX(0);
  }
}
@keyframes fade-right-animation {
  0% {
    transform: translateX(-100%);
  }
  10% {
    transform: translateX(0);
  }
}

[data-aos="scale-animation"] {
  opacity: 0;
  transform: scale(.3);
  -webkit-transition-property: opacity transform;
  -o-transition-property: opacity transform;
  transition-property: opacity transform;
}
[data-aos="scale-animation"].aos-animate {
  opacity: 1;
  transform: scale(1);
}