.sp .hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(200px, 53.3333vw, 409.6px);
  padding: clamp(100px, 26.6667vw, 204.8px) clamp(0px, 0vw, 0px)
    clamp(60px, 16vw, 122.88px);
  position: relative;
  overflow: hidden;
  background: linear-gradient(
    0deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 100%
  );
  background-color: var(--variable-collection-white);
  overflow: hidden;
  background-image: url(../../img/about/heroimg30_sp.webp);
  background-size: cover;
  background-position: 50% 50%;
}
.sp .hero .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(24px, 6.4vw, 49.15px);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.sp .hero .content .adobestock {
  position: absolute;
  width: clamp(109px, 29.0667vw, 223.23px);
  height: clamp(89px, 23.7333vw, 182.27px);
  top: clamp(425px, 113.3333vw, 870.4px);
  left: clamp(11px, 2.9333vw, 22.53px);
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 20;
}
.sp .hero .content .adobestock img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .img {
  position: absolute;
  width: clamp(103px, 27.4667vw, 210.94px);
  height: clamp(117px, 31.2vw, 239.62px);
  top: clamp(776px, 206.9333vw, 1589.25px);
  left: clamp(272px, 72.5333vw, 557.06px);
  -o-object-fit: cover;
  object-fit: cover;
}
.sp .hero .content .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .trip-work {
  position: relative;
  width: clamp(278.99px, 74.3973vw, 571.37px);
  height: clamp(140.45px, 37.4533vw, 287.64px);
}
.sp .hero .content .trip-work img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
  object-fit: contain;
}
.sp .hero .content .text-wrapper {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  transform: rotate(-4deg);
  width: clamp(198px, 52.8vw, 405.5px);
}
.sp .hero .content .text-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .design {
  position: relative;
  width: clamp(333.64px, 88.9707vw, 683.29px);
  height: clamp(226px, 60.2667vw, 462.85px);
}
.sp .hero .content .design .overlap {
  position: absolute;
  width: clamp(166px, 44.2667vw, 339.97px);
  height: clamp(93px, 24.8vw, 190.46px);
  top: 0;
  left: clamp(20px, 5.3333vw, 40.96px);
}
.sp .hero .content .design .overlap .speech-bubble {
  position: absolute;
  width: clamp(153px, 40.8vw, 313.34px);
  height: clamp(93px, 24.8vw, 190.46px);
  top: 0;
  left: 0;
}
.sp .hero .content .design .overlap .speech-bubble .div-wrapper {
  width: clamp(142px, 37.8667vw, 290.82px);
  height: clamp(74px, 19.7333vw, 151.55px);
  top: clamp(9px, 2.4vw, 18.43px);
  left: clamp(4px, 1.0667vw, 8.19px);
  position: relative;
}
.sp .hero .content .design .overlap .speech-bubble .div-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .design .overlap .vector-3 {
  position: absolute;
  width: clamp(17px, 4.5333vw, 34.82px);
  height: clamp(21px, 5.6vw, 43.01px);
  top: clamp(67px, 17.8667vw, 137.22px);
  left: clamp(149px, 39.7333vw, 305.15px);
}
.sp .hero .content .design .overlap .vector-3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .design .overlap-2 {
  position: absolute;
  width: clamp(106px, 28.2667vw, 217.09px);
  height: clamp(76px, 20.2667vw, 155.65px);
  top: clamp(109px, 29.0667vw, 223.23px);
  left: 0;
}
.sp .hero .content .design .overlap-2 .overlap-wrapper {
  position: absolute;
  width: clamp(93px, 24.8vw, 190.46px);
  height: clamp(69px, 18.4vw, 141.31px);
  top: 0;
  left: 0;
}
.sp .hero .content .design .overlap-2 .overlap-wrapper .overlap-3 {
  position: relative;
  width: clamp(91px, 24.2667vw, 186.37px);
  height: clamp(69px, 18.4vw, 141.31px);
}
.sp .hero .content .design .overlap-2 .overlap-wrapper .overlap-3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .design .overlap-2 .vector-4 {
  position: absolute;
  width: clamp(17px, 4.5333vw, 34.82px);
  height: clamp(13px, 3.4667vw, 26.62px);
  top: clamp(63px, 16.8vw, 129.02px);
  left: clamp(88px, 23.4667vw, 180.22px);
}
.sp .hero .content .design .overlap-2 .vector-4 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .design .overlap-group-wrapper {
  position: absolute;
  width: clamp(124px, 33.0667vw, 253.95px);
  height: clamp(117px, 31.2vw, 239.62px);
  top: clamp(109px, 29.0667vw, 223.23px);
  left: clamp(116px, 30.9333vw, 237.57px);
}
.sp .hero .content .design .overlap-group-wrapper .overlap-4 {
  position: relative;
  width: clamp(122px, 32.5333vw, 249.86px);
  height: clamp(117px, 31.2vw, 239.62px);
}
.sp .hero .content .design .overlap-group-wrapper .overlap-4 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .design .speech-bubble-2 {
  position: absolute;
  width: clamp(122px, 32.5333vw, 249.86px);
  height: clamp(58px, 15.4667vw, 118.78px);
  top: clamp(30px, 8vw, 61.44px);
  left: clamp(211px, 56.2667vw, 432.13px);
  transform: rotate(6.86deg);
}
.sp .hero .content .design .speech-bubble-2 .overlap-5 {
  position: relative;
  width: clamp(125px, 33.3333vw, 256px);
  height: clamp(71px, 18.9333vw, 145.41px);
  top: -11px;
  left: -2px;
}
.sp .hero .content .design .speech-bubble-2 .overlap-5 .vector-5 {
  position: absolute;
  width: clamp(119px, 31.7333vw, 243.71px);
  height: clamp(57px, 15.2vw, 116.74px);
  top: clamp(7px, 1.8667vw, 14.34px);
  left: clamp(3px, 0.8vw, 6.14px);
  transform: rotate(-6.86deg);
}
.sp .hero .content .design .speech-bubble-2 .overlap-5 .vector-5 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
  object-fit: contain;
}
.sp .hero .content .frame {
  display: flex;
  align-items: center;
  gap: clamp(16px, 4.2667vw, 32.77px);
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  animation: scroll 100s linear infinite;
}
@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.sp .hero .content .frame .element-image {
  display: flex;
  width: clamp(154px, 41.0667vw, 315.39px);
  height: clamp(205px, 54.6667vw, 419.84px);
  align-items: center;
  justify-content: center;
  gap: clamp(48px, 12.8vw, 98.3px);
  position: relative;
  border-radius: clamp(6px, 1.6vw, 12.29px);
}
.sp .hero .content .frame .element-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .frame .frame-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(8px, 2.1333vw, 16.38px);
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  width: clamp(154px, 41.0667vw, 315.39px);
}
.sp .hero .content .frame .frame-2 .element-image-2 {
  display: flex;
  width: clamp(154px, 41.0667vw, 315.39px);
  height: clamp(116px, 30.9333vw, 237.57px);
  align-items: center;
  justify-content: center;
  gap: clamp(48px, 12.8vw, 98.3px);
  position: relative;
  border-radius: clamp(6px, 1.6vw, 12.29px);
}
.sp .hero .content .frame .frame-2 .element-image-2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .frame .frame-2 .text-wrapper-5 {
  position: relative;
  align-self: stretch;
  font-family: var(--sp-body-regular-font-family);
  color: #000000;
  font-size: var(--sp-body-regular-font-size);
  line-height: var(--sp-body-regular-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: var(--sp-body-regular-font-weight);
  letter-spacing: var(--sp-body-regular-letter-spacing);
  font-style: var(--sp-body-regular-font-style);
}
.sp .hero .content .text-wrapper-6 {
  position: relative;
  width: calc(190 / 375 * 100vw);
}
.sp .hero .content .text-wrapper-6 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .farmer-illus {
  position: absolute;
  width: clamp(83px, 22.1333vw, 169.98px);
  height: clamp(81px, 21.6vw, 165.89px);
  top: clamp(163px, 43.4667vw, 333.82px);
  left: clamp(292px, 77.8667vw, 598.02px);
}
.sp .hero .content .farmer-illus img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .vector-7 {
  position: absolute;
  width: clamp(17px, 4.5333vw, 34.82px);
  height: clamp(13px, 3.4667vw, 26.62px);
  top: clamp(448px, 119.4667vw, 917.5px);
  left: clamp(228px, 60.8vw, 466.94px);
}
.sp .hero .content .vector-7 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .vector-8 {
  position: absolute;
  width: clamp(153px, 40.8vw, 313.34px);
  height: clamp(70px, 18.6667vw, 143.36px);
  top: clamp(84px, 22.4vw, 172.03px);
  left: clamp(25px, 6.6667vw, 51.2px);
  transform: rotate(-0.63deg);
}
.sp .hero .content .vector-8 .overlap-6 {
  position: relative;
  width: clamp(152px, 40.5333vw, 311.3px);
  height: clamp(71px, 18.9333vw, 145.41px);
  top: -1px;
}
.sp .hero .content .vector-8 .overlap-6 .vector-9 {
  position: absolute;
  width: clamp(151px, 40.2667vw, 309.25px);
  height: clamp(69px, 18.4vw, 141.31px);
  top: clamp(1px, 0.2667vw, 2.05px);
  left: 0;
  transform: rotate(0.63deg);
}
.sp .hero .content .vector-8 .overlap-6 .vector-9 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .kimono-woman {
  position: absolute;
  width: clamp(61px, 16.2667vw, 124.93px);
  height: clamp(92px, 24.5333vw, 188.42px);
  top: -9px;
  left: calc(314 / 375 * 100vw);
}
.sp .hero .content .kimono-woman img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .man-suitcase-illus {
  position: absolute;
  width: clamp(82px, 21.8667vw, 167.94px);
  height: clamp(171px, 45.6vw, 350.21px);
  top: clamp(91px, 24.2667vw, 186.37px);
  left: calc(5 / 375 * 100vw);
  transform: rotate(-5.95deg);
}
.sp .hero .content .man-suitcase-illus img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
  object-fit: contain;
}
.sp .hero .content .vector-12 {
  position: absolute;
  width: clamp(19px, 5.0667vw, 38.91px);
  height: clamp(20px, 5.3333vw, 40.96px);
  top: clamp(466px, 124.2667vw, 954.37px);
  left: clamp(122px, 32.5333vw, 249.86px);
}
.sp .hero .content .vector-12 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .vector-13 {
  position: absolute;
  width: clamp(100px, 26.6667vw, 204.8px);
  height: clamp(63px, 16.8vw, 129.02px);
  top: clamp(353px, 94.1333vw, 722.94px);
  left: clamp(289px, 77.0667vw, 591.87px);
}
.sp .hero .content .vector-13 .overlap-7 {
  position: relative;
  width: clamp(86px, 22.9333vw, 176.13px);
  height: clamp(63px, 16.8vw, 129.02px);
}
.sp .hero .content .vector-13 .overlap-7 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
  object-fit: contain;
}
.sp .hero .content .adobestock-2 {
  position: absolute;
  width: clamp(105px, 28vw, 215.04px);
  height: clamp(223px, 59.4667vw, 456.7px);
  top: clamp(469px, 125.0667vw, 960.51px);
  left: clamp(122px, 32.5333vw, 249.86px);
  -o-object-fit: cover;
  object-fit: cover;
}
.sp .hero .content .adobestock-2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .temple-illus {
  position: absolute;
  width: clamp(75px, 20vw, 153.6px);
  height: clamp(71px, 18.9333vw, 145.41px);
  top: -14px;
  left: calc(2 / 375 * 100vw);
}
.sp .hero .content .temple-illus img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .content .adobestock-3 {
  position: absolute;
  width: clamp(54px, 14.4vw, 110.59px);
  height: clamp(85px, 22.6667vw, 174.08px);
  top: clamp(397px, 105.8667vw, 813.06px);
  left: clamp(252px, 67.2vw, 516.1px);
  -o-object-fit: cover;
  object-fit: cover;
}
.sp .hero .content .adobestock-3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .cutout {
  position: absolute;
  width: clamp(143px, 38.1333vw, 292.86px);
  height: clamp(154px, 41.0667vw, 315.39px);
  top: clamp(739px, 197.0667vw, 1513.47px);
  left: -31px;
}
.sp .hero .cutout .overlap-9 {
  position: absolute;
  width: clamp(114px, 30.4vw, 233.47px);
  height: clamp(154px, 41.0667vw, 315.39px);
  top: 0;
  left: clamp(31px, 8.2667vw, 63.49px);
}
.sp .hero .cutout .overlap-9 .adobestock-4 {
  position: absolute;
  width: clamp(71px, 18.9333vw, 145.41px);
  height: clamp(154px, 41.0667vw, 315.39px);
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.sp .hero .cutout .overlap-9 .adobestock-4 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero .cutout .overlap-9 .vector-34 {
  position: absolute;
  width: clamp(61px, 16.2667vw, 124.93px);
  height: clamp(42px, 11.2vw, 86.02px);
  top: clamp(15px, 4vw, 30.72px);
  left: clamp(53px, 14.1333vw, 108.54px);
}
.sp .hero .cutout .overlap-9 .vector-34 .overlap-group-2 {
  width: clamp(59px, 15.7333vw, 120.83px);
  height: clamp(42px, 11.2vw, 86.02px);
  position: relative;
}
.sp .hero .cutout .overlap-9 .vector-34 .overlap-group-2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .hero #herocontent1_sp,
.sp .hero #herocontent2_sp,
.sp .hero #herocontent3_sp,
.sp .hero #herocontent5_sp,
.sp .hero #herocontent6_sp,
.sp .hero #herocontent7_sp,
.sp .hero #herocontent8_sp {
  opacity: 0;
}
.sp .hero #herocontent1_sp.animate-up,
.sp .hero #herocontent2_sp.animate-up,
.sp .hero #herocontent3_sp.animate-up,
.sp .hero #herocontent5_sp.animate-up,
.sp .hero #herocontent6_sp.animate-up,
.sp .hero #herocontent7_sp.animate-up,
.sp .hero #herocontent8_sp.animate-up {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s ease;
}
.sp .hero #herocontent1_sp.animate-up.show,
.sp .hero #herocontent2_sp.animate-up.show,
.sp .hero #herocontent3_sp.animate-up.show,
.sp .hero #herocontent5_sp.animate-up.show,
.sp .hero #herocontent6_sp.animate-up.show,
.sp .hero #herocontent7_sp.animate-up.show,
.sp .hero #herocontent8_sp.animate-up.show {
  opacity: 1;
  transform: translateY(0);
}
.sp .concept {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(32px, 4.1667vw, 32px);
  padding: clamp(40px, 5.2083vw, 40px) clamp(24px, 3.125vw, 24px);
  position: relative;
  background-color: var(--variable-collection-white);
}
.sp .concept .catch-phrase {
  display: flex;
  width: clamp(327px, 42.5781vw, 327px);
  align-items: center;
  gap: clamp(16px, 2.0833vw, 16px);
  position: relative;
  flex: 0 0 auto;
  flex-direction: column;
}
.sp .concept .catch-phrase .title {
  width: 100%;
  background-color: var(--variable-collection-mughal-green);
  gap: clamp(10px, 1.3021vw, 10px);
  padding: clamp(12px, 1.5625vw, 12px);
  position: relative;
}
.sp .concept .catch-phrase .title .text-wrapper {
  position: relative;
  margin-top: -clamp(1px, 0.1302vw, 1px);
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: var(--variable-collection-white);
  font-size: clamp(14px, 1.8229vw, 14px);
  text-align: center;
  letter-spacing: 0;
  line-height: clamp(19px, 2.474vw, 19px);
}
.sp .concept .catch-phrase .frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: clamp(16px, 2.0833vw, 16px);
  position: relative;
  flex: 1;
  flex-grow: 1;
}
.sp .concept .catch-phrase .frame .div {
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--variable-collection-white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(10px, 1.3021vw, 10px);
  padding: clamp(12px, 1.5625vw, 12px);
  position: relative;
}
.sp .concept .catch-phrase .frame .div .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  margin-top: -clamp(1.25px, 0.1628vw, 1.25px);
  margin-left: -clamp(0.25px, 0.0326vw, 0.25px);
  -webkit-text-stroke: clamp(0.25px, 0.0326vw, 0.25px) #000000;
  font-family: "syunka2p-Regular", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-black);
  font-size: clamp(14px, 1.8229vw, 14px);
  letter-spacing: 0;
  line-height: clamp(24px, 3.125vw, 24px);
}
.sp .concept .catch-phrase .frame .div .text-wrapper-2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .concept .element-image {
  display: flex;
  height: clamp(245.25px, 31.9336vw, 245.25px);
  align-items: center;
  justify-content: center;
  gap: clamp(48px, 6.25vw, 48px);
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: clamp(10px, 1.3021vw, 10px);
  overflow: hidden;
}
.sp .concept .element-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .concept .container {
  display: flex;
  flex-direction: column;
  width: clamp(327px, 42.5781vw, 327px);
  align-items: flex-start;
  gap: clamp(8px, 1.0417vw, 8px);
  position: relative;
  flex: 0 0 auto;
}
.sp .concept .container .element-LINE-LINE {
  position: relative;
  align-self: stretch;
  margin-top: -clamp(1px, 0.1302vw, 1px);
  font-family: var(--sp-body-regular-font-family);
  font-weight: var(--sp-body-regular-font-weight);
  color: var(--variable-collection-black);
  font-size: var(--sp-body-regular-font-size);
  letter-spacing: var(--sp-body-regular-letter-spacing);
  line-height: var(--sp-body-regular-line-height);
  font-style: var(--sp-body-regular-font-style);
}
.sp .concept .text-wrapper-4 {
  position: relative;
  width: 100%;
  margin-left: -clamp(1.8px, 0.2344vw, 1.8px);
}
.sp .concept .text-wrapper-4 .wrapper {
  display: block;
  width: clamp(250px, 32.5521vw, 250px);
}
.sp .concept .text-wrapper-4 .wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .concept .group-wrapper {
  display: flex;
  width: clamp(300px, 39.0625vw, 300px);
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 1.3021vw, 10px);
  position: relative;
  flex: 0 0 auto;
}
.sp .concept .group-wrapper .group {
  width: 100%;
  display: block;
}
.sp .concept .group-wrapper .group img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .concept #conceptcontent2_sp,
.sp .concept #conceptcontent3_sp {
  opacity: 0;
}
.sp .concept #conceptcontent2_sp.animate-up,
.sp .concept #conceptcontent3_sp.animate-up {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s ease;
}
.sp .concept #conceptcontent2_sp.animate-up.show,
.sp .concept #conceptcontent3_sp.animate-up.show {
  opacity: 1;
  transform: translateY(0);
}
.sp .point {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: clamp(24px, 6.4vw, 49.15px);
  padding: clamp(0px, 0vw, 0px) clamp(24px, 6.4vw, 49.15px)
    clamp(40px, 10.67vw, 81.92px);
  position: relative;
}
.sp .point .section-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(4px, 1.07vw, 8.19px);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.sp .point .section-title img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .point .frame {
  display: flex;
  flex-direction: column;
  width: clamp(320px, 85.33vw, 655.36px);
  align-items: center;
  gap: clamp(10px, 2.67vw, 20.48px);
  position: relative;
  flex: 0 0 auto;
}

.sp .point .frame#aboutframe1.animate-up,
.sp .point .frame#aboutframe2.animate-up,
.sp .point .frame#aboutframe3.animate-up,
.sp .point .frame#aboutframe4.animate-up,
.sp .point .frame#aboutframe5.animate-up {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s ease;
}

.sp .point .frame#aboutframe1.animate-up.show,
.sp .point .frame#aboutframe2.animate-up.show,
.sp .point .frame#aboutframe3.animate-up.show,
.sp .point .frame#aboutframe4.animate-up.show,
.sp .point .frame#aboutframe5.animate-up.show {
  opacity: 1;
  transform: translateY(0);
}

.sp .point .frame .travel-postcard {
  display: flex;
  flex-direction: column;
  width: clamp(320px, 85.33vw, 655.36px);
  height: clamp(240px, 64vw, 491.52px);
  align-items: center;
  justify-content: space-around;
  padding: clamp(12px, 3.2vw, 24.58px);
  position: relative;
  border-radius: clamp(10px, 2.67vw, 20.48px);
  overflow: hidden;
}
.sp .point .frame .travel-postcard img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .point .frame .numbering {
  position: relative;
  width: clamp(96.17px, 25.65vw, 196.96px);
  height: clamp(57px, 15.2vw, 116.74px);
}
.sp .point .frame .numbering .overlap-group {
  position: relative;
  width: clamp(92px, 24.53vw, 188.42px);
  height: clamp(57px, 15.2vw, 116.74px);
}
.sp .point .frame .numbering .overlap-group .group {
  display: block;
  width: 100%;
}
.sp .point .frame .numbering .overlap-group .group img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .point .frame .text-wrapper-3 {
  font-family: var(--sp-body-regular-font-family);
  color: var(--variable-collection-black);
  font-size: var(--sp-body-regular-font-size);
  line-height: var(--sp-body-regular-line-height);
  position: relative;
  align-self: stretch;
  font-weight: var(--sp-body-regular-font-weight);
  letter-spacing: var(--sp-body-regular-letter-spacing);
  font-style: var(--sp-body-regular-font-style);
}
.sp .flow {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(32px, 8.533vw, 65.54px);
  padding: clamp(40px, 10.667vw, 81.92px) clamp(24px, 6.4vw, 49.15px);
  position: relative;
}
.sp .flow .section-title {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}
.sp .flow .section-title .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(12px, 3.2vw, 24.58px);
  position: relative;
  flex: 1;
  flex-grow: 1;
}
.sp .flow .section-title .text img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .flow .tile-container {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(24px, 6.4vw, 49.15px);
  position: relative;
  flex: 0 0 auto;
}
.sp .flow .tile-container .SP-point-item {
  display: flex;
  flex-direction: column;
  width: clamp(327px, 87.2vw, 669.7px);
  align-items: center;
  justify-content: center;
  gap: clamp(20px, 5.333vw, 40.96px);
  padding: clamp(0px, 0vw, 0px) clamp(0px, 0vw, 0px)
    clamp(20px, 5.333vw, 40.96px);
  position: relative;
  flex: 0 0 auto;
  border-radius: clamp(10px, 2.667vw, 20.48px);
}

.sp .flow .tile-container .SP-point-item .content {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, 5.333vw, 40.96px);
}
.sp .flow .tile-container .SP-point-item .frame {
  padding: clamp(20px, 5.333vw, 40.96px);
  background-color: #f0f5ee;
  display: flex;
  align-items: center;
  gap: clamp(10px, 2.667vw, 20.48px);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: clamp(10px, 2.667vw, 20.48px);
}
.sp .flow .tile-container .SP-point-item .frame .group {
  position: relative;
  width: clamp(60px, 16vw, 122.88px);
  height: clamp(53.6px, 14.293vw, 109.77px);
}
.sp .flow .tile-container .SP-point-item .frame .group img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
  object-fit: contain;
}
.sp .flow .tile-container .SP-point-item .frame .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: clamp(4px, 1.067vw, 8.19px);
  position: relative;
  flex: 1;
  flex-grow: 1;
}
.sp .flow .tile-container .SP-point-item .frame .title .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: var(--variable-collection-mughal-green);
  font-size: clamp(12px, 3.2vw, 24.58px);
  letter-spacing: 0;
  line-height: normal;
}
.sp .flow .tile-container .SP-point-item .frame .title .text-wrapper-3 {
  align-self: stretch;
  font-family: var(--sp-body-large-font-family);
  font-weight: var(--sp-body-large-font-weight);
  line-height: var(--sp-body-large-line-height);
  position: relative;
  color: var(--variable-collection-black);
  font-size: var(--sp-body-large-font-size);
  letter-spacing: var(--sp-body-large-letter-spacing);
  font-style: var(--sp-body-large-font-style);
}
.sp .flow .tile-container .SP-point-item .heading {
  align-self: stretch;
  width: 100%;
  display: flex;
  height: clamp(17.5px, 4.667vw, 35.84px);
  align-items: center;
  justify-content: center;
  gap: clamp(8px, 2.133vw, 16.38px);
  position: relative;
}
.sp .flow .tile-container .SP-point-item .heading .vector {
  position: relative;
  width: clamp(18.56px, 4.949vw, 38.01px);
  height: clamp(18.56px, 4.949vw, 38.01px);
  margin-top: 0clamp 53px, 14.133vw, 108.54px;
  margin-bottom: 0clamp 53px, 14.133vw, 108.54px;
  margin-left: 0clamp 53px, 14.133vw, 108.54px;
}
.sp .flow .tile-container .SP-point-item .heading .vector img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .flow .tile-container .SP-point-item .heading .text-wrapper-4 {
  flex: 1;
  margin-top: -9clamp 25px, 6.667vw, 51.2px;
  margin-bottom: -7clamp 25px, 6.667vw, 51.2px;
  font-family: var(--sp-body-large-font-family);
  font-weight: var(--sp-body-large-font-weight);
  text-align: center;
  line-height: var(--sp-body-large-line-height);
  position: relative;
  color: var(--variable-collection-black);
  font-size: var(--sp-body-large-font-size);
  letter-spacing: var(--sp-body-large-letter-spacing);
  font-style: var(--sp-body-large-font-style);
}
.sp .flow .tile-container .SP-point-item .heading .img {
  position: relative;
  width: clamp(18.56px, 4.949vw, 38.01px);
  height: clamp(18.56px, 4.949vw, 38.01px);
  margin-top: 0clamp 53px, 14.133vw, 108.54px;
  margin-bottom: 0clamp 53px, 14.133vw, 108.54px;
  margin-right: 0clamp 53px, 14.133vw, 108.54px;
}
.sp .flow .tile-container .SP-point-item .heading .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .flow .tile-container .SP-point-item .check-list-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, 4.267vw, 32.77px);
  position: relative;
  align-self: stretch;
  width: 100%;
}
.sp .flow .tile-container .SP-point-item .check-list-group .check-list {
  display: flex;
  align-items: center;
  gap: clamp(8px, 2.133vw, 16.38px);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.sp
  .flow
  .tile-container
  .SP-point-item
  .check-list-group
  .check-list
  .vector-2 {
  position: relative;
  width: clamp(14px, 3.733vw, 28.67px);
  margin-left: -1px;
}
.sp
  .flow
  .tile-container
  .SP-point-item
  .check-list-group
  .check-list
  .vector-2
  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp
  .flow
  .tile-container
  .SP-point-item
  .check-list-group
  .check-list
  .text-wrapper-5 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--sp-body-regular-font-family);
  font-weight: var(--sp-body-regular-font-weight);
  color: var(--variable-collection-black);
  font-size: var(--sp-body-regular-font-size);
  letter-spacing: var(--sp-body-regular-letter-spacing);
  line-height: var(--sp-body-regular-line-height);
  font-style: var(--sp-body-regular-font-style);
}
.sp .flow .tile-container .SP-point-item .SP-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 2.667vw, 20.48px);
  padding: clamp(12px, 3.2vw, 24.58px) clamp(60px, 16vw, 122.88px);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--variable-collection-mughal-green);
  border-radius: clamp(50px, 13.333vw, 102.4px);
}
.sp .flow .tile-container .SP-point-item .SP-button .button {
  all: unset;
  box-sizing: border-box;
  margin-left: -17px;
  margin-right: -17px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--sp-button-font-family);
  font-weight: var(--sp-button-font-weight);
  color: var(--variable-collection-white);
  font-size: var(--sp-button-font-size);
  letter-spacing: var(--sp-button-letter-spacing);
  line-height: var(--sp-button-line-height);
  white-space: nowrap;
  font-style: var(--sp-button-font-style);
}
.sp .flow .tile-container .SP-point-item .vector-3 {
  position: absolute;
  width: clamp(17px, 4.533vw, 34.82px);
  top: clamp(45px, 12vw, 92.16px);
  left: clamp(289px, 77.067vw, 591.87px);
  transform: rotate(180deg);
  transition: 0.4s all;
}

.sp .flow .tile-container .SP-point-item .vector-3.rotated {
  transform: rotate(0);
}
.sp .flow .tile-container .SP-point-item .vector-3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.sp .flow .tile-container .SP-point-item .note-textbox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, 4.267vw, 32.77px);
  padding: clamp(12px, 3.2vw, 24.58px) clamp(20px, 5.333vw, 40.96px);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--variable-collection-ghost-white);
}
.sp .flow .tile-container .SP-point-item .note-textbox .information-icon {
  position: relative;
  width: clamp(24px, 6.4vw, 49.15px);
}
.sp .flow .tile-container .SP-point-item .note-textbox .information-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
  object-fit: contain;
}
.sp .flow .tile-container .SP-point-item .note-textbox .text-wrapper-7 {
  position: relative;
  align-self: stretch;
  font-family: var(--sp-body-regular-font-family);
  font-weight: var(--sp-body-regular-font-weight);
  color: var(--variable-collection-gray);
  font-size: var(--sp-body-regular-font-size);
  letter-spacing: var(--sp-body-regular-letter-spacing);
  line-height: var(--sp-body-regular-line-height);
  font-style: var(--sp-body-regular-font-style);
}
.sp .flow .tile-container .SP-point-item .frame-2 {
  display: block;
  width: 100%;
}
.sp .flow .tile-container .SP-point-item .frame-2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}

@media (min-width: 769px) {
  .pc .hero {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(52.08px, 13.8889vw, 266.67px);
    padding: clamp(26.04px, 6.9444vw, 133.33px) clamp(0px, 0vw, 0px)
      clamp(78.12px, 20.8333vw, 400px);
    position: relative;
    width: 100%;
    background: linear-gradient(
      0deg,
      rgb(255, 255, 255) 0%,
      rgb(255, 255, 255) 100%
    );
    background-color: var(--variable-collection-white);
    overflow: hidden;
    background-image: url(../../img/about/heroimg30.webp);
    background-size: cover;
    background-position: 50% 50%;
  }
  .pc .hero .adobestock {
    position: absolute;
    width: clamp(81.77px, 21.8056vw, 418.67px);
    top: clamp(185.94px, 49.5833vw, 952px);
    left: clamp(43.23px, 11.5278vw, 221.33px);
  }
  .pc .hero .adobestock img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .frame {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: clamp(5.21px, 1.3889vw, 26.67px);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  .pc .hero .frame .cafe-illus {
    position: absolute;
    width: clamp(31.77px, 8.4722vw, 162.67px);
    top: clamp(60.42px, 16.1111vw, 309.33px);
    left: clamp(245.31px, 65.4167vw, 1256px);
  }
  .pc .hero .frame .cafe-illus .overlap {
    display: block;
    width: 100%;
  }
  .pc .hero .frame .cafe-illus .overlap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .frame .trip-work {
    position: relative;
    width: clamp(104.17px, 27.7778vw, 533.33px);
  }
  .pc .hero .frame .trip-work .overlap-4 {
    display: block;
    width: 100%;
  }
  .pc .hero .frame .trip-work .overlap-4 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .frame .text-wrapper {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    transform: rotate(-4deg);
    width: clamp(112.5px, 30vw, 576px);
    display: block;
  }
  .pc .hero .frame .text-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .frame .vectors {
    position: relative;
    width: clamp(171.09px, 45.6236vw, 875.97px);
    height: clamp(69.79px, 18.6111vw, 357.33px);
  }
  .pc .hero .frame .vectors .overlap-5 {
    position: absolute;
    width: clamp(113.54px, 30.2778vw, 581.33px);
    height: clamp(69.79px, 18.6111vw, 357.33px);
    top: 0;
    left: 0;
  }
  .pc .hero .frame .vectors .overlap-5 .overlap-6 {
    position: absolute;
    width: clamp(113.02px, 30.1389vw, 578.67px);
    height: clamp(69.79px, 18.6111vw, 357.33px);
    top: 0;
    left: 0;
  }
  .pc .hero .frame .vectors .overlap-5 .overlap-6 .speech-bubble {
    position: absolute;
    width: clamp(59.38px, 15.8333vw, 304px);
    height: clamp(36.46px, 9.7222vw, 186.67px);
    top: 0;
    left: clamp(30.99px, 8.2639vw, 158.67px);
  }
  .pc
    .hero
    .frame
    .vectors
    .overlap-5
    .overlap-6
    .speech-bubble
    .overlap-group-2 {
    position: relative;
    width: clamp(55.47px, 14.7917vw, 284px);
    height: clamp(28.91px, 7.7083vw, 148px);
    top: clamp(3.65px, 0.9722vw, 18.67px);
    left: clamp(1.56px, 0.4167vw, 8px);
  }
  .pc
    .hero
    .frame
    .vectors
    .overlap-5
    .overlap-6
    .speech-bubble
    .overlap-group-2
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .frame .vectors .overlap-5 .overlap-6 .speech-bubble-2 {
    position: absolute;
    width: clamp(42.45px, 11.3194vw, 217.33px);
    height: clamp(40.36px, 10.7639vw, 206.67px);
    top: clamp(29.43px, 7.8472vw, 150.67px);
    left: clamp(70.57px, 18.8194vw, 361.33px);
  }
  .pc .hero .frame .vectors .overlap-5 .overlap-6 .speech-bubble-2 .overlap-7 {
    position: relative;
    width: clamp(41.93px, 11.1806vw, 214.67px);
    height: clamp(40.36px, 10.7639vw, 206.67px);
  }
  .pc
    .hero
    .frame
    .vectors
    .overlap-5
    .overlap-6
    .speech-bubble-2
    .overlap-7
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .frame .vectors .overlap-5 .overlap-6 .speech-bubble-3 {
    position: absolute;
    width: clamp(34.64px, 9.2361vw, 177.33px);
    height: clamp(25.78px, 6.875vw, 132px);
    top: clamp(23.7px, 6.3194vw, 121.33px);
    left: 0;
  }
  .pc .hero .frame .vectors .overlap-5 .overlap-6 .speech-bubble-3 .overlap-8 {
    position: relative;
    width: clamp(34.11px, 9.0972vw, 174.67px);
    height: clamp(25.78px, 6.875vw, 132px);
  }
  .pc
    .hero
    .frame
    .vectors
    .overlap-5
    .overlap-6
    .speech-bubble-3
    .overlap-8
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .frame .vectors .overlap-5 .vector-3 {
    position: absolute;
    width: clamp(14.58px, 3.8889vw, 74.67px);
    height: clamp(15.89px, 4.2361vw, 81.33px);
    top: clamp(3.65px, 0.9722vw, 18.67px);
    left: clamp(98.96px, 26.3889vw, 506.67px);
  }
  .pc .hero .frame .vectors .overlap-5 .vector-3 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .frame .vectors .overlap-5 .vector-4 {
    position: absolute;
    width: clamp(9.9px, 2.6389vw, 50.67px);
    height: clamp(7.81px, 2.0833vw, 40px);
    top: clamp(42.71px, 11.3889vw, 218.67px);
    left: clamp(47.92px, 12.7778vw, 245.33px);
  }
  .pc .hero .frame .vectors .overlap-5 .vector-4 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .frame .vectors .speech-bubble-4 {
    position: absolute;
    width: clamp(56.25px, 15vw, 288px);
    height: clamp(27.08px, 7.2222vw, 138.67px);
    top: clamp(17.45px, 4.6528vw, 89.33px);
    left: clamp(113.8px, 30.3472vw, 582.67px);
    transform: rotate(6.86deg);
  }
  .pc .hero .frame .vectors .speech-bubble-4 .overlap-9 {
    position: relative;
    width: clamp(58.07px, 15.4861vw, 297.33px);
    height: clamp(33.07px, 8.8194vw, 169.33px);
    top: -19px;
    left: -4px;
  }
  .pc .hero .frame .vectors .speech-bubble-4 .overlap-9 .vector-5 {
    position: absolute;
    width: clamp(55.47px, 14.7917vw, 284px);
    height: clamp(26.56px, 7.0833vw, 136px);
    top: clamp(3.12px, 0.8333vw, 16px);
    left: clamp(1.3px, 0.3472vw, 6.67px);
    transform: rotate(-6.86deg);
  }
  .pc .hero .frame .vectors .speech-bubble-4 .overlap-9 .vector-5 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .frame .vector-6 {
    position: absolute;
    width: clamp(62.76px, 16.7361vw, 321.33px);
    height: clamp(28.65px, 7.6389vw, 146.67px);
    top: clamp(40.62px, 10.8333vw, 208px);
    left: clamp(104.17px, 27.7778vw, 533.33px);
  }
  .pc .hero .frame .vector-6 .overlap-10 {
    position: relative;
    width: clamp(62.24px, 16.5972vw, 318.67px);
    height: clamp(28.65px, 7.6389vw, 146.67px);
  }
  .pc .hero .frame .vector-6 .overlap-10 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .frame .temple-illus {
    position: absolute;
    width: clamp(27.86px, 7.4306vw, 142.67px);
    height: clamp(26.56px, 7.0833vw, 136px);
    top: clamp(3.12px, 0.8333vw, 16px);
    left: clamp(94.53px, 25.2083vw, 484px);
  }
  .pc .hero .frame .temple-illus img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .frame .kimono-woman {
    position: absolute;
    width: clamp(42.45px, 11.3194vw, 217.33px);
    height: clamp(48.96px, 13.0556vw, 250.67px);
    top: clamp(2.08px, 0.5556vw, 10.67px);
    left: clamp(241.15px, 64.3056vw, 1234.67px);
  }
  .pc .hero .frame .kimono-woman img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .image-slider {
    display: flex;
    height: clamp(104.17px, 27.7778vw, 533.33px);
    align-items: center;
    justify-content: center;
    gap: clamp(15.62px, 4.1667vw, 80px);
    position: relative;
    animation: scroll 100s linear infinite;
  }
  .pc .hero .image-slider .image-slider > div {
    flex: 0 0 auto;
    margin-right: clamp(7.81px, 2.0833vw, 40px);
  }
  .pc .hero .image-slider .element-image {
    display: block;
    width: clamp(78.12px, 20.8333vw, 400px);
    height: clamp(104.17px, 27.7778vw, 533.33px);
    align-items: center;
    justify-content: center;
    gap: clamp(12.5px, 3.3333vw, 64px);
    position: relative;
    border-radius: clamp(2.6px, 0.6944vw, 13.33px);
    overflow: hidden;
  }
  .pc .hero .image-slider .element-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  @keyframes scroll {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  .pc .hero .image-slider .image-and-caption {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: clamp(5.21px, 1.3889vw, 26.67px);
    position: relative;
    flex: 0 0 auto;
  }
  .pc .hero .image-slider .image-and-caption .element-image-2 {
    display: block;
    width: clamp(104.17px, 27.7778vw, 533.33px);
    height: clamp(78.12px, 20.8333vw, 400px);
    align-items: center;
    justify-content: center;
    gap: clamp(12.5px, 3.3333vw, 64px);
    position: relative;
    border-radius: clamp(2.6px, 0.6944vw, 13.33px);
    overflow: hidden;
  }
  .pc .hero .image-slider .image-and-caption .element-image-2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .image-slider .image-and-caption .text-wrapper-7 {
    position: relative;
    width: clamp(59.38px, 15.8333vw, 304px);
    font-family: var(--body-regular-14-font-family);
    color: #000000;
    font-size: var(--body-regular-14-font-size);
    line-height: var(--body-regular-14-line-height);
    font-weight: var(--body-regular-14-font-weight);
    letter-spacing: var(--body-regular-14-letter-spacing);
    font-style: var(--body-regular-14-font-style);
  }
  .pc .hero .vector-27 {
    position: absolute;
    width: clamp(39.06px, 10.4167vw, 200px);
    height: clamp(23.18px, 6.1806vw, 118.67px);
    top: clamp(302.86px, 80.7639vw, 1550.67px);
    left: clamp(66.67px, 17.7778vw, 341.33px);
  }
  .pc .hero .vector-27 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .vector-28 {
    position: absolute;
    width: clamp(19.53px, 5.2083vw, 100px);
    height: clamp(24.74px, 6.5972vw, 126.67px);
    top: clamp(365.36px, 97.4306vw, 1870.67px);
    left: clamp(8.07px, 2.1528vw, 41.33px);
  }
  .pc .hero .vector-28 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .vector-29 {
    position: absolute;
    width: clamp(15.36px, 4.0972vw, 78.67px);
    height: clamp(11.2px, 2.9861vw, 57.33px);
    top: clamp(236.72px, 63.125vw, 1212px);
    left: clamp(275px, 73.3333vw, 1408px);
  }
  .pc .hero .vector-29 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .text-wrapper-10 {
    position: absolute;
    top: clamp(358.33px, 95.5556vw, 1834.67px);
    left: clamp(278.91px, 74.375vw, 1428px);
    width: clamp(76.04px, 20.2778vw, 389.33px);
  }
  .pc .hero .text-wrapper-10 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .vector-30 {
    position: absolute;
    width: clamp(51.04px, 13.6111vw, 261.33px);
    height: clamp(32.03px, 8.5417vw, 164px);
    top: clamp(174.74px, 46.5972vw, 894.67px);
    left: clamp(316.93px, 84.5139vw, 1622.67px);
  }
  .pc .hero .vector-30 .overlap-13 {
    position: relative;
    width: clamp(50.52px, 13.4722vw, 258.67px);
    height: clamp(32.03px, 8.5417vw, 164px);
  }
  .pc .hero .vector-30 .overlap-13 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .man-suitcase-illus {
    position: absolute;
    width: clamp(32.03px, 8.5417vw, 164px);
    height: clamp(66.93px, 17.8472vw, 342.67px);
    top: clamp(61.46px, 16.3889vw, 314.67px);
    left: clamp(75.52px, 20.1389vw, 386.67px);
  }
  .pc .hero .man-suitcase-illus img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .adobestock-2 {
    position: absolute;
    width: clamp(89.32px, 23.8194vw, 457.33px);
    height: clamp(189.06px, 50.4167vw, 968px);
    top: clamp(194.53px, 51.875vw, 996px);
    left: clamp(139.06px, 37.0833vw, 712px);
    -o-object-fit: cover;
    object-fit: cover;
  }
  .pc .hero .adobestock-2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .vector-33 {
    position: absolute;
    width: clamp(14.32px, 3.8194vw, 73.33px);
    height: clamp(14.84px, 3.9583vw, 76px);
    top: clamp(194.53px, 51.875vw, 996px);
    left: clamp(124.74px, 33.2639vw, 638.67px);
  }
  .pc .hero .vector-33 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .vector-34 {
    position: absolute;
    width: clamp(28.65px, 7.6389vw, 146.67px);
    height: clamp(22.92px, 6.1111vw, 117.33px);
    top: clamp(190.1px, 50.6944vw, 973.33px);
    left: clamp(215.36px, 57.4306vw, 1102.67px);
  }
  .pc .hero .vector-34 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .adobestock-3 {
    position: absolute;
    width: clamp(57.55px, 15.3472vw, 294.67px);
    height: clamp(70.57px, 18.8194vw, 361.33px);
    top: clamp(354.69px, 94.5833vw, 1816px);
    left: clamp(220.05px, 58.6806vw, 1126.67px);
    -o-object-fit: cover;
    object-fit: cover;
  }
  .pc .hero .adobestock-3 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .adobestock-4 {
    position: absolute;
    width: clamp(37.5px, 10vw, 192px);
    height: clamp(58.85px, 15.6944vw, 301.33px);
    top: clamp(188.28px, 50.2083vw, 964px);
    left: clamp(293.75px, 78.3333vw, 1504px);
    -o-object-fit: cover;
    object-fit: cover;
  }
  .pc .hero .adobestock-4 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero .adobestock-5 {
    position: absolute;
    width: clamp(48.7px, 12.9861vw, 249.33px);
    height: clamp(88.28px, 23.5417vw, 452px);
    top: clamp(312.76px, 83.4028vw, 1601.33px);
    left: clamp(31.25px, 8.3333vw, 160px);
    -o-object-fit: cover;
    object-fit: cover;
  }
  .pc .hero .adobestock-5 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .hero #herocontent1,
  .pc .hero #herocontent2,
  .pc .hero #herocontent3,
  .pc .hero #herocontent5,
  .pc .hero #herocontent6,
  .pc .hero #herocontent7,
  .pc .hero #herocontent8 {
    opacity: 0;
  }
  .pc .hero #herocontent1.animate-up,
  .pc .hero #herocontent2.animate-up,
  .pc .hero #herocontent3.animate-up,
  .pc .hero #herocontent5.animate-up,
  .pc .hero #herocontent6.animate-up,
  .pc .hero #herocontent7.animate-up,
  .pc .hero #herocontent8.animate-up {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s ease;
  }
  .pc .hero #herocontent1.animate-up.show,
  .pc .hero #herocontent2.animate-up.show,
  .pc .hero #herocontent3.animate-up.show,
  .pc .hero #herocontent5.animate-up.show,
  .pc .hero #herocontent6.animate-up.show,
  .pc .hero #herocontent7.animate-up.show,
  .pc .hero #herocontent8.animate-up.show {
    opacity: 1;
    transform: translateY(0);
  }
  .pc .concept {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 100px;
    padding: 100px 200px;
    position: relative;
  }
  .pc .concept .contents {
    display: flex;
    align-items: flex-start;
    gap: 200px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  .pc .concept .contents .catch-phrase {
    display: inline-flex;
    align-items: flex-start;
    gap: 40px;
    position: relative;
    flex: 0 0 auto;
  }
  .pc .concept .contents .catch-phrase .title {
    display: flex;
    flex-direction: column;
    width: 45px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    position: relative;
    background-color: var(--variable-collection-mughal-green);
  }
  .pc .concept .contents .catch-phrase .title .text-wrapper {
    width: 20px;
    margin-top: -1px;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    font-size: 20px;
    position: relative;
    color: var(--variable-collection-white);
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
  }
  .pc .concept .contents .catch-phrase .div {
    position: relative;
    width: 112px;
    margin-top: -1px;
  }
  .pc .concept .contents .catch-phrase .div img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .concept .contents .div-2 {
    display: flex;
    flex-direction: column;
    width: 643px;
    align-items: flex-start;
    gap: 40px;
    position: relative;
  }
  .pc .concept .contents .div-2 .element-image {
    display: flex;
    height: 482.25px;
    align-items: center;
    justify-content: center;
    gap: 48px;
    position: relative;
    align-self: stretch;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
  }
  .pc .concept .contents .div-2 .element-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .concept .contents .div-2 .element-LINE-LINE {
    position: relative;
    align-self: stretch;
    font-family: var(--body-regular-16-font-family);
    font-weight: var(--body-regular-16-font-weight);
    color: var(--variable-collection-black);
    font-size: var(--body-regular-16-font-size);
    letter-spacing: var(--body-regular-16-letter-spacing);
    line-height: var(--body-regular-16-line-height);
    font-style: var(--body-regular-16-font-style);
  }
  .pc .concept .text-wrapper-2 {
    position: absolute;
    top: 997px;
    left: 202px;
    width: 480px;
  }
  .pc .concept .text-wrapper-2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .concept .frame {
    width: 100%;
  }
  .pc .concept .frame img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .pc .concept #conceptconetnt2,
  .pc .concept #conceptcontent3 {
    opacity: 0;
  }
  .pc .concept #conceptconetnt2.animate-up,
  .pc .concept #conceptcontent3.animate-up {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s ease;
  }
  .pc .concept #conceptconetnt2.animate-up.show,
  .pc .concept #conceptcontent3.animate-up.show {
    opacity: 1;
    transform: translateY(0);
  }
  .pc .point {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(45px, 4.1667vw, 79.8px);
    padding: clamp(0px, 0vw, 0px) clamp(0px, 0vw, 0px)
      clamp(75px, 6.9444vw, 133px);
    position: relative;
  }
  .pc .point .section-title {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: clamp(0px, 0vw, 0px) clamp(150px, 13.8889vw, 266px);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  .pc .point .section-title img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .point .locals {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: clamp(30px, 2.7778vw, 53.2px) clamp(30px, 2.7778vw, 53.2px);
    padding: clamp(0px, 0vw, 0px) clamp(150px, 12.8889vw, 266px);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  .pc .point .locals .frame {
    display: flex;
    flex-direction: column;
    width: clamp(240px, 22.2222vw, 425.6px);
    align-items: center;
    gap: clamp(15px, 1.3889vw, 26.6px);
    position: relative;
  }
  .pc .point .locals .frame .travel-postcard {
    display: flex;
    flex-direction: column;
    width: clamp(240px, 22.2222vw, 425.6px);
    height: clamp(180px, 16.6667vw, 319.2px);
    align-items: center;
    justify-content: space-around;
    padding: clamp(9px, 0.8333vw, 15.96px);
    position: relative;
    border-radius: clamp(7.5px, 0.6944vw, 13.3px);
    overflow: hidden;
  }
  .pc .point .locals .frame .travel-postcard img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .point .locals .frame .numbering {
    position: relative;
    width: clamp(67.51px, 6.2507vw, 119.71px);
    height: clamp(39px, 3.6111vw, 69.16px);
  }
  .pc .point .locals .frame .numbering .overlap-group {
    position: relative;
    width: clamp(64.5px, 5.9722vw, 114.38px);
    height: clamp(39px, 3.6111vw, 69.16px);
  }
  .pc .point .locals .frame .numbering .overlap-group .group {
    width: clamp(64.5px, 5.9722vw, 114.38px);
  }
  .pc .point .locals .frame .numbering .overlap-group .group img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .pc .point .locals .frame .text-wrapper-2 {
    position: relative;
    align-self: stretch;
    font-family: var(--body-regular-16-font-family);
    font-weight: var(--body-regular-16-font-weight);
    color: var(--variable-collection-black);
    font-size: var(--body-regular-16-font-size);
    letter-spacing: var(--body-regular-16-letter-spacing);
    line-height: var(--body-regular-16-line-height);
    font-style: var(--body-regular-16-font-style);
  }
  .pc .point #pointcontent2,
  .pc .point #pointcontent3,
  .pc .point #pointcontent4,
  .pc .point #pointcontent5,
  .pc .point #pointcontent6 {
    opacity: 0;
  }
  .pc .point #pointcontent2.animate-up,
  .pc .point #pointcontent3.animate-up,
  .pc .point #pointcontent4.animate-up,
  .pc .point #pointcontent5.animate-up,
  .pc .point #pointcontent6.animate-up {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s ease;
  }
  .pc .point #pointcontent2.animate-up.show,
  .pc .point #pointcontent3.animate-up.show,
  .pc .point #pointcontent4.animate-up.show,
  .pc .point #pointcontent5.animate-up.show,
  .pc .point #pointcontent6.animate-up.show {
    opacity: 1;
    transform: translateY(0);
  }
  .pc .flow {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(48px, 4.1667vw, 72px);
    padding: clamp(80px, 6.9444vw, 120px) clamp(0px, 0vw, 0px);
    position: relative;
  }
  .pc .flow .section-title {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: clamp(0px, 0vw, 0px) clamp(160px, 13.8889vw, 240px);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  .pc .flow .section-title .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(9.6px, 0.8333vw, 14.4px);
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  .pc .flow .section-title .text .text-wrapper {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
  }
  .pc .flow .section-title .text .text-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .flow .locals {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: clamp(16px, 1.3889vw, 24px);
    padding: clamp(0px, 0vw, 0px) clamp(160px, 13.8889vw, 240px);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  .pc .flow .locals .point-item-and {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  .pc .flow .locals .point-item-and .point-item {
    display: flex;
    align-items: center;
    gap: clamp(32px, 2.7778vw, 48px);
    padding: clamp(22.4px, 1.9444vw, 33.6px) clamp(32px, 2.7778vw, 48px);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #f0f5ee;
    border-radius: clamp(8px, 0.6944vw, 12px);
  }
  .pc .flow .locals .point-item-and .point-item .group {
    position: relative;
    width: clamp(48px, 4.1667vw, 72px);
  }
  .pc .flow .locals .point-item-and .point-item .group img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .flow .locals .point-item-and .point-item .title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: clamp(6.4px, 0.5556vw, 9.6px);
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  .pc .flow .locals .point-item-and .point-item .title .div {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    color: var(--variable-collection-mughal-green);
    font-size: clamp(11.2px, 0.9722vw, 16.8px);
    letter-spacing: 0;
    line-height: normal;
  }
  .pc .flow .locals .point-item-and .point-item .title .text-wrapper-2 {
    align-self: stretch;
    font-family: var(--body-large-bold-font-family);
    font-weight: var(--body-large-bold-font-weight);
    font-size: var(--body-large-bold-font-size);
    line-height: var(--body-large-bold-line-height);
    position: relative;
    color: var(--variable-collection-black);
    letter-spacing: var(--body-large-bold-letter-spacing);
    font-style: var(--body-large-bold-font-style);
  }
  .pc .flow .locals .point-item-and .point-item .vector {
    position: relative;
    width: clamp(13.93px, 1.209vw, 20.89px);
    margin-right: -0.71px;
    transform: rotate(180deg);
    transition: 0.4s all;
  }
  .pc .flow .locals .point-item-and .point-item .vector.rotated {
    transform: rotate(0deg);
  }
  .pc .flow .locals .point-item-and .point-item .vector img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .flow .locals .point-item-and .div-wrapper {
    display: flex;
    align-items: center;
    gap: clamp(32px, 2.7778vw, 48px);
    padding: clamp(32px, 2.7778vw, 48px) clamp(32px, 2.7778vw, 48px)
      clamp(32px, 2.7778vw, 48px) clamp(112px, 9.7222vw, 168px);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  .pc .flow .locals .point-item-and .div-wrapper .div-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: clamp(25.6px, 2.2222vw, 38.4px);
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  .pc .flow .locals .point-item-and .div-wrapper .div-2 .heading {
    display: flex;
    align-items: center;
    gap: clamp(6.4px, 0.5556vw, 9.6px);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  .pc .flow .locals .point-item-and .div-wrapper .div-2 .heading .img {
    position: relative;
    width: clamp(14.85px, 1.2889vw, 22.27px);
    margin-left: -0.53px;
  }
  .pc .flow .locals .point-item-and .div-wrapper .div-2 .heading .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc
    .flow
    .locals
    .point-item-and
    .div-wrapper
    .div-2
    .heading
    .text-wrapper-3 {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--body-large-bold-font-family);
    font-weight: var(--body-large-bold-font-weight);
    font-size: var(--body-large-bold-font-size);
    line-height: var(--body-large-bold-line-height);
    white-space: nowrap;
    position: relative;
    color: var(--variable-collection-black);
    letter-spacing: var(--body-large-bold-letter-spacing);
    font-style: var(--body-large-bold-font-style);
  }
  .pc .flow .locals .point-item-and .div-wrapper .div-2 .heading .vector-2 {
    position: relative;
    width: clamp(14.85px, 1.2889vw, 22.27px);
  }
  .pc .flow .locals .point-item-and .div-wrapper .div-2 .heading .vector-2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc .flow .locals .point-item-and .div-wrapper .div-2 .check-list-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(12.8px, 1.1111vw, 19.2px);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  .pc
    .flow
    .locals
    .point-item-and
    .div-wrapper
    .div-2
    .check-list-group
    .check-list {
    display: flex;
    align-items: center;
    gap: clamp(19.2px, 1.6667vw, 28.8px);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  .pc
    .flow
    .locals
    .point-item-and
    .div-wrapper
    .div-2
    .check-list-group
    .check-list
    .vector-3 {
    position: relative;
    width: clamp(11.2px, 0.9722vw, 16.8px);
    margin-left: -1px;
  }
  .pc
    .flow
    .locals
    .point-item-and
    .div-wrapper
    .div-2
    .check-list-group
    .check-list
    .vector-3
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .pc
    .flow
    .locals
    .point-item-and
    .div-wrapper
    .div-2
    .check-list-group
    .check-list
    .text-wrapper-4 {
    position: relative;
    flex: 1;
    margin-top: -1px;
    font-family: var(--body-regular-16-font-family);
    font-weight: var(--body-regular-16-font-weight);
    color: var(--variable-collection-black);
    font-size: var(--body-regular-16-font-size);
    letter-spacing: var(--body-regular-16-letter-spacing);
    line-height: var(--body-regular-16-line-height);
    font-style: var(--body-regular-16-font-style);
  }
  .pc .flow .locals .point-item-and .div-wrapper .div-2 .button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: clamp(8px, 0.6944vw, 12px);
    padding: clamp(9.6px, 0.8333vw, 14.4px) clamp(48px, 4.1667vw, 72px);
    position: relative;
    flex: 0 0 auto;
    background-color: var(--variable-collection-mughal-green);
    border-radius: clamp(40px, 3.4722vw, 60px);
  }
  .pc .flow .locals .point-item-and .div-wrapper .div-2 .button .button-2 {
    all: unset;
    box-sizing: border-box;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: -1px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: var(--variable-collection-white);
    font-size: clamp(11.2px, 0.9722vw, 16.8px);
    letter-spacing: 0;
    line-height: clamp(16px, 1.3889vw, 24px);
    white-space: nowrap;
  }
  .pc .flow .locals .point-item-and .div-wrapper .div-2 .hoverLink:hover {
    opacity: 0.6;
    transition: all 0.3s ease;
  }
  .pc .flow .locals .point-item-and .div-wrapper .div-2 .note-textbox {
    display: flex;
    align-items: center;
    gap: clamp(16px, 1.3889vw, 24px);
    padding: clamp(9.6px, 0.8333vw, 14.4px) clamp(16px, 1.3889vw, 24px);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--variable-collection-ghost-white);
  }
  .pc
    .flow
    .locals
    .point-item-and
    .div-wrapper
    .div-2
    .note-textbox
    .information-icon {
    position: relative;
    display: block;
    width: clamp(19.2px, 1.6667vw, 28.8px);
    height: clamp(19.2px, 1.6667vw, 28.8px);
  }
  .pc
    .flow
    .locals
    .point-item-and
    .div-wrapper
    .div-2
    .note-textbox
    .information-icon
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .pc
    .flow
    .locals
    .point-item-and
    .div-wrapper
    .div-2
    .note-textbox
    .text-wrapper-5 {
    position: relative;
    flex: 1;
    margin-top: -1px;
    font-family: var(--body-regular-16-font-family);
    font-weight: var(--body-regular-16-font-weight);
    color: var(--variable-collection-gray);
    font-size: var(--body-regular-16-font-size);
    letter-spacing: var(--body-regular-16-letter-spacing);
    line-height: var(--body-regular-16-line-height);
    font-style: var(--body-regular-16-font-style);
  }
  .pc .flow .frame {
    position: relative;
    width: clamp(832px, 72.2222vw, 1248px);
  }
  .pc .flow .frame img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
} /*# sourceMappingURL=style.css.map */