/* screen - index */

.index {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  /* height: 19393px; */
  /* overflow: hidden; */
  width: 1280px;
}

.index .js-accSwitch {
  position: relative;
}
.index .js-accSwitch .switch-icon {
  position: relative;
}
.index .js-accSwitch .switch-icon::after {
  content: "";
  position: absolute;
  background-image: url(../img/line-27-2.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
  inset: 0;
  margin: auto;
  rotate: 90deg;
}
.index .js-accSwitch.is-opened .switch-icon::after {
  display: none;
}

.index .header {
  align-items: flex-start;
  display: flex;
  height: 60px;
  margin-right: 0.06px;
  min-width: 1180px;
}

.index .header-1 {
  align-items: center;
  display: inline-flex;
  gap: 58px;
  position: relative;
}

.index .aesop-_logo {
  aspect-ratio: 4.74;
  height: 60px;
  position: relative;
  width: 284px;
}

.index .menu {
  height: 20px;
  position: relative;
  width: 475.94px;
}

.index .text-container {
  align-items: flex-start;
  display: flex;
  min-width: 468px;
}

.index .text-154 {
  cursor: pointer;
  height: 20px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  width: 67px;
}

.index .text-153 {
  cursor: pointer;
  height: 20px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 27px;
  text-align: center;
  white-space: nowrap;
  width: 134px;
}

.index .text-152 {
  cursor: pointer;
  height: 20px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 26px;
  text-align: center;
  white-space: nowrap;
  width: 85px;
}

.index .text-151 {
  cursor: pointer;
  height: 20px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 27px;
  text-align: center;
  white-space: nowrap;
  width: 102px;
}

.index .frame-467 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.index .view-9 {
  align-items: center;
  background-color: var(--trinidad);
  display: flex;
  gap: 10px;
  height: 60px;
  justify-content: center;
  padding: 8px 18px;
  position: relative;
  width: 156px;
}

.index .text-15 {
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .view-10 {
  align-items: center;
  background-color: var(--unmellow-yellow);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  height: 60px;
  justify-content: center;
  padding: 8px 18px;
  position: relative;
}

.index .herocontents {
  align-items: flex-start;
}

.index .herocontents-1 {
  align-items: center;
  background-image: url(../img/frame-584.svg);
  background-size: 100% 100%;
  height: 703px;
  justify-content: flex-end;
  padding: 0 0.3px;
}

.index .overlap-group2 {
  height: 667px;
  position: relative;
  width: 1226px;
}

.index .text-8 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 663px;
  min-height: 664px;
  position: absolute;
  top: 0;
  width: 527px;
}

.index .flex-row {
  gap: 214px;
  height: 106px;
  margin-right: 8.0px;
  min-width: 519px;
}

.index .ctr {
  height: 96px;
  letter-spacing: 0;
  line-height: 48px;
  opacity: 0.2;
  width: 137px;
}

.index .kpi {
  align-self: flex-end;
  height: 64px;
  letter-spacing: 0;
  line-height: 48px;
  opacity: 0.2;
  text-align: center;
  width: 168px;
}

.index .title {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 96px;
  font-weight: 900;
  height: 76px;
  letter-spacing: 0;
  line-height: 48px;
  margin-right: 96.0px;
  margin-top: 383px;
  opacity: 0.2;
  width: 209px;
}

.index .cpa {
  align-self: flex-end;
  height: 62px;
  letter-spacing: 0;
  line-height: 48px;
  margin-right: 86px;
  margin-top: 37px;
  opacity: 0.2;
  width: 148px;
}

.index .cta {
  align-items: center;
  display: flex;
  left: 52px;
  position: absolute;
  top: 527px;
  width: 728px;
}

.index .frame-510-1 {
  align-items: center;
  background-color: var(--unmellow-yellow);
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 140px;
  justify-content: center;
  padding: 28px 23px 24px;
  position: relative;
  width: 364px;
}

.index .frame-505 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  margin-left: -41.00px;
  margin-right: -41.00px;
  position: relative;
  width: 400px;
}

.index .lp {
  align-self: stretch;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.index .view-11 {
  align-items: center;
  background-color: var(--trinidad);
  display: flex;
  gap: 24px;
  height: 40px;
  justify-content: center;
  padding: 1px 0px 3px;
  position: relative;
  width: 300px;
}

.index .text {
  letter-spacing: 0;
  line-height: 36px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .vector-1 {
  height: 11.59px;
  position: relative;
  width: 24.45px;
}

.index .text-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 16px;
  position: relative;
  text-align: center;
}

.index .frame-511-1 {
  align-items: center;
  background-color: var(--gold);
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 140px;
  justify-content: center;
  padding: 28px 23px 24px;
  position: relative;
  width: 364px;
}

.index .text-145 {
  align-self: stretch;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.index .view-12 {
  align-items: center;
  background-color: var(--unmellow-yellow);
  display: flex;
  gap: 24px;
  height: 40px;
  justify-content: center;
  padding: 1px 0px 3px;
  position: relative;
  width: 300px;
}

.index .pcsp {
  height: 537px;
  left: 533px;
  position: absolute;
  top: 42px;
  width: 693px;
}

.index .view-13 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 228px;
  left: 0;
  min-height: 477px;
  position: absolute;
  top: 45px;
  width: 771px;
}

.index .overlap-group-5 {
  height: 197px;
  position: relative;
  width: 765px;
}

.index .lp-1 {
  left: 0;
  line-height: 98.1px;
  position: absolute;
  top: 0;
  width: 724px;
}

.index .span0 {
  letter-spacing: -5.25px;
}

.index .span {
  letter-spacing: 0;
}

.index .span2 {
  letter-spacing: -10.50px;
}

.index .span3 {
  letter-spacing: -26.24px;
}

.index .span-1 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 48.3px;
  font-weight: 900;
  letter-spacing: 0;
}

.index .span7 {
  letter-spacing: -7.87px;
}

.index .text-148 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 96.6px;
  font-weight: 900;
  left: 715px;
  letter-spacing: 0;
  line-height: 98.1px;
  position: absolute;
  top: 94px;
  transform: rotate(13.16deg);
  white-space: nowrap;
}

.index .text_label {
  color: #dce0fc;
  font-family: var(--font-family-noto_sans_jp);
  font-size: 18px;
  font-weight: 700;
  height: 52px;
  letter-spacing: 0;
  line-height: 26px;
  margin-left: 55px;
}

.index .view-14 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  left: 52px;
  min-height: 156px;
  position: absolute;
  top: 288px;
  width: 538px;
}

.index .text-149 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 31.4px;
  font-weight: 900;
  height: 30px;
  letter-spacing: 0;
  line-height: 85.5px;
  white-space: nowrap;
}

.index .overlap-group1-1 {
  height: 118px;
  position: relative;
  width: 470px;
}

.index .aesop-_logo-1 {
  align-items: flex-start;
  aspect-ratio: 4.29;
  display: flex;
  height: 110px;
  left: 0;
  min-width: 470px;
  position: absolute;
  top: 8px;
}

.index .vector-4 {
  height: 85px;
  margin-top: 0.55px;
  width: 70px;
}

.index .vector-5 {
  align-self: center;
  height: 64px;
  margin-bottom: 1.09px;
  margin-left: 6px;
  width: 55px;
}

.index .vector-6 {
  align-self: center;
  height: 64px;
  margin-bottom: 1.11px;
  margin-left: 7px;
  width: 44px;
}

.index .vector-7 {
  align-self: center;
  height: 64px;
  margin-bottom: 0.99px;
  margin-left: 7px;
  width: 59px;
}

.index .vector-8 {
  align-self: flex-end;
  height: 87px;
  margin-bottom: 0;
  margin-left: 11px;
  width: 59px;
}

.index .vector-9 {
  height: 85px;
  margin-left: 35px;
  margin-top: 0.54px;
  width: 48px;
}

.index .vector-10 {
  height: 85px;
  margin-left: 11px;
  width: 58px;
}

.index .text-150 {
  height: 24px;
  left: 124px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.index .index-pc {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 105px;
  min-height: 1423px;
  width: 1280px;
}

.index .overlap-group2-1 {
  height: 842px;
  margin-left: 61.0px;
  position: relative;
  width: 1083px;
}

.index .overlap-group1-2 {
  height: 446px;
  left: 306px;
  position: absolute;
  top: 396px;
  width: 477px;
}

.index .shutterstock_2138540273_s-1 {
  aspect-ratio: 1.23;
  height: 278px;
  left: 68px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 343px;
}

.index .polygon-1 {
  height: 168px;
  left: 0;
  position: absolute;
  top: 278px;
  width: 477px;
}

.index .text-142 {
  height: 53px;
  left: 87px;
  letter-spacing: 0;
  line-height: 54px;
  position: absolute;
  text-align: center;
  top: 301px;
  white-space: nowrap;
  width: 304px;
}

.index .view-15 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  left: 0;
  min-height: 441px;
  position: absolute;
  top: 0;
  width: 1083px;
}

.index .lp-2 {
  height: 110px;
  letter-spacing: 0;
  line-height: 64px;
  margin-left: 1px;
  text-align: center;
  width: 1080px;
}

.index .group-425 {
  height: 291px;
  width: 1080px;
}

.index .aesop-lp {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-left: 67.0px;
  margin-top: 26px;
  min-height: 366px;
  width: 1081px;
}

.index .overlap-group-6 {
  height: 60px;
  margin-left: 1px;
  position: relative;
  width: 1080px;
}

.index .aesop-lp-1 {
  height: 48px;
  left: 0;
  letter-spacing: 0;
  line-height: 64px;
  position: absolute;
  text-align: center;
  top: 12px;
  white-space: nowrap;
  width: 1080px;
}

.index .text-141 {
  height: 22px;
  left: 256px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.index .group-426 {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  height: 266px;
  min-width: 1080px;
}

.index .group-426-item {
  align-items: center;
  background: linear-gradient(82deg, rgba(0, 0, 0, 1) 0%, rgba(0, 23, 227, 1) 58%);
  display: flex;
  flex-direction: column;
  gap: 34px;
  min-height: 266px;
  padding: 31px 0;
  width: 344px;
}

.index .lp-3 {
  height: 90px;
  letter-spacing: 0;
  line-height: 54px;
  margin-top: 6px;
  text-align: center;
  width: 252px;
}

.index .mal {
  height: 74px;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: justify;
  width: 296px;
}

.index .lp-4 {
  height: 90px;
  letter-spacing: 0;
  line-height: 54px;
  margin-top: 6px;
  text-align: center;
  width: 312px;
}

.index .lp-5 {
  height: 74px;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: justify;
  width: 296px;
}

.index .text-140 {
  height: 90px;
  letter-spacing: 0;
  line-height: 54px;
  margin-top: 6px;
  text-align: center;
  width: 252px;
}

.index .text-139 {
  height: 74px;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: justify;
  width: 296px;
}

.index .cta_s {
  margin-top: 77px;
  position: relative;
}

.index .frame-505-1 {
  gap: 10px;
}

.index .lp-6 {
  align-self: stretch;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.index .view {
  align-items: center;
  align-self: stretch;
  background-color: var(--trinidad);
  display: flex;
  gap: 24px;
  height: 60px;
  justify-content: center;
  padding: 2px 0px 4px;
  position: relative;
  width: 100%;
}

.index .text-2 {
  height: 24px;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 192px;
}

.index .vector-1-1 {
  height: 11.59px;
  position: relative;
  width: 24.45px;
}

.index .text-136 {
  align-self: stretch;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.index .view-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--gold);
  display: flex;
  gap: 24px;
  height: 60px;
  justify-content: center;
  padding: 2px 0px 4px;
  position: relative;
  width: 100%;
}

.index .text-3 {
  height: 24px;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 240px;
}

.index .index-pc-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 64px;
  margin-left: 2.0px;
  margin-top: 118px;
  min-height: 3279px;
  width: 1280px;
}

.index .overlap-group7 {
  height: 951px;
  margin-right: 2.0px;
  position: relative;
  width: 1080px;
}

.index .position {
  align-items: center;
  background-color: var(--lily-white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 6px 6px 8px #c3f7fe;
  gap: 44px;
  left: 0;
  min-height: 804px;
  padding: 53px 0;
  position: absolute;
  top: 147px;
  width: 1080px;
}

.index .lp-7 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-left: 2.0px;
  margin-top: 10px;
  min-height: 192px;
  width: 1084px;
}

.index .lp-8 {
  height: 120px;
  letter-spacing: 0;
  line-height: 64px;
  margin-right: 4.0px;
  text-align: center;
  width: 1080px;
}

.index .text-132 {
  height: 48px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 32.0px;
  text-align: center;
  width: 896px;
}

.index .position-1 {
  align-items: flex-start;
  margin-left: 18.0px;
  min-height: 452px;
  width: 960px;
}

.index .overlap-group-7 {
  height: 416px;
  position: relative;
  width: 960px;
}

.index .frame-643-1 {
  align-items: center;
  gap: 2px;
  justify-content: center;
  left: 34px;
  position: absolute;
  top: 5px;
  width: 926px;
}

.index .rectangle-163 {
  align-self: stretch;
  background-color: #64d0ff;
  height: 134px;
  position: relative;
  width: 100%;
}

.index .rectangle-162 {
  align-self: stretch;
  background-color: #c0ecff;
  height: 134px;
  position: relative;
  width: 100%;
}

.index .rectangle-161 {
  align-self: stretch;
  background-color: #eaf8ff;
  height: 134px;
  position: relative;
  width: 100%;
}

.index .lp-9 {
  align-items: center;
  display: inline-flex;
  gap: 22px;
  justify-content: center;
  left: 60px;
  position: absolute;
  top: 9px;
}

.index .group-643 {
  height: 398px;
  position: relative;
  width: 432px;
}

.index .flex-col {
  flex-direction: column;
  gap: 10px;
  min-height: 398px;
}

.index .lp-10 {
  align-items: flex-start;
  align-self: flex-end;
  background-color: #e9ffc8;
  border: 1px solid;
  border-color: #40a83e;
  border-radius: 63px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 126px;
  padding: 43px 13px;
  position: relative;
  width: 126px;
}

.index .group-429 {
  height: 40px;
  margin-right: -3.00px;
  position: relative;
  width: 103px;
}

.index .text-125 {
  height: 16px;
  left: 16px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 24px;
  white-space: nowrap;
  width: 67px;
}

.index .lp-11 {
  height: 16px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 99px;
}

.index .view-16 {
  align-items: center;
  align-self: center;
  display: inline-flex;
  gap: 25px;
  margin-left: 57.0px;
  position: relative;
}

.index .lp-12 {
  align-items: flex-start;
  background-color: var(--half-spanish-white);
  border: 1px solid;
  border-color: #ff8d03;
  border-radius: 63px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 126px;
  padding: 43px 5px;
  position: relative;
  width: 126px;
}

.index .group-427 {
  height: 40px;
  margin-right: -4.00px;
  position: relative;
  width: 120px;
}

.index .text-123 {
  height: 16px;
  left: 15px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 24px;
  white-space: nowrap;
  width: 86px;
}

.index .lp-13 {
  height: 16px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 116px;
}

.index .aesop-lp-2 {
  align-items: flex-start;
  background-color: var(--unmellow-yellow);
  border-radius: 63px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 126px;
  padding: 39px 7px;
  position: relative;
  width: 126px;
}

.index .group-428 {
  height: 48px;
  margin-right: -3.00px;
  position: relative;
  width: 115px;
}

.index .text-124 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 20px;
  font-weight: 900;
  height: 16px;
  left: 12px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 32px;
  white-space: nowrap;
  width: 87px;
}

.index .aesop-lp-3 {
  height: 16px;
  left: 0;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 111px;
}

.index .lp-14 {
  align-items: flex-start;
  background-color: #d9d9d9;
  border-radius: 63px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 126px;
  padding: 43px 13px;
  position: relative;
  width: 126px;
}

.index .lp-15 {
  height: 40px;
  margin-right: -4.00px;
  position: relative;
  width: 104px;
}

.index .text-122 {
  height: 16px;
  left: 7px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 24px;
  white-space: nowrap;
  width: 86px;
}

.index .lp-16 {
  height: 16px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 100px;
}

.index .frame-643-2 {
  align-items: flex-start;
  gap: 46px;
  position: relative;
  width: 446px;
}

.index .lp-17 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.index .lp-18 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
}

.index .lp-19 {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  width: fit-content;
}

.index .rectangle-153 {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-color: var(--unmellow-yellow);
  border-left-style: solid;
  border-left-width: 2px;
  height: 414px;
  left: 34px;
  position: absolute;
  top: 2px;
  width: 926px;
}

.index .view-17 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 155px;
  left: 0;
  min-height: 416px;
  position: absolute;
  top: 0;
  width: 38px;
}

.index .text-1-1 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 10.0px;
  min-width: 16px;
  text-align: center;
  white-space: nowrap;
}

.index .text-130 {
  align-self: flex-start;
  height: 58px;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
  width: 24px;
}

.index .image-6 {
  aspect-ratio: 0.79;
  height: 123px;
  left: 232px;
  object-fit: cover;
  position: absolute;
  top: 105px;
  width: 147px;
}

.index .image-7 {
  aspect-ratio: 1.29;
  height: 153px;
  left: 305px;
  object-fit: cover;
  position: absolute;
  top: 54px;
  width: 147px;
}

.index .group-451 {
  align-items: flex-start;
  display: flex;
  gap: 99px;
  height: 36px;
  margin-left: 44px;
  min-width: 446px;
}

.index .text-12 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  min-width: 16px;
  text-align: center;
  white-space: nowrap;
}

.index .text-127 {
  align-self: flex-end;
  height: 24px;
  letter-spacing: 0;
  line-height: 36px;
  white-space: nowrap;
  width: 216px;
}

.index .overlap-group6 {
  background-image: url(../img/polygon-2.svg);
  background-size: 100% 100%;
  height: 182px;
  left: 284px;
  position: absolute;
  top: 0;
  width: 512px;
}

.index .aesop-lp-4 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 50.4px;
  font-weight: 700;
  height: 139px;
  left: 96px;
  letter-spacing: 0;
  line-height: 67.2px;
  position: absolute;
  text-align: center;
  top: 9px;
  width: 320px;
}

.index .text-133 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 19.6px;
  font-weight: 400;
  height: 35px;
  left: 133px;
  letter-spacing: 0;
  line-height: 30.8px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 145px;
}

.index .view-18 {
  align-items: flex-start;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 6px 6px 8px #c3c7fe;
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin-right: 2.0px;
  min-height: 860px;
  padding: 63px 0;
  width: 1080px;
}

.index .group-434 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: -1px;
  min-height: 312px;
  width: 1086px;
}

.index .lp-lp {
  height: 120px;
  letter-spacing: 0;
  line-height: 64px;
  text-align: center;
  width: 1080px;
}

.index .ga4 {
  height: 96px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 24px;
  text-align: center;
  width: 1080px;
}

.index .aesop-lp-5 {
  color: var(--lochmara);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-weight: 700;
  height: 56px;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: 16px;
  text-align: center;
  width: 1080px;
}

.index .group-448 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: -12px;
  margin-left: -1px;
  min-height: 358px;
  width: 1082px;
}

.index .lp-20 {
  height: 24px;
  letter-spacing: 0;
  line-height: 36px;
  margin-right: 2.0px;
  text-align: center;
  white-space: nowrap;
  width: 1080px;
}

.index .group-449 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-right: 34.0px;
  min-height: 334px;
  width: 838px;
}

.index .text-121 {
  align-self: flex-end;
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 2px;
  min-width: 67px;
  text-align: center;
  white-space: nowrap;
}

.index .group-446 {
  align-items: center;
  display: flex;
  /* gap: 29px; */
  /* margin-left: 5px; */
  gap: 14px;
  margin-left: -32px;
  min-width: 800px;
}

.index .text-120 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  min-width: 128px;
  text-align: center;
  white-space: nowrap;
}

.index .group-container {
  height: 82px;
  position: relative;
  width: 641px;
}

.index .overlap-group {
  height: 82px;
  left: 0;
  position: absolute;
  top: 0;
  width: 641px;
}

.index .rectangle-170 {
  background-color: var(--unmellow-yellow);
  height: 82px;
  left: 346px;
  position: absolute;
  top: 0;
  width: 295px;
}

.index .rectangle-169 {
  height: 82px;
  left: 137px;
  position: absolute;
  top: 0;
  width: 273px;
}

.index .rectangle-168 {
  height: 82px;
  left: 0;
  position: absolute;
  top: 0;
  width: 183px;
}

.index .group-445 {
  align-items: flex-start;
  display: flex;
  height: 20px;
  left: 44px;
  min-width: 584px;
  position: absolute;
  top: 31px;
}

.index .text-1-2 {
  height: 20px;
  letter-spacing: 0;
  line-height: 20px;
  min-width: 64px;
  text-align: center;
  white-space: nowrap;
}

.index .text-1-3 {
  height: 20px;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 118px;
  min-width: 96px;
  text-align: center;
  white-space: nowrap;
}

.index .text-1-4 {
  height: 20px;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 109px;
  min-width: 191px;
  text-align: center;
  white-space: nowrap;
}

.index .overlap-group3 {
  height: 116px;
  margin-top: 23px;
  position: relative;
  width: 835px;
}

.index .group-528 {
  align-items: center;
  display: flex;
  height: 94px;
  left: 0;
  min-width: 808px;
  position: absolute;
  top: 22px;
}

.index .aesop-lp-6 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 4.0px;
  min-width: 136px;
  text-align: center;
  white-space: nowrap;
}

.index .group-container-2 {
  height: 82px;
  margin-left: 26px;
  position: relative;
  width: 332px;
}

.index .overlap-group-1 {
  height: 82px;
  left: 0;
  position: absolute;
  top: 0;
  width: 332px;
}

.index .rectangle-174 {
  background-color: var(--unmellow-yellow);
  height: 82px;
  left: 148px;
  position: absolute;
  top: 0;
  width: 184px;
}

.index .rectangle-172 {
  height: 82px;
  left: 65px;
  position: absolute;
  top: 0;
  width: 157px;
}

.index .rectangle-173 {
  height: 82px;
  left: 0;
  position: absolute;
  top: 0;
  width: 107px;
}

.index .group-443 {
  align-items: flex-start;
  display: flex;
  height: 40px;
  left: 19px;
  min-width: 311px;
  position: absolute;
  top: 21px;
}

.index .text-1-5 {
  height: 40px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  width: 38px;
}

.index .text-1-6 {
  height: 40px;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 49px;
  text-align: center;
  width: 80px;
}

.index .text-1-7 {
  height: 40px;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 27px;
  text-align: center;
  width: 111px;
}

.index .text-11 {
  color: var(--red);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-weight: 900;
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  min-width: 24px;
  white-space: nowrap;
}

.index .overlap-group1-3 {
  height: 94px;
  position: relative;
  width: 94px;
}

.index .rectangle-177 {
  aspect-ratio: 1;
  background-color: var(--gold);
  border: 1px solid;
  border-color: var(--fuscous-gray);
  height: 80px;
  left: 14px;
  position: absolute;
  top: 14px;
  width: 80px;
}

.index .rectangle-176 {
  aspect-ratio: 1;
  background-color: var(--gold);
  border: 1px solid;
  border-color: var(--fuscous-gray);
  height: 80px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 80px;
}

.index .rectangle-175 {
  aspect-ratio: 1;
  background-color: var(--gold);
  border: 1px solid;
  border-color: var(--fuscous-gray);
  height: 80px;
  left: 0;
  position: absolute;
  top: 0;
  width: 80px;
}

.index .text-111 {
  height: 60px;
  left: 8px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 10px;
}

.index .overlap-group-8 {
  align-items: flex-end;
  background-color: var(--red);
  display: flex;
  height: 82px;
  margin-bottom: 0;
  min-width: 166px;
  padding: 31.0px 39px;
}

.index .lp-21 {
  height: 20px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
  width: 88px;
}

.index .text-116 {
  height: 24px;
  left: 768px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.index .lp-22 {
  align-self: center;
  height: 66px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 36.0px;
  margin-top: 23px;
  width: 550px;
}

.index .lp-23 {
  align-items: center;
  background-color: var(--lily-white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 6px 6px 8px #c3f7fe;
  display: flex;
  flex-direction: column;
  margin-right: 2.0px;
  min-height: 1164px;
  padding: 62px 0;
  width: 1080px;
}

.index .group-452 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-left: 2.0px;
  min-height: 224px;
  width: 1084px;
}

.index .lp-24 {
  height: 112px;
  letter-spacing: 0;
  line-height: 64px;
  margin-right: 4.0px;
  text-align: center;
  width: 1080px;
}

.index .text_label-1 {
  height: 88px;
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 5.0px;
  text-align: center;
  width: 1057px;
}

.index .view-19 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-right: 1.0px;
  margin-top: 64px;
  position: relative;
  width: 803px;
}

.index .text-99 {
  align-self: stretch;
  height: 24px;
  letter-spacing: 0;
  line-height: 36px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
}

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

.index .view-20 {
  height: 82px;
  margin-right: -2.00px;
  position: relative;
  width: 800px;
}

.index .group-446-1 {
  align-items: flex-start;
  display: flex;
  height: 82px;
  left: 157px;
  min-width: 641px;
  position: absolute;
  top: 0;
}

.index .text-103 {
  height: 16px;
  /* left: 0; */
  left: -45px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 33px;
  white-space: nowrap;
  width: 128px;
}

.index .group-453 {
  background-image: url(../img/rectangle-179.svg);
  background-size: 100% 100%;
  height: 70px;
  position: relative;
  width: 641px;
}

.index .aesop {
  height: 233px;
  position: relative;
  width: 803px;
}

.index .overlap-group5 {
  height: 233px;
  position: relative;
}

.index .frame-645-1 {
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 0;
}

.index .aesop-lp-7 {
  height: 82px;
  position: relative;
  width: 496px;
}

.index .group-447 {
  align-items: flex-start;
  display: flex;
  height: 82px;
  left: 162px;
  min-width: 332px;
  position: absolute;
  top: 0;
}

.index .group-container-3 {
  height: 82px;
  position: relative;
  width: 332px;
}

.index .aesop-lp-8 {
  height: 16px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 33px;
  white-space: nowrap;
  width: 136px;
}

.index .group-462 {
  height: 82.27px;
  margin-left: -2px;
  margin-right: -2.00px;
  position: relative;
  width: 311px;
}

.index .overlap-group2-2 {
  align-items: flex-start;
  background-image: url(../img/union-1.svg);
  background-size: 100% 100%;
  display: flex;
  height: 82px;
  justify-content: flex-end;
  min-width: 309px;
  padding: 28.6px 0;
}

.index .text-107 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  width: 278px;
}

.index .overlap-group-container {
  height: 156px;
  left: 83px;
  position: absolute;
  top: 77px;
  width: 720px;
}

.index .overlap-group1-4 {
  height: 156px;
  left: 337px;
  position: absolute;
  top: 0;
  width: 383px;
}

.index .overlap-group-9 {
  height: 122px;
  left: 161px;
  position: absolute;
  top: 34px;
  width: 222px;
}

.index .text-108 {
  height: 88px;
  left: 18px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: justify;
  top: 18px;
  width: 200px;
}

.index .rectangle-18 {
  border-color: var(--alien-armpit);
  border-left-style: solid;
  border-left-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
  height: 122px;
  left: 0;
  position: absolute;
  top: 0;
  width: 222px;
}

.index .line-32 {
  height: 30px;
  left: 5px;
  object-fit: cover;
  position: absolute;
  top: 4px;
  width: 156px;
}

.index .ellipse-2 {
  background-color: var(--alien-armpit);
  border-radius: 5px;
  height: 10px;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
}

.index .ellipse-31 {
  background-color: var(--alien-armpit);
  border-radius: 5px;
  height: 10px;
  left: 156px;
  position: absolute;
  top: 29px;
  width: 10px;
}

.index .overlap-group2-3 {
  height: 156px;
  left: 202px;
  position: absolute;
  top: 0;
  width: 269px;
}

.index .overlap-group-10 {
  height: 122px;
  left: 47px;
  position: absolute;
  top: 34px;
  width: 222px;
}

.index .text-109 {
  height: 96px;
  left: 18px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: justify;
  top: 18px;
  width: 200px;
}

.index .line-31 {
  height: 30px;
  left: 5px;
  object-fit: cover;
  position: absolute;
  top: 4px;
  width: 43px;
}

.index .ellipse-30 {
  background-color: var(--alien-armpit);
  border-radius: 5px;
  height: 10px;
  left: 42px;
  position: absolute;
  top: 29px;
  width: 10px;
}

.index .overlap-group3-1 {
  height: 156px;
  left: 0;
  width: 222px;
}

.index .overlap-group-11 {
  height: 122px;
  left: 0;
  position: absolute;
  top: 34px;
  width: 222px;
}

.index .lpa {
  height: 88px;
  left: 18px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: justify;
  top: 18px;
  width: 200px;
}

.index .line-30 {
  height: 30px;
  left: 75px;
  object-fit: cover;
  position: absolute;
  top: 4px;
  width: 41px;
}

.index .ellipse-26 {
  background-color: var(--alien-armpit);
  border-radius: 5px;
  height: 10px;
  left: 111px;
  position: absolute;
  top: 0;
  width: 10px;
}

.index .ellipse-27 {
  background-color: var(--alien-armpit);
  border-radius: 5px;
  height: 10px;
  left: 69px;
  position: absolute;
  top: 29px;
  width: 10px;
}

.index .lp-25 {
  align-items: center;
  display: flex;
  margin-right: 2.0px;
  margin-top: 87px;
  min-width: 790px;
}

.index .group-459 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 124px;
  width: 446px;
}

.index .lp-26 {
  height: 36px;
  letter-spacing: 0;
  line-height: 36px;
  width: 424px;
}

.index .text-98 {
  align-self: flex-end;
  height: 72px;
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 4px;
  width: 436px;
}

.index .overlap-group2-4 {
  align-items: center;
  background-color: var(--fuscous-gray);
  display: flex;
  height: 238px;
  justify-content: flex-end;
  margin-left: 42px;
  min-width: 119px;
  padding: 0 11px;
}

.index .lp-27 {
  height: 56px;
  letter-spacing: 0;
  line-height: 28px;
  min-width: 96px;
  text-align: center;
}

.index .rectangle-184 {
  height: 238px;
  width: 64px;
}

.index .overlap-group-container-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 238px;
  width: 119px;
}

.index .overlap-group1-5 {
  align-items: flex-start;
  background-image: url(../img/union.svg);
  background-size: 100% 100%;
  display: flex;
  height: 118px;
  margin-right: 1.0px;
  min-width: 104px;
  padding: 21px 22.0px;
}

.index .text-97 {
  height: 48px;
  letter-spacing: 0;
  line-height: 24px;
  min-width: 60px;
  text-align: center;
}

.index .overlap-group-12 {
  align-items: center;
  background-color: var(--unmellow-yellow);
  display: flex;
  height: 120px;
  justify-content: flex-end;
  min-width: 119px;
  padding: 0 23px;
}

.index .aesop-lp-9 {
  height: 56px;
  letter-spacing: 0;
  line-height: 28px;
  min-width: 72px;
  text-align: center;
}

.index .cta_s-1 {
  position: relative;
}

.index .lp-28 {
  align-self: stretch;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.index .text-94 {
  align-self: stretch;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.index .overlap-group8 {
  height: 1939px;
  margin-left: 2.0px;
  margin-top: 122px;
  position: relative;
  width: 1282px;
}

.index .view-21 {
  align-items: center;
  background-color: var(--lily-white);
  display: flex;
  flex-direction: column;
  gap: 64px;
  left: 0;
  min-height: 718px;
  padding: 100px 71px;
  position: absolute;
  top: 1221px;
  width: 1280px;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

.index .group-479 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 248px;
  width: 1109px;
}

.index .lp-29 {
  align-self: flex-end;
  height: 112px;
  letter-spacing: 0;
  line-height: 64px;
  margin-right: 4px;
  text-align: center;
  width: 1080px;
}

.index .lp-l {
  height: 112px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  width: 1080px;
}

.index .group-478 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-left: 2.0px;
  min-height: 206px;
  width: 898px;
}

.index .one-stopweb {
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.index .frame-477 {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  position: relative;
}

.index .view-22 {
  align-items: center;
  background-color: var(--smalt);
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 174px;
  justify-content: center;
  padding: 30px 42px;
  position: relative;
  width: 180px;
}

.index .group-472 {
  height: 110px;
  margin-right: -2.00px;
  position: relative;
  width: 98px;
}

.index .x1 {
  aspect-ratio: 1;
  height: 60px;
  left: 13px;
  position: absolute;
  top: 50px;
  width: 60px;
}

.index .text-77 {
  height: 24px;
  left: 0;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 96px;
}

.index .view-23 {
  align-items: center;
  background-color: var(--azure-radiance);
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 174px;
  justify-content: center;
  padding: 33px 47px;
  position: relative;
  width: 179px;
}

.index .group-473 {
  height: 106px;
  margin-right: -1.47px;
  position: relative;
  width: 85.93px;
}

.index .pcsp-1 {
  aspect-ratio: 1.4;
  height: 60px;
  left: 0;
  position: absolute;
  top: 46px;
  width: 84px;
}

.index .text-78 {
  height: 24px;
  left: 18px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 48px;
}

.index .view-24 {
  align-items: flex-start;
  background-color: var(--smalt);
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 174px;
  justify-content: center;
  padding: 33px 41px;
  position: relative;
  width: 180px;
}

.index .group-474 {
  height: 107.04px;
  margin-right: -1.00px;
  position: relative;
  width: 99px;
}

.index .frame-471 {
  height: 60px;
  left: 0;
  position: absolute;
  top: 47px;
  width: 96px;
}

.index .text-79 {
  height: 24px;
  left: 1px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 96px;
}

.index .view-25 {
  align-items: flex-start;
  background-color: var(--azure-radiance);
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 174px;
  justify-content: center;
  padding: 33px 54px;
  position: relative;
  width: 178px;
}

.index .group-475 {
  height: 105.9px;
  margin-right: -2.00px;
  position: relative;
  width: 72px;
}

.index .view-26 {
  align-items: flex-end;
  display: flex;
  gap: 4px;
  height: 58px;
  left: 0;
  min-width: 70px;
  position: absolute;
  top: 48px;
}

.index .vector-11 {
  height: 22px;
  margin-bottom: 0.01px;
  width: 11px;
}

.index .vector-12 {
  height: 42px;
  margin-bottom: 0.01px;
  width: 11px;
}

.index .vector-container {
  height: 58px;
  margin-bottom: 0;
  position: relative;
  width: 39px;
}

.index .vector-13 {
  height: 7px;
  left: 17px;
  position: absolute;
  top: 22px;
  width: 9px;
}

.index .vector-14 {
  height: 18px;
  left: 16px;
  position: absolute;
  top: 40px;
  width: 11px;
}

.index .vector-15 {
  height: 58px;
  left: 0;
  position: absolute;
  top: 0;
  width: 11px;
}

.index .vector-16 {
  height: 30px;
  left: 9px;
  position: absolute;
  top: 13px;
  width: 30px;
}

.index .text-80 {
  height: 24px;
  left: 11px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 48px;
}

.index .pdca {
  align-items: flex-start;
  background-color: var(--smalt);
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 174px;
  padding: 29px 33px;
  position: relative;
  width: 179px;
}

.index .group-476 {
  height: 112px;
  margin-right: -2.00px;
  position: relative;
  width: 115px;
}

.index .group {
  align-items: flex-start;
  aspect-ratio: 1;
  background-image: url(../img/vector-10.svg);
  background-size: 100% 100%;
  display: flex;
  gap: 1px;
  height: 70px;
  justify-content: flex-end;
  left: 22px;
  min-width: 70px;
  padding: 20.1px 20.5px;
  position: absolute;
  top: 42px;
}

.index .vector-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 29px;
  width: 13px;
}

.index .vector-17 {
  height: 13px;
  margin-left: 1.65px;
  width: 11px;
}

.index .vector-18 {
  height: 14px;
  width: 13px;
}

.index .vector-container-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 29px;
  width: 15px;
}

.index .vector-19 {
  height: 13px;
  margin-left: 2.06px;
  width: 13px;
}

.index .vector-20 {
  height: 13px;
  width: 14px;
}

.index .pdca-1 {
  height: 24px;
  left: 0;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 113px;
}

.index .subtract {
  height: 46px;
  /* left: 717px; */
  left: 715px;
  position: absolute;
  top: 64px;
  width: 14px;
}

.index .subtract-1 {
  height: 46px;
  /* left: 539px; */
  left: 537px;
  position: absolute;
  top: 64px;
  width: 14px;
}

.index .subtract-2 {
  height: 46px;
  /* left: 359px; */
  left: 357px;
  position: absolute;
  top: 64px;
  width: 14px;
}

.index .subtract-3 {
  height: 46px;
  /* left: 180px; */
  left: 178px;
  position: absolute;
  top: 64px;
  width: 14px;
}

.index .overlap-group3-2 {
  height: 1226px;
  left: 2px;
  width: 1280px;
}

.index .group-495 {
  align-items: flex-end;
  background-color: var(--lily-white);
  display: flex;
  height: 275px;
  left: 0;
  /* min-width: 1280px; */
  padding: 0 238.0px;
  position: absolute;
  top: 951px;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  justify-content: center;
}

.index .overlap-group-13 {
  align-items: flex-end;
  background-image: url(../img/subtract-10.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 202px;
  padding: 0 179.0px;
  width: 803px;
}

.index .lp-30 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  height: 92px;
  letter-spacing: 0;
  line-height: 54px;
  text-align: center;
  width: 445px;
}

.index .text-81 {
  align-self: center;
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 1.01px;
  min-width: 112px;
  text-align: center;
  white-space: nowrap;
}

.index .rectangle-186 {
  background-color: var(--unmellow-yellow);
  height: 825px;
  left: 0;
  position: absolute;
  top: 199px;
  /* width: 1280px; */
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

.index .cta_s-2 {
  left: 0;
  position: absolute;
  top: 856px;
}

.index .lp-31 {
  align-self: stretch;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.index .text-84 {
  align-self: stretch;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.index .group-467 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 64px;
  left: 100px;
  min-height: 496px;
  position: absolute;
  top: 307px;
  width: 1086px;
}

.index .group-463 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-right: -4px;
  min-height: 216px;
  width: 1084px;
}

.index .text-90 {
  height: 120px;
  letter-spacing: 0;
  line-height: 64px;
  margin-left: 56.0px;
  text-align: center;
  width: 952px;
}

.index .aesop-lp-10 {
  height: 72px;
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 4.0px;
  text-align: center;
  width: 1080px;
}

.index .frame-432 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 23px;
  min-height: 216px;
  width: 1080px;
}

.index .frame-645-2 {
  gap: 24px;
  justify-content: center;
  position: relative;
}

.index .x130 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 178px;
  justify-content: center;
  padding: 21px 29px;
  position: relative;
  width: 344px;
}

.index .view-2 {
  height: 178px;
  left: 0;
  position: absolute;
  top: 0;
  width: 344px;
}

.index .x2 {
  background-image: url(../img/vector-15.svg);
  left: 282px;
  width: 62px;
}

.index .x2-1 {
  background-image: url(../img/vector-16.svg);
  left: 0;
  width: 61px;
}

.index .frame-465 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  position: relative;
  width: 284px;
}

.index .text-87 {
  align-self: stretch;
  height: 52px;
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .x140 {
  height: 64.06px;
  position: relative;
  width: 187.79px;
}

.index .vector-container-3 {
  align-items: center;
  display: flex;
  height: 64px;
  min-width: 188px;
}

.index .vector-21 {
  align-self: flex-end;
  height: 19px;
  width: 19px;
}

.index .vector-22 {
  height: 61px;
  margin-bottom: 0.83px;
  margin-left: 7px;
  width: 39px;
}

.index .vector-23 {
  height: 61px;
  margin-bottom: 0.83px;
  margin-left: 7px;
  width: 46px;
}

.index .vector-24 {
  align-self: flex-start;
  height: 63px;
  margin-left: 6px;
  width: 43px;
}

.index .vector-25 {
  align-self: flex-end;
  height: 19px;
  margin-left: 4px;
  width: 18px;
}

.index .x2976 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 178px;
  justify-content: center;
  padding: 25px 40px;
  position: relative;
  width: 344px;
}

.index .x2-2 {
  background-image: url(../img/vector-22.svg);
  left: 282px;
  width: 62px;
}

.index .x2-3 {
  background-image: url(../img/vector-23.svg);
  left: 0;
  width: 61px;
}

.index .frame-464 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  margin-bottom: -0.03px;
  margin-top: -0.03px;
  position: relative;
  width: 263px;
}

.index .text-88 {
  align-self: stretch;
  height: 52px;
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .x2976-1 {
  height: 64.06px;
  position: relative;
  width: 235.76px;
}

.index .flex-row-1 {
  height: 64px;
  min-width: 236px;
}

.index .vector {
  height: 19px;
  width: 19px;
}

.index .vector-2 {
  height: 18px;
  margin-bottom: 0;
  margin-left: 2px;
  width: 17px;
}

.index .vector-26 {
  align-self: flex-start;
  height: 62px;
  margin-left: 4px;
  width: 43px;
}

.index .vector-container-4 {
  align-self: flex-start;
  height: 63px;
  margin-left: 2px;
  position: relative;
  width: 126px;
}

.index .vector-27 {
  height: 63px;
  left: 84px;
  position: absolute;
  top: 0;
  width: 43px;
}

.index .vector-28 {
  height: 61px;
  left: 42px;
  position: absolute;
  top: 1px;
  width: 42px;
}

.index .vector-29 {
  height: 63px;
  left: 0;
  position: absolute;
  top: 0;
  width: 43px;
}

.index .vector-30 {
  height: 19px;
  margin-bottom: 0.02px;
  margin-left: 3px;
  width: 19px;
}

.index .x718 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 178px;
  justify-content: center;
  padding: 19px 45px;
  position: relative;
  width: 344px;
}

.index .x2-4 {
  background-image: url(../img/vector-31.svg);
  left: 282px;
  width: 62px;
}

.index .x2-5 {
  background-image: url(../img/vector-32.svg);
  left: 0;
  width: 61px;
}

.index .frame-466 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  position: relative;
  width: 253px;
}

.index .web {
  align-self: stretch;
  height: 52px;
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .x718-1 {
  height: 64.06px;
  position: relative;
  width: 208.79px;
}

.index .vector-container-5 {
  align-items: flex-end;
  display: flex;
  height: 64px;
  min-width: 209px;
}

.index .vector-31 {
  align-self: center;
  height: 61px;
  margin-bottom: 0.83px;
  margin-left: 6px;
  width: 42px;
}

.index .vector-32 {
  align-self: center;
  height: 61px;
  margin-bottom: 0.83px;
  margin-left: 10px;
  width: 39px;
}

.index .vector-33 {
  align-self: flex-start;
  height: 63px;
  margin-left: 9px;
  width: 42px;
}

.index .vector-34 {
  height: 19px;
  margin-bottom: 0.02px;
  margin-left: 4px;
  width: 19px;
}

.index .text-89 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: -8px;
  text-align: center;
  white-space: nowrap;
  width: 165px;
}

.index .overlap-group1-6 {
  height: 207px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1280px;
}

.index .rectangle-187 {
  background-color: var(--unmellow-yellow);
  height: 202px;
  left: 0;
  position: absolute;
  top: 5px;
  /* width: 1280px; */
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

.index .subtract-4 {
  height: 202px;
  left: 238px;
  position: absolute;
  top: 5px;
  width: 803px;
}

.index .aesop-lp-11 {
  color: var(--unmellow-yellow);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  height: 90px;
  left: 406px;
  letter-spacing: 0;
  line-height: 54px;
  position: absolute;
  text-align: center;
  top: 13px;
  width: 481px;
}

.index .text-91 {
  height: 22px;
  left: 453px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.index .cta-1 {
  align-items: flex-start;
  display: flex;
  height: 191px;
  margin-top: 114px;
  min-width: 896px;
}

.index .cta-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  position: relative;
  width: 896px;
}

.index .view-3 {
  height: 35px;
  position: relative;
  width: 895px;
}

.index .frame-509 {
  align-items: center;
  display: inline-flex;
  gap: 305px;
  justify-content: center;
  padding: 2px 270px;
  position: relative;
}

.index .vector-3 {
  height: 31px;
  position: relative;
  width: 25px;
}

.index .text-4 {
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: -1px;
  width: 896px;
}

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

.index .frame-510 {
  align-items: center;
  background-color: var(--unmellow-yellow);
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 140px;
  justify-content: center;
  padding: 28px 23px 24px;
  position: relative;
  width: 448px;
}

.index .frame-505-2 {
  flex: 0 0 auto;
  gap: 8px;
}

.index .lp-32 {
  align-self: stretch;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.index .view-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--trinidad);
  display: flex;
  gap: 24px;
  height: 40px;
  justify-content: center;
  padding: 1px 0px 3px;
  position: relative;
  width: 100%;
}

.index .frame-511 {
  align-items: center;
  background-color: var(--gold);
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 140px;
  justify-content: center;
  padding: 28px 23px 24px;
  position: relative;
  width: 448px;
}

.index .text-74 {
  align-self: stretch;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.index .view-5 {
  align-items: center;
  align-self: stretch;
  background-color: var(--unmellow-yellow);
  display: flex;
  gap: 24px;
  height: 40px;
  justify-content: center;
  padding: 1px 0px 3px;
  position: relative;
  width: 100%;
}

.index .view-27 {
  align-items: center;
  justify-content: center;
  background-color: var(--zumthor);
  display: flex;
  flex-direction: column;
  margin-top: 100px;
  min-height: 1916px;
  padding: 100px 100.0px;
  /* width: 1280px; */
  width: 100vw;
}

.index .group-437 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 64px;
  min-height: 642px;
  width: 1080px;
}

.index .group-486 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 224px;
  width: 1060px;
}

.index .lp-33 {
  height: 112px;
  letter-spacing: 0;
  line-height: 64px;
  text-align: center;
  width: 1044px;
}

.index .text_label-2 {
  align-self: flex-end;
  height: 88px;
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 4px;
  text-align: center;
  width: 1044px;
}

.index .group-485 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 354px;
  width: 1082px;
}

.index .overlap-group1-7 {
  align-items: center;
  background-color: var(--gold);
  display: flex;
  gap: 56px;
  height: 288px;
  min-width: 1080px;
  padding: 39px 85px;
}

.index .group-548 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-height: 209px;
  width: 485px;
}

.index .text-70 {
  color: transparent;
  font-family: var(--font-family-noto_sans_jp);
  font-size: 40px;
  font-weight: 700;
  height: 60px;
  letter-spacing: 0;
  line-height: 60px;
  margin-right: 2.0px;
  min-width: 399px;
  white-space: nowrap;
}

.index .span-3 {
  color: var(--black);
}

.index .span1 {
  color: var(--azure-radiance);
}

.index .view-28 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-left: 2.0px;
  min-height: 134px;
  width: 487px;
}

.index .text-69 {
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 20px;
  font-weight: 900;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  margin-right: 4.0px;
  min-width: 299px;
  white-space: nowrap;
}

.index .overlap-group-14 {
  height: 92px;
  margin-right: 4.0px;
  position: relative;
  width: 483px;
}

.index .text-68 {
  height: 24px;
  left: 186px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 68px;
  white-space: nowrap;
}

.index .sasquatch_logo {
  height: 69px;
  left: 0;
  position: absolute;
  top: 0;
  width: 483px;
}

.index .image {
  height: 204px;
  width: 369px;
}

.index .lp6 {
  height: 58px;
  letter-spacing: 0;
  line-height: 22px;
  width: 1080px;
}

.index .span-4 {
  text-decoration: underline;
}

.index .view-29 {
  align-items: flex-end;
  background-color: var(--gold);
  display: flex;
  height: 328px;
  justify-content: flex-end;
  margin-top: 42px;
  min-width: 1080px;
}

.index .overlap-group-2 {
  height: 327px;
  position: relative;
  width: 1050px;
}

.index .sasquatch-1 {
  aspect-ratio: 1.82;
  height: 327px;
  left: 456px;
  position: absolute;
  top: 0;
  width: 594px;
}

.index .group-517 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  left: 0;
  min-height: 144px;
  position: absolute;
  top: 91px;
  width: 478px;
}

.index .text-67 {
  height: 72px;
  letter-spacing: 0;
  line-height: 36px;
  width: 436px;
}

.index .web-1 {
  height: 48px;
  letter-spacing: 0;
  line-height: 24px;
  width: 474px;
}

.index .view-6 {
  align-items: flex-end;
  background-color: var(--gold);
  display: flex;
  height: 328px;
  justify-content: flex-end;
  margin-top: 24px;
  min-width: 1080px;
}

.index .group-517-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  left: 0;
  min-height: 144px;
  position: absolute;
  top: 79px;
  width: 478px;
}

.index .lp-34 {
  height: 72px;
  letter-spacing: 0;
  line-height: 36px;
  margin-left: 0;
  width: 411px;
}

.index .web-2 {
  height: 48px;
  letter-spacing: 0;
  line-height: 24px;
  width: 474px;
}

.index .group-517-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  left: 0;
  min-height: 168px;
  position: absolute;
  top: 91px;
  width: 482px;
}

.index .text-66 {
  height: 72px;
  letter-spacing: 0;
  line-height: 36px;
  margin-left: 0;
  width: 456px;
}

.index .text_label-3 {
  height: 72px;
  letter-spacing: 0;
  line-height: 24px;
  width: 478px;
}

.index .view-30 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 100px;
  min-height: 1368px;
  width: 896px;
}

.index .text-65 {
  height: 48px;
  letter-spacing: 0;
  line-height: 64px;
  margin-bottom: -16px;
  white-space: nowrap;
  width: 240px;
}

.index .group-417 {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  margin-top: 64px;
  min-width: 896px;
}

.index .group-container-1 {
  height: 506px;
  position: relative;
  width: 436px;
}

.index .group-41 {
  align-items: flex-start;
  background-color: var(--half-spanish-white);
  display: flex;
  height: 506px;
  left: 0;
  min-width: 436px;
  padding: 70px 0;
  position: absolute;
  top: 0;
}

.index .rectangle-156 {
  background-color: var(--heat-wave);
  height: 97px;
  width: 436px;
}

.index .group-412 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 35px;
  min-height: 442px;
  position: absolute;
  top: 32px;
  width: 374px;
}

.index .text-6 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: -12px;
  white-space: nowrap;
}

.index .text-6.pb-20 {
  padding-bottom: 20px;
}

.index .text-63 {
  height: 64px;
  letter-spacing: 0;
  line-height: 48px;
  margin-top: 42px;
}

.index .span0-1 {
  line-height: 64px;
}

.index .span1-1 {
  line-height: 24px;
}

.index .lp-35 {
  height: 168px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 48px;
}

.index .ablp {
  height: 88px;
  margin-top: 19px;
}

.index .rectangle-157 {
  background-color: var(--unmellow-yellow);
  height: 97px;
  width: 436px;
}

.index .group-411 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 21px;
  min-height: 442px;
  position: absolute;
  top: 32px;
  width: 403px;
}

.index .text-61 {
  height: 64px;
  letter-spacing: 0;
  line-height: 64px;
  margin-top: 42px;
  width: 347px;
}

.index .text_label-4 {
  height: 216px;
  letter-spacing: 0;
  line-height: 24px;
  /* margin-top: 48px; */
  width: 311px;
}

.index .text-60 {
  height: 22px;
  letter-spacing: 0;
  line-height: 22px;
  /* margin-top: 36px; */
  white-space: nowrap;
}

.index .group-416 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 36px;
  min-height: 714px;
  width: 896px;
}

.index .view-31 {
  align-items: center;
  background-color: var(--half-spanish-white);
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 248px;
  padding: 34px 0;
  width: 896px;
}

.index .text-59 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.8;
  white-space: nowrap;
  width: 848px;
}

.index .x41 {
  height: 136px;
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.8;
  width: 848px;
}

.index .view-32 {
  align-items: center;
  background-color: var(--half-spanish-white);
  display: flex;
  flex-direction: column;
  min-height: 278px;
  padding: 32px 0;
  width: 896px;
}

.index .text-58 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 848px;
}

.index .text-57 {
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: -8px;
  margin-top: 24px;
  white-space: nowrap;
  width: 848px;
}

.index .line-28 {
  align-self: flex-start;
  height: 1px;
  margin-left: 24px;
  margin-top: 23px;
  object-fit: cover;
  width: 787px;
}

.index .group-415 {
  align-items: flex-start;
  justify-content: space-between;
  display: flex;
  margin-right: 52.16px;
  margin-top: 24px;
  min-width: 790px;
}

.index .ablp-1 {
  /* height: 56px; */
  /* width: 202px; */
}

.index .text_label-5 {
  /* height: 102px; */
  letter-spacing: 0;
  line-height: 22px;
  /* margin-left: 41px; */
  width: 186px;
}

.index .lp-36 {
  /* height: 36px; */
  letter-spacing: 0;
  line-height: 22px;
  /* margin-left: 40px; */
  width: 316px;
}

.index .view-33 {
  align-items: center;
  background-color: var(--half-spanish-white);
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 124px;
  padding: 32px 0;
  width: 896px;
}

.index .text-56 {
  height: 20px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 848px;
}

.index .text_label-6 {
  height: 16px;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: -6px;
  margin-left: 2.84px;
  white-space: nowrap;
  width: 845px;
}

.index .cta-3 {
  align-items: center;
  display: flex;
  height: 392px;
  margin-top: 100px;
  min-width: 1280px;
  padding: 0 192px;
}

.index .cta-4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  position: relative;
  width: 896px;
}

.index .lp-37 {
  align-self: stretch;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.index .text-53 {
  align-self: stretch;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.index .faq-pc-open {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-top: 100px;
  width: 1080px;
}

.index .text-5 {
  height: 48px;
  letter-spacing: 0;
  line-height: 64px;
  text-align: center;
  white-space: nowrap;
  width: 1080px;
}

.index .view-34 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 1080px;
}

.index .view-7 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: -12px;
  margin-left: 2.0px;
  min-height: 32px;
  width: 226px;
}

.index .text-4-1 {
  height: 24px;
  line-height: 40px;
  margin-right: 2.0px;
  width: 144px;
}

.index .rectangle-218 {
  background-color: var(--unmellow-yellow);
  height: 4px;
  margin-right: 2.0px;
  width: 224px;
}

.index .q {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 1080px;
}

.index .q1 {
  position: relative;
  width: 1080px;
}

.index .a-1 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 140px;
  min-width: 1080px;
  padding: 37px 67px;
}

.index .a-1-1 {
  align-self: center;
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 76px;
}

.index .lp3 {
  height: 64px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 868px;
}

.index .q-1 {
  align-items: center;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 96px;
  justify-content: flex-end;
  min-width: 1080px;
  padding: 0 65px;
}

.index .overlap-group-15 {
  height: 40px;
  position: relative;
  width: 947px;
}

.index .group-406-1 {
  align-items: flex-start;
  aspect-ratio: 1;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--fuscous-gray);
  border-radius: 20px;
  display: flex;
  height: 40px;
  left: 904px;
  min-width: 40px;
  padding: 19.0px 5.7px;
  position: absolute;
  top: 0;
}

.index .x {
  background-image: url(../img/line-27-10.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
}

.index .q-2 {
  align-items: flex-start;
  display: flex;
  height: 36px;
  left: 0;
  min-width: 947px;
  position: absolute;
  top: 2px;
}

.index .text-47 {
  height: 36px;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.index .q2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 1080px;
}

.index .overlap-group-3 {
  align-items: center;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--lochmara);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  gap: 1px;
  height: 96px;
  min-width: 1080px;
  padding: 0 67px;
}

.index .price {
  margin-bottom: 2.0px;
}

.index .overlap-group1 {
  height: 40px;
  position: relative;
  width: 868px;
}

.index .group-406 {
  align-items: flex-start;
  aspect-ratio: 1;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--fuscous-gray);
  border-radius: 20px;
  display: flex;
  height: 40px;
  left: 828px;
  min-width: 40px;
  padding: 19.0px 5.7px;
  position: absolute;
  top: 0;
}

.index .x-1 {
  background-image: url(../img/line-27-11.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
}

.index .text-46 {
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  width: 867px;
}

.index .a-2 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 140px;
  min-width: 1080px;
  padding: 37px 67px;
}

.index .a-3 {
  align-self: center;
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 76px;
}

.index .text_label-7 {
  height: 64px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 868px;
}

.index .q3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 1080px;
}

.index .x-2 {
  background-image: url(../img/line-27-11.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
}

.index .text-45 {
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  width: 867px;
}

.index .a-4 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 140px;
  min-width: 1080px;
  padding: 37px 67px;
}

.index .a-5 {
  align-self: center;
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 76px;
}

.index .lp-38 {
  height: 64px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 868px;
}

.index .view-35 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 1080px;
}

.index .q-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 1080px;
}

.index .group-605 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 1080px;
}

.index .x-3 {
  background-image: url(../img/line-27-11.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
}

.index .lp-39 {
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  width: 867px;
}

.index .a-6 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 140px;
  min-width: 1080px;
  padding: 37px 67px;
}

.index .a-7 {
  align-self: center;
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 76px;
}

.index .lp-40 {
  height: 64px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 868px;
}

.index .group-604 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 1080px;
}

.index .x-4 {
  background-image: url(../img/line-27-10.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
}

.index .text-43 {
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  width: 867px;
}

.index .a-8 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 140px;
  min-width: 1080px;
  padding: 25px 67px;
}

.index .a-9 {
  align-self: center;
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 76px;
}

.index .x30 {
  height: 88px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 868px;
}

.index .group-603 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 1080px;
}

.index .x-5 {
  background-image: url(../img/line-27-9.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
}

.index .lp-41 {
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  width: 867px;
}

.index .a-10 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 212px;
  min-width: 1080px;
  padding: 25px 67px;
}

.index .a-11 {
  align-self: center;
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 76px;
}

.index .lp-42 {
  height: 160px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 868px;
}

.index .group-602 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 1080px;
}

.index .overlap-group-16 {
  align-items: center;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  gap: 1px;
  height: 96px;
  min-width: 1080px;
  padding: 0 67px;
}

.index .x-6 {
  background-image: url(../img/line-27-8.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
}

.index .lp-43 {
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  width: 867px;
}

.index .a-12 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 140px;
  min-width: 1080px;
  padding: 37px 67px;
}

.index .a-13 {
  align-self: center;
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 76px;
}

.index .text_label-8 {
  height: 64px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 868px;
}

.index .group-601 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 1080px;
}

.index .x-7 {
  background-image: url(../img/line-27-7.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
}

.index .text-42 {
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  width: 867px;
}

.index .a-14 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 140px;
  min-width: 1080px;
  padding: 37px 67px;
}

.index .a-15 {
  align-self: center;
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 76px;
}

.index .lp-44 {
  height: 64px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 868px;
}

.index .view-36 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 1080px;
}

.index .q-4 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 1080px;
}

.index .group-608 {
  position: relative;
  width: 1080px;
}

.index .a-16 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 140px;
  min-width: 1080px;
  padding: 37px 67px;
}

.index .a-17 {
  align-self: center;
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 76px;
}

.index .text_label-9 {
  height: 64px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 868px;
}

.index .overlap-group-4 {
  align-items: center;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--lochmara);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  gap: 1px;
  height: 96px;
  min-width: 1080px;
  padding: 0 67px;
}

.index .x-8 {
  background-image: url(../img/line-27-4.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
}

.index .lp-45 {
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  width: 867px;
}

.index .group-609 {
  position: relative;
  width: 1080px;
}

.index .a-18 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 140px;
  min-width: 1080px;
  padding: 37px 67px;
}

.index .a-19 {
  align-self: center;
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 76px;
}

.index .lp-web {
  height: 64px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 868px;
}

.index .x-9 {
  background-image: url(../img/line-27-4.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
}

.index .text-40 {
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  width: 867px;
}

.index .group-610 {
  position: relative;
  width: 1080px;
}

.index .a-20 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 140px;
  min-width: 1080px;
  padding: 37px 67px;
}

.index .a-21 {
  align-self: center;
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 76px;
}

.index .text_label-10 {
  height: 64px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 868px;
}

.index .x-10 {
  background-image: url(../img/line-27-4.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
}

.index .text-39 {
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  width: 867px;
}

.index .group-611 {
  position: relative;
  width: 1080px;
}

.index .a-22 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 140px;
  min-width: 1080px;
  padding: 37px 67px;
}

.index .a-23 {
  align-self: center;
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 76px;
}

.index .lp-46 {
  height: 64px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 868px;
}

.index .x-11 {
  background-image: url(../img/line-27-2.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
}

.index .ab {
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  width: 867px;
}

.index .group-612 {
  position: relative;
  width: 1080px;
}

.index .a-24 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 140px;
  min-width: 1080px;
  padding: 37px 67px;
}

.index .a-25 {
  align-self: center;
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 76px;
}

.index .lp136 {
  height: 64px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 868px;
}

.index .x-12 {
  position: relative;
  background-image: url(../img/line-27-2.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
}

.index .lp-47 {
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  width: 867px;
}

.index .view-37 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 1080px;
}

.index .view-38 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: -12px;
  margin-left: 26.0px;
  min-height: 32px;
  width: 226px;
}

.index .text-38 {
  height: 24px;
  letter-spacing: 0;
  line-height: 40px;
  margin-right: 2.0px;
  margin-bottom: 16px;
  text-align: center;
  white-space: nowrap;
  width: 144px;
}

.index .q-5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 1080px;
}

.index .group-613 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 1080px;
}

.index .x-13 {
  background-image: url(../img/line-27.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
}

.index .text-37 {
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  width: 867px;
}

.index .a-26 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 140px;
  min-width: 1080px;
  padding: 37px 67px;
}

.index .a-27 {
  align-self: center;
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 76px;
}

.index .web-3 {
  height: 64px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 868px;
}

.index .group-614 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 1080px;
}

.index .x-14 {
  background-image: url(../img/line-27.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 27px;
}

.index .text-36 {
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  width: 867px;
}

.index .a-28 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 140px;
  min-width: 1080px;
  padding: 37px 67px;
}

.index .a-29 {
  align-self: center;
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 76px;
}

.index .lp-48 {
  height: 64px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 868px;
}

.index .view-39 {
  align-items: center;
  background-color: var(--unmellow-yellow);
  display: flex;
  flex-direction: column;
  gap: 64px;
  margin-top: 100px;
  min-height: 550px;
  padding: 100px 96px;
  /* width: 1280px; */
  width: 100vw;
}

.index .view-40 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 112px;
  width: 1084px;
}

.index .text_label-11 {
  height: 40px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  width: 1080px;
}

.index .overlap-group-17 {
  align-self: center;
  height: 174px;
  margin-right: 1.0px;
  position: relative;
  width: 1079px;
}

.index .rectangle-192 {
  background-color: var(--heat-wave);
  height: 174px;
  left: 925px;
  position: absolute;
  top: 0;
  width: 154px;
}

.index .text-29 {
  height: 24px;
  left: 937px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 75px;
  white-space: nowrap;
  width: 140px;
}

.index .rectangle-192-1 {
  background-color: var(--azure-radiance);
  left: 771px;
}

.index .subtract-5 {
  height: 42px;
  /* left: 925px; */
  left: 923px;
  position: absolute;
  top: 67px;
  width: 12px;
}

.index .text-30 {
  height: 60px;
  left: 784px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 57px;
  width: 138px;
}

.index .rectangle-192-2 {
  background-color: var(--blue-2);
  left: 617px;
}

.index .subtract-6 {
  height: 43px;
  /* left: 771px; */
  left: 769px;
  position: absolute;
  top: 66px;
  width: 13px;
}

.index .pcsp-2 {
  height: 60px;
  left: 630px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 57px;
  width: 141px;
}

.index .rectangle-191 {
  background-color: var(--azure-radiance);
  height: 174px;
  left: 464px;
  position: absolute;
  top: 0;
  width: 153px;
}

.index .subtract-7 {
  height: 43px;
  /* left: 617px; */
  left: 615px;
  position: absolute;
  top: 65px;
  width: 13px;
}

.index .text-31 {
  height: 60px;
  left: 473px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 57px;
  width: 135px;
}

.index .rectangle-190 {
  background-color: var(--blue-2);
  height: 174px;
  left: 309px;
  position: absolute;
  top: 0;
  width: 155px;
}

.index .subtract-8 {
  height: 43px;
  /* left: 464px; */
  left: 462px;
  position: absolute;
  top: 66px;
  width: 13px;
}

.index .group-474-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 321px;
  min-height: 60px;
  position: absolute;
  top: 57px;
  width: 148px;
}

.index .text-32 {
  height: 24px;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: -12px;
  text-align: center;
  white-space: nowrap;
  width: 144px;
}

.index .pc {
  height: 24px;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: -12px;
  margin-top: 12px;
  text-align: center;
  white-space: nowrap;
  width: 144px;
}

.index .rectangle-189 {
  background-color: var(--azure-radiance);
  height: 174px;
  left: 155px;
  position: absolute;
  top: 0;
  width: 154px;
}

.index .subtract-9 {
  height: 43px;
  /* left: 308px; */
  left: 306px;
  position: absolute;
  top: 66px;
  width: 13px;
}

.index .text-33 {
  height: 24px;
  left: 167px;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 75px;
  white-space: nowrap;
  width: 141px;
}

.index .rectangle-188 {
  background-color: var(--heat-wave);
  height: 174px;
  left: 0;
  position: absolute;
  top: 0;
  width: 155px;
}

.index .subtract-10 {
  height: 43px;
  /* left: 155px; */
  left: 153px;
  position: absolute;
  top: 66px;
  width: 13px;
}

.index .text-34 {
  height: 24px;
  left: 0;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 75px;
  white-space: nowrap;
  width: 156px;
}

.index .view-41 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 108px;
  margin-top: 120px;
  min-height: 1572px;
  width: 1080px;
}

.index .group-496 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-left: 4.0px;
  min-height: 184px;
  width: 1084px;
}

.index .text-28 {
  height: 112px;
  letter-spacing: 0;
  line-height: 64px;
  text-align: center;
  width: 1080px;
}

.index .text-27 {
  height: 48px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  width: 1080px;
}

.index .group-499 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 64px;
  min-height: 1280px;
  padding: 20px 0;
  width: 896px;
}

.index .group-498 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 1072px;
  width: 620px;
}

.index .view-42 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 78px;
  width: 620px;
}

.index .group-58 {
  align-items: center;
  display: flex;
  gap: 16px;
  min-width: 116px;
}

.index .text-2-1 {
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 48px;
}

.index .frame-58 {
  align-items: center;
  background-color: var(--heat-wave);
  display: flex;
  gap: 10px;
  height: 20px;
  justify-content: center;
  position: relative;
  width: 50px;
}

.index .text-7 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  position: relative;
  white-space: nowrap;
  width: 28px;
}

.index .rectangle-20 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 4px 4px 4px #e7fbff;
  height: 50px;
  width: 620px;
}

.index .view-8 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 40px;
  min-height: 78px;
  width: 620px;
}

.index .group-5 {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  min-width: 620px;
}

.index .group-57 {
  align-items: center;
  display: flex;
  gap: 20px;
  min-width: 304px;
}

.index .text-2-2 {
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 16px;
}

.index .rectangle-20-1 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 4px 4px 4px #e7fbff;
  height: 50px;
  width: 266px;
}

.index .group-582 {
  align-items: center;
  display: flex;
  gap: 8px;
  min-width: 204px;
}

.index .text-20 {
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 144px;
}

.index .group-57-1 {
  align-items: center;
  display: flex;
  gap: 4px;
  min-width: 304px;
}

.index .text-1-8 {
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 32px;
}

.index .group-584 {
  align-items: center;
  display: flex;
  gap: 16px;
  min-width: 180px;
}

.index .text-16 {
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 112px;
}

.index .view-43 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 40px;
  min-height: 100px;
  width: 622px;
}

.index .group-585 {
  align-items: center;
  display: flex;
  gap: 16px;
  min-width: 132px;
}

.index .text-14 {
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 64px;
}

.index .text-12-1 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: -8px;
  white-space: nowrap;
}

.index .view-44 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 40px;
  min-height: 100px;
  width: 552px;
}

.index .group-673 {
  align-items: center;
  display: flex;
  gap: 16px;
  min-width: 369px;
}

.index .text-11-1 {
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 2.0px;
  white-space: nowrap;
  width: 144px;
}

.index .text-9 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
  width: 139px;
}

.index .group-516 {
  align-items: flex-start;
  display: flex;
  gap: 13px;
  min-width: 552px;
}

.index .lp-49 {
  align-items: center;
  display: flex;
  gap: 8px;
  min-width: 143px;
}

.index .ellipse-3 {
  aspect-ratio: 1;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  border-radius: 9px;
  height: 18px;
  width: 18px;
}

.index .lp-50 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  min-width: 115px;
  white-space: nowrap;
}

.index .view-45 {
  align-items: center;
  display: flex;
  gap: 8px;
  min-width: 124px;
}

.index .text-8-1 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  min-width: 96px;
  white-space: nowrap;
}

.index .view-46 {
  align-items: center;
  display: flex;
  gap: 8px;
  min-width: 172px;
}

.index .text-7-1 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  min-width: 144px;
  white-space: nowrap;
}

.index .view-47 {
  align-items: center;
  display: flex;
  gap: 8px;
  min-width: 76px;
}

.index .text-6-1 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  min-width: 48px;
  white-space: nowrap;
}

.index .group-517-3 {
  align-items: center;
  display: flex;
  gap: 8px;
  min-width: 90px;
}

.index .text-5-1 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  min-width: 64px;
  white-space: nowrap;
}

.index .view-48 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: -2px;
  margin-top: 43px;
  min-height: 202px;
  width: 622px;
}

.index .text-4-2 {
  height: 16px;
  line-height: 24px;
}

.index .rectangle-204 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 4px 4px 4px #e7fbff;
  height: 180px;
  width: 620px;
}

.index .view-49 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 40px;
  min-height: 75px;
  width: 518px;
}

.index .group-497 {
  align-items: center;
  display: flex;
  gap: 4px;
  min-width: 253px;
}

.index .rectangle-205 {
  aspect-ratio: 1;
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--fuscous-gray);
  height: 23px;
  width: 23px;
}

.index .text-3-1 {
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 1.0px;
  white-space: nowrap;
  width: 224px;
}

.index .text-2-3 {
  color: transparent;
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: 36px;
  letter-spacing: 0;
  line-height: 22px;
  width: 516px;
}

.index .frame-498 {
  align-items: center;
  background-color: var(--gold);
  display: flex;
  gap: 10px;
  height: 60px;
  justify-content: center;
  position: relative;
  width: 344px;
}

.index .text-1-9 {
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  text-align: center;
  width: 344px;
}

.index .view-50 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 78px;
  min-height: 455px;
  /* width: 1280px; */
  width: 100vw;
  background: linear-gradient(90deg, #000000 0%, #000000 50%, #0025da 50%, #0025da 100%);
}

.index .group-503 {
  align-items: center;
  background-image: url(../img/vector.svg);
  background-size: 100% 100%;
  display: flex;
  gap: 25px;
  height: 415px;
  justify-content: center;
  /* min-width: 1280px; */
  width: 100vw;
  padding: 40.0px 89.8px;
  margin: 0 calc(50% - 50vw);
}

.index .flex-col-1 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 30px;
  min-height: 334px;
  width: 533px;
}

.index .aesop-_logo-2 {
  aspect-ratio: 4.74;
  height: 47px;
  margin-left: 0.48px;
  width: 223px;
}

.index .x-15 {
  height: 176px;
  letter-spacing: 0;
  line-height: 32px;
  width: 533px;
}

.index .flex-row-2 {
  gap: 21px;
  margin-left: 2.21px;
  min-width: 160px;
}

.index .img_footer012 {
  aspect-ratio: 1.71;
  height: 51px;
  object-fit: cover;
  width: 87px;
}

.index .group-500 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 51px;
  justify-content: flex-end;
  margin-bottom: 0;
  min-width: 51px;
  padding: 6.9px 7.1px;
}

.index .img_footer03 {
  aspect-ratio: 1;
  height: 37px;
  object-fit: cover;
  width: 37px;
}

.index .x-16 {
  height: 208px;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: 29.0px;
  width: 533px;
}

.index .overlap-group-18 {
  align-items: center;
  background-color: var(--black);
  display: flex;
  height: 40px;
  /* min-width: 1280px; */
  padding: 0 100px;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  justify-content: center;
}

.index .copyright-j2-compl {
  height: 22px;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
  width: 1080px;
}

.index .ablp-2 {
  letter-spacing: 0;
  line-height: 22px;
}

.index .cta_s-3 {
  align-items: center;
  display: inline-flex;
  gap: 80px;
  justify-content: center;
  padding: 0px 200px;
}

.index .flex {
  align-items: flex-start;
  display: flex;
}

.index .flex-row-3 {
  align-items: flex-end;
  display: flex;
}

.index .frame-505-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 400px;
}

.index .frame-643-3 {
  display: flex;
  flex-direction: column;
}

.index .frame-645-3 {
  align-items: center;
  display: inline-flex;
}

.index .herocontents-2 {
  display: flex;
  min-width: 1280px;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  justify-content: center;
  align-items: center;
  background: linear-gradient(82.23deg, #000000 -4.52%, #0017E3 55.92%);
}

.index .overlap-group3-3 {
  position: absolute;
  top: 0;
}

.index .position-2 {
  display: flex;
  flex-direction: column;
}

.index .price-2 {
  height: 36px;
  letter-spacing: 0;
  line-height: 72px;
  white-space: nowrap;
  width: 76px;
}

.index .rectangle-192-3 {
  height: 174px;
  position: absolute;
  top: 0;
  width: 154px;
}

.index .text-4-3 {
  letter-spacing: 0;
  margin-bottom: 16px;
  white-space: nowrap;
}

.index .x2-6 {
  background-size: 100% 100%;
  height: 178px;
  position: absolute;
  top: 0;
}
/* screen - mobile */
.mobile {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  /* height: 20303px; */
   /* CTAの高さに合わせて調整 */
  /* padding-bottom: 120px; */
  /* overflow: hidden; を削除 */
  width: 390px;
}

.mobile .js-accSwitch {
  cursor: pointer;
}
.mobile .js-accSwitch .switch-icon {
  position: relative;
}
.mobile .js-accSwitch .switch-icon::after {
  content: "";
  position: absolute;
  background-image: url(../img/line-27-15.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 21px;
  inset: 0;
  margin: auto;
  rotate: 90deg;
}
.mobile .js-accSwitch.is-opened .switch-icon::after {
  display: none;
}

.mobile .header-2 {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  gap: 157px;
  height: 88px;
  justify-content: flex-start;
  margin-top: -1px;
  min-width: 390px;
  padding: 0 1px;
  width: auto;
}
.mobile .header-2:has(.menu-1.is-opened) {
  z-index: 9500;
}

.mobile .aesop-_logo-3 {
  aspect-ratio: 4.74;
  height: 30px;
  width: 142px;
}

.mobile .menu-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 56px;
  width: 70px;
}

.mobile .line-33 {
  height: 2px;
  margin-top: -2px;
  width: 68px;
}

.mobile .line-3 {
  height: 2px;
  margin-top: 14px;
  width: 68px;
}

.mobile .menu-2 {
  height: 16px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 8px;
  text-align: center;
  white-space: nowrap;
  width: 68px;
}

.mobile .nav-menu {
  position: fixed;
  background: var(--smalt);
  height: 0;
  inset: 0;
  overflow: hidden;
  z-index: 100;
}
.mobile .nav-menu.is-opened {
  height: 100%;
  transition: height 0.2s linear;
}

.mobile .nav-menu-inner {
  display: flex;
  flex-direction: column;
  /* height: 100%; */
  height: 100vh;
  overflow-y: scroll;
}

.mobile .nav-menu-list {
  display: flex;
  flex-direction: column;
  row-gap: 33px;
  margin-bottom: 33px;
  padding: 140px 90px 50px;
}

.mobile .nav-menu-list a {
  line-height: 24px;
  font-size: 20px;
  color: var(--white);
}

.mobile .cta1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 8px;
  padding: 14px 0 18px;
}
.mobile .cta1 .cta1-a {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 24px;
  width: 300px;
  height: 40px;
  line-height: 1;
  font-size: 20px;
  color: #fff;
}
.mobile .cta1.color-1 {
  /* background: var(--unmellow-yellow); */
}
.mobile .cta1.color-1 .cta1-a {
  background: var(--trinidad);
}
.mobile .cta1.color-2 {
  background: #fed800;
}
.mobile .cta1.color-2 .cta1-a {
  background: var(--unmellow-yellow);
}

.mobile .herocontents-2 {
  align-items: flex-start;
  display: flex;
  margin-top: 1px;
  overflow: hidden;
  width: 390px;
}

.mobile .overlap-group7-1 {
  height: 683px;
  position: relative;
  width: 398px;
}

.mobile .view-57 {
  align-items: flex-end;
  background-image: url(../img/rectangle-210.svg);
  background-size: 100% 100%;
  display: flex;
  height: 683px;
  left: 0;
  min-width: 390px;
  position: absolute;
  top: 0;
}

.mobile .overlap-group-23 {
  height: 576px;
  position: relative;
  width: 390px;
}

.mobile .vector-2-1 {
  height: 535px;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  top: 40px;
  width: 390px;
}

.mobile .rectangle-211 {
  height: 576px;
  left: 0;
  mix-blend-mode: screen;
  position: absolute;
  top: 0;
  width: 390px;
}

.mobile .rectangle-212 {
  height: 426px;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  top: 150px;
  width: 390px;
}

.mobile .text_label-12 {
  height: 72px;
  left: 23px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: justify;
  top: 594px;
  width: 344px;
}

.mobile .view-58 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 6px;
  left: 23px;
  min-height: 113px;
  position: absolute;
  top: 465px;
  width: 348px;
}

.mobile .text-277 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 22.9px;
  font-weight: 900;
  height: 22px;
  letter-spacing: 0;
  line-height: 62.5px;
  white-space: nowrap;
}

.mobile .overlap-group1-8 {
  height: 85px;
  margin-left: 0;
  position: relative;
  width: 344px;
}

.mobile .aesop-_logo-4 {
  align-items: flex-start;
  aspect-ratio: 4.29;
  display: flex;
  height: 80px;
  left: 0;
  min-width: 344px;
  position: absolute;
  top: 5px;
}

.mobile .vector-38 {
  height: 62px;
  margin-top: 0.4px;
  width: 51px;
}

.mobile .vector-39 {
  align-self: center;
  height: 47px;
  margin-bottom: 0.79px;
  margin-left: 5px;
  width: 40px;
}

.mobile .vector-40 {
  align-self: center;
  height: 47px;
  margin-bottom: 0.81px;
  margin-left: 5px;
  width: 32px;
}

.mobile .vector-41 {
  align-self: center;
  height: 47px;
  margin-bottom: 0.72px;
  margin-left: 5px;
  width: 43px;
}

.mobile .vector-42 {
  align-self: flex-end;
  height: 64px;
  margin-left: 8px;
  width: 43px;
}

.mobile .vector-43 {
  height: 62px;
  margin-left: 26px;
  margin-top: 0.4px;
  width: 35px;
}

.mobile .vector-44 {
  height: 62px;
  margin-left: 8px;
  width: 42px;
}

.mobile .text-278 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 11.7px;
  font-weight: 700;
  height: 18px;
  left: 91px;
  letter-spacing: 0;
  line-height: 17.5px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.mobile .text-13 {
  align-items: center;
  display: flex;
  gap: 169px;
  height: 204px;
  left: 0;
  min-width: 398px;
  position: absolute;
  top: 193px;
}

.mobile .flex-col-2 {
  align-items: flex-start;
  gap: 62px;
  margin-top: 15.0px;
  min-height: 149px;
  width: 121px;
}

.mobile .ctr-1 {
  align-self: flex-end;
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 31.4px;
  font-weight: 900;
  height: 49px;
  letter-spacing: 0;
  line-height: 23.5px;
  opacity: 0.2;
  width: 70px;
}

.mobile .cvr {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxxl);
  font-weight: 900;
  height: 38px;
  letter-spacing: 0;
  line-height: 24.0px;
  opacity: 0.2;
  width: 102px;
}

.mobile .flex-col-3 {
  align-items: flex-end;
  gap: 133px;
  min-height: 204px;
  width: 100px;
}

.mobile .kpi-1 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 37.3px;
  font-weight: 900;
  height: 37px;
  letter-spacing: 0;
  line-height: 28.0px;
  margin-right: 2px;
  opacity: 0.2;
  text-align: center;
  width: 98px;
}

.mobile .cpa-1 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 34.8px;
  font-weight: 900;
  height: 34px;
  letter-spacing: 0;
  line-height: 26.1px;
  opacity: 0.2;
  width: 69px;
}

.mobile .pcsp-3 {
  height: 249px;
  left: 18px;
  position: absolute;
  top: 208px;
  width: 331px;
}

.mobile .image-1 {
  height: 163px;
  left: 23px;
  position: absolute;
  top: 42px;
  width: 344px;
}

.mobile .index-sp {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  margin-left: 1px;
  min-height: 2122px;
  padding: 64px 19px;
  width: 390px;
}

.mobile .lp-51 {
  height: 88px;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  width: 344px;
}

.mobile .overlap-group1-9 {
  height: 919px;
  margin-top: 24px;
  position: relative;
  width: 344px;
}

.mobile .overlap-group-24 {
  height: 344px;
  left: 0;
  position: absolute;
  top: 575px;
  width: 344px;
}

.mobile .shutterstock_2138540273_s-1-1 {
  aspect-ratio: 1.23;
  height: 216px;
  left: 36px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 267px;
}

.mobile .polygon-1-1 {
  height: 129px;
  left: 0;
  position: absolute;
  top: 215px;
  width: 344px;
}

.mobile .text-160 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 27.6px;
  font-weight: 900;
  height: 41px;
  left: 70px;
  letter-spacing: 0;
  line-height: 41.4px;
  position: absolute;
  text-align: center;
  top: 231px;
  white-space: nowrap;
  width: 222px;
}

.mobile .frame-586 {
  height: 587px;
  left: 0;
  position: absolute;
  top: 0;
  width: 344px;
}

.mobile .group-531 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: -8px;
  margin-top: 23px;
  min-height: 86px;
  width: 348px;
}

.mobile .text-159 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: 95.0px;
  text-align: center;
  white-space: nowrap;
  width: 91px;
}

.mobile .aesop-lp-13 {
  color: var(--fuscous-gray);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xl);
  font-weight: 700;
  height: 72px;
  letter-spacing: 0;
  line-height: 40px;
  margin-right: 4.0px;
  text-align: center;
  width: 344px;
}

.mobile .lp-52 {
  align-items: center;
  background: linear-gradient(82deg, rgba(0, 0, 0, 1) 0%, rgba(0, 23, 227, 1) 58%);
  display: flex;
  flex-direction: column;
  gap: 34px;
  margin-top: 24px;
  min-height: 266px;
  padding: 31px 0;
  width: 344px;
}

.mobile .lp-53 {
  height: 90px;
  letter-spacing: 0;
  line-height: 54px;
  margin-top: 6px;
  text-align: center;
  width: 252px;
}

.mobile .mal-1 {
  height: 74px;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: justify;
  width: 296px;
}

.mobile .index-sp-item {
  align-items: center;
  background: linear-gradient(82deg, rgba(0, 0, 0, 1) 0%, rgba(0, 23, 227, 1) 58%);
  gap: 34px;
  margin-top: 16px;
  min-height: 266px;
  padding: 31px 0;
  width: 344px;
}

.mobile .lp-54 {
  height: 90px;
  letter-spacing: 0;
  line-height: 54px;
  margin-top: 6px;
  text-align: center;
  width: 312px;
}

.mobile .lp-55 {
  height: 74px;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: justify;
  width: 296px;
}

.mobile .text-158 {
  height: 90px;
  letter-spacing: 0;
  line-height: 54px;
  margin-top: 6px;
  text-align: center;
  width: 252px;
}

.mobile .text-157 {
  height: 74px;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: justify;
  width: 296px;
}

.mobile .index-sp-1 {
  align-items: flex-start;
  background-color: var(--white);
  margin-top: 30px;
  min-height: 3064px;
  padding: 0.0px 0;
  width: 390px;
}

.mobile .overlap-group5-1 {
  height: 1156px;
  position: relative;
  width: 390px;
}

.mobile .lp-56 {
  align-items: center;
  background-color: var(--lily-white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 6px 6px 8px #c3f7fe;
  display: flex;
  flex-direction: column;
  gap: 32px;
  left: 0;
  min-height: 1022px;
  padding: 47px 0;
  position: absolute;
  top: 134px;
  width: 390px;
}

.mobile .lp-57 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 2.0px;
  min-height: 192px;
  width: 348px;
}

.mobile .lp-58 {
  height: 56px;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  width: 344px;
}

.mobile .text-199 {
  height: 120px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 344px;
}

.mobile .position-2 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 346px;
  width: 344px;
}

.mobile .overlap-group-25 {
  height: 330px;
  position: relative;
  width: 344px;
}

.mobile .lp-59 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
  left: 17px;
  min-height: 328px;
  position: absolute;
  top: 0;
  width: 327px;
}

.mobile .view-59 {
  align-items: center;
  background-color: #64d0ff;
  display: flex;
  height: 108px;
  justify-content: flex-end;
  min-width: 327px;
  padding: 0 9px;
}

.mobile .lp-60 {
  align-items: flex-end;
  background-color: #e9ffc8;
  border: 0.78px solid;
  border-color: #40a83e;
  border-radius: 49px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 98px;
  padding: 25.2px 4.2px;
  width: 98px;
}

.mobile .lp-61 {
  height: 30px;
  letter-spacing: 0;
  line-height: 15px;
  margin-right: 6.6px;
  text-align: center;
  width: 77px;
}

.mobile .text-192 {
  height: 13px;
  letter-spacing: 0;
  line-height: 18.7px;
  margin-right: 0.6px;
  text-align: center;
  white-space: nowrap;
  width: 89px;
}

.mobile .view-60 {
  align-items: center;
  background-color: #c0ecff;
  display: flex;
  gap: 12px;
  height: 108px;
  justify-content: flex-end;
  min-width: 327px;
  padding: 0 51px;
}

.mobile .lp-62 {
  align-items: flex-start;
  background-color: var(--half-spanish-white);
  border: 0.78px solid;
  border-color: #ff8d03;
  border-radius: 49px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 98px;
  padding: 24.2px 3.2px;
  width: 98px;
}

.mobile .lp-63 {
  height: 30px;
  letter-spacing: 0;
  line-height: 15px;
  text-align: center;
  width: 91px;
}

.mobile .text-190 {
  height: 15px;
  letter-spacing: 0;
  line-height: 15px;
  text-align: center;
  white-space: nowrap;
  width: 91px;
}

.mobile .aesop-lp-14 {
  align-items: flex-start;
  background-color: var(--unmellow-yellow);
  border-radius: 49px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 98px;
  padding: 18.0px 15.0px;
  width: 98px;
}

.mobile .aesop-lp-15 {
  align-self: center;
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 20px;
  font-weight: 900;
  height: 44px;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 0;
  text-align: center;
  width: 64px;
}

.mobile .text-191 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-weight: 900;
  height: 12px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: -16px;
  text-align: center;
  white-space: nowrap;
  width: 68px;
}

.mobile .view-61 {
  align-items: center;
  background-color: #eaf8ff;
  display: flex;
  height: 108px;
  min-width: 327px;
  padding: 0 9px;
}

.mobile .lp-64 {
  align-items: flex-end;
  background-color: #d9d9d9;
  border-radius: 49px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 98px;
  padding: 25.0px 8.0px;
  width: 98px;
}

.mobile .lp-65 {
  align-self: center;
  height: 30px;
  letter-spacing: 0;
  line-height: 15px;
  margin-left: 0;
  text-align: center;
  width: 78px;
}

.mobile .text-189 {
  height: 15px;
  letter-spacing: 0;
  line-height: 15px;
  text-align: center;
  white-space: nowrap;
  width: 82px;
}

.mobile .rectangle-153-1 {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-color: var(--unmellow-yellow);
  border-left-style: solid;
  border-left-width: 2px;
  height: 330px;
  left: 17px;
  position: absolute;
  top: 0;
  width: 326px;
}

.mobile .view-62 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 123px;
  left: 0;
  min-height: 330px;
  position: absolute;
  top: 0;
  width: 22px;
}

.mobile .text-19 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 4px;
  min-width: 12px;
  text-align: center;
  white-space: nowrap;
}

.mobile .text-197 {
  height: 36px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  width: 16px;
}

.mobile .image-6-1 {
  aspect-ratio: 0.79;
  height: 91px;
  left: 139px;
  object-fit: cover;
  position: absolute;
  top: 82px;
  width: 108px;
}

.mobile .image-7-1 {
  aspect-ratio: 1.29;
  height: 112px;
  left: 190px;
  object-fit: cover;
  position: absolute;
  top: 50px;
  width: 111px;
}

.mobile .view-63 {
  align-items: flex-start;
  display: flex;
  gap: 78px;
  margin-right: -6px;
  min-width: 330px;
}

.mobile .text-19-1 {
  height: 12px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  width: 12px;
}

.mobile .text-194 {
  height: 12px;
  letter-spacing: 0;
  line-height: 36px;
  white-space: nowrap;
  width: 144px;
}

.mobile .group-534 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-right: 3.0px;
  min-height: 324px;
  width: 347px;
}

.mobile .lp-66 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-left: 3px;
  min-height: 92px;
  width: 348px;
}

.mobile .lp-67 {
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  white-space: nowrap;
  width: 344px;
}

.mobile .lp-68 {
  height: 64px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 344px;
}

.mobile .lp-69 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-left: 3px;
  min-height: 116px;
  width: 348px;
}

.mobile .lp-70 {
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  white-space: nowrap;
  width: 344px;
}

.mobile .l {
  height: 88px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 344px;
}

.mobile .lp-71 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 68px;
  width: 348px;
}

.mobile .lp-72 {
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  white-space: nowrap;
  width: 344px;
}

.mobile .lp-73 {
  height: 40px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 344px;
}

.mobile .overlap-group4 {
  align-items: center;
  background-image: url(../img/polygon-2-1.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: -6px;
  left: 24px;
  min-height: 157px;
  padding: 14.7px 0;
  position: absolute;
  top: 0;
  width: 344px;
}

.mobile .text-200 {
  height: 14px;
  letter-spacing: 0;
  line-height: 20px;
  margin-right: 65.0px;
  text-align: center;
  white-space: nowrap;
  width: 145px;
}

.mobile .aesop-lp-16 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 40px;
  font-weight: 700;
  height: 76px;
  letter-spacing: 0;
  line-height: 48px;
  text-align: center;
  width: 320px;
}

.mobile .view-64 {
  align-items: flex-end;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 6px 6px 8px #c3c7fe;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 15px;
  min-height: 704px;
  padding: 47px 18px;
  width: 390px;
}

.mobile .group-536 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 328px;
  width: 350px;
}

.mobile .lp-lp-1 {
  height: 120px;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  width: 344px;
}

.mobile .ga4-1 {
  height: 136px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 344px;
}

.mobile .aesop-lp-17 {
  color: var(--lochmara);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-weight: 700;
  height: 40px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  width: 344px;
}

.mobile .group-448-1 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-right: 2.0px;
  min-height: 248px;
  width: 348px;
}

.mobile .lp-74 {
  color: var(--fuscous-gray);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-weight: 500;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  width: 344px;
}

.mobile .group-449-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 2px;
  min-height: 208px;
  width: 346px;
}

.mobile .view-51 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 56px;
  width: 344px;
}

.mobile .view-65 {
  align-items: flex-start;
  display: flex;
  gap: 222px;
  min-width: 348px;
}

.mobile .text-1-10 {
  height: 10px;
  line-height: 12.9px;
  white-space: nowrap;
  width: 80px;
}

.mobile .text-18 {
  height: 10px;
  letter-spacing: 0;
  line-height: 12.9px;
  text-align: center;
  white-space: nowrap;
  width: 42px;
}

.mobile .group-container-4 {
  height: 44px;
  position: relative;
  width: 344px;
}

.mobile .overlap-group-19 {
  height: 44px;
  left: 0;
  position: absolute;
  top: 0;
  width: 344px;
}

.mobile .rectangle-170-1 {
  background-color: var(--unmellow-yellow);
  height: 44px;
  left: 186px;
  position: absolute;
  top: 0;
  width: 158px;
}

.mobile .rectangle-169-1 {
  height: 44px;
  left: 74px;
  position: absolute;
  top: 0;
  width: 146px;
}

.mobile .rectangle-168-1 {
  height: 44px;
  left: 0;
  position: absolute;
  top: 0;
  width: 98px;
}

.mobile .group-445-1 {
  align-items: flex-start;
  display: flex;
  height: 10px;
  left: 21px;
  min-width: 323px;
  position: absolute;
  top: 17px;
}

.mobile .text-1-11 {
  height: 10px;
  line-height: 10px;
  width: 40px;
}

.mobile .text-1-12 {
  height: 10px;
  line-height: 10px;
  margin-left: 57px;
  width: 60px;
}

.mobile .text-1-13 {
  height: 10px;
  line-height: 10px;
  margin-left: 40px;
  width: 120px;
}

.mobile .aesop-lp-18 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 16px;
  min-height: 63px;
  width: 344px;
}

.mobile .group-529 {
  align-items: flex-start;
  display: flex;
  gap: 217px;
  min-width: 348px;
}

.mobile .aesop-lp-12 {
  height: 10px;
  letter-spacing: 0;
  line-height: 12.9px;
  text-align: center;
  white-space: nowrap;
  width: 85px;
}

.mobile .group-528-1 {
  align-items: flex-start;
  display: flex;
  min-width: 348px;
}

.mobile .overlap-group3-3 {
  height: 44px;
  position: relative;
  width: 191px;
}

.mobile .text-179 {
  color: var(--red);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 13px;
  font-weight: 900;
  height: 13px;
  left: 178px;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  top: 15px;
  white-space: nowrap;
}

.mobile .group-container-5 {
  height: 44px;
  left: 0;
  position: absolute;
  top: 0;
  width: 185px;
}

.mobile .overlap-group-20 {
  height: 44px;
  left: 0;
  position: absolute;
  top: 0;
  width: 178px;
}

.mobile .rectangle-174-1 {
  background-color: var(--unmellow-yellow);
  height: 44px;
  left: 79px;
  position: absolute;
  top: 0;
  width: 99px;
}

.mobile .rectangle-172-1 {
  height: 44px;
  left: 30px;
  position: absolute;
  top: 0;
  width: 84px;
}

.mobile .rectangle-173-1 {
  height: 44px;
  left: 0;
  position: absolute;
  top: 0;
  width: 58px;
}

.mobile .group-443-1 {
  align-items: center;
  height: 24px;
  top: 10px;
}

.mobile .text-1-14 {
  height: 22px;
  line-height: 12px;
  width: 20px;
}

.mobile .text-1-15 {
  height: 22px;
  line-height: 12px;
  margin-left: 27px;
  width: 42px;
}

.mobile .text-182 {
  height: 24px;
  letter-spacing: 0;
  line-height: 12px;
  margin-left: 10px;
  min-width: 70px;
  text-align: center;
}

.mobile .overlap-group1-10 {
  height: 51px;
  position: relative;
  width: 51px;
}

.mobile .rectangle-177-1 {
  aspect-ratio: 1;
  background-color: var(--gold);
  border: 0.54px solid;
  border-color: var(--fuscous-gray);
  height: 43px;
  left: 8px;
  position: absolute;
  top: 8px;
  width: 43px;
}

.mobile .rectangle-176-1 {
  aspect-ratio: 1;
  background-color: var(--gold);
  border: 0.54px solid;
  border-color: var(--fuscous-gray);
  height: 43px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 43px;
}

.mobile .rectangle-175-1 {
  aspect-ratio: 1;
  background-color: var(--gold);
  border: 0.54px solid;
  border-color: var(--fuscous-gray);
  height: 43px;
  left: 0;
  position: absolute;
  top: 0;
  width: 43px;
}

.mobile .text-178 {
  height: 30px;
  left: 1px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  text-align: center;
  top: 7px;
  width: 41px;
}

.mobile .text-177 {
  align-self: center;
  color: var(--red);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 13px;
  font-weight: 900;
  height: 13px;
  letter-spacing: 0;
  line-height: 13px;
  margin-bottom: 8.0px;
  min-width: 13px;
  white-space: nowrap;
}

.mobile .overlap-group-26 {
  align-items: center;
  background-color: var(--red);
  display: flex;
  height: 44px;
  margin-left: 1px;
  min-width: 88px;
  padding: 0 21px;
}

.mobile .lp-75 {
  height: 10px;
  letter-spacing: 0;
  line-height: 10px;
  text-align: center;
  white-space: nowrap;
  width: 46px;
}

.mobile .lp-76 {
  height: 58px;
  letter-spacing: 0;
  line-height: 22px;
  margin-top: 15px;
  text-align: justify;
  width: 344px;
}

.mobile .lp-77 {
  align-items: center;
  background-color: var(--lily-white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 6px 6px 8px #c3f7fe;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 17px;
  min-height: 1122px;
  padding: 46px 19px;
  width: 390px;
}

.mobile .group-542 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 208px;
  width: 350px;
}

.mobile .lp-78 {
  height: 56px;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  width: 344px;
}

.mobile .text_label-13 {
  height: 136px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 2px;
  text-align: justify;
  width: 344px;
}

.mobile .view-66 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 380px;
  width: 346px;
}

.mobile .text-176 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  width: 344px;
}

.mobile .group-538 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 128px;
  width: 344px;
}

.mobile .overlap-group3-4 {
  height: 72px;
  position: relative;
  width: 346px;
}

.mobile .rectangle-179 {
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 344px;
}

.mobile .aesop-lp-19 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1px;
  left: 0;
  min-height: 56px;
  position: absolute;
  top: 16px;
  width: 346px;
}

.mobile .overlap-group-container-2 {
  height: 45px;
  position: relative;
  width: 344px;
}

.mobile .overlap-group-27 {
  align-items: flex-start;
  background-image: url(../img/union-3.svg);
  background-size: 100% 100%;
  display: flex;
  height: 44px;
  justify-content: flex-end;
  left: 178px;
  min-width: 166px;
  padding: 15.3px 0;
  position: absolute;
  top: 0;
}

.mobile .text-168 {
  color: var(--fuscous-gray);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 10.8px;
  font-weight: 700;
  height: 13px;
  letter-spacing: 0;
  line-height: 12.9px;
  text-align: center;
  white-space: nowrap;
  width: 149px;
}

.mobile .group-container-6 {
  height: 44px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 185px;
}

.mobile .group-443-2 {
  align-items: flex-start;
  height: 22px;
  top: 11px;
}

.mobile .text-171 {
  height: 22px;
  letter-spacing: 0;
  line-height: 12px;
  margin-left: 8px;
  text-align: center;
  width: 72px;
}

.mobile .group-540 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 196px;
  width: 344px;
}

.mobile .view-52 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 60px;
  width: 346px;
}

.mobile .overlap-group-28 {
  align-items: center;
  background-color: var(--azure-radiance);
  display: flex;
  height: 18px;
  min-width: 344px;
  padding: 0 5px;
}

.mobile .text-167 {
  height: 12px;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
  width: 56px;
}

.mobile .lpa-1 {
  height: 32px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: justify;
  width: 344px;
}

.mobile .rectangle-215 {
  background-color: var(--azure-radiance);
  height: 2px;
  width: 344px;
}

.mobile .overlap-group-29 {
  align-items: center;
  background-color: var(--blue);
  display: flex;
  height: 18px;
  min-width: 344px;
  padding: 0 5px;
}

.mobile .text-166 {
  height: 12px;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
  width: 150px;
}

.mobile .text-165 {
  height: 32px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: justify;
  width: 344px;
}

.mobile .rectangle-215-1 {
  background-color: var(--blue);
}

.mobile .overlap-group-30 {
  align-items: center;
  background-color: var(--unmellow-yellow);
  display: flex;
  height: 18px;
  min-width: 344px;
  padding: 0 5px;
}

.mobile .text-164 {
  height: 12px;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
  width: 310px;
}

.mobile .text-163 {
  height: 32px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: justify;
  width: 344px;
}

.mobile .rectangle-215-2 {
  background-color: var(--unmellow-yellow);
}

.mobile .lp-79 {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-height: 374px;
  width: 344px;
}

.mobile .group-459-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 104px;
  width: 348px;
}

.mobile .lp-80 {
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  width: 344px;
}

.mobile .text-10 {
  height: 72px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 344px;
}

.mobile .group-541 {
  align-items: flex-start;
  display: flex;
  margin-left: 8px;
  min-width: 302px;
}

.mobile .overlap-group2-5 {
  align-items: center;
  background-color: var(--fuscous-gray);
  display: flex;
  height: 238px;
  justify-content: flex-end;
  min-width: 119px;
  padding: 0 11px;
}

.mobile .lp-81 {
  height: 56px;
  letter-spacing: 0;
  line-height: 28px;
  min-width: 96px;
  text-align: center;
}

.mobile .rectangle-184-1 {
  height: 238px;
  width: 64px;
}

.mobile .overlap-group-container-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 238px;
  width: 119px;
}

.mobile .overlap-group1-11 {
  align-items: flex-start;
  background-image: url(../img/union.svg);
  background-size: 100% 100%;
  display: flex;
  height: 118px;
  margin-right: 1.0px;
  min-width: 104px;
  padding: 21px 22.0px;
}

.mobile .text-161 {
  height: 48px;
  letter-spacing: 0;
  line-height: 24px;
  min-width: 60px;
  text-align: center;
}

.mobile .overlap-group-31 {
  align-items: center;
  background-color: var(--unmellow-yellow);
  display: flex;
  height: 120px;
  justify-content: flex-end;
  min-width: 119px;
  padding: 0 23px;
}

.mobile .aesop-lp-20 {
  height: 56px;
  letter-spacing: 0;
  line-height: 28px;
  min-width: 72px;
  text-align: center;
}

.mobile .overlap-group8-1 {
  height: 1729px;
  margin-top: 10px;
  position: relative;
  width: 390px;
}

.mobile .x30index-sp {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 1162px;
  position: absolute;
  top: 0;
  width: 390px;
}

.mobile .view-67 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 87px;
  padding: 0px 23px;
  position: relative;
  width: 390px;
  margin-bottom: -2px;
}

.mobile .frame-637 {
  height: 87px;
  left: 0;
  position: absolute;
  top: 0;
  width: 390px;
  margin-top: -1px
}

.mobile .group-637 {
  height: 46px;
  margin-right: -4.00px;
  position: relative;
  width: 348px;
}

.mobile .aesop-lp-21 {
  color: var(--unmellow-yellow);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-weight: 700;
  height: 36px;
  left: 0;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 344px;
}

.mobile .text-205 {
  color: var(--unmellow-yellow);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xs);
  font-weight: 400;
  height: 10px;
  left: 77px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 65px;
}

.mobile .x30-1 {
  align-items: flex-end;
  background-color: var(--unmellow-yellow);
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-height: 988px;
  padding: 48px 14px;
  width: 390px;
}

.mobile .group-463-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 216px;
  width: 348px;
}

.mobile .text-204 {
  height: 88px;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  width: 344px;
}

.mobile .aesop-lp-22 {
  height: 112px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 344px;
}

.mobile .frame-645-3 {
  align-items: center;
  align-self: center;
  display: inline-flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
}

.mobile .x130-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 178px;
  justify-content: center;
  padding: 21px 29px;
  position: relative;
  width: 344px;
}

.mobile .view-53 {
  height: 178px;
  left: 0;
  position: absolute;
  top: 0;
  width: 344px;
}

.mobile .x2-6 {
  background-image: url(../img/vector-46.svg);
  left: 282px;
  width: 62px;
}

.mobile .x2-7 {
  background-image: url(../img/vector-47.svg);
  left: 0;
  width: 61px;
}

.mobile .frame-465-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  position: relative;
  width: 284px;
}

.mobile .text-202 {
  align-self: stretch;
  height: 52px;
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobile .x140-1 {
  height: 64.06px;
  position: relative;
  width: 187.79px;
}

.mobile .vector-container-6 {
  align-items: center;
  display: flex;
  height: 64px;
  min-width: 188px;
}

.mobile .vector-45 {
  align-self: flex-end;
  height: 19px;
  width: 19px;
}

.mobile .vector-46 {
  height: 61px;
  margin-bottom: 0.83px;
  margin-left: 7px;
  width: 39px;
}

.mobile .vector-47 {
  height: 61px;
  margin-bottom: 0.83px;
  margin-left: 7px;
  width: 46px;
}

.mobile .vector-48 {
  align-self: flex-start;
  height: 63px;
  margin-left: 6px;
  width: 43px;
}

.mobile .vector-49 {
  align-self: flex-end;
  height: 19px;
  margin-left: 4px;
  width: 18px;
}

.mobile .x2976-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 178px;
  justify-content: center;
  padding: 25px 40px;
  position: relative;
  width: 344px;
}

.mobile .x2-8 {
  background-image: url(../img/vector-53.svg);
  left: 282px;
  width: 62px;
}

.mobile .x2-9 {
  background-image: url(../img/vector-54.svg);
  left: 0;
  width: 61px;
}

.mobile .frame-464-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  margin-bottom: -0.03px;
  margin-top: -0.03px;
  position: relative;
  width: 263px;
}

.mobile .text-203 {
  align-self: stretch;
  height: 52px;
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobile .x2976-3 {
  height: 64.06px;
  position: relative;
  width: 235.76px;
}

.mobile .flex-row-3 {
  align-items: flex-end;
  display: flex;
  height: 64px;
  min-width: 236px;
}

.mobile .vector-35 {
  height: 19px;
  width: 19px;
}

.mobile .vector-36 {
  height: 18px;
  margin-bottom: 0;
  margin-left: 2px;
  width: 17px;
}

.mobile .vector-50 {
  align-self: flex-start;
  height: 62px;
  margin-left: 4px;
  width: 43px;
}

.mobile .vector-container-7 {
  align-self: flex-start;
  height: 63px;
  margin-left: 2px;
  position: relative;
  width: 126px;
}

.mobile .vector-51 {
  height: 63px;
  left: 84px;
  position: absolute;
  top: 0;
  width: 43px;
}

.mobile .vector-52 {
  height: 61px;
  left: 42px;
  position: absolute;
  top: 1px;
  width: 42px;
}

.mobile .vector-53 {
  height: 63px;
  left: 0;
  position: absolute;
  top: 0;
  width: 43px;
}

.mobile .vector-54 {
  height: 19px;
  margin-bottom: 0.02px;
  margin-left: 3px;
  width: 19px;
}

.mobile .x718-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 178px;
  justify-content: center;
  padding: 19px 45px;
  position: relative;
  width: 344px;
}

.mobile .x2-10 {
  background-image: url(../img/vector-62.svg);
  left: 282px;
  width: 62px;
}

.mobile .x2-11 {
  background-image: url(../img/vector-63.svg);
  left: 0;
  width: 61px;
}

.mobile .frame-466-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  position: relative;
  width: 253px;
}

.mobile .web-4 {
  align-self: stretch;
  height: 52px;
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobile .x718-3 {
  height: 64.06px;
  position: relative;
  width: 208.79px;
}

.mobile .vector-container-8 {
  align-items: flex-end;
  display: flex;
  height: 64px;
  min-width: 209px;
}

.mobile .vector-55 {
  align-self: center;
  height: 61px;
  margin-bottom: 0.83px;
  margin-left: 6px;
  width: 42px;
}

.mobile .vector-56 {
  align-self: center;
  height: 61px;
  margin-bottom: 0.83px;
  margin-left: 10px;
  width: 39px;
}

.mobile .vector-57 {
  align-self: flex-start;
  height: 63px;
  margin-left: 9px;
  width: 42px;
}

.mobile .vector-58 {
  height: 19px;
  margin-bottom: 0.02px;
  margin-left: 4px;
  width: 19px;
}

.mobile .overlap-group-32 {
  align-items: center;
  background-image: url(../img/group-468@2x.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 87px;
  width: 390px;
  margin-top: -1px;
}

.mobile .lp-82 {
  height: 36px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  width: 344px;
}

.mobile .text-201 {
  height: 10px;
  letter-spacing: 0;
  line-height: 10px;
  min-width: 70px;
  text-align: center;
  white-space: nowrap;
}

.mobile .view-68 {
  align-items: flex-end;
  background-color: var(--lily-white);
  display: flex;
  flex-direction: column;
  gap: 32px;
  left: 0;
  min-height: 568px;
  padding: 64px 19px;
  position: absolute;
  top: 1161px;
  width: 390px;
}

.mobile .group-545 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 232px;
  width: 348px;
}

.mobile .lp-83 {
  height: 56px;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  width: 344px;
}

.mobile .lplp {
  height: 160px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 344px;
}

.mobile .group-544 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 2.06px;
  min-height: 176px;
  width: 346px;
}

.mobile .one-stop-web {
  height: 40px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  width: 344px;
}

.mobile .frame-477-1 {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.mobile .view-69 {
  background-color: var(--smalt);
  height: 120px;
  position: relative;
  width: 69px;
}

.mobile .group-472-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 23px;
  min-height: 98px;
  position: relative;
  top: 9px;
  width: 25px;
}

.mobile .text-206 {
  height: 65px;
  letter-spacing: 0;
  line-height: 10px;
  margin-right: 1.04px;
  width: 10px;
}

.mobile .x1-1 {
  aspect-ratio: 1;
  height: 23px;
  margin-right: 2.0px;
  width: 23px;
}

.mobile .frame-477-item {
  height: 120px;
  position: relative;
  width: 69px;
}

.mobile .group-1 {
  height: 120px;
  position: relative;
}

.mobile .group-641 {
  align-items: flex-start;
  background-color: var(--azure-radiance);
  display: flex;
  height: 120px;
  left: 0;
  min-width: 69px;
  padding: 51px 0.1px;
  position: absolute;
  top: 0;
}

.mobile .subtract-11 {
  height: 18px;
  width: 6px;
}

.mobile .group-473-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 17px;
  left: 18px;
  min-height: 97px;
  position: absolute;
  top: 9px;
  width: 35px;
}

.mobile .text-207 {
  height: 58px;
  letter-spacing: 0;
  line-height: 10px;
  margin-right: 1.0px;
  text-align: center;
  width: 10px;
}

.mobile .pcsp-4 {
  height: 22px;
  margin-right: 2.0px;
  width: 33px;
}

.mobile .group-6 {
  align-items: flex-start;
  background-color: var(--smalt);
  display: flex;
  height: 120px;
  left: 0;
  min-width: 69px;
  padding: 51px 0;
  position: absolute;
  top: 0;
}

.mobile .group-474-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  left: 16px;
  min-height: 97px;
  position: absolute;
  top: 9px;
  width: 39px;
}

.mobile .text-208 {
  height: 58px;
  letter-spacing: 0;
  line-height: 10px;
  margin-right: 1.3px;
  text-align: center;
  width: 10px;
}

.mobile .group-471 {
  height: 23px;
  margin-right: 2.0px;
  width: 37px;
}

.mobile .view-70 {
  height: 120px;
  position: relative;
  width: 68.06px;
}

.mobile .group-container-7 {
  height: 120px;
  position: relative;
  width: 68px;
}

.mobile .group-639 {
  align-items: flex-start;
  background-color: var(--azure-radiance);
  display: flex;
  height: 120px;
  left: 0;
  min-width: 68px;
  padding: 51px 0;
  position: absolute;
  top: 0;
}

.mobile .group-475-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 17px;
  left: 21px;
  min-height: 97px;
  position: absolute;
  top: 9px;
  width: 29px;
}

.mobile .text-209 {
  height: 58px;
  letter-spacing: 0;
  line-height: 10px;
  margin-right: 0.88px;
  text-align: center;
  width: 10px;
}

.mobile .view-71 {
  align-items: flex-end;
  display: flex;
  gap: 2px;
  margin-right: 2.0px;
  min-width: 27px;
}

.mobile .vector-59 {
  height: 9px;
  margin-bottom: 0;
  width: 4px;
}

.mobile .vector-60 {
  height: 16px;
  margin-bottom: 0;
  width: 4px;
}

.mobile .vector-container-9 {
  height: 22px;
  margin-bottom: 0;
  position: relative;
  width: 15px;
}

.mobile .vector-61 {
  height: 3px;
  left: 6px;
  position: absolute;
  top: 9px;
  width: 4px;
}

.mobile .vector-62 {
  height: 7px;
  left: 6px;
  position: absolute;
  top: 15px;
  width: 4px;
}

.mobile .vector-63 {
  height: 22px;
  left: 0;
  position: absolute;
  top: 0;
  width: 4px;
}

.mobile .vector-64 {
  height: 11px;
  left: 3px;
  position: absolute;
  top: 5px;
  width: 11px;
}

.mobile .frame-476 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 14px;
  left: 22px;
  position: absolute;
  top: 9px;
  width: 27px;
}

.mobile .p-d-c-a {
  height: 58px;
  letter-spacing: 0;
  line-height: 10px;
  margin-top: -0.38px;
  position: relative;
  text-align: center;
  width: 10px;
}

.mobile .group-2 {
  aspect-ratio: 1;
  background-image: url(../img/vector-76.svg);
  background-size: 100% 100%;
  height: 26.88px;
  position: relative;
  width: 26.88px;
}

.mobile .vector-container-10 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1px;
  left: 8px;
  min-height: 11px;
  position: absolute;
  top: 8px;
  width: 5px;
}

.mobile .vector-65 {
  height: 5px;
  margin-left: 0.63px;
  width: 4px;
}

.mobile .vector-37 {
  height: 5px;
  width: 5px;
}

.mobile .vector-container-11 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1px;
  left: 13px;
  min-height: 11px;
  position: absolute;
  top: 8px;
  width: 6px;
}

.mobile .vector-66 {
  height: 5px;
  margin-left: 0.79px;
  width: 5px;
}

.mobile .view-72 {
  align-items: flex-start;
  display: flex;
  height: 1980px;
  min-width: 390px;
}

.mobile .group-556 {
  align-items: center;
  background-color: var(--zumthor);
  display: flex;
  flex-direction: column;
  min-height: 1980px;
  width: 390px;
}

.mobile .group-550 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 4.0px;
  margin-top: 64px;
  min-height: 264px;
  width: 348px;
}

.mobile .lp-84 {
  height: 88px;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  width: 344px;
}

.mobile .text_label-14 {
  height: 160px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 344px;
}

.mobile .group-557 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 32px;
  min-height: 584px;
  width: 390px;
}

.mobile .overlap-group-33 {
  align-items: flex-end;
  background-color: var(--gold);
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 366px;
  padding: 31.9px 21px;
  width: 390px;
}

.mobile .group-548-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 141px;
  width: 346px;
}

.mobile .text-214 {
  color: transparent;
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-weight: 700;
  height: 24px;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
  white-space: nowrap;
  width: 343px;
}

.mobile .span1-2 {
  color: var(--azure-radiance);
}

.mobile .view-73 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 93px;
  width: 348px;
}

.mobile .text-213 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  width: 343px;
}

.mobile .sasquatch_logo-1 {
  height: 49px;
  width: 343px;
}

.mobile .text-212 {
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 12px;
  font-weight: 400;
  height: 12px;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: -6px;
  margin-left: 1.0px;
  text-align: center;
  white-space: nowrap;
  width: 343px;
}

.mobile .pc-1 {
  align-self: center;
  aspect-ratio: 1.81;
  height: 137px;
  width: 248px;
}

.mobile .group-642 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 4.0px;
  min-height: 198px;
  width: 348px;
}

.mobile .lp6-1 {
  height: 124px;
  letter-spacing: 0;
  line-height: 22px;
  text-align: justify;
  width: 344px;
}

.mobile .text_label-15 {
  height: 58px;
  letter-spacing: 0;
  line-height: 22px;
  text-align: justify;
  width: 266px;
}

.mobile .span-6 {
  text-decoration: underline;
}
.mobile .sp-footer-open .span-6 {
  display: inline;
}

.mobile .view-74 {
  align-items: flex-end;
  background-color: var(--gold);
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
  min-height: 313px;
  padding: 0 18px;
  width: 390px;
}

.mobile .group-517-4 {
  min-height: 122px;
}

.mobile .text-211 {
  height: 40px;
  letter-spacing: 0;
  line-height: 24px;
  width: 344px;
}

.mobile .web-5 {
  height: 66px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 344px;
}

.mobile .sasquatch-1-1 {
  align-self: center;
  aspect-ratio: 1.98;
  height: 142px;
  margin-left: 2.0px;
  width: 280px;
}

.mobile .view-75 {
  align-items: flex-end;
  background-color: var(--gold);
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 15px;
  min-height: 313px;
  padding: 0 18px;
  width: 390px;
}

.mobile .lp-85 {
  height: 40px;
  letter-spacing: 0;
  line-height: 24px;
  width: 344px;
}

.mobile .web-6 {
  height: 66px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 344px;
}

.mobile .view-76 {
  align-items: flex-end;
  background-color: var(--gold);
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
  min-height: 359px;
  padding: 0 18px;
  width: 390px;
}

.mobile .group-517-5 {
  min-height: 168px;
}

.mobile .text-210 {
  height: 40px;
  letter-spacing: 0;
  line-height: 24px;
  width: 344px;
}

.mobile .text_label-16 {
  height: 112px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 344px;
}

.mobile .view-77 {
  align-items: center;
  background-color: var(--half-spanish-white);
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-top: 31px;
  min-height: 2070px;
  padding: 59px 0;
  width: 390px;
}

.mobile .overlap-group1-12 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--heat-wave);
  display: flex;
  height: 48px;
  min-width: 344px;
  padding: 11px 0;
}

.mobile .text-224 {
  height: 24px;
  letter-spacing: 0;
  line-height: 32px;
  margin-left: -1px;
  text-align: center;
  white-space: nowrap;
  width: 344px;
}

.mobile .group-592 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-height: 1822px;
  width: 390px;
}

.mobile .group-412-1 {
  height: 424px;
  margin-left: 6.0px;
  position: relative;
  width: 396px;
}

.mobile .flex-col-4 {
  align-items: center;
  min-height: 424px;
  width: 392px;
}

.mobile .text-223 {
  height: 24px;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 8px;
  margin-right: 2.0px;
  text-align: center;
  white-space: nowrap;
  width: 344px;
}

.mobile .overlap-group-34 {
  align-items: flex-end;
  background-color: var(--heat-wave);
  display: flex;
  height: 96px;
  margin-right: 2.0px;
  margin-top: 16px;
  min-width: 390px;
  padding: 15px 23px;
}

.mobile .text-222 {
  height: 64px;
  letter-spacing: 0;
  line-height: 48px;
  text-align: center;
  width: 344px;
}

.mobile .span0-2 {
  line-height: 64px;
}

.mobile .span1-3 {
  line-height: 24px;
}

.mobile .lp-86 {
  height: 168px;
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 2.0px;
  margin-top: 60px;
  width: 344px;
}

.mobile .ablp-2 {
  height: 88px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: 2.0px;
  margin-top: 60px;
  width: 344px;
}

.mobile .line {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 2px;
  width: 344px;
}

.mobile .line.--group-592 {
  margin-top: 80px;
}

.mobile .line-1 {
  height: 1px;
  width: 344px;
}

.mobile .group-411-1 {
  height: 452px;
  margin-left: 6.0px;
  position: relative;
  width: 396px;
}

.mobile .flex-col-5 {
  align-items: center;
  gap: 16px;
  min-height: 452px;
  width: 392px;
}

.mobile .text-221 {
  height: 56px;
  letter-spacing: 0;
  line-height: 32px;
  margin-right: 2.0px;
  text-align: center;
  width: 344px;
}

.mobile .overlap-group-35 {
  align-items: center;
  background-color: var(--unmellow-yellow);
  display: flex;
  height: 96px;
  margin-right: 2.0px;
  min-width: 390px;
  padding: 0 23px;
}

.mobile .text-220 {
  height: 64px;
  letter-spacing: 0;
  line-height: 64px;
  text-align: center;
  width: 344px;
}

.mobile .text_label-17 {
  height: 216px;
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 2.0px;
  width: 344px;
}

.mobile .text-219 {
  height: 36px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: 2.0px;
  width: 344px;
}

.mobile .view-78 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-left: 4.0px;
  min-height: 292px;
  width: 348px;
}

.mobile .text-218 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.8;
  white-space: nowrap;
}

.mobile .x4 {
  height: 256px;
  letter-spacing: 0;
  line-height: 22px;
  opacity: 0.8;
  text-align: justify;
  width: 344px;
}

.mobile .view-79 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 7.0px;
  min-height: 304px;
  width: 351px;
}

.mobile .text-217 {
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.mobile .text-216 {
  height: 40px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 12px;
  text-align: justify;
  width: 344px;
}

.mobile .group-489 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  min-height: 220px;
  width: 349px;
}

.mobile .line-2 {
  height: 1px;
  margin-top: -1px;
  object-fit: cover;
  width: 344px;
}

.mobile .abl {
  height: 212px;
  letter-spacing: 0;
  line-height: 22px;
  margin-left: 3px;
  width: 344px;
}

.mobile .view-80 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-left: 4.0px;
  min-height: 86px;
  width: 348px;
}

.mobile .text-215 {
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.mobile .text_label-18 {
  height: 58px;
  letter-spacing: 0;
  line-height: 22px;
  text-align: justify;
  width: 344px;
}

.mobile .faq-sp-open {
  align-items: center;
  background-color: var(--lily-white);
  display: flex;
  flex-direction: column;
  padding: 62px 0;
  width: 390px;
}

.mobile .overlap-group1-13 {
  height: 48px;
  margin-left: 1.0px;
  margin-top: 4px;
  position: relative;
  width: 345px;
}

.mobile .rectangle-225 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  height: 48px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 344px;
}

.mobile .text-238 {
  height: 24px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 12px;
  white-space: nowrap;
  width: 344px;
}

.mobile .view-81 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 48px;
  width: 390px;
}

.mobile .view-54 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-left: 2.0px;
  min-height: 24px;
  width: 346px;
}

.mobile .text-2-4 {
  height: 16px;
  line-height: 16px;
  margin-right: 2.0px;
  text-align: center;
  width: 344px;
}

.mobile .rectangle-218-1 {
  background-color: var(--unmellow-yellow);
  height: 4px;
  width: 160px;
}

.mobile .q-6 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 390px;
}

.mobile .view-82 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 390px;
}

.mobile .q-7 {
  align-items: flex-start;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  gap: 9px;
  height: 96px;
  min-width: 390px;
  padding: 31px 22px;
}

.mobile .overlap-group-21 {
  height: 32px;
  position: relative;
  width: 303px;
}

.mobile .text-236 {
  height: 16px;
  left: 39px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 8px;
  white-space: nowrap;
  width: 264px;
}

.mobile .price-2 {
  left: 0;
  position: absolute;
  top: 0;
}

.mobile .group-406-2 {
  background-color: var(--white);
  border-radius: 16px;
  height: 32px;
  min-width: 32px;
  padding: 15.0px 4.3px;
}

.mobile .x-17 {
  background-image: url(../img/line-27-15.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 21px;
}

.mobile .a-30 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 268px;
  min-width: 390px;
  padding: 29px 22px;
}

.mobile .a-31 {
  align-self: center;
  height: 32px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 40px;
}

.mobile .lp3-1 {
  height: 208px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 304px;
}

.mobile .view-55 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 390px;
}

.mobile .q-8 {
  align-items: center;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--lochmara);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 96px;
  min-width: 390px;
  padding: 29px 22px;
}

.mobile .price-3 {
  margin-bottom: 2.0px;
}

.mobile .text-235 {
  align-self: flex-start;
  height: 36px;
  letter-spacing: 0;
  line-height: 24px;
  width: 264px;
}

.mobile .group-406-3 {
  background-color: var(--white);
  border-radius: 16px;
  height: 32px;
  margin-bottom: 2.0px;
  margin-left: 8px;
  min-width: 32px;
  padding: 15.0px 4.3px;
}

.mobile .x-18 {
  background-image: url(../img/line-27-15.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 21px;
}

.mobile .a-32 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 196px;
  min-width: 390px;
  padding: 29px 22px;
}

.mobile .a-33 {
  align-self: center;
  height: 32px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 40px;
}

.mobile .text_label-19 {
  height: 136px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 304px;
}

.mobile .q-9 {
  align-items: flex-start;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--lochmara);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 96px;
  min-width: 390px;
  padding: 28px 22px;
}

.mobile .price-6 {
  margin-top: 2px;
}

.mobile .text-234 {
  height: 36px;
  letter-spacing: 0;
  line-height: 24px;
  width: 264px;
}

.mobile .x-19 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--fuscous-gray);
  border-radius: 16px;
  display: flex;
  height: 32px;
  margin-left: 8px;
  margin-top: 2px;
  min-width: 32px;
  padding: 15px 4.3px;
}

.mobile .line-27 {
  height: 1px;
  object-fit: cover;
  width: 21px;
}

.mobile .a-34 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 196px;
  min-width: 390px;
  padding: 29px 22px;
}

.mobile .a-35 {
  align-self: center;
  height: 32px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 40px;
}

.mobile .lp-87 {
  height: 136px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 304px;
}

.mobile .view-83 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
  width: 390px;
}

.mobile .q-10 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 390px;
}

.mobile .lp-88 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 390px;
}

.mobile .q-11 {
  align-items: flex-start;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  gap: 9px;
  height: 96px;
  min-width: 390px;
  padding: 31px 22px;
}

.mobile .lp-89 {
  height: 16px;
  left: 39px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 8px;
  white-space: nowrap;
  width: 264px;
}

.mobile .x-20 {
  background-image: url(../img/line-27-15.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 21px;
}

.mobile .a-36 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 218px;
  min-width: 390px;
  padding: 16px 22px;
}

.mobile .a-37 {
  align-self: center;
  height: 32px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 40px;
}

.mobile .lp-90 {
  height: 184px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 304px;
}

.mobile .view-84 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 390px;
}

.mobile .q-12 {
  align-items: center;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--lochmara);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 96px;
  min-width: 390px;
  padding: 15px 22px;
}

.mobile .text-232 {
  align-self: flex-start;
  height: 64px;
  letter-spacing: 0;
  line-height: 24px;
  width: 264px;
}

.mobile .x-21 {
  background-image: url(../img/line-27-15.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 21px;
}

.mobile .a-38 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 292px;
  min-width: 390px;
  padding: 29px 22px;
}

.mobile .a-39 {
  align-self: center;
  height: 32px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 40px;
}

.mobile .x30-2 {
  height: 232px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 304px;
}

.mobile .lp-91 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 390px;
}

.mobile .q-13 {
  align-items: center;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--lochmara);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 96px;
  min-width: 390px;
  padding: 27px 22px;
}

.mobile .lp-92 {
  align-self: flex-start;
  height: 40px;
  letter-spacing: 0;
  line-height: 24px;
  width: 264px;
}

.mobile .x-22 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--fuscous-gray);
  border-radius: 16px;
  display: flex;
  height: 32px;
  margin-bottom: 2.0px;
  margin-left: 8px;
  min-width: 32px;
  padding: 15px 4.3px;
}

.mobile .a-40 {
  align-items: center;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 532px;
  min-width: 390px;
  padding: 0 23px;
}

.mobile .overlap-group-36 {
  height: 472px;
  position: relative;
  width: 339px;
}

.mobile .lp-93 {
  height: 472px;
  left: 35px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: justify;
  top: 0;
  width: 304px;
}

.mobile .a-41 {
  height: 32px;
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 220px;
  white-space: nowrap;
  width: 40px;
}

.mobile .lp-94 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 390px;
}

.mobile .q-14 {
  align-items: center;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--lochmara);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 96px;
  min-width: 390px;
  padding: 27px 22px;
}

.mobile .lp-95 {
  align-self: flex-start;
  height: 40px;
  letter-spacing: 0;
  line-height: 24px;
  width: 264px;
}

.mobile .x-23 {
  background-image: url(../img/line-27-15.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 21px;
}

.mobile .a-42 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 220px;
  min-width: 390px;
  padding: 29px 22px;
}

.mobile .a-43 {
  align-self: center;
  height: 32px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 40px;
}

.mobile .text_label-20 {
  height: 160px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 304px;
}

.mobile .view-85 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 390px;
}

.mobile .q-15 {
  align-items: center;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--lochmara);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 96px;
  min-width: 390px;
  padding: 27px 22px;
}

.mobile .text-231 {
  align-self: flex-start;
  height: 40px;
  letter-spacing: 0;
  line-height: 24px;
  width: 264px;
}

.mobile .x-24 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--fuscous-gray);
  border-radius: 16px;
  display: flex;
  height: 32px;
  margin-bottom: 2.0px;
  margin-left: 8px;
  min-width: 32px;
  padding: 15px 4.3px;
}

.mobile .a-44 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 220px;
  min-width: 390px;
  padding: 29px 22px;
}

.mobile .a-45 {
  align-self: center;
  height: 32px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 26.0px;
  white-space: nowrap;
  width: 40px;
}

.mobile .lp-96 {
  height: 160px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 304px;
}

.mobile .view-86 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
  width: 390px;
}

.mobile .q-16 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 390px;
}

.mobile .lp-97 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 390px;
}

.mobile .q-17 {
  align-items: center;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  gap: 9px;
  height: 96px;
  min-width: 390px;
  padding: 0 22px;
}

.mobile .overlap-group-22 {
  height: 36px;
  position: relative;
  width: 303px;
}

.mobile .lp-98 {
  height: 36px;
  left: 39px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
  width: 264px;
}

.mobile .price-4 {
  left: 0;
  position: absolute;
  top: 2px;
}

.mobile .x-25 {
  background-image: url(../img/line-27-15.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 21px;
}

.mobile .a-46 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 172px;
  min-width: 390px;
  padding: 29px 22px;
}

.mobile .a-47 {
  align-self: center;
  height: 32px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 40px;
}

.mobile .text_label-21 {
  height: 112px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 304px;
}

.mobile .q-18 {
  align-items: flex-start;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--lochmara);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 96px;
  min-width: 390px;
  padding: 31px 22px;
}

.mobile .text-229 {
  align-self: center;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 264px;
}

.mobile .group-406-4 {
  background-color: var(--white);
  border-radius: 16px;
  height: 32px;
  margin-left: 8px;
  min-width: 32px;
  padding: 15.0px 4.3px;
}

.mobile .x-26 {
  background-image: url(../img/line-27-15.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 21px;
}

.mobile .a-48 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 196px;
  min-width: 390px;
  padding: 29px 22px;
}

.mobile .a-49 {
  align-self: center;
  height: 32px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 40px;
}

.mobile .lp-web-1 {
  height: 136px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 304px;
}

.mobile .q-19 {
  align-items: flex-start;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--lochmara);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 96px;
  min-width: 390px;
  padding: 31px 22px;
}

.mobile .text-228 {
  align-self: center;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 264px;
}

.mobile .x-27 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--fuscous-gray);
  border-radius: 16px;
  display: flex;
  height: 32px;
  margin-left: 8px;
  min-width: 32px;
  padding: 15px 4.3px;
}

.mobile .a-50 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 196px;
  min-width: 390px;
  padding: 29px 22px;
}

.mobile .a-51 {
  align-self: center;
  height: 32px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 40px;
}

.mobile .text_label-22 {
  height: 136px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 304px;
}

.mobile .ab-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 390px;
}

.mobile .q-20 {
  align-items: flex-start;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--lochmara);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 96px;
  min-width: 390px;
  padding: 31px 22px;
}

.mobile .ab-2 {
  align-self: center;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 264px;
}

.mobile .x-28 {
  background-image: url(../img/line-27-15.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 21px;
}

.mobile .a-52 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 316px;
  min-width: 390px;
  padding: 29px 22px;
}

.mobile .a-53 {
  align-self: center;
  height: 32px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 40px;
}

.mobile .lp-99 {
  height: 256px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 304px;
}

.mobile .lp-100 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 390px;
}

.mobile .q-21 {
  align-items: center;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--lochmara);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 96px;
  min-width: 390px;
  padding: 27px 22px;
}

.mobile .lp-101 {
  align-self: flex-start;
  height: 40px;
  letter-spacing: 0;
  line-height: 24px;
  width: 264px;
}

.mobile .x-29 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--fuscous-gray);
  border-radius: 16px;
  display: flex;
  height: 32px;
  margin-bottom: 2.0px;
  margin-left: 8px;
  min-width: 32px;
  padding: 15px 4.3px;
}

.mobile .a-54 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 220px;
  min-width: 390px;
  padding: 29px 22px;
}

.mobile .a-55 {
  align-self: center;
  height: 32px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 40px;
}

.mobile .lp136-1 {
  height: 160px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 304px;
}

.mobile .view-87 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
  width: 390px;
}

.mobile .q-22 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 390px;
}

.mobile .view-88 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 390px;
}

.mobile .q-23 {
  align-items: flex-start;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  gap: 9px;
  height: 96px;
  min-width: 390px;
  padding: 29px 22px;
}

.mobile .text-226 {
  height: 36px;
  left: 39px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
  width: 264px;
}

.mobile .group-406-5 {
  align-self: center;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--fuscous-gray);
  border-radius: 16px;
  height: 32px;
  margin-bottom: 2.0px;
  min-width: 32px;
  padding: 15.0px 4.3px;
}

.mobile .x-30 {
  background-image: url(../img/line-27-15.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 21px;
}

.mobile .a-56 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 148px;
  min-width: 390px;
  padding: 29px 22px;
}

.mobile .a-57 {
  align-self: center;
  height: 32px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 40px;
}

.mobile .web-7 {
  height: 88px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 304px;
}

.mobile .view-89 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 390px;
}

.mobile .q-24 {
  align-items: flex-start;
  background-color: var(--zumthor);
  border: 1px solid;
  border-color: var(--lochmara);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 96px;
  min-width: 390px;
  padding: 31px 22px;
}

.mobile .text-225 {
  align-self: center;
  height: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 264px;
}

.mobile .x-31 {
  background-image: url(../img/line-27-15.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 1px;
  width: 21px;
}

.mobile .a-58 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--azure-radiance);
  box-shadow: 0px 10px 5px #e7fbff;
  display: flex;
  height: 244px;
  min-width: 390px;
  padding: 29px 22px;
}

.mobile .a-59 {
  align-self: center;
  height: 32px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 40px;
}

.mobile .lp-102 {
  height: 184px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 304px;
}

.mobile .view-90 {
  align-items: flex-end;
  background-color: var(--unmellow-yellow);
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-height: 408px;
  padding: 64px 19px;
  width: 390px;
}

.mobile .view-91 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 128px;
  width: 348px;
}

.mobile .text-245 {
  height: 24px;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  white-space: nowrap;
  width: 344px;
}

.mobile .text_label-23 {
  height: 88px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: justify;
  width: 344px;
}

.mobile .frame-477-2 {
  align-items: center;
  align-self: center;
  display: inline-flex;
  position: relative;
}

.mobile .rectangle-1 {
  background-color: var(--heat-wave);
  height: 120px;
  position: relative;
  width: 49px;
}

.mobile .rectangle-1-1 {
  background-color: var(--azure-radiance);
  height: 120px;
  position: relative;
  width: 49px;
}

.mobile .rectangle-19 {
  background-color: var(--blue-2);
  height: 120px;
  position: relative;
  width: 49px;
}

.mobile .text-239 {
  height: 90px;
  left: 313px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  text-align: center;
  top: 14px;
  width: 10px;
}

.mobile .subtract-12 {
  height: 25px;
  left: 292px;
  position: absolute;
  top: 44px;
  width: 7px;
}

.mobile .text-240 {
  height: 90px;
  left: 264px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  text-align: center;
  top: 14px;
  width: 10px;
  /* 縦書き設定 */
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.mobile .subtract-13 {
  height: 25px;
  left: 243px;
  position: absolute;
  top: 44px;
  width: 7px;
}

.mobile .frame-643-3 {
  left: 215px;
  position: absolute;
  top: 14px;
  width: 10px;
}

.mobile .pcsp-5 {
  align-self: stretch;
  height: 90px;
  letter-spacing: 0;
  line-height: 10px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.mobile .subtract-14 {
  height: 25px;
  left: 194px;
  position: absolute;
  top: 44px;
  width: 7px;
}

.mobile .text-241 {
  height: 90px;
  left: 166px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  text-align: center;
  top: 14px;
  width: 10px;
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.mobile .subtract-15 {
  height: 25px;
  left: 145px;
  position: absolute;
  top: 44px;
  width: 7px;
}

.mobile .frame-474 {
  align-items: center;
  display: inline-flex;
  gap: 4px;
  justify-content: center;
  left: 118px;
  position: absolute;
  top: 14px;
}

.mobile .text-242 {
  height: 90px;
  letter-spacing: 0;
  line-height: 10px;
  margin-top: -0.32px;
  position: relative;
  text-align: center;
  width: 10.04px;
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.mobile .frame-643-4 {
  position: relative;
  width: 10.04px;
}

.mobile .pc-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 10px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobile .subtract-16 {
  height: 25px;
  left: 96px;
  position: absolute;
  top: 44px;
  width: 7px;
}

.mobile .text-243 {
  height: 90px;
  left: 68px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  text-align: center;
  top: 14px;
  width: 10px;
}

.mobile .subtract-17 {
  height: 25px;
  left: 47px;
  position: absolute;
  top: 44px;
  width: 7px;
}

.mobile .text-244 {
  height: 30px;
  left: 19px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  text-align: center;
  top: 44px;
  width: 10px;
}

.mobile .view-92 {
  align-items: flex-end;
  background-color: var(--zumthor);
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-height: 1592px;
  padding: 26px 0;
  width: 390px;
}

.mobile .group-568 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 4.0px;
  margin-top: 38px;
  min-height: 136px;
  width: 348px;
}

.mobile .text-272 {
  height: 48px;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
  width: 344px;
}

.mobile .group-498-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-right: -23px;
  min-height: 1334px;
  width: 390px;
}

.mobile .view-93 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-left: 0;
  min-height: 70px;
  width: 344px;
}

.mobile .group-586 {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  height: 21px;
  min-width: 110px;
}

.mobile .text-2-5 {
  height: 14px;
  line-height: 22px;
  width: 42px;
}

.mobile .frame-580 {
  align-items: center;
  align-self: flex-end;
  background-color: var(--heat-wave);
  display: flex;
  gap: 10px;
  height: 20px;
  justify-content: center;
  position: relative;
  width: 50px;
}

.mobile .text-2-6 {
  height: 14px;
  line-height: 22px;
  position: relative;
  width: 28px;
}

.mobile .rectangle-20-2 {
  width: 344px;
}

.mobile .line-4 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 2px;
  width: 390px;
}

.mobile .line-5 {
  height: 1px;
  width: 367px;
}

.mobile .view-56 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 132px;
  width: 344px;
}

.mobile .group-587 {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  min-width: 110px;
}

.mobile .frame-58-1 {
  align-items: center;
  background-color: var(--heat-wave);
  display: flex;
  gap: 10px;
  height: 20px;
  justify-content: center;
  position: relative;
  width: 50px;
}

.mobile .group-57-2 {
  gap: 22px;
}

.mobile .text-266 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: 2.0px;
  white-space: nowrap;
  width: 14px;
}

.mobile .rectangle-20-3 {
  width: 308px;
}

.mobile .text-265 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
  width: 14px;
}

.mobile .group-588 {
  align-items: center;
  display: flex;
  gap: 8px;
  min-width: 186px;
}

.mobile .text_label-24 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  margin-top: 2.0px;
  white-space: nowrap;
  width: 126px;
}

.mobile .group-57-3 {
  gap: 8px;
}

.mobile .text-263 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  margin-top: 6.0px;
  white-space: nowrap;
  width: 28px;
}

.mobile .text-262 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  margin-top: 8.0px;
  white-space: nowrap;
  width: 28px;
}

.mobile .view-94 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 68px;
  width: 344px;
}

.mobile .group-589 {
  align-items: center;
  display: flex;
  gap: 16px;
  min-width: 166px;
}

.mobile .text-261 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
  width: 98px;
}

.mobile .view-95 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 86px;
  width: 346px;
}

.mobile .group-590 {
  align-items: center;
  display: flex;
  gap: 16px;
  min-width: 124px;
}

.mobile .text-259 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
  width: 56px;
}

.mobile .rectangle-203 {
  background-color: var(--white);
  border: 0.51px solid;
  border-color: var(--azure-radiance);
  box-shadow: 2.04px 2.04px 2.04px #e7fbff;
  height: 40px;
  margin-top: 8px;
  width: 344px;
}

.mobile .text-257 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: -8px;
  margin-top: 4px;
  white-space: nowrap;
}

.mobile .view-96 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 204px;
  width: 344px;
}

.mobile .group-572 {
  align-items: center;
  display: flex;
  gap: 14px;
  margin-left: 4.0px;
  min-width: 348px;
}

.mobile .text-256 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
  width: 126px;
}

.mobile .text-254 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
  width: 140px;
}

.mobile .group-516-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 166px;
  width: 144px;
}

.mobile .lp-103 {
  align-items: flex-start;
  display: flex;
  gap: 4px;
  min-width: 121px;
}

.mobile .overlap-group-37 {
  align-items: flex-start;
  background-color: var(--white);
  border: 0.51px solid;
  border-color: var(--azure-radiance);
  border-radius: 7px;
  display: flex;
  height: 14px;
  min-width: 14px;
  padding: 2.5px;
}

.mobile .ellipse-39 {
  background-color: var(--azure-radiance);
  border-radius: 4px;
  height: 8px;
  width: 8px;
}

.mobile .lp-104 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
}

.mobile .view-97 {
  align-items: flex-start;
  display: flex;
  gap: 4px;
  min-width: 104px;
}

.mobile .ellipse-3-1 {
  aspect-ratio: 1;
  background-color: var(--white);
  border: 0.51px solid;
  border-color: var(--azure-radiance);
  border-radius: 7px;
  height: 14px;
  width: 14px;
}

.mobile .text-253 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
}

.mobile .view-98 {
  align-items: flex-start;
  display: flex;
  gap: 4px;
  min-width: 146px;
}

.mobile .text-252 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
}

.mobile .view-99 {
  align-items: flex-start;
  display: flex;
  gap: 4px;
  min-width: 62px;
}

.mobile .text-251 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
}

.mobile .view-100 {
  align-items: flex-start;
  display: flex;
  gap: 4px;
  min-width: 92px;
}

.mobile .text-250 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
}

.mobile .view-101 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 114px;
  width: 346px;
}

.mobile .text-249 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: -8px;
  white-space: nowrap;
}

.mobile .rectangle-204-1 {
  background-color: var(--white);
  border: 0.51px solid;
  border-color: var(--azure-radiance);
  box-shadow: 2.04px 2.04px 2.04px #e7fbff;
  height: 92px;
  margin-top: 8px;
  width: 344px;
}

.mobile .view-102 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 96px;
  width: 343px;
}

.mobile .group-497-1 {
  align-items: flex-start;
  aspect-ratio: 15.21;
  display: flex;
  gap: 3px;
  margin-left: 0;
  min-width: 215px;
}

.mobile .rectangle-205-1 {
  aspect-ratio: 1;
  background-color: var(--white);
  border: 1.02px solid;
  border-color: var(--fuscous-gray);
  height: 14px;
  width: 14px;
}

.mobile .text-248 {
  height: 14px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
}

.mobile .text-247 {
  color: transparent;
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: 58px;
  letter-spacing: 0;
  line-height: 22px;
  width: 341px;
}

.mobile .frame-498-1 {
  align-items: center;
  align-self: center;
  background-color: var(--gold);
  display: flex;
  gap: 5.1px;
  height: 32px;
  justify-content: center;
  margin-right: 46.0px;
  position: relative;
  width: 180px;
}

.mobile .text-246 {
  letter-spacing: 0;
  line-height: 22px;
  position: relative;
  text-align: center;
  width: 175.35px;
}

.mobile .sp-footer-open {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 390px;
}

.mobile .sp-footer-open .js-accElement {
  display: none;
}

.mobile .cta-tel {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 8px;
  background: linear-gradient(to left, #FF993E, #E00000);
  padding: 16px 0;
}

.mobile .cta-tel-a {
  line-height: 1;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
}

.mobile .overlap-group6-1 {
  align-items: center;
  background-image: url(../img/vector-81.svg);
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 26.9px 0;
  width: 390px;
}

.mobile .group-597 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 27px;
  width: 344px;
}

.mobile .group-594 {
  align-items: flex-start;
  display: flex;
  gap: 260px;
  margin-top: 16px;
  min-width: 346px;
}

.mobile .text-276 {
  height: 16px;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
  width: 68px;
}

.mobile .group-406-6 {
  border-radius: 8px;
  height: 16px;
  min-width: 16px;
  padding: 7.0px 1.7px;
}

.mobile .group-406-6.group-406 {
  border: solid 1px #FFFFFF;
}

.mobile .x-32 {
  /* background-image: url(../img/line-27-30.svg); */
  background-color: #FFFFFF;
  background-position: 50% 50%;
  /* background-size: cover; */
  height: 1px;
  width: 11px;
}

.mobile .x-32::after {
  content: "";
  position: absolute;
  background-color: #FFFFFF;
  height: 1px;
  width: 11px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.3s ease;
}

.mobile .js-accSwitch.is-opened .x-32::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.mobile .line-4-1 {
  height: 1px;
  margin-top: 15px;
  object-fit: cover;
  width: 344px;
}

.mobile .group-600 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 34px;
  margin-top: 33px;
  min-height: 414px;
  width: 346px;
}

.mobile .overlap-group1-14 {
  height: 329px;
  margin-right: 2.0px;
  position: relative;
  width: 344px;
}

.mobile .x-33 {
  height: 328px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: justify;
  top: 1px;
  width: 344px;
}

.mobile .overlap-group-38 {
  height: 16px;
  left: 325px;
  position: absolute;
  top: 0;
  width: 16px;
}

.mobile .subtract-18 {
  height: 12px;
  left: 4px;
  position: absolute;
  top: 0;
  width: 12px;
}

.mobile .rectangle-222 {
  border: 1px solid;
  border-color: var(--white);
  height: 12px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 12px;
}

.mobile .group-599 {
  align-items: flex-start;
  display: flex;
  gap: 21px;
  margin-right: 3.0px;
  min-width: 159px;
}

.mobile .img_footer012-1 {
  aspect-ratio: 1.71;
  height: 51px;
  object-fit: cover;
  width: 87px;
}

.mobile .group-500-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  height: 51px;
  min-width: 51px;
  padding: 0 7px;
}

.mobile .img_footer03-1 {
  aspect-ratio: 1;
  height: 37px;
  object-fit: cover;
  width: 37px;
}

.mobile .line-41 {
  height: 1px;
  margin-top: 45px;
  object-fit: cover;
  width: 344px;
}

.mobile .group-595 {
  align-items: flex-start;
  display: flex;
  gap: 41px;
  height: 21px;
  margin-top: 16px;
  min-width: 346px;
}

.mobile .text-275 {
  cursor: pointer;
  height: 16px;
  letter-spacing: 0;
  line-height: 32px;
  text-decoration: underline;
  white-space: nowrap;
  width: 287px;
}

.mobile .overlap-group-39 {
  align-self: flex-end;
  height: 16px;
  margin-bottom: 0;
  position: relative;
  width: 16px;
}

.mobile .subtract-19 {
  height: 13px;
  left: 4px;
  position: absolute;
  top: 0;
  width: 13px;
}

.mobile .view-103 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  margin-left: 9.0px;
  min-height: 51px;
  width: 155px;
}

.mobile .text-273 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xs);
  font-weight: 900;
  height: 10px;
  letter-spacing: 0;
  line-height: 38.5px;
  margin-left: 1px;
  white-space: nowrap;
}

.mobile .overlap-group-40 {
  height: 39px;
  position: relative;
  width: 150px;
}

.mobile .aesop-_logo-5 {
  align-items: flex-start;
  display: flex;
  height: 35px;
  left: 0;
  min-width: 150px;
  position: absolute;
  top: 4px;
}

.mobile .vector-67 {
  height: 27px;
  margin-top: 0.18px;
  width: 22px;
}

.mobile .vector-68 {
  align-self: center;
  height: 20px;
  margin-bottom: 0.34px;
  margin-left: 2px;
  width: 18px;
}

.mobile .vector-69 {
  align-self: center;
  height: 20px;
  margin-bottom: 0.35px;
  margin-left: 2px;
  width: 14px;
}

.mobile .vector-70 {
  align-self: center;
  height: 20px;
  margin-bottom: 0.31px;
  margin-left: 2px;
  width: 19px;
}

.mobile .vector-71 {
  align-self: flex-end;
  height: 28px;
  margin-bottom: 0;
  margin-left: 3px;
  width: 19px;
}

.mobile .vector-72 {
  height: 27px;
  margin-left: 11px;
  margin-top: 0.18px;
  width: 15px;
}

.mobile .vector-73 {
  height: 27px;
  margin-left: 3px;
  width: 18px;
}

.mobile .text-274 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xs);
  font-weight: 400;
  height: 10px;
  left: 22px;
  letter-spacing: 0;
  line-height: 10.8px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 71px;
}

.mobile .overlap-group-41 {
  align-items: center;
  background-color: var(--black);
  display: flex;
  height: 40px;
  min-width: 390px;
  padding: 0 23px;
}

.mobile .copyright-j2-compl-1 {
  height: 22px;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
  width: 344px;
}

.mobile .flex-col {
  display: flex;
  flex-direction: column;
}

.mobile .frame-643 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
}

.mobile .group-406 {
  align-items: flex-start;
  aspect-ratio: 1;
  border: 1px solid;
  border-color: var(--fuscous-gray);
  border-radius: 16px;
  display: flex;
  position: relative;
}

.mobile .group-443 {
  display: flex;
  left: 10px;
  min-width: 175px;
  position: absolute;
}

.mobile .group-517 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 33px;
  width: 348px;
}

.mobile .group-57 {
  align-items: center;
  display: flex;
  min-width: 346px;
}

.mobile .index-sp-2 {
  display: flex;
  flex-direction: column;
}

.mobile .price {
  height: 32px;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
  width: 40px;
}

.mobile .rectangle-20 {
  background-color: var(--white);
  border: 0.51px solid;
  border-color: var(--azure-radiance);
  box-shadow: 2.04px 2.04px 2.04px #e7fbff;
  height: 40px;
}

.mobile .rectangle-215-3 {
  height: 2px;
  width: 344px;
}

.mobile .text-1 {
  letter-spacing: 0;
  text-align: center;
}

.mobile .text-2 {
  letter-spacing: 0;
  margin-bottom: 4px;
  white-space: nowrap;
}

.mobile .x2 {
  background-size: 100% 100%;
  height: 178px;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 767px) {
  .screen.index {
    display: none;
   }
  .screen.mobile {
    padding-bottom: 120px;
    overflow-x: hidden;
  }
  .sp-bottom-cta {
    width: 100%;
    min-width: 390px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 90;
    display: flex;
  }
  .cta1.color-2 {
    background: #0017E3;
    padding: 2%;
  }
  .cta1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 8px;
    padding: 14px 0 18px;
    width: 50%;
  }
  .cta1.color-2 .notosansjp-bold-black-16px {
    color: #FFFFFF;
    font-family: var(--font-family-noto_sans_jp);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
    /* 文字サイズ調整 */
    font-size: small;
  }
  .cta1.color-2 .notosansjp-normal-black-16px {
    color: #FFFFFF;
    /* 文字サイズ調整 */
    font-size: small;
    white-space: nowrap;
  }
  .cta1.color-2 .cta1-a {
    background: #F04000;
    text-decoration: none;
  }
  .cta1 .cta1-a {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 12px;
    /* width: 300px; */
    width: 100%;
    height: 40px;
    line-height: 1;
    /* font-size: 20px; */
    font-size: 0.9rem;
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
  }
  .cta2.color-2 {
      background: #fed800;
      padding: 2%;
  }
  .cta2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 8px;
    padding: 14px 0 18px;
    width: 50%;
  }
  .cta2.color-2 .cta1-a {
    background: var(--unmellow-yellow);
    text-decoration: none;
  }
  .cta2 .cta1-a {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 6px;
    /* width: 300px; */
    width: 100%;
    height: 40px;
    line-height: 1;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
  }
  .cta2.color-2 .notosansjp-bold-black-16px {
    color: #000000;
    /* 文字サイズ調整 */
    font-size: small;
  }
  .cta2.color-2 .notosansjp-normal-black-16px {
    color: #000000;
    /* 文字サイズ調整 */
    font-size: small;
    font-weight: bold;
    white-space: nowrap;
  }
  .cta2.color-2 .cta1-a {
    background: #F04000;
    text-decoration: none;
    /* 文字サイズ調整 */
    font-size: 0.9rem;
    white-space: nowrap;
  }

}
@media screen and (min-width: 768px) {
  .screen.mobile {
    display: none;
   }
  .sp-bottom-cta {
    display: none;
  }
}

/* ホバーエフェクト */
.index .view-9:hover,
.index .view-10:hover,
.index .view:hover,
.index .view-1:hover,
.index .view-4:hover,
.index .view-5:hover {
  opacity: 0.7;
}

.mobile .cta1.color-1 .cta1-a:hover,
.mobile .cta1.color-2 .cta1-a:hover,
.mobile .sp-bottom-cta .cta1-a:hover {
  opacity: 0.7;
}