.v {
  display: flex;
  flex-direction: column;
  width: 393px;
  align-items: center;
  gap: 12px;
  position: relative;
  background-color: #ffffff;
}

.v .top-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 0 auto;
  background-color: #ffffff;
  box-shadow: 0px 0px 6px #0000001f;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.v .top {
  height: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.v .content {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.v .img {
  position: relative;
  width: 24px;
  height: 24px;
}

.v .title {
  position: relative;
  flex: 1;
  margin-top: -1px;
  color: #000000;
  font-size: 20px;
  line-height: 24px;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v .frame {
  display: flex;
  width: 356px;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.v .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.v .frame-2 {
  position: relative;
  width: 10px;
  height: 8px;
}

.v .group {
  position: relative;
  /* width: 395px;
  height: 100px; */
  margin-right: -2px;
}

.v .overlap-group {
  position: relative;
  width: 393px;
  height: 100px;
  background-color: #d9d9d9;
}

.v .div {
  position: absolute;
  top: 40px;
  left: 148px;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  color: #979797;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.v .section-title {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 14px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #ececec;
}

.v .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.v .title-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  color: #000000;
  font-size: 28px;
  line-height: 24px;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v .title-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -91px;
}

.v .title-3 {
  position: relative;
  /* width: 216px; */
  margin-top: -1px;
  color: #717171;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v .material-symbols-wrapper {
  display: flex;
  flex-direction: column;
  width: 63px;
  height: 68px;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  position: relative;
}

.v .selection {
  gap: 4px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.v .title-4 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v .selection-2 {
  gap: 8px;
  padding: 12px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.v .title-5 {
  position: relative;
  align-self: stretch;
  color: #848b94;
  font-size: 14px;
  line-height: 28px;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v .chip-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.v .chip {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #0000000d;
  border-radius: 6px;
  overflow: hidden;
}

.v .text-2 {
  position: relative;
  width: 328px;
  margin-top: -1px;
  margin-left: -2px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
}

.v .icon {
  display: flex;
  width: 13px;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 0px 3px;
  position: relative;
  margin-right: -2px;
}

.v .vector {
  position: relative;
  width: 10.71px;
  height: 5.85px;
  margin-top: -0.35px;
  margin-bottom: -0.5px;
  margin-left: -3.35px;
  margin-right: -0.35px;
}

.v .div-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #0000000d;
  border-radius: 6px;
  overflow: hidden;
}

.v .text-3 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.v .selection-3 {
  gap: 4px;
  padding: 12px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.v .icon-2 {
  position: relative;
  width: 13.35px;
  margin-right: -2px;
}

.v .image-container {
  display: flex;
  /* height: 202px; */
  align-items: flex-start;
  padding: 0;
  width: 100%;
  position: relative;
  align-self: stretch;
}

.v .image {
  flex: 1;
  flex-grow: 1;
  border-radius: 6px;
  position: relative;
  align-self: stretch;
}

.v .title-6 {
  position: absolute;
  width: 337px;
  height: 16px;
  top: 80px;
  left: 16px;
  color: #707070;
  font-size: 16px;
  text-align: center;
  line-height: 22px;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v .slide-nav {
  display: inline-flex;
  align-items: flex-start;
  gap: 4px;
  position: absolute;
  top: 159px;
  left: 156px;
}

.v .ellipse {
  background-color: #ffffff;
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}

.v .ellipse-2 {
  background-color: #d9d9d9;
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}

.v .section-title-2 {
  padding: 28px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #e5e5e7;
}

.v .frame-3 {
  display: flex;
  width: 369px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -16px;
}

.v .title-7 {
  position: relative;
  align-self: stretch;
  color: #717171;
  font-size: 16px;
  line-height: 24px;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v .info {
  display: flex;
  /* flex-direction: column; */
  align-items: flex-end;
  justify-content: space-between;
  padding: 0px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  font-size: 14px;
  color:rgba(0, 0, 0, 0.45);
  font-weight:400;
}

.v .text-wrapper-2 {
  position: relative;
  width: 100%;
  margin-top: -1px;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
}

.v .submit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10px 28px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  box-shadow: 0px 0px 6px #0000001f;
}

.v .frame-4 {
  display: flex;
  width: 100%;
  max-width: 1140px !important;
  height: 44px;
  align-items: center;
  /* gap: 10px; */
  /* position: relative; */
  margin:0 auto;
}

.v .chip-2 {
  display: flex;
  flex-direction: column;
  width: 52px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 8px;
  position: relative;
  background-color: #0000000d;
  border-radius: 6px;
  overflow: hidden;
}

.v .text-4 {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.v .icon-3 {
  position: relative;
  width: 5.85px;
}

.v .chip-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  background-color: #0000000d;
  border-radius: 6px;
  overflow: hidden;
}

.v .chip-4 {
  display: flex;
  flex-direction: column;
  width: 58px;
  align-items: center;
  justify-content: center;
  padding: 8px;
  position: relative;
  align-self: stretch;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid;
  border-color: #d9d9d9;
}

.v .chip-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.v .chip-5 {
  display: flex;
  flex-direction: column;
  height: 44px;
  align-items: center;
  justify-content: center;
  padding: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #c3aa65;
  border-radius: 6px;
  overflow: hidden;
}

.v .text-5 {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 3.2px;
  line-height: 20px;
  white-space: nowrap;
}

/*時間展開*/
.v .date-chip-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 6px;
  overflow: hidden;
}

.v .date-text-3 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #b8b8b8;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.v .date-line {
  position: relative;
  /* width: 280.94px; */
  width: 100%;
  height: 2px;
  background:url("../img/line-1.svg")
}

.v .date-chip-group-2 {
  display: flex;
  align-items: center;
  /* gap: 8px; */
  gap: 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.v .date-frame-2 {
  position: relative;
  flex: 0 0 auto;
  margin-left: -1px;
}

.v .date-frame-3 {
  position: relative;
  flex: 0 0 auto;
  margin-right: -1px;
}

.v .date-div-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #0000000d;
  border-radius: 6px;
  overflow: hidden;
}


/*step2*/
.v-2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 12px;
  position: relative;
  background-color: #ffffff;
  padding-bottom:20px;
}

.v-2 .top-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 0 auto;
  background-color: #ffffff;
  box-shadow: 0px 0px 6px #0000001f;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.v-2 .top {
  height: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.v-2 .content {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.v-2 .img {
  position: relative;
  width: 24px;
  height: 24px;
}

.v-2 .title {
  flex: 1;
  margin-top: -1px;
  color: #000000;
  font-size: 20px;
  line-height: 24px;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v-2 .frame {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.v-2 .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.v-2 .polygon {
  position: relative;
  width: 8.66px;
  height: 6px;
}

.v-2 .input {
  flex-direction: column;
  align-items: center;
  /* gap: 20px; */
  /* padding: 4px 20px; */
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  position: relative;
}

.v-2 .div {
  width: fit-content;
  margin-top: -1px;
  color: #000000;
  font-size: 20px;
  line-height: 40px;
  white-space: nowrap;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v-2 .textfield {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 0px 0px 12px;
  flex: 0 0 auto;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 6px;
  border: 1px solid;
  border-color: #00000026;
}

.v-2 .frame-2 {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 12px;
  padding: 16px 12px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #00000026;
  position: relative;
  flex: 0 0 auto;
}

.v-2 .text-wrapper-2 {
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  line-height: 20px;
  white-space: nowrap;
}

.v-2 .frame-3 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 0px 12px;
  position: relative;
  flex: 0 0 auto;
}

.v-2 .text-wrapper-3 {
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  line-height: 20px;
  white-space: nowrap;
}

.v-2 .text-wrapper-4 {
  position: relative;
  width: 100%;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #00000099;
  font-size: 14px;
  text-align: right;
  letter-spacing: 0;
  line-height: 20px;
}

.v-2 .frame-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.v-2 .input-2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 20px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  position: relative;
  padding-left:0;
  padding-right:0;
}

.v-2 .title-2 {
  align-self: stretch;
  margin-top: -1px;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v-2 .textfield-2 {
  height: 44px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 6px;
  border: 1px solid;
  border-color: #00000026;
}

.v-2 .frame-4 {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.v-2 .union {
  position: relative;
  width: 20px;
  height: 20px;
}

.v-2 .text-wrapper-5 {
  margin-top: -1px;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  line-height: 20px;
  white-space: nowrap;
  opacity: 1 !important;
}

.v-2 .textfield-3 {
  display: flex;
  height: 44px;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 6px;
  border: 1px solid;
  border-color: #00000026;
}

.v-2 .line {
  position: relative;
  width: 1px;
  height: 27px;
  object-fit: cover;
}

.v-2 .input-3 {
  flex-direction: column;
  height: 70px;
  align-items: center;
  gap: 4px;
  padding: 0px 20px;
  align-self: stretch;
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  padding-left:0;
  padding-right:0;
}

.v-2 .frame-5 {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  width: 100%;
  position: relative;
  flex: 0 0 auto;
}

.v-2 .rectangle {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 1px solid;
  border-color: #00000026;
}

.v-2 .title-3 {
  flex: 1;
  margin-top: -1px;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v-2 .title-wrapper {
  width: 100%;
  align-items: center;
  gap: 4px;
  /* padding: 0px 20px; */
  flex: 1;
  flex-grow: 1;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
  justify-content: center;
  position: relative;
}

.v-2 .title-4 {
  flex: 1;
  color: #707070;
  font-size: 12px;
  line-height: 20px;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v-2 .v-2iew {
  width: 393px;
  gap: 20px;
  padding: 30px 0px;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #ececec;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.v-2 .div-wrapper {
  width: 393px;
  align-items: center;
  gap: 4px;
  /* padding: 0px 20px; */
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  position: relative;
}

.v-2 .title-5 {
  flex: 1;
  margin-top: -1px;
  color: #000000cc;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v-2 .wf {
  width: 100%;
  gap: 10px;
  /* padding: 0px 20px; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.v-2 .row {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  /* gap: 4px; */
  position: relative;
  flex: 0 0 auto;
  margin-right: -20px;
}

.v-2 .chip-group {
  gap: 8px;
  display: flex;
  align-items: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
  overflow: hidden;
}

.v-2 .wf-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  flex: 0 0 auto;
  background-color: #00000059;
  border-radius: 6px;
  overflow: hidden;
}

.v-2 .frame-6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 14px;
  position: relative;
  flex: 0 0 auto;
}

.v-2 .text {
  margin-top: -1px;
  font-weight: 400;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  line-height: 20px;
  white-space: nowrap;
}

.v-2 .wf-btn-2 {
  display: flex;
  padding: 0.75rem 1.406rem;
  align-items: center;
  gap: 12px;
  border-radius: 0.75rem;
  border: 1.5px solid #DDD;
  background: #FFF;
  white-space: nowrap;
}

.v-2 .text-2 {
  color: #818181;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "Roboto", Helvetica;
}

.v-2 .right {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 0px 0px 10px;
  position: relative;
  flex: 0 0 auto;
}

.v-2 .icon {
  width: 6.59px;
  position: relative;
  height: 14px;
  margin-top: -1px;
  margin-bottom: -1px;
  margin-left: -1px;
}

.v-2 .left {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0px 10px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.v-2 .icon-2 {
  width: 7.59px;
  margin-right: -1px;
  position: relative;
  height: 14px;
  margin-top: -1px;
  margin-bottom: -1px;
  margin-left: -1px;
}

.v-2 .chip-group-2 {
  flex: 1;
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}

.v-2 .info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding: 0px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.v-2 .text-wrapper-6 {
  position: relative;
  width: 100%;
  margin-top: -1px;
  font-family: "Roboto", Helvetica;
  font-weight: 500;
  color: #d9d9d9;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
}

.v-2 .submit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding-top: 1rem;
  /* padding: 10px 28px; */
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.v-2 .in-hom {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.v-2 .span {
  color: #959595;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.v-2 .text-wrapper-7 {
  color: #959595;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.v-2 .chip-group-3 {
  justify-content: center;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}

.v-2 .chip {
  flex-direction: column;
  height: 44px;
  justify-content: center;
  padding: 8px;
  background-color: #00000033;
  border-radius: 6px;
  display: flex;
  align-items: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
  overflow: hidden;
}

.v-2 .text-3 {
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 3.2px;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  line-height: 20px;
  white-space: nowrap;
}

.v-2 .chip-2 {
  flex-direction: column;
  height: 44px;
  justify-content: center;
  padding: 8px;
  background-color: #c3aa65;
  border-radius: 6px;
  display: flex;
  align-items: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
  overflow: hidden;
}




/*step3*/
.v-3 {
  display: flex;
  flex-direction: column;
  width: 393px;
  align-items: center;
  /* gap: 12px; */
  padding: 0px 0px 20px;
  position: relative;
  background-color: #ffffff;
  padding-bottom: 20px;
}

.v-3 .top-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 0 auto;
  background-color: #ffffff;
  box-shadow: 0px 0px 6px #0000001f;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.v-3 .top {
  height: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.v-3 .content {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.v-3 .ic-left {
  position: relative;
  width: 24px;
  height: 24px;
}

.v-3 .title {
  position: relative;
  flex: 1;
  margin-top: -1px;
  color: #000000;
  font-size: 20px;
  line-height: 24px;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v-3 .frame {
  display: flex;
  width: 356px;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.v-3 .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.v-3 .polygon {
  position: relative;
  width: 8.66px;
  height: 6px;
}

.v-3 .group {
  /* position: relative; */
  width: 100%;
  /* height: 178px; */
  /* margin-right: -2px; */
}

.v-3 .selection {
  width: 100%;
  /* position: absolute; */
  top: 100px;
  left: 0;
  background-color: #00000073;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.v-3 .chip {
  display: flex;
  flex-direction: column;
  width: 373px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.v-3 .div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.v-3 .ep-success-filled {
  position: relative;
  width: 20px;
  height: 20px;
}

.v-3 .text {
  position: relative;
  /* width: 200px; */
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.16px;
  line-height: 20px;
}

.v-3 .text-2 {
  position: relative;
  width: 328px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.14px;
  line-height: 20px;
}

.v-3 .overlap-group {
  position: absolute;
  width: 100%;
  height: 100px;
  top: 0;
  left: 0;
  background-color: #d9d9d9;
}

.v-3 .text-wrapper-2 {
  position: absolute;
  top: 40px;
  left: 148px;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  color: #979797;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.v-3 .div-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 20px 0px;
  position: relative;
  flex: 0 0 auto;
}

.v-3 .text-wrapper-3 {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.v-3 .frame-2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
  background-color: #f8f8f8;
}

.v-3 .text-wrapper-4 {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #717171;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
  text-decoration: underline;
  white-space: nowrap;
}

.v-3 .text-wrapper-5 {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
}

.v-3 .text-wrapper-6 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.v-3 .text-wrapper-7 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans TC", Helvetica;
  font-weight: 500;
  color: #f9933c;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.v-3 .text-wrapper-8 {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.v-3 .frame-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 12px;
  border: 1px solid;
  border-color: #00000033;
}

.v-3 .selection-2 {
  width: 214px;
  height: 60px;
  justify-content: center;
  padding: 8px;
  position: relative;
  background-color: #c3aa65;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.v-3 .text-3 {
  position: relative;
  width: 105px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
}

.v-3 .selection-3 {
  width: 146px;
  height: 60px;
  justify-content: center;
  padding: 8px;
  position: relative;
  background-color: #00000033;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.v-3 .image-container {
  display: flex;
  /* height: 202px; */
  align-items: flex-start;
  padding: 0;
  width: 100%;
  position: relative;
  align-self: stretch;
}

.v-3 .image {
  flex: 1;
  flex-grow: 1;
  background-color: #0000000d;
  border-radius: 6px;
  position: relative;
  align-self: stretch;
}

.v-3 .title-2 {
  position: absolute;
  width: 337px;
  height: 16px;
  top: 80px;
  left: 16px;
  color: #707070;
  font-size: 16px;
  text-align: center;
  line-height: 22px;
  white-space: nowrap;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v-3 .slide-nav {
  display: inline-flex;
  align-items: flex-start;
  gap: 4px;
  position: absolute;
  top: 159px;
  left: 156px;
}

.v-3 .ellipse {
  background-color: #ffffff;
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}

.v-3 .ellipse-2 {
  background-color: #d9d9d9;
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}

.v-3 .section-title {
  padding: 12px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.v-3 .text-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.v-3 .title-3 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  color: #000000;
  font-size: 28px;
  line-height: 24px;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v-3 .title-wrapper {
  display: flex;
  width: 369px;
  align-items: flex-start;
  gap: 10px;
  margin-right: -16px;
  position: relative;
  flex: 0 0 auto;
}

.v-3 .title-4 {
  position: relative;
  width: 216px;
  margin-top: -1px;
  color: #717171;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v-3 .title-5 {
  position: relative;
  align-self: stretch;
  color: #717171;
  font-size: 16px;
  line-height: 24px;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v-3 .image-wrapper {
  display: flex;
  height: 185px;
  align-items: flex-start;
  padding: 20px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.v-3 .title-6 {
  position: absolute;
  width: 100%;
  height: 16px;
  top: 64px;
  left: 0;
  color: #707070;
  font-size: 16px;
  text-align: center;
  line-height: 22px;
  white-space: nowrap;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
}

.v-3 .info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding: 20px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.v-3 .p {
  position: relative;
  /* width: 366px; */
  width: 100%;
  margin-top: -1px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #a0a0a0;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
}

.v-3 .terms-of-use-privacy {
  position: relative;
  width: 366px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
}

.wr {
  max-width:1140px !important;
  margin:0 auto;
  overflow:hidden;
}

.bg-disabled {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.bg-disabled2 {
  color: rgba(0, 0, 0, 0.3);
  border-color: rgba(0, 0, 0, 0.2);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.w640 {
  display:none;
}
@media screen and (min-width: 640px) {
  .w640 {
      display: inline-block;
  }
}

.v-3 .btn-calendar {
  background-color: #c3aa65;
  display: flex;
  flex-direction: column;
  width: 214px;
  height: 48px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  color:#fff;
}

.v-3 .btn-calendar:hover {
  background-color: #7f6725;
  color:#FFF;
}

.v-3 .btn-cancel {
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  width: 214px;
  height: 48px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  color:#000;
  border:1px solid #00000033;
}

.v-3 .btn-cancel:hover {
  background-color: #c3c2c1;
  color:#000;
  border:1px solid #00000033;
}

.v-3 .color-someone {
  color: #c3aa65;
}

footer {
  padding: 20px 0;
}
footer .text-wrapper-2 {
  color:rgba(0, 0, 0, 0.45) !important;
}
footer a {
  color:rgb(255, 133, 14);
}
footer .p {
  position: relative;
    /* width: 366px; */
    width: 100%;
    margin-top: -1px;
    font-family: "Roboto", Helvetica;
    font-weight: 400;
    color: #4B5563;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 400;
}

/* 手機版 footer 樣式調整 */
@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 0px;
    position: relative !important;
  }

  footer .p {
    font-size: 12px;
    line-height: 18px;
    padding: 0 12px;
    word-break: keep-all;
  }

  footer .bi {
    font-size: 14px;
  }

  /* 隱藏語系切換 */
  footer .footer-language {
    display: none;
  }

  /* 隱藏社交媒體圖標 */
  footer .footer-social-icons {
    display: none;
  }

  /* 隱藏整行社交媒體內容 */
  footer .footer-social-row {
    display: none !important;
  }
}