body {
  margin-bottom: 300px;
}

#luxy {
 z-index: 100;
}
.container01 {
  display: flex;
  justify-content: center;
  margin-top: 100px;
  width: 100%;
}
.container02 {
  display: flex;
  justify-content: center;
  margin-top: 100px;
    z-index: 20;
}
.luxy-img01 {
  margin-inline: auto;
  width: 30%;
}
.luxy-img02 {
  left: 40px;
  position: relative;
  width: 30%;
}
.luxy-img03 {
  position: relative;
  right: 40px;
  width: 30%;
}
.luxy-img04 {
  position: relative;
  left: 40%;
  top: 100px;
  width: 30%;
}
.luxy-img05 {
  position: relative;
  width: 30%;
}
.luxy-img06 {
  position: relative;
  right: 40%;
   top: 100px;
  width: 30%;
}
img {
  height: auto;
  width: 100%;
}

.iro{
  position: relative;
  top: 1000px;
  z-index: 10;
}
.area{
  overflow: hidden;
}
.wrap{
  display: flex;
}
.item{
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  font-weight: bold;
  color: #fff;
}

.item01{ background: #e94d15; }
.item02{ background: #f18d1d; }
.item03{ background: #f8b633; }
.item04{ background: #8cc561; }
.item05{ background: #56aa59; }
.item06{ background: #3d6b35; }

h1{
  text-align:center;
  background-color:yellow;
  margin:0;
  height: 10vh;
  display: flex;
  justify-content: center;
  align-items: center;
}