.hidden{display:none}
.btnStyle_01 {
  font-weight: 700;
  font-size: 4.8vw;
  line-height: 1em;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
  @media screen and (min-width: 769px) {
    font-size: 2rem;
  }
}
/*# sourceMappingURL=additional.css.map */

/* ご希望試乗日時フォームのレイアウト調整 */
#reservation .formLayout.style_01 {
  display: flex;
  align-items: stretch; 
}
#reservation .formLayout.style_01 .col {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#reservation .formLayout.style_01 .col .errList {
  margin-top: 8px;
}

/* カレンダー・時計アイコンを配置 */
#reservation .selectStyle_01.date-picker-wrapper,
#reservation .selectStyle_01.time-picker-wrapper {
  position: relative;
}
#reservation .selectStyle_01.date-picker-wrapper::after,
#reservation .selectStyle_01.time-picker-wrapper::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none; /* アイコンがクリックの邪魔をしないようにする */
}
#reservation .selectStyle_01.date-picker-wrapper::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23687c6a' viewBox='0 0 16 16'%3e%3cpath d='M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z'/%3e%3cpath d='M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3e%3c/svg%3e");
}
#reservation .selectStyle_01.time-picker-wrapper::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23687c6a' viewBox='0 0 16 16'%3e%3cpath d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/%3e%3cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z'/%3e%3c/svg%3e");
}
/* 日付入力欄のpaddingを調整してアイコンと文字が重ならないように調整 */
#reservation .selectStyle_01 input[type="date"],
#reservation .selectStyle_01 select {
  padding-right: 40px !important;
  width: 100%;
  box-sizing: border-box;
}
/* 日付ピッカーを開くためにinput自体をクリック可能に調整 */
#reservation .selectStyle_01 input[type="date"] {
    position: relative;
    z-index: 1;
}

/* 日時の文字"第～希望「必須」"のデザイン */
#reservation .labelStyle_01 label {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 3.2vw;
  line-height: 1em;
  margin-bottom: 3.2vw;
}
#reservation .labelStyle_01 label::before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #687c6a;
  border-radius: 100%;
  margin-right: 4px;
  position: relative;
  top: -2px;
}
#reservation .labelStyle_01 label::after {
  content: "必須";
  display: inline-block;
  border-radius: 2px;
  background-color: #687c6a;
  padding: 3px;
  margin-left: 4px;
  line-height: 1em;
  color: #fff;
  font-weight: 700;
  font-size: 10px; /* サイズを10pxの固定値に修正 */
  position: relative;
  top: -1px
}
/* PC用のスタイル */
@media screen and (min-width:769px) {
  #reservation .labelStyle_01 label {
    font-size: 1.2rem;
    margin-bottom: 12px;
  }
}

/* ご希望試乗日時フォームのレイアウト調整 */
#reservation .formLayout.style_01 {
  display: flex;
  align-items: stretch; 
  gap: 16px; /* 日付と時間の入力欄の間に隙間を追加 */
}
#reservation .formLayout.style_01 .col {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1; /* この行を追加して、各列の幅を均等にします */
}