@media only screen and (max-width: 640px) {
  header nav ol {
    margin: 80px auto 0;
  }
  header, article {
    width: 100%;
  }
  footer#line-navi {
    height: 90px;
  }
  footer#line-navi a img {
    height: 70px;
    margin: 10px auto;
  }
  article h2 {
    margin: 20px 0 10px;
  }
  article#ba section p {
    font-size: 10px;
  }
  article#technology {
    background-position: top 150px left;
  }
  article#technology section img.tec02 {
    margin: 50px auto 20px;
  }
  article#case section img.case05 {
    margin: -50px 0 0;
  }
  article#case section img.case07 {
    margin: 30px 0 0;
  }
  article#case section img.case10 {
    margin: -20px 0 0;
  }
  article#whitening section div.w1 {
    margin: -150px auto 50px;
  }
  article#whitening section div.w1 p {
    font-size: 12px;
  }
  article#whitening section img.whitening02 {
    top: -25px;
  }
  article#whitening section img.whitening19 {
    margin: -20px 0 30px;
  }
  article ul.interview li button.more {
    width: 150px;
    height: 40px;
    margin-top: 20px;
    border-radius: 20px;
    font-size: 12px;
  }
  article ul.before_after li {
    width: 250px;
  }
  article ul.before_after li button.more {
    width: 150px;
    height: 40px;
    margin-top: 20px;
    border-radius: 20px;
    font-size: 12px;
  }
  article ul.before_after .prev-arrow {
    left: 61px;
  }
  article ul.before_after .next-arrow {
    right: 61px;
  }
  article ul.slick-dots li {
    width: 20px;
  }
}/*# sourceMappingURL=style_01_sp.css.map */