.home-1-2 p,
.home-2-2 p,
.home-3-2 p,
.home-4-2 p,
.home-5-2 p {
  margin: 0 0 1em;
}

.home-1-2 p:last-child,
.home-2-2 p:last-child,
.home-3-2 p:last-child,
.home-4-2 p:last-child,
.home-5-2 p:last-child {
  margin-bottom: 0;
}

.home1,
.home2,
.home3,
.home4,
.home5 {
  content-visibility: auto;
  contain-intrinsic-size: 600px;
}

/* home1 */
.home1 {
  width: 100%;
  min-height: 600px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(48px, 14vw, 220px);
  padding: 60px clamp(20px, 4vw, 80px) 60px clamp(40px, 14vw, 205px);
  box-sizing: border-box;
}

.home-1-1 {
  position: relative;
  overflow: hidden;
  width: 330px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 330 / 440;
  flex: 0 1 330px;
}

.home-1-1 img,
.home-2-1 img,
.home-3-1 img,
.home-4-1 img,
.home-5-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.4s ease;
}

.home-1-1:hover img,
.home-2-1:hover img,
.home-3-1:hover img,
.home-4-1:hover img,
.home-5-1:hover img {
  transform: scale(1.08);
}

.home-1-2 {
  width: 460px;
  max-width: 100%;
  flex: 0 1 460px;
  font-family: "Poppins", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.5em;
  color: #171515;
}

/* home2 */
.home2 {
  width: 100%;
  min-height: 705px;
  overflow: hidden;
  background: #f4f4f4;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(48px, 10vw, 150px);
  padding: 60px clamp(20px, 4vw, 80px);
  box-sizing: border-box;
}

.home-2-2,
.home-3-2,
.home-4-2,
.home-5-2 {
  font-family: "Poppins", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.5em;
  color: #171515;
}

.home-2-2 {
  width: 450px;
  max-width: 100%;
  flex: 0 1 450px;
}

.home-2-1 {
  position: relative;
  overflow: hidden;
  width: 700px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 700 / 520;
  flex: 0 1 700px;
}

/* home3 */
.home3 {
  width: 100%;
  min-height: 600px;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(48px, 9vw, 130px);
  padding: 60px clamp(20px, 4vw, 80px) 60px clamp(40px, 8vw, 80px);
  box-sizing: border-box;
}

.home-3-1 {
  position: relative;
  overflow: hidden;
  width: 590px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 590 / 440;
  flex: 0 1 590px;
}

.home-3-2 {
  width: 500px;
  max-width: 100%;
  flex: 0 1 500px;
}

/* home4 */
.home4 {
  width: 100%;
  min-height: 705px;
  overflow: hidden;
  background: #f4f4f4;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(48px, 10vw, 150px);
  padding: 60px clamp(20px, 4vw, 80px);
  box-sizing: border-box;
}

.home-4-2 {
  width: 450px;
  max-width: 100%;
  flex: 0 1 450px;
}

.home-4-1 {
  position: relative;
  overflow: hidden;
  width: 700px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 700 / 520;
  flex: 0 1 700px;
}

/* home5 */
.home5 {
  width: 100%;
  min-height: 600px;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(48px, 9vw, 130px);
  padding: 60px clamp(20px, 4vw, 80px) 60px clamp(40px, 8vw, 80px);
  box-sizing: border-box;
}

.home-5-1 {
  position: relative;
  overflow: hidden;
  width: 590px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 590 / 440;
  flex: 0 1 590px;
}

.home-5-2 {
  width: 500px;
  max-width: 100%;
  flex: 0 1 500px;
}

@media (max-width: 1100px) {
  .home1 {
    padding-left: clamp(20px, 4vw, 80px);
    gap: clamp(32px, 6vw, 80px);
  }
}

@media (max-width: 900px) {
  .home1,
  .home2,
  .home3,
  .home4,
  .home5 {
    flex-direction: column;
    min-height: auto;
    padding: 32px 16px;
    align-items: stretch;
  }

  .home1,
  .home3,
  .home5 {
    justify-content: flex-start;
  }

  .home-1-1,
  .home-2-1,
  .home-3-1,
  .home-4-1,
  .home-5-1 {
    flex: none;
    width: 100%;
    max-width: 100%;
  }

  .home-1-2,
  .home-2-2,
  .home-3-2,
  .home-4-2,
  .home-5-2 {
    flex: none;
    width: 100%;
    max-width: 100%;
    font-size: 15px;
  }
}