@charset "UTF-8";
.graph {
    position: absolute;
    top: 36.3%;
    left: 15%;
    width: 70%;
}

.sfv {
    position: relative;
}

.njm_sfv {
    position: absolute;
    top: 77%;
    left: 3.5%;
    width: 93%;
}

.pg_function_voc {
    position: relative;
}

.graph {
    position: absolute;
    top: 22.1%;
    left: 4.5%;
    width: 91%;
}

.njm_pg_function_voc {
    position: absolute;
    top: 76%;
    left: 5%;
    width: 90%;
}

.p3_1_ingredient {
    position: relative;
}

.p3_2_pg {
    position: relative;
}

.p3_1_ingredient_ecology {
    position: absolute;
    top: 30%;
}

.p3_1_ingredient_cartilage {
    position: absolute;
    top: 56%;
    left: 1.5%;
}

.cta {
    position: relative;
}

.cta_btn_offer {
    position: absolute;
    top: 77%;
    left: 5.3%;
    width: 90%;
}

.cta_btn_contents_p3_1 {
    position: absolute;
    top: 90%;
}

.cta_btn_contents_p3_2 {
    position: absolute;
    top: 95%;
}

.btn_tell{
    position: relative;
    bottom: 12%;
}

.phone-number{
    position: absolute;
    bottom: 27%;
    left: 4%;
}

::before,
::after {
	background-repeat: no-repeat;
	box-sizing: border-box;
}

.anime-box{
    border-radius: 0%!important;
}

.btnkg .btn-cv_kg {
    width: 82%;
    position: absolute;
    bottom: 6%;
    left: 9%;
    cursor: pointer;
}

.btnCont .btn-cv_kg .anime-box {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}


.btnkg .btn-cv_kg .anime-box::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}
.pururun{
-webkit-animation: anim 3s ease-in infinite;
    animation: anim 3s ease-in infinite;
}

@-webkit-keyframes anim {
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.1, 0.9) translate(0px, 20px);
    transform: scale(1.1, 0.9) translate(0px, 20px);
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  85% {
    -webkit-transform: scale(0.9, 1.2) translate(0px, -7px);
    transform: scale(0.9, 1.2) translate(0px, -7px);
  }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-transform: scale(0.95, 1.1) translate(0px, -3px);
    transform: scale(0.95, 1.1) translate(0px, -3px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes anim {
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.1, 0.9) translate(0px, 20px);
    transform: scale(1.1, 0.9) translate(0px, 20px);
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  85% {
    -webkit-transform: scale(0.9, 1.2) translate(0px, -7px);
    transform: scale(0.9, 1.2) translate(0px, -7px);
  }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-transform: scale(0.95, 1.1) translate(0px, -3px);
    transform: scale(0.95, 1.1) translate(0px, -3px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.shiny::before {
	position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    transition: 300ms;
    animation: shinyshiny 2.5s ease-in-out infinite;
}

@-webkit-keyframes shinyshiny {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.kirakira img {
  display: block;
  animation: glow 2s infinite;
}

@keyframes glow {
  0% {
    filter: brightness(1);
  }
  70% {
    filter: brightness(1);
  }
  85% {
    filter: brightness(1.15);
  }
  100% {
    filter: brightness(1);
  }
}