/* screen - iphone-8-3 */

.iphone-8-3 {
  align-items: center;
  border: 1px solid;
  border-color: var(--black);
  display: flex;
  flex-direction: column;
  height: 2267px;
  width: 375px;
}

.iphone-8-3 .logo_header-2-1 {
  height: 44px;
  margin-right: 1.0px;
  margin-top: 15px;
  object-fit: cover;
  width: 54px;
}

.iphone-8-3 .main {
  align-items: center;
  background-color: #00a0eb;
  display: flex;
  flex-direction: column;
  height: 1933px;
  margin-top: 10px;
  padding: 31.0px 6px;
  width: 375px;
}

.iphone-8-3 .articles {
  align-items: flex-start;
  align-self: flex-start;
  background-color: var(--white);
  border-radius: 70px 70px 0px 0px;
  display: flex;
  flex-direction: column;
  height: 800px;
  margin-top: 11px;
  overflow: hidden;
  padding: 11.4px 12px;
  width: 362px;
}

.iphone-8-3 .group-699 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  gap: 6px;
  margin-left: 2.0px;
  min-height: 42px;
  width: 72px;
}

.iphone-8-3 .text-4 {
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-weight: 900;
  margin-right: 2.0px;
  min-height: 18px;
  width: 70px;
}

.iphone-8-3 .vector {
  height: 18px;
  margin-right: 2.0px;
  width: 54px;
}

.iphone-8-3 .article3 {
  align-items: flex-end;
  background-color: var(--buttermilk);
  border-radius: 12px;
  display: flex;
  height: 215px;
  margin-top: 24px;
  overflow: hidden;
  padding: 14.4px 12px;
  width: 337px;
}

.iphone-8-3 .image-6 {
  height: 184px;
  margin-left: 1px;
  width: 312px;
}

.iphone-8-3 .article2 {
  align-items: flex-start;
  background-color: var(--buttermilk);
  border-radius: 12px;
  display: flex;
  height: 215px;
  margin-top: 18px;
  overflow: hidden;
  padding: 19px 12px;
  width: 337px;
}

.iphone-8-3 .image {
  height: 176px;
  margin-left: 1px;
  object-fit: cover;
  width: 312px;
}

.iphone-8-3 .article1 {
  align-items: flex-start;
  background-color: var(--buttermilk);
  border-radius: 12px;
  display: flex;
  height: 215px;
  margin-top: 17px;
  overflow: hidden;
  padding: 19.0px 12px;
  width: 337px;
}

.iphone-8-3 .x1 {
  height: 337px;
  margin-right: 2.3px;
  margin-top: 85px;
  object-fit: cover;
  width: 339px;
}

.iphone-8-3 .image-2 {
  height: 83px;
  margin-right: 3.0px;
  margin-top: 59px;
  width: 276px;
}

.iphone-8-3 .overlap-group3 {
  height: 496px;
  margin-right: 3.0px;
  position: relative;
  width: 342px;
}

.iphone-8-3 .key_vis {
  height: 478px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 342px;
}

.iphone-8-3 .image-3 {
  height: 37px;
  left: 21px;
  position: absolute;
  top: 459px;
  width: 303px;
}

.iphone-8-3 .fotter {
  align-items: flex-end;
  background-color: #00a0eb;
  display: flex;
  height: 265px;
  padding: 0 29px;
  width: 375px;
}

.iphone-8-3 .facebook_share {
  align-items: center;
  background-color: var(--white);
  border-radius: 3.5px;
  display: flex;
  height: 31px;
  margin-bottom: 25px;
  overflow: hidden;
  width: 87px;
}

.iphone-8-3 .overlap-group {
  height: 25px;
  margin-left: 6px;
  position: relative;
  width: 84px;
}

.iphone-8-3 .text {
  left: 15px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 3px;
  width: 69px;
}

.iphone-8-3 .facebook {
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: 25px;
}

.iphone-8-3 .flex-col {
  align-items: center;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-left: 6px;
  min-height: 240px;
  width: 132px;
}

.iphone-8-3 .fotter-1 {
  height: 177px;
  object-fit: cover;
  width: 132px;
}

.iphone-8-3 .insta_share {
  align-items: center;
  background-color: var(--white);
  border-radius: 3.5px;
  display: flex;
  height: 31px;
  margin-right: 1.0px;
  overflow: hidden;
  width: 87px;
}

.iphone-8-3 .group-698 {
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: 25px;
}

.iphone-8-3 .twitter_share {
  align-items: center;
  background-color: var(--white);
  border-radius: 3.5px;
  display: flex;
  height: 31px;
  margin-bottom: 25px;
  margin-left: 5px;
  overflow: hidden;
  width: 87px;
}

.iphone-8-3 .overlap-group-1 {
  height: 23px;
  margin-left: 7px;
  position: relative;
  width: 83px;
}

.iphone-8-3 .group-698-1 {
  height: 23px;
  left: 0;
  position: absolute;
  top: 0;
  width: 23px;
}

.iphone-8-3 .text-1 {
  left: 14px;
  position: absolute;
  text-align: center;
  top: 2px;
  width: 69px;
}

.iphone-8-3 .image-1 {
  object-fit: cover;
}

.iphone-8-3 .text-2 {
  letter-spacing: 0;
  line-height: normal;
}