/* screen - frame-3 */

.frame-3 {
  background-color: #f3f3f3;
  height: 19586px;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.frame-3 .top {
  height: 955px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1920px;
}

.frame-3 .text-1-1 {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-hina_mincho);
  font-size: 48px;
  font-weight: 400;
  height: 180px;
  justify-content: center;
  left: 332px;
  letter-spacing: 7.40px;
  line-height: 90px;
  position: absolute;
  top: 337px;
}

.frame-3 .group-1 {
  align-items: flex-end;
  bottom: 51px;
  display: flex;
  gap: 15px;
  height: 9px;
  left: 910px;
  position: absolute;
  width: 101px;
}

.frame-3 .ellipse {
  background-color: var(--white);
  border-radius: 4px;
  height: 8px;
  margin-bottom: 1px;
  width: 8px;
}

.frame-3 .ellipse-1 {
  aspect-ratio: 1;
  background-color: var(--white);
  border-radius: 4px;
  height: 8px;
  margin-bottom: 1px;
  width: 8px;
}

.frame-3 .ellipse-4 {
  aspect-ratio: 1;
  background-color: var(--black);
  border-radius: 4.5px;
  height: 9px;
  width: 9px;
}

.frame-3 .group-5 {
  height: 123px;
  left: calc(50.00% + 460px);
  position: absolute;
  top: calc(50.00% + 216px);
  width: 125px;
}

.frame-3 .vector-2 {
  height: 2px;
  left: 292px;
  position: absolute;
  top: 953px;
  width: 1px;
}

.frame-3 .vector-3 {
  height: 1px;
  left: 1630px;
  position: absolute;
  top: 955px;
  width: 1px;
}

.frame-3 .vector-4 {
  height: 1px;
  left: 1628px;
  position: absolute;
  top: 954px;
  width: 1px;
}

.frame-3 .vector-5 {
  height: 1px;
  left: 1632px;
  position: absolute;
  top: 955px;
  width: 1px;
}

.frame-3 .vector-7 {
  height: 1px;
  left: 290px;
  position: absolute;
  top: 955px;
  width: 1px;
}

.frame-3 .header {
  align-items: center;
  background-color: transparent;
  display: flex;
  height: 130px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.frame-3 .container-4 {
  flex: 1;
  height: 83.39px;
  margin-top: 0;
  position: relative;
}

.frame-3 .link-rhouse {
  background-image: url(../img/img/link---r-house---1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 42px;
  left: calc(50.00% - 930px);
  position: absolute;
  top: 21px;
  width: 253px;
}

.frame-3 .list {
  align-items: center;
  display: flex;
  gap: 18px;
  height: 47px;
  justify-content: flex-end;
  left: 784px;
  position: absolute;
  top: 0;
  width: calc(100% - 814px);
}

.frame-3 .item-1 {
  height: 12px;
  margin-top: 4px;
  position: relative;
  width: 64.83px;
}

.frame-3 .horizontal-divider-1 {
  left: calc(50.00% - 32px);
}

.frame-3 .link-1 {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-weight: 300;
  height: 17px;
  justify-content: center;
  left: calc(50.00% - 16px);
  letter-spacing: 1.40px;
  line-height: 12px;
  position: absolute;
  text-align: center;
  top: -3px;
  width: 52px;
}

.frame-3 .item-2 {
  height: 12px;
  margin-top: 4px;
  position: relative;
  width: 94.89px;
}

.frame-3 .horizontal-divider-2 {
  left: calc(50.00% - 47px);
}

.frame-3 .link-2 {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-weight: 300;
  height: 17px;
  justify-content: center;
  left: calc(50.00% - 31px);
  letter-spacing: 1.40px;
  line-height: 12px;
  position: absolute;
  text-align: center;
  top: -3px;
  width: 79px;
}

.frame-3 .item-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 43px;
  margin-right: 4.0px;
  margin-top: 4px;
  width: 214.17px;
}

.frame-3 .link-0120-983-734 {
  background-image: url(../img/img/link---0120-983-734-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 16px;
  margin-left: 0;
  width: 170px;
}

.frame-3 .text-2-1 {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-weight: 300;
  height: 12px;
  justify-content: center;
  letter-spacing: 1.40px;
  line-height: 12px;
  margin-left: 16.7px;
  text-align: center;
  white-space: nowrap;
  width: 230.86px;
}

.frame-3 .navbar {
  height: 15px;
  left: 784px;
  position: absolute;
  top: 68px;
  width: calc(100% - 814px);
}

.frame-3 .navbar-link-item-link {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  left: calc(50.00% - 525px);
  letter-spacing: 1.40px;
  line-height: 15.4px;
  position: absolute;
  text-align: center;
  top: -3px;
  width: 91px;
}

.frame-3 .navbar-link-item-link-1 {
  left: calc(50.00% - 410px);
  width: 62px;
}

.frame-3 .navbar-link-item-link-2 {
  left: calc(50.00% - 321px);
  width: 122px;
}

.frame-3 .navbar-link-item-link-3 {
  left: calc(50.00% - 174px);
  width: 75px;
}

.frame-3 .navbar-link-item-link-4 {
  left: calc(50.00% - 79px);
  width: 152px;
}

.frame-3 .navbar-link-item-link-5 {
  left: calc(50.00% + 86px);
  width: 62px;
}

.frame-3 .navbar-link-item-link-6 {
  left: calc(50.00% + 176px);
  width: 76px;
}

.frame-3 .navbar-link-item-link-7 {
  left: calc(50.00% + 280px);
  width: 62px;
}

.frame-3 .navbar-link-item-link-8 {
  left: calc(50.00% + 369px);
  width: 106px;
}

.frame-3 .navbar-link-item-link-9 {
  left: calc(50.00% + 498px);
  width: 60px;
}

.frame-3 .x1 {
  display: flex;
  gap: 270px;
  height: 634px;
  left: -4px;
  position: absolute;
  top: 1095px;
  width: 1924px;
}

.frame-3 .x1-b_11_tn1096_005-1 {
  height: 639px;
  margin-top: -5px;
  object-fit: cover;
  width: 1174px;
}

.frame-3 .vertical-text {
  align-items: flex-start;
  display: inline-flex;
  gap: 16px;
  height: 464px;
  margin-top: 61px;
  position: relative;
  width: 152px;
}

.frame-3 .column-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  width: 40px;
}

.frame-3 .price {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.frame-3 .column-item {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.frame-3 .h {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 40px;
}

.frame-3 .text {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-3 .column {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.frame-3 .text-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-3 .x2 {
  height: 1139px;
  left: 0;
  position: absolute;
  top: 3336px;
  width: 1930px;
}

.frame-3 .x2-1 {
  align-items: center;
  background-image: url(../img/img/2-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 859px;
  left: 0;
  position: absolute;
  top: 280px;
  width: 1920px;
}

.frame-3 .heading-1-rhouse {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: 42px;
  font-weight: 300;
  height: 49px;
  justify-content: center;
  letter-spacing: 0.60px;
  line-height: 46.2px;
  margin-top: 275px;
  text-align: center;
  text-shadow: 0px 0px 10px #0f1011;
  white-space: nowrap;
  width: 534px;
}

.frame-3 .svg {
  height: 96px;
  margin-top: 96px;
  position: relative;
  transform: rotate(-90deg);
  width: 96px;
}

.frame-3 .vector {
  height: 95.83%;
  left: 2.08%;
  position: absolute;
  top: 2.08%;
  transform: rotate(90deg);
  width: 95.83%;
}

.frame-3 .bar {
  height: 92px;
  left: calc(50.00% - 46px);
  position: absolute;
  top: calc(50.00% - 46px);
  transform: rotate(90deg);
  width: 92px;
}

.frame-3 .button-play {
  height: 39.58%;
  left: 30.20%;
  position: absolute;
  top: 34.39%;
  transform: rotate(90deg);
  width: 39.60%;
}

.frame-3 .vector-1 {
  height: 75.00%;
  left: 18.77%;
  position: absolute;
  top: 12.50%;
  width: 62.47%;
}

.frame-3 .link-rhouse-1 {
  background-image: url(../img/img/link---r-house---1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 41.73px;
  margin-left: 0.9px;
  margin-top: 97px;
  width: 252.95px;
}

.frame-3 .matterport-logo {
  aspect-ratio: 4.89;
  height: 36.02px;
  margin-top: 23.0px;
  width: 176px;
}

.frame-3 .heading-2-3-d {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-noto_sans_jp);
  font-size: 30px;
  font-weight: 300;
  height: 54px;
  justify-content: flex-end;
  left: calc(50.00% + 280px);
  letter-spacing: 6.00px;
  line-height: 54px;
  position: absolute;
  text-align: right;
  top: 73px;
  white-space: nowrap;
  width: 439px;
}

.frame-3 .x3-d-virtual-modelhouse {
  align-items: center;
  color: #999999;
  display: flex;
  font-family: var(--font-family-oswald);
  font-size: var(--font-size-xxl);
  font-weight: 300;
  height: 36px;
  justify-content: flex-end;
  left: calc(50.00% + 422px);
  letter-spacing: 5.00px;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 127px;
  white-space: nowrap;
  width: 293px;
}

.frame-3 .x3-d {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-noto_sans_jp);
  font-size: 16px;
  font-weight: 300;
  height: 46px;
  justify-content: flex-end;
  left: calc(50.00% + 270px);
  letter-spacing: 1.40px;
  line-height: 25.2px;
  position: absolute;
  text-align: right;
  top: 182px;
  width: 446px;
}

.frame-3 .heading-2 {
  align-items: center;
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-weight: 300;
  height: 27px;
  justify-content: flex-start;
  left: calc(50.00% - 725px);
  letter-spacing: 1.40px;
  line-height: 27px;
  text-align: left;
  top: 87px;
  white-space: nowrap;
  width: 152px;
}

.frame-3 .model-house {
  align-items: center;
  color: var(--shark);
  display: flex;
  font-family: var(--font-family-forum);
  font-size: 72px;
  font-weight: 400;
  height: 90px;
  justify-content: flex-start;
  left: 240px;
  letter-spacing: 0;
  line-height: 90px;
  position: absolute;
  text-align: left;
  top: 0;
  white-space: nowrap;
  width: 398px;
}

.frame-3 .container-5 {
  display: flex;
  height: 599px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 1911px;
  width: 100%;
}

.frame-3 .paragraph {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 114px;
  width: 1340px;
}

.frame-3 .three-concepts {
  align-items: center;
  color: var(--shark);
  display: flex;
  font-family: var(--font-family-forum);
  font-size: 72px;
  font-weight: 400;
  height: 90px;
  justify-content: flex-start;
  letter-spacing: 0;
  line-height: 90px;
  margin-left: -50px;
  white-space: nowrap;
  width: 638px;
}

.frame-3 .heading-2-1 {
  height: 14px;
  letter-spacing: 1.40px;
  line-height: 27px;
  text-align: left;
  width: 132px;
  margin-left: -45px;
}

.frame-3 .container-6 {
  height: 1280px;
  left: 12.50%;
  position: absolute;
  top: calc(50.00% - 7792px);
  width: 84.90%;
}

.frame-3 .image-1 {
  height: 508px;
  left: 1101px;
  position: absolute;
  top: 681px;
  width: 579px;
}

.frame-3 .image-2 {
  aspect-ratio: 1;
  height: 508px;
  left: 0;
  position: absolute;
  top: 401px;
  width: 508px;
}

.frame-3 .heading-4 {
  height: 90px;
  left: 84px;
  top: 113px;
  width: calc(100% - 1240px);
}

.frame-3 .emphasis {
  align-items: center;
  display: flex;
  height: 52px;
  justify-content: flex-start;
  letter-spacing: 1.40px;
  line-height: 36px;
  margin-left: -78px;
  margin-top: 6px;
  width: 273px;
}

.frame-3 .emphasis-1 {
  top: 655px;
  width: 201px;
}

.frame-3 .emphasis-2 {
  top: 881px;
  width: 354px;
}

.frame-3 .text-22 {
  align-items: center;
  display: flex;
  height: 147px;
  justify-content: flex-start;
  left: 0;
  letter-spacing: 1.40px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 203px;
  width: 291px;
}

.frame-3 .text-23 {
  align-items: center;
  display: flex;
  height: 82px;
  justify-content: flex-start;
  left: 572px;
  letter-spacing: 1.40px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 731px;
  width: 465px;
}

.frame-3 .text-24 {
  align-items: center;
  display: flex;
  height: 63px;
  justify-content: flex-start;
  left: 572px;
  letter-spacing: 1.40px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 972px;
  width: 465px;
}

.frame-3 .figure {
  aspect-ratio: 2.33;
  height: 475px;
  left: calc(50.00% - 243px);
  position: absolute;
  top: 122px;
  width: 1108px;
}

.frame-3 .link-3 {
  border: 1px solid;
  border-color: var(--shark);
  height: 88px;
  position: absolute;
  top: 1095px;
  width: calc(100% - 1206px);
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background-color: transparent;
}

.frame-3 .link-3:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: var(--black);
}

.frame-3 .link-3:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.frame-3 .text-25 {
  align-items: center;
  color: var(--log-cabin);
  display: flex;
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-xl);
  font-weight: 300;
  height: 53px;
  justify-content: flex-start;
  left: 50px;
  letter-spacing: 3.64px;
  line-height: 35.5px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 26px);
  width: 240px;
}

.frame-3 .polygon-1 {
  height: 10px;
  left: 365px;
  position: absolute;
  top: 40px;
  width: 15px;
}

.frame-3 .background-3 {
  bottom: 14298px;
  height: 358px;
  position: absolute;
  right: 0;
  width: 1330px;
}

.frame-3 .background-4 {
  background-color: var(--shark);
  bottom: 11937px;
  height: 358px;
  left: 0;
  position: absolute;
  width: 1330px;
}

.frame-3 .figure-1 {
  background-image: url(../img/img/figure------------2.png);
  height: 606px;
  left: 0;
  top: 4615px;
  width: 1043px;
}

.frame-3 .heading-3 {
  align-items: center;
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 24px;
  font-weight: 300;
  height: 24px;
  justify-content: center;
  left: calc(50.00% + 194px);
  letter-spacing: 1.40px;
  line-height: 29.5px;
  text-align: center;
  top: 4984px;
  white-space: nowrap;
  width: 313px;
}

.frame-3 .heading-3-1 {
  align-items: center;
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 16.4px;
  font-weight: 300;
  height: 24px;
  justify-content: center;
  left: calc(50.00% + 419px);
  letter-spacing: 1.40px;
  line-height: 29.5px;
  text-align: center;
  top: 7211px;
  white-space: nowrap;
  width: 212px;
}

.frame-3 .ldk {
  align-items: center;
  display: flex;
  height: 150px;
  justify-content: center;
  left: 1174px;
  letter-spacing: 1.40px;
  line-height: 25.2px;
  position: absolute;
  top: 5082px;
  width: 506px;
  text-align: left;
}

.frame-3 .text-26 {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  left: calc(50.00% + 214px);
  letter-spacing: 1.40px;
  line-height: 25.2px;
  position: absolute;
  text-align: center;
  top: 5034px;
  white-space: nowrap;
  width: 329px;
}

.frame-3 .text-27 {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  left: calc(50.00% + 361px);
  letter-spacing: 1.40px;
  line-height: 25.2px;
  position: absolute;
  text-align: center;
  top: 7277px;
  white-space: nowrap;
  width: 329px;
}

.frame-3 .heading-2-2 {
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 30px;
  font-weight: 300;
  height: 54px;
  left: calc(50.00% + 330px);
  letter-spacing: 6.00px;
  line-height: 54px;
  position: absolute;
  text-align: center;
  top: 4691px;
  width: 390px;
}

.frame-3 .modelhouse-gallery {
  align-items: center;
  color: #999999;
  display: flex;
  font-family: var(--font-family-oswald);
  font-size: var(--font-size-xxl);
  font-weight: 300;
  height: 36px;
  justify-content: center;
  left: calc(50.00% + 464px);
  letter-spacing: 5.00px;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 4760px;
  white-space: nowrap;
  width: 256px;
}

.frame-3 .figure-2 {
  background-image: url(../img/img/figure------------3.png);
  height: 698px;
  left: -1px;
  top: 5428px;
  width: 1082px;
}

.frame-3 .x3-d-1 {
  color: var(--log-cabin);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 24px;
  font-weight: 500;
  height: 41px;
  left: 1209px;
  letter-spacing: 9.19px;
  line-height: 41.1px;
  text-align: right;
  top: 5613px;
  white-space: nowrap;
  width: 471px;
}

.frame-3 .x3-d-2 {
  color: var(--log-cabin);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-weight: 300;
  height: 79px;
  left: 1209px;
  letter-spacing: 3.64px;
  line-height: 25.2px;
  top: 5680px;
  width: 471px;
}

.frame-3 .container-7 {
  height: 622px;
  left: 59px;
  position: absolute;
  top: 6262px;
  width: calc(100% - 59px);
}

.frame-3 .view {
  background-image: url(../img/img/-----2.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 380px;
  left: 181px;
  position: absolute;
  top: 0;
  width: 578px;
}

.frame-3 .heading-4-1 {
  align-items: center;
  color: var(--log-cabin);
  display: flex;
  font-family: var(--font-family-noto_sans_jp);
  font-size: 30px;
  font-weight: 400;
  height: 35px;
  justify-content: flex-start;
  left: 181px;
  letter-spacing: 3.64px;
  line-height: 33.4px;
  position: absolute;
  top: 409px;
  white-space: nowrap;
  width: 402px;
}

.frame-3 .view-1 {
  background-image: url(../img/img/-----3.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 380px;
  left: 1042px;
  position: absolute;
  top: 0;
  width: 579px;
}

.frame-3 .text-28 {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-xxl);
  font-weight: 300;
  height: 26px;
  justify-content: flex-start;
  left: 181px;
  letter-spacing: 3.64px;
  line-height: 35.5px;
  position: absolute;
  top: 462px;
  white-space: nowrap;
  width: 195px;
}

.frame-3 .link-4 {
  align-items: center;
  border: 1px solid;
  border-color: var(--shark);
  display: flex;
  gap: 33px;
  height: 75px;
  left: 349px;
  position: absolute;
  top: 517px;
  width: calc(100% - 1436px);
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background-color: transparent;
}

.frame-3 .link-4:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: var(--black);
}

.frame-3 .link-4:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.frame-3 .text-29 {
  align-items: center;
  display: flex;
  height: 35px;
  justify-content: center;
  letter-spacing: 3.64px;
  line-height: 35.5px;
  margin-left: 18px;
  white-space: nowrap;
  width: 313px;
}

.frame-3 .polygon-2 {
  height: 9.53px;
  width: 15px;
}

.frame-3 .text-30 {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-noto_sans_jp);
  font-size: 30px;
  font-weight: 400;
  height: 36px;
  justify-content: center;
  left: 1042px;
  letter-spacing: 3.64px;
  line-height: 35.5px;
  position: absolute;
  top: 396px;
  white-space: nowrap;
}

.frame-3 .text-31 {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-xxl);
  font-weight: 300;
  height: 27px;
  justify-content: center;
  left: 1101px;
  letter-spacing: 3.64px;
  line-height: 35.5px;
  position: absolute;
  top: 6706px;
  white-space: nowrap;
  width: 444px;
}

.frame-3 .link-5 {
  border: 1px solid;
  border-color: var(--shark);
  height: 75px;
  left: calc(50.00% + 295px);
  position: absolute;
  top: 6780px;
  width: 425px;
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background-color: transparent;
}

.frame-3 .link-5:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: var(--black);
}

.frame-3 .link-5:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.frame-3 .polygon-2-1 {
  height: 10px;
  left: 364px;
  position: absolute;
  top: calc(50.00% - 5px);
  width: 15px;
}

.frame-3 .text-32 {
  align-items: center;
  display: flex;
  height: 35px;
  justify-content: center;
  left: calc(50.00% - 196px);
  letter-spacing: 3.64px;
  line-height: 35.5px;
  position: absolute;
  top: calc(50.00% - 18px);
  white-space: nowrap;
  width: 313px;
}

.frame-3 .link-6 {
  border: 1px solid;
  border-color: var(--shark);
  height: 88px;
  left: 1208px;
  position: absolute;
  top: 5785px;
  width: calc(100% - 1496px);
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background-color: transparent;
}

.frame-3 .link-6:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: var(--black);
}

.frame-3 .link-6:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.frame-3 .x3-d-3 {
  height: 40px;
  left: calc(50.00% - 168px);
  letter-spacing: 3.64px;
  line-height: 35.5px;
  top: 24px;
  white-space: nowrap;
  width: 310px;
}

.frame-3 .polygon-1-1 {
  height: 10px;
  left: 382px;
  position: absolute;
  top: 40px;
  width: 15px;
}

.frame-3 .listbox-option {
  aspect-ratio: 1.84;
  background-image: url(../img/img/listbox---option----------1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 606px;
  position: absolute;
  right: 0;
  top: 6973px;
  width: 1114px;
}

.frame-3 .title {
  align-items: center;
  display: flex;
  height: 90px;
  justify-content: flex-start;
  left: 240px;
  letter-spacing: 0;
  line-height: 90px;
  position: absolute;
  top: 6971px;
  white-space: nowrap;
  width: 430px;
}

.frame-3 .heading-2-3 {
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-weight: 300;
  height: 22px;
  left: calc(50.00% - 720px);
  letter-spacing: 1.40px;
  line-height: 27px;
  position: absolute;
  text-align: center;
  top: 7076px;
  width: 96px;
}

.frame-3 .link-7 {
  border: 1px solid;
  border-color: var(--white);
  height: 88px;
  left: 238px;
  position: absolute;
  top: 7491px;
  width: calc(100% - 1496px);
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background-color: transparent;
}

.frame-3 .link-7:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: var(--white);
}

.frame-3 .link-7:active {
  background-color: rgba(255, 255, 255, 0.2);
}

.frame-3 .read-more-1 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-weight: 400;
  left: 50px;
  position: absolute;
  top: 22px;
  width: 103px;
}

.frame-3 .text-33 {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-abeezee);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 12px;
  justify-content: center;
  left: 50px;
  letter-spacing: 0.50px;
  line-height: 12px;
  position: absolute;
  top: 51px;
  white-space: nowrap;
  width: 161px;
}

.frame-3 .line-1 {
  height: 1px;
  left: 233px;
  top: 62px;
  width: 150px;
}

.frame-3 .line-2 {
  height: 12px;
  left: 371px;
  top: 51px;
  width: 12px;
}

.frame-3 .container-8 {
  height: 126px;
  left: 0;
  position: absolute;
  top: 7780px;
  width: 100%;
}

.frame-3 .container-9 {
  height: 114px;
  left: calc(50.00% - 670px);
  position: absolute;
  top: 0;
  width: 1340px;
}

.frame-3 .voice {
  align-items: center;
  display: flex;
  height: 90px;
  justify-content: center;
  left: -50px;
  letter-spacing: 0;
  line-height: 90px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 193px;
}

.frame-3 .button-previous-slide {
  height: 25px;
  left: 206px;
  position: absolute;
  top: 48px;
  width: 25px;
}

.frame-3 .number {
  align-items: center;
  display: flex;
  height: 15px;
  justify-content: center;
  left: calc(50.00% - 428px);
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  text-align: center;
  top: 48px;
  white-space: nowrap;
  width: 7px;
}

.frame-3 .number-1 {
  height: 13px;
  left: calc(50.00% - 410px);
  top: 59px;
}

.frame-3 .vertical-divider-1 {
  left: 255px;
}

.frame-3 .button-next-slide {
  height: 25px;
  left: 278px;
  position: absolute;
  top: 48px;
  width: 25px;
}

.frame-3 .heading-2-4 {
  color: var(--shark);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  height: 16px;
  left: 240px;
  letter-spacing: 1.50px;
  line-height: 14px;
  position: absolute;
  top: 110px;
  width: 115px;
}

.frame-3 .container-10 {
  display: flex;
  height: 714px;
  left: 0;
  position: absolute;
  top: 8803px;
  width: 100%;
}

.frame-3 .list-1 {
  flex: 1;
  height: 714px;
  position: relative;
  overflow: hidden;
}

.frame-3 .lineup-carousel {
  position: relative;
  width: 100%;
  height: 100%;
}

.frame-3 .lineup-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
  z-index: 0;
}

.frame-3 .lineup-slide.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.frame-3 .item-4 {
  background-color: var(--alto);
  height: 714px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.frame-3 .x2550-2 {
  align-items: center;
  color: var(--mine-shaft);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  height: 144px;
  justify-content: flex-start;
  left: 240px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 172px;
  width: 513px;
}

.frame-3 .span1 {
  font-size: var(--font-size-l);
}

.frame-3 .coming-soon {
  aspect-ratio: 1.42;
  background-image: url(../img/img/coming-soon-----------------1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 714px;
  left: 934px;
  position: absolute;
  top: 0;
  width: 1013px;
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}

.frame-3 .coming-soon-2 {
  background-image: url(../img/TOP/Hero_1.jpg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.frame-3 .link-8 {
  border: 1px solid;
  border-color: var(--shark);
  height: 88px;
  left: 240px;
  position: absolute;
  top: 584px;
  width: calc(100% - 1496px);
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background-color: transparent;
}

.frame-3 .link-8:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: var(--black);
}

.frame-3 .link-8:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.frame-3 .read-more-2 {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-weight: 400;
  left: 50px;
  position: absolute;
  top: 22px;
  width: 109px;
}

.frame-3 .image-3 {
  height: 11px;
  position: absolute;
  right: 47px;
  top: 51px;
  width: 150px;
}

.frame-3 .text-34 {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 14px;
  justify-content: center;
  left: 48px;
  letter-spacing: 0.50px;
  line-height: 12px;
  position: absolute;
  top: 50px;
  white-space: nowrap;
  width: 171px;
}

.frame-3 .group-29 {
  height: 90px;
  left: 240px;
  position: absolute;
  top: 74px;
  width: 416px;
}

.frame-3 .lineup {
  align-items: center;
  display: flex;
  height: 90px;
  justify-content: center;
  left: 0;
  letter-spacing: 0;
  line-height: 90px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 250px;
}

.frame-3 .button-previous-slide-1 {
  height: 25px;
  left: 312px;
  position: absolute;
  top: 48px;
  width: 25px;
}

.frame-3 .number-2 {
  height: 15px;
  left: calc(50.00% + 141px);
  top: 48px;
}

.frame-3 .number-3 {
  height: 13px;
  left: calc(50.00% + 159px);
  top: 59px;
}

.frame-3 .vertical-divider-2 {
  left: 362px;
}

.frame-3 .button-next-slide-1 {
  height: 25px;
  left: 385px;
  position: absolute;
  top: 48px;
  width: 25px;
}

.frame-3 .apw3301 {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-weight: 400;
  height: auto;
  left: 240px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 360px;
  width: 694px;
  z-index: 10;
  opacity: 1;
  visibility: visible;
}

.frame-3 .container-11 {
  display: flex;
  flex-direction: column;
  height: 793px;
  left: calc(50.00% - 720px);
  position: absolute;
  top: 9716px;
  width: 1440px;
}

.frame-3 .flow {
  align-items: center;
  display: flex;
  height: 90px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 90px;
  white-space: nowrap;
  width: 170.25px;
}

.frame-3 .heading-2-5 {
  height: 14px;
  letter-spacing: 1.40px;
  line-height: 27px;
  margin-left: 3px;
  margin-top: 10px;
  width: 197.09px;
}

.frame-3 .ordered-list {
  flex: 1;
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 99px;
  max-height: 399px;
  position: relative;
}

.frame-3 .item-5 {
  border-color: var(--silver);
  border-right-style: solid;
  border-right-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  height: calc(100% - 200px);
  left: 0;
  position: absolute;
  top: 0;
  width: 20.00%;
}

.frame-3 .background {
  background-color: transparent;
  background-image: url(../img/TOP/33102.png);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 0;
  height: 58px;
  margin-left: 104.5px;
  margin-top: 50px;
  width: 58px;
  overflow: visible;
}

.frame-3 .link-9 {
  align-self: center;
  display: flex;
  justify-content: center;
  margin-left: -1.0px;
  width: 154.42px;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.frame-3 .link-9:hover {
  opacity: 0.8;
}

.frame-3 .link-9:active {
  opacity: 0.6;
}

.frame-3 .text-35 {
  align-items: center;
  color: var(--shark);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 17px;
  font-weight: 700;
  height: 20px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 27px;
  margin-left: 0.2px;
  text-align: center;
  white-space: nowrap;
  width: 154.62px;
}

.frame-3 .item-6 {
  border-color: var(--silver);
  border-right-style: solid;
  border-right-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  height: calc(100% - 200px);
  left: 20.00%;
  position: absolute;
  top: 0;
  width: 20.00%;
}

.frame-3 .link-10 {
  align-self: center;
  display: flex;
  justify-content: center;
  margin-left: -1.0px;
  width: 137.69px;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.frame-3 .link-10:hover {
  opacity: 0.8;
}

.frame-3 .link-10:active {
  opacity: 0.6;
}

.frame-3 .text-36 {
  align-items: center;
  color: var(--shark);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 17.2px;
  font-weight: 700;
  height: 20px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 27px;
  margin-left: 0.2px;
  text-align: center;
  white-space: nowrap;
  width: 137.89px;
}

.frame-3 .item-7 {
  border-color: var(--silver);
  border-right-style: solid;
  border-right-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  height: calc(100% - 200px);
  left: 40.00%;
  position: absolute;
  top: 0;
  width: 20.00%;
}

.frame-3 .text-37 {
  align-items: center;
  align-self: center;
  display: flex;
  height: 20px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 27px;
  margin-left: -0.8px;
  text-align: center;
  white-space: nowrap;
  width: 128.31px;
}

.frame-3 .item-8 {
  border-color: var(--silver);
  border-right-style: solid;
  border-right-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  height: calc(100% - 200px);
  left: 60.00%;
  position: absolute;
  top: 0;
  width: 20.00%;
}

.frame-3 .text-38 {
  align-items: center;
  align-self: center;
  display: flex;
  height: 20px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 27px;
  margin-left: -0.8px;
  text-align: center;
  white-space: nowrap;
  width: 54.62px;
}

.frame-3 .item-9 {
  display: flex;
  flex-direction: column;
  gap: 17px;
  height: 199px;
  left: 1072px;
  position: absolute;
  top: 0;
  width: calc(100% - 1072px);
}

.frame-3 .background-5 {
  background-color: transparent;
  background-image: url(../img/TOP/30903.png);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 0;
  height: 58px;
  margin-left: 105px;
  margin-top: 50px;
  width: 58px;
  overflow: visible;
}

.frame-3 .text-39 {
  align-items: center;
  align-self: center;
  display: flex;
  height: 20px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 27px;
  margin-left: 0.2px;
  text-align: center;
  white-space: nowrap;
  width: 108.2px;
}

.frame-3 .item-10 {
  border-color: var(--silver);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  height: calc(100% - 199px);
  left: 0;
  position: absolute;
  top: 199px;
  width: 20.00%;
}

.frame-3 .background-1 {
  background-color: transparent;
  border-radius: 0;
  height: 58px;
  margin-left: 104.5px;
  margin-top: 51px;
  width: 58px;
  overflow: visible;
}

/* Icon mappings for flow steps */
.frame-3 .item-6 .background {
  background-image: url(../img/TOP/32423.png);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.frame-3 .item-7 .background {
  background-image: url(../img/TOP/32717.png);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.frame-3 .item-8 .background {
  background-image: url(../img/TOP/8846.png);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.frame-3 .item-10 .background-1 {
  background-image: url(../img/TOP/25196.png);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.frame-3 .item-11 .background-1 {
  background-image: url(../img/TOP/32548.png);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.frame-3 .item-12 .background-1 {
  background-image: url(../img/TOP/25110.png);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.frame-3 .item-13 .background-1 {
  background-image: url(../img/TOP/679.png);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.frame-3 .text-40 {
  align-items: center;
  align-self: center;
  display: flex;
  height: 20px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 27px;
  text-align: center;
  white-space: nowrap;
  width: 112px;
}

.frame-3 .item-11 {
  border-color: var(--silver);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  height: calc(100% - 199px);
  left: 20.00%;
  position: absolute;
  top: 199px;
  width: 20.00%;
}

.frame-3 .text-41 {
  align-items: center;
  align-self: center;
  display: flex;
  height: 20px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 27px;
  margin-left: -0.8px;
  text-align: center;
  white-space: nowrap;
  width: 36.2px;
}

.frame-3 .item-12 {
  border-color: var(--silver);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  height: calc(100% - 199px);
  left: 40.00%;
  position: absolute;
  top: 199px;
  width: 20.00%;
}

.frame-3 .text-42 {
  align-items: center;
  align-self: center;
  color: var(--shark);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 16.9px;
  font-weight: 700;
  height: 20px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 27px;
  margin-left: -0.8px;
  text-align: center;
  white-space: nowrap;
  width: 118.62px;
}

.frame-3 .item-13 {
  border-color: var(--silver);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  height: calc(100% - 199px);
  left: 60.00%;
  position: absolute;
  top: 199px;
  width: 20.00%;
}

.frame-3 .text-43 {
  align-items: center;
  align-self: center;
  display: flex;
  height: 20px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 27px;
  margin-left: -0.8px;
  text-align: center;
  white-space: nowrap;
  width: 72.2px;
}

.frame-3 .item-14 {
  border-color: var(--silver);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  height: calc(100% - 199px);
  left: 80.00%;
  position: absolute;
  top: 199px;
  width: 20.00%;
}

.frame-3 .background-6 {
  background-color: transparent;
  background-image: url(../img/TOP/25114.png);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 0;
  height: 58px;
  margin-left: 105px;
  margin-top: 51px;
  width: 58px;
  overflow: visible;
}

.frame-3 .text-44 {
  align-items: center;
  align-self: center;
  display: flex;
  height: 20px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 27px;
  margin-left: 0.2px;
  text-align: center;
  white-space: nowrap;
  width: 64.22px;
}

.frame-3 .link-11 {
  border: 1px solid;
  border-color: var(--shark);
  height: 88px;
  left: 1275px;
  position: absolute;
  top: 9718px;
  width: calc(100% - 1515px);
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background-color: transparent;
}

.frame-3 .link-11:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: var(--black);
}

.frame-3 .link-11:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.frame-3 .read-more {
  align-items: center;
  display: flex;
  height: 17px;
  justify-content: center;
  left: 50px;
  letter-spacing: 2.50px;
  line-height: 12px;
  position: absolute;
  top: 22px;
  width: 86px;
}

.frame-3 .image-4 {
  height: 11px;
  position: absolute;
  right: 25px;
  top: 51px;
  width: 150px;
}

.frame-3 .text-4 {
  align-items: center;
  display: flex;
  height: 12px;
  justify-content: flex-start;
  left: 50px;
  letter-spacing: 1.40px;
  line-height: 21.6px;
  position: absolute;
  top: 51px;
  white-space: nowrap;
  width: 171px;
}

.frame-3 .link-12 {
  background-color: #ffffff01;
  border-radius: 10px;
  box-shadow: 0px 0px 9.4px 0.6px #00000026;
  display: flex;
  height: 260px;
  left: 460px;
  overflow: hidden;
  position: absolute;
  top: 10659px;
  width: calc(100% - 920px);
}

.frame-3 .picture-estate-search {
  background-image: url(../img/img/picture---estate-search---------------------------1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 260px;
  width: 1000px;
}

.frame-3 .container-12 {
  display: flex;
  flex-direction: column;
  height: 365px;
  left: calc(50.00% - 720px);
  position: absolute;
  top: 11067px;
  width: 1440px;
}

.frame-3 .warranty {
  align-items: center;
  display: flex;
  height: 90px;
  justify-content: flex-start;
  letter-spacing: 0;
  line-height: 90px;
  margin-left: 1px;
  white-space: nowrap;
  width: 370px;
}

.frame-3 .heading-2-6 {
  height: 14px;
  letter-spacing: 1.40px;
  line-height: 27px;
  margin-left: 6px;
  margin-top: 17px;
  width: 73px;
}

.frame-3 .list-2 {
  flex: 1;
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 43px;
  max-height: 126px;
  position: relative;
}

.frame-3 .item-link {
  border: 1px solid;
  border-color: var(--black);
  height: 126px;
  left: -50px;
  position: absolute;
  top: -1px;
  width: calc(100% - 930px);
}

.frame-3 .container {
  display: flex;
  height: 44px;
  left: 140px;
  position: absolute;
  top: 26px;
}

.frame-3 .japan-brand-collecti {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 12.5px;
  font-weight: 500;
  height: 36.97px;
  justify-content: flex-start;
  text-align: left;
  letter-spacing: 0;
  line-height: 22.0px;
  margin-top: 3px;
  width: 200px;
}

.frame-3 .container-1 {
  display: flex;
  height: 14px;
  left: 140px;
  overflow: hidden;
  position: absolute;
  top: 78px;
  width: 65px;
}

.frame-3 .date-1 {
  font-size: 11px;
}

.frame-3 .background-7 {
  background-color: var(--black);
  border-radius: 11px;
  display: flex;
  height: 21px;
  left: 230px;
  position: absolute;
  top: 75px;
  width: 58px;
}

.frame-3 .place {
  align-items: center;
  display: flex;
  height: 12px;
  justify-content: center;
  letter-spacing: 0.50px;
  line-height: 11px;
  margin-left: 13px;
  margin-top: 4px;
  white-space: nowrap;
  width: 32.67px;
}

.frame-3 .japan-brand-collection-luxe-2026 {
  background-image: url(../img/img/japan-brand-collection-luxe-2026----------1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 98.41%;
  left: 0;
  position: absolute;
  top: 0;
  width: 30.24%;
}

.frame-3 .image {
  bottom: 9px;
  height: 29px;
  position: absolute;
  right: 11px;
  width: 29px;
}

.frame-3 .item-link-1 {
  left: calc(50.00% - 205px);
  top: 0;
  width: 410px;
}

.frame-3 .new {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 11.9px;
  font-weight: 500;
  height: 36.97px;
  justify-content: flex-start;
  letter-spacing: 0;
  line-height: 22.0px;
  margin-top: 3px;
  text-align: left;
}

.frame-3 .date {
  align-items: center;
  display: flex;
  height: 12px;
  justify-content: center;
  letter-spacing: 1.00px;
  line-height: 14.3px;
  margin-top: 1px;
  white-space: nowrap;
  width: 65.26px;
}

.frame-3 .background-2 {
  background-color: var(--black);
  border-radius: 11px;
  display: flex;
  height: 21px;
  left: 230px;
  position: absolute;
  top: 75px;
  width: 56px;
}

.frame-3 .news {
  align-items: center;
  display: flex;
  height: 12px;
  justify-content: center;
  letter-spacing: 0.50px;
  line-height: 11px;
  margin-left: 13px;
  margin-top: 4px;
  white-space: nowrap;
  width: 29.72px;
}

.frame-3 .new-1 {
  background-image: url(../img/img/-new-----------2@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 98.41%;
  left: 0;
  position: absolute;
  top: 0;
  width: 30.24%;
}

.frame-3 .item-link-2 {
  left: 980px;
  top: 0;
  width: calc(100% - 930px);
}

.frame-3 .new-2 {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 11.9px;
  font-weight: 500;
  height: 36.97px;
  justify-content: flex-start;
  letter-spacing: 0;
  line-height: 22.0px;
  margin-top: 3px;
  text-align: left;
}

.frame-3 .new-3 {
  background-image: url(../img/img/-new-----------3@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 98.41%;
  left: 0;
  position: absolute;
  top: 0;
  width: 30.24%;
}

.frame-3 .text-46 {
  align-items: center;
  align-self: center;
  display: flex;
  height: 20px;
  justify-content: flex-start;
  letter-spacing: 1.40px;
  line-height: 25.2px;
  margin-left: -964.4px;
  margin-top: 55px;
  text-align: center;
  white-space: nowrap;
  width: 475.6px;
}

.frame-3 .link-13 {
  border: 1px solid;
  border-color: var(--shark);
  height: 88px;
  left: 1275px;
  position: absolute;
  top: 11069px;
  width: calc(100% - 1515px);
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background-color: transparent;
}

.frame-3 .link-13:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: var(--black);
}

.frame-3 .link-13:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.frame-3 .image-5 {
  height: 11px;
  position: absolute;
  right: 34px;
  top: 52px;
  width: 150px;
}

.frame-3 .group-30 {
  height: 365px;
  left: calc(50.00% - 720px);
  position: absolute;
  top: 11510px;
  width: 1440px;
}

.frame-3 .container-13 {
  height: 365px;
  left: calc(50.00% - 720px);
  position: absolute;
  top: 0;
  width: 1440px;
}

.frame-3 .event {
  align-items: center;
  display: flex;
  height: 90px;
  justify-content: flex-start;
  left: 0;
  letter-spacing: 0;
  line-height: 90px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 220px;
}

.frame-3 .heading-2-7 {
  height: 14px;
  left: 1px;
  letter-spacing: 1.40px;
  line-height: 27px;
  position: absolute;
  top: 99px;
  width: 104px;
}

.frame-3 .list-3 {
  height: 126px;
  left: 50px;
  position: absolute;
  top: 164px;
  width: calc(100% - 100px);
}

.frame-3 .container-2 {
  display: flex;
  height: 44px;
  left: 155px;
  position: absolute;
  top: 28px;
}

.frame-3 .text-48 {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-weight: 500;
  height: 36.97px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 22.0px;
  margin-top: 3px;
}

.frame-3 .container-3 {
  display: flex;
  height: 14px;
  left: 155px;
  overflow: hidden;
  position: absolute;
  top: 80px;
  width: 65px;
}

.frame-3 .x7 {
  background-image: url(../img/img/--------------------7--1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 98.41%;
  left: 0;
  position: absolute;
  top: 0;
  width: 30.24%;
}

.frame-3 .text-49 {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 12.1px;
  font-weight: 500;
  height: 36.97px;
  justify-content: flex-start;
  letter-spacing: 0;
  line-height: 22.0px;
  margin-top: 3px;
}

.frame-3 .date-2 {
  font-size: 10.1px;
}

.frame-3 .view-2 {
  background-image: url(../img/img/--------------------1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 98.41%;
  left: 0;
  position: absolute;
  top: 0;
  width: 30.24%;
}

.frame-3 .item-link-3 {
  left: 1030px;
  top: 164px;
  width: calc(100% - 1030px);
}

.frame-3 .text-50 {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 13px;
  font-weight: 500;
  height: 36.97px;
  justify-content: flex-start;
  letter-spacing: 0;
  line-height: 22.0px;
  margin-top: 3px;
}

.frame-3 .view-3 {
  background-image: url(../img/img/----------------1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 98.41%;
  left: 0;
  position: absolute;
  top: 0;
  width: 30.24%;
}

.frame-3 .rhouse {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  left: calc(50.00% - 728px);
  letter-spacing: 1.40px;
  line-height: 25.2px;
  position: absolute;
  text-align: center;
  top: 342px;
  transform: rotate(-0.50deg);
  white-space: nowrap;
  width: 425px;
}

.frame-3 .link-14 {
  border: 1px solid;
  border-color: var(--shark);
  height: 88px;
  left: 1042px;
  position: absolute;
  top: 2px;
  width: calc(100% - 1042px);
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background-color: transparent;
}

.frame-3 .link-14:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: var(--black);
}

.frame-3 .link-14:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.frame-3 .image-6 {
  height: 11px;
  position: absolute;
  right: 29px;
  top: 52px;
  width: 150px;
}

.frame-3 .text-51 {
  align-items: center;
  display: flex;
  height: 12px;
  justify-content: flex-start;
  left: 50px;
  letter-spacing: 1.40px;
  line-height: 21.6px;
  position: absolute;
  top: 51px;
  white-space: nowrap;
  width: 169px;
}

.frame-3 .link-15 {
  border: 1px solid;
  border-color: var(--shark);
  height: 88px;
  left: calc(50.00% + 271px);
  position: absolute;
  top: 13380px;
  width: 398px;
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background-color: transparent;
}

.frame-3 .link-15:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: var(--black);
}

.frame-3 .link-15:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.frame-3 .group-31 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 41px;
  left: 54px;
  position: absolute;
  top: 23px;
  width: 173px;
}

.frame-3 .read-more-3 {
  width: 85.78px;
}

.frame-3 .instagram {
  align-items: center;
  display: flex;
  height: 12px;
  justify-content: flex-start;
  letter-spacing: 1.40px;
  line-height: 21.6px;
  white-space: nowrap;
  width: 169.01px;
}

.frame-3 .image-7 {
  height: 11px;
  left: 214px;
  position: absolute;
  top: 53px;
  width: 150px;
}

.frame-3 .list-4 {
  height: 1113px;
  left: calc(50.00% - 558px);
  position: absolute;
  top: 12200px;
  width: 1115px;
}

.frame-3 .item-15 {
  aspect-ratio: 1;
  background-image: url(../img/img/item------------9@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 339px;
  left: 0;
  position: absolute;
  top: 0;
  width: 339px;
}

.frame-3 .item-16 {
  aspect-ratio: 1;
  background-image: url(../img/img/item------------10@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 339px;
  left: 387px;
  position: absolute;
  top: 0;
  width: 339px;
}

.frame-3 .item-17 {
  aspect-ratio: 1;
  background-image: url(../img/img/item------------11@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 339px;
  left: 774px;
  position: absolute;
  top: 0;
  width: 339px;
}

.frame-3 .item-18 {
  aspect-ratio: 1;
  background-image: url(../img/img/item------------12@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 339px;
  left: 0;
  position: absolute;
  top: 387px;
  width: 339px;
}

.frame-3 .item-19 {
  aspect-ratio: 1;
  background-image: url(../img/img/item------------13@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 339px;
  left: 387px;
  position: absolute;
  top: 387px;
  width: 339px;
}

.frame-3 .item-20 {
  aspect-ratio: 1;
  background-image: url(../img/img/item------------14@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 339px;
  left: 774px;
  position: absolute;
  top: 387px;
  width: 339px;
}

.frame-3 .item-21 {
  aspect-ratio: 1;
  background-image: url(../img/img/item------------15@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 339px;
  left: 0;
  position: absolute;
  top: 774px;
  width: 339px;
}

.frame-3 .item-22 {
  aspect-ratio: 1;
  background-image: url(../img/img/item------------16@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 339px;
  left: 387px;
  position: absolute;
  top: 774px;
  width: 339px;
}

.frame-3 .item-23 {
  aspect-ratio: 1;
  background-image: url(../img/img/item------------17@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 339px;
  left: 774px;
  position: absolute;
  top: 774px;
  width: 339px;
}

.frame-3 .paragraph-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 34px;
  height: 120px;
  left: 493px;
  position: absolute;
  top: 11981px;
  width: calc(100% - 1020px);
}

.frame-3 .instagram-1 {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  height: 72px;
  justify-content: center;
  letter-spacing: 1.40px;
  line-height: 72px;
  margin-left: -1px;
  text-align: center;
  white-space: nowrap;
  width: 585px;
}

.frame-3 .heading-2-8 {
  height: 27px;
  letter-spacing: 1.40px;
  line-height: 27px;
  margin-left: 0.7px;
  text-align: center;
  width: 112.71px;
}

.frame-3 .section {
  height: 620px;
  left: calc(50.00% - 601px);
  position: absolute;
  top: 13493px;
  width: 1200px;
}

.frame-3 .heading-2-9 {
  height: 27px;
  left: 48%;
  transform: translateX(-50%);
  letter-spacing: 1.40px;
  line-height: 27px;
  position: absolute;
  text-align: center;
  top: 127px;
  width: 64px;
}

.frame-3 .descriptions {
  border-color: var(--celeste);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  gap: 48.7px;
  height: 54px;
  left: 30px;
  position: absolute;
  top: 210px;
  width: calc(100% - 60px);
}

.frame-3 .term-2025 {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  letter-spacing: 2.10px;
  line-height: 25.2px;
  margin-top: 17px;
  white-space: nowrap;
  width: 91.29px;
}

.frame-3 .details-link {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  letter-spacing: 1.40px;
  line-height: 25.2px;
  margin-top: 17px;
  white-space: nowrap;
  width: 154.32px;
}

.frame-3 .descriptions-1 {
  height: 54px;
  top: 264px;
}

.frame-3 .details-link-open {
  width: 210.31px;
}

.frame-3 .descriptions-2 {
  height: 54px;
  top: 319px;
}

.frame-3 .details-link-1 {
  width: 136.96px;
}

.frame-3 .descriptions-3 {
  height: 54px;
  top: 373px;
}

.frame-3 .details-link-2 {
  width: 106.43px;
}

.frame-3 .descriptions-4 {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  height: 55px;
  top: 427px;
}

.frame-3 .details-link-3 {
  width: 152.34px;
}

.frame-3 .heading-3-2 {
  height: 116px;
  justify-content: center;
  left: 34.83%;
  top: -13px;
  width: 31.67%;
}

.frame-3 .news-1 {
  align-items: center;
  display: flex;
  height: 76px;
  justify-content: center;
  letter-spacing: 9.19px;
  line-height: 41.1px;
  margin-top: 36px;
  width: 312px;
}

.frame-3 .link-16 {
  border: 1px solid;
  border-color: var(--shark);
  height: 88px;
  left: calc(50.00% + 271px);
  position: absolute;
  top: 14029px;
  width: 398px;
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background-color: transparent;
}

.frame-3 .link-16:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: var(--black);
}

.frame-3 .link-16:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.frame-3 .group-32 {
  height: 41px;
  left: calc(50.00% - 150px);
  position: absolute;
  top: calc(50.00% - 21px);
  width: 170px;
}

.frame-3 .text-52 {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  left: calc(50.00% - 85px);
  letter-spacing: 0;
  line-height: 0.1px;
  position: absolute;
  top: 50.00%;
  width: 166px;
}

.frame-3 .read-more-4 {
  left: 0;
  position: absolute;
  top: 0;
  width: 86px;
}

.frame-3 .image-8 {
  height: 11px;
  left: 228px;
  position: absolute;
  top: 53px;
  width: 150px;
}

.frame-3 .container-14 {
  height: 820px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 14223px;
  width: 100%;
}

.frame-3 .heading-3-3 {
  height: 116px;
  left: 65.11%;
  top: -12px;
  width: 34.89%;
}

.frame-3 .other {
  align-items: center;
  display: flex;
  height: 76.11px;
  justify-content: center;
  letter-spacing: 9.19px;
  line-height: 41.1px;
  margin-top: 36.3px;
  width: 431.96px;
}

.frame-3 .view-4 {
  aspect-ratio: 1.33;
  background-image: url(../img/img/----2.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 820px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1090px;
}

.frame-3 .text-53 {
  align-items: center;
  display: flex;
  height: 211px;
  left: 1250px;
  letter-spacing: 3.64px;
  text-align: left;
  line-height: 35.5px;
  position: absolute;
  top: 136px;
  width: 420px;
}

.frame-3 .view-5 {
  aspect-ratio: 1.4;
  background-image: url(../img/img/----3@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 301px;
  left: 1250px;
  position: absolute;
  top: 395px;
  width: 420px;
}

.frame-3 .link-17 {
  border: 1px solid;
  border-color: #b0b0b0;
  height: 64px;
  left: 1243px;
  position: absolute;
  top: 756px;
  width: calc(100% - 1675px);
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background-color: transparent;
}

.frame-3 .link-17:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: var(--black);
}

.frame-3 .link-17:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.frame-3 .view-more {
  align-items: center;
  color: var(--log-cabin);
  display: flex;
  font-family: var(--font-family-noto_serif_jp);
  font-size: 15.2px;
  font-weight: 500;
  height: 21px;
  justify-content: center;
  left: calc(50.00% - 47px);
  letter-spacing: 1.82px;
  line-height: 22.7px;
  position: absolute;
  text-align: center;
  top: 21px;
  white-space: nowrap;
  width: 95px;
}

.frame-3 .text-54 {
  align-items: center;
  color: var(--log-cabin);
  display: flex;
  font-family: var(--font-family-noto_serif_jp);
  font-size: 18.9px;
  font-weight: 500;
  height: 27px;
  justify-content: center;
  left: calc(50.00% + 91px);
  letter-spacing: 1.82px;
  line-height: 28.4px;
  position: absolute;
  text-align: center;
  top: 18px;
  white-space: nowrap;
  width: 21px;
}

.frame-3 .container-15 {
  height: 842px;
  left: 12.50%;
  position: absolute;
  top: 15223px;
  width: 87.50%;
}

.frame-3 .heading-3-4 {
  height: 116px;
  left: 0;
  top: 0;
  width: 100%;
}

.frame-3 .about {
  align-items: center;
  display: flex;
  height: 76px;
  justify-content: flex-start;
  letter-spacing: 9.19px;
  line-height: 41.1px;
  margin-top: 40.0px;
  width: 374px;
}

.frame-3 .view-6 {
  aspect-ratio: 1.5;
  background-image: url(../img/img/---3.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 726px;
  left: 570px;
  position: absolute;
  top: 116px;
  width: 1090px;
}

.frame-3 .text-55 {
  align-items: center;
  color: var(--log-cabin);
  display: flex;
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  height: 35px;
  justify-content: flex-start;
  left: 0;
  letter-spacing: 3.64px;
  line-height: 35.5px;
  position: absolute;
  top: 145px;
  white-space: nowrap;
  width: 356px;
}

.frame-3 .text_label {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-noto_serif_jp);
  font-size: 16px;
  font-weight: 400;
  height: 308px;
  justify-content: flex-start;
  left: 3px;
  letter-spacing: 1.40px;
  line-height: 35.5px;
  position: absolute;
  text-align: left;
  top: 207px;
  width: 402px;
}

.frame-3 .view-7 {
  aspect-ratio: 1.36;
  background-image: url(../img/img/---2.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 475px;
  left: 2px;
  position: absolute;
  top: 15890px;
  width: 648px;
}

.frame-3 .heading-3-5 {
  align-items: center;
  color: var(--black);
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  height: 103px;
  justify-content: center;
  left: calc(50.00% - 154px);
  letter-spacing: 1.40px;
  line-height: 26.2px;
  text-align: center;
  top: 16091px;
  width: 211px;
}

.frame-3 .text_label-1 {
  color: var(--black);
  font-family: var(--font-family-noto_serif_jp);
  font-size: 16px;
  font-weight: 300;
  height: 213px;
  text-align: left;
  left: calc(50.00% - 154px);
  letter-spacing: 1.40px;
  line-height: 35.5px;
  position: absolute;
  top: 16186px;
  width: 840px;
}

.frame-3 .background-8 {
  display: flex;
  height: 1091px;
  justify-content: center;
  left: calc(50.00% - 960px);
  position: absolute;
  top: calc(50.00% + 6663px);
  width: 1920px;
}

.frame-3 .container-16 {
  display: flex;
  flex-direction: column;
  height: 825px;
  margin-left: 3px;
  margin-top: 107px;
  width: 1343px;
}

.frame-3 .text-56 {
  align-items: center;
  color: var(--shark);
  display: flex;
  font-family: var(--font-family-noto_serif_jp);
  font-size: 32px;
  font-weight: 400;
  height: 90px;
  justify-content: flex-start;
  letter-spacing: 0;
  line-height: 90px;
  margin-top: -14px;
  white-space: nowrap;
  width: 821px;
}

.frame-3 .body {
  flex: 1;
  margin-left: -50px;
  margin-right: -47px;
  max-height: 731px;
  position: relative;
}

.frame-3 .area-info-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto;
  max-width: 1343px;
}

.frame-3 .area-info-table td {
  border: 1px solid var(--black);
  padding: 26.5px 63.7px;
  vertical-align: middle;
}

.frame-3 .area-info-table .city-name {
  background-color: var(--star-dust);
  width: 271px;
  text-align: center;
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  color: var(--white);
  letter-spacing: 1.40px;
  line-height: 26.2px;
}

.frame-3 .area-info-table .city-description {
  background-color: var(--white);
  text-align: left;
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-weight: 300;
  color: var(--black);
  letter-spacing: 1.40px;
  line-height: 22.4px;
}

.frame-3 .row {
  height: 94px;
  left: 0;
  position: absolute;
  top: 117px;
  width: 100%;
}

.frame-3 .cell {
  background-color: var(--star-dust);
  border: 1px solid;
  border-color: var(--black);
  display: flex;
  height: 97px;
  justify-content: center;
  left: -1px;
  position: absolute;
  top: 0;
  width: 271px;
}

.frame-3 .link {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: -3px;
  margin-top: 43px;
  width: 50px;
}

.frame-3 .text-2 {
  align-items: center;
  display: flex;
  height: 14px;
  justify-content: center;
  letter-spacing: 1.40px;
  line-height: 26.2px;
  margin-left: -1px;
  margin-top: 1px;
  white-space: nowrap;
  width: 63px;
}

.frame-3 .data {
  border: 1px solid;
  border-color: var(--black);
  display: flex;
  height: 97px;
  left: 269px;
  position: absolute;
  top: 0;
  width: calc(100% - 269px);
}

.frame-3 .text-58 {
  align-items: center;
  display: flex;
  height: 45px;
  justify-content: flex-start;
  letter-spacing: 1.40px;
  line-height: 22.4px;
  margin-left: 63.7px;
  margin-top: 26.5px;
  text-align: left;
  width: 960px;
}

.frame-3 .row-1 {
  height: 94px;
  left: 0;
  position: absolute;
  top: 21px;
  width: 100%;
}

.frame-3 .cell-1 {
  left: calc(50.00% - 721px);
}

.frame-3 .text-59 {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  height: 14px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 12px;
  margin-left: -1px;
  margin-top: 1px;
  white-space: nowrap;
  width: 63px;
}

.frame-3 .text-60 {
  align-items: center;
  display: flex;
  height: 45px;
  justify-content: flex-start;
  letter-spacing: 1.40px;
  line-height: 22.4px;
  margin-left: 63.7px;
  margin-top: 26.5px;
  text-align: left;
  width: 960px;
}

.frame-3 .row-2 {
  height: 94px;
  left: 0;
  position: absolute;
  top: 213px;
  width: 100%;
}

.frame-3 .text-62 {
  align-items: center;
  display: flex;
  height: 45px;
  justify-content: flex-start;
  letter-spacing: 1.40px;
  line-height: 22.4px;
  margin-left: 63.7px;
  margin-top: 26.5px;
  text-align: left;
  width: 960px;
}

.frame-3 .row-3 {
  height: 94px;
  left: 0;
  position: absolute;
  top: 309px;
  width: 100%;
}

.frame-3 .text_label-2 {
  height: 45px;
  letter-spacing: 1.40px;
  line-height: 22.4px;
  margin-left: 63.7px;
  margin-top: 26.5px;
  text-align: left;
  width: 960px;
}

.frame-3 .row-4 {
  height: 94px;
  left: 0;
  position: absolute;
  top: 405px;
  width: 100%;
}

.frame-3 .text-65 {
  align-items: center;
  display: flex;
  height: 45px;
  justify-content: flex-start;
  letter-spacing: 1.40px;
  line-height: 22.4px;
  margin-left: 63.7px;
  margin-top: 26.5px;
  text-align: left;
  width: 960px;
}

.frame-3 .row-5 {
  height: 94px;
  left: 0;
  position: absolute;
  top: 597px;
  width: 100%;
}

.frame-3 .jr {
  align-items: center;
  display: flex;
  height: 45px;
  justify-content: flex-start;
  letter-spacing: 1.40px;
  line-height: 22.4px;
  margin-left: 63.7px;
  margin-top: 26.5px;
  text-align: left;
  width: 960px;
}

.frame-3 .row-6 {
  height: 97px;
  left: -1px;
  position: absolute;
  top: 501px;
  width: 1441px;
}

.frame-3 .cell-2 {
  left: 0;
}

.frame-3 .data-1 {
  border: 1px solid;
  border-color: var(--black);
  display: flex;
  height: 97px;
  left: 270px;
  position: absolute;
  top: 0;
  width: calc(100% - 270px);
}

.frame-3 .text-68 {
  align-items: center;
  display: flex;
  height: 45px;
  justify-content: flex-start;
  letter-spacing: 1.40px;
  line-height: 22.4px;
  margin-left: 63.7px;
  margin-top: 26.5px;
  text-align: left;
  width: 960px;
}

.frame-3 .background-9 {
  height: 654px;
  min-height: 654px;
  left: 1px;
  position: absolute;
  top: 17687px;
  width: 100%;
}

.frame-3 .container-17 {
  display: flex;
  flex-direction: column;
  height: 588px;
  min-height: 588px;
  left: calc(50.00% - 720px);
  position: absolute;
  top: 0;
  width: 1440px;
}

.frame-3 .qa {
  align-items: center;
  display: flex;
  height: 90px;
  justify-content: flex-start;
  letter-spacing: 0;
  line-height: 90px;
  margin-left: 0;
  white-space: nowrap;
  width: 191.98px;
}

.frame-3 .heading-2-10 {
  color: var(--shark);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-weight: 500;
  height: 14px;
  letter-spacing: 1.50px;
  line-height: 14px;
  margin-left: 0;
  margin-top: 10px;
  text-align: left;
  width: 110.34px;
}

.frame-3 .list-5 {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 70px;
  margin-right: 70px;
  margin-top: 26px;
  max-height: 642px;
}

/* FAQ Accordion Styles */
.frame-3 .faq-accordion {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 0;
  margin-right: 70px;
  margin-top: 26px;
  max-height: 642px;
  min-height: 642px;
}

.frame-3 .faq-item {
  border: 1px solid var(--alto);
  border-bottom: none;
  background-color: #f9f9f9;
}

.frame-3 .faq-item:last-child {
  border-bottom: 1px solid var(--alto);
}

.frame-3 .faq-question {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 39px 31px 39px 31px;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  position: relative;
  min-height: 107px;
}

.frame-3 .faq-q-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 29px;
  background-color: #333;
  color: #fff;
  border-radius: 50%;
  font-family: var(--font-family-inter);
  font-size: 18px;
  font-weight: 700;
  margin-right: 8px;
  flex-shrink: 0;
}

.frame-3 .faq-question-text {
  flex: 1;
  color: var(--mine-shaft);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 23.4px;
  text-align: left;
  padding: 0 20px;
}

.frame-3 .faq-toggle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: var(--black);
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.frame-3 .faq-item.active .faq-toggle-icon {
  transform: rotate(45deg);
}

.frame-3 .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 31px;
  background-color: #fff;
}

.frame-3 .faq-item.active .faq-answer {
  max-height: 500px;
  padding: 20px 31px 30px;
  border-top: 1px solid var(--alto);
}

.frame-3 .faq-answer p {
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 0.5px;
  margin: 0;
}

.frame-3 .item {
  border: 1px solid;
  border-color: var(--alto);
  flex: 1;
  max-height: 107px;
  position: relative;
}

.frame-3 .q {
  background-image: url(../img/img/q-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 29px;
  left: 31px;
  position: absolute;
  top: 39px;
  width: 31px;
}

.frame-3 .text-69 {
  align-items: center;
  color: var(--mine-shaft);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: 20px;
  justify-content: center;
  left: 70px;
  letter-spacing: 0;
  line-height: 23.4px;
  position: absolute;
  top: 42px;
  white-space: nowrap;
  width: 473px;
}

.frame-3 .horizontal-divider {
  background-color: var(--black);
  height: 2px;
  position: absolute;
  right: 31px;
  top: 52px;
  width: 18px;
}

.frame-3 .vertical-divider {
  background-color: var(--black);
  height: 18px;
  position: absolute;
  right: 39px;
  top: 44px;
  width: 2px;
}

.frame-3 .text-70 {
  align-items: center;
  color: var(--mine-shaft);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: 20px;
  justify-content: center;
  left: 70px;
  letter-spacing: 0;
  line-height: 23.4px;
  position: absolute;
  top: 42px;
  white-space: nowrap;
  width: 325px;
}

.frame-3 .text-71 {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  left: 70px;
  letter-spacing: 1.40px;
  line-height: 25.2px;
  position: absolute;
  top: 42px;
  white-space: nowrap;
  width: 407px;
}

.frame-3 .span0-1 {
  letter-spacing: 0.25px;
}

.frame-3 .span1-1 {
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0.20px;
}

.frame-3 .text-72 {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  left: 70px;
  letter-spacing: 1.40px;
  line-height: 25.2px;
  position: absolute;
  top: 42px;
  white-space: nowrap;
  width: 508px;
}

.frame-3 .link-18 {
  border: 1px solid;
  border-color: var(--shark);
  height: 88px;
  left: 1275px;
  position: absolute;
  top: -1px;
  width: calc(100% - 1275px);
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background-color: transparent;
}

.frame-3 .link-18:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: var(--black);
}

.frame-3 .link-18:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.frame-3 .image-9 {
  height: 11px;
  position: absolute;
  right: 296px;
  top: 51px;
  width: 150px;
}

.frame-3 .text-73 {
  align-items: center;
  display: flex;
  height: 12px;
  justify-content: center;
  left: 50px;
  letter-spacing: 0.50px;
  line-height: 12px;
  position: absolute;
  top: 51px;
  white-space: nowrap;
  width: 125px;
}

.frame-3 .iframe-html-body {
  background-color: #e5e3df;
  height: 500px;
  left: calc(50.00% - 960px);
  overflow: hidden;
  position: absolute;
  top: 18391px;
  width: 1920px;
}

.frame-3 .google-map-iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.frame-3 .vt {
  background-image: url(../img/img/vt-24@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 256px;
  left: 482px;
  position: absolute;
  top: -187px;
  width: 256px;
}

.frame-3 .vt-1 {
  background-image: url(../img/img/vt-25@2x.png);
  left: 738px;
  top: -187px;
}

.frame-3 .vt-2 {
  background-image: url(../img/img/vt-26@2x.png);
  left: 994px;
  top: -187px;
}

.frame-3 .vt-3 {
  background-image: url(../img/img/vt-27@2x.png);
  left: 1506px;
  top: -187px;
}

.frame-3 .vt-4 {
  background-image: url(../img/img/vt-28@2x.png);
  left: 994px;
  top: 325px;
}

.frame-3 .vt-5 {
  background-image: url(../img/img/vt-29@2x.png);
  left: 1506px;
  top: 69px;
}

.frame-3 .vt-6 {
  background-image: url(../img/img/vt-30@2x.png);
  left: -30px;
  top: -187px;
}

.frame-3 .vt-7 {
  background-image: url(../img/img/vt-31@2x.png);
  left: 738px;
  top: 69px;
}

.frame-3 .vt-8 {
  background-image: url(../img/img/vt-32@2x.png);
  left: 226px;
  top: -187px;
}

.frame-3 .vt-9 {
  background-image: url(../img/img/vt-33@2x.png);
  left: 994px;
  top: 69px;
}

.frame-3 .vt-10 {
  background-image: url(../img/img/vt-34@2x.png);
  left: 482px;
  top: 69px;
}

.frame-3 .vt-11 {
  background-image: url(../img/img/vt-35@2x.png);
  left: 1762px;
  top: -187px;
}

.frame-3 .vt-12 {
  background-image: url(../img/img/vt-36@2x.png);
  left: 226px;
  top: 69px;
}

.frame-3 .vt-13 {
  background-image: url(../img/img/vt-37@2x.png);
  left: -30px;
  top: 69px;
}

.frame-3 .vt-14 {
  background-image: url(../img/img/vt-38@2x.png);
  left: 1250px;
  top: 69px;
}

.frame-3 .vt-15 {
  background-image: url(../img/img/vt-39@2x.png);
  left: -30px;
  top: 325px;
}

.frame-3 .vt-16 {
  background-image: url(../img/img/vt-40@2x.png);
  left: 1250px;
  top: -187px;
}

.frame-3 .vt-17 {
  background-image: url(../img/img/vt-41@2x.png);
  left: 1506px;
  top: 325px;
}

.frame-3 .vt-18 {
  background-image: url(../img/img/vt-42@2x.png);
  left: 226px;
  top: 325px;
}

.frame-3 .vt-19 {
  background-image: url(../img/img/vt-43@2x.png);
  left: 1250px;
  top: 325px;
}

.frame-3 .vt-20 {
  background-image: url(../img/img/vt-44@2x.png);
  left: 1762px;
  top: 69px;
}

.frame-3 .vt-21 {
  background-image: url(../img/img/vt-45@2x.png);
  left: 738px;
  top: 325px;
}

.frame-3 .vt-22 {
  background-image: url(../img/img/vt-46@2x.png);
  left: 482px;
  top: 325px;
}

.frame-3 .vt-23 {
  background-image: url(../img/img/vt-47@2x.png);
  left: 1762px;
  top: 325px;
}

.frame-3 .mask-group {
  height: 1px;
  left: 959px;
  position: absolute;
  top: 249px;
  width: 1px;
}

.frame-3 .background-shadow {
  background-color: var(--white);
  border-radius: 2px;
  box-shadow: 0px 1px 4px -1px #0000004c;
  height: 110px;
  left: 10px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  width: 284px;
}

.frame-3 .container-18 {
  display: flex;
  height: 18px;
  left: 12px;
  position: absolute;
  top: 10px;
  width: calc(100% - 84px);
}

.frame-3 .rhouse-1 {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 500;
  height: 16px;
  justify-content: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  width: 191.52px;
}

.frame-3 .text-74 {
  align-items: center;
  color: #5b5b5b;
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: 14px;
  justify-content: center;
  left: 12px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 35px;
  white-space: nowrap;
  width: 198px;
}

.frame-3 .text-75 {
  align-items: center;
  color: #5b5b5b;
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: 14px;
  justify-content: center;
  left: 12px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 52px;
  white-space: nowrap;
  width: 141px;
}

.frame-3 .link-google {
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 44px;
  left: 229px;
  position: absolute;
  top: 10px;
  width: 37px;
}

.frame-3 .image-10 {
  align-self: center;
  background-image: url(../img/img/image-6@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 22px;
  margin-left: 0;
  width: 22px;
}

.frame-3 .container-19 {
  display: flex;
  height: 17px;
  justify-content: center;
  overflow: hidden;
  width: 36.56px;
}

.frame-3 .text-76 {
  align-items: center;
  color: #1a73e8;
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: 14px;
  justify-content: center;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0.3px;
  margin-top: 1px;
  text-align: center;
  white-space: nowrap;
  width: 36.87px;
}

.frame-3 .link-19 {
  align-items: center;
  color: #1a73e8;
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: 14px;
  justify-content: center;
  left: 12px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 84px;
  white-space: nowrap;
  width: 85px;
}

.frame-3 .gmp-internal-camera-control-button {
  align-items: center;
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: 0px 1px 4px -1px #0000004c;
  display: flex;
  height: 40px;
  justify-content: center;
  left: 1870px;
  overflow: hidden;
  position: absolute;
  top: 436px;
  width: 40px;
}

.frame-3 .image-11 {
  display: flex;
  width: 28px;
}

.frame-3 .image-fill {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 28px;
}

.frame-3 .image-12 {
  height: 28px;
  position: relative;
  width: 28px;
}

.frame-3 .vector-6 {
  height: 83.33%;
  left: 8.33%;
  position: absolute;
  top: 8.33%;
  width: 83.33%;
}

.frame-3 .button {
  height: 54px;
  left: 4px;
  position: absolute;
  top: 443px;
  width: 54px;
}

.frame-3 .footer {
  background-color: #eeeeee;
  display: flex;
  height: 750px;
  justify-content: center;
  left: calc(50.00% - 960px);
  position: absolute;
  top: 18865px;
  width: 1920px;
  padding-bottom: 20px;
  box-sizing: border-box;
}

.frame-3 .container-20 {
  height: 595.41px;
  margin-top: 64px;
  position: relative;
  width: 1200px;
}

.frame-3 .r-house {
  aspect-ratio: 6.25;
  background-image: url(../img/img/r-house---1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 64px;
  left: 33.38%;
  position: absolute;
  top: 0;
  width: 33.25%;
}

.frame-3 .link-tel {
  aspect-ratio: 11.17;
  background-image: url(../img/img/link---tel-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 23px;
  left: calc(50.00% - 272px);
  position: absolute;
  top: 113px;
  width: 257px;
}

.frame-3 .link-20 {
  background-image: url(../img/img/link-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px solid;
  border-color: var(--black);
  display: flex;
  height: 40px;
  justify-content: center;
  left: 612px;
  position: absolute;
  top: 106px;
  width: 260px;
}

.frame-3 .text-77 {
  align-items: center;
  display: flex;
  height: 21px;
  justify-content: center;
  letter-spacing: 1.40px;
  line-height: 27px;
  margin-left: 8.0px;
  margin-top: 9.2px;
  text-align: center;
  white-space: nowrap;
  width: 179.04px;
}

.frame-3 .address-550-0013 {
  align-items: center;
  display: flex;
  height: 70px;
  justify-content: center;
  left: calc(50.00% - 230px);
  letter-spacing: 1.40px;
  line-height: 25.2px;
  position: absolute;
  text-align: center;
  top: 175px;
  width: 470px;
}

.frame-3 .link-21 {
  height: 22px;
  left: calc(50.00% - 61px);
  position: absolute;
  top: 265px;
  width: 121px;
}

.frame-3 .privacy-policy {
  align-items: center;
  display: flex;
  height: 17px;
  justify-content: center;
  left: calc(50.00% - 61px);
  letter-spacing: 1.40px;
  line-height: 21.6px;
  position: absolute;
  text-align: center;
  top: 2px;
  white-space: nowrap;
  width: 106px;
}

.frame-3 .image-13 {
  height: 12px;
  left: calc(50.00% + 52px);
  position: absolute;
  top: 7px;
  width: 9px;
}

.frame-3 .link-22 {
  height: 22px;
  left: calc(50.00% - 34px);
  position: absolute;
  top: 304px;
  width: 69px;
}

.frame-3 .text-78 {
  align-items: center;
  display: flex;
  height: 17px;
  justify-content: center;
  left: calc(50.00% - 34px);
  letter-spacing: 1.40px;
  line-height: 21.6px;
  position: absolute;
  text-align: center;
  top: 2px;
  white-space: nowrap;
  width: 54px;
}

.frame-3 .image-14 {
  height: 12px;
  left: calc(50.00% + 25px);
  position: absolute;
  top: 7px;
  width: 9px;
}

.frame-3 .address {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 5.2px;
  height: 76px;
  left: 30px;
  position: absolute;
  top: 341px;
  width: calc(100% - 60px);
}

.frame-3 .text-79 {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  letter-spacing: 1.40px;
  line-height: 25.2px;
  margin-left: 2.7px;
  margin-top: 2px;
  text-align: center;
  white-space: nowrap;
  width: 75.62px;
}

.frame-3 .text-80 {
  align-items: center;
  color: transparent;
  display: flex;
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-weight: 300;
  height: 45.19px;
  justify-content: center;
  letter-spacing: 1.40px;
  line-height: 25.2px;
  margin-left: 63.0px;
  text-align: center;
  width: 778px;
}

.frame-3 .span {
  letter-spacing: 0.20px;
}

.frame-3 .span1-2 {
  color: #000000;
  letter-spacing: 0.20px;
}

.frame-3 .link-instagram {
  aspect-ratio: 5;
  height: 80px;
  left: 33.38%;
  object-fit: cover;
  position: absolute;
  top: 431px;
  width: 33.25%;
}

.frame-3 .link-23 {
  height: 22px;
  left: calc(50.00% - 178px);
  position: absolute;
  top: 527px;
  width: 355px;
}

.frame-3 .text-81 {
  align-items: center;
  display: flex;
  height: 17px;
  justify-content: center;
  left: calc(50.00% - 178px);
  letter-spacing: 1.40px;
  line-height: 21.6px;
  position: absolute;
  text-align: center;
  top: 2px;
  white-space: nowrap;
  width: 360px;
}

.frame-3 .image-15 {
  height: 12px;
  left: calc(50.00% + 169px);
  position: absolute;
  top: 7px;
  width: 9px;
}

.frame-3 .copyright {
  align-items: center;
  display: flex;
  height: 17px;
  justify-content: center;
  left: calc(50.00% - 101px);
  letter-spacing: 1.40px;
  line-height: 21.6px;
  position: absolute;
  text-align: center;
  top: 576px;
  white-space: nowrap;
  width: 203px;
  margin-top: -10px !important;
}

.frame-3 .container-21 {
  display: flex;
  gap: 75px;
  height: 626px;
  left: 1px;
  overflow: hidden;
  position: absolute;
  top: 7950px;
  width: 100%;
}

.frame-3 .testimonial-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.frame-3 .testimonial-slide {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  gap: 75px;
  align-items: stretch;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
}

.frame-3 .testimonial-slide.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.frame-3 .view-8 {
  background-image: url(../img/img/--------------1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 762px;
  margin-left: -4px;
  width: 960px;
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}

.frame-3 .view-8-2,
.frame-3 .view-8-3,
.frame-3 .view-8-4,
.frame-3 .view-8-5 {
  background-position: 50% 50%;
  background-size: cover;
  height: 762px;
  margin-left: -4px;
  width: 960px;
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}

.frame-3 .view-8-2 {
  background-image: url(../img/TOP/Hero_1.jpg);
}

.frame-3 .view-8-3 {
  background-image: url(../img/TOP/Hero_2.jpg);
}

.frame-3 .view-8-4 {
  background-image: url(../img/TOP/Hero_3.jpg);
}

.frame-3 .view-8-5 {
  background-image: url(../img/TOP/Hero_4.jpg);
}

.frame-3 .text-section-wrapper {
  display: flex;
  flex-direction: column;
  width: 648px;
}

.frame-3 .text-section-wrapper .container-9 {
  position: relative;
  left: 0;
  width: 100%;
  height: 114px;
  margin-bottom: 10px;
}

.frame-3 .text-section-wrapper .voice {
  position: absolute;
  left: 0;
  top: 0;
}

.frame-3 .text-section-wrapper .button-previous-slide {
  left: 226px;
  top: 48px;
  position: absolute;
  height: 25px;
  width: 25px;
}

.frame-3 .text-section-wrapper .number {
  left: 266px;
  top: 48px;
  position: absolute;
  align-items: center;
  display: flex;
  justify-content: center;
}

.frame-3 .text-section-wrapper .vertical-divider-1 {
  left: 278px;
  top: 50px;
  position: absolute;
  background-color: #33373d;
  height: 20px;
  width: 1px;
  transform: rotate(30.00deg);
}

.frame-3 .text-section-wrapper .number-1 {
  left: 285px;
  top: 58px;
  position: absolute;
  align-items: center;
  display: flex;
  justify-content: center;
}

.frame-3 .text-section-wrapper .button-next-slide {
  left: 310px;
  top: 48px;
  position: absolute;
  height: 25px;
  width: 25px;
}

.frame-3 .text-section-wrapper .heading-2-4 {
  position: relative;
  left: 0;
  top: 0;
  margin-bottom: 20px;
  margin-top: 0;
}

.frame-3 .text_label-3 {
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-weight: 300;
  height: 398px;
  letter-spacing: 3.64px;
  line-height: 45px;
  margin-top: 0;
  width: 648px;
}

.frame-3 .cell-3 {
  background-color: var(--star-dust);
  border: 1px solid;
  border-color: var(--black);
  display: flex;
  height: 97px;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 271px;
}

.frame-3 .date-3 {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-inter);
  font-weight: 500;
  height: 12px;
  justify-content: center;
  letter-spacing: 1.00px;
  line-height: 14.3px;
  margin-top: 1px;
  white-space: nowrap;
  width: 65.26px;
}

.frame-3 .descriptions-5 {
  border-color: var(--celeste);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  gap: 48.7px;
  left: 30px;
  position: absolute;
  width: calc(100% - 60px);
}

.frame-3 .details-link-4 {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: flex-start;
  letter-spacing: 1.40px;
  line-height: 25.2px;
  margin-top: 17px;
  white-space: nowrap;
}

.frame-3 .emphasis-3 {
  align-items: center;
  display: flex;
  height: 52px;
  justify-content: flex-start;
  left: 572px;
  letter-spacing: 1.40px;
  line-height: 36px;
  position: absolute;
}

.frame-3 .figure-3 {
  background-position: 50% 50%;
  background-size: cover;
  position: absolute;
}

.frame-3 .heading {
  display: flex;
  position: absolute;
}

.frame-3 .heading-2-11 {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  white-space: nowrap;
}

.frame-3 .heading-3-6 {
  display: flex;
  position: absolute;
  justify-content: flex-start;
}

.frame-3 .horizontal-divider-3 {
  background-color: var(--white);
  height: 1px;
  position: absolute;
  top: 7px;
  width: 10px;
}

.frame-3 .item-link-4 {
  border: 1px solid;
  border-color: var(--black);
  height: 126px;
  position: absolute;
}

.frame-3 .line {
  object-fit: cover;
  position: absolute;
}

.frame-3 .navbar-link-item-link-10 {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  letter-spacing: 1.40px;
  line-height: 15.4px;
  position: absolute;
  text-align: center;
  top: -3px;
}

.frame-3 .number-4 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 13px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 7px;
}

.frame-3 .q-4 {
  background-image: url(../img/img/q-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 29px;
  left: 31px;
  position: absolute;
  top: 39px;
  width: 31px;
}

.frame-3 .read-more-5 {
  align-items: center;
  display: flex;
  height: 17px;
  justify-content: center;
  letter-spacing: 2.50px;
  line-height: 12px;
}

.frame-3 .text_label-4 {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: left;
}

.frame-3 .vertical-divider-3 {
  background-color: #33373d;
  height: 20px;
  position: absolute;
  top: 50px;
  transform: rotate(30.00deg);
  width: 1px;
}

.frame-3 .vt-24 {
  background-position: 50% 50%;
  background-size: cover;
  height: 256px;
  position: absolute;
  width: 256px;
}

.frame-3 .x3-d-4 {
  align-items: center;
  display: flex;
  justify-content: left;
  position: absolute;
}

.frame-3 .x3-d-2 {
  text-align: left;
  align-items: flex-start;
  justify-content: flex-start;
}

/* Mobile fix for screens below 480px - prevent horizontal overflow */
@media only screen and (max-width: 480px) {
  .frame-3 {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Reset all fixed widths to 100% */
  .frame-3 .top,
  .frame-3 .x1,
  .frame-3 .x2,
  .frame-3 .x2-1,
  .frame-3 .container-5,
  .frame-3 .container-6,
  .frame-3 .container-7,
  .frame-3 .container-8,
  .frame-3 .container-9,
  .frame-3 .container-10,
  .frame-3 .container-11,
  .frame-3 .container-12,
  .frame-3 .container-13,
  .frame-3 .container-14,
  .frame-3 .container-15,
  .frame-3 .container-16,
  .frame-3 .container-17 {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: auto !important;
    box-sizing: border-box !important;
  }

  /* Fix all images */
  .frame-3 img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Force all elements to respect viewport width */
  .frame-3 * {
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  /* Reset absolutely positioned elements that extend beyond viewport */
  .frame-3 [class*="image"],
  .frame-3 [class*="figure"],
  .frame-3 [class*="background"],
  .frame-3 [class*="view"] {
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
  }
}