.u-section-1 {
  background-image: none;
}

.u-section-1 .u-sheet-1 {
  min-height: 439px;
}

.u-section-1 .u-text-1 {
  font-family: "Architects Daughter";
  margin: 205px auto 0;
}

.u-section-1 .u-icon-1 {
  width: 64px;
  height: 64px;
  margin: 30px auto 36px;
}

@media (max-width: 1199px) {
  .u-section-1 .u-text-1 {
    width: auto;
    margin-top: 203px;
  }

  .u-section-1 .u-icon-1 {
    margin-top: 32px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 {
    min-height: 423px;
  }

  .u-section-1 .u-text-1 {
    margin-top: 192px;
  }

  .u-section-1 .u-icon-1 {
    margin-top: 22px;
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 405px;
  }

  .u-section-1 .u-icon-1 {
    margin-bottom: 22px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 367px;
  }
} .u-section-2 {
  background-image: none;
  min-height: 1128px;
}

.u-section-2 .u-gallery-1 {
  height: 1128px;
  margin: 0 auto 0 0;
}

.u-section-2 .u-gallery-inner-1 {
  grid-template-columns: auto auto auto;
  grid-gap: 0px 0px;
}

.u-section-2 .u-over-slide-1 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-2 .u-gallery-item-2 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-2 .u-over-slide-2 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-2 .u-gallery-item-3 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-2 .u-over-slide-3 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-2 .u-gallery-item-4 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-2 .u-over-slide-4 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-2 .u-over-slide-5 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-2 .u-over-slide-6 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-2 .u-over-slide-7 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-2 .u-over-slide-8 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-2 .u-over-slide-9 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-2 .u-text-1 {
  font-weight: 400;
  font-family: Kanit;
  font-size: 1.375rem;
  width: 110px;
  margin: -784px auto 0;
}

.u-section-2 .u-btn-1 {
  padding: 0;
}

.u-section-2 .u-text-2 {
  font-weight: 400;
  font-family: Kanit;
  font-size: 1.375rem;
  width: 116px;
  margin: 339px auto 0;
}

.u-section-2 .u-btn-2 {
  padding: 0;
}

.u-section-2 .u-text-3 {
  font-weight: 400;
  font-family: Kanit;
  font-size: 1.375rem;
  margin: -35px calc(((100% - 1140px) / 2) + 53px) 0 calc(((100% - 1140px) / 2) + 966px);
}

.u-section-2 .u-btn-3 {
  padding: 0;
}

.u-section-2 .u-text-4 {
  font-weight: 400;
  font-family: Kanit;
  font-size: 1.375rem;
  margin: 340px calc(((100% - 1140px) / 2) + 947px) 0 calc(((100% - 1140px) / 2) + 44px);
}

.u-section-2 .u-btn-4 {
  padding: 0;
}

.u-section-2 .u-text-5 {
  font-weight: 400;
  font-family: Kanit;
  font-size: 1.375rem;
  width: 230px;
  margin: -35px auto 0;
}

.u-section-2 .u-btn-5 {
  padding: 0;
}

.u-section-2 .u-text-6 {
  font-weight: 400;
  font-family: Kanit;
  font-size: 1.375rem;
  margin: -35px calc(((100% - 1140px) / 2)) 0 calc(((100% - 1140px) / 2) + 924px);
}

.u-section-2 .u-btn-6 {
  padding: 0;
}

.u-section-2 .u-text-7 {
  font-weight: 400;
  font-family: Kanit;
  font-size: 1.375rem;
  margin: -784px calc(((100% - 1140px) / 2)) 0 calc(((100% - 1140px) / 2) + 913px);
}

.u-section-2 .u-btn-7 {
  padding: 0;
}

.u-section-2 .u-text-8 {
  font-weight: 400;
  font-family: Kanit;
  font-size: 1.375rem;
  margin: -35px calc(((100% - 1140px) / 2) + 920px) 0 calc(((100% - 1140px) / 2) + 15px);
}

.u-section-2 .u-btn-8 {
  padding: 0;
}

.u-section-2 .u-text-9 {
  font-weight: 400;
  font-family: Kanit;
  font-size: 1.375rem;
  margin: 339px calc(((100% - 1140px) / 2) + 967px) 375px calc(((100% - 1140px) / 2) + 62px);
}

.u-section-2 .u-btn-9 {
  padding: 0;
}

@media (max-width: 1199px) {
   .u-section-2 {
    min-height: 930px;
  }

  .u-section-2 .u-gallery-1 {
    height: 930px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-gallery-inner-1 {
    grid-template-columns: repeat(3, auto);
  }

  .u-section-2 .u-text-1 {
    width: 103px;
    margin-top: -655px;
  }

  .u-section-2 .u-text-2 {
    width: 122px;
    margin-top: 275px;
  }

  .u-section-2 .u-text-3 {
    width: auto;
    margin-right: calc(((100% - 940px) / 2) + 49px);
    margin-left: calc(((100% - 940px) / 2) + 762px);
  }

  .u-section-2 .u-text-4 {
    width: auto;
    margin-top: 275px;
    margin-right: calc(((100% - 940px) / 2) + 734px);
    margin-left: calc(((100% - 940px) / 2) + 52px);
  }

  .u-section-2 .u-text-5 {
    width: 235px;
  }

  .u-section-2 .u-text-6 {
    width: auto;
    margin-right: calc(((100% - 940px) / 2) + 8px);
    margin-left: calc(((100% - 940px) / 2) + 721px);
  }

  .u-section-2 .u-text-7 {
    width: auto;
    margin-top: -655px;
    margin-right: calc(((100% - 940px) / 2));
    margin-left: calc(((100% - 940px) / 2) + 713px);
  }

  .u-section-2 .u-text-8 {
    width: auto;
    margin-right: calc(((100% - 940px) / 2) + 713px);
    margin-left: calc(((100% - 940px) / 2) + 20px);
  }

  .u-section-2 .u-btn-8 {
    width: 196px;
    height: 33px;
  }

  .u-section-2 .u-text-9 {
    width: auto;
    margin-top: 275px;
    margin-right: calc(((100% - 940px) / 2) + 757px);
    margin-left: calc(((100% - 940px) / 2) + 64px);
  }
}

@media (max-width: 991px) {
   .u-section-2 {
    min-height: 1781px;
  }

  .u-section-2 .u-gallery-1 {
    height: 1781px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-gallery-inner-1 {
    grid-template-columns: repeat(2, auto);
  }

  .u-section-2 .u-text-1 {
    width: auto;
    margin-top: -1462px;
    margin-right: calc(((100% - 720px) / 2) + 101px);
    margin-left: calc(((100% - 720px) / 2) + 511px);
  }

  .u-section-2 .u-text-2 {
    width: auto;
    margin-top: 677px;
    margin-right: calc(((100% - 720px) / 2) + 509px);
    margin-left: calc(((100% - 720px) / 2) + 99px);
  }

  .u-section-2 .u-text-3 {
    margin-right: calc(((100% - 720px) / 2) + 91px);
    margin-left: calc(((100% - 720px) / 2) + 501px);
  }

  .u-section-2 .u-text-4 {
    margin-top: 323px;
    margin-right: calc(((100% - 720px) / 2) + 493px);
    margin-left: calc(((100% - 720px) / 2) + 83px);
  }

  .u-section-2 .u-text-5 {
    width: auto;
    margin-right: calc(((100% - 720px) / 2) + 37px);
    margin-left: calc(((100% - 720px) / 2) + 447px);
  }

  .u-section-2 .u-text-6 {
    margin-top: 322px;
    margin-right: calc(((100% - 720px) / 2) + 456px);
    margin-left: calc(((100% - 720px) / 2) + 46px);
  }

  .u-section-2 .u-text-7 {
    margin-top: -1105px;
    margin-right: calc(((100% - 720px) / 2) + 452px);
    margin-left: calc(((100% - 720px) / 2) + 42px);
  }

  .u-section-2 .u-text-8 {
    margin-top: -392px;
    margin-right: calc(((100% - 720px) / 2) + 461px);
    margin-left: calc(((100% - 720px) / 2) + 51px);
  }

  .u-section-2 .u-text-9 {
    margin-top: 322px;
    margin-right: calc(((100% - 720px) / 2) + 96px);
    margin-left: calc(((100% - 720px) / 2) + 506px);
  }
}

@media (max-width: 767px) {
   .u-section-2 {
    min-height: 4809px;
  }

  .u-section-2 .u-gallery-1 {
    height: 4809px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-gallery-inner-1 {
    grid-template-columns: repeat(1, auto);
  }

  .u-section-2 .u-text-1 {
    margin-top: -3781px;
    margin-left: 0;
    margin-right: calc(((100% - 540px) / 2) + 11px);
  }

  .u-section-2 .u-text-2 {
    width: 113px;
    margin-top: 1570px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-2 .u-text-3 {
    width: 126px;
    margin-top: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-2 .u-text-4 {
    width: 168px;
    margin-top: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-2 .u-text-5 {
    margin-top: 502px;
    margin-right: calc(((100% - 540px) / 2) + 167px);
    margin-left: calc(((100% - 540px) / 2) + 144px);
  }

  .u-section-2 .u-text-6 {
    margin-top: 499px;
    margin-right: calc(((100% - 540px) / 2) + 178px);
    margin-left: calc(((100% - 540px) / 2) + 155px);
  }

  .u-section-2 .u-text-7 {
    margin-top: -3245px;
    margin-left: 50px;
    margin-right: 50px;
  }

  .u-section-2 .u-btn-7 {
    margin-right: auto;
    margin-left: auto;
    display: block;
  }

  .u-section-2 .u-text-8 {
    width: 212px;
    margin-top: -1103px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-2 .u-text-9 {
    width: 114px;
    margin-top: 1570px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 575px) {
   .u-section-2 {
    min-height: 3028px;
  }

  .u-section-2 .u-gallery-1 {
    height: 3028px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-1 {
    width: 100px;
    margin-top: -2397px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-2 .u-text-2 {
    margin-top: 978px;
  }

  .u-section-2 .u-text-3 {
    margin-top: 302px;
  }

  .u-section-2 .u-text-4 {
    width: 175px;
    margin-top: 297px;
  }

  .u-section-2 .u-text-5 {
    width: 228px;
    margin-top: 306px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-2 .u-text-6 {
    width: 206px;
    margin-top: 297px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-2 .u-text-7 {
    width: 226px;
    margin-top: -2051px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-2 .u-text-8 {
    margin-top: -705px;
  }

  .u-section-2 .u-text-9 {
    margin-top: 971px;
  }

  .u-section-2 .u-btn-9 {
    margin-right: auto;
    margin-left: auto;
    display: block;
  }
}