/* desktop css */

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

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

/* screen - pc */

.pc {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 6960px;
  min-width: 1100px;
}

.pc .overlap-group16 {
  height: 6960px;
  margin-top: -4px;
  position: relative;
  width: 1100px;
}

.pc .rectangle-1 {
  background-color: var(--white);
  height: 5600px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1100px;
}

.pc .rectangle-4 {
  height: 1669px;
  left: 1px;
  position: absolute;
  top: 97px;
  width: 1099px;
}

.pc .vector-4 {
  height: 340px;
  left: 0;
  position: absolute;
  top: 1504px;
  width: 1100px;
}

.pc .group-54 {
  align-items: flex-start;
  background-image: url(../img/studio.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 60px;
  left: 1px;
  min-height: 720px;
  padding: 43px 39px;
  position: absolute;
  top: 0;
  width: 1099px;
}

.pc .group-1 {
  background-image: url(../img/logo.png);
  background-size: 100% 100%;
  height: 36px;
  width: 172px;
}

.pc .group-90 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 11.61px;
  min-height: 291px;
  width: 801px;
}

.pc .frame {
  height: 189px;
  margin-right: 12.61px;
  width: 470px;
}

.pc .image {
  height: 86px;
  margin-right: 2.0px;
  width: 799px;
}

.pc .group-53 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 26px;
  left: 83px;
  min-height: 818px;
  position: absolute;
  top: 663px;
  width: 901px;
}

.pc .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 424px;
  height: 130px;
  margin-right: 39.57px;
  min-width: 629px;
}

.pc ._ {
  align-items: flex-end;
  display: flex;
  gap: 499px;
  height: 118px;
  overflow: hidden;
  width: 89px;
}

.pc .group-14 {
  height: 116px;
  margin-bottom: 0.45px;
  margin-left: 1px;
  width: 87px;
}

.pc .rectangle-27 {
  background-color: var(--wattle);
  border-radius: 70px;
  height: 50px;
  margin-bottom: -4752px;
  width: 180px;
}

.pc .group-5 {
  align-self: flex-end;
  height: 109px;
  width: 116px;
}

.pc .group-container {
  height: 662px;
  position: relative;
  width: 901px;
}

.pc .overlap-group2 {
  height: 662px;
  left: 58px;
  position: absolute;
  top: 0;
  width: 843px;
}

.pc ._-1 {
  left: 0;
  top: 507px;
}

.pc .overlap-group-2 {
  height: 555px;
  left: 58px;
  position: absolute;
  top: 0;
  width: 785px;
}

.pc ._-2 {
  left: 696px;
  top: 437px;
}

.pc ._-3 {
  left: 696px;
  top: 405px;
}

.pc .group-52 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 47px;
  left: 0;
  min-height: 333px;
  position: absolute;
  top: 82px;
  width: 724px;
}

.pc .place {
  color: var(--black);
  font-family: var(--font-family-m_plus_1);
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 30px;
  margin-right: 27.0px;
  min-height: 46px;
  text-align: center;
  width: 269px;
}

.pc .text-1-1 {
  color: #020202;
  font-family: var(--font-family-m_plus_1);
  font-size: var(--font-size-m);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 60px;
  margin-right: 4.0px;
  min-height: 240px;
  min-width: 720px;
  text-align: center;
}

.pc .group-4 {
  height: 100px;
  left: 138px;
  position: absolute;
  top: 8px;
  width: 66px;
}

.pc .group-9 {
  height: 120px;
  left: 662px;
  position: absolute;
  top: 186px;
  width: 123px;
}

.pc ._-4 {
  left: 644px;
  top: 0;
}

.pc ._-5 {
  left: 421px;
  top: 544px;
}

.pc .group-11 {
  height: 105px;
  left: 245px;
  position: absolute;
  top: 440px;
  width: 76px;
}

.pc .group-3 {
  height: 145px;
  left: 33px;
  position: absolute;
  top: 91px;
  width: 83px;
}

.pc .group-2 {
  height: 102px;
  left: 0;
  position: absolute;
  top: 352px;
  width: 61px;
}

.pc .group-10 {
  height: 118px;
  left: 830px;
  position: absolute;
  top: 1390px;
  width: 59px;
}

.pc .text-2-1 {
  left: 78px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 1816px;
  width: 938px;
}

.pc .text-3-1 {
  color: var(--fruit-salad);
  font-family: var(--font-family-m_plus_1);
  font-size: 50px;
  font-weight: 700;
  left: 168px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 1701px;
  width: 781px;
}

.pc .text-container {
  align-items: flex-start;
  background-color: var(--fruit-salad);
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  gap: 34px;
  left: 79px;
  min-height: 356px;
  padding: 32.7px 15.6px;
  position: absolute;
  top: 1984px;
  width: 293px;
}

.pc .text-4-1 {
  letter-spacing: 0;
  line-height: 30px;
  margin-left: 1.3px;
  margin-top: 164px;
  min-height: 36px;
  white-space: nowrap;
}

.pc .text-5 {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 24px;
  min-height: 56px;
  width: 261px;
}

.pc .overlap-group4 {
  align-items: center;
  background-color: var(--fruit-salad);
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  left: 79px;
  min-height: 356px;
  position: absolute;
  top: 2360px;
  width: 293px;
}

.pc .mask-group {
  height: 179px;
  width: 293px;
}

.pc .text {
  letter-spacing: 0;
  line-height: 30px;
  margin-right: 7.78px;
  margin-top: 18px;
  min-height: 36px;
  white-space: nowrap;
  width: 252px;
}

.pc .text-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 1.3px;
  margin-top: 34px;
  min-height: 56px;
  width: 261px;
}

.pc .overlap-group5 {
  align-items: center;
  background-color: var(--fruit-salad);
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  left: 79px;
  min-height: 356px;
  position: absolute;
  top: 2737px;
  width: 293px;
}

.pc .overlap-group101 {
  align-items: center;
  background-color: var(--fruit-salad);
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  left: 79px;
  min-height: 356px;
  position: absolute;
  top: 1984px;
  width: 293px;
}

.pc .overlap-group6 {
  align-items: center;
  background-color: var(--fruit-salad);
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  left: 400px;
  min-height: 356px;
  position: absolute;
  top: 1984px;
  width: 293px;
}

.pc .overlap-group7 {
  align-items: center;
  background-color: var(--fruit-salad);
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  left: 400px;
  min-height: 356px;
  position: absolute;
  top: 2360px;
  width: 293px;
}

.pc .overlap-group8 {
  align-items: center;
  background-color: var(--fruit-salad);
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  left: 721px;
  min-height: 356px;
  position: absolute;
  top: 1984px;
  width: 293px;
}

.pc .overlap-group9 {
  align-items: center;
  background-color: var(--fruit-salad);
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  left: 721px;
  min-height: 356px;
  position: absolute;
  top: 2360px;
  width: 293px;
}

.pc .group-59 {
  height: 1160px;
  left: 0;
  position: absolute;
  top: 3148px;
  width: 1100px;
}

.pc .vector-3 {
  height: 340px;
  left: 0;
  position: absolute;
  top: 4029px;
  width: 1100px;
}

.pc .group-84 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 82px;
  min-height: 1248px;
  position: absolute;
  top: 4226px;
  width: 938px;
}

.pc .text-19 {
  color: var(--fruit-salad);
  font-family: var(--font-family-m_plus_1);
  font-size: 50px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 30px;
  margin-left: 29.0px;
  min-height: 50px;
  text-align: center;
  width: 781px;
}

.pc .text-18 {
  letter-spacing: 0;
  line-height: 40px;
  margin-top: 81px;
  min-height: 200px;
  width: 938px;
}

.pc .group-43 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-right: 8.06px;
  margin-top: 46px;
  min-height: 871px;
  width: 784px;
}

.pc .group-41 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  margin-right: 18.89px;
  min-height: 174px;
  width: 714px;
}

.pc .overlap-group-container {
  align-items: flex-start;
  display: flex;
  gap: 29px;
  margin-right: 0;
  min-width: 696px;
}

.pc .overlap-group-3 {
  align-items: flex-start;
  background-color: var(--fruit-salad);
  border-radius: 70px;
  display: flex;
  height: 41px;
  min-width: 112px;
  padding: 4.6px 0;
}

.pc .text-2 {
  letter-spacing: 0;
  line-height: 30px;
  min-height: 27px;
  text-align: center;
  white-space: nowrap;
  width: 112px;
}

.pc .overlap-group9-1 {
  height: 41px;
  position: relative;
  width: 555px;
}

.pc .overlap-group1 {
  align-items: flex-start;
  background-color: var(--fruit-salad);
  border-radius: 70px;
  display: flex;
  height: 41px;
  left: 219px;
  min-width: 112px;
  padding: 4.6px 0;
  position: absolute;
  top: 0;
}

.pc .group-19 {
  align-items: flex-start;
  display: flex;
  gap: 185px;
  height: 41px;
  left: 0;
  min-width: 555px;
  position: absolute;
  top: 0;
}

.pc .overlap-group {
  align-items: flex-start;
  background-color: var(--fruit-salad);
  border-radius: 70px;
  display: flex;
  height: 41px;
  min-width: 184px;
  padding: 4.6px 0;
}

.pc .text-3 {
  letter-spacing: 0;
  line-height: 30px;
  min-height: 27px;
  text-align: center;
  white-space: nowrap;
  width: 184px;
}

.pc .rectangle-27-1 {
  background-color: var(--fruit-salad);
  border-radius: 70px;
  height: 41px;
  width: 184px;
}

.pc .text-25 {
  left: 369px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 5px;
  white-space: nowrap;
  width: 184px;
}

.pc .overlap-group-container-1 {
  align-items: flex-start;
  display: flex;
  margin-right: 2.0px;
  margin-top: 23px;
  min-width: 712px;
}

.pc .overlap-group5-1 {
  align-self: flex-end;
  height: 41px;
  position: relative;
  width: 184px;
}

.pc .rectangle-30 {
  background-color: var(--fruit-salad);
  border-radius: 70px;
  height: 41px;
  left: 18px;
  position: absolute;
  top: 0;
  width: 147px;
}

.pc .text-27 {
  left: 0;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 5px;
  white-space: nowrap;
  width: 184px;
}

.pc .overlap-group2-1 {
  align-items: flex-start;
  background-color: var(--fruit-salad);
  border-radius: 70px;
  display: flex;
  height: 41px;
  margin-left: 24px;
  min-width: 112px;
  padding: 4.6px 0;
}

.pc .overlap-group6-1 {
  align-items: flex-start;
  background-color: var(--fruit-salad);
  border-radius: 70px;
  display: flex;
  height: 41px;
  margin-left: 25px;
  min-width: 184px;
  padding: 4.6px 0;
}

.pc .flex-row-1 {
  align-items: flex-start;
  display: flex;
  height: 47px;
  margin-right: 2.0px;
  margin-top: 21px;
  min-width: 694px;
}

.pc .text-20 {
  align-self: flex-end;
  color: var(--fruit-salad);
  font-family: var(--font-family-m_plus_1);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 30px;
  margin-left: 60px;
  min-height: 41px;
  text-align: center;
  width: 201px;
}

.pc .overlap-group8-1 {
  align-items: flex-start;
  background-color: var(--fruit-salad);
  border-radius: 70px;
  display: flex;
  height: 41px;
  justify-content: flex-end;
  margin-left: 41px;
  margin-top: 0.44px;
  min-width: 208px;
  padding: 4.6px 12.4px;
}

.pc .overlap-group11 {
  height: 70px;
  margin-left: 2.27px;
  margin-top: 6px;
  position: relative;
  width: 135px;
}

.pc .rectangle-31 {
  background: linear-gradient(90deg, rgb(93, 164, 98) 0%, rgba(93, 164, 98, 0) 100%);
  height: 64px;
  left: 56px;
  position: absolute;
  top: -25px;
  transform: rotate(-90.00deg);
  width: 24px;
}

.pc .polygon-1 {
  height: 61px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 135px;
}

.pc .overlap-group13 {
  height: 482px;
  margin-top: 9px;
  position: relative;
  width: 784px;
}

.pc .text-32 {
  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: 28px;
  width: 201px;
}

.pc .text-33 {
  left: 139px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 217px;
  width: 201px;
}

.pc .text-34 {
  left: 411px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 217px;
  width: 201px;
}

.pc .text-35 {
  left: 254px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 217px;
  width: 201px;
}

.pc .rectangle-24 {
  border: 4px solid;
  border-color: var(--fruit-salad);
  border-radius: 20px;
  height: 482px;
  left: 8px;
  position: absolute;
  top: 0;
  width: 776px;
}

.pc .ellipse-1 {
  border-radius: 159.64px;
  height: 319px;
  left: 83px;
  top: 83px;
  width: 319px;
}

.pc .ellipse-2 {
  border-radius: 203.48px;
  height: 407px;
  left: 307px;
  top: 39px;
  width: 407px;
}

.pc .overlap-group12 {
  height: 70px;
  margin-left: 2.27px;
  margin-top: 3px;
  position: relative;
  width: 135px;
}

.pc .overlap-group10 {
  align-items: flex-end;
  background-color: var(--fruit-salad);
  border-radius: 70px;
  display: flex;
  height: 55px;
  justify-content: flex-end;
  margin-left: 8.06px;
  margin-top: 3px;
  min-width: 275px;
  padding: 8.3px 13.9px;
}

.pc .text-31 {
  letter-spacing: 0;
  line-height: 30px;
  min-height: 36px;
  text-align: center;
  width: 242px;
}

.pc .group-82 {
  align-items: center;
  background-image: url(../img/rect58.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 1584px;
  padding: 168px 5px;
  position: absolute;
  top: 5461px;
  width: 1100px;
}

.pc .text-36 {
  letter-spacing: 0;
  line-height: 60px;
  margin-bottom: -10px;
  margin-right: 1.0px;
  min-height: 50px;
  text-align: center;
  white-space: nowrap;
  width: 1089px;
}

.pc .overlap-group-4 {
  height: 131px;
  margin-left: 20.0px;
  margin-top: 56px;
  position: relative;
  width: 938px;
}

.pc .price {
  left: 0;
  letter-spacing: 0;
  line-height: 60px;
  position: absolute;
  text-align: center;
  top: 25px;
  width: 152px;
}

.pc .text-4 {
  left: 174px;
  letter-spacing: 0;
  line-height: 60px;
  position: absolute;
  top: 29px;
  width: 600px;
}

.pc .vector {
  height: 78px;
  left: 136px;
  position: absolute;
  top: 20px;
  width: 1px;
}

.pc .vector-1 {
  height: 38px;
  left: 884px;
  position: absolute;
  top: 40px;
  width: 1px;
}

.pc .vector-2 {
  height: 1px;
  left: 865px;
  position: absolute;
  top: 59px;
  width: 38px;
}

.pc .rectangle-2 {
  border: 4px solid;
  border-color: var(--wattle);
  border-radius: 20px;
  height: 116px;
  left: 0;
  position: absolute;
  top: 0;
  width: 938px;
}

.pc .overlap-group-1 {
  height: 131px;
  margin-left: 20.0px;
  margin-top: 8px;
  position: relative;
  width: 938px;
}

.pc .overlap-group2-2 {
  border-radius: 20px;
  height: 425px;
  margin-left: 20.0px;
  margin-top: 8px;
  position: relative;
  width: 938px;
}

.pc .text_label {
  left: 35px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 152px;
  width: 868px;
}

.pc .vector-20 {
  height: 1px;
  left: 37px;
  position: absolute;
  top: 121px;
  width: 866px;
}

.pc .rectangle-28 {
  border: 4px solid;
  border-color: var(--wattle);
  border-radius: 20px;
  height: 425px;
  left: 0;
  position: absolute;
  top: 0;
  width: 938px;
}

.pc .group-55 {
  height: 123px;
  left: 547px;
  position: absolute;
  top: 679px;
  width: 27px;
}

.pc .overlap-group-5 {
  height: 123px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 26px;
}

.pc .line-1 {
  height: 114px;
  object-fit: cover;
}

.pc .scroll {
  color: var(--lima);
  font-family: var(--font-family-m_plus_1);
  font-size: 14px;
  font-weight: 500;
  left: -15px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 82px;
  transform: rotate(90.00deg);
  white-space: nowrap;
  width: 58px;
}

.pc .line-2 {
  height: 41px;
}

.pc .group-86 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 79px;
  min-height: 665px;
  position: absolute;
  top: 3309px;
  width: 943px;
}

.pc .overlap-group-6 {
  height: 112px;
  position: relative;
  width: 603px;
}

.pc .text-45 {
  left: 0;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 37px;
  width: 603px;
}

.pc .rectangle-36 {
  border: 2px solid;
  border-color: var(--wattle);
  border-radius: 100px;
  height: 112px;
  left: 6px;
  position: absolute;
  top: 0;
  width: 590px;
}

.pc .text-container-1 {
  height: 158px;
  margin-right: 1.0px;
  margin-top: 43px;
  position: relative;
  width: 812px;
}

.pc .text-43 {
  left: 29px;
  letter-spacing: 0;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 755px;
}

.pc .text-44 {
  left: 0;
  letter-spacing: 0;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 71px;
  width: 812px;
}

.pc .text-container-2 {
  align-items: flex-start;
  background-color: #dcd7a1;
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin-right: 8.0px;
  margin-top: 68px;
  min-height: 284px;
  padding: 25px 36px;
  width: 935px;
}

.pc .text-47 {
  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;
  margin-left: 10px;
  margin-top: 9px;
  white-space: nowrap;
}

.pc .text-46 {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 40px;
  min-height: 172px;
  width: 854px;
}

.pc .group-83 {
  height: 639px;
  left: 0;
  position: absolute;
  top: 6936px;
  width: 1100px;
}

.pc .rectangle-37 {
  border: 2px solid;
  border-color: var(--fruit-salad);
  border-radius: 100px;
  height: 112px;
  left: 256px;
  position: absolute;
  top: 4188px;
  width: 590px;
}

.pc .rectangle-36-1 {
  border: 2px solid;
  border-color: var(--fruit-salad);
  border-radius: 100px;
  height: 112px;
  left: 260px;
  position: absolute;
  top: 1666px;
  width: 603px;
}

.pc .group-87 {
  height: 408px;
  left: 417px;
  position: absolute;
  top: 2825px;
  width: 615px;
}

.pc .group-89 {
  height: 179px;
  left: 79px;
  position: absolute;
  top: 1984px;
  width: 293px;
}

.pc .text-48 {
  left: 677px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 1809px;
  white-space: nowrap;
  width: 28px;
}

.pc .text-49 {
  left: 743px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 1809px;
  white-space: nowrap;
  width: 28px;
}

.pc ._-6 {
  height: 118px;
  position: absolute;
  width: 89px;
}

.pc .ellipse {
  border: 4px solid;
  border-color: var(--fruit-salad);
  position: absolute;
}

.pc .line {
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}





.pc .overlap-group101 {
  align-items: center;
  background-color: var(--fruit-salad);
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  left: 79px;
  min-height: 356px;
  position: absolute;
  top: 1984px;
  width: 293px;
}

.pc .overlap-group6 {
  align-items: center;
  background-color: var(--fruit-salad);
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  left: 400px;
  min-height: 356px;
  position: absolute;
  top: 1984px;
  width: 293px;
}



/* grid */
.pc .overlap-group-container-2 {
  position: absolute;
  gap: 0px;
  left: 80px;
  min-width: 940px;
  min-height: 356px;
  top: 1955px;
}

.pc .overlap-group-container-3 {
  position: absolute;
  gap: 0px;
  left: 80px;
  min-width: 940px;
  min-height: 356px;
  top: 2365px;
}

.pc .overlap-group-container-4 {
  position: absolute;
  gap: 0px;
  left: 80px;
  min-width: 940px;
  min-height: 356px;
  top: 2750px;
}


.pc .group-container-2 {
  width: 320px;
}

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

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

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

.pc .text-6 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 10px;
  margin-right: 20px;
  margin-left: 20px;
  min-height: 41px;
  width: 270px;
}

.pc .text-7 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
  min-height: 64px;
  width: 276px;
}




/* よくある質問 */
.pc .overlap-group14 {
  height: 1835px;
  margin-top: 47px;
  position: absolute;
  width: 1100px;
  top: 5400px;
}

.pc .group-58 {
  align-items: center;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  left: 0;
  height: 1200px;
  padding: 50px 0px;
  position: absolute;
  width: 1100px;
}

.pc .rectangle-39 {
  background-color: #fffcd6;
  height: 112px;
  left: 256px;
  position: absolute;
  top: 5600px;
  width: 800px;
}

.pc .group-51 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 250px;
  min-height: 997px;
  position: absolute;
  top: 200px;
  width: 600px;
}

.pc .text-91 {
  color: #DEC949;
  line-height: 60px;
  min-height: 57px;
  text-align: center;
  width: 400px;
}

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

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

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

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

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

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

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

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

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

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

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

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


/* accordion */
.pc .details {
	border: 4px solid var(--wattle);
  border-radius: 20px;
  top: 0;
  width: 760px;
  margin: 10px 0px;
}
.pc .details-summary {
	display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 1em 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: 21em;
            rotate: 90deg;
            transition: rotate .3s;
            transform-origin: center center;
        }
        &:before {
          position: absolute;
          left: 21em;
          rotate: 0deg;
        }
    }
	&.is-active {
		.btn {
			-webkit-transform: rotate(-180deg);
			transform: rotate(-0deg);
			&:before {
            	content: none;
        	}	
		}
  }
}
.pc .details-summary::-webkit-details-marker {
	display: none;
}
.pc .details-content {
	p {
  padding: 5px 20px;
  color: #0d0d0d;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
	}
}


/* trees  */
.pc .group-74 {
  height: 67px;
  left: 0;
  position: absolute;
  top: 6530px;
  width: 1100px;
}


/* green */
.pc .group-75 {
  height: 639px;
  left: 0;
  position: absolute;
  top: 6597px;
  width: 1100px;
}

/* address */
.pc .text_label-2 {
  left: 182px;
  line-height: 32px;
  text-align: center;
  top: 6670px;
  width: 736px;
}

.pc .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;
}

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

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

/* privacy policy */
.pc .rectangle-23 {
  background-color: #B7F1BB;
  border-radius: 17px;
  height: 250px;
  left: 50px;
  position: absolute;
  top: 6910px;
  width: 1000px;
  overflow: auto; /* scroll */
}

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

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

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

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

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