.SP.div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  background-color: #FED737;
}

.frame {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 30px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #fed737;
}

.frame-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.frame-wrapper {
  display: flex;
  flex-wrap: wrap;
  height: 234px;
  align-items: center;
  justify-content: center;
  gap: 30px 30px;
  padding: 26px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #0f3888;
  border-radius: 14px;
  border: 0px none;
}

.frame-3 {
  display: flex;
  flex-wrap: wrap;
  max-width: 700px;
  height: 182px;
  align-items: center;
  justify-content: center;
  gap: 20px 20px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.frame-4 {
  display: flex;
  min-width: 260px;
  max-width: 300px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px 0px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  margin-top: -8.00px;
  background-color: #0ec445;
  border-radius: 64.5px;
  border: 0px none;
  transition: all 0.2s ease;
}
.fv__brand{
  max-width: 90px;
  width: 100%;
}

.frame-4:hover {
  transform: scale(1.1);
}

.frame-5 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  position: relative;
  flex: 0 0 auto;
}

.text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.90px;
  line-height: 18px;
  white-space: nowrap;
}

.text-wrapper-2 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 1.00px;
  line-height: 20px;
  white-space: nowrap;
}

.element {
  position: relative;
  width: 32px;
  height: 34px;
  aspect-ratio: 0.93;
}

.frame-6 {
  display: flex;
  min-width: 260px;
  max-width: 300px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 22px 0px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  margin-bottom: -8.00px;
  background-color: #e43f1c;
  border-radius: 64.5px;
  transition: all 0.2s ease;
}

.frame-6:hover {
  transform: scale(1.1);
}

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

.frame-7 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  position: relative;
  flex: 0 0 auto;
}

.text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 1.00px;
  line-height: 20px;
  white-space: nowrap;
}

.text-wrapper-4 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.frame-8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 37px;
  padding: 60px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-image: url(https://c.animaapp.com/FN0uiGIR/img/frame-296.png);
  background-size: cover;
  background-position: 50% 50%;
}

.text-wrapper-5 {
  align-self: stretch;
  margin-top: -1.00px;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.0px;
  position: relative;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
}

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

.element-2 {
  position: relative;
  width: 60px;
  height: 60px;
}

.text-wrapper-6 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 60px;
  text-align: center;
  letter-spacing: 0;
  line-height: 60px;
  white-space: nowrap;
}

.text-wrapper-7 {
  position: relative;
  align-self: stretch;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.0px;
}

.frame-10 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px 14px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-11 {
  display: flex;
  max-width: 333px;
  width: 333px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 30px;
  position: relative;
  background-color: #ffffff;
  border-radius: 12px;
}

.element-3 {
  position: relative;
  width: 28px;
  height: 28px;
}

.text-wrapper-8 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #2f2f2f;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.frame-12 {
  display: flex;
  max-width: 333px;
  width: 333px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 30px;
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
}

.div-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-13 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 54px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #0f3888;
}

.frame-14 {
  display: flex;
  flex-direction: column;
  max-width: 1220px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 53px 16px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 22px;
}

.frame-15 {
  display: flex;
  flex-wrap: wrap;
  min-width: 280px;
  align-items: center;
  justify-content: center;
  gap: 30px 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-16 {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  max-width: 550px;
  align-items: center;
  justify-content: center;
  gap: 14px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.text-wrapper-9 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  z-index: 4;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #040404;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.frame-17 {
  display: flex;
  flex-direction: column;
  min-width: 280px;
  align-items: flex-start;
  gap: 6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  z-index: 3;
}

.text-wrapper-10 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #e43f1c;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.text-wrapper-11 {
  position: relative;
  align-self: stretch;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #e43f1c;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.text-wrapper-12 {
  position: relative;
  align-self: stretch;
  z-index: 2;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #040404;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.group {
  position: relative;
  width: 167px;
  height: 59px;
  z-index: 1;
}

.polygon {
  position: absolute;
  top: 15px;
  left: calc(50.00% - 72px);
  width: 143px;
  height: 44px;
}

.text-wrapper-13 {
  position: absolute;
  top: 20px;
  left: 66px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.4px;
  white-space: nowrap;
}

.text-wrapper-14 {
  position: relative;
  align-self: stretch;
  z-index: 0;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #040404;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 33.6px;
}

.group-2 {
  position: relative;
  max-width: 435px;
  width: 362px;
  height: 287.1px;
  margin-left: -25.50px;
  margin-right: -25.50px;
  background-image: url(https://c.animaapp.com/FN0uiGIR/img/group-65-1-1@2x.png);
  background-size: cover;
  background-position: 50% 50%;
}

.frame-18 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 29px;
  padding: 24px 21px 64px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fed737;
}

.frame-19 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-20 {
  display: flex;
  flex-direction: column;
  width: 140px;
  height: 129px;
  align-items: center;
  padding: 51px 47px 57px;
  position: relative;
  background-image: url(https://c.animaapp.com/FN0uiGIR/img/frame-175-1@2x.png);
  background-size: cover;
  background-position: 50% 50%;
}

.text-wrapper-15 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  margin-bottom: -2.00px;
  margin-left: -1.00px;
  margin-right: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #0f3888;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.frame-21 {
  display: flex;
  min-width: 300px;
  max-width: 600px;
  height: 105px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 36px 0px;
  position: relative;
  width: 100%;
  background-color: #e43f1c;
  border-radius: 73px;
  border: 7px solid;
  border-color: #fffffd;
}

.text-wrapper-16 {
  position: relative;
  flex: 1;
  margin-top: -2.50px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #f9f9f9;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
}

.frame-22 {
  display: flex;
  flex-wrap: wrap;
  min-width: 280px;
  max-width: 1028px;
  align-items: center;
  justify-content: center;
  gap: 10px 70px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.group-3 {
  position: relative;
  max-width: 500px;
  width: 375px;
  max-height: 482.42px;
  height: 361.81px;
  margin-left: -21.00px;
  margin-right: -21.00px;
  aspect-ratio: 1.04;
  object-fit: cover;
}

.frame-23 {
  display: flex;
  min-width: 320px;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.frame-24 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.frame-25 {
  display: flex;
  flex-direction: column;
  min-width: 363px;
  max-width: 565px;
  align-items: center;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  margin-left: -15.00px;
  margin-right: -15.00px;
  z-index: 1;
}

.frame-26 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9.14px;
  padding: 43.89px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 36.57px;
  border: 8.23px solid;
  border-color: #0f3888;
}

.frame-27 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18.29px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-28 {
  display: flex;
  flex-wrap: wrap;
  min-width: 314px;
  max-width: 454px;
  align-items: center;
  justify-content: center;
  gap: 8px 8px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.frame-29 {
  display: flex;
  flex-direction: column;
  max-width: 146px;
  height: 150px;
  align-items: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.group-4 {
  position: relative;
  width: 84.18px;
  height: 84.17px;
  margin-top: -5.49px;
  z-index: 1;
  aspect-ratio: 1;
}

.frame-30 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9.14px;
  padding: 0px 8px;
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  margin-top: -16.92px;
  z-index: 0;
  background-color: #e43f1c;
  border-radius: 11.89px;
}

.text-wrapper-17 {
  position: relative;
  flex: 1;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #f9f9f9;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 16.8px;
}

.element-4 {
  position: relative;
  align-self: stretch;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.4px;
}

.rectangle {
  position: relative;
  width: 110px;
  height: 84px;
  background-color: #0f3888;
}

.rectangle-2 {
  position: relative;
  width: 321.84px;
  height: 18.29px;
  background-color: #0f3888;
}

.frame-31 {
  position: relative;
  width: 375px;
  height: 168px;
  margin-left: -21.00px;
  margin-right: -21.00px;
  margin-top: -108.63px;
  z-index: 0;
}

.frame-32 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 45px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fed737;
}

.frame-33 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mask-group {
  position: relative;
  width: 51.72px;
  height: 100.61px;
}

.frame-34 {
  display: flex;
  flex-direction: column;
  max-width: 440px;
  align-items: center;
  gap: 6px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.text-wrapper-18 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Jost", Helvetica;
  font-weight: 700;
  color: #e43f1c;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0.90px;
  line-height: 36.0px;
}

.p {
  position: relative;
  align-self: stretch;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #2d2d2d;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.2px;
}

.text-wrapper-19 {
  position: relative;
  width: fit-content;
  transform: rotate(90.00deg);
  -webkit-text-stroke: 2px #a48c29;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #a48c29;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.60px;
  line-height: 12px;
  white-space: nowrap;
}

.text-wrapper-20 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 21.6px;
  white-space: nowrap;
}

.frame-35 {
  display: flex;
  flex-wrap: wrap;
  min-width: 363px;
  align-items: center;
  justify-content: center;
  gap: 12px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-36 {
  display: flex;
  flex-direction: column;
  width: 334px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 36px 0px;
  position: relative;
  background-color: #f9f9f9;
  border-radius: 22px;
  border: 8px solid;
  border-color: #0f3888;
}

.text-wrapper-21 {
  position: relative;
  width: 260px;
  margin-top: -8.00px;
  font-family: "Jost", Helvetica;
  font-weight: 700;
  color: #1f1f1f;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
}

.text-wrapper-22 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #e43f1c;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.6px;
}

.frame-37 {
  gap: 10px;
  padding: 42px 12px;
  flex: 0 0 auto;
  background-color: #fed737;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.frame-38 {
  display: flex;
  flex-wrap: wrap;
  min-width: 280px;
  max-width: 1028px;
  align-items: center;
  justify-content: center;
  gap: 18px 50px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.frame-39 {
  display: flex;
  flex-direction: column;
  min-width: 208px;
  max-width: 430px;
  align-items: center;
  justify-content: center;
  gap: 42px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.text-wrapper-23 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 32px;
  letter-spacing: 0;
  line-height: normal;
}

.group-5 {
  position: relative;
  min-width: 363px;
  max-width: 575px;
  width: 100%;
  min-height: 310.76px;
  max-height: 492.26px;
  margin-left: -6.00px;
  margin-right: -6.00px;
  aspect-ratio: 1.17;
}

.frame-40 {
  display: flex;
  min-width: 363px;
  max-width: 641px;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  margin-left: -6.00px;
  margin-right: -6.00px;
}

.frame-41 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 26px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.frame-42 {
  display: flex;
  height: 154px;
  align-items: center;
  gap: 9px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.frame-43 {
  display: flex;
  flex-direction: column;
  width: 70px;
  height: 70px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  background-color: #e43f1c;
  border-radius: 54.5px;
}

.text-wrapper-24 {
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  width: fit-content;
  font-family: "Jost", Helvetica;
  letter-spacing: 0;
  white-space: nowrap;
}

.frame-44 {
  display: flex;
  min-width: 208px;
  align-items: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.frame-45 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 22px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  background-color: #f9f9f9;
  border-radius: 14px;
  border: 5px solid;
  border-color: #e43f1c;
}

.text-wrapper-25 {
  align-self: stretch;
  margin-top: -5.00px;
  font-weight: 700;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  font-family: "Noto Sans JP", Helvetica;
}

.text-wrapper-26 {
  position: relative;
  align-self: stretch;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.frame-46 {
  display: flex;
  align-items: center;
  gap: 9px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-47 {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.frame-48 {
  display: flex;
  flex-direction: column;
  min-width: 208px;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 22px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  background-color: #f9f9f9;
  border-radius: 14px;
  border: 5px solid;
  border-color: #e43f1c;
}

.frame-49 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
  padding: 56px 14px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fed737;
}

.text-wrapper-27 {
  position: relative;
  flex: 1;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #f9f9f9;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 18px;
}

.LP {
  position: relative;
  align-self: stretch;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 25.2px;
}

.frame-50 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-51 {
  display: flex;
  flex-wrap: wrap;
  max-width: 1028px;
  align-items: center;
  justify-content: center;
  gap: 7px 7px;
  padding: 25px 5px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -6.00px;
  margin-left: -6.00px;
  margin-right: -6.00px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 6px solid;
  border-color: #e43f1c;
}

.group-6 {
  position: relative;
  max-width: 160px;
  width: 110px;
  max-height: 142.55px;
  height: 98px;
  aspect-ratio: 1.12;
}

.frame-52 {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.text-wrapper-28 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.text-wrapper-29 {
  position: relative;
  align-self: stretch;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19.6px;
}

.polygon-2 {
  position: relative;
  width: 71.02px;
  height: 21px;
}

.frame-53 {
  display: flex;
  max-width: 1028px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 25px 5px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  margin-left: -6.00px;
  margin-right: -6.00px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 6px solid;
  border-color: #e43f1c;
}

.mask-group-2 {
  position: relative;
  width: 110px;
  height: 95px;
}

.mask-group-3 {
  position: relative;
  width: 110px;
  height: 110px;
  aspect-ratio: 1;
}

.frame-54 {
  display: flex;
  max-width: 1028px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 25px 5px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -6.00px;
  margin-left: -6.00px;
  margin-right: -6.00px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 6px solid;
  border-color: #e43f1c;
}

.mask-group-4 {
  position: relative;
  width: 106px;
  height: 111px;
}

.frame-55 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 36px 6px 66px 14px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fed737;
}

.frame-56 {
  display: flex;
  flex-wrap: wrap;
  max-width: 704px;
  align-items: flex-end;
  justify-content: center;
  gap: 6px 6px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.frame-57 {
  display: flex;
  max-width: 733px;
  width: 349px;
  align-items: flex-end;
  gap: 4px;
  position: relative;
}

.frame-58 {
  display: flex;
  flex-direction: column;
  width: 57px;
  align-items: flex-start;
  gap: 4px;
  position: relative;
}

.frame-59 {
  display: flex;
  flex-direction: column;
  width: 57px;
  height: 115px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 47px 20px;
  position: relative;
  background-color: #ffefb0;
}

.text-wrapper-30 {
  position: relative;
  width: fit-content;
  margin-left: -8.00px;
  margin-right: -8.00px;
  font-family: "Noto Looped Thai-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 16px;
  white-space: nowrap;
}

.frame-60 {
  display: flex;
  flex-direction: column;
  width: 57px;
  height: 115px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 46px 20px;
  position: relative;
  background-color: #ffefb0;
}

.frame-61 {
  display: flex;
  flex-direction: column;
  width: 57px;
  height: 115px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 29px 22px;
  position: relative;
  background-color: #ffefb0;
}

.text-wrapper-31 {
  position: relative;
  width: fit-content;
  margin-left: -10.00px;
  margin-right: -10.00px;
  font-family: "Noto Looped Thai-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.32px;
  line-height: 16px;
}

.frame-62 {
  display: flex;
  flex-direction: column;
  width: 57px;
  height: 115px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 46px 14px;
  position: relative;
  background-color: #ffefb0;
}

.text-wrapper-32 {
  position: relative;
  width: fit-content;
  margin-left: -10.00px;
  margin-right: -10.00px;
  font-family: "Noto Looped Thai-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 16px;
  white-space: nowrap;
}

.frame-63 {
  display: flex;
  flex-direction: column;
  width: 303px;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  margin-right: -15.00px;
}

.frame-64 {
  display: flex;
  flex-direction: column;
  width: 288px;
  height: 97px;
  align-items: flex-start;
  gap: 10px;
  padding: 13px 87px 13px 62px;
  position: relative;
  background-color: #e43f1c;
  border-radius: 16px 16px 0px 0px;
}

.frame-65 {
  display: inline-flex;
  align-items: flex-end;
  gap: 3px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -15.00px;
}

.image {
  position: relative;
  width: 59px;
  height: 71px;
  aspect-ratio: 0.83;
}

.group-7 {
  position: relative;
  width: 94px;
  height: 65.6px;
  margin-right: -2.00px;
}

.text-wrapper-33 {
  position: absolute;
  top: 0;
  left: 4px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 16.4px;
  letter-spacing: 0;
  line-height: 16.4px;
  white-space: nowrap;
}

.element-5 {
  position: absolute;
  top: 20px;
  left: 0;
  width: 92px;
  height: 46px;
  aspect-ratio: 1.98;
}

.frame-66 {
  display: flex;
  width: 288px;
  height: 115px;
  align-items: center;
  gap: 10px;
  padding: 20px 18px;
  position: relative;
  background-color: #ffffff;
}

.ellipse {
  position: relative;
  width: 59px;
  height: 59px;
  border-radius: 29.5px;
  border: 6px solid;
  border-color: #e43f1c;
}

.text-wrapper-34 {
  position: relative;
  width: fit-content;
  font-family: "Noto Looped Thai-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 22.4px;
}

.group-8 {
  position: relative;
  width: 59px;
  height: 59px;
  background-image: url(https://c.animaapp.com/FN0uiGIR/img/union-5.svg);
  background-size: 100% 100%;
}

.text-wrapper-35 {
  position: relative;
  width: fit-content;
  margin-right: -13.00px;
  font-family: "Noto Looped Thai-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 22.4px;
}

.frame-67 {
  display: flex;
  flex-direction: column;
  max-width: 733px;
  width: 150px;
  align-items: center;
  gap: 4px;
  position: relative;
}

.frame-68 {
  display: flex;
  width: 150px;
  height: 64px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 75px;
  position: relative;
  background-color: #000000;
  border-radius: 16px 16px 0px 0px;
}

.text-wrapper-36 {
  margin-left: -23.00px;
  margin-right: -23.00px;
  font-family: "Noto Looped Thai-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 4.00px;
  position: relative;
  width: fit-content;
  font-size: 20px;
  text-align: center;
  line-height: 28.0px;
  white-space: nowrap;
}

.frame-69 {
  display: flex;
  width: 150px;
  height: 115px;
  align-items: center;
  gap: 8px;
  padding: 32px 8px;
  position: relative;
  background-color: #feefb0;
}

.ellipse-2 {
  position: relative;
  width: 26px;
  height: 26px;
  border-radius: 15px;
  border: 4px solid;
  border-color: #000000;
  aspect-ratio: 1;
}

.text-wrapper-37 {
  width: fit-content;
  margin-top: -1.00px;
  color: #000000;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 16.8px;
  position: relative;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
}

.group-9 {
  position: relative;
  width: 23.63px;
  height: 20.99px;
  aspect-ratio: 1.13;
}

.line {
  position: absolute;
  top: -3px;
  left: 0;
  width: 25px;
  height: 24px;
}

.line-2 {
  position: absolute;
  top: -3px;
  left: -1px;
  width: 25px;
  height: 23px;
}

.frame-70 {
  display: flex;
  width: 150px;
  height: 115px;
  align-items: center;
  gap: 8px;
  padding: 38px 12px;
  position: relative;
  background-color: #feefb0;
}

.text-wrapper-38 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16.8px;
  white-space: nowrap;
}

.frame-71 {
  display: flex;
  width: 150px;
  height: 115px;
  align-items: center;
  gap: 8px;
  padding: 33px 12px;
  position: relative;
  background-color: #feefb0;
}

.polygon-3 {
  position: relative;
  width: 27.71px;
  height: 24px;
  aspect-ratio: 1;
}

.frame-72 {
  display: flex;
  width: 150px;
  height: 115px;
  align-items: center;
  gap: 6px;
  padding: 38px 10px;
  position: relative;
  background-color: #feefb0;
}

.group-10 {
  position: relative;
  width: 24px;
  height: 21.32px;
  aspect-ratio: 1.13;
}

.line-3 {
  position: absolute;
  top: -3px;
  left: -1px;
  width: 25px;
  height: 24px;
}

.text-wrapper-39 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 11px;
  letter-spacing: 0.24px;
  line-height: 16.8px;
}

.frame-73 {
  display: flex;
  width: 150px;
  height: 115px;
  align-items: center;
  gap: 6px;
  padding: 40px 12px;
  position: relative;
  background-color: #feefb0;
}

.text-wrapper-40 {
  width: fit-content;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0.24px;
  line-height: 16.8px;
  white-space: nowrap;
  position: relative;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
}

.frame-74 {
  display: flex;
  width: 150px;
  height: 115px;
  align-items: flex-start;
  gap: 6px;
  padding: 37px 12px;
  position: relative;
  background-color: #feefb0;
}

.element-6 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0.24px;
  line-height: 16.8px;
}

.frame-75 {
  justify-content: center;
  gap: 25px;
  padding: 86px 8px;
  flex: 0 0 auto;
  background-color: #e43f1c;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.frame-76 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 52px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.text-wrapper-41 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.48px;
  line-height: 33.6px;
}

.frame-77 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 19px 19px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-78 {
  display: flex;
  width: 355px;
  align-items: center;
  gap: 10px;
  padding: 35px 10px;
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
}

.group-11 {
  position: relative;
  width: 80px;
  height: 56px;
}

.frame-79 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.text-wrapper-42 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0.36px;
  line-height: 25.2px;
}

.text-wrapper-43 {
  position: relative;
  align-self: stretch;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 22.4px;
}

.group-12 {
  position: relative;
  width: 355px;
  height: 231px;
}

.frame-80 {
  display: flex;
  width: 355px;
  align-items: center;
  gap: 10px;
  padding: 51px 10px;
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
}

.image-2 {
  position: relative;
  width: 86px;
  height: 70px;
  aspect-ratio: 1.23;
}

.frame-81 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-82 {
  display: flex;
  flex-direction: column;
  width: 298px;
  align-items: center;
  gap: 5px;
  position: relative;
  flex: 0 0 auto;
}

.text-wrapper-44 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.32px;
  line-height: 22.4px;
}

.frame-83 {
  display: flex;
  height: 69.57px;
  align-items: center;
  gap: 10px;
  padding: 18px 75px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.group-13 {
  position: absolute;
  top: 0;
  left: 0;
  width: 298px;
  height: 70px;
  background-color: #ffffff;
  border-radius: 50px;
}

.text-wrapper-45 {
  position: relative;
  width: fit-content;
  margin-top: -1.22px;
  margin-right: -14.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #e43f1c;
  font-size: 24px;
  letter-spacing: 0.48px;
  line-height: 33.6px;
  white-space: nowrap;
}

.frame-84 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 43px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-85 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 17px 17px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-86 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.element-wrapper {
  display: flex;
  flex-direction: column;
  width: 202px;
  height: 202px;
  align-items: flex-start;
  gap: 10px;
  padding: 63px 27px;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  border-radius: 101px;
  border: 8px solid;
  border-color: #fed737;
}

.element-7 {
  position: relative;
  width: 145px;
  height: 67px;
  aspect-ratio: 2.16;
  object-fit: cover;
}

.frame-87 {
  display: flex;
  flex-direction: column;
  width: 359px;
  height: 295px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 6px;
  padding: 54px 32px;
  position: relative;
  margin-top: -100px;
  z-index: 0;
  background-color: #ffffff;
  border-radius: 16px;
}

.text-wrapper-46 {
  position: relative;
  align-self: stretch;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #e43f1c;
  font-size: 18px;
  letter-spacing: 0.36px;
  line-height: 25.2px;
}

.image-wrapper {
  display: flex;
  flex-direction: column;
  width: 202px;
  height: 202px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 76px 20px;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  border-radius: 101px;
  border: 8px solid;
  border-color: #fed737;
}

.image-3 {
  position: relative;
  width: 145px;
  height: 47px;
  aspect-ratio: 3.11;
  object-fit: cover;
}

.frame-88 {
  display: flex;
  flex-direction: column;
  width: 359px;
  height: 295px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
  padding: 54px 40px;
  position: relative;
  margin-top: -100px;
  z-index: 0;
  background-color: #ffffff;
  border-radius: 16px;
}

.img-wrapper {
  display: flex;
  flex-direction: column;
  width: 202px;
  height: 202px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 77px 26px;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  border-radius: 101px;
  border: 8px solid;
  border-color: #fed737;
}

.image-4 {
  position: relative;
  width: 161px;
  height: 49px;
  margin-top: -0.50px;
  margin-bottom: -0.50px;
  margin-left: -5.50px;
  margin-right: -5.50px;
  aspect-ratio: 3.31;
  object-fit: cover;
}

.frame-89 {
  display: flex;
  flex-direction: column;
  width: 359px;
  height: 295px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
  padding: 75px 40px;
  position: relative;
  margin-top: -100px;
  z-index: 0;
  background-color: #ffffff;
  border-radius: 16px;
}

.text-wrapper-47 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #e43f1c;
  font-size: 18px;
  letter-spacing: 0.36px;
  line-height: 25.2px;
  white-space: nowrap;
}

.text-wrapper-48 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 22.4px;
}

.text-wrapper-49 {
  position: relative;
  align-self: stretch;
  font-family: "Noto Looped Thai-Black", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.frame-90 {
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.frame-91 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-image: url(https://c.animaapp.com/FN0uiGIR/img/frame-254@2x.png);
  background-size: cover;
  background-position: 50% 50%;
}

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

.frame-93 {
  display: flex;
  max-width: 599px;
  align-items: center;
  justify-content: center;
  gap: 3px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.mask-group-5 {
  position: relative;
  width: 45.54px;
  height: 88.59px;
}

.text-wrapper-50 {
  position: relative;
  flex: 1;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.0px;
}

.frame-94 {
  position: relative;
  max-width: 700px;
  width: 100%;
  max-height: 492px;
  aspect-ratio: 1.42;
}

.frame-95 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 37px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #e43f1c;
}

.frame-96 {
  display: flex;
  flex-direction: column;
  max-width: 1028px;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 39px 0px 53px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 16px;
}

.frame-97 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-98 {
  display: flex;
  flex-direction: column;
  width: 142px;
  height: 142px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  background-color: #ffffff;
  border-radius: 91px;
  border: 9px solid;
  border-color: #e43f1c;
}

.text-wrapper-51 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.2px;
}

.text-wrapper-52 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.4px;
  white-space: nowrap;
}

.text-wrapper-53 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.4px;
}

.frame-99 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 7px 7px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-100 {
  display: flex;
  flex-direction: column;
  width: 134px;
  align-items: center;
  position: relative;
}

.text-wrapper-54 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 16px;
}

.frame-101 {
  display: flex;
  flex-direction: column;
  height: 34px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  padding: 4px 3px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.frame-102 {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.text-wrapper-55 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Jost", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 33.6px;
  white-space: nowrap;
}

.text-wrapper-56 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 33.6px;
  white-space: nowrap;
}

.line-4 {
  position: relative;
  width: 127.47px;
  height: 22.96px;
}

.polygon-4 {
  position: relative;
  width: 25.5px;
  height: 33.78px;
}

.group-14 {
  position: relative;
  width: 316.67px;
  height: 88px;
}

.rectangle-3 {
  position: absolute;
  top: 3px;
  left: 0;
  width: 306px;
  height: 81px;
  background-color: #e43f1c;
  border-radius: 11px;
}

.text-wrapper-57 {
  position: absolute;
  top: 24px;
  left: 17px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 16.8px;
}

.text-wrapper-58 {
  position: absolute;
  top: 17px;
  left: 49px;
  font-family: "Jost", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 50.4px;
  white-space: nowrap;
}

.text-wrapper-59 {
  position: absolute;
  top: 36px;
  left: 214px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.4px;
  white-space: nowrap;
}

.group-15 {
  position: absolute;
  top: 0;
  left: 223px;
  width: 90px;
  height: 88px;
}

.element-8 {
  position: absolute;
  top: 0;
  left: 0;
  width: 88px;
  height: 88px;
  aspect-ratio: 1;
  object-fit: cover;
}

.element-OFF {
  position: absolute;
  top: 28px;
  left: 19px;
  text-shadow: 0px 3.19px 3.19px #00000040;
  font-family: "Jost", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 19.1px;
  text-align: center;
  letter-spacing: 0;
  line-height: 17.2px;
}

.frame-103 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 66px;
  padding: 71px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fed737;
}

.frame-104 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  position: relative;
  flex: 0 0 auto;
}

.text-wrapper-60 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Jost", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 40px;
  text-align: center;
  letter-spacing: 2.40px;
  line-height: 40px;
  white-space: nowrap;
}

.text-wrapper-61 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 25.2px;
  white-space: nowrap;
}

.frame-105 {
  display: flex;
  flex-wrap: wrap;
  min-width: 365px;
  max-width: 1036px;
  align-items: center;
  justify-content: center;
  gap: 56px 56px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.frame-106 {
  display: flex;
  flex-direction: column;
  min-width: 308px;
  max-width: 308px;
  align-items: center;
  gap: 3px;
  padding: 0px 1px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.text-wrapper-62 {
  margin-top: -1.00px;
  font-weight: 900;
  color: #000000;
  font-size: 26px;
  line-height: 36.4px;
  position: relative;
  width: fit-content;
  font-family: "Jost", Helvetica;
  letter-spacing: 0;
  white-space: nowrap;
}

.frame-107 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 40px 14px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 16px;
}

.text-wrapper-63 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.4px;
}

.text-wrapper-64 {
  position: relative;
  align-self: stretch;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.6px;
}

.frame-108 {
  gap: 40px;
  padding: 60px 16px;
  flex: 0 0 auto;
  background-color: #fed737;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.q-a {
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Jost", Helvetica;
  font-size: 40px;
  text-align: center;
  letter-spacing: -4.40px;
  line-height: 40px;
  white-space: nowrap;
  position: relative;
  font-weight: 900;
  color: #000000;
}

.text-wrapper-65 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 17px;
  text-align: center;
  letter-spacing: 0;
  line-height: 23.8px;
  white-space: nowrap;
}

.frame-109 {
  display: flex;
  flex-direction: column;
  max-width: 1028px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.frame-110 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-111 {
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #ffffff;
}

.text-wrapper-66 {
  flex: 1;
  font-family: "Noto Sans JP", Helvetica;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
  position: relative;
  font-weight: 900;
  color: #000000;
}

.text-wrapper-67 {
  position: relative;
  width: fit-content;
  margin-top: -2.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 33.6px;
  white-space: nowrap;
}

.rectangle-4 {
  position: relative;
  width: 30px;
  height: 100px;
}

.frame-112 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.text-wrapper-68 {
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  letter-spacing: 0;
  position: relative;
  width: fit-content;
  font-size: 20px;
  text-align: center;
  line-height: 28.0px;
  white-space: nowrap;
}

.text-wrapper-69 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19.6px;
}

.text-wrapper-70 {
  flex: 1;
  margin-top: -7.00px;
  margin-bottom: -5.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
  position: relative;
  font-weight: 900;
  color: #000000;
}

.frame-113 {
  gap: 46px;
  padding: 27px 16px 70px;
  flex: 0 0 auto;
  margin-bottom: -27.47px;
  background-color: #fed737;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.frame-114 {
  display: flex;
  flex-direction: column;
  width: 250px;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.text-wrapper-71 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Jost", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 40px;
  text-align: center;
  letter-spacing: 1.60px;
  line-height: 56.0px;
}

.text-wrapper-72 {
  position: relative;
  align-self: stretch;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 25.2px;
}

.frame-115 {
  display: flex;
  flex-direction: column;
  max-width: 1028px;
  align-items: center;
  gap: 26px;
  padding: 55px 6px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
}

.frame-116 {
  display: flex;
  flex-direction: column;
  max-width: 769px;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.frame-117 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-118 {
  display: flex;
  width: 142px;
  align-items: center;
  gap: 10px;
  position: relative;
}

.text-wrapper-73 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.frame-119 {
  display: flex;
  width: 46px;
  height: 23px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 1px 9px;
  position: relative;
  background-color: #e43f1c;
  border-radius: 4px;
}

.text-wrapper-74 {
  position: relative;
  width: 28px;
  height: 15px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 14px;
  white-space: nowrap;
}

.input {
  min-width: 300px;
  padding: 20px 24px;
  position: relative;
  flex-grow: 1;
  background-color: #ffffff;
  border-radius: 27px;
  border: 5px solid;
  border-color: #0f3888;
  flex: 1;
  height: 16px;
  margin-top: -5.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #a9a9a9;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
}

.frame-120 {
  display: flex;
  width: 46px;
  height: 23px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 1px 9px;
  position: relative;
  background-color: #545454;
  border-radius: 4px;
}

.text-input-wrapper {
  display: flex;
  min-width: 300px;
  height: 244px;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #ffffff;
  border-radius: 27px;
  border: 5px solid;
  border-color: #0f3888;
}

.text-input {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 204px;
  margin-top: -5.00px;
  background-color: transparent;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #a9a9a9;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
  border: 0;
  padding: 0;
}

.text-input::placeholder {
  color: #a9a9a999;
}

.frame-121 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 25px;
  position: relative;
  flex: 0 0 auto;
  background-color: #e43f1c;
  border-radius: 64.5px;
  transition: all 0.2s ease-out;
  border: none;
  cursor: pointer;
  inset: 0;
  margin: auto;
}

.frame-121:hover {
  transform: scale(1.1);
}

/* FAQ Styles */
.faq-item {
  width: 100%;
}

.faq-item summary {
  list-style: none;
  cursor: pointer;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-item[open] .faq-icon {
  content: '−';
}

.faq-answer {
  margin-top: 6px;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

.vector-2 {
  position: relative;
  width: 27px;
  height: 20px;
}

.text-wrapper-75 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.70px;
  line-height: normal;
}

.element-9 {
  width: 20px;
  height: 21px;
  position: relative;
  aspect-ratio: 0.93;
}

.frame-122 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -101.47px;
  background-color: #0f3888;
}

.frame-123 {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.text-wrapper-76 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
  text-decoration: underline;
  white-space: nowrap;
}

.text-wrapper-77 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
  white-space: nowrap;
}

.frame-124 {
  display: flex;
  min-width: 260px;
  max-width: 300px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px 0px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #0ec445;
  border-radius: 64.5px;
  border: 0px none;
  transition: all 0.2s ease;
}

.frame-124:hover {
  transform: scale(1.1);
}

.frame-125 {
  display: flex;
  min-width: 260px;
  max-width: 300px;
  padding: 22px 0px;
  flex: 1;
  flex-grow: 1;
  transition: all 0.2s ease;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
  background-color: #e43f1c;
  border-radius: 64.5px;
}

.frame-125:hover {
  transform: scale(1.1);
}

.frame-126 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 37px;
  padding: 60px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-image: url(https://c.animaapp.com/FN0uiGIR/img/frame-295.png);
  background-size: cover;
  background-position: 50% 50%;
}

.frame-127 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 72px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #0f3888;
}

.group-16 {
  position: relative;
  max-width: 435px;
  width: 362px;
  height: 287.1px;
  background-image: url(https://c.animaapp.com/FN0uiGIR/img/group-65-1-1@2x.png);
  background-size: cover;
  background-position: 50% 50%;
}

.group-17 {
  position: relative;
  max-width: 500px;
  width: 375px;
  max-height: 482.42px;
  height: 361.81px;
  aspect-ratio: 1.04;
  object-fit: cover;
}

.frame-128 {
  display: flex;
  flex-direction: column;
  min-width: 363px;
  max-width: 565px;
  align-items: center;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  z-index: 1;
}

.group-18 {
  position: relative;
  width: 84.17px;
  height: 84.17px;
  margin-top: -5.49px;
  z-index: 1;
  aspect-ratio: 1;
}

.frame-129 {
  position: relative;
  width: 425px;
  height: 168px;
  margin-top: -108.63px;
  z-index: 0;
}

.frame-130 {
  justify-content: center;
  gap: 15px;
  padding: 45px 0px;
  background-color: #fed737;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.group-19 {
  position: relative;
  min-width: 363px;
  max-width: 575px;
  width: 100%;
  min-height: 310.76px;
  max-height: 492.26px;
  aspect-ratio: 1.17;
}

.frame-131 {
  display: flex;
  min-width: 363px;
  max-width: 641px;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.frame-132 {
  display: flex;
  flex-wrap: wrap;
  max-width: 1028px;
  align-items: center;
  justify-content: center;
  gap: 7px 7px;
  padding: 25px 5px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -6.00px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 6px solid;
  border-color: #e43f1c;
}

.polygon-5 {
  position: relative;
  width: 71.01px;
  height: 21px;
}

.frame-133 {
  display: flex;
  max-width: 1028px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 25px 5px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 10px;
  border: 6px solid;
  border-color: #e43f1c;
}

.frame-134 {
  display: flex;
  max-width: 1028px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 25px 5px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -6.00px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 6px solid;
  border-color: #e43f1c;
}

.text-wrapper-78 {
  position: absolute;
  top: 0;
  left: 4px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16.4px;
  letter-spacing: 0;
  line-height: 16.4px;
  white-space: nowrap;
}

.text-wrapper-79 {
  margin-left: -22.50px;
  margin-right: -22.50px;
  font-family: "Noto Looped Thai-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4.00px;
  position: relative;
  width: fit-content;
  font-size: 20px;
  text-align: center;
  line-height: 28.0px;
  white-space: nowrap;
}

.text-wrapper-80 {
  width: fit-content;
  margin-top: -1.00px;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16.8px;
  position: relative;
  font-family: "Noto Sans JP", Helvetica;
}

.frame-135 {
  display: flex;
  width: 170px;
  height: 115px;
  align-items: center;
  gap: 10px;
  padding: 32px 12px;
  position: relative;
  background-color: #feefb0;
}

.text-wrapper-81 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16.8px;
  white-space: nowrap;
}

.text-wrapper-82 {
  position: relative;
  width: fit-content;
  margin-left: -23.00px;
  margin-right: -23.00px;
  font-family: "Noto Looped Thai-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 28.0px;
  white-space: nowrap;
}

.text-wrapper-83 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0.24px;
  line-height: 16.8px;
}

.text-wrapper-84 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0.24px;
  line-height: 16.8px;
  white-space: nowrap;
}

.element-10 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0.24px;
  line-height: 16.8px;
}

.frame-136 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame-137 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-image: url(https://c.animaapp.com/FN0uiGIR/img/frame-254-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.mask-group-6 {
  position: relative;
  width: 45.53px;
  height: 88.59px;
}

.frame-138 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 66px;
  padding: 71px 158px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fed737;
}

.frame-139 {
  gap: 46px;
  padding: 27px 16px 70px;
  align-self: stretch;
  width: 100%;
  background-color: #fed737;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.frame-140 {
  min-width: 300px;
  padding: 20px 24px;
  position: relative;
  flex-grow: 1;
  background-color: #ffffff;
  border-radius: 27px;
  border: 5px solid;
  border-color: #0f3888;
  flex: 1;
  height: 16px;
  margin-top: -5.00px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #a9a9a9;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
}

.textarea {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 204px;
  margin-top: -5.00px;
  background-color: transparent;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #a9a9a9;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
  border: 0;
  padding: 0;
}

.textarea::placeholder {
  color: #a9a9a999;
}

.frame-141 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #0f3888;
}

.btn--line{
  transition: 0.2s;
}
.btn--form{
  transition: 0.2s;
}
.frame-4:hover{
  transform: scale(1.1);
  opacity: 0.8;
}
.frame-121:hover{
  transform: scale(1.1);
  opacity: 0.8;
}
.frame-5:hover{
  transform: scale(1.1);
  opacity: 0.8;
}
.frame-6:hover{
  transform: scale(1.1);
  opacity: 0.8;
}
.btn--line:hover{
  transform: scale(1.1);
  opacity: 0.8;
}
.btn--form:hover{
  transform: scale(1.1);
  opacity: 0.8;
}

/* 共通 */
.pc{
  display: block;
}
.sp{
  display: none;
}
@media screen and (max-width: 768px) {
  .pc{
  display: none;
  }
  .sp{
    display: block;
  }
}


@media screen and (max-width: 375px) {
  .group-3 {
    max-width: 375px;
    width: 100%;
    object-fit: contain;
  }
  .group-3 img {
    width: 100%;
    height: auto;
  }
  .group-2 {
    max-width: 362px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
  }
  .group-5 {
    max-width: 363px;
    width: 100%;
    height: auto;
    min-width: 100%;
  }
  .frame-15 {
    min-width: 100%;
  }
  .frame-16 {
    max-width: 100%;
    min-width: 100%;
  }
  .frame-17{
    min-width: 100%;
  }
  .frame-23 {
    min-width: 100%;
  }
  .frame-25 {
    min-width: 100%;
    max-width: 100%;
  }
  .frame-36 {
    width: 90%;
  }
  .frame-40 {
    min-width: 100%;
    max-width: 100%;
  }
  .frame-42 {
    height: auto;
  }
  .frame-57 {
    max-width: 100%;
    width: 100%;
  }
  .frame-63 {
    width: calc(100% - 60px);
  }
  .frame-64 {
    width: 100%;
  }
  .frame-66 {
    width: 100%;
  }
  .input {
    min-width: 100%;
  }
  .text-input-wrapper {
    min-width: 100%;
  }
  .group-14 {
    width: 90%;
  }
  .frame-35 {
    min-width: 100%;
  }
  .frame-80 {
    width: 100%;
  }
  .frame-87{
    width: 100%;
    max-width: 320px;
    min-height: 320px;
    height: auto;
    padding: 54px 26px;
  }
  .frame-88{
    width: 100%;
    max-width: 320px;
    min-height: 320px;
    height: auto;
    padding: 54px 26px;
  }
  .frame-89{
    width: 100%;
    max-width: 320px;
    min-height: 320px;
    height: auto;
    padding: 75px 26px;
    padding-bottom: 40px;
  }
  .rectangle-3{
    width: 100%;
  }
  .text-wrapper-58 {
    font-size: 28px;
  }
  .text-wrapper-59 {
    left: 180px;
  }
  .group-15 {
    left: 194px;
  }
  .frame-31 {
    width: 100%;
  }
  .frame-105 {
    min-width: 100%;
    max-width: 100%;
  }
  .frame-28 {
    min-width: 100%;
  }
  .text-wrapper-27 {
    font-size: 16px;
  }
  .frame-87{
    padding: 54px 26px;
  }
  .rectangle-2 {
    max-width: 321.84px;
    width: 100%;
  }
  .ellipse {
    width: 53px;
    height: 50px;
  }






}

.rectangle-4 {
    height: auto;
}
.faq-answer {
    margin-top: 24px;
}






/* fv */
  .fv{
    margin-top:8px;
    max-width: 1216px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 44px;
  }
  .fv__main{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:8px;
    max-width: 1216px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 43px;
  }

  /* top */
  .fv__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding-top: 14px;
    padding-bottom: 14px;
    max-width: 1340px;
    width: 95%;
    margin: 0 auto;
  }
  .fv__brand{
    display:flex;
    flex-direction:column;
    line-height:1;
  }

  .fv__top-cta{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    justify-content:flex-end;
    width: 100%;
  }

  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 16px;
    border-radius:999px;
    font-weight:800;
    font-size:14px;
    text-decoration:none;
    white-space:nowrap;
  }
  .btn--line{
    background:#0ec445;
    color:#fff;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 900;
    font-size: 20px;
    max-width: 235px;
    width: 100%;
    height: 64px;
  }
  .btn--form{
    background:#E43F1C;
    color:#fff;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 900;
    font-size: 20px;
    max-width: 267px;
    width: 100%;
    height: 64px;
  }

  /* main */
  .fv__copy{
    position: relative;
    z-index: 5;
    width: 100%;
  }
  .fv__tag{
    display:inline-block;
    background:var(--white);
    padding:10px 14px;
    border-radius:999px;
    font-weight:900;
    font-size:20px;
    font-family: "Noto Sans JP", Helvetica;
    color:#D3261C;
    margin-bottom:26px;
    background-color: #fff;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 493px;
    width: 100%;
  }

  .fv__headline{
    max-width: 546px;
    width: 100%;
  }

  .fv__points{
    display:flex;
    gap:8px;
    padding:0;
    margin:0;
    list-style:none;
    flex-wrap:wrap;
    padding-top: 92px;
  }
  .fv__point{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:10px;
    max-width: 188px;
    width: 100%;
    height: 188px;
    position: relative;
  }
  .fv__point-ico{
    font-size:26px;
    line-height:1;
    max-width: 76px;
    width: 100%;
    position: absolute;
    top: -30px;
  }
  .fv__point-txt{
    font-weight:900;
    font-size:13px;
    line-height:1.35;
    max-width: 188px;
    width: 100%;
    height: 188px;
    background-color: #E43F1C;
    border-radius: 50%;
    border: 7px solid #fff;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: "Noto Sans JP", Helvetica;
  }
  .fv__point-txt .s1{
    font-size: 20px;
  }

  .fv__visual{
    position:absolute;
    inset: 0;
    margin: auto;
    margin-right: 0;
    flex:0 0 725px;
    max-width:725px;
    bottom: 0;
  }
  .fv__visual-img{
    width:100%;
    height:auto;
    display:block;
    filter: drop-shadow(0 10px 0 rgba(0,0,0,.10));
  }

  .fv__burst{
    position:absolute;
    left:-10px;
    top:120px;
    width:120px;
    height:120px;
    background:var(--white);
    border-radius:12px;
    transform:rotate(-18deg);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:1000;
    font-size:18px;
    line-height:1.1;
    box-shadow:0 3px 0 rgba(0,0,0,.2);
  }
  .fv__burst::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 20% 25%, transparent 12px, transparent 12px),
      radial-gradient(circle at 80% 30%, transparent 12px, transparent 12px);
    border-radius:12px;
  }
  .wi100{
    width: 100%;
    height: auto;
  }
  #cta-top{
    padding-top: 0;
  }





  /* SP */
  @media (max-width: 1220px){
  /* fv */
  .fv{
    margin-top: calc(8vw / 1440 * 100);
    max-width: calc(1216vw / 1440 * 100);
    padding-bottom: calc(44vw / 1440 * 100);
  }
  .fv__main{
    margin-top:calc(8vw / 1440 * 100);
    max-width: calc(1216vw / 1440 * 100);
    padding-top: calc(43vw / 1440 * 100);
  }
  .fv__brand{
    max-width: calc(90vw / 1440 * 100);
  }

  /* top */
  .fv__top{
    gap: calc(16vw / 1440 * 100);
    padding-top: calc(14vw / 1440 * 100);
    padding-bottom: calc(14vw / 1440 * 100);
    max-width: calc(1340vw / 1440 * 100);
    width: 100%;
  }
  .fv__top-cta{
    gap: calc(16vw / 1440 * 100);
  }

  .btn{
    padding: calc(10vw / 1440 * 100) calc(16vw / 1440 * 100);
    font-size:calc(14vw / 1440 * 100);
  }
  .btn--line{
    font-size: calc(20vw / 1440 * 100);
    max-width: calc(235vw / 1440 * 100);
    height: calc(64vw / 1440 * 100);
  }
  .btn--form{
    font-size: calc(20vw / 1440 * 100);
    max-width: calc(267vw / 1440 * 100);
    height: calc(64vw / 1440 * 100);
  }

  /* main */
  .fv__tag{
    padding:calc(10vw / 1440 * 100) calc(14vw / 1440 * 100);
    font-size:calc(20vw / 1440 * 100);
    margin-bottom:calc(26vw / 1440 * 100);
    min-height: calc(72vw / 1440 * 100);
    max-width: calc(493vw / 1440 * 100);
  }

  .fv__headline{
    max-width: calc(546vw / 1440 * 100);
  }

  .fv__points{
    gap: calc(8vw / 1440 * 100);
    padding-top: calc(92vw / 1440 * 100);
  }
  .fv__point{
    gap:calc(10vw / 1440 * 100);
    max-width: calc(188vw / 1440 * 100);
    height: calc(188vw / 1440 * 100);
  }
  .fv__point-ico{
    font-size:calc(26vw / 1440 * 100);
    max-width: calc(76vw / 1440 * 100);
    top: calc(-30vw / 1440 * 100);
  }
  .fv__point-txt{
    font-size:calc(13vw / 1440 * 100);
    max-width: calc(188vw / 1440 * 100);
    height: calc(188vw / 1440 * 100);
    border: calc(7vw / 1440 * 100) solid #fff;
  }
  .fv__point-txt .s1{
    font-size: calc(20vw / 1440 * 100);
  }

  .fv__visual{
    flex:0 0 calc(725vw / 1440 * 100);
    max-width: calc(725vw / 1440 * 100);
  }
  .fv__visual-img{
    filter: drop-shadow(0 calc(10vw / 1440 * 100) 0 rgba(0,0,0,.10));
  }

  .fv__burst{
    left:calc(-10vw / 1440 * 100);
    top:calc(120vw / 1440 * 100);
    width:calc(120vw / 1440 * 100);
    height:calc(120vw / 1440 * 100);
    border-radius:calc(12vw / 1440 * 100);
    transform:rotate(-18deg);
    font-size:calc(18vw / 1440 * 100);
    box-shadow:0 calc(3vw / 1440 * 100) 0 rgba(0,0,0,.2);
  }
  .fv__burst::before{
    border-radius:calc(12vw / 1440 * 100);
  }



  }




    @media (max-width: 1000px){
  /* fv */
  .fv{
    margin-top: 0;
    max-width: 100%;
    padding-bottom: 0;
  }
  .fv__main{
    margin-top: 0;
    max-width: 100%;
    padding-top: calc(8vw / 375 * 100);
    padding-bottom: calc(255vw / 375 * 100);
  }
  .fv__brand{
    max-width: calc(53vw / 375 * 100);
  }

  /* top */
  .fv__top{
    gap: 0;
    padding-top: calc(8vw / 375 * 100);
    padding-bottom: calc(8vw / 375 * 100);
    max-width: 100%;
    width: 93%;
  }

  .fv__top-cta{
    gap: calc(5vw / 375 * 100);
  }
  .btn{
    padding: calc(10vw / 375 * 100) calc(16vw / 375 * 100);
    font-size:calc(14vw / 375 * 100);
  }
  .btn--line{
    font-size: calc(12vw / 375 * 100);
    max-width: calc(97vw / 375 * 100);
    height: calc(44vw / 375 * 100);
  }
  .btn--form{
    font-size: calc(12vw / 375 * 100);
    max-width: calc(97vw / 375 * 100);
    height: calc(44vw / 375 * 100);
  }

  /* main */
  .fv__tag{
    padding:calc(10vw / 375 * 100) calc(14vw / 375 * 100);
    font-size:calc(14vw / 375 * 100);
    margin-right: auto;
    margin-left: auto;
    margin-bottom:calc(15vw / 375 * 100);
    min-height: calc(38vw / 375 * 100);
    max-width: calc(321vw / 375 * 100);
  }

  .fv__headline{
    max-width: 100%;
  }

  .fv__points{
    gap: 0;
    padding-top: calc(40vw / 375 * 100);
    flex-wrap: nowrap;
    position: relative;
    width: 95%;
    margin: 0 auto;
  }
  .fv__point{
    gap:0;
    max-width: calc(132vw / 375 * 100);
    width: calc(132vw / 375 * 100);
    height: calc(132vw / 375 * 100);
  }
  .fv__point:nth-child(1){
    gap:0;
    max-width: calc(132vw / 375 * 100);
    width: calc(132vw / 375 * 100);
    height: calc(132vw / 375 * 100);
    position: relative;
    z-index: 4;
  }
  .fv__point:nth-child(2){
    gap:0;
    max-width: calc(132vw / 375 * 100);
    width: calc(132vw / 375 * 100);
    height: calc(132vw / 375 * 100);
    position: absolute;
    z-index: 5;
    left: calc(115vw / 375 * 100);
  }
  .fv__point:nth-child(3){
    gap:0;
    max-width: calc(132vw / 375 * 100);
    width: calc(132vw / 375 * 100);
    height: calc(132vw / 375 * 100);
    position: absolute;
    z-index: 6;
    left: calc(226vw / 375 * 100);
  }
  .fv__point-ico{
    max-width: calc(65vw / 375 * 100);
    top: calc(-28vw / 375 * 100);
  }
  .fv__point-txt{
    font-size:calc(12vw / 375 * 100);
    max-width: calc(132vw / 375 * 100);
    height: calc(132vw / 375 * 100);
    border: calc(7vw / 375 * 100) solid #fff;
  }
  .fv__point-txt .s1{
    font-size: calc(12vw / 375 * 100);
  }

  .fv__visual{
    flex: auto;
    max-width: calc(310vw / 375 * 100);
    max-width: calc(310vw / 375 * 100);
    margin-right: auto;
    height: fit-content;
    z-index: 5;
    margin-bottom: 0;
  }
  .fv__visual-img{
    filter: drop-shadow(0 calc(10vw / 375 * 100) 0 rgba(0,0,0,.10));
  }

  .fv__burst{
    left:calc(-10vw / 375 * 100);
    top:calc(120vw / 375 * 100);
    width:calc(120vw / 375 * 100);
    height:calc(120vw / 375 * 100);
    border-radius:calc(12vw / 375 * 100);
    font-size:calc(18vw / 375 * 100);
    box-shadow:0 calc(3vw / 375 * 100) 0 rgba(0,0,0,.2);
  }
  .fv__burst::before{
    border-radius:calc(12vw / 375 * 100);
  }



  }