:root {
  --fallback-font-stack: Helvetica, Arial, serif;
}

.conditions.main {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  overflow: hidden;
}
.conditions .responsiveSection {
  min-height: 72px;
}
.conditions .conditionsOfUseSection {
  display: flex;
  flex-direction: column;
  min-height: 369px;
  background: var(--src) center center/100% 100% no-repeat;
}
.conditions .info3 {
  margin: 112px 0 189px 4.44%;
  width: 768px;
  font: 56px/1.2 Archivo, Helvetica, Arial, serif;
  color: white;
  letter-spacing: -0.56001px;
}
.conditions .termsOfServiceSection {
  display: flex;
  flex-direction: column;
  background-color: white;
}
.conditions .columnContent {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  margin: 112px auto 111px;
  width: 767.9861450195px;
  max-width: 85%;
}
@media (max-width: 575px) {
  .conditions .columnContent {
    position: relative;
    margin: 80px auto;
  }
}
@media (max-width: 383px) {
  .conditions .columnContent {
    margin: 50px auto;
  }
}
.conditions .introDescription {
  max-width: 100%;
  font: 48px/1.2 Archivo, Helvetica, Arial, serif;
  color: #9a3927;
  letter-spacing: -0.48px;
}
@media (max-width: 991px) {
  .conditions .introDescription {
    align-items: flex-start;
    font-size: 44px;
  }
}
@media (max-width: 479px) {
  .conditions .introDescription {
    font-size: 36px;
  }
}
.conditions .serviceOverview {
  margin: 24px 0 0;
  font: 16px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
.conditions .serviceDetails {
  margin: 15px 0 0;
  font: 16px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
.conditions .termsConditionsSection {
  display: flex;
  flex-direction: column;
  background-color: white;
}
.conditions .contentColumn {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  margin: 112px auto 111px;
  width: 767.9861450195px;
  max-width: 85%;
}
@media (max-width: 575px) {
  .conditions .contentColumn {
    position: relative;
    margin: 80px auto;
  }
}
@media (max-width: 383px) {
  .conditions .contentColumn {
    margin: 50px auto;
  }
}
.conditions .conditionsIntroduction {
  max-width: 100%;
  font: 48px/1.2 Archivo, Helvetica, Arial, serif;
  color: #9a3927;
  letter-spacing: -0.48px;
}
@media (max-width: 991px) {
  .conditions .conditionsIntroduction {
    align-items: flex-start;
    font-size: 44px;
  }
}
@media (max-width: 479px) {
  .conditions .conditionsIntroduction {
    font-size: 36px;
  }
}
.conditions .serviceTermsDescription {
  margin: 25px 0 0;
  font: 16px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
.conditions .serviceTermsDescription1 {
  margin: 15px 0 0;
  font: 16px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
.conditions .termsOverviewSection {
  display: flex;
  flex-direction: column;
  background-color: white;
}
.conditions .columnContainer {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  margin: 112px auto 60px;
  width: 767.9861450195px;
  max-width: 85%;
}
@media (max-width: 575px) {
  .conditions .columnContainer {
    position: relative;
    margin: 80px auto 60px;
  }
}
@media (max-width: 383px) {
  .conditions .columnContainer {
    margin: 50px auto;
  }
}
.conditions .usageTermsSection {
  font: 48px/1.2 Archivo, Helvetica, Arial, serif;
  color: #9a3927;
  letter-spacing: -0.48px;
}
@media (max-width: 991px) {
  .conditions .usageTermsSection {
    align-items: flex-start;
    font-size: 44px;
  }
}
@media (max-width: 479px) {
  .conditions .usageTermsSection {
    font-size: 36px;
  }
}
.conditions .termsInfo {
  margin: 24px 0 0;
  font: 16px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
.conditions .termsDetails {
  font: 16px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
.conditions .moreDetails {
  font: 16px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
.conditions .infoSection {
  min-height: 546px;
}