@charset "UTF-8";
/* ---------------------------------------------
*   page-delivery-apply 宅配買取 フォーム
* ※システムが振っているidは変動することがあるので、他の要素で指定してください
--------------------------------------------- */
body[class*=page-delivery-apply] {
  /* ---------------------------------------------
    vuetify.min.cssのデフォスタイル削除＆上書き
    ※改造しやしやすいようにオリジナルの値はコメントアウトで残してます
  --------------------------------------------- */
  --reuste-form-boarder-color: #D1D1D1;
  /* ---------------------------------------------
    リユスタ スタイル上書き
  --------------------------------------------- */
  /* ---------------------------------------------
    リユスタ風スタイル開始
  --------------------------------------------- */
}
body[class*=page-delivery-apply] [v-cloak] {
  display: none;
}
body[class*=page-delivery-apply] img {
  vertical-align: bottom;
}
body[class*=page-delivery-apply] #app {
  width: calc(100vw - 20px);
  max-width: 800px;
  margin: 30px auto;
}
body[class*=page-delivery-apply] .v-sheet:not(.v-sheet--outlined) {
  box-shadow: none;
}
body[class*=page-delivery-apply] .v-application .error--text {
  color: #dc3232 !important;
  caret-color: #dc3232 !important;
}
body[class*=page-delivery-apply] .v-application .primary--text,
body[class*=page-delivery-apply] .theme--light.v-card,
body[class*=page-delivery-apply] .v-radio.v-label,
body[class*=page-delivery-apply] .theme--light.v-label {
  color: var(--color-base-1) !important;
  caret-color: var(--color-base-1) !important;
}
body[class*=page-delivery-apply] .v-application .v-radio .primary--text {
  color: var(--color-pink-1) !important;
}
body[class*=page-delivery-apply] .v-text-field > .v-input__control > .v-input__slot:after {
  background-color: var(--color-pink-1);
  border-color: var(--color-pink-1);
}
body[class*=page-delivery-apply] .v-text-field > .v-input__control > .v-input__slot:before {
  border: none;
}
body[class*=page-delivery-apply] .v-text-field > .v-input__control > .v-input__slot {
  border: 1px solid var(--reuste-form-boarder-color);
  border-radius: 4px;
  padding: 5px;
}
body[class*=page-delivery-apply] .v-text-field .v-label--active {
  transform: translateX(-7px) translateY(-27px) scale(0.75);
}
body[class*=page-delivery-apply] .row {
  margin: 0 -6px;
}
body[class*=page-delivery-apply] .col.col-6 {
  padding: 0 6px;
}
body[class*=page-delivery-apply] .v-input.calendar {
  margin-top: 0;
}
body[class*=page-delivery-apply] .v-input__slot {
  align-items: flex-start;
}
body[class*=page-delivery-apply] .v-input--radio-group.v-input--radio-group--row .v-radio {
  margin: 0.3em 0;
}
body[class*=page-delivery-apply] .v-input--radio-group__input {
  gap: 0 20px;
}
body[class*=page-delivery-apply] .v-input--selection-controls .v-input__slot > .v-label,
body[class*=page-delivery-apply] .v-input--selection-controls .v-radio > .v-label {
  display: block;
}
body[class*=page-delivery-apply] .v-application .checkbox-set {
  margin-bottom: 5px;
}
body[class*=page-delivery-apply] .v-application .checkbox-set .error--text {
  color: var(--color-base-1) !important;
  caret-color: var(--color-base-1) !important;
}
body[class*=page-delivery-apply] .mdi-checkbox-marked::before {
  color: var(--color-pink-1);
}
body[class*=page-delivery-apply] .checkbox-set + [role=alert] {
  margin: auto auto 1em;
}
body[class*=page-delivery-apply] .theme--light.v-btn.v-btn--has-bg {
  background-color: var(--color-pink-1);
  border-radius: 100vw;
}
body[class*=page-delivery-apply] .v-btn__content {
  color: #FFF;
  font-weight: bold;
}
body[class*=page-delivery-apply] .v-btn--block {
  width: 45vw;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  max-width: 385px;
  margin: auto;
}
body[class*=page-delivery-apply] .v-btn:not(.v-btn--round).v-size--x-large {
  height: 57px;
}
body[class*=page-delivery-apply] .item_cat .v-input--radio-group__input {
  display: block;
}
body[class*=page-delivery-apply] .item_cat legend,
body[class*=page-delivery-apply] .count_brand legend {
  display: none;
}
body[class*=page-delivery-apply] .c-btn-1 {
  padding: calc(16 / var(--design-width) * 100vw) calc(33 / var(--design-width) * 100vw) calc(16 / var(--design-width) * 100vw) calc(15 / var(--design-width) * 100vw);
  font-feature-settings: "palt";
}
@media screen and (min-width: 460px) {
  body[class*=page-delivery-apply] .c-btn-1 {
    padding: 16px 58px 16px 44px;
  }
}
body[class*=page-delivery-apply] .c-btn-1--arrow::after {
  right: calc(6 / var(--design-width) * 100vw);
}
@media screen and (min-width: 440px) {
  body[class*=page-delivery-apply] .c-btn-1--arrow::after {
    width: 24px;
  }
}
body[class*=page-delivery-apply] a .c-btn-1__txt {
  color: #000;
  font-size: 16px;
  font-size: 3.6363636364vw;
}
@media screen and (min-width: 440px) {
  body[class*=page-delivery-apply] a .c-btn-1__txt {
    font-size: 16px;
  }
}
body[class*=page-delivery-apply] .p-purchase-cassette-kit__ttl {
  padding-left: 38px;
  font-size: 20px;
}
body[class*=page-delivery-apply] .p-purchase-cassette-kit__ttl::before {
  width: 30px;
}
body[class*=page-delivery-apply] .p-delivery-apply-ttl {
  display: block;
  color: var(--color-base-1);
  font-family: var(--ff-Zen);
  font-size: 38px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body[class*=page-delivery-apply] .p-delivery-apply-ttl {
    font-size: calc(24 / var(--design-width) * 100vw);
    letter-spacing: 0em;
  }
}
body[class*=page-delivery-apply] .title-step {
  font-size: 30px;
  letter-spacing: 0.2em;
  font-weight: 800;
  font-family: var(--ff-mont);
  text-align: center;
  color: var(--color-pink-1);
  margin-bottom: 0.5em;
}
body[class*=page-delivery-apply] .step1,
body[class*=page-delivery-apply] .step2,
body[class*=page-delivery-apply] .step3 {
  margin-bottom: 30px;
}
body[class*=page-delivery-apply] .p-delivery-apply-caution {
  width: calc(100% - 20px);
  max-width: 715px;
  background: url(../img/common/icon_caution.svg) no-repeat center 1em/2em auto;
  background-color: var(--color-blue-1);
  border-radius: 10px;
  margin: auto;
  padding: 3.5em 10px 1em;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
}
@media screen and (min-width: 750px) {
  body[class*=page-delivery-apply] .p-delivery-apply-caution {
    background-size: 2.5em auto;
    padding: 4.5em 50px 1em;
  }
}
body[class*=page-delivery-apply] .text-delivery {
  font-size: 16px;
}
body[class*=page-delivery-apply] .text-info-check {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: var(--color-blue-1);
}
body[class*=page-delivery-apply] .text-info-check span {
  display: inline-block;
  white-space: nowrap;
}
body[class*=page-delivery-apply] .title2 {
  font-family: var(--ff-Zen);
  color: var(--color-pink-1);
  font-size: 25px;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0.3em;
}
body[class*=page-delivery-apply] .sec_brand {
  margin-top: 45px;
}
@media screen and (min-width: 750px) {
  body[class*=page-delivery-apply] .is_done {
    margin-top: 50px;
  }
}
body[class*=page-delivery-apply] .is_done h3.title {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 1em;
}
@media screen and (min-width: 750px) {
  body[class*=page-delivery-apply] .is_done h3.title {
    margin-bottom: 2em;
  }
}
body[class*=page-delivery-apply] .is_done p.txt {
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 16px;
}
@media screen and (min-width: 750px) {
  body[class*=page-delivery-apply] .is_done p.txt br {
    display: none;
  }
}
body[class*=page-delivery-apply] .is_done .address-delivery {
  background-color: var(--color-pink-2);
  width: 100vw;
  margin: 50px calc(50% - 50vw) 60px;
  padding: 20px;
}
@media screen and (min-width: 750px) {
  body[class*=page-delivery-apply] .is_done .address-delivery {
    width: -moz-fit-content;
    width: fit-content;
    margin: 80px auto 100px;
    padding: 40px;
    border-radius: 10px;
  }
}
body[class*=page-delivery-apply] .is_done .address-delivery p {
  font-size: 16px;
  margin: 0.5em 0 0;
}/*# sourceMappingURL=page-delivery-apply.css.map */