@charset "UTF-8";
/* ====================================================
	カラー

紺色 #324b6e
水色 #cfe4f3
ベージュ #f6f3ee
==================================================== */
/* ====================================================
	breakpoint
==================================================== */
@keyframes btn_animation {
  0% {
    transform: scale(1.06);
  }
  10% {
    transform: scale(1);
  }
  90% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.06);
  }
}
.add_btn_animation {
  animation: btn_animation 2s infinite;
}

/* ====================================================
	追従ボタン
==================================================== */
#ctaFllow {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99;
  transition: all 0.3s;
  opacity: 0;
  pointer-events: none;
}
#ctaFllow.active {
  opacity: 1;
  pointer-events: auto;
}
#ctaFllow .ctaFllow__inner {
  max-width: 620px;
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 640px) {
  #ctaFllow .ctaFllow__inner {
    max-width: 64rem;
  }
}
#ctaFllow a {
  display: inline-block;
  width: 100%;
  padding: 1rem 0 0.6rem;
}
#ctaFllow a > img {
  width: 97.9%;
  display: inline-flex;
}

/* ====================================================
	特別価格
==================================================== */
#price {
  position: relative;
}
#price .price_btn {
  position: absolute;
  bottom: 22.3%;
  left: 0;
  right: 0;
  margin: auto;
  width: 87.5%;
}

/* ====================================================
	トラブル
==================================================== */
#trouble {
  position: relative;
}
#trouble .trouble__txt {
  position: absolute;
  bottom: 4.4%;
  left: 0;
  right: 0;
  margin: auto;
  width: 86%;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  color: #fff;
  font-size: 1.46rem;
  letter-spacing: 0.04em;
  text-align: justify;
  line-height: 1.6;
}
@media screen and (max-width: 640px) {
  #trouble .trouble__txt {
    font-weight: 700;
  }
}
#trouble .trouble__txt a {
  color: #fff !important;
  text-underline-offset: 17%;
  text-decoration-thickness: 1px;
}

/* ====================================================
	歯周病
==================================================== */
#problem {
  position: relative;
}
#problem .problem__txt {
  position: absolute;
  bottom: 2.9%;
  left: 4.9%;
  width: 66.3%;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  color: #A6AEBB;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  text-align: justify;
  line-height: 1.6;
}
@media screen and (max-width: 640px) {
  #problem .problem__txt {
    font-weight: 700;
  }
}
#problem .problem__txt a {
  color: #A6AEBB !important;
  text-underline-offset: 17%;
  text-decoration-thickness: 1px;
}

/* ====================================================
	よくある質問
==================================================== */
#question .question_list {
  background-color: #f6f3ee;
  padding: 0 5.2rem;
}
#question .question_item {
  border-radius: 1rem;
  overflow: hidden;
  margin-top: 1.9rem;
  background-color: #fff;
}
#question .question_item:first-of-type {
  margin-top: initial;
}
#question .question_item-head {
  position: relative;
  background-color: #cfe4f3;
  padding: 1.9rem 2rem 2.2rem;
  min-height: 6.3rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#question .question_item-head--ttl {
  display: flex;
  align-items: center;
  width: calc(100% - 5rem);
}
#question .question_item-head--ttl .is-num {
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
  color: #324b6e;
  font-size: 4.4rem;
  min-width: 8.1rem;
}
#question .question_item-head--ttl .is-txt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  color: #324b6e;
  font-size: 2.2rem;
  letter-spacing: 0.04em;
}
#question .question_item-head--tgl {
  width: 6rem;
  height: auto;
  aspect-ratio: 1/1;
  position: absolute;
  right: 0.8%;
  top: 50%;
  transform: translateY(-50%);
}
#question .question_item-head--tgl > span {
  position: absolute;
  top: 44%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  width: 42%;
  height: 3px;
  background: #324b6e;
  transition: 0.4s all;
}
@media screen and (max-width: 640px) {
  #question .question_item-head--tgl > span {
    top: 50%;
    height: 2px;
  }
}
#question .question_item-head--tgl > span:nth-of-type(2) {
  transform: rotate(90deg) translateY(-27%) translateX(-4%);
}
#question .question_item.active .question_item-head--tgl > span:nth-of-type(2) {
  transform: translateY(-50%);
}
#question .question_item-body {
  display: none;
  padding: 1.6rem 1.8rem;
}
#question .question_item-body > p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #324b6e;
  font-size: 1.9rem;
  font-feature-settings: "palt";
  letter-spacing: 0.11em;
  line-height: 1.5;
  text-align: justify;
}
#question .question_item-body a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #324b6e;
  text-decoration: none;
  pointer-events: none;
}
/* ====================================================
	転売
==================================================== */
#resale {
  position: relative;
}
#resale .resale__txt {
  position: absolute;
  top: 49%;
  left: 0;
  right: 0;
  margin: auto;
  width: 78%;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  color: #324b6e;
  font-size: 2.1rem;
  letter-spacing: 0.02em;
  text-align: justify;
  line-height: 1.5;
}/*# sourceMappingURL=container.css.map */