@charset "utf-8";
/* -----------------------------------------------------------------
.form
----------------------------------------------------------------- */
.form .privacy {
  margin-top: var(--margin_size_60);
  padding: 1.6rem 3vw;
  border: #ccc 1px solid;
  font-size: 80%;
}
.label_required .smf-item__label__text,
.label_optional .smf-item__label__text {
  position: relative;
  padding-left: 55px;
}
.label_required .smf-item__label__text::before,
.label_optional .smf-item__label__text::before {
  position: absolute;
  color:  #fff;
  width:  40px;
  height: 22px;
  top: 50%;
  transform: translateY(-50%);
/*  left: -50px;*/
  display: grid;
  place-items: center;
  background:  #b24d4d;
  border-radius: 9999px;
  font-size: 0.7rem;
}
.label_required .smf-item__label__text::before {
  content: '必須';
}
.label_optional .smf-item__label__text::before {
  content: '任意';
  background: #aaa;
}
.sec_form .privacy h3 {
  font-weight: 700;
  font-size: 1rem;
}
.sec_form .privacy p {
  font-size: .8rem;
  color: #333;
}
input[type="text"],input[type="email"],input[type="tel"], textarea {
  width: 100%;
  padding: .2rem .5rem;
  border-radius: 3px !important;
}
input::placeholder {
  font-size: .8rem;
  color: #ccc;
}
.smf-checkbox-control,
.smf-radio-button-control {
  margin-bottom: 0.5rem;
  padding: .7rem 1.2rem;
  border-radius: 9999px;
  background: #fff;
}
.smf-action .smf-button-control__control {
  width: 16vw !important;
  min-width: 11rem;
  padding: 1rem !important;
  border:none !important;
  border-radius: 3px !important;
  background-color: var(--color_kamikoubou) !important;
  background-image: var(--color_kamikoubou) !important;
  color: #fff !important;
  transition: all 0.3s ease-out;
}
.smf-action .smf-button-control__control[data-action="back"]  {
  background-color: var(--color_gray_pale) !important;
  background-image: var(--color_gray_pale) !important;
}
.smf-progress-tracker__item__number {
  width: 3rem !important;
  height: 3rem !important;
}
.smf-progress-tracker__item[aria-current=true] .smf-progress-tracker__item__number {
  background-color: var(--color_kamikoubou) !important;
}
.smf-progress-tracker__item:before {
  top:1.5rem  !important;
}

.smf-progress-tracker__item:after {
  top:1.5rem  !important;
}
.smf-form .smf-text-control__control {
  border: 1px solid var(--color_gray);
}
form[data-screen="confirm"] .smf-form--simple-table .smf-item__col--controls {
  padding: 0.8rem 1rem;
  border: #ddd 1px solid;
  border-radius: 3px !important;
  min-height: 3.3rem;
  color: #000;
}
.smf-complete-content {
    display: table;
    margin: 4em auto 0;
}
.smf-complete-content p {
    line-height: 2;
}
@media (hover: hover) and (pointer: fine) {
  .smf-action .smf-button-control__control:hover {
    background-color: var(--color_kamikoubou_dark) !important;
    background-image: var(--color_kamikoubou) !important;
  }
}