main {
  padding-bottom: 140px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  main {
    padding-bottom: 70px;
  }
}

.pagettl {
  margin-bottom: 0;
}

.scroll-infinity .scroll-infinity__wrap {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .scroll-infinity .scroll-infinity__wrap {
    gap: 10px;
  }
}
.scroll-infinity .scroll-infinity__wrap * {
  padding: 0;
  margin: 0;
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .scroll-infinity .scroll-infinity__wrap .scroll-infinity__list {
    gap: 10px;
  }
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item {
  position: relative;
  cursor: pointer;
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item img {
  transition: 0.5s;
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item img {
  width: 100%;
  border-radius: 10px;
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w258 {
  flex: 0 0 258px;
  width: 258px;
}
@media screen and (max-width: 768px) {
  .scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w258 {
    flex: 0 0 129px;
    width: 129px;
  }
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w296 {
  flex: 0 0 296px;
  width: 296px;
}
@media screen and (max-width: 768px) {
  .scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w296 {
    flex: 0 0 148px;
    width: 148px;
  }
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w350 {
  flex: 0 0 350px;
  width: 350px;
}
@media screen and (max-width: 768px) {
  .scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w350 {
    flex: 0 0 175px;
    width: 175px;
  }
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w360 {
  flex: 0 0 360px;
  width: 360px;
}
@media screen and (max-width: 768px) {
  .scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w360 {
    flex: 0 0 180px;
    width: 180px;
  }
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w393 {
  flex: 0 0 393px;
  width: 393px;
}
@media screen and (max-width: 768px) {
  .scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w393 {
    flex: 0 0 196.5px;
    width: 196.5px;
  }
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w489 {
  flex: 0 0 489px;
  width: 489px;
}
@media screen and (max-width: 768px) {
  .scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w489 {
    flex: 0 0 244.5px;
    width: 244.5px;
  }
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w496 {
  flex: 0 0 496px;
  width: 496px;
}
@media screen and (max-width: 768px) {
  .scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w496 {
    flex: 0 0 248px;
    width: 248px;
  }
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w535 {
  flex: 0 0 535px;
  width: 535px;
}
@media screen and (max-width: 768px) {
  .scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item.w535 {
    flex: 0 0 267.5px;
    width: 267.5px;
  }
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item:hover {
  z-index: 9999;
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list .scroll-infinity__item:hover img {
  transform-origin: center;
  transform: scale(1.4);
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list.scroll-infinity__list--left {
  animation: infinity-scroll-left 40s infinite linear 1s both;
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list.scroll-infinity__list--right {
  animation: infinity-scroll-right 40s infinite linear 1s both;
}
.scroll-infinity .scroll-infinity__wrap .scroll-infinity__list.active {
  z-index: 2;
}
.scroll-infinity .scroll-infinity__wrap.stop {
  z-index: 9;
}
.scroll-infinity .scroll-infinity__wrap.stop .scroll-infinity__list {
  animation-play-state: paused;
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
[id^=sec] {
  position: relative;
}
[id^=sec] i[class^=il-] {
  display: block;
  background-size: cover;
  position: absolute;
}
[id^=sec] i[class^=il-].il-01 {
  aspect-ratio: 99.79/128.69;
  width: 99.79px;
  background-image: url(img/il-01.svg);
}
@media screen and (max-width: 768px) {
  [id^=sec] i[class^=il-].il-01 {
    width: 49.895px;
  }
}
[id^=sec] i[class^=il-].il-02 {
  aspect-ratio: 91.66/152.02;
  width: 91.66px;
  background-image: url(img/il-02.svg);
}
@media screen and (max-width: 768px) {
  [id^=sec] i[class^=il-].il-02 {
    width: 45.83px;
  }
}
[id^=sec] i[class^=il-].il-03 {
  aspect-ratio: 175.55/136.72;
  width: 175.55px;
  background-image: url(img/il-03.svg);
}
@media screen and (max-width: 768px) {
  [id^=sec] i[class^=il-].il-03 {
    width: 88px;
  }
}
[id^=sec] i[class^=il-].il-04 {
  aspect-ratio: 59/132.16;
  width: 59px;
  background-image: url(img/il-04.svg);
}
@media screen and (max-width: 768px) {
  [id^=sec] i[class^=il-].il-04 {
    width: 29.5px;
  }
}

#sec01 {
  margin-bottom: 67px;
  padding-top: 136px;
}
@media screen and (max-width: 768px) {
  #sec01 {
    margin-bottom: 40px;
    padding-top: 70px;
  }
}
#sec01 .il-01 {
  top: 0;
  left: 229px;
}
@media screen and (max-width: 768px) {
  #sec01 .il-01 {
    left: 30px;
  }
}
#sec01 .il-02 {
  top: 50;
  right: 275px;
}
@media screen and (max-width: 768px) {
  #sec01 .il-02 {
    right: 30px;
  }
}
#sec01 .scroll-infinity__item:nth-of-type(1) {
  margin-top: 89px;
}
@media screen and (max-width: 768px) {
  #sec01 .scroll-infinity__item:nth-of-type(1) {
    margin-top: 45px;
  }
}
#sec01 .scroll-infinity__item:nth-of-type(2) {
  margin-top: 0;
}
#sec01 .scroll-infinity__item:nth-of-type(3) {
  margin-top: 162px;
}
@media screen and (max-width: 768px) {
  #sec01 .scroll-infinity__item:nth-of-type(3) {
    margin-top: 80px;
  }
}
#sec01 .scroll-infinity__item:nth-of-type(4) {
  margin-top: 62px;
}
@media screen and (max-width: 768px) {
  #sec01 .scroll-infinity__item:nth-of-type(4) {
    margin-top: 30px;
  }
}
#sec01 .scroll-infinity__item:nth-of-type(5) {
  margin-top: 198px;
}
@media screen and (max-width: 768px) {
  #sec01 .scroll-infinity__item:nth-of-type(5) {
    margin-top: 100px;
  }
}
#sec01 .scroll-infinity__item:nth-of-type(6) {
  margin-top: 14px;
}
@media screen and (max-width: 768px) {
  #sec01 .scroll-infinity__item:nth-of-type(6) {
    margin-top: 7px;
  }
}
#sec01 .scroll-infinity__item:nth-of-type(7) {
  margin-top: 146px;
}
@media screen and (max-width: 768px) {
  #sec01 .scroll-infinity__item:nth-of-type(7) {
    margin-top: 73px;
  }
}
#sec01 .scroll-infinity__item:nth-of-type(8) {
  margin-top: 175px;
}
@media screen and (max-width: 768px) {
  #sec01 .scroll-infinity__item:nth-of-type(8) {
    margin-top: 88px;
  }
}
#sec01 .scroll-infinity__item:nth-of-type(9) {
  margin-top: 23px;
}
@media screen and (max-width: 768px) {
  #sec01 .scroll-infinity__item:nth-of-type(9) {
    margin-top: 11px;
  }
}
#sec01 .scroll-infinity__item:nth-of-type(10) {
  margin-top: 131px;
}
@media screen and (max-width: 768px) {
  #sec01 .scroll-infinity__item:nth-of-type(10) {
    margin-top: 65px;
  }
}
#sec01 .scroll-infinity__item:nth-of-type(11) {
  margin-top: 27px;
}
@media screen and (max-width: 768px) {
  #sec01 .scroll-infinity__item:nth-of-type(11) {
    margin-top: 15px;
  }
}
#sec01 .scroll-infinity__item:nth-of-type(12) {
  margin-top: 62px;
}
@media screen and (max-width: 768px) {
  #sec01 .scroll-infinity__item:nth-of-type(12) {
    margin-top: 30px;
  }
}

#sec02 {
  padding-top: 44px;
}
@media screen and (max-width: 768px) {
  #sec02 {
    padding-top: 22px;
  }
}
#sec02 .il-03 {
  top: 0;
  right: 259px;
}
@media screen and (max-width: 768px) {
  #sec02 .il-03 {
    right: 20px;
  }
}
#sec02 .scroll-infinity__item:nth-of-type(1) {
  margin-top: 0;
}
#sec02 .scroll-infinity__item:nth-of-type(2) {
  margin-top: 149px;
}
@media screen and (max-width: 768px) {
  #sec02 .scroll-infinity__item:nth-of-type(2) {
    margin-top: 75px;
  }
}
#sec02 .scroll-infinity__item:nth-of-type(3) {
  margin-top: 33px;
}
@media screen and (max-width: 768px) {
  #sec02 .scroll-infinity__item:nth-of-type(3) {
    margin-top: 15px;
  }
}
#sec02 .scroll-infinity__item:nth-of-type(4) {
  margin-top: 149px;
}
@media screen and (max-width: 768px) {
  #sec02 .scroll-infinity__item:nth-of-type(4) {
    margin-top: 75px;
  }
}
#sec02 .scroll-infinity__item:nth-of-type(5) {
  margin-top: 42px;
}
@media screen and (max-width: 768px) {
  #sec02 .scroll-infinity__item:nth-of-type(5) {
    margin-top: 20px;
  }
}
#sec02 .scroll-infinity__item:nth-of-type(6) {
  margin-top: 160px;
}
@media screen and (max-width: 768px) {
  #sec02 .scroll-infinity__item:nth-of-type(6) {
    margin-top: 80px;
  }
}
#sec02 .scroll-infinity__item:nth-of-type(7) {
  margin-top: 54px;
}
@media screen and (max-width: 768px) {
  #sec02 .scroll-infinity__item:nth-of-type(7) {
    margin-top: 27px;
  }
}
#sec02 .scroll-infinity__item:nth-of-type(8) {
  margin-top: 160px;
}
@media screen and (max-width: 768px) {
  #sec02 .scroll-infinity__item:nth-of-type(8) {
    margin-top: 80px;
  }
}
#sec02 .scroll-infinity__item:nth-of-type(9) {
  margin-top: 27px;
}
@media screen and (max-width: 768px) {
  #sec02 .scroll-infinity__item:nth-of-type(9) {
    margin-top: 15px;
  }
}
#sec02 .scroll-infinity__item:nth-of-type(10) {
  margin-top: 149px;
}
@media screen and (max-width: 768px) {
  #sec02 .scroll-infinity__item:nth-of-type(10) {
    margin-top: 75px;
  }
}
#sec02 .scroll-infinity__item:nth-of-type(11) {
  margin-top: 202px;
}
@media screen and (max-width: 768px) {
  #sec02 .scroll-infinity__item:nth-of-type(11) {
    margin-top: 100px;
  }
}
#sec02 .scroll-infinity__item:nth-of-type(12) {
  margin-top: 84px;
}
@media screen and (max-width: 768px) {
  #sec02 .scroll-infinity__item:nth-of-type(12) {
    margin-top: 40px;
  }
}

#sec03 {
  margin-bottom: 40px;
  padding-top: 118px;
}
@media screen and (max-width: 768px) {
  #sec03 {
    padding-top: 60px;
  }
}
#sec03 .il-04 {
  top: 0;
  left: 217px;
}
@media screen and (max-width: 768px) {
  #sec03 .il-04 {
    left: 20px;
  }
}
#sec03 .il-01 {
  top: 68px;
  right: 369px;
}
@media screen and (max-width: 768px) {
  #sec03 .il-01 {
    right: 20px;
  }
}
#sec03 .scroll-infinity__item:nth-of-type(1) {
  margin-top: 68px;
}
@media screen and (max-width: 768px) {
  #sec03 .scroll-infinity__item:nth-of-type(1) {
    margin-top: 35px;
  }
}
#sec03 .scroll-infinity__item:nth-of-type(2) {
  margin-top: 0px;
}
#sec03 .scroll-infinity__item:nth-of-type(3) {
  margin-top: 176px;
}
@media screen and (max-width: 768px) {
  #sec03 .scroll-infinity__item:nth-of-type(3) {
    margin-top: 86px;
  }
}
#sec03 .scroll-infinity__item:nth-of-type(4) {
  margin-top: 68px;
}
@media screen and (max-width: 768px) {
  #sec03 .scroll-infinity__item:nth-of-type(4) {
    margin-top: 35px;
  }
}
#sec03 .scroll-infinity__item:nth-of-type(5) {
  margin-top: 134px;
}
@media screen and (max-width: 768px) {
  #sec03 .scroll-infinity__item:nth-of-type(5) {
    margin-top: 67px;
  }
}
#sec03 .scroll-infinity__item:nth-of-type(6) {
  margin-top: 43px;
}
@media screen and (max-width: 768px) {
  #sec03 .scroll-infinity__item:nth-of-type(6) {
    margin-top: 21px;
  }
}
#sec03 .scroll-infinity__item:nth-of-type(7) {
  margin-top: 119px;
}
@media screen and (max-width: 768px) {
  #sec03 .scroll-infinity__item:nth-of-type(7) {
    margin-top: 60px;
  }
}
#sec03 .scroll-infinity__item:nth-of-type(8) {
  margin-top: 189px;
}
@media screen and (max-width: 768px) {
  #sec03 .scroll-infinity__item:nth-of-type(8) {
    margin-top: 90px;
  }
}
#sec03 .scroll-infinity__item:nth-of-type(9) {
  margin-top: 68px;
}
@media screen and (max-width: 768px) {
  #sec03 .scroll-infinity__item:nth-of-type(9) {
    margin-top: 35px;
  }
}
#sec03 .scroll-infinity__item:nth-of-type(10) {
  margin-top: 204px;
}
@media screen and (max-width: 768px) {
  #sec03 .scroll-infinity__item:nth-of-type(10) {
    margin-top: 100px;
  }
}

#sec04 {
  padding-top: 61px;
}
@media screen and (max-width: 768px) {
  #sec04 {
    padding-top: 30.5px;
  }
}
#sec04 .il-03 {
  top: 0;
  left: 307px;
}
@media screen and (max-width: 768px) {
  #sec04 .il-03 {
    left: 30px;
  }
}
#sec04 .il-02 {
  top: 81px;
  right: 140px;
}
@media screen and (max-width: 768px) {
  #sec04 .il-02 {
    top: 40px;
    right: 20px;
  }
}
#sec04 .scroll-infinity__item:nth-of-type(1) {
  margin-top: 19px;
}
@media screen and (max-width: 768px) {
  #sec04 .scroll-infinity__item:nth-of-type(1) {
    margin-top: 10px;
  }
}
#sec04 .scroll-infinity__item:nth-of-type(2) {
  margin-top: 167px;
}
@media screen and (max-width: 768px) {
  #sec04 .scroll-infinity__item:nth-of-type(2) {
    margin-top: 82px;
  }
}
#sec04 .scroll-infinity__item:nth-of-type(3) {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  #sec04 .scroll-infinity__item:nth-of-type(3) {
    margin-top: 16px;
  }
}
#sec04 .scroll-infinity__item:nth-of-type(4) {
  margin-top: 182px;
}
@media screen and (max-width: 768px) {
  #sec04 .scroll-infinity__item:nth-of-type(4) {
    margin-top: 91px;
  }
}
#sec04 .scroll-infinity__item:nth-of-type(5) {
  margin-top: 131px;
}
@media screen and (max-width: 768px) {
  #sec04 .scroll-infinity__item:nth-of-type(5) {
    margin-top: 65px;
  }
}
#sec04 .scroll-infinity__item:nth-of-type(6) {
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  #sec04 .scroll-infinity__item:nth-of-type(6) {
    margin-top: 17px;
  }
}
#sec04 .scroll-infinity__item:nth-of-type(7) {
  margin-top: 51px;
}
@media screen and (max-width: 768px) {
  #sec04 .scroll-infinity__item:nth-of-type(7) {
    margin-top: 25px;
  }
}
#sec04 .scroll-infinity__item:nth-of-type(8) {
  margin-top: 89px;
}
@media screen and (max-width: 768px) {
  #sec04 .scroll-infinity__item:nth-of-type(8) {
    margin-top: 45px;
  }
}
#sec04 .scroll-infinity__item:nth-of-type(9) {
  margin-top: 59px;
}
@media screen and (max-width: 768px) {
  #sec04 .scroll-infinity__item:nth-of-type(9) {
    margin-top: 30px;
  }
}
#sec04 .scroll-infinity__item:nth-of-type(10) {
  margin-top: 0px;
}
#sec04 .scroll-infinity__item:nth-of-type(11) {
  margin-top: 89px;
}
@media screen and (max-width: 768px) {
  #sec04 .scroll-infinity__item:nth-of-type(11) {
    margin-top: 45px;
  }
}