/* screen - sp-a */

.sp-a {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 18824px;
  overflow: hidden;
  width: 430px;
}

.sp-a .overlap-group2 {
  height: 1362px;
  margin-left: 0.08px;
  position: relative;
  width: 430px;
}

.sp-a .x221 {
  background-image: url(../img/file-----219@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 516px;
  left: 0;
  position: absolute;
  top: 846px;
  width: 430px;
}

.sp-a .x218 {
  height: 452px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: 900px;
  width: 390px;
}

.sp-a .x226 {
  height: 19px;
  left: 42px;
  object-fit: cover;
  position: absolute;
  top: 1158px;
  width: 347px;
}

.sp-a .x287 {
  height: 224px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 630px;
  width: 430px;
}

.sp-a .x407 {
  height: 118px;
  left: 9px;
  object-fit: cover;
  position: absolute;
  top: 669px;
  width: 420px;
}

.sp-a .x409 {
  height: 18px;
  left: 46px;
  object-fit: cover;
  position: absolute;
  top: 737px;
  width: 336px;
}

.sp-a .x910 {
  height: 669px;
  left: 0;
  position: absolute;
  top: 0;
  width: 430px;
}

.sp-a .x909 {
  background-image: url(../img/file-----892@1x.webp?v=20260312);
  background-position: 50% 50%;
  background-size: cover;
  height: calc(100% - 69px);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.sp-a .x909_2 {
  background-image: url(../img/file-----892@1x_2.webp?v=20260312);
  background-position: 50% 50%;
  background-size: cover;
  height: calc(100% - 69px);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.sp-a .x2-ai {
  bottom: 30px;
  height: 24px;
  left: 26px;
  width: calc(100% - 52px);
}

.sp-a .image-1 {
  bottom: 0;
  height: 21px;
  left: calc(49.98% - 116px);
  object-fit: cover;
  position: absolute;
  width: 232px;
}

.sp-a .ok {
  height: 16px;
  left: 82px;
  object-fit: cover;
  position: absolute;
  top: 815px;
  width: 266px;
}

.sp-a .ok.sub {
  top: 755px;
}

.sp-a .x895 {
  background-image: url(../img/file-----894-1x-png-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 119px;
  left: 15px;
  position: absolute;
  top: 684px;
  transition: all 0.2s ease;
  width: 400px;
}

.sp-a .x895.sub {
  top: 620px;
}

.sp-a .x895:hover {
  transform: scale(0.9);
}

.sp-a .x907 {
  background-image: url(../img/file----701@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 1745px;
  position: relative;
  width: 430px;
}

.sp-a .x3200-x-1080-px {
  border-radius: 13px;
  height: 135px;
  left: 15px;
  object-fit: cover;
  position: absolute;
  top: 54px;
  width: calc(100% - 30px);
}

.sp-a .x703 {
  background-color: var(--white);
  border-radius: 10px;
  height: 208px;
  position: absolute;
  right: 20px;
  top: calc(17.24% - 36px);
  width: 186px;
}

.sp-a .x704 {
  background-color: var(--white);
  border-radius: 10px;
  height: 208px;
  left: 20px;
  position: absolute;
  top: calc(17.24% - 36px);
  width: 186px;
}

.sp-a .chat-gpt {
  top: calc(23.99% - 10px);
}

.sp-a .nano-banana {
  height: 40px;
  object-fit: cover;
  position: absolute;
  right: 20px;
  top: calc(23.99% - 10px);
  width: 186px;
}

.sp-a .x1 {
  height: 94px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  top: calc(18.11% - 17px);
  width: 167px;
}

.sp-a .x2 {
  height: 94px;
  object-fit: cover;
  position: absolute;
  right: 29px;
  top: calc(18.11% - 17px);
  width: 167px;
}

.sp-a .x826 {
  background-image: url(../img/file-----825-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 43px;
  left: calc(23.77% - 10px);
  position: absolute;
  top: 249px;
  width: 43px;
}

.sp-a .x703-1 {
  top: calc(33.12% - 69px);
}

.sp-a .x704-1 {
  top: calc(33.12% - 69px);
}

.sp-a .ai {
  height: 40px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: calc(38.30% - 15px);
  width: 186px;
}

.sp-a .ai-1 {
  height: 40px;
  object-fit: cover;
  position: absolute;
  right: 20px;
  top: calc(38.30% - 15px);
  width: 186px;
}

.sp-a .x6 {
  height: 94px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  top: calc(32.89% - 31px);
  width: 167px;
}

.sp-a .x12 {
  height: 94px;
  object-fit: cover;
  position: absolute;
  right: 29px;
  top: calc(32.89% - 31px);
  width: 167px;
}

.sp-a .x703-2 {
  top: calc(48.99% - 102px);
}

.sp-a .x704-2 {
  top: calc(48.99% - 102px);
}

.sp-a .ai-2 {
  bottom: calc(47.39% - 19px);
  height: 40px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  width: 186px;
}

.sp-a .ai-3 {
  bottom: calc(47.39% - 19px);
  height: 40px;
  object-fit: cover;
  position: absolute;
  right: 20px;
  width: 186px;
}

.sp-a .x4 {
  height: 94px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  top: calc(47.67% - 45px);
  width: 167px;
}

.sp-a .x3 {
  height: 94px;
  object-fit: cover;
  position: absolute;
  right: 29px;
  top: calc(47.67% - 45px);
  width: 167px;
}

.sp-a .x703-3 {
  bottom: calc(35.13% - 73px);
}

.sp-a .x704-3 {
  bottom: calc(35.13% - 73px);
}

.sp-a .ai-4 {
  bottom: calc(33.08% - 13px);
  height: 40px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  width: 186px;
}

.sp-a .gemini30 {
  bottom: calc(32.70% - 21px);
  height: 63px;
  object-fit: cover;
  position: absolute;
  right: 20px;
  width: 186px;
}

.sp-a .x10 {
  bottom: calc(37.55% - 35px);
  height: 94px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  width: 167px;
}

.sp-a .x9 {
  bottom: calc(37.55% - 35px);
  height: 94px;
  object-fit: cover;
  position: absolute;
  right: 29px;
  width: 167px;
}

.sp-a .x703-4 {
  bottom: calc(19.26% - 40px);
}

.sp-a .x704-4 {
  bottom: calc(19.26% - 40px);
}

.sp-a .chat-gpt29 {
  bottom: calc(18.77% - 8px);
}

.sp-a .ai5 {
  bottom: calc(18.77% - 8px);
  height: 40px;
  object-fit: cover;
  position: absolute;
  right: 20px;
  width: 186px;
}

.sp-a .x8 {
  bottom: calc(22.77% - 21px);
  height: 94px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  width: 167px;
}

.sp-a .x7 {
  bottom: calc(22.77% - 21px);
  height: 94px;
  object-fit: cover;
  position: absolute;
  right: 29px;
  width: 167px;
}

.sp-a .x703-5 {
  bottom: 52px;
}

.sp-a .x704-5 {
  bottom: 52px;
}

.sp-a .ai-5 {
  bottom: 76px;
  height: 40px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  width: 186px;
}

.sp-a .image {
  bottom: 62px;
  height: 63px;
  object-fit: cover;
  position: absolute;
  right: 20px;
  width: 186px;
}

.sp-a .x5 {
  bottom: 132px;
  height: 94px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  width: 167px;
}

.sp-a .x11 {
  bottom: 132px;
  height: 94px;
  object-fit: cover;
  position: absolute;
  right: 29px;
  width: 167px;
}

.sp-a .x834 {
  background-image: url(../img/file-----834-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 43px;
  position: absolute;
  right: calc(23.51% - 10px);
  top: 249px;
  width: 43px;
}

.sp-a .x835 {
  background-image: url(../img/file-----835-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 43px;
  left: calc(23.77% - 10px);
  position: absolute;
  top: calc(28.97% - 12px);
  width: 43px;
}

.sp-a .x836 {
  background-image: url(../img/file-----836-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 43px;
  position: absolute;
  right: calc(23.51% - 10px);
  top: calc(28.97% - 12px);
  width: 43px;
}

.sp-a .x837 {
  background-image: url(../img/file-----837-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 43px;
  left: calc(23.77% - 10px);
  position: absolute;
  top: calc(43.30% - 19px);
  width: 43px;
}

.sp-a .x838 {
  background-image: url(../img/file-----838-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 43px;
  position: absolute;
  right: calc(23.51% - 10px);
  top: calc(43.30% - 19px);
  width: 43px;
}

.sp-a .x839 {
  background-image: url(../img/file-----839-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  bottom: calc(42.36% - 18px);
  height: 43px;
  left: calc(23.77% - 10px);
  position: absolute;
  width: 43px;
}

.sp-a .x840 {
  background-image: url(../img/file-----840-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  bottom: calc(42.36% - 18px);
  height: 43px;
  position: absolute;
  right: calc(23.51% - 10px);
  width: 43px;
}

.sp-a .x841 {
  background-image: url(../img/file-----841-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  bottom: calc(28.03% - 12px);
  height: 43px;
  left: calc(23.77% - 10px);
  position: absolute;
  width: 43px;
}

.sp-a .x842 {
  background-image: url(../img/file-----842-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  bottom: calc(28.03% - 12px);
  height: 43px;
  position: absolute;
  right: calc(23.51% - 10px);
  width: 43px;
}

.sp-a .x843 {
  background-image: url(../img/file-----843-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  bottom: 233px;
  height: 43px;
  left: calc(23.77% - 10px);
  position: absolute;
  width: 43px;
}

.sp-a .x844 {
  background-image: url(../img/file-----844-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  bottom: 233px;
  height: 43px;
  position: absolute;
  right: calc(23.51% - 10px);
  width: 43px;
}

.sp-a .overlap-group3 {
  align-items: center;
  background-image: url(../img/file--------1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  min-height: 731px;
  padding: 28.3px 0;
  width: 430px;
}

.sp-a .x258 {
  margin-left: 0.13px;
  margin-top: 7px;
  object-fit: cover;
  width: 384px;
}

.sp-a .x260 {
  margin-right: 0;
  margin-top: 40px;
  object-fit: cover;
  width: 379px;
}

.sp-a .sp-video {
  margin-right: 0;
  margin-top: 20px;
  object-fit: cover;
  width: 379px;
  height: 213px;
}

.sp-a .x896 {
  background-image: url(../img/file-----894-1x-png-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 119px;
  margin-top: 18px;
  transition: all 0.2s ease;
  width: 400px;
}

.sp-a .x896:hover {
  transform: scale(0.9);
}

.sp-a .ok-1 {
  margin-top: 10px;
  object-fit: cover;
  width: 266px;
}

.sp-a .image-2 {
  margin-top: 33px;
  object-fit: cover;
  width: 276px;
}

.sp-a .x49 {
  margin-left: 1.28px;
  margin-top: 12px;
  object-fit: cover;
  width: 275px;
}

.sp-a .sp-a-item {
  margin-top: 23px;
  object-fit: cover;
  width: 430px;
}

.sp-a .ai-6 {
  margin-left: 2.0px;
  margin-top: 11px;
  object-fit: cover;
  width: 320px;
}

.sp-a .ai-7 {
  margin-left: 0.4px;
  margin-top: 10px;
  object-fit: cover;
  width: 280px;
}

.sp-a .sp-a-item-1 {
  margin-left: 0.08px;
  margin-top: 23px;
  object-fit: cover;
  width: 430px;
}

.sp-a .ai-8 {
  margin-left: 2.4px;
  margin-top: 9px;
  object-fit: cover;
  width: 242px;
}

.sp-a .ai-9 {
  margin-left: 2.0px;
  margin-top: 10px;
  object-fit: cover;
  width: 282px;
}

.sp-a .ai-10 {
  margin-left: 2.0px;
  margin-top: 9px;
  object-fit: cover;
  width: 280px;
}

.sp-a .x79 {
  margin-left: 0.32px;
  margin-top: 55px;
  object-fit: cover;
  width: 430px;
}

.sp-a .overlap-group5 {
  height: 2830px;
  margin-left: 0.32px;
  position: relative;
  width: 430px;
}

.sp-a .x87 {
  height: 190px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 2640px;
  width: 430px;
}

.sp-a .overlap-group1 {
  align-items: flex-end;
  background-image: url(../img/file-----501@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 2640px;
  justify-content: flex-end;
  left: 0;
  min-width: 430px;
  padding: 58.6px 22.8px;
  position: absolute;
  top: 0;
}

.sp-a .x508 {
  height: 2522px;
  object-fit: cover;
  width: 384px;
}

.sp-a .overlap-group4 {
  align-items: flex-end;
  background-image: url(../img/file----115@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 41px;
  margin-left: 0.08px;
  min-height: 980px;
  padding: 41.8px 24.9px;
  width: 430px;
}

.sp-a .x296 {
  object-fit: cover;
  width: 380px;
}

.sp-a .x202211-chat-gptai20257-ai267-ai {
  align-self: center;
  margin-right: 0.08px;
  object-fit: cover;
  width: 380px;
}

.sp-a .x127 {
  margin-left: 0.08px;
  margin-top: 77px;
  object-fit: cover;
  width: 430px;
}

.sp-a .image-3 {
  margin-top: 83px;
  object-fit: cover;
  width: 250px;
}

.sp-a .x300 {
  margin-top: 29px;
  object-fit: cover;
  width: 430px;
}

.sp-a .x897 {
  background-image: url(../img/file-----894-1x-png-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 119px;
  margin-top: 40px;
  transition: all 0.2s ease;
  width: 400px;
}

.sp-a .x897:hover {
  transform: scale(0.9);
}

.sp-a .ok-2 {
  margin-top: 10px;
  object-fit: cover;
  width: 266px;
}

.sp-a .x104 {
  margin-left: 0.32px;
  margin-top: 32px;
  object-fit: cover;
  width: 430px;
}

.sp-a .overlap-group {
  height: 3625px;
  position: relative;
  width: 430px;
}

.sp-a .x76 {
  height: 1880px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 430px;
}

.sp-a .x77 {
  height: 1911px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 430px;
}

.sp-a .x146 {
  height: 575px;
  left: 23px;
  object-fit: cover;
  position: absolute;
  top: 1233px;
  width: 384px;
}

.sp-a .x268 {
  height: 260px;
  left: 46px;
  object-fit: cover;
  position: absolute;
  top: 1395px;
  width: 338px;
}

.sp-a .x97 {
  height: 250px;
  left: 23px;
  object-fit: cover;
  position: absolute;
  top: 234px;
  width: 384px;
}

.sp-a .x361 {
  height: 63px;
  left: 23px;
  object-fit: cover;
  position: absolute;
  top: 170px;
  width: 384px;
}

.sp-a .x98 {
  height: 348px;
  left: 23px;
  object-fit: cover;
  position: absolute;
  top: 170px;
  width: 384px;
}

.sp-a .x3-1 {
  height: 67px;
  left: 90px;
  top: 52px;
  width: 250px;
}

.sp-a .x1-1 {
  height: 24px;
  left: 100px;
  top: 190px;
  width: 230px;
}

.sp-a .image-4 {
  height: 50px;
  left: 82px;
  object-fit: cover;
  position: absolute;
  top: 259px;
  width: 266px;
}

.sp-a .x362 {
  height: 23px;
  left: 175px;
  object-fit: cover;
  position: absolute;
  top: 516px;
  width: 80px;
}

.sp-a .x370 {
  height: 23px;
  left: 175px;
  object-fit: cover;
  position: absolute;
  top: 1178px;
  width: 80px;
}

.sp-a .x3-2 {
  height: 23px;
  left: 65px;
  top: 1254px;
  width: 300px;
}

.sp-a .url {
  height: 50px;
  left: 80px;
  object-fit: cover;
  position: absolute;
  top: 1325px;
  width: 270px;
}

.sp-a .x584 {
  height: 575px;
  left: 23px;
  object-fit: cover;
  position: absolute;
  top: 571px;
  width: 384px;
}

.sp-a .x583 {
  cursor: pointer;
  height: 78px;
  left: 43px;
  object-fit: cover;
  position: absolute;
  top: 1030px;
  transition: all 0.2s ease;
  width: 344px;
}

.sp-a .x583:hover {
  transform: scale(0.9);
}

.sp-a .x148 {
  height: 260px;
  left: 45px;
  object-fit: cover;
  position: absolute;
  top: 1395px;
  width: 340px;
}

.sp-a .x154 {
  height: 95px;
  left: 41px;
  object-fit: cover;
  position: absolute;
  top: 1681px;
  width: 348px;
}

.sp-a .ok-3 {
  height: 14px;
  left: 99px;
  object-fit: cover;
  position: absolute;
  top: 443px;
  width: 232px;
}

.sp-a .x885 {
  background-image: url(../img/file----701@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 1745px;
  left: 0;
  position: absolute;
  top: 1880px;
  width: 430px;
}

.sp-a .x734 {
  background-color: var(--white);
  border-radius: 10px;
  height: 208px;
  position: absolute;
  right: 20px;
  top: calc(17.24% - 36px);
  width: 186px;
}

.sp-a .x735 {
  background-color: var(--white);
  border-radius: 10px;
  height: 208px;
  left: 20px;
  position: absolute;
  top: calc(17.24% - 36px);
  width: 186px;
}

.sp-a .x1-2 {
  height: 94px;
  left: 30px;
  top: calc(18.11% - 17px);
  width: 167px;
}

.sp-a .x2-1 {
  height: 94px;
  right: 29px;
  top: calc(18.11% - 17px);
  width: 167px;
}

.sp-a .x873 {
  background-image: url(../img/file-----825-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 43px;
  left: calc(23.77% - 10px);
  position: absolute;
  top: 249px;
  width: 43px;
}

.sp-a .x736 {
  background-color: var(--white);
  border-radius: 10px;
  height: 208px;
  position: absolute;
  right: 20px;
  top: calc(33.12% - 69px);
  width: 186px;
}

.sp-a .x737 {
  background-color: var(--white);
  border-radius: 10px;
  height: 208px;
  left: 20px;
  position: absolute;
  top: calc(33.12% - 69px);
  width: 186px;
}

.sp-a .ai-11 {
  height: 40px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: calc(38.30% - 15px);
  width: 186px;
}

.sp-a .ai-12 {
  height: 40px;
  object-fit: cover;
  position: absolute;
  right: 20px;
  top: calc(38.30% - 15px);
  width: 186px;
}

.sp-a .x6-1 {
  height: 94px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  top: calc(32.89% - 31px);
  width: 167px;
}

.sp-a .x12-1 {
  height: 94px;
  object-fit: cover;
  position: absolute;
  right: 29px;
  top: calc(32.89% - 31px);
  width: 167px;
}

.sp-a .x738 {
  background-color: var(--white);
  border-radius: 10px;
  height: 208px;
  position: absolute;
  right: 20px;
  top: calc(48.99% - 102px);
  width: 186px;
}

.sp-a .x739 {
  background-color: var(--white);
  border-radius: 10px;
  height: 208px;
  left: 20px;
  position: absolute;
  top: calc(48.99% - 102px);
  width: 186px;
}

.sp-a .ai-13 {
  bottom: calc(47.39% - 19px);
  height: 40px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  width: 186px;
}

.sp-a .ai-14 {
  bottom: calc(47.39% - 19px);
  height: 40px;
  object-fit: cover;
  position: absolute;
  right: 20px;
  width: 186px;
}

.sp-a .x4-1 {
  height: 94px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  top: calc(47.67% - 45px);
  width: 167px;
}

.sp-a .x3-3 {
  height: 94px;
  right: 29px;
  top: calc(47.67% - 45px);
  width: 167px;
}

.sp-a .x740 {
  background-color: var(--white);
  border-radius: 10px;
  bottom: calc(35.13% - 73px);
  height: 208px;
  position: absolute;
  right: 20px;
  width: 186px;
}

.sp-a .x741 {
  background-color: var(--white);
  border-radius: 10px;
  bottom: calc(35.13% - 73px);
  height: 208px;
  left: 20px;
  position: absolute;
  width: 186px;
}

.sp-a .ai-15 {
  bottom: calc(33.08% - 13px);
  height: 40px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  width: 186px;
}

.sp-a .x10-1 {
  bottom: calc(37.55% - 35px);
  height: 94px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  width: 167px;
}

.sp-a .x9-1 {
  bottom: calc(37.55% - 35px);
  height: 94px;
  object-fit: cover;
  position: absolute;
  right: 29px;
  width: 167px;
}

.sp-a .x742 {
  background-color: var(--white);
  border-radius: 10px;
  bottom: calc(19.26% - 40px);
  height: 208px;
  position: absolute;
  right: 20px;
  width: 186px;
}

.sp-a .x743 {
  background-color: var(--white);
  border-radius: 10px;
  bottom: calc(19.26% - 40px);
  height: 208px;
  left: 20px;
  position: absolute;
  width: 186px;
}

.sp-a .ai5-1 {
  bottom: calc(18.77% - 8px);
  height: 40px;
  object-fit: cover;
  position: absolute;
  right: 20px;
  width: 186px;
}

.sp-a .x8-1 {
  bottom: calc(22.77% - 21px);
  height: 94px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  width: 167px;
}

.sp-a .x7-1 {
  bottom: calc(22.77% - 21px);
  height: 94px;
  object-fit: cover;
  position: absolute;
  right: 29px;
  width: 167px;
}

.sp-a .x744 {
  background-color: var(--white);
  border-radius: 10px;
  bottom: 52px;
  height: 208px;
  position: absolute;
  right: 20px;
  width: 186px;
}

.sp-a .x745 {
  background-color: var(--white);
  border-radius: 10px;
  bottom: 52px;
  height: 208px;
  left: 20px;
  position: absolute;
  width: 186px;
}

.sp-a .ai-16 {
  bottom: 76px;
  height: 40px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  width: 186px;
}

.sp-a .x5-1 {
  bottom: 132px;
  height: 94px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  width: 167px;
}

.sp-a .x11-1 {
  bottom: 132px;
  height: 94px;
  object-fit: cover;
  position: absolute;
  right: 29px;
  width: 167px;
}

.sp-a .x874 {
  background-image: url(../img/file-----834-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 43px;
  position: absolute;
  right: calc(23.51% - 10px);
  top: 249px;
  width: 43px;
}

.sp-a .x875 {
  background-image: url(../img/file-----835-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 43px;
  left: calc(23.77% - 10px);
  position: absolute;
  top: calc(28.97% - 12px);
  width: 43px;
}

.sp-a .x876 {
  background-image: url(../img/file-----836-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 43px;
  position: absolute;
  right: calc(23.51% - 10px);
  top: calc(28.97% - 12px);
  width: 43px;
}

.sp-a .x877 {
  background-image: url(../img/file-----837-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 43px;
  left: calc(23.77% - 10px);
  position: absolute;
  top: calc(43.30% - 19px);
  width: 43px;
}

.sp-a .x878 {
  background-image: url(../img/file-----838-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 43px;
  position: absolute;
  right: calc(23.51% - 10px);
  top: calc(43.30% - 19px);
  width: 43px;
}

.sp-a .x879 {
  background-image: url(../img/file-----839-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  bottom: calc(42.36% - 18px);
  height: 43px;
  left: calc(23.77% - 10px);
  position: absolute;
  width: 43px;
}

.sp-a .x880 {
  background-image: url(../img/file-----840-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  bottom: calc(42.36% - 18px);
  height: 43px;
  position: absolute;
  right: calc(23.51% - 10px);
  width: 43px;
}

.sp-a .x881 {
  background-image: url(../img/file-----841-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  bottom: calc(28.03% - 12px);
  height: 43px;
  left: calc(23.77% - 10px);
  position: absolute;
  width: 43px;
}

.sp-a .x882 {
  background-image: url(../img/file-----842-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  bottom: calc(28.03% - 12px);
  height: 43px;
  position: absolute;
  right: calc(23.51% - 10px);
  width: 43px;
}

.sp-a .x883 {
  background-image: url(../img/file-----843-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  bottom: 233px;
  height: 43px;
  left: calc(23.77% - 10px);
  position: absolute;
  width: 43px;
}

.sp-a .x884 {
  background-image: url(../img/file-----844-1x-png-1@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  bottom: 233px;
  height: 43px;
  position: absolute;
  right: calc(23.51% - 10px);
  width: 43px;
}

.sp-a .x898 {
  background-image: url(../img/file-----894-1x-png-3@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 105px;
  left: 39px;
  position: absolute;
  top: 329px;
  transition: all 0.2s ease;
  width: 353px;
}

.sp-a .x898:hover {
  transform: scale(0.9);
}

.sp-a .x872 {
  background-image: url(../img/file-----579@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 195px;
  position: relative;
  width: 430px;
}

.sp-a .x20112026-sideline-co-ltd {
  bottom: calc(18.76% - 2px);
  height: 13px;
  object-fit: cover;
  position: absolute;
  right: calc(49.97% - 93px);
  width: 186px;
}

.sp-a .image-5 {
  height: 17px;
  object-fit: cover;
  position: absolute;
  right: calc(41.73% - 8px);
  top: calc(21.26% - 4px);
  width: 18px;
}

.sp-a .image-6 {
  cursor: pointer;
  height: 17px;
  left: 53px;
  object-fit: cover;
  position: absolute;
  top: calc(21.26% - 4px);
  width: 170px;
}

.sp-a .image-7 {
  cursor: pointer;
  height: 17px;
  object-fit: cover;
  position: absolute;
  right: 54px;
  top: calc(21.26% - 4px);
  width: 102px;
}

.sp-a .image-8 {
  cursor: pointer;
  height: 17px;
  left: calc(33.45% - 23px);
  object-fit: cover;
  position: absolute;
  top: calc(45.42% - 8px);
  width: 68px;
}

.sp-a .image-9 {
  cursor: pointer;
  height: 17px;
  object-fit: cover;
  position: absolute;
  right: calc(33.68% - 23px);
  top: calc(45.42% - 8px);
  width: 68px;
}

.sp-a .image-10 {
  height: 17px;
  left: calc(49.90% - 9px);
  object-fit: cover;
  position: absolute;
  top: calc(45.22% - 8px);
  width: 18px;
}

.sp-a .chat {
  height: 40px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  width: 186px;
}

.sp-a .x1-3 {
  object-fit: cover;
  position: absolute;
}

.sp-a .x2-2 {
  object-fit: cover;
  position: absolute;
}

.sp-a .x3-4 {
  object-fit: cover;
  position: absolute;
}

.sp-a .x703-6 {
  background-color: var(--white);
  border-radius: 10px;
  height: 208px;
  position: absolute;
  right: 20px;
  width: 186px;
}

.sp-a .x704-6 {
  background-color: var(--white);
  border-radius: 10px;
  height: 208px;
  left: 20px;
  position: absolute;
  width: 186px;
}

/* ===== SP Footer (lp_g01 style) ===== */
.sp-a .sp-footer {
  align-items: center;
  background-image: url(../img/file-----579@1x.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  min-height: 195px;
  padding: 24.8px 51.9px;
  width: 430px;
}

.sp-a .sp-footer .text-container {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  height: 19px;
  min-width: 324px;
}

.sp-a .sp-footer .text-2 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 43px;
  min-height: 19px;
  min-width: 170px;
  text-align: center;
  white-space: nowrap;
}

.sp-a .sp-footer .text-1 {
  letter-spacing: 0;
  line-height: 43px;
  margin-left: 17px;
  min-height: 19px;
  min-width: 19px;
  text-align: center;
  white-space: nowrap;
}

.sp-a .sp-footer .text-3 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 43px;
  margin-left: 14px;
  min-height: 19px;
  min-width: 104px;
  text-align: center;
  white-space: nowrap;
}

.sp-a .sp-footer .text-container-1 {
  align-items: flex-end;
  display: flex;
  height: 19px;
  margin-left: 1.16px;
  margin-top: 60px;
  min-width: 189px;
}

.sp-a .sp-footer .text-4 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 43px;
  min-height: 19px;
  min-width: 70px;
  text-align: center;
  white-space: nowrap;
}

.sp-a .sp-footer .text-6 {
  align-self: flex-start;
  letter-spacing: 0;
  line-height: 0;
  margin-left: 16px;
  min-height: 19px;
  min-width: 19px;
  text-align: center;
  white-space: nowrap;
}

.sp-a .sp-footer .text-5 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 43px;
  margin-left: 14px;
  min-height: 19px;
  min-width: 70px;
  text-align: center;
  white-space: nowrap;
}

.sp-a .sp-footer .x2025-sideline-ai {
  margin-left: 0.16px;
  margin-top: 40px;
  object-fit: cover;
  width: 186px;
}

/* ===== Fixed Bottom CTA ===== */
.fixed-bottom {
  width: 430px;
  height: 150px;
  margin: auto;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fixed-bottom.show {
  opacity: 1;
  visibility: visible;
}

.fixed-bottom .fixed-cta-btn {
  background-image: url(../img/file-----894-1x-png-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  width: 400px;
  height: 119px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.fixed-bottom .fixed-cta-btn:hover {
  transform: scale(0.9);
}

/* ===== Hiraginoud font class ===== */
.hiraginoudsansstd-w4-normal-white-17px {
  color: var(--white);
  font-family: var(--font-family-hiraginoud_sans_std-w4);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

/* スマホ表示時の縮小対応 */
@media screen and (max-width: 480px) {

  html,
  body {
    overflow-x: hidden;
  }

  .sp-a {
    zoom: calc(100vw / 430px);
  }
}

.overlap-group2.sp-b {
  height: 1306px;
}

.overlap-group2.sp-b .x221 {
  top: 790px;
}

.overlap-group2.sp-b .x218 {
  top: 844px;
}

.overlap-group2.sp-b .x226 {
  top: 1102px;
}