/* screen - iphone-8-4 */

.iphone-8-4 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 1805px;
  overflow: hidden;
  width: 375px;
}

.iphone-8-4 .flex-row {
  gap: 101px;
  margin-right: 17px;
  margin-top: 13px;
  min-width: 197px;
}

.iphone-8-4 .logo_header-2-1 {
  height: 39px;
  object-fit: cover;
  width: 54px;
}

.iphone-8-4 .image-9 {
  height: 38px;
  margin-bottom: 0.43px;
  object-fit: cover;
  width: 42px;
}

.iphone-8-4 .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-4 .main {
  align-items: center;
  background-color: var(--buttermilk);
  display: flex;
  flex-direction: column;
  height: 1471px;
  margin-top: 17px;
  padding: 0 6px;
  width: 375px;
}

.iphone-8-4 .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-4 .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-4 .article2 {
  align-items: flex-start;
  background-color: var(--buttermilk);
  border-radius: 12px;
  display: flex;
  height: 215px;
  margin-top: 18px;
  overflow: hidden;
  padding: 14px 12px;
  width: 337px;
}

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

.iphone-8-4 .image-6 {
  height: 184px;
  margin-left: 1px;
  object-fit: cover;
  width: 312px;
}

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

.iphone-8-4 .image-1 {
  height: 97px;
  margin-right: 1.0px;
  margin-top: 65px;
  object-fit: cover;
  width: 352px;
}

.iphone-8-4 .image-8 {
  height: 143px;
  margin-right: 1.0px;
  margin-top: 53px;
  object-fit: cover;
  width: 260px;
}

.iphone-8-4 .text_label {
  color: #003166;
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 47px;
  min-height: 109px;
  width: 285px;
}

.iphone-8-4 .image-7 {
  height: 285px;
  margin-top: 27px;
  object-fit: cover;
  width: 323px;
}

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

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


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

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

.iphone-8-4 .flex {
  align-items: center;
  display: flex;
}

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



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

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

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

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

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

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

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

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

.iphone-8-4 .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-4 .overlap-group {
  height: 25px;
  margin-left: 6px;
  position: relative;
  width: 84px;
}

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

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

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

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

.iphone-8-4 .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-4 .group-698 {
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: 25px;
}

.iphone-8-4 .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-4 .overlap-group-1 {
  height: 23px;
  margin-left: 7px;
  position: relative;
  width: 83px;
}

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

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

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

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