@charset "UTF-8";
/**
 * Colors
==================== */
/**
 * Breakpoints
 ==================== */
/**
 * Design Sizes
==================== */
/**
 * Spacing Units
==================== */
/**
 * Font sizes
==================== */
/**
 * Font Families
==================== */
/**
 * vw変換
==================== */
/**
 * em変換
==================== */
/**
 * mixins
==================== */
.spiral-info__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--clr-base-black);
  padding-top: 8.8888888889vw;
}
@media (max-width: 1020px) {
  .spiral-info__inner {
    padding-top: 16.4102564103vw;
    padding-left: 6.1538461538vw;
    padding-right: 6.1538461538vw;
  }
}
.spiral-info__inner.-pt-0 {
  padding-top: 0;
}
.spiral-info__title {
  text-align: center;
  font-family: "Shippori Mincho";
  font-size: 2.5vw;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 4.4444444444vw;
}
@media (max-width: 1020px) {
  .spiral-info__title {
    font-size: 6.1538461538vw;
  }
}
.spiral-info__details {
  display: flex;
  align-items: center;
  gap: 2.2222222222vw;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .spiral-info__details {
    gap: 8.2051282051vw;
  }
}
.spiral-info__detail-upper {
  font-family: "Shippori Mincho";
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}
@media (max-width: 1020px) {
  .spiral-info__detail-upper {
    font-size: 5.3846153846vw;
  }
}
.spiral-info__detail-middle {
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 160%;
}
@media (max-width: 1020px) {
  .spiral-info__detail-middle {
    font-size: 3.8461538462vw;
  }
}
.spiral-info__to-top {
  width: 100%;
  max-width: 19.4444444444vw;
  color: var(--clr-base-white);
  background-color: var(--clr-main-black);
  padding: 1.3888888889vw 0.8333333333vw;
  border: 1px solid transparent;
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.64px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1020px) {
  .spiral-info__to-top {
    max-width: 100%;
    padding: 5.1282051282vw 3.0769230769vw;
    font-size: 4.1025641026vw;
  }
}
.spiral-info__to-top:hover {
  color: var(--clr-main-black);
  border-color: var(--clr-main-black);
}

.spiral-consumer__head {
  padding-top: 8.8888888889vw;
  display: flex;
  gap: 2.2222222222vw;
  flex-direction: column;
  color: var(--clr-base-black);
}
@media (max-width: 1020px) {
  .spiral-consumer__head {
    padding-top: 16.4102564103vw;
    gap: 6.1538461538vw;
  }
}
@media (max-width: 768px) {
  .spiral-consumer__head {
    padding-top: 16.4102564103vw;
    gap: 6.1538461538vw;
  }
}
.spiral-consumer__head.-spiral-confirmation {
  padding-top: 4.4444444444vw;
  gap: 4.4444444444vw;
}
@media (max-width: 1020px) {
  .spiral-consumer__head.-spiral-confirmation {
    padding-top: 16.4102564103vw;
    gap: 16.4102564103vw;
  }
}
.spiral-consumer__head-title {
  font-family: "Shippori Mincho";
  font-size: 2.5vw;
  font-weight: 600;
  line-height: 140%;
  text-align: center;
}
@media (max-width: 1020px) {
  .spiral-consumer__head-title {
    font-size: 6.1538461538vw;
  }
}
.spiral-consumer__head-title.-spiral-confirmation {
  text-align: center;
  padding-top: 8.8888888889vw;
}
@media (max-width: 1020px) {
  .spiral-consumer__head-title.-spiral-confirmation {
    padding-top: 16.4102564103vw;
  }
}
.spiral-consumer__head-title.-keep {
  word-break: keep-all;
}

.spiral-contact__head {
  padding-top: 8.8888888889vw;
}
@media (max-width: 1020px) {
  .spiral-contact__head {
    padding-top: 16.4102564103vw;
  }
}
.spiral-contact__head-title {
  color: var(--clr-base-black);
  text-align: center;
  font-family: "Shippori Mincho";
  font-size: 2.5vw;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 4.4444444444vw;
}
@media (max-width: 1020px) {
  .spiral-contact__head-title {
    font-size: 6.1538461538vw;
    margin-bottom: 16.4102564103vw;
  }
}
.spiral-contact__head-title.-mb-0 {
  margin-bottom: 0;
}
.spiral-contact__store-select {
  display: flex;
  gap: 1.1111111111vw;
  align-items: flex-end;
}
@media (max-width: 1020px) {
  .spiral-contact__store-select {
    gap: 4.1025641026vw;
    align-items: flex-start;
    flex-direction: column;
  }
}
.spiral-contact__select-wrap {
  position: relative;
}
@media (max-width: 1020px) {
  .spiral-contact__select-wrap.-sp-w-100 {
    width: 100%;
    max-width: 100%;
  }
}
.spiral-contact__select-wrap.-mw-240 {
  max-width: 16.6666666667vw;
}
@media (max-width: 1020px) {
  .spiral-contact__select-wrap.-mw-240 {
    max-width: 100%;
  }
}
.spiral-contact__main {
  width: 100%;
  max-width: 43.3333333333vw;
  margin: 0 auto;
  display: flex;
  gap: 2.2222222222vw;
  flex-direction: column;
  padding-top: 4.4444444444vw;
}
@media (max-width: 1020px) {
  .spiral-contact__main {
    max-width: 100%;
    gap: 8.2051282051vw;
    padding-top: 8.2051282051vw;
  }
}
.spiral-contact__main.-complete {
  padding-bottom: 4.4444444444vw;
}
@media (max-width: 1020px) {
  .spiral-contact__main.-complete {
    padding-bottom: 0;
  }
}
.spiral-contact__main.-spiral-contact-error {
  padding-top: 0;
  align-items: center;
  text-align: center;
}
.spiral-contact__main.-mw-752 {
  max-width: 52.2222222222vw;
}
@media (max-width: 1020px) {
  .spiral-contact__main.-mw-752 {
    max-width: 100%;
  }
}
.spiral-contact__main.-mw-906 {
  max-width: 62.9166666667vw;
}
@media (max-width: 1020px) {
  .spiral-contact__main.-mw-906 {
    max-width: 100%;
  }
}
.spiral-contact__main.-pt-0 {
  padding-top: 0;
}
.spiral-contact__main form {
  display: flex;
  gap: 2.2222222222vw;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .spiral-contact__main form {
    gap: 8.2051282051vw;
  }
}
.spiral-contact__main form.-w-100 {
  width: 100%;
}
.spiral-contact__main form .label {
  width: 100%;
  position: relative;
  display: flex;
  gap: 0.5555555556vw;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .spiral-contact__main form .label {
    gap: 2.0512820513vw;
  }
}
.spiral-contact__main form .label.-gap-16 {
  gap: 1.1111111111vw;
}
@media (max-width: 1020px) {
  .spiral-contact__main form .label.-gap-16 {
    gap: 4.1025641026vw;
  }
}
.spiral-contact__main form .label.-mw-240 {
  max-width: 16.6666666667vw;
}
@media (max-width: 1020px) {
  .spiral-contact__main form .label.-mw-240 {
    max-width: 100%;
  }
}
.spiral-contact__main form .label.-mw-480 {
  max-width: 33.3333333333vw;
}
@media (max-width: 1020px) {
  .spiral-contact__main form .label.-mw-480 {
    max-width: 100%;
  }
}
.spiral-contact__main form .label.-mw-149 {
  max-width: 10.4166666667vw;
}
@media (max-width: 1020px) {
  .spiral-contact__main form .label.-mw-149 {
    max-width: 100%;
  }
}
.spiral-contact__main form .label.-kva {
  flex-direction: unset;
  align-items: flex-end;
}
.spiral-contact__main form .label.-kva input {
  width: 100%;
  max-width: 10.4166666667vw;
}
@media (max-width: 1020px) {
  .spiral-contact__main form .label.-kva input {
    max-width: 38.4615384615vw;
  }
}
.spiral-contact__main form input:not([type=radio]),
.spiral-contact__main form input:not([type=submit]),
.spiral-contact__main form input:not([type=file]),
.spiral-contact__main form textarea {
  color: var(--clr-label-black);
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 100%;
  padding: 1.1111111111vw;
  border: 1px solid var(--clr-bg-white-border);
  width: 100%;
  transition: background-color 0.3s;
}
.spiral-contact__main form input:not([type=radio])::placeholder,
.spiral-contact__main form input:not([type=submit])::placeholder,
.spiral-contact__main form input:not([type=file])::placeholder,
.spiral-contact__main form textarea::placeholder {
  color: var(--clr-disabled-gray);
}
.spiral-contact__main form input:not([type=radio]):disabled,
.spiral-contact__main form input:not([type=submit]):disabled,
.spiral-contact__main form input:not([type=file]):disabled,
.spiral-contact__main form textarea:disabled {
  background-color: var(--clr-bg-white-border);
}
@media (max-width: 1020px) {
  .spiral-contact__main form input:not([type=radio]),
  .spiral-contact__main form input:not([type=submit]),
  .spiral-contact__main form input:not([type=file]),
  .spiral-contact__main form textarea {
    font-size: 4.1025641026vw;
    padding: 4.1025641026vw;
  }
}
.spiral-contact__main form input:not([type=radio]).-mw-412,
.spiral-contact__main form input:not([type=submit]).-mw-412,
.spiral-contact__main form input:not([type=file]).-mw-412,
.spiral-contact__main form textarea.-mw-412 {
  max-width: 28.6111111111vw;
}
@media (max-width: 1020px) {
  .spiral-contact__main form input:not([type=radio]).-mw-412,
  .spiral-contact__main form input:not([type=submit]).-mw-412,
  .spiral-contact__main form input:not([type=file]).-mw-412,
  .spiral-contact__main form textarea.-mw-412 {
    max-width: 100%;
  }
}
.spiral-contact__main form select {
  color: var(--clr-label-black);
  font-size: 1.1111111111vw;
  padding: 1.3888888889vw 2.7777777778vw 1.3888888889vw 1.1111111111vw;
  font-weight: 500;
  line-height: 100%;
  border: 1px solid var(--clr-bg-white-border);
  width: 100%;
  position: relative;
  appearance: none;
  background-repeat: no-repeat;
  background-size: 0.9722222222vw auto;
  background-position: right 1.1111111111vw center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxsaW5lIHgxPSIwLjM1MzU1MyIgeTE9IjAuNjQ2NDQ3IiB4Mj0iNy4zNTM1NSIgeTI9IjcuNjQ2NDUiIHN0cm9rZT0iYmxhY2siLz4KPGxpbmUgeDE9IjE0LjM1MzYiIHkxPSIxLjM1NzQ2IiB4Mj0iNy4zNTM1NSIgeTI9IjguMzU3NDYiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==");
}
@media (max-width: 1020px) {
  .spiral-contact__main form select {
    font-size: 4.1025641026vw;
    padding: 4.1025641026vw 12.3076923077vw 4.1025641026vw 4.1025641026vw;
    background-size: 3.5897435897vw auto;
    background-position: right 4.1025641026vw center;
  }
}
.spiral-contact__main form select:disabled {
  color: var(--clr-disabled-gray);
  background-color: var(--clr-bg-white-border);
  border-color: var(--clr-disabled-border);
}
.spiral-contact__main form input[type=date],
.spiral-contact__main form .spiral-contact__date {
  position: relative;
}
.spiral-contact__main form input[type=date]::-webkit-calendar-picker-indicator,
.spiral-contact__main form .spiral-contact__date::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: transparent;
  z-index: 1;
}
.spiral-contact__main form input[type=date]::after,
.spiral-contact__main form .spiral-contact__date::after {
  content: "";
  background-image: url(/wp-content/themes/kitanihon/assets/img/icon-calendar.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  position: absolute;
  top: 50%;
  right: 1.1111111111vw;
  transform: translateY(-50%);
}
@media (max-width: 1020px) {
  .spiral-contact__main form input[type=date]::after,
  .spiral-contact__main form .spiral-contact__date::after {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    right: 4.1025641026vw;
  }
}
.spiral-contact__main form input[type=date].-mw-149,
.spiral-contact__main form .spiral-contact__date.-mw-149 {
  max-width: 10.4166666667vw;
}
@media (max-width: 1020px) {
  .spiral-contact__main form input[type=date].-mw-149,
  .spiral-contact__main form .spiral-contact__date.-mw-149 {
    max-width: 100%;
  }
}
.spiral-contact__main form input[type=radio] {
  position: relative;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  border: 1px solid var(--clr-sample-gray);
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: unset;
}
@media (max-width: 1020px) {
  .spiral-contact__main form input[type=radio] {
    width: 4.1025641026vw;
    height: 4.1025641026vw;
  }
}
.spiral-contact__main form input[type=radio]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 50%;
  background: var(--clr-radio-bg-black);
  content: "";
}
@media (max-width: 1020px) {
  .spiral-contact__main form input[type=radio]:checked:before {
    width: 2.3076923077vw;
    height: 2.3076923077vw;
  }
}
.spiral-contact__main form input[type=radio]:checked {
  background: var(--clr-radio-bg-gray);
}
.spiral-contact__main form input[type=checkbox] {
  position: relative;
  cursor: pointer;
  width: 100%;
  max-width: 1.1111111111vw;
  height: 1.1111111111vw;
  border: 1px solid var(--clr-main-black);
  border-radius: 0.2777777778vw;
  vertical-align: -5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: unset;
}
@media (max-width: 1020px) {
  .spiral-contact__main form input[type=checkbox] {
    max-width: 4.1025641026vw;
    height: 4.1025641026vw;
    border-radius: 1.0256410256vw;
  }
}
.spiral-contact__main form input[type=checkbox]:checked:before {
  content: "";
  position: absolute;
  top: -0.0694444444vw;
  left: -0.0694444444vw;
  background-size: 0.9722222222vw 0.9722222222vw;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  background-image: url(/wp-content/themes/kitanihon/assets/img/icon-checked.svg);
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1020px) {
  .spiral-contact__main form input[type=checkbox]:checked:before {
    top: -0.2564102564vw;
    left: -0.2564102564vw;
    background-size: 3.5897435897vw 3.5897435897vw;
    width: 4.1025641026vw;
    height: 4.1025641026vw;
  }
}
.spiral-contact__main form input[type=checkbox]:checked {
  background: var(--clr-main-black);
}
.spiral-contact__main form input.-error {
  border-color: var(--clr-error-red);
}
.spiral-contact__main form button[type=submit],
.spiral-contact__main form input[type=submit] {
  cursor: pointer;
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.64px;
  margin: 0 auto;
  padding: 1.3888888889vw 0;
}
@media (max-width: 1020px) {
  .spiral-contact__main form button[type=submit],
  .spiral-contact__main form input[type=submit] {
    font-size: 4.1025641026vw;
    padding: 5.1282051282vw 0;
  }
}
.spiral-contact__main form input[type=file] {
  padding: 0;
  border: unset;
}
.spiral-contact__sentence {
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 160%;
}
.spiral-contact__sentence.-text-center {
  text-align: center;
}
@media (max-width: 1020px) {
  .spiral-contact__sentence.-text-center {
    text-align: left;
  }
}
@media (max-width: 1020px) {
  .spiral-contact__sentence {
    font-size: 3.8461538462vw;
  }
}
.spiral-contact__sentence a {
  font-weight: 700;
  text-decoration: underline;
  display: inline-flex;
  align-items: center;
  position: relative;
  transition: opacity 0.3s;
}
.spiral-contact__sentence a:hover {
  opacity: 0.7;
}
.spiral-contact__link-icon {
  max-width: 1.6666666667vw;
  position: absolute;
  right: -1.6666666667vw;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1020px) {
  .spiral-contact__link-icon {
    max-width: 6.1538461538vw;
    right: -6.1538461538vw;
  }
}
.spiral-contact__bg-btn {
  cursor: pointer;
  color: var(--clr-base-white);
  background-color: var(--clr-bg-pitch-black);
  padding: 1.3888888889vw 1.1111111111vw;
  border: 1px solid transparent;
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.64px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.1111111111vw;
  width: 100%;
  white-space: nowrap;
  max-width: 19.4444444444vw;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1020px) {
  .spiral-contact__bg-btn {
    padding: 3.5897435897vw 4.1025641026vw;
    font-size: 3.3333333333vw;
    letter-spacing: 0.52px;
    gap: 4.1025641026vw;
    max-width: 100%;
  }
}
.spiral-contact__bg-btn.-other-store {
  max-width: 17.2222222222vw;
  margin: unset;
  font-size: 0.9027777778vw;
  padding: 1.25vw 2.0833333333vw;
}
@media (max-width: 1020px) {
  .spiral-contact__bg-btn.-other-store {
    max-width: 100%;
    font-size: 3.3333333333vw;
    padding: 3.0769230769vw 0;
  }
}
.spiral-contact__bg-btn:hover {
  color: var(--clr-bg-pitch-black);
  border-color: var(--clr-bg-pitch-black);
}
.spiral-contact__bg-btn:hover .top__service-arrow * {
  fill: var(--clr-bg-pitch-black);
}
@media (max-width: 1020px) {
  .spiral-contact__bg-btn.-reserve {
    font-size: 4.1025641026vw;
    padding: 4.1025641026vw 0;
  }
}
.spiral-contact__gray-btn {
  color: var(--clr-base-black);
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.64px;
  padding: 0.8333333333vw 1.1111111111vw;
  background-color: var(--clr-light-white);
  border: 1px solid var(--clr-base-black);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1020px) {
  .spiral-contact__gray-btn {
    font-size: 4.1025641026vw;
    padding: 4.1025641026vw 0;
  }
}
.spiral-contact__thanks {
  color: var(--clr-base-black);
  font-family: "Shippori Mincho";
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}
@media (max-width: 1020px) {
  .spiral-contact__thanks {
    font-size: 6.1538461538vw;
  }
}
.spiral-contact__label {
  display: flex;
  gap: 0.6944444444vw;
  align-items: center;
  color: var(--clr-label-black);
  font-size: 1.1111111111vw;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 1020px) {
  .spiral-contact__label {
    gap: 2.5641025641vw;
    font-size: 3.8461538462vw;
    flex-wrap: wrap;
  }
}
.spiral-contact__label.-disabled {
  color: var(--clr-disabled-gray);
}
.spiral-contact__required {
  color: var(--clr-base-white);
  font-size: 0.7638888889vw;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.52px;
  padding: 0.1388888889vw 0.6944444444vw;
  background-color: var(--clr-caution-red);
  width: auto;
}
@media (max-width: 1020px) {
  .spiral-contact__required {
    font-size: 2.8205128205vw;
    padding: 0.5128205128vw 2.5641025641vw;
  }
}
.spiral-contact__required.-optional {
  color: var(--clr-base-black);
  background-color: var(--clr-light-white);
}
.spiral-contact__sample {
  color: var(--clr-sample-gray);
  font-size: 0.9722222222vw;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 1020px) {
  .spiral-contact__sample {
    font-size: 3.5897435897vw;
  }
}
.spiral-contact__sample.-error, .spiral-contact__sample.-red {
  color: var(--clr-error-red);
}
.spiral-contact__sample.-column {
  display: flex;
  gap: 0.5555555556vw;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1020px) {
  .spiral-contact__sample.-column {
    gap: 2.0512820513vw;
  }
}
.spiral-contact__sample-img {
  max-width: 22.3611111111vw;
}
@media (max-width: 1020px) {
  .spiral-contact__sample-img {
    max-width: 100%;
  }
}
.spiral-contact__radio-wrap {
  display: flex;
  gap: 0.8333333333vw;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .spiral-contact__radio-wrap {
    gap: 3.0769230769vw;
  }
}
.spiral-contact__radio-content {
  display: flex;
  gap: 0.8333333333vw;
  align-items: center;
  cursor: pointer;
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 160%;
}
@media (max-width: 1020px) {
  .spiral-contact__radio-content {
    gap: 3.0769230769vw;
    font-size: 3.8461538462vw;
  }
}
.spiral-contact__privacy-detail {
  color: var(--clr-sub-black);
  font-size: 0.7638888889vw;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.52px;
}
@media (max-width: 1020px) {
  .spiral-contact__privacy-detail {
    font-size: 2.8205128205vw;
  }
}
.spiral-contact__checkbox {
  cursor: pointer;
  display: flex;
  gap: 0.8333333333vw;
  align-items: center;
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 160%;
}
@media (max-width: 1020px) {
  .spiral-contact__checkbox {
    gap: 3.0769230769vw;
    font-size: 3.8461538462vw;
  }
}
.spiral-contact__checkbox.-kitaden {
  font-weight: 700;
  line-height: 160%;
}
.spiral-contact__checkbox.-kitaden input[type=checkbox] {
  background-color: var(--clr-base-white);
}
.spiral-contact__checkbox.-checked-and-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.spiral-contact__confirm-block {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
.spiral-contact__confirm-block.-btns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.4444444444vw;
}
@media (max-width: 1020px) {
  .spiral-contact__confirm-block.-btns {
    grid-template-columns: repeat(1, 1fr);
    gap: 4.1025641026vw;
  }
}
.spiral-contact__confirm-block.-btns.-reserve {
  margin-top: 2.2222222222vw;
}
@media (max-width: 1020px) {
  .spiral-contact__confirm-block.-btns.-reserve {
    margin-top: 8.2051282051vw;
  }
}
.spiral-contact__confirm-block.-btns.-w-100 {
  width: 100%;
}
@media (max-width: 1020px) {
  .spiral-contact__confirm-block.-btns.-sp-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}
.spiral-contact__confirm-store-name {
  color: var(--clr-base-black);
  font-family: "Shippori Mincho";
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 1020px) {
  .spiral-contact__confirm-store-name {
    font-size: 1.6666666667vw;
    font-weight: 700;
    line-height: normal;
  }
}
.spiral-contact__confirm-block-title {
  display: flex;
  gap: 0.6944444444vw;
  align-items: center;
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 1020px) {
  .spiral-contact__confirm-block-title {
    gap: 2.5641025641vw;
    font-size: 3.8461538462vw;
  }
}
.spiral-contact__confirm-block-detail {
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 100%;
  padding: 1.1111111111vw 0;
}
@media (max-width: 1020px) {
  .spiral-contact__confirm-block-detail {
    font-size: 4.1025641026vw;
    padding: 2.0512820513vw 0 0;
  }
}
.spiral-contact__confirm-block-detail.-py-12 {
  padding: 0.8333333333vw 0;
}
.spiral-contact__error {
  color: var(--clr-error-red);
  font-size: 0.7638888889vw;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.52px;
}
@media (max-width: 1020px) {
  .spiral-contact__error {
    font-size: 2.8205128205vw;
  }
}
.spiral-contact__caution {
  color: #15181e;
  font-size: 0.7638888889vw;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.52px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .spiral-contact__caution {
    font-size: 2.8205128205vw;
  }
}
.spiral-contact__caution a {
  text-decoration: underline;
  transition: ease-out 0.2s;
}
.spiral-contact__caution a:hover {
  opacity: 0.6;
}
.spiral-contact__steps {
  width: 100%;
  max-width: 46.0416666667vw;
  margin: 0 auto;
}
@media (max-width: 1020px) {
  .spiral-contact__steps {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 7.6923076923vw;
  }
}
.spiral-contact__steps .progressbar {
  position: relative;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 6.0416666667vw;
  top: 2.7777777778vw;
}
.spiral-contact__steps .progressbar li {
  position: relative;
  list-style-type: none;
  text-align: center;
  text-transform: uppercase;
  width: 33.333%;
  color: var(--clr-progress-bar-gray);
  font-weight: bold;
}
.spiral-contact__steps .progressbar li p {
  width: max-content;
  display: flex;
  gap: 0.5555555556vw;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: -1.1111111111vw;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--clr-placeholder-black);
  font-size: 0.9722222222vw;
  font-weight: 500;
  line-height: 1.3888888889vw;
}
@media (max-width: 1020px) {
  .spiral-contact__steps .progressbar li p {
    gap: 2.0512820513vw;
    top: -4.1025641026vw;
    font-size: 3.5897435897vw;
    font-weight: 500;
    line-height: 5.1282051282vw;
  }
}
.spiral-contact__steps .progressbar li p span {
  color: var(--clr-base-black);
  font-size: 1.1805555556vw;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 1020px) {
  .spiral-contact__steps .progressbar li p span {
    font-size: 3.5897435897vw;
  }
}
.spiral-contact__steps .progressbar li p span.-pc {
  display: block;
}
@media (max-width: 1020px) {
  .spiral-contact__steps .progressbar li p span.-pc {
    display: none;
  }
}
.spiral-contact__steps .progressbar li p span.-sp {
  display: none;
}
@media (max-width: 1020px) {
  .spiral-contact__steps .progressbar li p span.-sp {
    display: block;
  }
}
.spiral-contact__steps .progressbar li:before {
  display: block;
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  margin: 0 auto;
  content: "";
  text-align: center;
  border-radius: 100vw;
  background-color: var(--clr-border-gray);
  position: absolute;
  top: 2.4305555556vw;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1020px) {
  .spiral-contact__steps .progressbar li:before {
    width: 2.5641025641vw;
    height: 2.5641025641vw;
  }
}
.spiral-contact__steps .progressbar li:after {
  position: absolute;
  z-index: -1;
  top: 40%;
  left: -50%;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  content: "";
  background-color: var(--clr-border-gray);
}
.spiral-contact__steps .progressbar li:first-child:after {
  content: none;
}
.spiral-contact__steps .progressbar li.active, .spiral-contact__steps .progressbar li.complete {
  color: var(--clr-base-black);
}
.spiral-contact__steps .progressbar li.active:before, .spiral-contact__steps .progressbar li.complete:before, .spiral-contact__steps .progressbar li.active:after, .spiral-contact__steps .progressbar li.complete:after {
  background-color: var(--clr-base-black);
}
.spiral-contact__current-step {
  display: none;
}
@media (max-width: 1020px) {
  .spiral-contact__current-step {
    display: block;
    color: var(--clr-base-black);
    font-size: 4.1025641026vw;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    text-align: center;
  }
}
.spiral-contact__selected {
  padding: 1.1111111111vw 0;
  font-family: YuGothic;
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 1020px) {
  .spiral-contact__selected {
    padding: 4.1025641026vw 0;
    font-size: 4.1025641026vw;
  }
}
.spiral-contact__modal-btn {
  color: var(--clr-base-black);
  font-size: 0.9722222222vw;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
}
@media (max-width: 1020px) {
  .spiral-contact__modal-btn {
    font-size: 3.5897435897vw;
  }
}
.spiral-contact__modal-btn button {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.spiral-contact__date-time {
  display: flex;
  gap: 0.6944444444vw;
  align-items: center;
}
@media (max-width: 1020px) {
  .spiral-contact__date-time {
    gap: 2.5641025641vw;
    flex-direction: column;
  }
}
.spiral-contact__apply-info {
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 1020px) {
  .spiral-contact__apply-info {
    font-size: 4.1025641026vw;
  }
}
.spiral-contact__apply-info.-border-bottom {
  padding-bottom: 0.8333333333vw;
  border-bottom: 1px solid var(--clr-disabled-gray);
}
@media (max-width: 1020px) {
  .spiral-contact__apply-info.-border-bottom {
    padding-bottom: 0.8333333333vw;
  }
}
.spiral-contact__modal-btn {
  font-size: 0.9722222222vw;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 1020px) {
  .spiral-contact__modal-btn {
    font-size: 3.5897435897vw;
  }
}
.spiral-contact__number-plate {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6666666667vw 1.1111111111vw;
}
@media (max-width: 1020px) {
  .spiral-contact__number-plate {
    grid-template-columns: repeat(1, 1fr);
    gap: 4.1025641026vw;
  }
}
.spiral-contact__number-plate-info {
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw;
  padding: 1.1111111111vw 1.1111111111vw 1.3888888889vw;
  border: 1px solid var(--clr-border-gray);
}
@media (max-width: 1020px) {
  .spiral-contact__number-plate-info {
    gap: 5.1282051282vw;
    padding: 2.0512820513vw 2.0512820513vw 2.5641025641vw;
  }
}
.spiral-contact__number-plate-title {
  font-size: 0.8333333333vw;
  font-weight: 700;
  line-height: normal;
  padding: 0.1388888889vw 0.6944444444vw;
  background-color: var(--clr-light-white);
  max-width: max-content;
}
@media (max-width: 1020px) {
  .spiral-contact__number-plate-title {
    font-size: 3.0769230769vw;
    padding: 0.5128205128vw 1.2820512821vw;
  }
}
.spiral-contact__number-plate-description {
  font-size: 0.8333333333vw;
  font-weight: 700;
  line-height: normal;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .spiral-contact__number-plate-description {
    font-size: 3.0769230769vw;
  }
}
.spiral-contact__number-plate-description span {
  font-weight: 500;
  padding-left: 1em;
}
.spiral-contact__password-span {
  position: relative;
}
.spiral-contact__toggle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.1111111111vw;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  display: flex;
  align-items: center;
}
.spiral-contact__toggle img {
  object-fit: contain;
}

.spiral-confirmation {
  padding-top: 8.8888888889vw;
}
.spiral-confirmation__container {
  width: 100%;
  max-width: 100%;
  padding: 0 4.4444444444vw;
}
@media (max-width: 1020px) {
  .spiral-confirmation__container {
    padding: 0 6.1538461538vw;
  }
}
.spiral-confirmation__head {
  width: 67.3611111111vw;
  margin: 0 auto;
  padding: 2.2222222222vw;
  border: 1px solid var(--clr-border-gray);
  display: flex;
  flex-direction: column;
  gap: 2.2222222222vw;
}
@media (max-width: 1020px) {
  .spiral-confirmation__head {
    width: 87.6923076923vw;
    padding: 4.1025641026vw;
    gap: 8.2051282051vw;
  }
}
.spiral-confirmation__head-inner {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 1020px) {
  .spiral-confirmation__head-inner {
    gap: 4.1025641026vw;
  }
}
.spiral-confirmation__head-title {
  font-size: 1.1805555556vw;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 1020px) {
  .spiral-confirmation__head-title {
    font-size: 4.1025641026vw;
  }
}
.spiral-confirmation__head-content {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
}
@media (max-width: 1020px) {
  .spiral-confirmation__head-content {
    gap: 3.0769230769vw;
  }
}
.spiral-confirmation__head-list {
  display: flex;
  gap: 2.2222222222vw;
  align-items: center;
}
@media (max-width: 1020px) {
  .spiral-confirmation__head-list {
    gap: 1.0256410256vw;
    align-items: flex-start;
    flex-direction: column;
  }
}
.spiral-confirmation__head-list-title {
  font-size: 0.9722222222vw;
  font-weight: 500;
  min-width: 10.6944444444vw;
}
@media (max-width: 1020px) {
  .spiral-confirmation__head-list-title {
    font-size: 3.5897435897vw;
    min-width: 39.4871794872vw;
  }
}
.spiral-confirmation__head-list-text {
  font-size: 0.9722222222vw;
  font-weight: 700;
}
@media (max-width: 1020px) {
  .spiral-confirmation__head-list-text {
    font-size: 3.5897435897vw;
  }
}
.spiral-confirmation__inner {
  display: flex;
  flex-direction: column;
  gap: 2.2222222222vw;
  max-width: 43.3333333333vw;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1020px) {
  .spiral-confirmation__inner {
    gap: 8.2051282051vw;
    max-width: 87.6923076923vw;
  }
}
.spiral-confirmation__title {
  font-size: 0.9722222222vw;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 1020px) {
  .spiral-confirmation__title {
    font-size: 3.5897435897vw;
    padding-top: 0;
  }
}

.spiral__header {
  display: flex;
  height: 7.5vw;
  padding: 0 2.2222222222vw;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  position: fixed;
  width: 100%;
  z-index: 4;
  transition: all 0.3s ease;
  background-color: var(--clr-base-white);
}
@media (max-width: 1020px) {
  .spiral__header {
    height: 17.4358974359vw;
  }
}
.spiral__header__logo {
  width: 12.6388888889vw;
  height: 1.6666666667vw;
}
@media (max-width: 1020px) {
  .spiral__header__logo {
    width: 46.6666666667vw;
    height: 6.1538461538vw;
  }
}
.spiral__header__logo svg {
  width: 100%;
}
.spiral__plate-label {
  display: flex;
  gap: 1.1805555556vw;
  align-items: center;
}
@media (max-width: 1020px) {
  .spiral__plate-label {
    gap: 4.1025641026vw;
  }
}
.spiral__plate-label.-number-plate {
  gap: 0.5555555556vw;
  align-items: flex-start;
  flex-direction: column;
}
.spiral__plate-info {
  width: 100%;
  max-width: 4.4444444444vw;
  color: var(--clr-label-black);
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 160%;
}
@media (max-width: 1020px) {
  .spiral__plate-info {
    max-width: 16.4102564103vw;
    font-size: 4.1025641026vw;
  }
}
.spiral__plate-info.-mw-100 {
  max-width: 100%;
}
.spiral__plate-input {
  width: 100%;
  max-width: 6.9444444444vw;
}
@media (max-width: 1020px) {
  .spiral__plate-input {
    max-width: 25.641025641vw;
  }
}
.spiral__plate-input.-w-100 {
  max-width: 100%;
}
.spiral__birth-label {
  display: flex;
  gap: 1.1805555556vw;
  align-items: center;
  width: 100%;
  max-width: 9.7222222222vw;
}
@media (max-width: 1020px) {
  .spiral__birth-label {
    gap: 4.1025641026vw;
    max-width: 35.8974358974vw;
  }
}
.spiral__birth-date {
  display: flex;
  align-items: center;
}
@media (max-width: 1020px) {
  .spiral__birth-date {
    gap: 2.0512820513vw;
    flex-direction: column;
    align-items: flex-start;
  }
}
.spiral__postal {
  display: flex;
  gap: 0.6944444444vw;
  align-items: center;
}
@media (max-width: 1020px) {
  .spiral__postal {
    gap: 2.5641025641vw;
  }
}
.spiral__postal-label {
  width: 100%;
  max-width: 8.125vw;
}
@media (max-width: 1020px) {
  .spiral__postal-label {
    max-width: 30vw;
  }
}
.spiral__postal_hyphen {
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 1020px) {
  .spiral__postal_hyphen {
    font-size: 3.8461538462vw;
  }
}
.spiral__checkbox-description {
  color: var(--clr-base-black);
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 160%;
}
@media (max-width: 1020px) {
  .spiral__checkbox-description {
    font-size: 3.8461538462vw;
  }
}
.spiral__checkbox-description a {
  display: inline-flex;
  gap: 0.5555555556vw;
  align-items: center;
  transition: opacity 0.3s;
}
@media (max-width: 1020px) {
  .spiral__checkbox-description a {
    gap: 2.0512820513vw;
  }
}
.spiral__checkbox-description a span {
  text-decoration: underline;
}
.spiral__checkbox-description a:hover {
  opacity: 0.7;
}
.spiral__checkbox-description.-fw-700 {
  font-weight: 700;
}
.spiral__disabled {
  pointer-events: none;
}
.spiral__gray-box {
  padding: 2.3263888889vw;
  background-color: var(--clr-light-white);
  display: flex;
  gap: 1.6666666667vw;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .spiral__gray-box {
    padding: 6.1538461538vw 4.1025641026vw;
    gap: 3.0769230769vw;
  }
}
.spiral__gray-box input {
  background-color: var(--clr-base-white);
}

.spiral-calendar__head {
  width: 67.3611111111vw;
  margin: 0 auto;
  padding: 2.2222222222vw;
  border: 1px solid var(--clr-border-gray);
  display: flex;
  flex-direction: column;
  gap: 2.2222222222vw;
}
@media (max-width: 1020px) {
  .spiral-calendar__head {
    width: 87.6923076923vw;
    padding: 4.1025641026vw;
    gap: 8.2051282051vw;
  }
}
.spiral-calendar__head-inner {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 1020px) {
  .spiral-calendar__head-inner {
    gap: 4.1025641026vw;
  }
}
.spiral-calendar__head-title {
  font-size: 1.1805555556vw;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 1020px) {
  .spiral-calendar__head-title {
    font-size: 4.1025641026vw;
  }
}
.spiral-calendar__head-subtitle {
  font-size: 1.0416666667vw;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 1020px) {
  .spiral-calendar__head-subtitle {
    font-size: 3.5897435897vw;
  }
}
.spiral-calendar__head-content {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
}
@media (max-width: 1020px) {
  .spiral-calendar__head-content {
    gap: 3.0769230769vw;
  }
}
.spiral-calendar__head-list {
  display: flex;
  gap: 2.2222222222vw;
  align-items: center;
}
@media (max-width: 1020px) {
  .spiral-calendar__head-list {
    gap: 4.1025641026vw;
  }
}
.spiral-calendar__head-list.-reserve {
  gap: 0.6944444444vw;
}
@media (max-width: 1020px) {
  .spiral-calendar__head-list.-reserve {
    gap: 2.5641025641vw;
  }
}
.spiral-calendar__head-list-title {
  font-size: 0.9722222222vw;
  font-weight: 500;
  min-width: 10.6944444444vw;
}
@media (max-width: 1020px) {
  .spiral-calendar__head-list-title {
    font-size: 3.5897435897vw;
    min-width: 39.4871794872vw;
  }
}
.spiral-calendar__head-list-title.-bg {
  background-color: var(--clr-light-white);
  font-size: 0.7638888889vw;
  line-height: 150%;
  padding: 0.2777777778vw 1.1111111111vw;
  min-width: 5.4166666667vw;
}
@media (max-width: 1020px) {
  .spiral-calendar__head-list-title.-bg {
    font-size: 2.8205128205vw;
    padding: 1.0256410256vw 4.1025641026vw;
    min-width: 20vw;
  }
}
.spiral-calendar__head-list-text {
  font-size: 0.9722222222vw;
  font-weight: 700;
}
@media (max-width: 1020px) {
  .spiral-calendar__head-list-text {
    font-size: 3.5897435897vw;
  }
}
.spiral-calendar__head-list-text.-time {
  font-size: 1.1111111111vw;
  font-weight: 500;
}
@media (max-width: 1020px) {
  .spiral-calendar__head-list-text.-time {
    font-size: 3.8461538462vw;
  }
}
.spiral-calendar__head-list-text.-attention {
  font-size: 0.9722222222vw;
  font-weight: 500;
}
@media (max-width: 1020px) {
  .spiral-calendar__head-list-text.-attention {
    font-size: 3.5897435897vw;
  }
}
.spiral-calendar__head-list-fee {
  font-size: 1.4583333333vw;
  font-weight: 500;
  line-height: 100%;
  display: flex;
  gap: 0.2777777778vw;
  align-items: center;
}
@media (max-width: 1020px) {
  .spiral-calendar__head-list-fee {
    font-size: 4.358974359vw;
    gap: 1.0256410256vw;
  }
}
.spiral-calendar__head-list-fee span {
  font-size: 0.9722222222vw;
}
@media (max-width: 1020px) {
  .spiral-calendar__head-list-fee span {
    font-size: 3.5897435897vw;
  }
}
.spiral-calendar__head-list-fee.-wrap {
  flex-wrap: wrap;
}
@media (max-width: 1020px) {
  .spiral-calendar__head-list-fee.-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
.spiral-calendar__head-list-link {
  text-decoration: underline;
  transition: 0.3s;
}
.spiral-calendar__head-list-link:hover {
  opacity: 0.6;
}

.label.-disabled {
  pointer-events: none;
}
.label.-disabled .spiral-contact__label {
  color: var(--clr-disabled-gray);
}
.label.-disabled .spiral-contact__date * {
  color: var(--clr-disabled-border);
  background-color: var(--clr-bg-white-border);
  border-color: var(--clr-disabled-border);
}
.label.-disabled input {
  background-color: var(--clr-bg-white-border);
  border-color: var(--clr-disabled-border);
}

.spiral-footer {
  background: var(--clr-base-black);
  color: var(--clr-base-white);
  position: relative;
  padding: 2.2222222222vw 4.4444444444vw;
}
@media (max-width: 1020px) {
  .spiral-footer {
    padding: 8.2051282051vw 6.1538461538vw;
  }
}
.spiral-footer__inner {
  display: flex;
  gap: 4.4444444444vw;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .spiral-footer__inner {
    gap: 16.4102564103vw;
  }
}
.spiral-footer__bottom {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1020px) {
  .spiral-footer__bottom {
    align-items: flex-start;
    gap: 8.2051282051vw;
    flex-direction: column;
  }
}
.spiral-footer__logo {
  max-width: 17.3611111111vw;
  transition: all 0.25s;
}
@media (max-width: 1020px) {
  .spiral-footer__logo {
    max-width: 64.1025641026vw;
  }
}
.spiral-footer__copyright {
  color: var(--clr-base-white);
  text-align: right;
  font-size: 0.7638888889vw;
  font-weight: 500;
  line-height: 125%;
  letter-spacing: 0.44px;
}
@media (max-width: 1020px) {
  .spiral-footer__copyright {
    font-size: 2.8205128205vw;
  }
}

/*# sourceMappingURL=spiral.css.map */