* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    margin: 0 !important;
    padding: 0 !important;
    scroll-behavior: smooth;
    color: var(--text);
}

img {
    max-width: 100%;
    height: auto;
}

body {
    background: var(--bace);
    margin: 0;
    padding: 0;
    font-family: "Poppins", "Playfair Display", Helvetica, sans-seri;
    font-weight: 400;
    font-size: 16px;
    line-height: 2;
}

:root {
    --text: rgba(98, 88, 75, 1);
    --white: rgba(255, 255, 255, 1);
    --base: rgba(253, 252, 249, 1);
    --black: rgba(35, 24, 21, 1);
    --bg-01: rgba(239, 241, 246, 1);
    --bg-gray: #F4F4F4;
    --gold-01: rgba(201, 169, 110, 1);
    --arrow-01: #C8BEB4;
    --dropshadow-01: 0px 10px 15px 0px rgba(0, 0, 0, 0.1), 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
    --ff-serif-en: "Playfair", serif;
    --ff-serif-ja: "Playfair", "Shippori Mincho B1", serif;
}
.c-word {
    display: inline-block;
}
.c-nowrap {
    white-space: nowrap;
}

/* ------ */
/* header */
/* ------ */

.l-header {
    position: fixed;
    top: 72px;
    left: 72px;
    z-index: 99999;
}
.c-main-nav__list {
    padding: 0;
}
.c-main-nav__item {
    list-style: none;
    max-height: 49px;
}
.c-main-nav__item a {
    margin-top: -1px;
    display: inline-block;
    padding: 8px 24px;
    border: .5px solid var(--black);
    background-color: var(--white);
    color: var(--black);
    text-decoration: none;
    transition: all .5s;
}
.c-main-nav__item a:hover {
    background-color: var(--black);
    color: var(--white);
}
.c-main-nav__item-logo {
    max-height: 72px;
}
.c-main-nav__item-logo a {
    margin-top: 0;
    padding: 11px 14px;
    position: relative;
}
.c-main-nav__item-logo img {
    vertical-align: bottom;
    display: inline-block;
}
.c-main-nav__item-logo .hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
.c-main-nav__item-logo a:hover .hover {
    position: absolute;
    opacity: 100%;
}
.l-fixed-cont {
    position: fixed;
    bottom: 72px;
    right: 72px;
    z-index: 99999;
}
.c-fixed-nav__list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0;
}
.c-fixed-nav__item {
    list-style: none;
}
.c-fixed-nav__item a {
    display: block;
    padding: 12px;
    position: relative;
    border: .5px solid var(--black);
    background-color: var(--white);
}
.c-fixed-nav__item a:hover {
    background-color: var(--black);
}
.c-fixed-nav__item img {
    vertical-align: bottom;
}
.c-fixed-nav__item .hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
.c-fixed-nav__item a:hover .hover {
    position: absolute;
    opacity: 100%;
}
.c-fixed-nav__item-copyright {
    margin-top: -1px;
    padding: 2px 40px;
    border: .5px solid var(--text);
    background-color: var(--white);
    font-size: 12px;
}
@media screen and (max-width:1400px) {
    .l-header {
        top: 24px;
        left: 24px;
    }
    .c-main-nav__item a {
        padding: 2px 20px;
        font-size: 14px;
    }
    .c-main-nav__item-logo a {
        padding: 6px 12px;
    }
    .c-main-nav__item-logo img {
        width: 180px;
    }
    .l-fixed-cont {
        bottom: 24px;
        right: 24px;
    }
}
@media screen and (max-width:900px) {
    body {
        font-size: 14px;
        line-height: 1.6;
    }
    .l-header {
        top: 12px;
        left: 24px;
        width: calc(100% - 48px);
    }
    .l-fixed-cont {
        bottom: 16px;
        right: 16px;
    }
    .c-main-nav__item__sp-none {
        display: none;
    }
    .c-main-nav__list {
        display: flex;
        flex-wrap: wrap;
    }
    .c-main-nav__item {
        width: 50%;
    }
    .c-main-nav__item-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .c-main-nav__item-logo img {
        width: 160px;
        height: 35px;
        object-fit: contain;
    }
    .c-main-nav__item a {
        padding: 8px 2px;
        width: 100%;
        height: 100%;
        font-size: 12px;
        text-align: center;
        border-top: none;
    }
    .c-main-nav__item-logo a {
        width: 100%;
        padding: 9px;
        border-top: .5px solid var(--black);
    }
}

/* ------ */
/* footer */
/* ------ */
.l-footer {
    margin: 0 auto;
    margin-top: 280px;
    padding: 0 32px 56px;
    max-width: 1464px;
}
.l-footer__top-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap:16px;
}
.c-logo__icon img {
    vertical-align: bottom;
}
.l-footer__nav {
    display: flex;
    gap: 40px;
}
.l-footer__nav a {
    height: fit-content;
    color: var(--black);
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
.l-footer__top-menu {
    padding-bottom: 40px;
    border-bottom: 1px solid var(--black);
}
.l-footer__middle {
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
    gap: 40px;
}
.l-footer__middle a {
    height: fit-content;
    font-size: 14px;
    color: var(--black);
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
.l-footer__nav a:hover,
.l-footer__middle a:hover {
    border-bottom: 1px solid var(--black);
}
.c-footer__copyright {
    margin-top: 64px;
    display: block;
    text-align: center;
    font-style: 12px;
}
@media screen and (max-width:900px) {
    .l-footer {
        margin-top: 120px;
        padding-bottom: 36px;
    }
    .l-footer__top-menu {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    .l-footer__nav {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
    .l-footer__middle {
        margin-top: 24px;
    }
    .l-footer__middle a {
        font-size: 12px;
    }
    .c-footer__copyright {
        margin-top: 40px;
        font-size: 10px;
    }
}

/* ------- */
/* section *
/* ------- */
.l-page__title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: clamp(200px, 50vw,420px);
}
.l-page__title h1 {
    font-size: clamp(24px, 6vw, 40px);
    font-family: var(--ff-serif-ja);
    font-weight: 400;
}
.l-section__title {
    display: flex;
    flex-direction: column;
    gap: 20px;  
}
.l-section__title-border {
    padding: 36px 0;
    border-top: 1px solid var(--text);
    border-bottom: 1px solid var(--text);
}
.c-section__title-en {
    font-family: var(--ff-serif-en);
    font-size: clamp(40px, 10vw, 64px);
    line-height: 1.2;
    text-align: center;
}
.c-section__title-ja {
    font-family: var(--ff-serif-ja);
    font-size: clamp(18px, 4.8vw, 22px);
    line-height: 1.6;
    text-align: center;
}
.l-inner__w-960 {
    margin: 100px auto 0;
    max-width: 1024px;
    padding: 0 32px;
}
.ornament {
    position: absolute;
}
.ornament img {
    max-width: 100%;
    height: auto;
}
.ornament__cutomer-flow--ring {
    max-width: min(17%, 124px);
    top: 0;
    right: 30%;
    transform: translateY(-50%);
}
.ornament__cutomer-flow--pearl-01 {
    width: min(10%, 47px);
    top: min(10vw, 100px);
    left: 30%;
}
.ornament__cutomer-flow--pearl-02 {
    width: min(5%, 21px);
    top: min(30vw, 280px);
    right: 25%;
}
.ornament__cutomer-flow--pearl-03 {
    width: min(20%, 80px);
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);
}
@media screen and (max-width:900px) {
    .l-page__title {
        padding-top: 100px;
    }
    .l-inner__w-960 {
        margin-top: 64px;
    }
}

.l-flow {
    position: relative;
    padding: 0 32px;
}
.l-flow .l-section__title {
    color: var(--white);
}
.l-flow-box {
    margin: 0 auto;
    margin-top: 80px;
    max-width: 1464px;
    padding: 200px 20%;
    width: 100%;
    background-color: var(--bg-gray);
    box-shadow:var(--dropshadow-01);
    border-radius: 16px;
    position: relative;
}
.l-flow__list {
    display: flex;
    flex-direction: column;
    gap: 160px;
}
.l-flow__list:after {
    height: 100%
}
.l-flow__item {
    max-width: 600px;
    display: flex;
    gap: 45px;
    position: relative;
}
.l-flow__item:not(:last-of-type):before {
    content: "";
    display: block;
    width: 1px;
    height: calc(100% + 160px);
    background-color: var(--text);
    position: absolute;
    top: 40px;
    left: 40px;
}
.l-flow__item__icon {
    flex-grow: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: var(--white);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1),0 10px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
}
.l-flow__item__content {
    flex: 1;
    max-width: 460px;
    padding-top: 18px;
    position: relative;
    z-index: 2;
}
.c-flow__item__title {
    font-family: "Playfair", "Shippori Mincho B1", serif;
    font-size: clamp(18px, 3vw, 22px);
    font-weight: 300;
}
.c-flow__item__text {
    margin-top: 24px;
}
.c-flow__item__num {
    font-family: var(--ff-serif-en);
    color: var(--white);
    font-size: clamp(120px, 20vw, 240px);
    position: absolute;
    top: 50%;
    right: 80px;
    transform: translate(100%,-50%);
}
.l-flow .l-cta-wrap {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,50%);
}
@media screen and (max-width:900px) {
    .l-flow-box {
        padding: 80px 16px;
        border-radius: 8px;
    }
    .l-flow__list {
        gap: 80px;
    }
    .l-flow__item {
        gap: 16px;
    }
    .l-flow__item:not(:last-of-type):before {
        height: calc(100% + 80px);
        left: 28px;
    }
    .l-flow__item__icon {
        width: 56px;
        height: 56px;
    }
    .c-flow__item__num {
        top: 0;
        right: 0;
        transform: translate(0,-50%);
    }
}
.l-cta-wrap {
  display: flex;
  justify-content: center;
  margin-top: 36px;
}

.c-cta-button {
  width: min(100%, 672px);
  min-height: 126px;
  padding: 12px 18px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  color: #fff;
  font-family: var(--ff-serif-ja);
  font-size: clamp(20px, 2vw, 28px);
  letter-spacing: .08em;
  background: linear-gradient(90deg, #d1c4b2 0%, #b7d1d3 100%);
  text-decoration: none;
  box-shadow: var(--dropshadow-01);
  position: relative;
}

.c-cta-button__arrow {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--white);
  color: var(--arrow-01);
  display: grid;
  place-items: center;
  position: absolute;
  right: 34px;
  top: 50%;
  transform: translateY(-50%);
}

.c-cta-button__arrow:before {
    content: "";
    display: block;
    width: 36px;
    height: 1.5px;
    background-color: var(--arrow-01);
    position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.c-cta-button__arrow:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-color: var(--arrow-01);
  border-style: solid;
  border-width: 2px 2px 0 0;
  position: absolute;
  right: 16px;
  top: 56%;
  transform: rotate(45deg) translate(-50%,-50%);
}
@media screen and (max-width:900px) {
    .c-cta-button {
        width: min(100%,300px);
        min-height: 64px;
        justify-content: flex-start;
        font-size: clamp(16px, 1vw, 20px);
    }
    .c-cta-button__arrow {
        width: 40PX;
        height: 40PX;
        right: 12px;
    }
    .c-cta-button__arrow:before {
        width: 24PX;
    }
    .c-cta-button__arrow:after {
        width: 12PX;
        height: 12PX;
        right: 8px;
    }
}

.p-respect {
    padding-top: ;
}


    .frame {
    background-color: var(--base);
    overflow: hidden;
    width: 100%;
    min-width: 1920px;
    min-height: 14264px;
    position: relative;
    }

    .frame .BIJOUXPASS {
    position: absolute;
    top: 1974px;
    left: 0;
    width: 1920px;
    height: 457px;
    aspect-ratio: 4.2;
    object-fit: cover;
    }

    .frame .image {
    top: 178px;
    left: -8945px;
    width: 762px;
    height: 915px;
    aspect-ratio: 0.83;
    position: absolute;
    object-fit: cover;
    }

    .frame .ellipse {
    position: absolute;
    top: 5781px;
    left: calc(50.00% - 10496px);
    width: 10px;
    height: 1px;
    }

    .frame .BIJOUXPASS-bg {
    position: absolute;
    top: 0;
    left: calc(50.00% - 960px);
    width: 1920px;
    height: 940px;
    object-fit: cover;
    }

    .frame .div {
    display: flex;
    flex-direction: column;
    width: 980px;
    align-items: center;
    gap: 80px;
    position: absolute;
    top: 10965px;
    left: calc(50.00% - 490px);
    }

    .frame .div-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .text-wrapper {
    position: relative;
    align-self: stretch;
    margin-top: -1.00px;
    font-family: var(--top-title-en-pc-font-family);
    font-weight: var(--top-title-en-pc-font-weight);
    color: var(--text);
    font-size: var(--top-title-en-pc-font-size);
    text-align: center;
    letter-spacing: var(--top-title-en-pc-letter-spacing);
    line-height: var(--top-title-en-pc-line-height);
    font-style: var(--top-title-en-pc-font-style);
    }

    .frame .text-wrapper-2 {
    position: relative;
    align-self: stretch;
    font-family: var(--title-ja-pc-font-family);
    font-weight: var(--title-ja-pc-font-weight);
    color: var(--text);
    font-size: var(--title-ja-pc-font-size);
    text-align: center;
    letter-spacing: var(--title-ja-pc-letter-spacing);
    line-height: var(--title-ja-pc-line-height);
    font-style: var(--title-ja-pc-font-style);
    }

    .frame .div-3 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    padding: 120px 40px;
    position: relative;
    flex: 0 0 auto;
    margin-left: -40.00px;
    margin-right: -40.00px;
    background-color: #fbf7f2;
    border-radius: 16px;
    box-shadow: 0px 10px 15px #0000001a, 0px 4px 6px #0000001a;
    }

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

    .frame .div-5 {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .div-6 {
    display: flex;
    flex-direction: column;
    width: 300px;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 40px 32px;
    position: relative;
    background-color: var(--white);
    border-radius: 16px;
    }

    .frame .img {
    position: relative;
    flex: 0 0 auto;
    margin-top: -3.00px;
    }

    .frame .div-7 {
    gap: 12px;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    }

    .frame .text-wrapper-3 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    margin-left: -4.50px;
    margin-right: -4.50px;
    font-family: var(--title-ja-pc-font-family);
    font-weight: var(--title-ja-pc-font-weight);
    color: var(--text);
    font-size: var(--title-ja-pc-font-size);
    letter-spacing: var(--title-ja-pc-letter-spacing);
    line-height: var(--title-ja-pc-line-height);
    white-space: nowrap;
    font-style: var(--title-ja-pc-font-style);
    }

    .frame .text-wrapper-4 {
    position: relative;
    align-self: stretch;
    font-family: "Noto Sans JP-DemiLight", Helvetica;
    font-weight: 300;
    color: var(--text);
    font-size: 16px;
    letter-spacing: 1.60px;
    line-height: 25.6px;
    }

    .frame .div-8 {
    width: 300px;
    justify-content: center;
    gap: 16px;
    padding: 40px 32px;
    background-color: var(--white);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    }

    .frame .img-2 {
    position: relative;
    width: 234px;
    height: 238px;
    }

    .frame .div-9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .div-10 {
    display: flex;
    flex-direction: column;
    width: 300px;
    align-items: center;
    gap: 16px;
    padding: 40px 32px;
    position: relative;
    align-self: stretch;
    background-color: var(--white);
    border-radius: 16px;
    }

    .frame .text-wrapper-5 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: var(--title-ja-pc-font-family);
    font-weight: var(--title-ja-pc-font-weight);
    color: var(--text);
    font-size: var(--title-ja-pc-font-size);
    letter-spacing: var(--title-ja-pc-letter-spacing);
    line-height: var(--title-ja-pc-line-height);
    white-space: nowrap;
    font-style: var(--title-ja-pc-font-style);
    }

    .frame .FAQ {
    position: relative;
    align-self: stretch;
    font-family: "Noto Sans JP-Light", Helvetica;
    font-weight: 400;
    color: #75644c;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1.60px;
    line-height: 32px;
    }

    .frame .span {
    font-weight: var(--text-pc-font-weight);
    letter-spacing: var(--text-pc-letter-spacing);
    font-family: var(--text-pc-font-family);
    font-style: var(--text-pc-font-style);
    line-height: var(--text-pc-line-height);
    font-size: var(--text-pc-font-size);
    }

    .frame .text-wrapper-6 {
    font-family: "Poppins-Regular", Helvetica;
    letter-spacing: 0.26px;
    text-decoration: underline;
    }

    .frame .text-wrapper-7 {
    font-weight: var(--text-pc-font-weight);
    letter-spacing: var(--text-pc-letter-spacing);
    text-decoration: underline;
    font-family: var(--text-pc-font-family);
    font-style: var(--text-pc-font-style);
    line-height: var(--text-pc-line-height);
    font-size: var(--text-pc-font-size);
    }

    .frame .div-11 {
    display: inline-flex;
    align-items: flex-start;
    gap: 80px;
    position: relative;
    flex: 0 0 auto;
    }

    .frame .div-12 {
    display: flex;
    width: 300px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    position: relative;
    border-radius: 30px;
    }

    .frame .text-wrapper-8 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Shippori Mincho-Regular", Helvetica;
    font-weight: 400;
    color: var(--text);
    font-size: 18px;
    letter-spacing: 1.80px;
    line-height: 36px;
    white-space: nowrap;
    }

    .frame .button {
    position: absolute;
    top: calc(50.00% - 28px);
    left: calc(50.00% - 150px);
    width: 300px;
    height: 56px;
    }

    .frame .button-2 {
    position: absolute;
    top: calc(50.00% - 30px);
    left: calc(50.00% - 150px);
    width: 300px;
    height: 60px;
    }

    .frame .div-13 {
    position: absolute;
    top: 8832px;
    left: calc(50.00% - 712px);
    width: 1424px;
    height: 1975px;
    }

    .frame .rectangle {
    position: absolute;
    top: 811px;
    left: calc(50.00% - 553px);
    width: 1168px;
    height: 1164px;
    object-fit: cover;
    }

    .frame .div-14 {
    display: flex;
    flex-direction: column;
    width: 1139px;
    align-items: flex-start;
    gap: 10px;
    padding: 80px 0px 0px;
    position: absolute;
    top: 266px;
    left: calc(50.00% - 538px);
    }

    .frame .frame-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    }

    .frame .div-15 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    padding: 80px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    border: 2px solid;
    border-color: transparent;
    border-image: linear-gradient(
        234deg,
        rgba(250, 183, 0, 1) 0%,
        rgba(255, 246, 221, 1) 49%,
        rgba(250, 183, 0, 1) 100%
        )
        1;
    background-image: url(./img/frame-29.png);
    background-size: cover;
    background-position: 50% 50%;
    }

    .frame .div-16 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .LINE {
    position: relative;
    width: 701px;
    font-family: "Noto Sans JP-Light", Helvetica;
    font-weight: 400;
    color: var(--text);
    font-size: 16px;
    letter-spacing: 1.60px;
    line-height: 32px;
    }

    .frame .text-wrapper-9 {
    font-weight: 300;
    letter-spacing: 0.26px;
    }

    .frame .text-wrapper-10 {
    font-family: "Poppins-Regular", Helvetica;
    letter-spacing: 0.26px;
    }

    .frame .div-17 {
    display: inline-flex;
    align-items: flex-start;
    gap: 56px;
    position: relative;
    flex: 0 0 auto;
    }

    .frame .firefly-gemini-flash {
    position: absolute;
    top: 9px;
    left: 965px;
    width: 285px;
    height: 161px;
    aspect-ratio: 1.79;
    object-fit: cover;
    }

    .frame .div-18 {
    position: absolute;
    top: 1391px;
    left: calc(50.00% - 548px);
    width: 1156px;
    height: 584px;
    box-shadow: 0px 4px 4px #00000040;
    background-image: url(./img/union.png);
    background-size: cover;
    background-position: 50% 50%;
    }

    .frame .image-2 {
    width: 54.28%;
    top: 1645px;
    left: 45.72%;
    height: 181px;
    aspect-ratio: 1.01;
    position: absolute;
    object-fit: cover;
    }

    .frame .div-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    position: absolute;
    top: 12324px;
    left: calc(50.00% - 479px);
    }

    .frame .frame-wrapper-2 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    padding: 40px 0px 0px;
    position: relative;
    flex: 0 0 auto;
    }

    .frame .div-19 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 56px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

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

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

    .frame .div-22 {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    position: relative;
    flex: 0 0 auto;
    }

    .frame .person {
    position: relative;
    width: 100px;
    height: 100px;
    }

    .frame .text-wrapper-11 {
    width: fit-content;
    white-space: nowrap;
    position: relative;
    font-family: var(--text-pc-font-family);
    font-weight: var(--text-pc-font-weight);
    color: var(--text);
    font-size: var(--text-pc-font-size);
    letter-spacing: var(--text-pc-letter-spacing);
    line-height: var(--text-pc-line-height);
    font-style: var(--text-pc-font-style);
    }

    .frame .text-wrapper-12 {
    width: 959px;
    position: relative;
    font-family: var(--text-pc-font-family);
    font-weight: var(--text-pc-font-weight);
    color: var(--text);
    font-size: var(--text-pc-font-size);
    letter-spacing: var(--text-pc-letter-spacing);
    line-height: var(--text-pc-line-height);
    font-style: var(--text-pc-font-style);
    }

    .frame .div-23 {
    display: flex;
    flex-direction: column;
    width: 1400px;
    align-items: center;
    gap: 65px;
    position: absolute;
    top: 13952px;
    left: calc(50.00% - 700px);
    }

    .frame .div-24 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 39px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .div-25 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .logo {
    position: relative;
    width: 222.73px;
    height: 48.82px;
    }

    .frame .div-26 {
    display: inline-flex;
    align-items: center;
    gap: 40px;
    position: relative;
    flex: 0 0 auto;
    }

    .frame .text-wrapper-13 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: var(--text-en-pc-font-family);
    font-weight: var(--text-en-pc-font-weight);
    color: var(--text);
    font-size: var(--text-en-pc-font-size);
    letter-spacing: var(--text-en-pc-letter-spacing);
    line-height: var(--text-en-pc-line-height);
    white-space: nowrap;
    font-style: var(--text-en-pc-font-style);
    }

    .frame .text-wrapper-14 {
    font-size: var(--text-pc-font-size);
    letter-spacing: var(--text-pc-letter-spacing);
    line-height: var(--text-pc-line-height);
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: var(--text-pc-font-family);
    font-weight: var(--text-pc-font-weight);
    color: var(--text);
    white-space: nowrap;
    font-style: var(--text-pc-font-style);
    }

    .frame .vector {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    object-fit: cover;
    }

    .frame .div-27 {
    display: inline-flex;
    align-items: flex-start;
    gap: 39px;
    position: relative;
    flex: 0 0 auto;
    }

    .frame .text-wrapper-15 {
    font-size: 14px;
    text-align: center;
    letter-spacing: 1.40px;
    line-height: 28px;
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP-DemiLight", Helvetica;
    font-weight: 300;
    color: var(--text);
    white-space: nowrap;
    }

    .frame .text-wrapper-16 {
    position: relative;
    align-self: stretch;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: var(--text);
    font-size: 12px;
    text-align: center;
    letter-spacing: 1.20px;
    line-height: 24px;
    }

    .frame .div-28 {
    display: flex;
    flex-direction: column;
    width: 963px;
    height: 500px;
    align-items: center;
    gap: 100px;
    position: absolute;
    top: 1207px;
    left: 478px;
    }

    .frame .image-3 {
    position: absolute;
    top: -27px;
    left: calc(50.00% - 62px);
    width: 126px;
    height: 126px;
    }

    .frame .text-wrapper-17 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Shippori Mincho B1-Regular", Helvetica;
    font-weight: 400;
    color: var(--text);
    font-size: 36px;
    letter-spacing: 5.40px;
    line-height: 72px;
    white-space: nowrap;
    }

    .frame .BIJOUXPASS-BIJOUX {
    position: relative;
    width: 921px;
    text-shadow: 0px 4px 4px #fdfcf9;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: var(--text);
    font-size: 16px;
    letter-spacing: 1.60px;
    line-height: 32px;
    }

    .frame .text-wrapper-18 {
    letter-spacing: 0.26px;
    }

    .frame .text-wrapper-19 {
    font-family: "Noto Sans JP-Light", Helvetica;
    font-weight: 300;
    letter-spacing: 0.26px;
    }

    .frame .image-4 {
    position: absolute;
    top: 0;
    left: 1197px;
    width: 372px;
    height: 391px;
    aspect-ratio: 0.87;
    object-fit: cover;
    }

    .frame .element {
    position: absolute;
    top: 327px;
    left: calc(50.00% - 352px);
    width: 703px;
    height: 154px;
    aspect-ratio: 4.56;
    }

    .frame .text-wrapper-20 {
    position: absolute;
    top: 532px;
    left: calc(50.00% - 257px);
    font-family: "Shippori Mincho B1-SemiBold", Helvetica;
    font-weight: 600;
    color: var(--white);
    font-size: 24px;
    text-align: center;
    letter-spacing: 4.80px;
    line-height: 48px;
    }

    .frame .div-29 {
    display: flex;
    flex-direction: column;
    width: 1920px;
    align-items: flex-start;
    position: absolute;
    top: 2431px;
    left: 0;
    }

    .frame .div-30 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1440px;
    background-color: #ebe5dc;
    }

    .frame .text-wrapper-21 {
    position: absolute;
    top: 864px;
    left: -157px;
    transform: rotate(90.00deg);
    font-family: "Playfair Display-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 200px;
    text-align: center;
    letter-spacing: 2.00px;
    line-height: 400px;
    white-space: nowrap;
    }

    .frame .div-31 {
    display: flex;
    width: 800px;
    gap: 56px;
    padding: 200px 0px;
    position: absolute;
    top: 122px;
    left: 560px;
    flex-direction: column;
    align-items: center;
    }

    .frame .div-32 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .hello-we-are {
    position: relative;
    align-self: stretch;
    margin-top: -1.00px;
    font-family: "Playfair Display-Regular", Helvetica;
    font-weight: 400;
    color: var(--text);
    font-size: 64px;
    text-align: center;
    letter-spacing: 0.64px;
    line-height: 76.8px;
    }

    .frame .text-wrapper-22 {
    position: relative;
    align-self: stretch;
    font-family: var(--text-pc-font-family);
    font-weight: var(--text-pc-font-weight);
    color: var(--text);
    font-size: var(--text-pc-font-size);
    letter-spacing: var(--text-pc-letter-spacing);
    line-height: var(--text-pc-line-height);
    font-style: var(--text-pc-font-style);
    }

    .frame .image-5 {
    width: 74.17%;
    top: 939px;
    left: 25.83%;
    height: 26px;
    position: absolute;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .image-6 {
    width: 25.78%;
    top: 720px;
    left: 74.22%;
    height: 36px;
    position: absolute;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .image-7 {
    width: 80.94%;
    top: 1282px;
    left: 19.06%;
    height: 44px;
    position: absolute;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .image-8 {
    width: 76.56%;
    top: 206px;
    left: 23.44%;
    height: 59px;
    position: absolute;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .image-9 {
    width: 20.73%;
    top: 1064px;
    left: 79.27%;
    height: 80px;
    position: absolute;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .div-33 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 2687px;
    background: linear-gradient(
        58deg,
        rgba(239, 241, 246, 1) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    }

    .frame .vector-2 {
    position: absolute;
    top: 944px;
    left: 177px;
    width: 1743px;
    height: 1743px;
    }

    .frame .div-34 {
    display: inline-flex;
    gap: 128px;
    padding: 120px 0px;
    position: absolute;
    top: 151px;
    left: calc(50.00% - 492px);
    flex-direction: column;
    align-items: center;
    }

    .frame .div-35 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .AI {
    position: relative;
    width: 800px;
    font-family: var(--text-pc-font-family);
    font-weight: var(--text-pc-font-weight);
    color: var(--text);
    font-size: var(--text-pc-font-size);
    letter-spacing: var(--text-pc-letter-spacing);
    line-height: var(--text-pc-line-height);
    font-style: var(--text-pc-font-style);
    }

    .frame .div-36 {
    display: inline-flex;
    align-items: center;
    gap: 42px;
    position: relative;
    flex: 0 0 auto;
    }

    .frame .frame-wrapper-3 {
    position: relative;
    width: 300px;
    height: 300px;
    }

    .frame .div-37 {
    position: relative;
    height: 300px;
    border-radius: 150px;
    border: 1px solid;
    border-color: var(--gold-01);
    aspect-ratio: 1;
    }

    .frame .text-wrapper-23 {
    position: absolute;
    top: 93px;
    left: 104px;
    font-family: "Shippori Mincho B1-Regular", Helvetica;
    font-weight: 400;
    color: #62584b;
    font-size: 30px;
    text-align: center;
    letter-spacing: 0.30px;
    line-height: 60px;
    white-space: nowrap;
    }

    .frame .text-wrapper-24 {
    position: absolute;
    top: 158px;
    left: 44px;
    width: 212px;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #62584b;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1.60px;
    line-height: 24px;
    }

    .frame .element-2 {
    position: absolute;
    top: calc(50.00% - 110px);
    left: calc(50.00% - 22px);
    width: 43px;
    height: 40px;
    }

    .frame .text-wrapper-25 {
    position: absolute;
    top: 93px;
    left: 44px;
    font-family: "Shippori Mincho B1-Regular", Helvetica;
    font-weight: 400;
    color: #62584b;
    font-size: 30px;
    text-align: center;
    letter-spacing: 0.30px;
    line-height: 60px;
    white-space: nowrap;
    }

    .frame .p {
    position: absolute;
    top: 158px;
    left: 44px;
    width: 212px;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #62584b;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1.60px;
    line-height: 16px;
    }

    .frame .text-wrapper-26 {
    letter-spacing: 0.26px;
    line-height: 24px;
    }

    .frame .text-wrapper-27 {
    font-size: 12px;
    letter-spacing: 0.14px;
    line-height: 24px;
    }

    .frame .text-wrapper-28 {
    font-size: 12px;
    letter-spacing: 0.14px;
    line-height: 18px;
    }

    .frame .view-wrapper {
    position: absolute;
    width: 12.32%;
    height: 18.12%;
    top: 11.13%;
    left: 45.75%;
    display: flex;
    transform: rotate(42.05deg);
    }

    .frame .view {
    flex: 1;
    width: 36.96px;
    position: relative;
    }

    .frame .vector-3 {
    position: absolute;
    width: 115.69%;
    height: 96.86%;
    top: 3.14%;
    left: -15.69%;
    }

    .frame .vector-4 {
    position: absolute;
    width: 106.13%;
    height: 65.79%;
    top: 34.21%;
    left: -6.13%;
    }

    .frame .div-38 {
    height: 300px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-radius: 150px;
    border: 1px solid;
    border-color: var(--gold-01);
    aspect-ratio: 1;
    }

    .frame .element-3 {
    margin-left: 1px;
    height: 55px;
    width: 35px;
    align-self: center;
    position: relative;
    margin-top: 33px;
    background-image: url(./img/vector-4.svg);
    background-size: 100% 100%;
    }

    .frame .vector-5 {
    position: absolute;
    width: 90.96%;
    height: 94.49%;
    top: 5.51%;
    left: 9.04%;
    }

    .frame .vector-6 {
    position: absolute;
    width: 69.98%;
    height: 60.78%;
    top: 39.22%;
    left: 30.02%;
    }

    .frame .text-wrapper-29 {
    margin-left: 104.5px;
    width: 91px;
    height: 60px;
    font-family: "Shippori Mincho B1-Regular", Helvetica;
    font-weight: 400;
    color: #62584b;
    font-size: 30px;
    text-align: center;
    letter-spacing: 0.30px;
    line-height: 60px;
    white-space: nowrap;
    }

    .frame .text-wrapper-30 {
    margin-left: 28px;
    width: 244px;
    height: 48px;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #62584b;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1.60px;
    line-height: 24px;
    }

    .frame .div-39 {
    position: relative;
    width: 896px;
    height: 440px;
    }

    .frame .image-10 {
    position: absolute;
    top: 0;
    left: 0;
    width: 440px;
    height: 440px;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .image-11 {
    position: absolute;
    top: 0;
    left: 456px;
    width: 440px;
    height: 440px;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .text-wrapper-31 {
    position: absolute;
    top: 2049px;
    left: -118px;
    transform: rotate(90.00deg);
    font-family: "Playfair Display-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 200px;
    text-align: center;
    letter-spacing: 2.00px;
    line-height: 400px;
    white-space: nowrap;
    }

    .frame .div-40 {
    height: 2274px;
    align-items: flex-start;
    background-color: #ebe5dd;
    display: flex;
    justify-content: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    }

    .frame .image-12 {
    position: absolute;
    top: 116px;
    left: 397px;
    width: 1523px;
    height: 2041px;
    aspect-ratio: 0.84;
    }

    .frame .text-wrapper-32 {
    position: absolute;
    top: 1543px;
    left: -232px;
    transform: rotate(90.00deg);
    font-family: "Playfair Display-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 200px;
    text-align: center;
    letter-spacing: 2.00px;
    line-height: 400px;
    white-space: nowrap;
    }

    .frame .div-41 {
    display: flex;
    flex-direction: column;
    width: 896px;
    height: 2022px;
    align-items: center;
    gap: 65px;
    padding: 200px 0px;
    position: relative;
    }

    .frame .div-42 {
    display: flex;
    width: 800px;
    gap: 56px;
    position: relative;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    }

    .frame .image-wrapper {
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .image-13 {
    position: absolute;
    top: 10px;
    left: 166px;
    width: 564px;
    height: 379px;
    aspect-ratio: 1.49;
    object-fit: cover;
    }

    .frame .rectangle-2 {
    position: absolute;
    top: 1154px;
    left: 0;
    width: 442px;
    height: 292px;
    background-color: #d9d9d9;
    }

    .frame .rectangle-3 {
    position: absolute;
    top: 1459px;
    left: 0;
    width: 442px;
    height: 292px;
    background-color: #d9d9d9;
    }

    .frame .rectangle-4 {
    position: absolute;
    top: 1154px;
    left: 454px;
    width: 442px;
    height: 292px;
    background-color: #d9d9d9;
    }

    .frame .rectangle-5 {
    position: absolute;
    top: 1459px;
    left: 454px;
    width: 442px;
    height: 292px;
    background-color: #d9d9d9;
    }

    .frame .group {
    position: absolute;
    top: 1170px;
    left: 0;
    width: 100px;
    height: 32px;
    }

    .frame .rectangle-6 {
    position: absolute;
    top: 6px;
    left: 0;
    width: 98px;
    height: 24px;
    background-color: #ffffff;
    }

    .frame .text-wrapper-33 {
    position: absolute;
    top: 0;
    left: 14px;
    font-family: "Playfair Display-Regular", Helvetica;
    font-weight: 400;
    color: #62584b;
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 32px;
    white-space: nowrap;
    }

    .frame .group-2 {
    position: absolute;
    top: 1475px;
    left: 0;
    width: 100px;
    height: 32px;
    }

    .frame .group-3 {
    position: absolute;
    top: 1170px;
    left: 454px;
    width: 100px;
    height: 32px;
    }

    .frame .group-4 {
    position: absolute;
    top: 1475px;
    left: 454px;
    width: 100px;
    height: 32px;
    }

    .frame .group-5 {
    position: absolute;
    width: 8.37%;
    height: 0;
    top: 53.02%;
    left: 45.81%;
    }

    .frame .vector-7 {
    position: absolute;
    width: 100.34%;
    height: 67.97%;
    top: 32.03%;
    left: 0;
    }

    .frame .vector-8 {
    position: absolute;
    width: 100.34%;
    height: 101.31%;
    top: 0;
    left: 0;
    }

    .frame .logo-wht {
    position: absolute;
    top: -136px;
    left: calc(50.00% - 730px);
    width: 1461px;
    height: 301px;
    }

    .frame .image-14 {
    position: absolute;
    top: 56px;
    left: 1518px;
    width: 70px;
    height: 70px;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .image-15 {
    position: absolute;
    top: 529px;
    left: 0;
    width: 879px;
    height: 665px;
    aspect-ratio: 1.67;
    object-fit: cover;
    }

    .frame .div-43 {
    display: flex;
    flex-direction: column;
    width: 172px;
    align-items: flex-end;
    position: fixed;
    top: 976px;
    left: 1673px;
    }

    .frame .vector-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    position: relative;
    flex: 0 0 auto;
    margin-top: -1.00px;
    margin-right: -1.00px;
    background-color: var(--white);
    border: 0.5px solid;
    border-color: var(--t-zd-UZJ);
    }

    .frame .vector-9 {
    position: relative;
    width: 25px;
    height: 26.43px;
    margin-top: -1.43px;
    margin-left: -1.00px;
    }

    .frame .div-wrapper-2 {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 0px 24px;
    flex: 0 0 auto;
    margin-bottom: -1.00px;
    margin-left: -1.00px;
    margin-right: -1.00px;
    background-color: var(--white);
    border: 0.5px solid;
    border-color: var(--t-zd-UZJ);
    display: flex;
    justify-content: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    }

    .frame .text-wrapper-34 {
    position: relative;
    width: fit-content;
    margin-top: -0.25px;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: var(--t-zd-UZJ);
    font-size: 12px;
    letter-spacing: 1.20px;
    line-height: 24px;
    white-space: nowrap;
    }

    .frame .div-44 {
    display: flex;
    flex-direction: column;
    width: 361px;
    align-items: flex-start;
    position: fixed;
    top: 72px;
    left: calc(50.00% - 885px);
    }

    .frame .logo-wrapper {
    display: flex;
    flex-direction: column;
    width: 252px;
    height: 73px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    margin-top: -1.00px;
    margin-left: -1.00px;
    background-color: #ffffff;
    border: 0.5px solid;
    border-color: var(--t-zd-UZJ);
    }

    .frame .div-wrapper-3 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 24px;
    position: relative;
    flex: 0 0 auto;
    margin-left: -1.00px;
    background-color: var(--white);
    border: 0.5px solid;
    border-color: var(--t-zd-UZJ);
    }

    .frame .text-wrapper-35 {
    position: relative;
    width: fit-content;
    margin-top: -0.25px;
    font-family: var(--text-en-pc-font-family);
    font-weight: var(--text-en-pc-font-weight);
    color: var(--t-zd-UZJ);
    font-size: var(--text-en-pc-font-size);
    letter-spacing: var(--text-en-pc-letter-spacing);
    line-height: var(--text-en-pc-line-height);
    white-space: nowrap;
    font-style: var(--text-en-pc-font-style);
    }

    .frame .TOP {
    position: relative;
    width: fit-content;
    margin-top: -0.25px;
    font-family: var(--menu-jp-font-family);
    font-weight: var(--menu-jp-font-weight);
    color: var(--t-zd-UZJ);
    font-size: var(--menu-jp-font-size);
    letter-spacing: var(--menu-jp-letter-spacing);
    line-height: var(--menu-jp-line-height);
    white-space: nowrap;
    font-style: var(--menu-jp-font-style);
    }

    .frame .TOP-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 24px;
    position: relative;
    flex: 0 0 auto;
    margin-bottom: -1.00px;
    margin-left: -1.00px;
    background-color: var(--white);
    border: 0.5px solid;
    border-color: var(--t-zd-UZJ);
    }
    /* Original style.css content injected here */

    .frame {
    background-color: var(--base);
    overflow: hidden;
    width: 100%;
    min-width: 1920px;
    min-height: 14264px;
    position: relative;
    }

    .frame .BIJOUXPASS {
    position: absolute;
    top: 1974px;
    left: 0;
    width: 1920px;
    height: 457px;
    aspect-ratio: 4.2;
    object-fit: cover;
    }

    .frame .image {
    top: 178px;
    left: -8945px;
    width: 762px;
    height: 915px;
    aspect-ratio: 0.83;
    position: absolute;
    object-fit: cover;
    }

    .frame .ellipse {
    position: absolute;
    top: 5781px;
    left: calc(50.00% - 10496px);
    width: 10px;
    height: 1px;
    }

    .frame .BIJOUXPASS-bg {
    position: absolute;
    top: 0;
    left: calc(50.00% - 960px);
    width: 1920px;
    height: 940px;
    object-fit: cover;
    }

    .frame .div {
    display: flex;
    flex-direction: column;
    width: 980px;
    align-items: center;
    gap: 80px;
    position: absolute;
    top: 10965px;
    left: calc(50.00% - 490px);
    }

    .frame .div-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .text-wrapper {
    position: relative;
    align-self: stretch;
    margin-top: -1.00px;
    font-family: var(--top-title-en-pc-font-family);
    font-weight: var(--top-title-en-pc-font-weight);
    color: var(--text);
    font-size: var(--top-title-en-pc-font-size);
    text-align: center;
    letter-spacing: var(--top-title-en-pc-letter-spacing);
    line-height: var(--top-title-en-pc-line-height);
    font-style: var(--top-title-en-pc-font-style);
    }

    .frame .text-wrapper-2 {
    position: relative;
    align-self: stretch;
    font-family: var(--title-ja-pc-font-family);
    font-weight: var(--title-ja-pc-font-weight);
    color: var(--text);
    font-size: var(--title-ja-pc-font-size);
    text-align: center;
    letter-spacing: var(--title-ja-pc-letter-spacing);
    line-height: var(--title-ja-pc-line-height);
    font-style: var(--title-ja-pc-font-style);
    }

    .frame .div-3 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    padding: 120px 40px;
    position: relative;
    flex: 0 0 auto;
    margin-left: -40.00px;
    margin-right: -40.00px;
    background-color: #fbf7f2;
    border-radius: 16px;
    box-shadow: 0px 10px 15px #0000001a, 0px 4px 6px #0000001a;
    }

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

    .frame .div-5 {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .div-6 {
    display: flex;
    flex-direction: column;
    width: 300px;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 40px 32px;
    position: relative;
    background-color: var(--white);
    border-radius: 16px;
    }

    .frame .img {
    position: relative;
    flex: 0 0 auto;
    margin-top: -3.00px;
    }

    .frame .div-7 {
    gap: 12px;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    }

    .frame .text-wrapper-3 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    margin-left: -4.50px;
    margin-right: -4.50px;
    font-family: var(--title-ja-pc-font-family);
    font-weight: var(--title-ja-pc-font-weight);
    color: var(--text);
    font-size: var(--title-ja-pc-font-size);
    letter-spacing: var(--title-ja-pc-letter-spacing);
    line-height: var(--title-ja-pc-line-height);
    white-space: nowrap;
    font-style: var(--title-ja-pc-font-style);
    }

    .frame .text-wrapper-4 {
    position: relative;
    align-self: stretch;
    font-family: "Noto Sans JP-DemiLight", Helvetica;
    font-weight: 300;
    color: var(--text);
    font-size: 16px;
    letter-spacing: 1.60px;
    line-height: 25.6px;
    }

    .frame .div-8 {
    width: 300px;
    justify-content: center;
    gap: 16px;
    padding: 40px 32px;
    background-color: var(--white);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    }

    .frame .img-2 {
    position: relative;
    width: 234px;
    height: 238px;
    }

    .frame .div-9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .div-10 {
    display: flex;
    flex-direction: column;
    width: 300px;
    align-items: center;
    gap: 16px;
    padding: 40px 32px;
    position: relative;
    align-self: stretch;
    background-color: var(--white);
    border-radius: 16px;
    }

    .frame .text-wrapper-5 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: var(--title-ja-pc-font-family);
    font-weight: var(--title-ja-pc-font-weight);
    color: var(--text);
    font-size: var(--title-ja-pc-font-size);
    letter-spacing: var(--title-ja-pc-letter-spacing);
    line-height: var(--title-ja-pc-line-height);
    white-space: nowrap;
    font-style: var(--title-ja-pc-font-style);
    }

    .frame .FAQ {
    position: relative;
    align-self: stretch;
    font-family: "Noto Sans JP-Light", Helvetica;
    font-weight: 400;
    color: #75644c;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1.60px;
    line-height: 32px;
    }

    .frame .span {
    font-weight: var(--text-pc-font-weight);
    letter-spacing: var(--text-pc-letter-spacing);
    font-family: var(--text-pc-font-family);
    font-style: var(--text-pc-font-style);
    line-height: var(--text-pc-line-height);
    font-size: var(--text-pc-font-size);
    }

    .frame .text-wrapper-6 {
    font-family: "Poppins-Regular", Helvetica;
    letter-spacing: 0.26px;
    text-decoration: underline;
    }

    .frame .text-wrapper-7 {
    font-weight: var(--text-pc-font-weight);
    letter-spacing: var(--text-pc-letter-spacing);
    text-decoration: underline;
    font-family: var(--text-pc-font-family);
    font-style: var(--text-pc-font-style);
    line-height: var(--text-pc-line-height);
    font-size: var(--text-pc-font-size);
    }

    .frame .div-11 {
    display: inline-flex;
    align-items: flex-start;
    gap: 80px;
    position: relative;
    flex: 0 0 auto;
    }

    .frame .div-12 {
    display: flex;
    width: 300px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    position: relative;
    border-radius: 30px;
    }

    .frame .text-wrapper-8 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Shippori Mincho-Regular", Helvetica;
    font-weight: 400;
    color: var(--text);
    font-size: 18px;
    letter-spacing: 1.80px;
    line-height: 36px;
    white-space: nowrap;
    }

    .frame .button {
    position: absolute;
    top: calc(50.00% - 28px);
    left: calc(50.00% - 150px);
    width: 300px;
    height: 56px;
    }

    .frame .button-2 {
    position: absolute;
    top: calc(50.00% - 30px);
    left: calc(50.00% - 150px);
    width: 300px;
    height: 60px;
    }

    .frame .div-13 {
    position: absolute;
    top: 8832px;
    left: calc(50.00% - 712px);
    width: 1424px;
    height: 1975px;
    }

    .frame .rectangle {
    position: absolute;
    top: 811px;
    left: calc(50.00% - 553px);
    width: 1168px;
    height: 1164px;
    object-fit: cover;
    }

    .frame .div-14 {
    display: flex;
    flex-direction: column;
    width: 1139px;
    align-items: flex-start;
    gap: 10px;
    padding: 80px 0px 0px;
    position: absolute;
    top: 266px;
    left: calc(50.00% - 538px);
    }

    .frame .frame-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    }

    .frame .div-15 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    padding: 80px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    border: 2px solid;
    border-color: transparent;
    border-image: linear-gradient(
        234deg,
        rgba(250, 183, 0, 1) 0%,
        rgba(255, 246, 221, 1) 49%,
        rgba(250, 183, 0, 1) 100%
        )
        1;
    background-image: url(./img/frame-29.png);
    background-size: cover;
    background-position: 50% 50%;
    }

    .frame .div-16 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .LINE {
    position: relative;
    width: 701px;
    font-family: "Noto Sans JP-Light", Helvetica;
    font-weight: 400;
    color: var(--text);
    font-size: 16px;
    letter-spacing: 1.60px;
    line-height: 32px;
    }

    .frame .text-wrapper-9 {
    font-weight: 300;
    letter-spacing: 0.26px;
    }

    .frame .text-wrapper-10 {
    font-family: "Poppins-Regular", Helvetica;
    letter-spacing: 0.26px;
    }

    .frame .div-17 {
    display: inline-flex;
    align-items: flex-start;
    gap: 56px;
    position: relative;
    flex: 0 0 auto;
    }

    .frame .firefly-gemini-flash {
    position: absolute;
    top: 9px;
    left: 965px;
    width: 285px;
    height: 161px;
    aspect-ratio: 1.79;
    object-fit: cover;
    }

    .frame .div-18 {
    position: absolute;
    top: 1391px;
    left: calc(50.00% - 548px);
    width: 1156px;
    height: 584px;
    box-shadow: 0px 4px 4px #00000040;
    background-image: url(./img/union.png);
    background-size: cover;
    background-position: 50% 50%;
    }

    .frame .image-2 {
    width: 54.28%;
    top: 1645px;
    left: 45.72%;
    height: 181px;
    aspect-ratio: 1.01;
    position: absolute;
    object-fit: cover;
    }

    .frame .div-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    position: absolute;
    top: 12324px;
    left: calc(50.00% - 479px);
    }

    .frame .frame-wrapper-2 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    padding: 40px 0px 0px;
    position: relative;
    flex: 0 0 auto;
    }

    .frame .div-19 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 56px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

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

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

    .frame .div-22 {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    position: relative;
    flex: 0 0 auto;
    }

    .frame .person {
    position: relative;
    width: 100px;
    height: 100px;
    }

    .frame .text-wrapper-11 {
    width: fit-content;
    white-space: nowrap;
    position: relative;
    font-family: var(--text-pc-font-family);
    font-weight: var(--text-pc-font-weight);
    color: var(--text);
    font-size: var(--text-pc-font-size);
    letter-spacing: var(--text-pc-letter-spacing);
    line-height: var(--text-pc-line-height);
    font-style: var(--text-pc-font-style);
    }

    .frame .text-wrapper-12 {
    width: 959px;
    position: relative;
    font-family: var(--text-pc-font-family);
    font-weight: var(--text-pc-font-weight);
    color: var(--text);
    font-size: var(--text-pc-font-size);
    letter-spacing: var(--text-pc-letter-spacing);
    line-height: var(--text-pc-line-height);
    font-style: var(--text-pc-font-style);
    }

    .frame .div-23 {
    display: flex;
    flex-direction: column;
    width: 1400px;
    align-items: center;
    gap: 65px;
    position: absolute;
    top: 13952px;
    left: calc(50.00% - 700px);
    }

    .frame .div-24 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 39px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .div-25 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .logo {
    position: relative;
    width: 222.73px;
    height: 48.82px;
    }

    .frame .div-26 {
    display: inline-flex;
    align-items: center;
    gap: 40px;
    position: relative;
    flex: 0 0 auto;
    }

    .frame .text-wrapper-13 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: var(--text-en-pc-font-family);
    font-weight: var(--text-en-pc-font-weight);
    color: var(--text);
    font-size: var(--text-en-pc-font-size);
    letter-spacing: var(--text-en-pc-letter-spacing);
    line-height: var(--text-en-pc-line-height);
    white-space: nowrap;
    font-style: var(--text-en-pc-font-style);
    }

    .frame .text-wrapper-14 {
    font-size: var(--text-pc-font-size);
    letter-spacing: var(--text-pc-letter-spacing);
    line-height: var(--text-pc-line-height);
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: var(--text-pc-font-family);
    font-weight: var(--text-pc-font-weight);
    color: var(--text);
    white-space: nowrap;
    font-style: var(--text-pc-font-style);
    }

    .frame .vector {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    object-fit: cover;
    }

    .frame .div-27 {
    display: inline-flex;
    align-items: flex-start;
    gap: 39px;
    position: relative;
    flex: 0 0 auto;
    }

    .frame .text-wrapper-15 {
    font-size: 14px;
    text-align: center;
    letter-spacing: 1.40px;
    line-height: 28px;
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP-DemiLight", Helvetica;
    font-weight: 300;
    color: var(--text);
    white-space: nowrap;
    }

    .frame .text-wrapper-16 {
    position: relative;
    align-self: stretch;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: var(--text);
    font-size: 12px;
    text-align: center;
    letter-spacing: 1.20px;
    line-height: 24px;
    }

    .frame .div-28 {
    display: flex;
    flex-direction: column;
    width: 963px;
    height: 500px;
    align-items: center;
    gap: 100px;
    position: absolute;
    top: 1207px;
    left: 478px;
    }

    .frame .image-3 {
    position: absolute;
    top: -27px;
    left: calc(50.00% - 62px);
    width: 126px;
    height: 126px;
    }

    .frame .text-wrapper-17 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Shippori Mincho B1-Regular", Helvetica;
    font-weight: 400;
    color: var(--text);
    font-size: 36px;
    letter-spacing: 5.40px;
    line-height: 72px;
    white-space: nowrap;
    }

    .frame .BIJOUXPASS-BIJOUX {
    position: relative;
    width: 921px;
    text-shadow: 0px 4px 4px #fdfcf9;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: var(--text);
    font-size: 16px;
    letter-spacing: 1.60px;
    line-height: 32px;
    }

    .frame .text-wrapper-18 {
    letter-spacing: 0.26px;
    }

    .frame .text-wrapper-19 {
    font-family: "Noto Sans JP-Light", Helvetica;
    font-weight: 300;
    letter-spacing: 0.26px;
    }

    .frame .image-4 {
    position: absolute;
    top: 0;
    left: 1197px;
    width: 372px;
    height: 391px;
    aspect-ratio: 0.87;
    object-fit: cover;
    }

    .frame .element {
    position: absolute;
    top: 327px;
    left: calc(50.00% - 352px);
    width: 703px;
    height: 154px;
    aspect-ratio: 4.56;
    }

    .frame .text-wrapper-20 {
    position: absolute;
    top: 532px;
    left: calc(50.00% - 257px);
    font-family: "Shippori Mincho B1-SemiBold", Helvetica;
    font-weight: 600;
    color: var(--white);
    font-size: 24px;
    text-align: center;
    letter-spacing: 4.80px;
    line-height: 48px;
    }

    .frame .div-29 {
    display: flex;
    flex-direction: column;
    width: 1920px;
    align-items: flex-start;
    position: absolute;
    top: 2431px;
    left: 0;
    }

    .frame .div-30 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1440px;
    background-color: #ebe5dc;
    }

    .frame .text-wrapper-21 {
    position: absolute;
    top: 864px;
    left: -157px;
    transform: rotate(90.00deg);
    font-family: "Playfair Display-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 200px;
    text-align: center;
    letter-spacing: 2.00px;
    line-height: 400px;
    white-space: nowrap;
    }

    .frame .div-31 {
    display: flex;
    width: 800px;
    gap: 56px;
    padding: 200px 0px;
    position: absolute;
    top: 122px;
    left: 560px;
    flex-direction: column;
    align-items: center;
    }

    .frame .div-32 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .hello-we-are {
    position: relative;
    align-self: stretch;
    margin-top: -1.00px;
    font-family: "Playfair Display-Regular", Helvetica;
    font-weight: 400;
    color: var(--text);
    font-size: 64px;
    text-align: center;
    letter-spacing: 0.64px;
    line-height: 76.8px;
    }

    .frame .text-wrapper-22 {
    position: relative;
    align-self: stretch;
    font-family: var(--text-pc-font-family);
    font-weight: var(--text-pc-font-weight);
    color: var(--text);
    font-size: var(--text-pc-font-size);
    letter-spacing: var(--text-pc-letter-spacing);
    line-height: var(--text-pc-line-height);
    font-style: var(--text-pc-font-style);
    }

    .frame .image-5 {
    width: 74.17%;
    top: 939px;
    left: 25.83%;
    height: 26px;
    position: absolute;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .image-6 {
    width: 25.78%;
    top: 720px;
    left: 74.22%;
    height: 36px;
    position: absolute;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .image-7 {
    width: 80.94%;
    top: 1282px;
    left: 19.06%;
    height: 44px;
    position: absolute;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .image-8 {
    width: 76.56%;
    top: 206px;
    left: 23.44%;
    height: 59px;
    position: absolute;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .image-9 {
    width: 20.73%;
    top: 1064px;
    left: 79.27%;
    height: 80px;
    position: absolute;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .div-33 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 2687px;
    background: linear-gradient(
        58deg,
        rgba(239, 241, 246, 1) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    }

    .frame .vector-2 {
    position: absolute;
    top: 944px;
    left: 177px;
    width: 1743px;
    height: 1743px;
    }

    .frame .div-34 {
    display: inline-flex;
    gap: 128px;
    padding: 120px 0px;
    position: absolute;
    top: 151px;
    left: calc(50.00% - 492px);
    flex-direction: column;
    align-items: center;
    }

    .frame .div-35 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .AI {
    position: relative;
    width: 800px;
    font-family: var(--text-pc-font-family);
    font-weight: var(--text-pc-font-weight);
    color: var(--text);
    font-size: var(--text-pc-font-size);
    letter-spacing: var(--text-pc-letter-spacing);
    line-height: var(--text-pc-line-height);
    font-style: var(--text-pc-font-style);
    }

    .frame .div-36 {
    display: inline-flex;
    align-items: center;
    gap: 42px;
    position: relative;
    flex: 0 0 auto;
    }

    .frame .frame-wrapper-3 {
    position: relative;
    width: 300px;
    height: 300px;
    }

    .frame .div-37 {
    position: relative;
    height: 300px;
    border-radius: 150px;
    border: 1px solid;
    border-color: var(--gold-01);
    aspect-ratio: 1;
    }

    .frame .text-wrapper-23 {
    position: absolute;
    top: 93px;
    left: 104px;
    font-family: "Shippori Mincho B1-Regular", Helvetica;
    font-weight: 400;
    color: #62584b;
    font-size: 30px;
    text-align: center;
    letter-spacing: 0.30px;
    line-height: 60px;
    white-space: nowrap;
    }

    .frame .text-wrapper-24 {
    position: absolute;
    top: 158px;
    left: 44px;
    width: 212px;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #62584b;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1.60px;
    line-height: 24px;
    }

    .frame .element-2 {
    position: absolute;
    top: calc(50.00% - 110px);
    left: calc(50.00% - 22px);
    width: 43px;
    height: 40px;
    }

    .frame .text-wrapper-25 {
    position: absolute;
    top: 93px;
    left: 44px;
    font-family: "Shippori Mincho B1-Regular", Helvetica;
    font-weight: 400;
    color: #62584b;
    font-size: 30px;
    text-align: center;
    letter-spacing: 0.30px;
    line-height: 60px;
    white-space: nowrap;
    }

    .frame .p {
    position: absolute;
    top: 158px;
    left: 44px;
    width: 212px;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #62584b;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1.60px;
    line-height: 16px;
    }

    .frame .text-wrapper-26 {
    letter-spacing: 0.26px;
    line-height: 24px;
    }

    .frame .text-wrapper-27 {
    font-size: 12px;
    letter-spacing: 0.14px;
    line-height: 24px;
    }

    .frame .text-wrapper-28 {
    font-size: 12px;
    letter-spacing: 0.14px;
    line-height: 18px;
    }

    .frame .view-wrapper {
    position: absolute;
    width: 12.32%;
    height: 18.12%;
    top: 11.13%;
    left: 45.75%;
    display: flex;
    transform: rotate(42.05deg);
    }

    .frame .view {
    flex: 1;
    width: 36.96px;
    position: relative;
    }

    .frame .vector-3 {
    position: absolute;
    width: 115.69%;
    height: 96.86%;
    top: 3.14%;
    left: -15.69%;
    }

    .frame .vector-4 {
    position: absolute;
    width: 106.13%;
    height: 65.79%;
    top: 34.21%;
    left: -6.13%;
    }

    .frame .div-38 {
    height: 300px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-radius: 150px;
    border: 1px solid;
    border-color: var(--gold-01);
    aspect-ratio: 1;
    }

    .frame .element-3 {
    margin-left: 1px;
    height: 55px;
    width: 35px;
    align-self: center;
    position: relative;
    margin-top: 33px;
    background-image: url(./img/vector-4.svg);
    background-size: 100% 100%;
    }

    .frame .vector-5 {
    position: absolute;
    width: 90.96%;
    height: 94.49%;
    top: 5.51%;
    left: 9.04%;
    }

    .frame .vector-6 {
    position: absolute;
    width: 69.98%;
    height: 60.78%;
    top: 39.22%;
    left: 30.02%;
    }

    .frame .text-wrapper-29 {
    margin-left: 104.5px;
    width: 91px;
    height: 60px;
    font-family: "Shippori Mincho B1-Regular", Helvetica;
    font-weight: 400;
    color: #62584b;
    font-size: 30px;
    text-align: center;
    letter-spacing: 0.30px;
    line-height: 60px;
    white-space: nowrap;
    }

    .frame .text-wrapper-30 {
    margin-left: 28px;
    width: 244px;
    height: 48px;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #62584b;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1.60px;
    line-height: 24px;
    }

    .frame .div-39 {
    position: relative;
    width: 896px;
    height: 440px;
    }

    .frame .image-10 {
    position: absolute;
    top: 0;
    left: 0;
    width: 440px;
    height: 440px;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .image-11 {
    position: absolute;
    top: 0;
    left: 456px;
    width: 440px;
    height: 440px;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .text-wrapper-31 {
    position: absolute;
    top: 2049px;
    left: -118px;
    transform: rotate(90.00deg);
    font-family: "Playfair Display-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 200px;
    text-align: center;
    letter-spacing: 2.00px;
    line-height: 400px;
    white-space: nowrap;
    }

    .frame .div-40 {
    height: 2274px;
    align-items: flex-start;
    background-color: #ebe5dd;
    display: flex;
    justify-content: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    }

    .frame .image-12 {
    position: absolute;
    top: 116px;
    left: 397px;
    width: 1523px;
    height: 2041px;
    aspect-ratio: 0.84;
    }

    .frame .text-wrapper-32 {
    position: absolute;
    top: 1543px;
    left: -232px;
    transform: rotate(90.00deg);
    font-family: "Playfair Display-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 200px;
    text-align: center;
    letter-spacing: 2.00px;
    line-height: 400px;
    white-space: nowrap;
    }

    .frame .div-41 {
    display: flex;
    flex-direction: column;
    width: 896px;
    height: 2022px;
    align-items: center;
    gap: 65px;
    padding: 200px 0px;
    position: relative;
    }

    .frame .div-42 {
    display: flex;
    width: 800px;
    gap: 56px;
    position: relative;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    }

    .frame .image-wrapper {
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    }

    .frame .image-13 {
    position: absolute;
    top: 10px;
    left: 166px;
    width: 564px;
    height: 379px;
    aspect-ratio: 1.49;
    object-fit: cover;
    }

    .frame .rectangle-2 {
    position: absolute;
    top: 1154px;
    left: 0;
    width: 442px;
    height: 292px;
    background-color: #d9d9d9;
    }

    .frame .rectangle-3 {
    position: absolute;
    top: 1459px;
    left: 0;
    width: 442px;
    height: 292px;
    background-color: #d9d9d9;
    }

    .frame .rectangle-4 {
    position: absolute;
    top: 1154px;
    left: 454px;
    width: 442px;
    height: 292px;
    background-color: #d9d9d9;
    }

    .frame .rectangle-5 {
    position: absolute;
    top: 1459px;
    left: 454px;
    width: 442px;
    height: 292px;
    background-color: #d9d9d9;
    }

    .frame .group {
    position: absolute;
    top: 1170px;
    left: 0;
    width: 100px;
    height: 32px;
    }

    .frame .rectangle-6 {
    position: absolute;
    top: 6px;
    left: 0;
    width: 98px;
    height: 24px;
    background-color: #ffffff;
    }

    .frame .text-wrapper-33 {
    position: absolute;
    top: 0;
    left: 14px;
    font-family: "Playfair Display-Regular", Helvetica;
    font-weight: 400;
    color: #62584b;
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 32px;
    white-space: nowrap;
    }

    .frame .group-2 {
    position: absolute;
    top: 1475px;
    left: 0;
    width: 100px;
    height: 32px;
    }

    .frame .group-3 {
    position: absolute;
    top: 1170px;
    left: 454px;
    width: 100px;
    height: 32px;
    }

    .frame .group-4 {
    position: absolute;
    top: 1475px;
    left: 454px;
    width: 100px;
    height: 32px;
    }

    .frame .group-5 {
    position: absolute;
    width: 8.37%;
    height: 0;
    top: 53.02%;
    left: 45.81%;
    }

    .frame .vector-7 {
    position: absolute;
    width: 100.34%;
    height: 67.97%;
    top: 32.03%;
    left: 0;
    }

    .frame .vector-8 {
    position: absolute;
    width: 100.34%;
    height: 101.31%;
    top: 0;
    left: 0;
    }

    .frame .logo-wht {
    position: absolute;
    top: -136px;
    left: calc(50.00% - 730px);
    width: 1461px;
    height: 301px;
    }

    .frame .image-14 {
    position: absolute;
    top: 56px;
    left: 1518px;
    width: 70px;
    height: 70px;
    aspect-ratio: 1;
    object-fit: cover;
    }

    .frame .image-15 {
    position: absolute;
    top: 529px;
    left: 0;
    width: 879px;
    height: 665px;
    aspect-ratio: 1.67;
    object-fit: cover;
    }

    .frame .div-43 {
    display: flex;
    flex-direction: column;
    width: 172px;
    align-items: flex-end;
    position: fixed;
    top: 976px;
    left: 1673px;
    }

    .frame .vector-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    position: relative;
    flex: 0 0 auto;
    margin-top: -1.00px;
    margin-right: -1.00px;
    background-color: var(--white);
    border: 0.5px solid;
    border-color: var(--t-zd-UZJ);
    }

    .frame .vector-9 {
    position: relative;
    width: 25px;
    height: 26.43px;
    margin-top: -1.43px;
    margin-left: -1.00px;
    }

    .frame .div-wrapper-2 {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 0px 24px;
    flex: 0 0 auto;
    margin-bottom: -1.00px;
    margin-left: -1.00px;
    margin-right: -1.00px;
    background-color: var(--white);
    border: 0.5px solid;
    border-color: var(--t-zd-UZJ);
    display: flex;
    justify-content: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    }

    .frame .text-wrapper-34 {
    position: relative;
    width: fit-content;
    margin-top: -0.25px;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: var(--t-zd-UZJ);
    font-size: 12px;
    letter-spacing: 1.20px;
    line-height: 24px;
    white-space: nowrap;
    }

    .frame .div-44 {
    display: flex;
    flex-direction: column;
    width: 361px;
    align-items: flex-start;
    position: fixed;
    top: 72px;
    left: calc(50.00% - 885px);
    }

    .frame .logo-wrapper {
    display: flex;
    flex-direction: column;
    width: 252px;
    height: 73px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    margin-top: -1.00px;
    margin-left: -1.00px;
    background-color: #ffffff;
    border: 0.5px solid;
    border-color: var(--t-zd-UZJ);
    }

    .frame .div-wrapper-3 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 24px;
    position: relative;
    flex: 0 0 auto;
    margin-left: -1.00px;
    background-color: var(--white);
    border: 0.5px solid;
    border-color: var(--t-zd-UZJ);
    }

    .frame .text-wrapper-35 {
    position: relative;
    width: fit-content;
    margin-top: -0.25px;
    font-family: var(--text-en-pc-font-family);
    font-weight: var(--text-en-pc-font-weight);
    color: var(--t-zd-UZJ);
    font-size: var(--text-en-pc-font-size);
    letter-spacing: var(--text-en-pc-letter-spacing);
    line-height: var(--text-en-pc-line-height);
    white-space: nowrap;
    font-style: var(--text-en-pc-font-style);
    }

    .frame .TOP {
    position: relative;
    width: fit-content;
    margin-top: -0.25px;
    font-family: var(--menu-jp-font-family);
    font-weight: var(--menu-jp-font-weight);
    color: var(--t-zd-UZJ);
    font-size: var(--menu-jp-font-size);
    letter-spacing: var(--menu-jp-letter-spacing);
    line-height: var(--menu-jp-line-height);
    white-space: nowrap;
    font-style: var(--menu-jp-font-style);
    }

    .frame .TOP-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 24px;
    position: relative;
    flex: 0 0 auto;
    margin-bottom: -1.00px;
    margin-left: -1.00px;
    background-color: var(--white);
    border: 0.5px solid;
    border-color: var(--t-zd-UZJ);
    }