@charset "UTF-8";
body {
  background-color: #000;
  overflow-x: hidden;
  width: 100vw;
  max-width: 1200px;
  margin: 0 auto !important;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media only screen and (max-width: 768px) {
  body {
    font-family: "Noto Sans JP", sans-serif;
  }
}

a:hover {
  opacity: 0.5;
}

.header__img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .main {
    display: none;
  }
}
.main__img {
  width: 100%;
}

.price {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .price {
    display: none;
  }
}
.price__img {
  width: 100%;
}
.price__btn {
  position: absolute;
  left: min(20.9166666667vw, 251px);
  bottom: min(1.6666666667vw, 20px);
}

.main-price-sp {
  display: none;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .main-price-sp {
    display: block;
  }
}
.main-price-sp__img {
  width: 100%;
}
.main-price-sp__btn {
  position: absolute;
  bottom: 4vw;
  left: 5.3333333333vw;
}

.smell__img {
  width: 100%;
}
.smell-sp__img {
  width: 100%;
}

.remove__img {
  width: 100%;
}
.remove-sp__img {
  width: 100%;
}

.washing__img {
  width: 100%;
}
.washing-sp__img {
  width: 100%;
}

.trial {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .trial {
    display: none;
  }
}
.trial__img {
  width: 100%;
}
.trial__btn-wrap {
  position: absolute;
  left: min(28.1666666667vw, 338px);
  bottom: min(3.75vw, 45px);
  overflow: hidden;
}
.trial__btn-wrap a {
  display: block;
  position: relative;
  animation: anime1 0.7s ease 0s infinite alternate;
}
.trial__btn-wrap a::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny 3s ease-in-out infinite;
}
.trial__btn-wrap a:hover {
  opacity: 1;
}
.trial__caution {
  position: absolute;
  top: min(26.4166666667vw, 317px);
  left: min(32.75vw, 393px);
  font-weight: 900;
  font-size: min(1.3333333333vw, 16px);
}
.trial__caution a {
  text-decoration: underline;
}

.trial-sp {
  display: none;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .trial-sp {
    display: block;
  }
}
.trial-sp__img {
  width: 100%;
}
.trial-sp__btn-wrap {
  position: absolute;
  left: 5.9866666667vw;
  bottom: 6.6666666667vw;
  overflow: hidden;
}
.trial-sp__btn-wrap a {
  display: block;
  position: relative;
  animation: anime1 0.7s ease 0s infinite alternate;
}
.trial-sp__btn-wrap a::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny 3s ease-in-out infinite;
}
.trial-sp__btn-wrap a:hover {
  opacity: 1;
}
.trial-sp__caution {
  position: absolute;
  top: 48vw;
  left: 16.4vw;
  font-weight: 800;
  font-size: 2.6666666667vw;
}
.trial-sp__caution a {
  text-decoration: underline;
}

.award-media__img {
  width: 100%;
}

.award-media-sp__img {
  width: 100%;
}

.exclusive {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .exclusive {
    display: none;
  }
}
.exclusive__img {
  width: 100%;
}
.exclusive__guarantee {
  position: absolute;
  top: min(106.4166666667vw, 1277px);
  left: min(27.5vw, 330px);
  font-size: min(1.1666666667vw, 14px);
  font-weight: bold;
}
.exclusive__guarantee a {
  text-decoration: underline;
  font-weight: 900;
}
.exclusive__call {
  position: absolute;
  bottom: min(7.5vw, 90px);
  left: min(40.4166666667vw, 485px);
  font-size: min(1.25vw, 15px);
  font-weight: bold;
}
.exclusive__call a {
  text-decoration: underline;
  font-weight: 900;
}

.exclusive-sp {
  display: none;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .exclusive-sp {
    display: block;
  }
}
.exclusive-sp__img {
  width: 100%;
}
.exclusive-sp__guarantee {
  position: absolute;
  top: 193.3333333333vw;
  left: 9.3333333333vw;
  font-size: 2.1333333333vw;
  font-weight: 500;
}
.exclusive-sp__guarantee a {
  font-weight: 900;
  text-decoration: underline;
}
.exclusive-sp__call {
  position: absolute;
  font-weight: 500;
  bottom: 10.6666666667vw;
  left: 33.2vw;
  font-size: 2.2666666667vw;
}
.exclusive-sp__call a {
  text-decoration: underline;
}
.exclusive-sp__tel {
  position: absolute;
  bottom: 16vw;
  left: 7.3333333333vw;
  width: 43.84vw;
}

.regular {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .regular {
    display: none;
  }
}
.regular__img {
  width: 100%;
}
.regular__btn {
  position: absolute;
  left: min(20.4166666667vw, 245px);
  bottom: min(32.5vw, 390px);
}
.regular__causion {
  position: absolute;
  width: 58.3333333333vw;
  max-width: 700px;
  bottom: min(23.3333333333vw, 280px);
  left: min(20.8333333333vw, 250px);
  font-size: min(1.1666666667vw, 14px);
  line-height: 1.6;
  font-weight: bold;
}

.regular-sp {
  position: relative;
  display: none;
}
@media only screen and (max-width: 768px) {
  .regular-sp {
    display: block;
  }
}
.regular-sp__img {
  width: 100%;
}
.regular-sp__btn {
  position: absolute;
  bottom: 86.6666666667vw;
  left: 4vw;
}
.regular-sp__causion {
  width: 88vw;
  position: absolute;
  bottom: 67.3333333333vw;
  left: 5.7333333333vw;
  line-height: 1.7;
  font-weight: 500;
  font-size: 2.1333333333vw;
}

.link {
  background-color: #fff;
  text-align: center;
  padding: min(4.3333333333vw, 52px) 0;
}
@media only screen and (max-width: 768px) {
  .link {
    display: none;
  }
}
.link a:hover {
  opacity: 1;
}
.link__img {
  width: min(83.3333333333vw, 1000px);
}

.link-sp {
  display: none;
  text-align: center;
  padding: 6.2266666667vw 0;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .link-sp {
    display: block;
  }
}
.link-sp a:hover {
  opacity: 1;
}
.link-sp__img {
  width: 93.3333333333vw;
}

@media only screen and (max-width: 768px) {
  .commitment {
    display: none;
  }
}
.commitment__img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .measures {
    display: none;
  }
}
.measures__img {
  width: 100%;
}

.commitment-measures-sp {
  display: none;
}
@media only screen and (max-width: 768px) {
  .commitment-measures-sp {
    display: block;
  }
}
.commitment-measures-sp__img {
  width: 100%;
}

.specialist__img {
  width: 100%;
}
.specialist-sp__img {
  width: 100%;
}

.howto__img {
  width: 100%;
}
.howto-sp__img {
  width: 100%;
}

.qa {
  background-color: #fff;
  padding-top: min(8.3333333333vw, 100px);
  padding-bottom: min(9.025vw, 108.3px);
}
@media only screen and (max-width: 768px) {
  .qa {
    padding-top: 11.5333333333vw;
  }
}
.qa__heading {
  text-align: center;
}
.qa__heading img {
  width: min(9vw, 108px);
}
@media only screen and (max-width: 768px) {
  .qa__heading img {
    width: 16.6vw;
  }
}
.qa__accordions-wrap {
  margin: 0 auto;
  width: min(66.6666666667vw, 800px);
  margin-top: min(0.65vw, 7.8px);
}
@media only screen and (max-width: 768px) {
  .qa__accordions-wrap {
    width: 93.3333333333vw;
  }
}
.qa__accordion {
  border-bottom: 0.75px solid #000;
}
.qa__accordion-wrap-1, .qa__accordion-wrap-3, .qa__accordion-wrap-5 {
  position: relative;
  width: 100%;
}
.qa__accordion-wrap-1::before, .qa__accordion-wrap-3::before, .qa__accordion-wrap-5::before {
  content: "";
  position: absolute;
  right: min(5.0416666667vw, 60.5px);
  top: min(6.6666666667vw, 80px);
  display: block;
  width: min(2.5083333333vw, 30.1px);
  height: min(0.1666666667vw, 2px);
  background-color: #000;
}
@media only screen and (max-width: 768px) {
  .qa__accordion-wrap-1::before, .qa__accordion-wrap-3::before, .qa__accordion-wrap-5::before {
    width: 4.0266666667vw;
    height: 0.2666666667vw;
    right: 1.3333333333vw;
    top: 8.6666666667vw;
  }
}
.qa__accordion-wrap-1::after, .qa__accordion-wrap-3::after, .qa__accordion-wrap-5::after {
  content: "";
  position: absolute;
  right: min(6.2125vw, 74.55px);
  top: min(5.4958333333vw, 65.95px);
  display: block;
  height: min(2.5083333333vw, 30.1px);
  width: min(0.1666666667vw, 2px);
  background-color: #000;
}
@media only screen and (max-width: 768px) {
  .qa__accordion-wrap-1::after, .qa__accordion-wrap-3::after, .qa__accordion-wrap-5::after {
    height: 4.0266666667vw;
    width: 0.2666666667vw;
    right: 3.0666666667vw;
    top: 6.8vw;
  }
}
.qa__accordion-wrap-1-active::after, .qa__accordion-wrap-3-active::after, .qa__accordion-wrap-5-active::after {
  content: none;
}
.qa__accordion-wrap-2, .qa__accordion-wrap-4 {
  position: relative;
  width: 100%;
}
.qa__accordion-wrap-2::before, .qa__accordion-wrap-4::before {
  content: "";
  position: absolute;
  right: min(5.0416666667vw, 60.5px);
  top: min(7vw, 84px);
  display: block;
  width: min(2.5083333333vw, 30.1px);
  height: min(0.1666666667vw, 2px);
  background-color: #000;
}
@media only screen and (max-width: 768px) {
  .qa__accordion-wrap-2::before, .qa__accordion-wrap-4::before {
    width: 4.0266666667vw;
    height: 0.2666666667vw;
    right: 1.3333333333vw;
    top: 10vw;
  }
}
.qa__accordion-wrap-2::after, .qa__accordion-wrap-4::after {
  content: "";
  position: absolute;
  right: min(6.2125vw, 74.55px);
  top: min(5.8291666667vw, 69.95px);
  display: block;
  height: min(2.5083333333vw, 30.1px);
  width: min(0.1666666667vw, 2px);
  background-color: #000;
}
@media only screen and (max-width: 768px) {
  .qa__accordion-wrap-2::after, .qa__accordion-wrap-4::after {
    height: 4.0266666667vw;
    width: 0.2666666667vw;
    right: 3.0666666667vw;
    top: 8.1333333333vw;
  }
}
.qa__accordion-wrap-2-active::after, .qa__accordion-wrap-4-active::after {
  content: none;
}
.qa__q {
  display: flex;
  align-items: center;
  padding-left: min(6.5833333333vw, 79px);
  padding-bottom: min(2.5vw, 30px);
  padding-top: min(5.225vw, 62.7px);
  padding-right: 5.0416666667vw;
  font-size: min(1.8333333333vw, 22px);
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .qa__q {
    font-size: 3.4666666667vw;
    padding-left: 3.3733333333vw;
  }
}
.qa__q img {
  width: min(3.3916666667vw, 40.7px);
  margin-right: min(2.925vw, 35.1px);
}
@media only screen and (max-width: 768px) {
  .qa__q img {
    width: 6.5066666667vw;
  }
}
.qa__q p {
  line-height: 1.6;
}
.qa__a {
  display: flex;
  align-items: flex-start;
  padding-left: min(6.5833333333vw, 79px);
  padding-bottom: min(2.5vw, 30px);
  padding-right: min(6.3083333333vw, 75.7px);
  font-size: min(1.6666666667vw, 20px);
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .qa__a {
    font-size: 2.9333333333vw;
    padding-left: 3.3733333333vw;
    padding-right: 2vw;
  }
}
.qa__a img {
  width: min(3.3916666667vw, 40.7px);
  margin-right: min(2.125vw, 25.5px);
}
@media only screen and (max-width: 768px) {
  .qa__a img {
    width: 6.5066666667vw;
    min-width: 6.5066666667vw;
  }
}
.qa__a p {
  margin-top: min(0.9166666667vw, 11px);
  line-height: 1.6;
}
.qa__a p a {
  text-decoration: underline;
}

.form {
  padding-bottom: min(7.8083333333vw, 93.7px);
  background-color: #fff;
}
.form__inner {
  background-color: #FFFFFF;
/*  opacity: 0.5;*/
  /*width: min(79.1666666667vw, 950px);*/
/*  height: min(16.3333333333vw, 196px);*/
  margin: 0 auto;
/*  display: flex;*/
  align-items: center;
  justify-content: center;
}
.form__text {
  font-weight: bold;
  font-size: min(5vw, 60px);
}

.footer {
  margin-top: min(-3.64vw, -27.3px);
}
.footer__top-link {
  width: 100%;
}
.footer__top-link-wrap:hover {
  opacity: 1;
}
.footer__accordion {
  border-bottom: 1px solid #fff;
  background-color: #fff;
}
.footer__accordion-7 {
  text-align: center;
  border: none;
}
.footer__ttl {
  background-color: #000;
  color: #C8C8C8;
  font-size: min(1.6666666667vw, 20px);
  text-align: center;
  padding: min(2.0833333333vw, 25px) 0;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .footer__ttl {
    font-size: 3.4666666667vw;
    font-weight: normal;
    padding: 4vw 0;
  }
}
.footer__cont {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: min(91.8333333333vw, 1102px);
  margin: 0 auto;
  padding: min(2.5vw, 30px) 0;
}
@media only screen and (max-width: 768px) {
  .footer__cont {
    display: block;
  }
}
.footer__cont-1-img1, .footer__cont-1-img2 {
  display: block;
}
.footer__cont-1-img1 {
  width: min(44.9416666667vw, 539.3px);
}
@media only screen and (max-width: 768px) {
  .footer__cont-1-img1 {
    width: 100%;
  }
}
.footer__cont-1-img2 {
  width: min(43.5vw, 522px);
}
@media only screen and (max-width: 768px) {
  .footer__cont-1-img2 {
    width: 100%;
  }
}
.footer__cont-2 {
  padding-left: min(2.5vw, 30px);
  margin-left: min(2.0833333333vw, 30px);
}
.footer__cont-2-img {
  width: min(49.1666666667vw, 590px);
}
@media only screen and (max-width: 768px) {
  .footer__cont-2-img {
    width: 100%;
  }
}
.footer__cont-3 {
  margin: 0;
  padding: 0;
  padding-left: min(2.0833333333vw, 25px);
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .footer__cont-3 {
    padding-left: 0.6666666667vw;
  }
}
.footer__cont-3-img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .footer__cont-3-img {
    width: 160%;
  }
}
.footer__cont-5 {
  position: relative;
  margin: 0;
  padding-left: min(3.75vw, 45px);
  padding-bottom: min(5vw, 60px);
}
.footer__cont-5-img {
  width: min(58.3333333333vw, 700px);
}
@media only screen and (max-width: 768px) {
  .footer__cont-5-img {
    width: 100%;
  }
}
.footer__cont-5-link {
  position: absolute;
  top: min(20vw, 240px);
  left: min(6.6666666667vw, 50px);
  text-decoration: underline;
  font-size: min(1.1666666667vw, 14px);
}
@media only screen and (max-width: 768px) {
  .footer__cont-5-link {
    top: 28vw;
    font-size: 1.8666666667vw;
    left: 4.6666666667vw;
  }
}
.footer__logo {
  width: min(8.3166666667vw, 99.8px);
}
@media only screen and (max-width: 768px) {
  .footer__logo {
    width: 12.9333333333vw;
  }
}
.footer__copyright {
  font-size: min(1.3333333333vw, 16px);
  margin-top: min(1.7083333333vw, 20.5px);
}
@media only screen and (max-width: 768px) {
  .footer__copyright {
    font-size: 2.1333333333vw;
    margin-top: 2.6666666667vw;
  }
}

@keyframes anime1 {
  from {
    transform: scale(0.95, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
.btn-1 {
  width: 60vw;
  max-width: 720px;
  animation: anime1 0.7s ease 0s infinite alternate;
}
.btn-1-sp {
  width: 90.6666666667vw;
  animation: anime1 0.7s ease 0s infinite alternate;
}

@keyframes shiny {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
.btn-2 {
  width: 44.1666666667vw;
  max-width: 530px;
}
.btn-2-sp {
  width: 89.3333333333vw;
}

.btn-3 {
  width: 60vw;
  max-width: 720px;
  animation: anime1 0.7s ease 0s infinite alternate;
}
.btn-3-sp {
  width: 93.3333333333vw;
  animation: anime1 0.7s ease 0s infinite alternate;
}