/* sp css */

@media screen and (max-width: 768px) {
  .x1 {
    position: relative;
    height: auto;
    max-width: 200px;
    margin: 20px auto;
    display: block;
  }
  
  .sp .x1 {
    position: relative;
    height: auto;
    max-width: 200px;
    margin: 20px auto;
    display: block;
    top: auto;
    left: auto;
  }
  
  .sp .overlap-group11-1 {
    height: auto;
    min-height: 2327px;
  }
}

@media screen and (max-width: 1099px) {
  .screen.frame-1-1 { 
    display: none;
   }
}
@media screen and (min-width: 1100px) {
  .screen.sp { 
    display: none;
   }
}

/* screen - sp */

.sp {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 8360px;
  overflow: hidden;
  width: 750px;
}

.sp .flex-row-2 {
  align-items: flex-start;
  display: flex;
  gap: 88px;
  height: 5900px;
  margin-right: -2px;
  margin-top: -99px;
  min-width: 1590px;
}

.sp .bmz_sp-1 {
  height: 1626px;
  object-fit: cover;
  width: 750px;
}

.sp .flex-col {
  align-items: center;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 5801px;
  width: 752px;
}

.sp .overlap-group11-1 {
  height: 2327px;
  position: relative;
  width: 752px;
}

.sp .rectangle-4-1 {
  background-color: #e9fcd1;
  height: 1359px;
  left: 1px;
  position: absolute;
  top: 933px;
  width: 751px;
}

.sp .x6-1 {
  height: 1259px;
  left: 0;
  position: absolute;
  top: 0;
  width: 750px;
}

.sp .vector-4-1 {
  height: 232px;
  left: 0;
  position: absolute;
  top: 2073px;
  width: 750px;
}

.sp ._-6 {
  left: 84px;
  top: 1871px;
}

.sp ._-7 {
  left: 29px;
  top: 1569px;
}

.sp ._-8 {
  left: 649px;
  top: 1714px;
}

.sp ._-9 {
  left: 449px;
  top: 1985px;
}

.sp .group-3-1 {
  height: 99px;
  left: 79px;
  position: absolute;
  top: 1414px;
  width: 57px;
}

.sp .text-50 {
  color: #020202;
  font-family: var(--font-family-m_plus_1);
  font-size: var(--font-size-l);
  font-weight: 700;
  left: 136px;
  letter-spacing: 0;
  line-height: 64px;
  position: absolute;
  text-align: center;
  top: 1490px;
  width: 492px;
}

.sp .place-1 {
  color: var(--black);
  font-family: var(--font-family-m_plus_1);
  font-size: 52px;
  font-weight: 700;
  left: 249px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 1407px;
  white-space: nowrap;
  width: 250px;
}

.sp .group-2-1 {
  height: 70px;
  left: 49px;
  position: absolute;
  top: 1710px;
  width: 42px;
}

.sp .group-4-1 {
  height: 68px;
  left: 221px;
  position: absolute;
  top: 1349px;
  width: 45px;
}

.sp .group-5-1 {
  height: 75px;
  left: 486px;
  position: absolute;
  top: 1237px;
  width: 80px;
}

.sp .group-11-1 {
  height: 72px;
  left: 270px;
  position: absolute;
  top: 1941px;
  width: 52px;
}

.sp .group-10-1 {
  height: 74px;
  left: 638px;
  position: absolute;
  top: 1437px;
  width: 40px;
}

.sp .group-9-1 {
  height: 75px;
  left: 588px;
  position: absolute;
  top: 1778px;
  width: 83px;
}

.sp ._-10 {
  left: 576px;
  top: 1352px;
}

.sp ._-11 {
  align-items: flex-end;
  background-image: url(../img/tree14-1.png);
  background-size: 100% 100%;
  display: flex;
  left: 136px;
  overflow: hidden;
  top: 1232px;
}

.sp .rectangle-27-2 {
  background-color: var(--wattle);
  border-radius: 70px;
  height: 50px;
  margin-bottom: -4789.42px;
  margin-left: 587px;
  width: 180px;
}

.sp .frame-1 {
  height: 246px;
  left: 79px;
  position: absolute;
  top: 324px;
  width: 611px;
}

.sp .text-51 {
  color: var(--lima);
  font-family: var(--font-family-m_plus_1);
  font-size: 36px;
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 632px;
  width: 750px;
}

.sp .span0 {
  line-height: 30px;
}

.sp .span1 {
  font-size: var(--font-size-m);
  line-height: 50px;
}

.sp .x1 {
  height: 15%;
  left: 5%;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 30%;
  display: block;
}

.sp .overlap-group-9 {
  height: 177px;
  left: 375px;
  position: absolute;
  top: 1163px;
  width: 36px;
}

.sp .line-1-1 {
  height: 164px;
  left: 2px;
  position: absolute;
  top: 0;
  width: 2px;
}

.sp .line-2-1 {
  height: 82px;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px;
}

.sp .scroll-1 {
  color: var(--lima);
  font-family: var(--font-family-m_plus_1);
  font-size: var(--font-size-xs);
  font-weight: 500;
  left: -22px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 119px;
  transform: rotate(90.00deg);
  white-space: nowrap;
  width: 83px;
}

.sp .text-53 {
  color: #5DA462;
  font-family: var(--font-family-m_plus_1);
  font-size: 46px;
  font-weight: 700;
  left: 92px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 2266px;
  white-space: nowrap;
  width: 578px;
}

.sp .rectangle-36-2 {
  border-color: var(--fruit-salad);
  left: 161px;
  top: 2244px;
}

.sp .text-container-3 {
  height: 225px;
  margin-right: 2.0px;
  margin-top: 23px;
  position: relative;
  width: 700px;
}

.sp .text-52 {
  color: var(--black);
  font-family: var(--font-family-m_plus_1);
  font-size: var(--font-size-xs);
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: 44px;
  position: absolute;
  top: 5px;
  width: 700px;
}

.sp .text-99 {
  left: 39px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 43px;
  white-space: nowrap;
  width: 28px;
}

.sp .text-100 {
  left: 666px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 28px;
}

.sp .overlap-group-container-2 {
  gap: 28px;
  margin-left: 8.57px;
  margin-top: 2px;
  min-width: 705px;
}

.sp .group-container-1 {
  width: 339px;
}

.sp .text-container-4 {
  align-items: flex-end;
  background-color: var(--fruit-salad);
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  gap: 39px;
  left: 0;
  min-height: 407px;
  padding: 37.3px 17.8px;
  position: absolute;
  top: 0;
  width: 335px;
}

.sp .text-54 {
  letter-spacing: 0;
  line-height: 30px;
  margin-right: 0.52px;
  margin-top: 188px;
  min-height: 41px;
  width: 297px;
}

.sp .text-55 {
  letter-spacing: 0;
  line-height: 28px;
  min-height: 64px;
  width: 298px;
}

.sp .group-89-1 {
  height: 204px;
  left: 0;
  position: absolute;
  top: 0;
  width: 335px;
}

.sp .overlap-group4-1 {
  align-items: center;
  background-color: var(--fruit-salad);
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  min-height: 407px;
  width: 335px;
}

.sp .mask-group-1 {
  height: 204px;
  width: 335px;
}

.sp .text-6 {
  letter-spacing: 0;
  line-height: 30px;
  margin-right: 8.89px;
  margin-top: 21px;
  min-height: 41px;
  width: 287px;
}

.sp .text-7 {
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 1.48px;
  margin-top: 20px;
  min-height: 64px;
  width: 298px;
}

/* grid*/
.sp .overlap-group-container-3 {
  gap: 32px;
  margin-left: 7.72px;
  margin-top: 23px;
  min-width: 706px;
}

.sp .group-container-2 {
  width: 335px;
}

.sp .overlap-group-7 {
  align-items: center;
  background-color: var(--fruit-salad);
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 407px;
  position: absolute;
  top: 0;
  width: 335px;
}

.sp .rectangle-6 {
  background-color: var(--gray-olive);
  border-radius: 17px 17px 0px 0px;
  height: 204px;
  width: 335px;
}

.sp .text-64 {
  letter-spacing: 0;
  line-height: 30px;
  margin-left: 2.28px;
  margin-top: 21px;
  min-height: 41px;
  width: 299px;
}

.sp .text-65 {
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 2.28px;
  margin-top: 39px;
  min-height: 64px;
  width: 299px;
}

.sp .group-93 {
  background-image: url(../img/mask-group-11@2x.png);
  background-size: 100% 100%;
  height: 204px;
  left: 0;
  position: absolute;
  top: 0;
  width: 335px;
}

.sp .text-56 {
  letter-spacing: 0;
  line-height: 30px;
  margin-left: 1.72px;
  margin-top: 21px;
  min-height: 41px;
  width: 297px;
}

.sp .group-78 {
  background-image: url(../img/mask-group-7@2x.png);
  background-size: 100% 100%;
  height: 204px;
  left: 0;
  position: absolute;
  top: 0;
  width: 335px;
}

.sp .overlap-group-container-4 {
  gap: 29px;
  margin-left: 8.72px;
  margin-top: 22px;
  min-width: 707px;
}

.sp .group-79 {
  background-image: url(../img/mask-group-9@2x.png);
  background-size: 100% 100%;
  height: 204px;
  left: 0;
  position: absolute;
  top: 0;
  width: 335px;
}

.sp .group-80 {
  background-image: url(../img/mask-group-10@2x.png);
  background-size: 100% 100%;
  height: 204px;
  left: 0;
  position: absolute;
  top: 0;
  width: 335px;
}

.sp .group-container-3 {
  margin-left: 2.26px;
  margin-top: 23px;
  width: 698px;
}

.sp .group-87-1 {
  height: 278px;
  left: 279px;
  position: absolute;
  top: 77px;
  width: 419px;
}

.sp .group-81 {
  background-image: url(../img/mask-group-8@2x.png);
  background-size: 100% 100%;
  height: 204px;
  left: 0;
  position: absolute;
  top: 0;
  width: 335px;
}

.sp .overlap-group23 {
  height: 1133px;
  margin-right: 2.0px;
  margin-top: 59px;
  position: relative;
  width: 750px;
}

.sp .rectangle-37-1 {
  background-color: #fffcd6;
  height: 440px;
  left: 0;
  position: absolute;
  top: 622px;
  width: 750px;
}

.sp .group-59-1 {
  height: 791px;
  left: 0;
  position: absolute;
  top: 0;
  width: 750px;
}

.sp .group-92 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  left: 26px;
  min-height: 682px;
  position: absolute;
  top: 122px;
  width: 701px;
}

.sp .overlap-group7-1 {
  height: 83px;
  margin-left: 9.0px;
  position: relative;
  width: 578px;
}

.sp .text-68 {
  color: #E2CF5A;
  font-family: var(--font-family-m_plus_1);
  font-size: 46px;
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 23px;
  white-space: nowrap;
  width: 578px;
}

.sp .rectangle-36-3 {
  border-color: var(--wattle);
  left: 69px;
  top: 0;
}

.sp .group-91 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 2.0px;
  min-height: 567px;
  width: 703px;
}

.sp .text-69 {
  color: #DEC949;
  letter-spacing: 0;
  line-height: 50px;
  margin-left: 1.64px;
  min-height: 65px;
  text-align: center;
  width: 564px;
}

.sp .text-70 {
  color: #DEC949;
  letter-spacing: 0;
  line-height: 50px;
  margin-left: 0.89px;
  margin-top: 58px;
  min-height: 65px;
  text-align: center;
  width: 607px;
}

.sp .text-container-5 {
  align-items: flex-end;
  background-color: #dcd7a1;
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-right: 4.0px;
  margin-top: 79px;
  min-height: 300px;
  padding: 31px 16px;
  width: 699px;
}

.sp .text-72 {
  color: var(--black);
  font-family: var(--font-family-m_plus_1);
  font-size: var(--font-size-l);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 40px;
  min-height: 30px;
  white-space: nowrap;
  width: 649px;
}

.sp .text-71 {
  align-self: center;
  letter-spacing: 0;
  line-height: 40px;
  margin-left: 7.0px;
  min-height: 185px;
  width: 638px;
}

.sp .vector-3-1 {
  height: 231px;
  left: 0;
  position: absolute;
  top: 901px;
  width: 750px;
}

.sp .text-74 {
  color: #5DA462;
  font-family: var(--font-family-m_plus_1);
  font-size: 46px;
  font-weight: 700;
  left: 95px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 1072px;
  white-space: nowrap;
  width: 578px;
}

.sp .rectangle-38 {
  border: 2px solid;
  border-color: var(--fruit-salad);
  border-radius: 100px;
  height: 83px;
  left: 164px;
  position: absolute;
  top: 1050px;
  width: 446px;
}

.sp .text-73 {
  color: var(--black);
  font-family: var(--font-family-m_plus_1);
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 44px;
  margin-left: 4.0px;
  margin-top: 28px;
  min-height: 308px;
  width: 700px;
}

.sp .overlap-group-container-5 {
  align-self: center;
  margin-right: 4.17px;
  margin-top: 53px;
  min-width: 622px;
}

.sp .overlap-group22 {
  align-items: flex-start;
  background-color: var(--fruit-salad);
  border-radius: 70px;
  display: flex;
  height: 37px;
  min-width: 100px;
  padding: 1.1px 0;
}

.sp .text-7-1 {
  letter-spacing: 0;
  line-height: 30px;
  min-height: 24px;
  text-align: center;
  white-space: nowrap;
  width: 100px;
}

.sp .overlap-group24 {
  align-items: flex-start;
  background-color: var(--fruit-salad);
  border-radius: 70px;
  display: flex;
  height: 37px;
  margin-left: 26px;
  min-width: 164px;
  padding: 1.1px 0;
}

.sp .text-8 {
  letter-spacing: 0;
  line-height: 30px;
  min-height: 24px;
  text-align: center;
  white-space: nowrap;
  width: 164px;
}

.sp .overlap-group19 {
  align-items: flex-start;
  background-color: var(--fruit-salad);
  border-radius: 70px;
  display: flex;
  height: 37px;
  margin-left: 32px;
  min-width: 100px;
  padding: 1.1px 0;
}

.sp .overlap-group25 {
  height: 37px;
  margin-left: 33px;
  position: relative;
  width: 166px;
}

.sp .rectangle-27-3 {
  background-color: var(--fruit-salad);
  border-radius: 70px;
  height: 37px;
  left: 0;
  position: absolute;
  top: 0;
  width: 164px;
}

.sp .text-80 {
  left: 0;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 2px;
  white-space: nowrap;
  width: 164px;
}

.sp .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-right: -334px;
  margin-top: 20px;
  min-height: 3430px;
  width: 1128px;
}

.sp .overlap-group-container-6 {
  margin-left: 89.72px;
  min-width: 636px;
}

.sp .overlap-group21 {
  height: 37px;
  position: relative;
  width: 164px;
}

.sp .rectangle-30-1 {
  background-color: var(--fruit-salad);
  border-radius: 70px;
  height: 37px;
  left: 16px;
  position: absolute;
  top: 0;
  width: 132px;
}

.sp .text-82 {
  left: 0;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 1px;
  white-space: nowrap;
  width: 164px;
}

.sp .overlap-group1-1 {
  align-items: flex-start;
  background-color: var(--fruit-salad);
  border-radius: 70px;
  display: flex;
  height: 37px;
  min-width: 164px;
  padding: 1.1px 0;
}

.sp .overlap-group16-1 {
  align-items: flex-start;
  background-color: var(--fruit-salad);
  border-radius: 70px;
  display: flex;
  height: 37px;
  margin-left: 21px;
  min-width: 100px;
  padding: 1.1px 0;
}

.sp .overlap-group27 {
  align-items: flex-start;
  background-color: var(--fruit-salad);
  border-radius: 70px;
  display: flex;
  height: 37px;
  margin-left: 22px;
  min-width: 164px;
  padding: 1.1px 0;
}

.sp .overlap-group-container-7 {
  gap: 28px;
  margin-left: 105.97px;
  margin-top: 19px;
  min-width: 635px;
}

.sp .overlap-group30 {
  align-self: flex-end;
  height: 41px;
  position: relative;
  width: 443px;
}

.sp .text-75 {
  color: var(--fruit-salad);
  font-family: var(--font-family-m_plus_1);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 4px;
  width: 231px;
}

.sp .rectangle-27-4 {
  background-color: var(--fruit-salad);
  border-radius: 70px;
  height: 37px;
  left: 242px;
  position: absolute;
  top: 0;
  width: 186px;
}

.sp .text-85 {
  left: 227px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 2px;
  white-space: nowrap;
  width: 216px;
}

.sp .overlap-group9-2 {
  align-self: center;
  height: 63px;
  margin-right: 291.74px;
  margin-top: 5px;
  position: relative;
  width: 104px;
}

.sp .rectangle-31-1 {
  background: linear-gradient(90deg, rgb(93, 164, 98) 0%, rgba(93, 164, 98, 0) 100%);
  height: 58px;
  left: 42px;
  position: absolute;
  top: -17px;
  transform: rotate(-90.00deg);
  width: 22px;
}

.sp .polygon-1-1 {
  height: 41px;
  left: 0;
  position: absolute;
  top: 22px;
  width: 104px;
}

.sp .overlap-group13-1 {
  height: 430px;
  margin-left: 67.0px;
  margin-top: 8px;
  position: relative;
  width: 700px;
}

.sp .text-87 {
  color: var(--fruit-salad);
  font-family: var(--font-family-m_plus_1);
  font-size: var(--font-size-xl);
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 24px;
  width: 180px;
}

.sp .text-88 {
  left: 124px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 193px;
  width: 180px;
}

.sp .text-89 {
  left: 367px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 193px;
  width: 180px;
}

.sp .text-90 {
  left: 227px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 193px;
  width: 180px;
}

.sp .rectangle-24-1 {
  border: 4px solid;
  border-color: var(--fruit-salad);
  border-radius: 20px;
  height: 430px;
  left: 7px;
  position: absolute;
  top: 0;
  width: 693px;
}

.sp .ellipse-1-1 {
  border: 4px solid;
  border-color: var(--fruit-salad);
  border-radius: 142.6px;
  height: 285px;
  left: 74px;
  position: absolute;
  top: 74px;
  width: 285px;
}

.sp .ellipse-2-1 {
  border: 4px solid;
  border-color: var(--fruit-salad);
  border-radius: 181.76px;
  height: 364px;
  left: 275px;
  position: absolute;
  top: 35px;
  width: 364px;
}

.sp .overlap-group10-1 {
  align-self: center;
  height: 63px;
  margin-right: 291.74px;
  margin-top: 4px;
  position: relative;
  width: 104px;
}

.sp .overlap-group8-2 {
  align-items: flex-end;
  align-self: center;
  background-color: var(--fruit-salad);
  border-radius: 70px;
  display: flex;
  height: 49px;
  justify-content: flex-end;
  margin-right: 286.56px;
  margin-top: 3px;
  min-width: 246px;
  padding: 7.4px 12.4px;
}

.sp .text-86 {
  letter-spacing: 0;
  line-height: 30px;
  min-height: 32px;
  text-align: center;
  white-space: nowrap;
  width: 217px;
}

/*
.sp .rectangle-34 {
  align-self: flex-end;
  height: 183px;
  margin-top: 644px;
  width: 665px;
}
  */

.sp ._ {
  height: 81px;
  position: absolute;
  width: 61px;
}

.sp .group-container {
  height: 407px;
  position: relative;
}

.sp .overlap-group-container {
  align-items: flex-start;
  display: flex;
}

.sp .rectangle-36 {
  border: 2px solid;
  border-color: var(--fruit-salad);
  border-radius: 100px;
  height: 83px;
  position: absolute;
  width: 446px;
}


/* よくある質問 */
.sp .overlap-group14 {
  height: 1835px;
  margin-top: 47px;
  position: relative;
  width: 825px;
}

.sp .group-58 {
  height: 1080px;
  left: 44px;
  position: absolute;
  top: 0;
  width: 750px;
}

.sp .rectangle-39 {
  background-color: #fffcd6;
  height: 391px;
  left: 44px;
  position: absolute;
  top: 1066px;
  width: 750px;
}

.sp .group-51 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 997px;
  position: absolute;
  top: 125px;
  width: 825px;
}

.sp .text-91 {
  color: #DEC949;
  line-height: 60px;
  margin-bottom: -3px;
  margin-right: 4.0px;
  margin-top: -1px;
  min-height: 57px;
  text-align: center;
  width: 823px;
}

.sp .price-1 {
  left: 0;
  letter-spacing: 0;
  line-height: 60px;
  position: absolute;
  text-align: center;
  top: 14px;
  width: 115px;
}

.sp .text-9 {
  left: 131px;
  letter-spacing: 0;
  line-height: 60px;
  position: absolute;
  top: 17px;
  white-space: nowrap;
  width: 510px;
}

.sp .vector-5 {
  height: 59px;
  left: 100px;
  position: absolute;
  top: 15px;
  width: 4px;
}

.sp .vector-6 {
  height: 29px;
  left: 663px;
  position: absolute;
  top: 30px;
  width: 10px;
}

.sp .vector-7 {
  height: 10px;
  left: 653px;
  position: absolute;
  top: 40px;
  width: 29px;
}

.sp .rectangle-2-1 {
  border: 4px solid;
  border-color: var(--wattle);
  border-radius: 20px;
  height: 87px;
  left: 0;
  position: absolute;
  top: 0;
  width: 708px;
}

.sp .overlap-group-8 {
  height: 94px;
  margin-left: 12.01px;
  margin-top: 11px;
  position: relative;
  width: 708px;
}

.sp .overlap-group2-3 {
  border-radius: 20px;
  height: 381px;
  margin-left: 12.01px;
  margin-top: 11px;
  position: relative;
  width: 708px;
}

.sp .text_label-1 {
  left: 26px;
  line-height: 40px;
  top: 115px;
  width: 656px;
}

.sp .vector-20-1 {
  height: 4px;
  left: 28px;
  position: absolute;
  top: 90px;
  width: 654px;
}

.sp .rectangle-28-1 {
  border: 4px solid;
  border-color: var(--wattle);
  border-radius: 20px;
  height: 381px;
  left: 0;
  position: absolute;
  top: 0;
  width: 708px;
}

.sp .text_label {
  letter-spacing: 0;
  position: absolute;
}


/* accordion */
.sp .details {
	border: 4px solid var(--wattle);
  border-radius: 20px;
  top: 0;
  width: 708px;
  margin: 10px 0px;
}
.sp .details-summary {
	display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em 1em 1em;
  color: #6ff43e;
  font-weight: 600;
  font-size: 30px;
  cursor: pointer;
	.btn {
		position: absolute;
        top: 37%;
        left: 10%;
        width: 18px;
        height: 18px;
        transform-origin: center center;
        transition-duration: 0.2s;

        &:before,
        &:after {
            content: "";
            background-color: #6ff43eb3;
            border-radius: 5px;
            width: 3px;
            height: .9em;
            position: absolute;
            left: 19em;
            rotate: 90deg;
            transition: rotate .3s;
            transform-origin: center center;
        }
        &:before {
          position: absolute;
          left: 19em;
          rotate: 0deg;
        }
    }
	&.is-active {
		.btn {
			-webkit-transform: rotate(-180deg);
			transform: rotate(-0deg);
			&:before {
            	content: none;
        	}	
		}
  }
}
.sp .details-summary::-webkit-details-marker {
	display: none;
}
.sp .details-content {
	p {
  padding: 5px 20px;
  color: #0d0d0d;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
	}
}


/* trees  */
.sp .group-74-1 {
  height: 67px;
  left: 44px;
  position: absolute;
  top: 1079px;
  width: 750px;
}

/* green */
.sp .group-75-1 {
  height: 614px;
  left: 44px;
  position: absolute;
  top: 1141px;
  width: 750px;
}

/* address */
.sp .text_label-2 {
  left: 52px;
  line-height: 32px;
  text-align: center;
  top: 1224px;
  width: 736px;
}

.sp .span1-1 {
  color: var(--white);
  font-family: var(--font-family-m_plus_1);
  font-size: var(--font-size-xs);
  font-weight: 500;
  line-height: 30px;
}

.sp .span2-1 {
  color: var(--white);
  font-family: var(--font-family-m_plus_1);
  font-weight: 500;
}

.sp .span2-2 {
  font-size: var(--font-size-m);
  line-height: 40px;
}

/* privacy policy  */
.sp .rectangle-23-1 {
  background-color: #B7F1BB;
  border-radius: 17px;
  height: 198px;
  left: 65px;
  position: absolute;
  top: 1477px;
  width: 708px;
  overflow: auto; /* scroll */
}

.sp .text-98 {
  color: transparent;
  font-family: var(--font-family-m_plus_1);
  font-size: var(--font-size-m);
  font-weight: 500;
  left: 19px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 30px;
  width: 670px;
}

.sp .span0-1 {
  color: var(--black);
  line-height: 28px;
}

.sp .span1-2 {
  color: var(--black);
  font-size: var(--font-size-xs);
  line-height: 28px;
}

.sp .span {
  line-height: 40px;
}

/* copy right */
.sp .copyright {
  color: var(--white);
  font-family: var(--font-family-m_plus_1);
  font-size: var(--font-size-xs);
  font-weight: 500;
  left: 53px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 1714px;
  white-space: nowrap;
  width: 735px;
}