/* screen - works */

.works {
  align-items: flex-start;
  background-color: #ffffff;
  border: 1px none;
  display: flex;
  height: 2000px;
  overflow: hidden;
  width: 1200px;
}

.works .overlap-group2 {
  align-items: flex-end;
  background-image: url(../img/back-90s-back.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  margin-left: -1489px;
  min-height: 2000px;
  width: 2689px;
}

.works .frame-container {
  height: 305px;
  margin-right: 71px;
  margin-top: 36px;
  position: relative;
  width: 1050px;
}

.works .frame-6::-webkit-scrollbar {
  display: none;
  width: 0;
}

.works .frame-6 {
  align-items: flex-end;
  display: flex;
  gap: 25px;
  left: 123px;
  overflow-y: scroll;
  position: absolute;
  top: 267px;
  width: fit-content;
}

.works .top {
  cursor: pointer;
  height: 37px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.works .profile {
  cursor: pointer;
  height: 38px;
  min-width: 223px;
  object-fit: cover;
  position: relative;
}

.works .works-1 {
  cursor: pointer;
  height: 37px;
  min-width: 159px;
  object-fit: cover;
  position: relative;
}

.works .contact {
  cursor: pointer;
  height: 37px;
  min-width: 212px;
  object-fit: cover;
  position: relative;
}

.works .frame-25 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 269px;
  left: 0;
  min-width: 1050px;
  position: absolute;
  top: 0;
}

.works .toprribbon-1 {
  cursor: pointer;
  height: 269px;
  object-fit: cover;
  width: 1050px;
}

.works .group-10 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-right: 191px;
  margin-top: 86px;
  min-height: 906px;
  width: 839px;
}

.works .frame-28 {
  background-image: url(../img/works230-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 51px;
  margin-right: 15.0px;
  width: 230px;
}

.works .frame-container-1 {
  height: 586px;
  margin-left: 29.0px;
  margin-top: 20px;
  position: relative;
  width: 700px;
}

.works .frame-27 {
  align-items: flex-end;
  background-image: url(../img/mas01-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 169px;
  justify-content: flex-end;
  left: 0;
  min-width: 700px;
  mix-blend-mode: multiply;
  padding: 2.4px 0;
  position: absolute;
  top: 417px;
}

.works .sticker_26-1 {
  height: 134px;
  object-fit: cover;
  width: 429px;
}

.works .frame-31 {
  background-image: url(../img/next-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 450px;
  left: 177px;
  position: absolute;
  top: 0;
  width: 333px;
}

.works .frame-29 {
  background-image: url(../img/graphic.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 80px;
  margin-left: 15.0px;
  margin-top: 83px;
  width: 686px;
}

.works .frame-30 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  margin-top: 6px;
  min-width: 839px;
}

.works .picturework {
  cursor: pointer;
  height: 80px;
  object-fit: cover;
  width: 839px;
}

.works .wire06-1 {
  height: 648px;
  margin-top: 19px;
  object-fit: cover;
  width: 1200px;
}