/* 2025.06.09 shinji add */


/*******************************************************************/
/* 2025.06.09 shinji add top fade */
/*******************************************************************/
.img-box{
  width: 100%;
  height: 290px;
  overflow: hidden;
  position: relative;
}
.img-box>div{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 290px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;
  opacity: 0;
  animation-name: fade;
  animation-duration: 16s;
  animation-iteration-count: infinite;
}
@keyframes fade {
  0%{
    opacity: 0;
  }
  20%{
    opacity: 7;
  }
  80%{
    opacity: 0;
    transform: scale(1.2);
  }
  100%{
    z-index: 0;
    opacity: 0;
  }
}
/* 1枚目のスライド */
.img-box>div:first-of-type{
  background-image: url("../fig/top005.jpg");
}

/* 2枚目のスライド */
.img-box>div:nth-of-type(2){
  background-image: url("../fig/top002.jpg");
  animation-delay: 4s;
}

/* 2枚目のスライド */
.img-box>div:nth-of-type(3){
  background-image: url("../fig/top003.jpg");
  animation-delay: 8s;
}



/* 3枚目のスライド */
.img-box>div:last-of-type{
  background-image: url("../fig/top004.jpg");
  animation-delay: 12s;
}




/*******************************************************************/



/*******************************************************************/
/* 2025.06.09 shinji add top slide 完成見学会モデルハウスオープン */
/*******************************************************************/
.slide-container {
    width: 100%;
    margin: 50px auto;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.slide-wrapper {
  display: flex;
  animation: slide-flow 20s infinite linear 1s both;
}
.slide{
  width: 300px;
  object-fit:cover;
  border: 1px solid #ddd;
}
@keyframes slide-flow {
     0% {transform: translateX(0);}
 100% {transform: translateX(-100%);}
}

 .slide-paused:hover .slide-wrapper {
   animation-play-state: paused;
 }
 .slide-paused:hover .slide-wrapper img:hover {
   opacity: .8;
   cursor: grabbing;
 }
/*******************************************************************/



/*******************************************************************/
/* 2025.06.09 shinji add top slide モデルハウス（峰山住宅C2）の上棟式が伊里前307地内で行われました。(H25/12/12)*/
/*******************************************************************/
.slide-container2 {
    width: 100%;
    margin: 50px auto;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.slide-wrapper2 {
  display: flex;
  animation: slide-flow 40s infinite linear 1s both;
}
.slide2{
  width: 300px;
  object-fit:cover;
  border: 1px solid #ddd;
}
@keyframes slide-flow {
     0% {transform: translateX(0);}
 100% {transform: translateX(-100%);}
}

 .slide-paused2:hover .slide-wrapper2 {
   animation-play-state: paused;
 }
 .slide-paused2:hover .slide-wrapper2 img:hover {
   opacity: .8;
   cursor: grabbing;
 }
/*******************************************************************/