#i4767 {
  background-image:url(../image/top/bg01.jpg);
}
#i5029 > div {
  text-align:center;
}
#i5035 {
  text-align:center;
}
#i5321 {
  background-image:url(../image/top/pt01.jpg);
  background-repeat:repeat;background-size:auto auto;background-position:center center;
}
#i5334 div.box {
  width:48%;
}
@media screen and (max-width:640px) {
  #i5334 div.box {
    width:100%;
  }
}
#i5334 > div {
  gap: 1%;
}
@media screen and (max-width:640px) {
  #i5334 > div {
    gap:0% 0%;
  }
}
#i5324 div.box {
  width:49%;
}
#i5324 > div {
  gap:px 05%;
}
@media screen and (min-width:641px) and (max-width:835px) {
  #i5324 > div {
    gap: %;
  }
}
@media screen and (max-width:640px) {
  #i5324 > div {
    gap:px %;
  }
}
#i5344 {
  background-image:url(../image/top/bg02.jpg);
}
#i5327 {
  text-align:center;
}
#i5335 {
  background-image:url(../image/top/pt01.jpg);
  background-repeat:repeat;background-size:auto auto;background-position:center center;
}
#i5343 div.box {
  width:48%;
}
@media screen and (max-width:640px) {
  #i5343 div.box {
    width:100%;
  }
}
#i5343 > div {
  gap: 1%;
}
@media screen and (max-width:640px) {
  #i5343 > div {
    gap:0% 0%;
  }
}
#i5338 div.box {
  width:100%;
}
#i5338 > div {
  gap:px 0%;
}
@media screen and (min-width:641px) and (max-width:835px) {
  #i5338 > div {
    gap: %;
  }
}
@media screen and (max-width:640px) {
  #i5338 > div {
    gap:px %;
  }
}