@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
.metformin_wrap {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
  color: #333;
  font-size: 28px;
  max-width: 750px;
  margin: 0 auto;
}
.metformin_wrap div, .metformin_wrap span, .metformin_wrap iframe, .metformin_wrap h1, .metformin_wrap h2, .metformin_wrap h3, .metformin_wrap h4, .metformin_wrap h5, .metformin_wrap h6, .metformin_wrap p, .metformin_wrap img, .metformin_wrap small, .metformin_wrap strong, .metformin_wrap b, .metformin_wrap dl, .metformin_wrap dt, .metformin_wrap dd, .metformin_wrap ol, .metformin_wrap ul, .metformin_wrap li,
.metformin_wrap form, .metformin_wrap label, .metformin_wrap legend, .metformin_wrap table, .metformin_wrap tbody, .metformin_wrap tfoot, .metformin_wrap thead, .metformin_wrap tr, .metformin_wrap th, .metformin_wrap td, .metformin_wrap footer, .metformin_wrap header, .metformin_wrap menu, .metformin_wrap nav, .metformin_wrap section, .metformin_wrap video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: bottom;
  background: transparent;
}
.metformin_wrap ul li {
  list-style: none;
}
.metformin_wrap a {
  margin: 0;
  padding: 0;
  color: #333;
  text-decoration: none;
  vertical-align: baseline;
}
.metformin_wrap a:hover {
  opacity: 0.7;
}
.metformin_wrap table {
  border-spacing: 0;
}
.metformin_wrap .offer_area,
.metformin_wrap .faq_area {
  position: relative;
}
.metformin_wrap .offer_area .offer_btn {
  width: 710px;
  margin: 0 auto;
  position: absolute;
  top: 1400px;
  left: 0;
  right: 0;
}
.metformin_wrap .faq_area .faq_list {
  width: 690px;
  margin: 0 auto;
  position: absolute;
  top: 377px;
  left: 0;
  right: 0;
}
.metformin_wrap .faq_area .slide-arrow {
  position: absolute;
  bottom: -92px;
  z-index: 999;
}
.metformin_wrap .faq_area .slide-arrow.prev-arrow {
  left: 115px;
}
.metformin_wrap .faq_area .slide-arrow.next-arrow {
  right: 115px;
}
.metformin_wrap .faq_area .slick-dots {
  bottom: -82px;
  z-index: 99;
}
.metformin_wrap .faq_area .slick-dots li {
  width: 24px;
  height: 24px;
  margin: 0 18px;
}
.metformin_wrap .faq_area .slick-dots li button {
  width: 24px;
  height: 24px;
  padding: 0;
}
.metformin_wrap .faq_area .slick-dots li button::before {
  content: "";
  width: 24px;
  height: 24px;
  font-size: 0;
  line-height: 0;
  border-radius: 12px;
  background: #CCD7E5;
  opacity: 1;
}
.metformin_wrap .faq_area .slick-dots li button:hover::before, .metformin_wrap .faq_area .slick-dots li button:focus::before {
  background: #00367D;
}
.metformin_wrap .faq_area .slick-dots li.slick-active button::before {
  background: #00367D;
}
.metformin_wrap .footer {
  height: 200px;
  padding-top: 60px;
  background: #00367D;
  box-sizing: border-box;
}
.metformin_wrap .footer .foot_nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.metformin_wrap .footer .foot_nav li::after {
  content: "│";
  color: #fff;
  font-size: 28px;
  padding: 0 10px;
}
.metformin_wrap .footer .foot_nav li:nth-child(2n)::after {
  content: none;
}
.metformin_wrap .footer .foot_nav li a {
  color: #fff;
  font-size: 28px;
  line-height: 1.85;
  letter-spacing: 0.04em;
}

@media screen and (max-width: 750px) {
  .metformin_wrap {
    font-size: 3.7333333333vw;
  }
  .metformin_wrap img {
    width: 100%;
  }
  .metformin_wrap .offer_area .offer_btn {
    width: 94.6666666667vw;
    top: 186.6666666667vw;
  }
  .metformin_wrap .faq_area .faq_list {
    width: 92vw;
    top: 50.2666666667vw;
  }
  .metformin_wrap .faq_area .slide-arrow {
    width: 3.4666666667vw;
    height: 5.7333333333vw;
    bottom: -12.2666666667vw;
  }
  .metformin_wrap .faq_area .slide-arrow.prev-arrow {
    left: 15.3333333333vw;
  }
  .metformin_wrap .faq_area .slide-arrow.next-arrow {
    right: 15.3333333333vw;
  }
  .metformin_wrap .faq_area .slick-dots {
    bottom: -10.9333333333vw;
  }
  .metformin_wrap .faq_area .slick-dots li {
    width: 3.2vw;
    height: 3.2vw;
    margin: 0 2.4vw;
  }
  .metformin_wrap .faq_area .slick-dots li button {
    width: 3.2vw;
    height: 3.2vw;
  }
  .metformin_wrap .faq_area .slick-dots li button::before {
    width: 3.2vw;
    height: 3.2vw;
    border-radius: 1.6vw;
  }
  .metformin_wrap .footer {
    height: 26.6666666667vw;
    padding-top: 8vw;
  }
  .metformin_wrap .footer .foot_nav li::after {
    font-size: 3.7333333333vw;
    padding: 0 1.3333333333vw;
  }
  .metformin_wrap .footer .foot_nav li a {
    font-size: 3.7333333333vw;
  }
}/*# sourceMappingURL=style.css.map */