/* screen - index */

.index {
  align-items: center;
  background-image: url(../img/back-paper2-1.png);
  background-size: 100% 100%;
  border: 1px none;
  display: flex;
  flex-direction: column;
  min-height: 2000px;
  overflow-x: hidden;
  padding: 16.6px 0;
  width: 1200px;
}

.index .frame-container {
  height: 305px;
  margin-top: 19px;
  position: relative;
  width: 1050px;
}

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

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

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

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

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

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

.index .frame-24 {
  background-image: url(../img/toprribbon-1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 269px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1050px;
}

.index .frame-container-1 {
  align-self: flex-start;
  height: 666px;
  margin-left: -6px;
  margin-top: 39px;
  position: relative;
  width: 1200px;
}

.index .frame-5::-webkit-scrollbar {
  display: none;
  width: 0;
}

.index .frame-5 {
  background-image: url(../img/fire001-01-1.gif);
  background-position: 50% 50%;
  background-size: cover;
  height: 300px;
  left: 452px;
  overflow-y: scroll;
  position: absolute;
  top: 366px;
  width: 300px;
}

.index .frame-33 {
  align-items: flex-end;
  display: flex;
  height: 424px;
  left: 0;
  padding: 1px 68px;
  position: absolute;
  top: 0;
  width: 1200px;
}

.index .frame-2::-webkit-scrollbar {
  display: none;
  width: 0;
}

.index .frame-2 {
  background-image: url(../img/top04-1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 410px;
  margin-left: 14px;
  overflow-y: scroll;
  width: 1050px;
}

.index .frame-35 {
  background-image: url(../img/vomtagesuber-1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 193px;
  margin-right: 1.0px;
  margin-top: 79px;
  mix-blend-mode: multiply;
  width: 1133px;
}

.index .group-19 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  margin-right: 5.66px;
  margin-top: 41px;
  min-width: 1162px;
  padding: 0 0.0px;
}

.index .overlap-group {
  height: 624px;
  position: relative;
  width: 1162px;
}

.index .mashiro {
  height: 624px;
  left: 427px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 735px;
}

.index .updating-work-1 {
  height: 192px;
  left: 0;
  mix-blend-mode: color-burn;
  object-fit: cover;
  position: absolute;
  top: 64px;
  width: 460px;
}

.index .heart04 {
  height: 218px;
  left: 442px;
  object-fit: cover;
  position: absolute;
  top: 385px;
  width: 229px;
}

.index .instagram-1 {
  cursor: pointer;
  height: 271px;
  left: 150px;
  object-fit: cover;
  position: absolute;
  top: 222px;
  width: 222px;
}