.frame {
  background-color: #ffe4f6;
  overflow-x: hidden;
  width: 100vw;          /* ??????? */
  min-height: 6134px;
  position: relative;
}

/* ??????? */
.frame .IMG {
  position: absolute;
  top: 270px;
  left: 213px;
  width: 1000px;
  height: 1000px;
  aspect-ratio: 1;
  object-fit: cover;
}

.frame .line {
  top: 1579px;
  left: 134px;
  position: absolute;
  width: 1140px;
  height: 1px;
  object-fit: cover;
}

.frame .img {
  top: 2807px;
  left: 134px;
  position: absolute;
  width: 1140px;
  height: 1px;
  object-fit: cover;
}

.frame .line-2 {
  top: 4112px;
  left: 110px;
  position: absolute;
  width: 1140px;
  height: 1px;
  object-fit: cover;
}

/* MORE ???? */
.frame .text-wrapper {
  position: absolute;
  top: 1520px;
  left: 1170px;
  width: 290px;
  font-family: "Iowan Old Style-Roman", Helvetica;
  font-weight: 400;
  color: #bc9b3e;
  font-size: 45px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .div {
  top: 2749px;
  left: 1171px;
  position: absolute;
  width: 290px;
  font-family: "Iowan Old Style-Roman", Helvetica;
  font-weight: 400;
  color: #bc9b3e;
  font-size: 45px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-2 {
  top: 4049px;
  left: 1147px;
  position: absolute;
  width: 290px;
  font-family: "Iowan Old Style-Roman", Helvetica;
  font-weight: 400;
  color: #bc9b3e;
  font-size: 45px;
  letter-spacing: 0;
  line-height: normal;
}

/* ????????? */
.frame .KRISTY {
  position: absolute;
  top: 1475px;
  left: 143px;
  width: 250px;
  height: 95px;
  aspect-ratio: 2.63;
  object-fit: cover;
}

.frame .text-wrapper-3 {
  position: absolute;
  top: 2698px;
  left: 144px;
  width: 480px;
  font-family: "ABeeZee-Regular", Helvetica;
  font-weight: 400;
  color: #8ddffd;
  font-size: 67px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-4 {
  position: absolute;
  top: 3992px;
  left: 120px;
  width: 480px;
  font-family: "Kaisei Tokumin-Regular", Helvetica;
  font-weight: 400;
  color: #3ebc44;
  font-size: 71px;
  letter-spacing: 0;
  line-height: normal;
}

/* ??????? */
.frame .kristy {
  position: absolute;
  top: 1686px;
  left: 94px;
  width: 579px;
  height: 771px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.frame .kristy-2 {
  position: absolute;
  top: 1688px;
  left: 760px;
  width: 577px;
  height: 769px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.frame .paruto {
  position: absolute;
  top: 2935px;
  left: 93px;
  width: 579px;
  height: 772px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.frame .paruto-2 {
  position: absolute;
  top: 2935px;
  left: 760px;
  width: 577px;
  height: 769px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.frame .itokasi {
  position: absolute;
  top: 4246px;
  left: 201px;
  width: 1024px;
  height: 1024px;
  aspect-ratio: 1;
  object-fit: cover;
}

/* ???? */
.frame .kristy-works {
  position: absolute;
  top: 5970px;
  left: calc(50.00% - 665px);
  width: 1330px;
  font-family: "ABeeZee-Regular", Helvetica;
  font-weight: 400;
  color: #a7680b;
  font-size: 45px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

/* ONLINE SHOP ???? */
.frame .text-wrapper-5 {
  position: absolute;
  top: 5560px;
  left: 480px;
  width: 480px;
  font-family: "ABeeZee-Regular", Helvetica;
  font-weight: 400;
  color: #bc9b3e;
  font-size: 67px;
  letter-spacing: 0;
  line-height: normal;
}

/* ????????????????? */
.frame .div-2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;         /* ??????? */
  height: 140px;
  background-color: #d2f9ff;
}

/* ????? */
.frame .rectangle {
  position: absolute;
  top: 0;
  right: 0;            /* left:1300px ? right:0 ??? */
  width: 140px;
  height: 140px;
}

.frame .rectangle-2 {
  position: absolute;
  top: 33px;
  right: 25px;         /* left:1335px ??? right ??? */
  width: 71px;
  height: 7px;
  background-color: #a7680b;
}

.frame .rectangle-3 {
  position: absolute;
  top: 67px;
  right: 25px;
  width: 71px;
  height: 6px;
  background-color: #a7680b;
}

.frame .rectangle-4 {
  position: absolute;
  top: 100px;
  right: 25px;
  width: 71px;
  height: 7px;
  background-color: #a7680b;
}

/* ???????? */
.frame .in {
  position: absolute;
  top: 23px;
  right: 160px;        /* left:1166px ??? right ??? */
  width: 95px;
  height: 95px;
  aspect-ratio: 1;
  object-fit: cover;
}

/* ?? */
.frame .logo {
  position: absolute;
  top: 14px;
  left: 34px;
  width: 466px;
  height: 106px;
  aspect-ratio: 4.38;
  object-fit: cover;
}