:where(.spa-form-wash) *,
:where(.spa-form-wash) *::before,
:where(.spa-form-wash) *::after {
  --letter-spacing: 0.08em;
  letter-spacing: var(--letter-spacing, 0.08em);
  line-height: 1.8;
  box-sizing: border-box;
}
:where(.spa-form-wash) a {
  text-decoration: none;
  color: inherit;
}
:where(.spa-form-wash) ul, :where(.spa-form-wash) ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
:where(.spa-form-wash) button {
  appearance: none;
  background: none;
  box-shadow: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
:where(.spa-form-wash) img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
:where(.spa-form-wash) sup {
  font-size: 65%;
  top: -0.4em;
}
:where(.spa-form-wash) [data-anim] {
  opacity: 0;
  transform: translateY(20px);
}

:where(.contents) {
  /* ---utility----------- */
}
:where(.contents) .sp {
  display: none;
}
@media screen and (max-width: 767px) {
  :where(.contents) .sp {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  :where(.contents) .pc {
    display: none;
  }
}
:where(.contents) .text-left {
  text-align: left;
}
:where(.contents) .text-center {
  text-align: center;
}
:where(.contents) .text-right {
  text-align: right;
}
:where(.contents) .text-blue {
  color: #4daac4;
}
:where(.contents) .text-black {
  color: #000;
}
:where(.contents) .grid {
  display: grid;
}
:where(.contents) .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:where(.contents) .grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
:where(.contents) .flex {
  display: flex;
}
:where(.contents) .justify-center {
  justify-content: center;
}
:where(.contents) .gap-1 {
  gap: 1em;
}
:where(.contents) .font-medium {
  font-weight: 500;
}
:where(.contents) .mt-0 {
  margin-top: 0em !important;
}
:where(.contents) .mb-0 {
  margin-bottom: 0em !important;
}
:where(.contents) .ml-0 {
  margin-left: 0em !important;
}
:where(.contents) .mr-0 {
  margin-right: 0em !important;
}
:where(.contents) .mt-0_5 {
  margin-top: 0.5em !important;
}
:where(.contents) .mb-0_5 {
  margin-bottom: 0.5em !important;
}
:where(.contents) .ml-0_5 {
  margin-left: 0.5em !important;
}
:where(.contents) .mr-0_5 {
  margin-right: 0.5em !important;
}
:where(.contents) .mt-1 {
  margin-top: 1em !important;
}
:where(.contents) .mb-1 {
  margin-bottom: 1em !important;
}
:where(.contents) .ml-1 {
  margin-left: 1em !important;
}
:where(.contents) .mr-1 {
  margin-right: 1em !important;
}
:where(.contents) .mt-1_5 {
  margin-top: 1.5em !important;
}
:where(.contents) .mb-1_5 {
  margin-bottom: 1.5em !important;
}
:where(.contents) .ml-1_5 {
  margin-left: 1.5em !important;
}
:where(.contents) .mr-1_5 {
  margin-right: 1.5em !important;
}
:where(.contents) .mt-2 {
  margin-top: 2em !important;
}
:where(.contents) .mb-2 {
  margin-bottom: 2em !important;
}
:where(.contents) .ml-2 {
  margin-left: 2em !important;
}
:where(.contents) .mr-2 {
  margin-right: 2em !important;
}
:where(.contents) .mt-2_5 {
  margin-top: 2.5em !important;
}
:where(.contents) .mb-2_5 {
  margin-bottom: 2.5em !important;
}
:where(.contents) .ml-2_5 {
  margin-left: 2.5em !important;
}
:where(.contents) .mr-2_5 {
  margin-right: 2.5em !important;
}
:where(.contents) .mt-3 {
  margin-top: 3em !important;
}
:where(.contents) .mb-3 {
  margin-bottom: 3em !important;
}
:where(.contents) .ml-3 {
  margin-left: 3em !important;
}
:where(.contents) .mr-3 {
  margin-right: 3em !important;
}
:where(.contents) .mt-3_5 {
  margin-top: 3.5em !important;
}
:where(.contents) .mb-3_5 {
  margin-bottom: 3.5em !important;
}
:where(.contents) .ml-3_5 {
  margin-left: 3.5em !important;
}
:where(.contents) .mr-3_5 {
  margin-right: 3.5em !important;
}
:where(.contents) .mt-4 {
  margin-top: 4em !important;
}
:where(.contents) .mb-4 {
  margin-bottom: 4em !important;
}
:where(.contents) .ml-4 {
  margin-left: 4em !important;
}
:where(.contents) .mr-4 {
  margin-right: 4em !important;
}
:where(.contents) .mt-4_5 {
  margin-top: 4.5em !important;
}
:where(.contents) .mb-4_5 {
  margin-bottom: 4.5em !important;
}
:where(.contents) .ml-4_5 {
  margin-left: 4.5em !important;
}
:where(.contents) .mr-4_5 {
  margin-right: 4.5em !important;
}
:where(.contents) .mt-5 {
  margin-top: 5em !important;
}
:where(.contents) .mb-5 {
  margin-bottom: 5em !important;
}
:where(.contents) .ml-5 {
  margin-left: 5em !important;
}
:where(.contents) .mr-5 {
  margin-right: 5em !important;
}

:where(.spa-form-wash) {
  /* ---component----------- */
  /* ---project----------- */
}
:where(.spa-form-wash) .container {
  max-width: calc(1000px + 8vw);
  padding-left: 4vw;
  padding-right: 4vw;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .container {
    max-width: 100%;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
:where(.spa-form-wash) .button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  background-color: #000;
  color: #fff;
  width: 100%;
  height: min(6.8888888889vw, 62px);
  font-size: min(1.6666666667vw, 0.9375rem);
  font-weight: 700;
  position: relative;
  transition: opacity 0.3s;
  --letter-spacing: 0.14em;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .button {
    height: 16.5333333333vw;
    font-size: 4vw;
  }
}
:where(.spa-form-wash) .button::before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background: url(../img/ic-cart.png) no-repeat center center/contain;
}
:where(.spa-form-wash) .button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5em;
  width: 0.7em;
  height: 0.7em;
  border-right: min(0.2222222222vw, 2px) solid currentColor;
  border-top: min(0.2222222222vw, 2px) solid currentColor;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .button::after {
    border-width: 0.5333333333vw;
  }
}
@media (any-hover: hover) {
  :where(.spa-form-wash) .button:hover {
    opacity: 0.7;
  }
}
:where(.spa-form-wash) .button.-anchor::after {
  transform: translateY(-50%) rotate(135deg);
}
:where(.spa-form-wash) .button.-no-cart::before {
  content: none;
}
:where(.spa-form-wash) .button.is-soldout {
  background-color: #bfbfbf;
  pointer-events: none;
}
:where(.spa-form-wash) .button.is-soldout::after {
  content: none;
}
:where(.spa-form-wash) .note {
  font-size: min(1.1111111111vw, 0.625rem);
  line-height: 1.5;
  text-indent: -2em;
  padding-left: 2em;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .note {
    font-size: 2.6666666667vw;
  }
}
:where(.spa-form-wash) .movie__inner {
  margin-inline: auto;
  aspect-ratio: 85/62;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .movie__inner {
    width: 100%;
    aspect-ratio: 69/62;
  }
}
:where(.spa-form-wash) .movie__inner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where(.spa-form-wash) .cta__heading {
  width: min(24.0555555556vw, 216.5px);
  margin-inline: auto;
  margin-bottom: min(1.7777777778vw, 16px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .cta__heading {
    width: 56.4vw;
    margin-bottom: 4.2666666667vw;
  }
}
:where(.spa-form-wash) .cta__heading::after {
  content: "";
  width: min(16vw, 144px);
  height: min(5vw, 45px);
  background: url(../img/im-arrow_bottom.png) no-repeat center center/contain;
  display: block;
  margin-inline: auto;
  margin-top: min(1.7777777778vw, 16px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .cta__heading::after {
    width: 38.4vw;
    height: 12vw;
    margin-top: 4.2666666667vw;
  }
}
:where(.spa-form-wash) .cta__blocks {
  display: flex;
  justify-content: center;
  column-gap: min(12.2222222222vw, 110px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .cta__blocks {
    flex-direction: column;
    row-gap: 13.3333333333vw;
  }
}
:where(.spa-form-wash) .cta__block {
  width: min(38.3333333333vw, 345px);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto 1fr;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .cta__block {
    width: 100%;
    gap: 0;
  }
}
:where(.spa-form-wash) .cta__block__image {
  width: min(16.6666666667vw, 150px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .cta__block__image {
    width: 40vw;
  }
}
:where(.spa-form-wash) .cta__block__body {
  margin-left: calc(-1 * min(3.5555555556vw, 32px));
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .cta__block__body {
    align-self: start;
    margin-left: -8.5333333333vw;
  }
}
:where(.spa-form-wash) .cta__block__name {
  font-size: min(1.6666666667vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.2em;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .cta__block__name {
    font-size: 4vw;
    white-space: nowrap;
  }
}
:where(.spa-form-wash) .cta__block__price {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 1em;
  font-size: min(1.5555555556vw, 0.875rem);
  align-items: baseline;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .cta__block__price {
    font-size: 3.7333333333vw;
  }
}
:where(.spa-form-wash) .cta__block__price span {
  font-size: 150%;
}
:where(.spa-form-wash) .cta__block__price small {
  font-size: 80%;
}
:where(.spa-form-wash) .cta__block__note {
  margin-top: 1em;
  text-indent: 0;
  padding-left: 0;
}
:where(.spa-form-wash) .cta__block__shipping {
  margin-top: 0.5em;
  width: min(10vw, 90px);
  height: min(10vw, 90px);
  border-radius: 50%;
  background-color: #4daac4;
  display: grid;
  place-content: center;
  color: #fff;
  font-weight: 500;
  line-height: 1.3;
  font-size: min(1.8888888889vw, 1.0625rem);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .cta__block__shipping {
    width: 24vw;
    height: 24vw;
    font-size: 4.5333333333vw;
  }
}
:where(.spa-form-wash) .cta__block__button-wrap {
  grid-column: span 2;
}
:where(.spa-form-wash) .cta__block:only-child {
  width: min(63.8888888889vw, 575px);
  gap: min(2.8888888889vw, 26px) min(5.5555555556vw, 50px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .cta__block:only-child {
    gap: 0;
  }
}
:where(.spa-form-wash) .cta__block:only-child .cta__block {
  margin-inline: auto;
}
:where(.spa-form-wash) .cta__block:only-child .cta__block__image {
  width: min(20vw, 180px);
  grid-row: span 2;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .cta__block:only-child .cta__block__image {
    width: 40vw;
  }
}
:where(.spa-form-wash) .cta__block:only-child .cta__block__body {
  align-self: end;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .cta__block:only-child .cta__block__body {
    margin-top: 9.3333333333vw;
    align-self: start;
    margin-left: -8.5333333333vw;
  }
}
:where(.spa-form-wash) .cta__block:only-child .cta__block__name {
  font-size: min(2vw, 1.125rem);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .cta__block:only-child .cta__block__name {
    font-size: 4vw;
  }
}
:where(.spa-form-wash) .cta__block:only-child .cta__block__price {
  font-size: min(1.7777777778vw, 1rem);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .cta__block:only-child .cta__block__price {
    font-size: 3.7333333333vw;
  }
}
:where(.spa-form-wash) .cta__block:only-child .cta__block__button {
  grid-column: span 1;
  align-self: start;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .cta__block:only-child .cta__block__button {
    grid-column: span 2;
  }
}
:where(.spa-form-wash) .bubble {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: min(2.2222222222vw, 20px);
}
:where(.spa-form-wash) .bubble li {
  font-size: min(1.3333333333vw, 0.75rem);
  display: flex;
  align-items: center;
  flex-direction: column;
  white-space: nowrap;
  gap: 0.75em;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .bubble li {
    font-size: 3.2vw;
  }
}
:where(.spa-form-wash) #goodsspec_body .goodscomment_ .deliveryBlock_,
:where(.spa-form-wash) #goodsspec_body .goodscomment_ .deliveryBlock2_ {
  margin-top: 1em;
}
:where(.spa-form-wash) #goodsspec_body .goodscomment_ .deliveryBlock_ dt,
:where(.spa-form-wash) #goodsspec_body .goodscomment_ .deliveryBlock2_ dt {
  color: #ff0000;
  font-size: min(1.6666666667vw, 0.9375rem);
  line-height: 1.5;
  letter-spacing: 0em;
  margin-bottom: 0.5em;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) #goodsspec_body .goodscomment_ .deliveryBlock_ dt,
  :where(.spa-form-wash) #goodsspec_body .goodscomment_ .deliveryBlock2_ dt {
    font-size: 4vw;
  }
}
:where(.spa-form-wash) #goodsspec_body .goodscomment_ .deliveryBlock_ dd,
:where(.spa-form-wash) #goodsspec_body .goodscomment_ .deliveryBlock2_ dd {
  font-size: min(1.3333333333vw, 0.75rem);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) #goodsspec_body .goodscomment_ .deliveryBlock_ dd,
  :where(.spa-form-wash) #goodsspec_body .goodscomment_ .deliveryBlock2_ dd {
    font-size: 3.2vw;
  }
}
:where(.spa-form-wash) .kv {
  position: relative;
  z-index: 2;
}
:where(.spa-form-wash) .kv__inner {
  position: relative;
  max-width: 1000px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .kv__inner {
    padding-left: 0;
    padding-right: 0;
  }
}
:where(.spa-form-wash) .kv__product {
  display: block;
  width: min(55.5555555556vw, 500px);
  margin-inline: auto;
  filter: blur(50px);
  opacity: 0;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .kv__product {
    width: 100%;
    margin-right: 0;
  }
}
:where(.spa-form-wash) .kv__lead {
  position: absolute;
  top: min(5.5555555556vw, 50px);
  left: min(3.8888888889vw, 35px);
  opacity: 0;
  transform: translateY(20px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .kv__lead {
    top: 8vw;
    left: 4vw;
  }
}
:where(.spa-form-wash) .kv__lead img {
  width: auto;
  height: min(var(--pc-height, 404) * 100vw / 900, var(--pc-height, 404) * 1px);
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .kv__lead img {
    height: var(--sp-height, 84.5333333333vw);
  }
}
:where(.spa-form-wash) .kv__icon {
  width: min(38.2777777778vw, 344.5px);
  position: absolute;
  top: min(35.1666666667vw, 316.5px);
  right: 0;
  opacity: 0;
  transform: translateY(20px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .kv__icon {
    width: 100%;
    position: static;
    padding-left: 4vw;
    padding-right: 4vw;
    margin-top: -40.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .kv__icon__image {
    display: block;
    width: 77.3333333333vw;
    margin-inline: auto;
  }
}
:where(.spa-form-wash) .kv__icon__notes {
  margin-top: 1em;
}
:where(.spa-form-wash) .kv__icon__notes .note {
  text-indent: -2em;
  padding-left: 2em;
  font-size: min(1.1111111111vw, 0.625rem);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .kv__icon__notes .note {
    font-size: 2.6666666667vw;
  }
}
:where(.spa-form-wash) .lead {
  padding-top: min(4.5vw, 40.5px);
  padding-bottom: min(6.7777777778vw, 61px);
  position: relative;
  background: url(../img/bg-lead.jpg) no-repeat center top -5vw;
  background-size: max(100%, min(160vw, 1440px));
  z-index: 0;
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  :where(.spa-form-wash) .lead {
    background-position: center top calc(-1 * min(6.5555555556vw, 59px));
  }
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .lead {
    padding-top: 44.6666666667vw;
    padding-bottom: 8vw;
    background-image: url(../img/bg-lead01-sp.jpg);
    background-position: center top -9.0666666667vw;
    background-size: 100%;
    margin-top: -26.6666666667vw;
  }
}
:where(.spa-form-wash) .lead__inner {
  max-width: calc(min(80vw, 720px) + 8vw);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .lead__inner {
    min-width: 100%;
  }
}
:where(.spa-form-wash) .lead__heading {
  width: min(28.2222222222vw, 254px);
  margin-inline: auto;
  margin-bottom: min(3.2777777778vw, 29.5px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .lead__heading {
    width: 67.7333333333vw;
    margin-bottom: 7.8666666667vw;
  }
}
:where(.spa-form-wash) .lead__movie {
  width: min(47.2222222222vw, 425px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .lead__movie {
    width: 100%;
  }
}
:where(.spa-form-wash) .technology {
  margin-top: min(6.6666666667vw, 60px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .technology {
    margin-top: 16vw;
  }
}
:where(.spa-form-wash) .technology__heading {
  width: min(32.9444444444vw, 296.5px);
  margin-inline: auto;
  margin-bottom: min(5.5555555556vw, 50px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .technology__heading {
    width: 79.0666666667vw;
    margin-bottom: 9.3333333333vw;
  }
}
:where(.spa-form-wash) .technology__wrap {
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr min(31.6666666667vw, 285px);
  gap: min(4.4444444444vw, 40px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .technology__wrap {
    grid-template-columns: 1fr;
    gap: 8vw;
  }
}
:where(.spa-form-wash) .technology__text {
  font-size: min(1.7777777778vw, 1rem);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .technology__text {
    font-size: 3.7333333333vw;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .technology__image {
    width: 74.8vw;
    margin-inline: auto;
  }
}
:where(.spa-form-wash) .technology__image__list {
  display: flex;
  justify-content: space-between;
}
:where(.spa-form-wash) .technology__image__list li {
  width: min(14.4444444444vw, 130px);
  font-size: min(1.3333333333vw, 0.75rem);
  display: flex;
  align-items: center;
  flex-direction: column;
  white-space: nowrap;
  gap: 0.75em;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .technology__image__list li {
    width: 34.6666666667vw;
    font-size: 3.2vw;
  }
}
:where(.spa-form-wash) .technology__image__notes {
  margin-top: min(3.8888888889vw, 35px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .technology__image__notes {
    margin-top: 5.3333333333vw;
  }
}
:where(.spa-form-wash) .appeal {
  padding-top: min(4.4444444444vw, 40px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .appeal {
    padding-top: 10.6666666667vw;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .appeal::before {
    content: "";
    width: calc(100% + 8vw);
    height: 142.9333333333vw;
    background: url(../img/bg-lead02-sp.jpg) no-repeat center top/contain;
    position: absolute;
    top: -0.6666666667vw;
    left: 50%;
    translate: -50% 0;
    z-index: -1;
  }
}
:where(.spa-form-wash) .appeal__heading {
  width: min(28.8888888889vw, 260px);
  margin-inline: auto;
  margin-bottom: min(4.2777777778vw, 38.5px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .appeal__heading {
    width: 69.3333333333vw;
    margin-bottom: 13.3333333333vw;
  }
}
:where(.spa-form-wash) .appeal__heading::before {
  content: "";
  width: min(0.1111111111vw, 1px);
  height: min(6.6666666667vw, 60px);
  background-color: #000;
  display: block;
  margin-inline: auto;
  margin-bottom: min(4.4444444444vw, 40px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .appeal__heading::before {
    width: 0.2666666667vw;
    height: 21.3333333333vw;
    margin-bottom: 10.6666666667vw;
  }
}
:where(.spa-form-wash) .appeal__troubles {
  border: min(0.4444444444vw, 4px) solid #c7dee3;
  padding: min(3.4444444444vw, 31px) min(4.4444444444vw, 40px);
  position: relative;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .appeal__troubles {
    width: 86.6666666667vw;
    border-width: 1.0666666667vw;
    margin-inline: auto;
    padding: 10.6666666667vw 5.3333333333vw 9.3333333333vw;
  }
}
:where(.spa-form-wash) .appeal__troubles::before {
  content: "";
  width: min(11.9444444444vw, 107.5px);
  height: min(6.1666666667vw, 55.5px);
  background: url(../img/im-txt-check.png) no-repeat center center/contain;
  position: absolute;
  left: min(4.7222222222vw, 42.5px);
  top: calc(-1 * min(4.1111111111vw, 37px));
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .appeal__troubles::before {
    width: 25.2vw;
    height: 12.9333333333vw;
    left: 5.4666666667vw;
    top: -7.7333333333vw;
  }
}
:where(.spa-form-wash) .appeal__troubles__list {
  width: fit-content;
  margin-inline: auto;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: auto auto;
  gap: 0.5em min(5.5555555556vw, 50px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .appeal__troubles__list {
    grid-template-columns: 1fr;
    gap: 0.5em;
  }
}
:where(.spa-form-wash) .appeal__troubles__list li {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: min(1.7777777778vw, 1rem);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .appeal__troubles__list li {
    font-size: 4vw;
  }
}
:where(.spa-form-wash) .appeal__troubles__list li::before {
  content: "";
  width: min(2.1666666667vw, 19.5px);
  height: min(1.8888888889vw, 17px);
  background: url(../img/ic-check.png) no-repeat center center/contain;
  translate: 0 0.05em;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .appeal__troubles__list li::before {
    width: 5.2vw;
    height: 4.5333333333vw;
  }
}
:where(.spa-form-wash) .appeal__solution {
  padding-top: min(2.7777777778vw, 25px);
  height: min(68.4444444444vw, 616px);
  position: relative;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .appeal__solution {
    height: 198.9333333333vw;
    padding-top: 5.3333333333vw;
  }
}
:where(.spa-form-wash) .appeal__solution::before {
  content: "";
  width: min(16vw, 144px);
  height: min(5vw, 45px);
  background: url(../img/im-arrow_bottom.png) no-repeat center center/contain;
  display: block;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .appeal__solution::before {
    width: 38.4vw;
    height: 12vw;
  }
}
:where(.spa-form-wash) .appeal__solution__heading {
  margin-top: min(4.3888888889vw, 39.5px);
  width: min(33.7222222222vw, 303.5px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .appeal__solution__heading {
    width: 80.9333333333vw;
    margin-top: 7.8666666667vw;
  }
}
:where(.spa-form-wash) .appeal__solution__product {
  width: min(51.6666666667vw, 465px);
  position: absolute;
  top: min(10.1111111111vw, 91px);
  left: calc(-1 * min(20.2222222222vw, 182px));
  z-index: -1;
  mix-blend-mode: darken;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .appeal__solution__product {
    width: 90.1333333333vw;
    top: 58.6666666667vw;
    left: -4vw;
  }
}
:where(.spa-form-wash) .appeal__solution__points {
  width: min(57.5555555556vw, 518px);
  margin-left: auto;
  margin-top: min(6.6666666667vw, 60px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .appeal__solution__points {
    width: 52.9333333333vw;
    margin-top: 8vw;
  }
}
:where(.spa-form-wash) .bannar-img {
  background-color: #e1e5ee;
  height: min(42.2222222222vw, 380px);
  position: sticky;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .bannar-img {
    height: auto;
  }
}
:where(.spa-form-wash) .bannar-img img {
  display: block;
  max-width: min(80vw, 720px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .bannar-img img {
    max-width: 100%;
  }
}
:where(.spa-form-wash) .highlights {
  padding-top: min(5vw, 45px);
  background: url(../img/bg-feature.jpg) no-repeat center top min(17.7777777778vw, 160px);
  background-size: max(100%, min(160vw, 1440px));
  overflow: hidden;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .highlights {
    padding-top: 9.3333333333vw;
    background: url(../img/bg-feature-sp.jpg) no-repeat center top 82.6666666667vw;
    background-size: 100%;
    background-color: #fff;
  }
}
:where(.spa-form-wash) .highlights__inner {
  max-width: calc(min(80vw, 720px) + 8vw);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .highlights__inner {
    max-width: 100%;
  }
}
:where(.spa-form-wash) .feature {
  position: relative;
  padding-top: min(1vw, 9px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .feature {
    padding-top: 18.6666666667vw;
  }
}
:where(.spa-form-wash) .feature__heading {
  width: min(26.0555555556vw, 234.5px);
  margin-inline: auto;
  margin-bottom: min(2.2222222222vw, 20px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .feature__heading {
    width: 62.5333333333vw;
    margin-bottom: 9.3333333333vw;
  }
}
:where(.spa-form-wash) .feature__lead {
  width: min(55.5555555556vw, 500px);
  position: relative;
  margin-inline: auto;
  overflow: visible;
  display: flex;
  align-items: flex-start;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .feature__lead {
    width: 100%;
  }
}
:where(.spa-form-wash) .feature__lead__product {
  display: block;
  width: min(10.3333333333vw, 93px);
  height: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .feature__lead__product {
    width: 20.2666666667vw;
    margin-left: 4vw;
  }
}
:where(.spa-form-wash) .feature__lead__icons {
  display: block;
  width: min(32.4444444444vw, 292px);
  margin-left: auto;
  margin-top: min(1.6666666667vw, 15px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .feature__lead__icons {
    width: 70.8vw;
    margin-top: 4.9333333333vw;
    margin-left: -4vw;
  }
}
:where(.spa-form-wash) .feature__list {
  margin-top: calc(-1 * min(13.1666666667vw, 118.5px));
  display: grid;
  gap: min(4.4444444444vw, 40px);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .feature__list {
    margin-top: -16vw;
    gap: 9.3333333333vw;
  }
}
:where(.spa-form-wash) .feature__conclusion {
  padding-top: min(12.2222222222vw, 110px);
  padding-bottom: min(15.5555555556vw, 140px);
  position: relative;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .feature__conclusion {
    padding-top: 7.8666666667vw;
    padding-bottom: 0;
  }
}
:where(.spa-form-wash) .feature__conclusion::before {
  content: "";
  width: 100vw;
  height: min(80vw, 720px);
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255) 10%);
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .feature__conclusion::before {
    content: none;
  }
}
:where(.spa-form-wash) .feature__conclusion__body {
  width: min(40vw, 360px);
  text-align: center;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .feature__conclusion__body {
    width: 100%;
  }
}
:where(.spa-form-wash) .feature__conclusion__body p {
  margin-top: min(2.7777777778vw, 25px);
  font-size: min(2vw, 1.125rem);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .feature__conclusion__body p {
    margin-top: 5.3333333333vw;
    font-size: 4vw;
  }
}
:where(.spa-form-wash) .feature__conclusion__heading {
  width: min(29.5555555556vw, 266px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .feature__conclusion__heading {
    width: 59.0666666667vw;
  }
}
:where(.spa-form-wash) .feature__conclusion__tags {
  gap: min(2vw, 18px);
  margin-top: min(3.3333333333vw, 30px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .feature__conclusion__tags {
    gap: 4vw;
    max-width: 80vw;
    margin-inline: auto;
    margin-top: 6.6666666667vw;
  }
}
:where(.spa-form-wash) .feature__conclusion__tags li {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: grid;
  place-content: center;
  background-color: #4daac4;
  color: #fff;
  text-align: center;
  font-size: min(1.6666666667vw, 0.9375rem);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .feature__conclusion__tags li {
    border-width: 0.2666666667vw;
    font-size: 4vw;
  }
}
:where(.spa-form-wash) .feature__conclusion__image {
  position: absolute;
  top: calc(-1 * min(21.2222222222vw, 191px));
  left: min(15.5555555556vw, 140px);
  width: min(104.4444444444vw, 940px);
  height: auto;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .feature__conclusion__image {
    position: static;
    width: calc(100% + 8vw);
    margin-left: -4vw;
    margin-right: -4vw;
    margin-top: 4vw;
  }
}
:where(.spa-form-wash) .point-block {
  background-color: #fff;
  padding: 0 4vw min(11.1111111111vw, 100px);
  box-shadow: 0 0 min(4.4444444444vw, 40px) rgba(153, 153, 153, 0.08), 0 0 min(2.2222222222vw, 20px) rgba(153, 153, 153, 0.04);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
  }
}
:where(.spa-form-wash) .point-block__inner {
  max-width: min(55.5555555556vw, 500px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block__inner {
    max-width: 100%;
  }
}
:where(.spa-form-wash) .point-block__inner > * {
  margin-top: 1em;
  font-size: min(1.5555555556vw, 0.875rem);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block__inner > * {
    font-size: 3.7333333333vw;
  }
}
:where(.spa-form-wash) .point-block__inner > *:first-child {
  margin-top: 0;
}
:where(.spa-form-wash) .point-block__inner .movie__inner {
  aspect-ratio: 69/48;
}
:where(.spa-form-wash) .point-block__heading {
  margin-inline: auto;
}
:where(.spa-form-wash) .point-block__heading img {
  margin-top: calc(-1 * min(2.2222222222vw, 20px));
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block__heading img {
    margin-top: 0;
  }
}
:where(.spa-form-wash) .point-block__tags {
  max-width: min(33.3333333333vw, 300px);
  margin-top: min(2.7777777778vw, 25px);
  margin-inline: auto;
  margin-bottom: min(5.5555555556vw, 50px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block__tags {
    max-width: 80vw;
    margin-top: 6.6666666667vw;
    margin-bottom: 6.6666666667vw;
  }
}
:where(.spa-form-wash) .point-block__tags__list {
  gap: min(1.6666666667vw, 15px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block__tags__list {
    gap: 4vw;
  }
}
:where(.spa-form-wash) .point-block__tags__list li {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: grid;
  place-content: center;
  background-color: #fff;
  border: min(0.1111111111vw, 1px) solid #4daac4;
  text-align: center;
  font-size: min(1.6666666667vw, 0.9375rem);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block__tags__list li {
    border-width: 0.2666666667vw;
    font-size: 4vw;
  }
}
:where(.spa-form-wash) .point-block__tags__list li span {
  line-height: 1.5;
}
:where(.spa-form-wash) .point-block__movie {
  width: min(38.3333333333vw, 345px);
  margin-inline: auto;
  margin-bottom: min(3.3333333333vw, 30px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block__movie {
    width: 100%;
    margin-bottom: 4vw;
  }
}
:where(.spa-form-wash) .point-block__narrow {
  max-width: min(38.3333333333vw, 345px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block__narrow {
    max-width: 100%;
  }
}
:where(.spa-form-wash) .point-block__narrow > * {
  margin-top: 1.5em;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block__narrow > * {
    margin-top: 1em;
  }
}
:where(.spa-form-wash) .point-block.-point1 .point-block__heading {
  width: min(20.2777777778vw, 182.5px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block.-point1 .point-block__heading {
    width: 48.6666666667vw;
  }
}
:where(.spa-form-wash) .point-block.-point1 .morning {
  margin-top: 0;
  display: block;
  margin-right: calc(-1 * min(3.3333333333vw, 30px));
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block.-point1 .morning {
    margin-left: -4vw;
    margin-right: -4vw;
  }
}
:where(.spa-form-wash) .point-block.-point2 .point-block__heading {
  width: min(32.5vw, 292.5px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block.-point2 .point-block__heading {
    width: 78vw;
  }
}
:where(.spa-form-wash) .point-block.-point2 .point-block__bubble {
  grid-template-columns: min(30.6666666667vw, 276px) 1fr;
  gap: min(1.5vw, 13.5px);
  align-items: center;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block.-point2 .point-block__bubble {
    grid-template-columns: 1fr;
    gap: 7.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block.-point2 .point-block__bubble__comparison {
    margin-left: -4vw;
    margin-right: -4vw;
  }
}
:where(.spa-form-wash) .point-block.-point2 .bubble {
  gap: min(1.2777777778vw, 11.5px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block.-point2 .bubble {
    max-width: 74.6666666667vw;
    margin-inline: auto;
    gap: 5.3333333333vw;
  }
}
:where(.spa-form-wash) .point-block.-point2 .bubble p {
  font-size: min(1.1111111111vw, 0.625rem);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block.-point2 .bubble p {
    font-size: 3.2vw;
  }
}
:where(.spa-form-wash) .point-block.-point3 .text-center {
  text-align: left;
}
:where(.spa-form-wash) .point-block.-point3 .point-block__heading {
  width: min(28.7777777778vw, 259px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block.-point3 .point-block__heading {
    width: 69.0666666667vw;
  }
}
:where(.spa-form-wash) .point-block.-point3 .point-block__tags {
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}
:where(.spa-form-wash) .point-block.-point3 .point-block__image {
  display: block;
  margin-top: calc(-1 * min(4.6666666667vw, 42px));
  margin-bottom: min(3.3333333333vw, 30px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .point-block.-point3 .point-block__image {
    margin: -11.2vw -4vw 8vw;
  }
}
:where(.spa-form-wash) .howto {
  background-color: #edeff1;
  padding: min(8.8888888889vw, 80px) 0;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .howto {
    padding: 9.3333333333vw 0;
  }
}
:where(.spa-form-wash) .howto__heading {
  width: min(26.9444444444vw, 242.5px);
  margin-inline: auto;
  margin-bottom: min(4.4444444444vw, 40px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .howto__heading {
    width: 64.6666666667vw;
    margin-bottom: 7.8666666667vw;
  }
}
:where(.spa-form-wash) .howto__list {
  max-width: min(99.7222222222vw, 897.5px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: min(3.6111111111vw, 32.5px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .howto__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .howto__item {
    width: 100%;
  }
}
:where(.spa-form-wash) .howto__item img {
  margin-bottom: min(2.2222222222vw, 20px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .howto__item img {
    margin-bottom: 5.0666666667vw;
  }
}
:where(.spa-form-wash) .howto__item h3 {
  font-weight: 700;
  text-align: center;
  font-size: min(1.5555555556vw, 0.875rem);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .howto__item h3 {
    font-size: 3.7333333333vw;
  }
}
:where(.spa-form-wash) .howto__item p {
  font-size: min(1.3333333333vw, 0.75rem);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .howto__item p {
    font-size: 3.2vw;
  }
}
:where(.spa-form-wash) .short-movie {
  background-color: #fff;
  padding-top: min(7.7777777778vw, 70px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .short-movie {
    padding-top: 16vw;
  }
}
:where(.spa-form-wash) .short-movie__inner {
  width: min(27.7777777778vw, 250px);
  height: min(44.4444444444vw, 400px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .short-movie__inner {
    width: 66.6666666667vw;
    height: 106.6666666667vw;
  }
}
:where(.spa-form-wash) .buy {
  padding-top: min(7.7777777778vw, 70px);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .buy {
    padding-top: 16vw;
  }
}
:where(.spa-form-wash) .buy__product {
  margin-bottom: min(4.4444444444vw, 40px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .buy__product {
    margin-bottom: 17.3333333333vw;
  }
}
:where(.spa-form-wash) .buy__product__heading {
  width: min(41vw, 369px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .buy__product__heading {
    width: 89.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
:where(.spa-form-wash) .buy__product__image {
  width: min(53.4444444444vw, 481px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .buy__product__image {
    width: calc(100% + 8vw);
    margin-left: -4vw;
    margin-right: -4vw;
  }
}
:where(.spa-form-wash) .voice {
  margin-top: min(7.7777777778vw, 70px);
  margin-bottom: min(7.7777777778vw, 70px);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .voice {
    margin-top: 16vw;
    margin-bottom: 13.3333333333vw;
  }
}
:where(.spa-form-wash) .voice__inner {
  max-width: calc(min(88.8888888889vw, 800px) + 8vw);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .voice__inner {
    max-width: 100%;
  }
}
:where(.spa-form-wash) .voice__heading {
  margin-inline: auto;
  margin-bottom: min(3.8888888889vw, 35px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .voice__heading {
    margin-bottom: 9.3333333333vw;
  }
}
:where(.spa-form-wash) .voice__block {
  margin-inline: auto;
  border: min(0.4444444444vw, 4px) solid #e2e2e2;
  padding: min(5vw, 45px) min(5.3333333333vw, 48px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(33.3333333333vw, 300px), 1fr));
  gap: min(5.5555555556vw, 50px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .voice__block {
    border-width: 1.0666666667vw;
    max-width: 100%;
    padding: 7.4666666667vw 6.1333333333vw;
    flex-direction: column;
    gap: 0;
    grid-template-columns: 1fr;
  }
}
:where(.spa-form-wash) .voice__block__list li {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: min(0.1111111111vw, 1px) dotted #9fa0a0;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .voice__block__list li {
    border-width: 0.2666666667vw;
  }
}
:where(.spa-form-wash) .voice__block__notes {
  margin-top: 1em;
}
:where(.spa-form-wash) .voice__block__notes .note {
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .voice.-vop {
    margin-bottom: 10.6666666667vw;
  }
}
:where(.spa-form-wash) .voice.-vop .voice__heading {
  width: min(34.7777777778vw, 313px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .voice.-vop .voice__heading {
    width: 83.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .voice.-voc {
    margin-top: 10.6666666667vw;
  }
}
:where(.spa-form-wash) .voice.-voc .voice__heading {
  width: min(27.6111111111vw, 248.5px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .voice.-voc .voice__heading {
    width: 66.2666666667vw;
  }
}
:where(.spa-form-wash) .voc {
  display: grid;
  grid-template-columns: min(5.6111111111vw, 50.5px) 1fr;
  column-gap: min(2.2222222222vw, 20px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .voc {
    grid-template-columns: 13.4666666667vw 1fr;
    column-gap: 5.3333333333vw;
  }
}
:where(.spa-form-wash) .voc__body {
  min-height: min(7.2377777778vw, 65.14px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
:where(.spa-form-wash) .voc__text {
  font-size: min(1.5555555556vw, 0.875rem);
  margin-bottom: 0.2em;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .voc__text {
    font-size: 3.7333333333vw;
  }
}
:where(.spa-form-wash) .voc__attr {
  font-size: min(1.2222222222vw, 0.6875rem);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .voc__attr {
    font-size: 2.9333333333vw;
  }
}
:where(.spa-form-wash) .recommend {
  background-color: #edeff1;
  padding: min(7.7777777778vw, 70px) 0;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .recommend {
    background-color: #fff;
    padding: 0;
  }
}
:where(.spa-form-wash) .recommend__inner {
  max-width: calc(min(88.8888888889vw, 800px) + 8vw);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .recommend__inner {
    max-width: 100%;
  }
}
:where(.spa-form-wash) .recommend__block {
  width: 100%;
  border: min(0.4444444444vw, 4px) solid #c7dee3;
  background-color: #fff;
  padding: min(4.4444444444vw, 40px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .recommend__block {
    border-width: 1.0666666667vw;
    padding: 9.3333333333vw 6.1333333333vw 6.6666666667vw;
  }
}
:where(.spa-form-wash) .recommend__heading {
  width: min(17.4444444444vw, 157px);
  margin-inline: auto;
  margin-bottom: min(2.7777777778vw, 25px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .recommend__heading {
    width: 41.8666666667vw;
    margin-bottom: 6.8vw;
  }
}
:where(.spa-form-wash) .recommend__text {
  text-align: center;
  font-size: min(1.6666666667vw, 0.9375rem);
  line-height: 1.5;
  margin-bottom: min(3.9444444444vw, 35.5px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .recommend__text {
    font-size: 4vw;
    margin-bottom: 7.7333333333vw;
  }
}
:where(.spa-form-wash) .recommend__product {
  display: grid;
  grid-template-columns: min(32.2222222222vw, 290px) 1fr;
  column-gap: min(5.5555555556vw, 50px);
  max-width: min(70.5555555556vw, 635px);
  margin-inline: auto;
  align-items: center;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .recommend__product {
    max-width: 100%;
    grid-template-columns: 1fr;
    gap: 5.3333333333vw;
  }
}
:where(.spa-form-wash) .recommend__image {
  grid-row: span 2;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .recommend__image {
    grid-row: span 1;
  }
}
:where(.spa-form-wash) .recommend__name {
  text-align: center;
  font-size: min(2.2222222222vw, 1.25rem);
  font-weight: 500;
  align-self: end;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .recommend__name {
    font-size: 4.5333333333vw;
  }
}
:where(.spa-form-wash) .recommend__body {
  align-self: start;
}
:where(.spa-form-wash) .recommend__body .button {
  margin-top: min(5.5555555556vw, 50px);
}
:where(.spa-form-wash) .faq {
  padding: min(7.7777777778vw, 70px) 0;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .faq {
    padding: 13.3333333333vw 0;
  }
}
:where(.spa-form-wash) .faq__inner {
  max-width: calc(min(88.8888888889vw, 800px) + 8vw);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .faq__inner {
    max-width: 100%;
  }
}
:where(.spa-form-wash) .faq__heading {
  width: min(13vw, 117px);
  margin-inline: auto;
  margin-bottom: min(3.8888888889vw, 35px);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .faq__heading {
    width: 31.2vw;
    margin-bottom: 9.3333333333vw;
  }
}
:where(.spa-form-wash) .faq__wrap {
  border-top: 1px solid #ddd;
}
:where(.spa-form-wash) .faq__item {
  padding: min(2.2222222222vw, 20px) 0;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .faq__item {
    padding: 5.3333333333vw 0;
  }
}
:where(.spa-form-wash) .faq__item__q, :where(.spa-form-wash) .faq__item__a {
  display: grid;
  align-self: center;
  column-gap: min(2.1111111111vw, 19px);
  grid-template-columns: min(2.6666666667vw, 24px) 1fr;
  min-height: min(2.6666666667vw, 24px);
  line-height: 1.5;
  font-size: min(1.5555555556vw, 0.875rem);
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .faq__item__q, :where(.spa-form-wash) .faq__item__a {
    min-height: 6.4vw;
    column-gap: 3.4666666667vw;
    grid-template-columns: 6.4vw 1fr;
    font-size: 3.7333333333vw;
  }
}
:where(.spa-form-wash) .faq__item__q {
  color: #00adc7;
  font-weight: 500;
  margin-bottom: 1em;
}
:where(.spa-form-wash) .faq__item__q::before {
  content: "";
  width: min(2.6666666667vw, 24px);
  height: min(2.6666666667vw, 24px);
  background: url("../img/ic-q.png") no-repeat left center/contain;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .faq__item__q::before {
    width: 6.4vw;
    height: 6.4vw;
  }
}
:where(.spa-form-wash) .faq__item__a::before {
  content: "";
  width: min(2.1666666667vw, 19.5px);
  height: min(2.1666666667vw, 19.5px);
  background: url("../img/ic-a.png") no-repeat left center/contain;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .faq__item__a::before {
    width: 5.0666666667vw;
    height: 5.0666666667vw;
  }
}
:where(.spa-form-wash) .buy-button {
  position: fixed;
  bottom: 0;
  right: 0;
  width: min(11.1111111111vw, 100px);
  height: min(11.1111111111vw, 100px);
  z-index: 9999;
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  :where(.spa-form-wash) .buy-button {
    width: 16vw;
    height: 16vw;
  }
}
:where(.spa-form-wash) .buy-button.is-show {
  opacity: 1;
  visibility: visible;
}
@media (any-hover: hover) {
  :where(.spa-form-wash) .buy-button.is-show:hover {
    opacity: 0.7;
  }
}