/* -- Fonts */
/* -- Style Control */
/* -- Color */
@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url('../fonts/SourceSansPro-Regular/SourceSansPro-Regular.svg'), url('../fonts/SourceSansPro-Regular/SourceSansPro-Regular.eot'), url('../fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf'), url('../fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff'), url('../fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url('../fonts/SourceSansPro-Bold/SourceSansPro-Bold.svg'), url('../fonts/SourceSansPro-Bold/SourceSansPro-Bold.eot'), url('../fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf'), url('../fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff'), url('../fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff2');
  font-weight: normal;
  font-style: normal;
}
html {
  font-size: 1.11111111vw;
}
@media (max-width: 767px) {
  html {
    font-size: 4.375vw;
  }
}
html .overflow-hidden {
  position: fixed;
  width: 100%;
  height: 100%;
}
html .d-flex {
  display: -webkit-flex !important;
}
html .justify-content-center {
  justify-content: center !important;
  -webkit-justify-content: center !important;
}
html .justify-content-between {
  justify-content: space-between !important;
  -webkit-justify-content: space-between !important;
}
html .align-items-center {
  align-items: center !important;
  -webkit-align-items: center !important;
}
html .page-template-template-page-faqs .footer-content {
  padding-top: 0.0625rem;
}
@media (max-width: 767px) {
  html .page-template-template-page-faqs .footer-content {
    padding-top: 5.71428571rem;
  }
}
html .page-template-template-page-hidden .footer-content {
  padding-top: 0.0625rem;
}
@media (max-width: 767px) {
  html .page-template-template-page-hidden .footer-content {
    padding-top: 5.71428571rem;
  }
}
html .error404 .footer-content {
  padding-top: 0;
}
html .error404 .section-thanks .register_error .col-md-5:first-child img {
  max-width: 100%;
}
html body {
  font-family: 'SourceSansPro-Bold';
  color: #000;
  background-color: #f8f9fb;
}
html body .container {
  max-width: 75rem;
  padding: 0 0.9375rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  html body .container {
    padding: 0 1.42857143rem;
  }
  html body .container .row {
    margin: 0 -1.42857143rem;
  }
  html body .container .row [class*="col-"],
  html body .container .row [class^="col-"] {
    padding: 0 1.42857143rem;
  }
}
html body .title {
  font-size: 2.25rem;
  line-height: 1.25;
}
@media (max-width: 767px) {
  html body .title {
    font-size: 1.71428571rem;
    line-height: 1.29;
  }
}
html body img {
  max-width: 100%;
}
html body .btn:focus {
  box-shadow: none;
}
html body .description {
  font-family: 'SourceSansPro-Regular';
}
html body .full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
html body .display-none {
  display: none;
}
html body .display-table {
  display: table;
  width: 100%;
}
html body .display-table-cell {
  display: table-cell;
}
html body .display-none-important {
  display: none !important;
}
html body .right-0 {
  right: 0 !important;
}
html body .margin-top-show-map {
  margin-top: -10.92857143rem !important;
}
html body .logo {
  margin: 0 1.875rem;
  width: 12.6875rem;
  height: 3.125rem;
}
html body .logo img {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  html body .logo {
    margin: 0 1.42857143rem;
    width: 9.28571429rem;
    height: 2.28571429rem;
  }
}
html body .scroll {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
html body .scroll::-webkit-scrollbar {
  display: none;
}
html body .padding-top-120 {
  padding-top: 8.57142857rem !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease;
}
html body .padding-top-30 {
  padding-top: 2.14285714rem !important;
}
html body .padding-top-98-mobi {
  padding-top: 7rem;
}
html body .padding-top-160 {
  padding-top: 10rem;
}
html body .padding-top-100 {
  padding-top: 6.25rem !important;
}
html body .padding-top-292 {
  padding-top: 18.25rem !important;
}
html body .margin-top-sub-190 {
  margin-top: -11.875rem;
}
html body .btn-menu,
html body .phone-tag {
  display: inline-block;
}
html body .phone-tag {
  font-family: 'SourceSansPro-Regular';
  color: #fff;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.0625rem;
  background: #000;
}
@media (max-width: 767px) {
  html body .phone-tag {
    display: block;
    padding: 1.5rem 0;
    font-size: 1.14285714rem;
    letter-spacing: 1px;
  }
}
html body .phone-tag a {
  text-decoration: none;
  color: #fff;
}
@media (max-width: 767px) {
  html body .phone-tag a {
    text-align: center;
    width: 50%;
  }
  html body .phone-tag a:last-child {
    border-left: 1px solid #d0ea4c;
  }
}
html body .phone-tag a .phone-item {
  font-size: 1rem;
  display: inline-block;
  margin-right: 0.3125rem;
  width: 1.25rem;
  height: 1.25rem;
}
@media (max-width: 767px) {
  html body .phone-tag a .phone-item {
    width: 1.71428571rem;
    height: 1.71428571rem;
    display: block;
    margin: 0 auto 0.42857143rem auto;
  }
}
html body .phone-tag a .phone-item img {
  width: 100%;
}
html body .phone-tag a .tag-item {
  display: inline-block;
  margin-right: 0.3125rem;
  margin-left: 1.875rem;
  width: 1.5rem;
  height: 1.1875rem;
}
@media (max-width: 767px) {
  html body .phone-tag a .tag-item {
    width: 2.07142857rem;
    height: 1.64285714rem;
    display: block;
    margin: 0 auto 0.42857143rem auto;
  }
}
html body .phone-tag a .tag-item img {
  width: 100%;
}
html body .phone-tag-mobi {
  display: none;
}
@media (max-width: 767px) {
  html body .phone-tag-mobi {
    display: block;
  }
}
html body .position-top {
  position: fixed;
  top: 0;
}
html body .disappear-scrollbar-menu .menu-scroll-mobi {
  -ms-overflow-style: none;
}
html body .disappear-scrollbar-menu .menu-scroll-mobi::-webkit-scrollbar {
  display: none;
}
html body .disappear-scrollbar-menu .menu-scroll-mobi::-moz-scrollbars {
  display: none;
}
html body header {
  display: block;
  width: 100%;
  background: #000;
  z-index: 1000;
}
html body header .navbar-header {
  height: 5rem;
  width: 100%;
  background: #000;
  z-index: 1000;
  -webkit-transform: translate3d(0, 0, 2px);
}
@media (max-width: 767px) {
  html body header .navbar-header {
    height: 3.57142857rem;
  }
}
html body header .navbar-header .navbar-right {
  height: 100%;
}
@media (max-width: 767px) {
  html body header .navbar-header .navbar-right .phone-tag {
    display: none;
  }
}
html body header .direction-header .direction-icon {
  width: 0.875rem;
  height: 100%;
  display: inline-block;
}
@media (max-width: 767px) {
  html body header .direction-header .direction-icon {
    width: 0.71428571rem;
  }
}
html body header .direction-header .name-item {
  color: #d0ea4c;
  font-size: 1.75rem;
  line-height: 1.35;
  display: inline-block;
  margin: 0 0.625rem;
}
@media (max-width: 767px) {
  html body header .direction-header .name-item {
    font-size: 1.28571429rem;
    line-height: 1.28;
  }
}
html body header .direction-header .direction-list {
  padding: 0.25rem 0 0.625rem 0;
  word-spacing: -0.25rem;
  text-align: center;
}
@media (max-width: 767px) {
  html body header .direction-header .direction-list {
    padding: 0.07142857rem 0 0 0;
  }
}
html body header .direction-header .direction-list .direction-item {
  color: #e8eaef;
  width: 11.5rem;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  word-spacing: 0;
}
@media (max-width: 767px) {
  html body header .direction-header .direction-list .direction-item {
    width: 6.78571429rem;
  }
}
html body header .direction-header .direction-list .direction-item .description {
  padding-bottom: 0.3125rem;
}
html body header .direction-header .direction-list .direction-item .description a {
  text-decoration: none;
  color: inherit;
}
@media (max-width: 767px) {
  html body header .direction-header .direction-list .direction-item .description {
    font-size: 0.71428571rem;
    line-height: 1.68;
  }
}
html body header .direction-header .direction-list .direction-item::after {
  content: "";
  background: #e8eaef;
  height: 0.25rem;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
@media (max-width: 767px) {
  html body header .direction-header .direction-list .direction-item::after {
    height: 0.14285714rem;
  }
}
html body header .btn-menu {
  background: #d0ea4c;
  width: 5rem;
  margin-left: 1.25rem;
  cursor: pointer;
  height: 100%;
}
html body header .btn-menu img {
  width: 1.25rem;
}
@media (max-width: 767px) {
  html body header .btn-menu {
    width: 3.57142857rem;
    margin-left: 0;
  }
}
html body header .menu {
  overflow: hidden;
  background-color: #fff;
  width: 0;
  right: 0;
  position: absolute;
  top: 0;
  z-index: 1050;
  -webkit-transform: translate3d(0, 0, 2px);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all .5s ease;
}
@media (max-width: 767px) {
  html body header .menu {
    overflow: auto;
    height: 100vh;
  }
}
html body header .menu::-webkit-scrollbar {
  display: none;
}
html body header .menu::-moz-scrollbars {
  display: none;
}
html body header .menu::-o-scrollbar {
  display: none;
}
html body header .menu::-google-ms-scrollbar {
  display: none;
}
html body header .menu::-khtml-scrollbar {
  display: none;
}
html body header .menu.open-menu {
  width: 23.125rem;
}
@media (max-width: 767px) {
  html body header .menu.open-menu {
    width: 22.85714286rem;
    height: 100vh;
  }
}
@media (max-width: 767px) {
  html body header .menu .menu-scroll-mobi {
    padding-top: 3.57142857rem;
  }
}
html body header .menu .menu-header {
  height: 5rem;
  background: #d0ea4c;
  font-size: 1.5rem;
  line-height: 1;
  -webkit-transform: translate3d(0, 0, 3px);
}
@media (max-width: 767px) {
  html body header .menu .menu-header {
    height: 3.57142857rem;
    font-size: 1.125rem;
    line-height: 1.33;
    position: absolute;
    top: 0;
    width: 100%;
  }
}
html body header .menu .menu-header .btn-close {
  background: #000;
}
html body header .menu .menu-header .btn-close > img {
  width: 0.875rem !important;
}
@media (max-width: 767px) {
  html body header .menu .menu-header .btn-close > img {
    width: 1rem !important;
  }
}
html body header .menu .menu-header .btn-close a {
  background: #000;
}
html body header .menu .menu-header .icon-menu {
  margin-left: 1.875rem;
}
html body header .menu .menu-header .icon-menu img {
  width: 1.25rem;
  margin-right: 0.625rem;
}
@media (max-width: 767px) {
  html body header .menu .menu-header .icon-menu img {
    width: 1.42857143rem;
  }
}
html body header .menu .menu-header .icon-menu,
html body header .menu .menu-header .btn-close {
  display: inline-block;
}
html body header .menu .menu-content .menu-item {
  line-height: 1.5;
  font-family: 'SourceSansPro-Bold';
}
@media (max-width: 767px) {
  html body header .menu .menu-content .menu-item {
    font-size: 1.14285714rem;
    line-height: 1.5;
  }
}
html body header .menu .menu-content .menu-item .btn-menu-add {
  width: 1.5rem;
  height: 1.5rem;
}
html body header .menu .menu-content .menu-item .btn-menu-add img {
  width: 100%;
}
html body header .menu .menu-content .menu-item:nth-child(odd) {
  background: #f8f9fb;
}
html body header .menu .menu-content .menu-item:nth-child(odd) .menu-children .menu-item:nth-child(even) {
  background: #f8f9fb;
}
html body header .menu .menu-content .menu-item:nth-child(odd) .menu-children .menu-item:nth-child(odd) {
  background: #ffffff;
}
html body header .menu .menu-content .menu-item:nth-child(even) {
  background: #ffffff;
}
html body header .menu .menu-content .menu-item:nth-child(even) .menu-children .menu-item:nth-child(even) {
  background: #ffffff;
}
html body header .menu .menu-content .menu-item:nth-child(even) .menu-children .menu-item:nth-child(odd) {
  background: #f8f9fb;
}
html body header .menu .menu-content .menu-item a {
  color: #000;
  padding: 0.625rem 1.875rem;
  display: inline-block;
  width: 100%;
  position: relative;
}
html body header .menu .menu-content .menu-item a img {
  position: absolute;
  right: 1.875rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
}
html body header .menu .menu-content .menu-item a:hover,
html body header .menu .menu-content .menu-item a:active {
  text-decoration: none;
}
html body header .menu .menu-content .menu-item .menu-children .menu-item a {
  padding: 0.625rem 3.125rem;
  font-family: 'SourceSansPro-Regular';
}
html body header .menu .menu-content .menu-item .menu-children .menu-item:nth-child(even) {
  background: #f8f9fb;
}
html body header .menu .menu-content .menu-item .menu-children .menu-item:nth-child(odd) {
  background: #ffffff;
}
html body header .menu .menu-footer {
  font-size: 1.5rem;
  line-height: 1;
}
@media (max-width: 767px) {
  html body header .menu .menu-footer {
    font-size: 1.28571429rem;
    line-height: 1.33;
  }
}
html body header .menu .menu-footer .delivery-item {
  padding: 1.8125rem;
  background: #d0ea4c;
  width: 100%;
  display: block;
  color: #000;
  text-decoration: none;
}
@media (max-width: 767px) {
  html body header .menu .menu-footer .delivery-item {
    padding: 1.5rem;
  }
}
html body header .menu .menu-footer .delivery-item img {
  width: 1.875rem;
  margin-right: 0.625rem;
}
@media (max-width: 767px) {
  html body header .menu .menu-footer .delivery-item img {
    width: 1.71428571rem;
  }
}
html body header .menu .menu-footer .pickup-item {
  padding: 1.5625rem 1.875rem 1.5625rem 1.5rem;
  background: #17594c;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 36%, rgba(0, 0, 0, 0.3));
  width: 100%;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 767px) {
  html body header .menu .menu-footer .pickup-item {
    padding-top: 1.21428571rem;
    padding-bottom: 1.14285714rem;
  }
}
html body header .menu .menu-footer .pickup-item img {
  width: 5.75rem;
}
html body header .menu .menu-footer .pickup-item img:first-child {
  width: 2.25rem;
  margin-right: 0.625rem;
}
html body header .active-current-page {
  color: #d0ea4c !important;
}
html body header .active-current-page::after {
  background: #d0ea4c !important;
}
html body .section .register-content {
  background: #d0ea4c;
  width: 100%;
  color: #000;
  border-radius: 0.5rem;
  padding-top: 3.125rem;
  padding-bottom: 0.9375rem;
  line-height: 1.25;
  margin-top: 6.5625rem;
  margin-bottom: -7.5rem;
  font-size: 1.5rem;
  text-align: center;
}
@media (max-width: 767px) {
  html body .section .register-content {
    width: 17.14285714rem;
    margin: 2.14285714rem auto -5.71428571rem auto;
    padding-top: 2.14285714rem;
    padding-bottom: 2.14285714rem;
    font-size: 1.42857143rem;
  }
}
html body .section .register-content a img:first-child {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
html body .section .register-content a img:first-child:hover {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
@media (max-width: 767px) {
  html body .section .register-content a img:first-child {
    display: none;
  }
}
html body .section .register-content a img:last-child {
  display: none;
}
@media (max-width: 767px) {
  html body .section .register-content a img:last-child {
    display: block;
    margin: 0 auto;
  }
}
html body .section .register-content h4 {
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  html body .section .register-content h4 {
    margin-bottom: 0.71428571rem;
    padding: 0 1.78571429rem;
  }
  html body .section .register-content h4 > span {
    display: block;
  }
}
html body .section .number {
  width: 2.75rem;
  height: 2.75rem;
  border: 2px solid #000;
  border-radius: 1.375rem;
  font-size: 1.75rem;
  display: inline-block;
  text-align: center;
  line-height: 1;
  padding-top: 0.3125rem;
}
@media (max-width: 767px) {
  html body .section .number {
    width: 2.5rem;
    height: 2.5rem;
    padding-top: 0.21428571rem;
  }
}
html body .section .btn-video {
  position: relative;
}
html body .section .btn-video a:hover {
  text-decoration: none;
}
html body .section .btn-video .btn-play {
  position: absolute;
  display: block;
  background: #000;
  padding: 0.875rem 1.875rem;
  border-radius: 0.5rem;
  -webkit-appearance: none;
  cursor: pointer;
  top: 50%;
  left: 50%;
  margin-top: -2rem;
  margin-left: -7.1875rem;
}
html body .section .btn-video .btn-play span {
  font-size: 1.5rem;
  color: #d0ea4c;
  padding-left: 1rem;
}
@media (max-width: 767px) {
  html body .section .btn-video .btn-play {
    padding: 0.67857143rem 1.32142857rem;
    border-radius: 0.28571429rem;
    top: 50%;
    left: 50%;
    margin-left: -5.14285714rem;
    margin-top: -1.42857143rem;
  }
  html body .section .btn-video .btn-play img {
    width: 1rem;
    height: 1.14285714rem;
  }
  html body .section .btn-video .btn-play span {
    font-size: 1rem;
  }
}
html body .section .reason-list {
  padding: 2.8125rem 6.25rem 5.9375rem 6.25rem;
}
@media (max-width: 767px) {
  html body .section .reason-list {
    padding: 0.71428571rem 0.71428571rem;
  }
}
html body .section .reason-list .display-table-cell {
  width: 2.75rem;
}
@media (max-width: 767px) {
  html body .section .reason-list .display-table-cell {
    width: 2.5rem;
  }
}
html body .section .reason-list .reason-item {
  font-size: 1.25rem;
  line-height: 1.4;
  display: table-cell;
  vertical-align: top;
  padding-left: 0.625rem;
}
@media (max-width: 767px) {
  html body .section .reason-list .reason-item {
    padding-left: 0.71428571rem;
    margin-right: 0;
    font-size: 1rem;
    line-height: 1.43;
  }
}
html body .section h2 {
  margin-bottom: 0;
}
html body .section.section-intro {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: #fff;
}
html body .section.section-intro .intro-content {
  padding-top: 20.875rem;
  padding-bottom: 7.4375rem;
}
@media (max-width: 767px) {
  html body .section.section-intro .intro-content {
    padding-top: 1.42857143rem;
    padding-bottom: 2.85714286rem;
  }
}
html body .section.section-intro .intro-content .intro-title {
  font-size: 2.875rem;
  line-height: 1.25;
}
html body .section.section-intro .intro-content .intro-title span {
  display: block;
  margin: 0;
  font-size: 6.25rem;
}
@media (max-width: 767px) {
  html body .section.section-intro .intro-content .intro-title {
    font-size: 1.64285714rem;
  }
  html body .section.section-intro .intro-content .intro-title span {
    font-size: 3.42857143rem;
  }
}
html body .section.section-intro .intro-content .description {
  margin-top: 1.25rem;
  line-height: 1.5;
}
@media (max-width: 767px) {
  html body .section.section-intro .intro-content .description {
    margin-top: 1rem;
    line-height: 1.43;
  }
}
html body .section.section-intro .intro-content .intro-video {
  margin-top: 1.6875rem;
  max-width: 35.625rem;
  height: 20rem;
}
html body .section.section-intro .intro-content .intro-video > img {
  width: 100%;
  height: 100%;
}
html body .section.section-intro .intro-content .intro-video video {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  html body .section.section-intro .intro-content .intro-video video {
    width: 20rem;
    height: 12rem;
  }
}
@media (max-width: 767px) {
  html body .section.section-intro .intro-content .intro-video {
    max-width: 20rem;
    height: 12rem;
    margin-top: 0.71428571rem;
  }
}
html body .section.section-stat {
  width: 75.625rem;
  height: 33.75rem;
  background-size: 100%;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  html body .section.section-stat {
    margin: 0 auto;
    position: relative;
    width: 20rem;
    height: 59.78571429rem;
    background-size: 100%;
    background-color: #fff;
    border-bottom-left-radius: 0.57142857rem;
    border-bottom-right-radius: 0.57142857rem;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.05);
  }
}
html body .section.section-stat::before {
  content: '';
  background: url("../../assets/images/icn-arrow-down-bg_black-96x96.png") no-repeat;
  background-size: 100%;
  position: absolute;
  width: 4rem;
  height: 4rem;
  top: -2rem;
  left: 50%;
  margin-left: -2rem;
}
@media (max-width: 767px) {
  html body .section.section-stat::before {
    width: 2.85714286rem;
    height: 2.85714286rem;
    top: -1.42857143rem;
    left: 50%;
  }
}
html body .section.section-stat .stat-content {
  padding-top: 3.875rem;
  padding-left: 7.5rem;
}
@media (max-width: 767px) {
  html body .section.section-stat .stat-content {
    padding-top: 2.14285714rem;
    padding-left: 0.71428571rem;
  }
}
html body .section.section-stat .stat-content .stat-title {
  font-size: 2.25rem;
  line-height: 1.25;
  margin-bottom: 1.0625rem;
}
@media (max-width: 767px) {
  html body .section.section-stat .stat-content .stat-title {
    font-size: 1.71428571rem;
    line-height: 1.3;
    margin-bottom: 0.71428571rem;
  }
}
html body .section.section-stat .stat-content .stat-item {
  line-height: 1.875;
  padding-left: 1.0625rem;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  html body .section.section-stat .stat-content .stat-item {
    line-height: 1.7;
    padding-left: 0.85714286rem;
    padding-right: 1.57142857rem;
  }
}
html body .section.section-stat .stat-content .stat-item:before {
  content: '';
  background: url("../../assets/images/icon-arrow-right-stat.png") no-repeat;
  background-size: 100%;
  position: absolute;
  width: 0.4375rem;
  height: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  left: 0;
}
@media (max-width: 767px) {
  html body .section.section-stat .stat-content .stat-item:before {
    width: 0.5rem;
    height: 0.57142857rem;
    top: 0.71428571rem;
  }
}
html body .section.section-stat .stat-bottom {
  margin: 0 1.25rem;
  position: absolute;
  width: 73.125rem;
  top: 23.1875rem;
  left: 0;
  background: #000;
  padding: 1.8125rem 3.125rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
@media (max-width: 767px) {
  html body .section.section-stat .stat-bottom {
    padding: 1.42857143rem 3.57142857rem;
    width: 20rem;
    top: 42.64285714rem;
    margin: 0;
  }
}
@media (max-width: 767px) {
  html body .section.section-stat .stat-bottom .item-stat-bottom {
    margin-bottom: 0.71428571rem;
  }
  html body .section.section-stat .stat-bottom .item-stat-bottom:last-child {
    margin-bottom: 0;
  }
}
html body .section.section-stat .stat-bottom .item-stat-bottom .item-number {
  font-size: 4.5rem;
  line-height: 1;
  color: #aecc17;
  display: inline-block;
  margin-right: 1.25rem;
}
@media (max-width: 767px) {
  html body .section.section-stat .stat-bottom .item-stat-bottom .item-number {
    font-size: 3.42857143rem;
    margin-right: 0.71428571rem;
    line-height: 1.25;
  }
}
html body .section.section-stat .stat-bottom .item-stat-bottom .item-text {
  color: #fff;
  text-decoration: underline;
  display: inline-block;
}
html body .section.section-product {
  padding-bottom: 8.75rem;
}
@media (max-width: 767px) {
  html body .section.section-product {
    padding-bottom: 0;
  }
}
html body .section.section-product .product-content {
  background: #d0ea4c;
  border-radius: 0.5rem;
  margin-top: 3.75rem;
}
@media (max-width: 767px) {
  html body .section.section-product .product-content {
    margin-top: 2.14285714rem;
  }
}
html body .section.section-product .product-content .vertical-item {
  position: relative;
}
html body .section.section-product .product-content .vertical-item .item-left {
  position: absolute;
  left: -4.0625rem;
  top: 3.4375rem;
  width: 44.9375rem;
  height: 40.5rem;
  max-width: inherit;
  display: block;
}
html body .section.section-product .product-content .vertical-item .item-left img {
  max-width: inherit;
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  html body .section.section-product .product-content .vertical-item .item-left {
    position: relative;
    top: 0.71428571rem;
    left: 0;
    margin-left: -0.71428571rem;
    width: 21.28571429rem;
    height: 19.14285714rem;
  }
}
html body .section.section-product .product-content .vertical-item .item-right {
  margin-left: 60%;
  padding-top: 3.75rem;
  padding-bottom: 7.375rem;
  padding-right: 6.125rem;
}
html body .section.section-product .product-content .vertical-item .item-right .description p {
  margin-top: 2.8125rem;
  margin-bottom: 0;
}
html body .section.section-product .product-content .vertical-item .item-right .description p:last-child {
  margin-top: 1.4375rem;
}
@media (max-width: 767px) {
  html body .section.section-product .product-content .vertical-item .item-right {
    margin-left: 0;
    padding: 3.07142857rem 0.71428571rem 2.42857143rem 0.71428571rem;
  }
  html body .section.section-product .product-content .vertical-item .item-right .title {
    text-align: center;
  }
  html body .section.section-product .product-content .vertical-item .item-right .description p {
    margin-top: 0.71428571rem;
    line-height: 1.75;
  }
  html body .section.section-product .product-content .vertical-item .item-right .description p:last-child {
    margin-top: 1.78571429rem;
  }
}
html body .section.section-reason,
html body .section.section-lifestyle {
  padding-top: 5rem;
}
@media (max-width: 767px) {
  html body .section.section-reason,
  html body .section.section-lifestyle {
    padding-top: 2.5rem;
  }
}
html body .section.section-reason .reason-content,
html body .section.section-lifestyle .reason-content {
  background: #d0ea4c;
  border-radius: 0.5rem;
}
html body .section.section-reason .reason-content .reason-title,
html body .section.section-lifestyle .reason-content .reason-title {
  background: #000;
  width: 60.625rem;
  border-radius: 0.5rem;
  color: #d0ea4c;
  padding: 2.5rem 0.625rem;
  line-height: 1.25;
  margin-top: -3.9375rem;
  text-align: center;
}
@media (max-width: 767px) {
  html body .section.section-reason .reason-content .reason-title,
  html body .section.section-lifestyle .reason-content .reason-title {
    padding: 1.42857143rem 0.71428571rem;
    margin: 0;
  }
}
html body .section.section-reason .margin-top-bottom,
html body .section.section-lifestyle .margin-top-bottom {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  html body .section.section-reason .margin-top-bottom,
  html body .section.section-lifestyle .margin-top-bottom {
    margin: 0.85714286rem 0;
  }
}
html body .section.section-review .review-content {
  padding: 6.25rem 0;
}
@media (max-width: 767px) {
  html body .section.section-review .review-content {
    padding: 2.14285714rem 0;
  }
}
html body .section.section-review .review-content .review-title {
  text-align: center;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  html body .section.section-review .review-content .review-title {
    margin-bottom: 1.42857143rem;
  }
}
html body .section.section-review .review-content .owl-item.slider {
  opacity: 0.4;
}
html body .section.section-review .review-content .owl-item.slider.active {
  opacity: 1;
}
html body .section.section-review .review-content .owl-item.slider.active + .active + .active + .active {
  opacity: 0.4;
}
@media (max-width: 767px) {
  html body .section.section-review .review-content .owl-item.slider.active + .active {
    opacity: 0.4;
  }
}
html body .section.section-review .review-content .slider-item {
  margin-left: 1.875rem;
  margin-right: 1.875rem;
  background-color: #fff;
  border-radius: 0.5rem;
  width: 23.125rem;
  height: 17.625rem;
}
@media (max-width: 767px) {
  html body .section.section-review .review-content .slider-item {
    margin-left: 0.71428571rem;
    margin-right: 0.71428571rem;
    border-radius: 0.45714286rem;
    width: 17.14285714rem;
    height: 15.71428571rem;
  }
}
html body .section.section-review .review-content .slider-item:before {
  content: "";
  background: #d0ea4c;
  height: 0.5rem;
  width: 100%;
  border-radius: 0.5rem;
  display: block;
}
@media (max-width: 767px) {
  html body .section.section-review .review-content .slider-item:before {
    height: 0.42857143rem;
    border-radius: 0.45714286rem;
  }
}
html body .section.section-review .review-content .slider-item .item-content {
  padding: 1.375rem 1.875rem 2rem 1.875rem;
  min-height: 17.125rem;
}
@media (max-width: 767px) {
  html body .section.section-review .review-content .slider-item .item-content {
    padding: 1.28571429rem 1.42857143rem 0.68571429rem 1.42857143rem;
    min-height: 13.85714286rem;
  }
}
html body .section.section-review .review-content .slider-item .item-content .item-header > img:first-child {
  width: 4rem;
  border-radius: 50%;
}
@media (max-width: 767px) {
  html body .section.section-review .review-content .slider-item .item-content .item-header > img:first-child {
    width: 3.57142857rem;
  }
}
html body .section.section-review .review-content .slider-item .item-content .item-header .item-title {
  margin-left: 1.25rem;
}
@media (max-width: 767px) {
  html body .section.section-review .review-content .slider-item .item-content .item-header .item-title {
    margin-left: 0.71428571rem;
  }
}
html body .section.section-review .review-content .slider-item .item-content .item-header .item-title .name-title {
  font-size: 1.5rem !important;
  line-height: 1.25;
}
@media (max-width: 767px) {
  html body .section.section-review .review-content .slider-item .item-content .item-header .item-title .name-title {
    line-height: 1.2;
  }
}
html body .section.section-review .review-content .slider-item .item-content .item-header .item-title .description {
  margin-bottom: 0.3125rem;
}
@media (max-width: 767px) {
  html body .section.section-review .review-content .slider-item .item-content .item-header .item-title .description {
    font-size: 0.85714286rem;
    margin-bottom: 0.28571429rem;
  }
}
html body .section.section-review .review-content .slider-item .item-content .item-header .item-title img {
  margin-right: 0.3125rem;
  width: 1rem;
}
@media (max-width: 767px) {
  html body .section.section-review .review-content .slider-item .item-content .item-header .item-title img {
    margin-right: 0.28571429rem;
    width: 0.91428571rem;
  }
}
html body .section.section-review .review-content .slider-item .item-content .item-desc {
  margin: 1.25rem 0;
  font-family: 'SourceSansPro-Regular';
}
html body .section.section-review .review-content .slider-item .item-content .item-desc .ellipsis_text {
  margin-bottom: 0.3125rem;
}
@media (max-width: 767px) {
  html body .section.section-review .review-content .slider-item .item-content .item-desc {
    font-size: 0.85714286rem;
    line-height: 1.6;
    margin: 0.71428571rem 0;
  }
}
html body .section.section-review .review-content .bx-wrapper {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0;
  background: #f8f9fb;
}
html body .section.section-review .review-content .spinner {
  width: 100%;
  height: 100%;
  text-align: center;
}
html body .section.section-review .review-content .spinner .centerer {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
html body .section.section-review .review-content .spinner img {
  height: 50px;
  width: 50px;
}
@media (max-width: 767px) {
  html body .section.section-review .review-content .spinner img {
    height: auto;
    width: auto;
  }
}
html body .section.section-video .video-custom {
  height: 37.5rem;
  background: #000;
  overflow: hidden;
}
@media (max-width: 767px) {
  html body .section.section-video .video-custom {
    height: 13.71428571rem;
  }
}
html body .section.section-video .video-custom .pos-video {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  html body .section.section-video .video-custom .pos-video {
    height: 13.71428571rem;
  }
}
html body .section.section-video .video-custom video {
  width: 100%;
  height: 100%;
}
@media (max-width: 1280px) {
  html body .section.section-video .video-custom video {
    height: 37.55rem;
  }
}
@media (max-width: 767px) {
  html body .section.section-video .video-custom video {
    width: 22.85714286rem;
    height: 13.71428571rem;
  }
}
html body .section.section-video .video-custom .img-video {
  height: 100%;
}
html body .section.section-video .video-custom .img-video img {
  height: 100%;
}
@media (max-width: 767px) {
  html body .section.section-video .video-custom .img-video img:first-child {
    display: none;
  }
}
html body .section.section-video .video-custom .img-video img:nth-child(2) {
  display: none;
}
@media (max-width: 767px) {
  html body .section.section-video .video-custom .img-video img:nth-child(2) {
    display: block;
  }
}
html body .section.section-support .support-content {
  padding-top: 6.25rem;
}
@media (max-width: 767px) {
  html body .section.section-support .support-content {
    padding-top: 2.14285714rem;
  }
}
html body .section.section-support .support-content .support-title {
  text-align: center;
}
@media (max-width: 767px) {
  html body .section.section-support .support-content .support-title {
    padding: 0 2.14285714rem;
  }
}
html body .section.section-support .support-content .support-item {
  margin-top: 5rem;
  width: 16.875rem;
  background-color: #000;
  border-radius: 0.5rem;
  color: #fff;
  text-align: center;
  padding: 3.125rem 0.9375rem 1.875rem 0.9375rem;
}
@media (max-width: 767px) {
  html body .section.section-support .support-content .support-item {
    margin-top: 0.71428571rem;
    width: 100%;
    padding: 1.42857143rem 2.14285714rem;
  }
}
html body .section.section-support .support-content .support-item > img {
  width: auto;
  height: 7.07142857rem;
}
@media (max-width: 767px) {
  html body .section.section-support .support-content .support-item > img {
    height: 5.28571429rem;
  }
}
html body .section.section-support .support-content .support-item > div {
  height: 3.375rem;
  margin-top: 1.3125rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.5;
}
@media (max-width: 767px) {
  html body .section.section-support .support-content .support-item > div {
    height: 2.85714286rem;
    margin-top: 0.71428571rem;
    font-size: 1rem;
    line-height: 1.43;
  }
}
html body .section.section-support .support-content .register-content a img:first-child {
  width: 27.625rem;
  height: auto;
}
@media (max-width: 767px) {
  html body .section.section-support .support-content .register-content a img:first-child {
    display: none;
  }
}
html body .section.section-support .support-content .register-content a img:last-child {
  display: none;
}
@media (max-width: 767px) {
  html body .section.section-support .support-content .register-content a img:last-child {
    display: block;
    width: 11.42857143rem;
    height: auto;
    margin: 0 auto;
  }
}
html body .section.section-map {
  background: #fff;
  position: relative;
  padding-top: 0.625rem;
}
html body .section.section-map > img {
  max-width: inherit;
  width: 100%;
  height: 50rem;
}
@media (max-width: 767px) {
  html body .section.section-map > img {
    height: 38.57142857rem;
    object-fit: cover;
  }
}
html body .section.section-map .map-img {
  width: 4rem;
  height: 4rem;
  position: absolute;
  bottom: -2rem;
  left: 50%;
  margin-left: -2rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  html body .section.section-map .map-img {
    width: 2.85714286rem;
    height: 2.85714286rem;
    position: absolute;
    bottom: -1.42857143rem;
    margin-left: -1.42857143rem;
  }
}
html body .section.section-map .map-img img {
  width: 100%;
}
html body .section.section-map .map-option {
  background: #fff;
  width: 60.625rem;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
  border: 2px solid rgba(0, 0, 0, 0.2);
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -30.3125rem;
  margin-bottom: 0.625rem;
}
@media (max-width: 767px) {
  html body .section.section-map .map-option {
    width: 20rem;
    transition: all 0.5s ease;
    margin-left: -10rem;
    z-index: 10;
    border: none;
  }
}
html body .section.section-map .map-option hr {
  color: #e8eaef;
  margin: 0.9375rem -1.875rem;
}
@media (max-width: 767px) {
  html body .section.section-map .map-option hr {
    margin: 0.71428571rem -0.71428571rem 1.42857143rem -0.71428571rem;
  }
}
html body .section.section-map .map-option .title {
  padding-top: 1.8125rem;
  padding-bottom: 1.1875rem;
  text-align: center;
}
@media (max-width: 767px) {
  html body .section.section-map .map-option .title {
    padding: 0.58928571rem 0;
    font-size: 1.28571429rem;
    line-height: 1.72;
    margin: 0;
  }
}
html body .section.section-map .map-option .container-map-option {
  padding-left: 6.25rem;
  padding-right: 6.25rem;
  padding-bottom: 2.5rem;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  html body .section.section-map .map-option .container-map-option {
    padding: 0 0.71428571rem 1.42857143rem 0.71428571rem;
  }
}
html body .section.section-map .map-option span {
  font-family: 'SourceSansPro-Regular';
  text-align: left;
}
html body .section.section-map .map-option .select-menu {
  width: 100%;
  height: 3.125rem;
  margin-top: 0.5rem;
  margin-bottom: 0.625rem;
  border-radius: 0.25rem;
  font-weight: bold;
  position: relative;
  display: block !important;
}
@media (max-width: 767px) {
  html body .section.section-map .map-option .select-menu {
    margin-top: 0.35714286rem;
    margin-bottom: 0.57142857rem;
  }
}
html body .section.section-map .map-option .select-menu > button:after {
  content: '';
  position: absolute;
  width: 0.9375rem;
  height: 1.25rem;
  background: url("../../assets/images/icn-arrow-down.png") no-repeat;
  background-size: 100%;
  top: 1.1875rem;
  right: 2.0625rem;
  border: none;
}
@media (max-width: 767px) {
  html body .section.section-map .map-option .select-menu > button:after {
    right: 0.92857143rem;
  }
}
html body .section.section-map .map-option .select-menu .custom-select {
  padding: 0 1.25rem;
  height: 100%;
  background: #f8f9fb;
  border: 1px solid #e8eaef;
  text-align: left;
}
html body .section.section-map .map-option .select-menu .custom-select:focus {
  box-shadow: none;
}
@media (max-width: 767px) {
  html body .section.section-map .map-option .select-menu .custom-select {
    padding: 0 0.71428571rem;
  }
}
html body .section.section-map .map-option .select-menu .custom-select span {
  font-family: 'SourceSansPro-Bold';
}
html body .section.section-map .map-option .select-menu .dropdown-menu.show {
  width: 100%;
}
html body .section.section-map .map-option .select-menu .dropdown-item {
  height: 2.5rem;
  cursor: pointer;
  padding-left: 1.25rem;
}
@media (max-width: 767px) {
  html body .section.section-map .map-option .select-menu .dropdown-item {
    height: 2.5rem;
    padding-left: 0.71428571rem;
  }
}
html body .section.section-map .map-option .map-info {
  position: relative;
  padding-left: 1.625rem;
}
@media (max-width: 767px) {
  html body .section.section-map .map-option .map-info {
    padding-left: 2.57142857rem;
    font-size: 1.14285714rem;
    line-height: 1.5;
    margin-bottom: 0.71428571rem;
  }
}
html body .section.section-map .map-option .map-info a {
  position: absolute;
  top: 0.1875rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: #f9ad81;
}
@media (max-width: 767px) {
  html body .section.section-map .map-option .map-info a {
    left: 0.71428571rem;
    top: 0.35714286rem;
  }
}
html body .section.section-map .map-option .map-info .limit-text {
  margin-right: 3.75rem;
  height: 2.9375rem;
  font-family: 'SourceSansPro-Regular';
  color: #a9aaad;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  html body .section.section-map .map-option .map-info .limit-text {
    height: 100%;
    margin-right: 5.35714286rem;
  }
}
html body .section.section-map .map-option .map-info .status {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 767px) {
  html body .section.section-map .map-option .map-info .status {
    margin-right: 0.71428571rem;
  }
}
html body .section.section-process {
  background: #fff;
}
html body .section.section-process .process-content {
  padding-top: 5.75rem;
  padding-bottom: 3.9375rem;
}
@media (max-width: 767px) {
  html body .section.section-process .process-content {
    padding-top: 2.14285714rem;
    padding-bottom: 0.71428571rem;
  }
}
html body .section.section-process .process-content .process-title {
  text-align: center;
}
html body .section.section-process .process-content .process-list:after,
html body .section.section-process .process-content .process-list:before {
  content: '';
  clear: both;
  display: table;
}
html body .section.section-process .process-content .container-custom {
  max-width: 60.625rem;
  margin: 0 auto;
}
html body .section.section-process .process-content ul {
  list-style: none;
  padding: 0;
  margin: 0 -2.5rem;
}
@media (max-width: 767px) {
  html body .section.section-process .process-content ul {
    margin: 0;
  }
}
html body .section.section-process .process-content ul li {
  float: left;
  width: 33.333333%;
  margin: 0 !important;
}
@media (max-width: 767px) {
  html body .section.section-process .process-content ul li {
    width: 100%;
  }
}
html body .section.section-process .process-content ul li .process-item {
  position: relative;
  margin: 0 auto;
  text-align: center;
  margin-top: 5rem;
  width: 16.875rem;
  min-height: 16.875rem;
  background-color: #000;
  border-radius: 0.5rem;
  color: #fff;
  padding: 2.0625rem 2.1875rem 1.875rem 2.1875rem;
}
@media (max-width: 767px) {
  html body .section.section-process .process-content ul li .process-item {
    margin-top: 0.71428571rem;
    margin-bottom: 1.42857143rem;
    width: 20rem;
    min-height: 11.71428571rem;
    padding: 1rem 1.42857143rem 0.71428571rem 1.42857143rem;
  }
}
html body .section.section-process .process-content ul li .process-item .process-item-img {
  width: 9.25rem;
  height: auto;
  margin: 0 auto;
}
html body .section.section-process .process-content ul li .process-item .process-item-img img {
  max-width: inherit;
  width: 100%;
}
@media (max-width: 767px) {
  html body .section.section-process .process-content ul li .process-item .process-item-img {
    width: 6.28571429rem;
  }
}
html body .section.section-process .process-content ul li .process-item .process-item-text {
  height: 3.375rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.5;
}
@media (max-width: 767px) {
  html body .section.section-process .process-content ul li .process-item .process-item-text {
    height: 2.85714286rem;
    font-size: 1rem;
    line-height: 1.43;
  }
}
html body .section.section-process .process-content ul li .process-item .process-item-text > p {
  margin-bottom: 0;
}
html body .section.section-process .process-content ul li .process-item:after {
  content: '';
  width: 5.5625rem;
  height: 1.25rem;
  background: url("../../assets/images/icn-direction-arrow-right.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: -5rem;
  top: 50%;
  margin-top: -0.625rem;
  z-index: 1;
}
@media (max-width: 767px) {
  html body .section.section-process .process-content ul li .process-item:after {
    background: url("../../assets/images/icn-direction-arrow-down.png") no-repeat;
    background-size: contain;
    width: 0.71428571rem;
    height: 2.64285714rem;
    top: 98%;
    left: 50%;
    margin-top: 0;
    margin-left: -0.35714286rem;
  }
}
html body .section.section-process .process-content ul.list-top li:last-child .process-item:after {
  background: url("../../assets/images/icn-direction-arrow-down.png") no-repeat;
  background-size: contain;
  height: 5.5625rem;
  width: 1.25rem;
  top: 100%;
  left: 50%;
  margin-top: 0;
  margin-left: -0.625rem;
}
@media (max-width: 767px) {
  html body .section.section-process .process-content ul.list-top li:last-child .process-item:after {
    background: url("../../assets/images/icn-direction-arrow-down.png") no-repeat;
    background-size: contain;
    width: 0.71428571rem;
    height: 2.64285714rem;
    top: 98%;
    left: 50%;
    margin-top: 0;
    margin-left: -0.35714286rem;
  }
}
html body .section.section-process .process-content ul.list-bottom li {
  float: right;
}
html body .section.section-process .process-content ul.list-bottom li:nth-child(1) .process-item:after {
  content: '';
  background: none;
}
@media (max-width: 767px) {
  html body .section.section-process .process-content ul.list-bottom li:nth-child(1) .process-item:after {
    content: '';
    background: url("../../assets/images/icn-direction-arrow-down.png") no-repeat;
    background-size: contain;
    width: 0.71428571rem;
    height: 2.64285714rem;
    top: 98%;
    left: 50%;
    margin-top: 0;
    margin-left: -0.35714286rem;
  }
}
html body .section.section-process .process-content ul.list-bottom li:nth-child(3) .process-item:after {
  content: '';
  width: 5.5625rem;
  height: 1.25rem;
  background: url("../../assets/images/icn-direction-arrow-right.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: -5.5625rem;
  top: 50%;
  z-index: 1;
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Safari 3-8 */
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  html body .section.section-process .process-content ul.list-bottom li:nth-child(3) .process-item:after {
    display: none;
  }
}
html body .section.section-process .process-content ul.list-bottom li:nth-child(2) .process-item:after {
  content: '';
  width: 5.5625rem;
  height: 1.25rem;
  background: url("../../assets/images/icn-direction-arrow-right.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: -5.5625rem;
  top: 50%;
  margin-top: -0.625rem;
  z-index: 1;
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Safari 3-8 */
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  html body .section.section-process .process-content ul.list-bottom li:nth-child(2) .process-item:after {
    background: url("../../assets/images/icn-direction-arrow-down.png") no-repeat;
    background-size: contain;
    width: 0.71428571rem;
    height: 2.64285714rem;
    top: 98%;
    left: 50%;
    margin-top: 0;
    margin-left: -0.35714286rem;
    -ms-transform: none;
    /* IE 9 */
    -webkit-transform: none;
    /* Safari 3-8 */
    transform: none;
  }
}
html body .section.section-detail-process .card,
html body .section.section-reason-franchies .card {
  border: none;
  background: #f8f9fb;
}
html body .section.section-detail-process .card .card-header,
html body .section.section-reason-franchies .card .card-header {
  background: #000;
  color: #d0ea4c;
  width: 60.625rem;
  padding: 0;
  border-radius: 0.5rem;
  margin: 0 auto -3.9375rem auto;
  text-align: center;
  z-index: 10;
  -webkit-transform: translate3d(0, 0, 1px);
}
@media (max-width: 767px) {
  html body .section.section-detail-process .card .card-header,
  html body .section.section-reason-franchies .card .card-header {
    width: 20rem;
    border-radius: 0.28571429rem;
  }
}
html body .section.section-detail-process .card.card-collapse .card-header a,
html body .section.section-reason-franchies .card.card-collapse .card-header a {
  display: inline-block;
  cursor: pointer;
  width: 100%;
  padding: 2.5rem 0;
  -webkit-transform: translate3d(0, 0, 0);
}
@media (max-width: 767px) {
  html body .section.section-detail-process .card.card-collapse .card-header a,
  html body .section.section-reason-franchies .card.card-collapse .card-header a {
    padding: 1.07142857rem 0;
  }
}
html body .section.section-detail-process .card.card-collapse .card-header a:after,
html body .section.section-reason-franchies .card.card-collapse .card-header a:after {
  content: '';
  display: inline-block;
  background: url("../../assets/images/icn-arrow-up-x2.png") center no-repeat;
  background-size: 100%;
  width: 1.875rem;
  height: 1.25rem;
  margin-left: 1.25rem;
}
@media (max-width: 767px) {
  html body .section.section-detail-process .card.card-collapse .card-header a:after,
  html body .section.section-reason-franchies .card.card-collapse .card-header a:after {
    height: 0.78571429rem;
    width: 1.21428571rem;
    margin-left: 0.57142857rem;
  }
}
html body .section.section-detail-process .card.card-collapse .card-header a.collapsed,
html body .section.section-reason-franchies .card.card-collapse .card-header a.collapsed {
  display: inline-block;
  cursor: pointer;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
}
html body .section.section-detail-process .card.card-collapse .card-header a.collapsed:after,
html body .section.section-reason-franchies .card.card-collapse .card-header a.collapsed:after {
  content: '';
  display: inline-block;
  background: url("../../assets/images/icn-arrow-down-x2.png") center no-repeat;
  background-size: 100%;
  width: 1.875rem;
  height: 1.25rem;
  margin-left: 1.25rem;
}
@media (max-width: 767px) {
  html body .section.section-detail-process .card.card-collapse .card-header a.collapsed:after,
  html body .section.section-reason-franchies .card.card-collapse .card-header a.collapsed:after {
    height: 0.78571429rem;
    width: 1.21428571rem;
    margin-left: 0.57142857rem;
  }
}
html body .section.section-detail-process .card .detail-content,
html body .section.section-reason-franchies .card .detail-content {
  position: relative;
  width: 100%;
  background: #d0ea4c;
  padding: 7.6875rem 3.5625rem 8.375rem 3.5625rem;
  border-radius: 0.5rem;
  margin-bottom: -3.9375rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  html body .section.section-detail-process .card .detail-content,
  html body .section.section-reason-franchies .card .detail-content {
    padding: 6.07142857rem 0.71428571rem 0.71428571rem 0.71428571rem;
    margin-bottom: 0;
  }
}
html body .section.section-detail-process .card .detail-content .number,
html body .section.section-reason-franchies .card .detail-content .number {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1.375rem;
  background: #d0ea4c;
  z-index: 9;
}
@media (max-width: 767px) {
  html body .section.section-detail-process .card .detail-content .number,
  html body .section.section-reason-franchies .card .detail-content .number {
    left: 1.28571429rem;
    width: 2.5rem;
  }
}
html body .section.section-detail-process .card .detail-content .detail-item-content,
html body .section.section-reason-franchies .card .detail-content .detail-item-content {
  position: relative;
  width: 45%;
  font-size: 1.25rem;
  line-height: 1.4;
  text-align: right;
}
@media (max-width: 767px) {
  html body .section.section-detail-process .card .detail-content .detail-item-content,
  html body .section.section-reason-franchies .card .detail-content .detail-item-content {
    left: 3.21428571rem;
    width: 80%;
    font-size: 1rem;
    line-height: 1.4;
    text-align: left;
  }
}
html body .section.section-detail-process .card .detail-content .detail-item,
html body .section.section-reason-franchies .card .detail-content .detail-item {
  position: relative;
  height: 4.625rem;
}
@media (max-width: 767px) {
  html body .section.section-detail-process .card .detail-content .detail-item,
  html body .section.section-reason-franchies .card .detail-content .detail-item {
    height: 100%;
    margin-bottom: 1.42857143rem;
  }
}
html body .section.section-detail-process .card .detail-content .detail-item:before,
html body .section.section-reason-franchies .card .detail-content .detail-item:before {
  content: '';
  position: absolute;
  height: 200%;
  width: 2px;
  top: -170%;
  left: 50%;
  margin-left: -0.125rem;
  background: #000;
}
@media (max-width: 767px) {
  html body .section.section-detail-process .card .detail-content .detail-item:before,
  html body .section.section-reason-franchies .card .detail-content .detail-item:before {
    top: -175%;
    left: 1.21428571rem;
  }
}
html body .section.section-detail-process .card .detail-content .detail-item:after,
html body .section.section-reason-franchies .card .detail-content .detail-item:after {
  content: '';
  display: table;
  clear: both;
}
html body .section.section-detail-process .card .detail-item:nth-child(odd) .detail-item-content,
html body .section.section-reason-franchies .card .detail-item:nth-child(odd) .detail-item-content {
  float: right;
  text-align: left;
}
@media (max-width: 767px) {
  html body .section.section-detail-process .card .detail-item:nth-child(odd) .detail-item-content,
  html body .section.section-reason-franchies .card .detail-item:nth-child(odd) .detail-item-content {
    float: none;
  }
}
html body .section.section-benefit,
html body .section.section-flexibility,
html body .section.section-activity,
html body .section.section-required,
html body .section.section-product-detail-faq {
  padding-top: 10.1875rem;
  padding-bottom: 7.75rem;
}
@media (max-width: 767px) {
  html body .section.section-benefit,
  html body .section.section-flexibility,
  html body .section.section-activity,
  html body .section.section-required,
  html body .section.section-product-detail-faq {
    padding-top: 8.35714286rem;
    padding-bottom: 3.57142857rem;
  }
  html body .section.section-benefit #accordionExample1,
  html body .section.section-flexibility #accordionExample1,
  html body .section.section-activity #accordionExample1,
  html body .section.section-required #accordionExample1,
  html body .section.section-product-detail-faq #accordionExample1 {
    display: none;
  }
}
html body .section.section-benefit .benefit-title,
html body .section.section-flexibility .benefit-title,
html body .section.section-activity .benefit-title,
html body .section.section-required .benefit-title,
html body .section.section-product-detail-faq .benefit-title {
  width: 40rem;
  margin: 0 auto 3.75rem auto;
}
@media (max-width: 767px) {
  html body .section.section-benefit .benefit-title,
  html body .section.section-flexibility .benefit-title,
  html body .section.section-activity .benefit-title,
  html body .section.section-required .benefit-title,
  html body .section.section-product-detail-faq .benefit-title {
    width: 20rem;
    margin: 0 auto 1.42857143rem auto;
  }
}
html body .section.section-benefit .benefit-item,
html body .section.section-flexibility .benefit-item,
html body .section.section-activity .benefit-item,
html body .section.section-required .benefit-item,
html body .section.section-product-detail-faq .benefit-item {
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  html body .section.section-benefit .benefit-item,
  html body .section.section-flexibility .benefit-item,
  html body .section.section-activity .benefit-item,
  html body .section.section-required .benefit-item,
  html body .section.section-product-detail-faq .benefit-item {
    margin-bottom: 0.71428571rem;
  }
}
html body .section.section-benefit .benefit-item .card,
html body .section.section-flexibility .benefit-item .card,
html body .section.section-activity .benefit-item .card,
html body .section.section-required .benefit-item .card,
html body .section.section-product-detail-faq .benefit-item .card {
  border: none;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
}
html body .section.section-benefit .benefit-item .card .collapse,
html body .section.section-flexibility .benefit-item .card .collapse,
html body .section.section-activity .benefit-item .card .collapse,
html body .section.section-required .benefit-item .card .collapse,
html body .section.section-product-detail-faq .benefit-item .card .collapse {
  border-top: 2px solid #e8eaef;
}
html body .section.section-benefit .benefit-item .card .card-header,
html body .section.section-flexibility .benefit-item .card .card-header,
html body .section.section-activity .benefit-item .card .card-header,
html body .section.section-required .benefit-item .card .card-header,
html body .section.section-product-detail-faq .benefit-item .card .card-header {
  background: #fff;
  border-radius: 0.5rem;
  padding: 0;
  height: 5rem;
  border: none;
}
@media (max-width: 767px) {
  html body .section.section-benefit .benefit-item .card .card-header,
  html body .section.section-flexibility .benefit-item .card .card-header,
  html body .section.section-activity .benefit-item .card .card-header,
  html body .section.section-required .benefit-item .card .card-header,
  html body .section.section-product-detail-faq .benefit-item .card .card-header {
    border-radius: 0.28571429rem;
    height: 4.57142857rem;
  }
}
html body .section.section-benefit .benefit-item .card .mb-0,
html body .section.section-flexibility .benefit-item .card .mb-0,
html body .section.section-activity .benefit-item .card .mb-0,
html body .section.section-required .benefit-item .card .mb-0,
html body .section.section-product-detail-faq .benefit-item .card .mb-0 {
  width: 100%;
  height: 100%;
}
html body .section.section-benefit .benefit-item .card button,
html body .section.section-flexibility .benefit-item .card button,
html body .section.section-activity .benefit-item .card button,
html body .section.section-required .benefit-item .card button,
html body .section.section-product-detail-faq .benefit-item .card button {
  background: #fff;
  font-size: 1.25rem;
  line-height: 1.2;
  padding-left: 1.875rem;
  padding-right: 5rem;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  html body .section.section-benefit .benefit-item .card button,
  html body .section.section-flexibility .benefit-item .card button,
  html body .section.section-activity .benefit-item .card button,
  html body .section.section-required .benefit-item .card button,
  html body .section.section-product-detail-faq .benefit-item .card button {
    font-size: 0.85714286rem;
    line-height: 1.6;
    padding-left: 0.71428571rem;
    padding-right: 3.57142857rem;
  }
}
html body .section.section-benefit .benefit-item .card .card-body,
html body .section.section-flexibility .benefit-item .card .card-body,
html body .section.section-activity .benefit-item .card .card-body,
html body .section.section-required .benefit-item .card .card-body,
html body .section.section-product-detail-faq .benefit-item .card .card-body {
  font-family: 'SourceSansPro-Regular';
  padding: 1.25rem 1.875rem;
}
@media (max-width: 767px) {
  html body .section.section-benefit .benefit-item .card .card-body,
  html body .section.section-flexibility .benefit-item .card .card-body,
  html body .section.section-activity .benefit-item .card .card-body,
  html body .section.section-required .benefit-item .card .card-body,
  html body .section.section-product-detail-faq .benefit-item .card .card-body {
    font-size: 0.71428571rem;
    line-height: 1.92;
    padding: 0.71428571rem;
  }
}
html body .section.section-benefit .benefit-item .card .btn,
html body .section.section-flexibility .benefit-item .card .btn,
html body .section.section-activity .benefit-item .card .btn,
html body .section.section-required .benefit-item .card .btn,
html body .section.section-product-detail-faq .benefit-item .card .btn {
  white-space: normal;
  text-align: left;
}
html body .section.section-benefit .benefit-item .card .btn:after,
html body .section.section-flexibility .benefit-item .card .btn:after,
html body .section.section-activity .benefit-item .card .btn:after,
html body .section.section-required .benefit-item .card .btn:after,
html body .section.section-product-detail-faq .benefit-item .card .btn:after {
  content: '';
  display: block;
  position: absolute;
  background: url("../../assets/images/icn-arrow-up-bg_black.png") center no-repeat #000;
  background-size: 100%;
  width: 2rem;
  height: 2rem;
  top: 1.5rem;
  right: 1.25rem;
  border-radius: 50%;
}
@media (max-width: 767px) {
  html body .section.section-benefit .benefit-item .card .btn:after,
  html body .section.section-flexibility .benefit-item .card .btn:after,
  html body .section.section-activity .benefit-item .card .btn:after,
  html body .section.section-required .benefit-item .card .btn:after,
  html body .section.section-product-detail-faq .benefit-item .card .btn:after {
    top: 1.35714286rem;
    right: 0.71428571rem;
  }
}
html body .section.section-benefit .benefit-item .card .btn.collapsed:after,
html body .section.section-flexibility .benefit-item .card .btn.collapsed:after,
html body .section.section-activity .benefit-item .card .btn.collapsed:after,
html body .section.section-required .benefit-item .card .btn.collapsed:after,
html body .section.section-product-detail-faq .benefit-item .card .btn.collapsed:after {
  content: '';
  display: block;
  position: absolute;
  background: url("../../assets/images/icn-arrow-down-bg_black.png") center no-repeat #000;
  background-size: 100%;
  width: 2rem;
  height: 2rem;
  top: 1.5rem;
  right: 1.25rem;
  border-radius: 50%;
}
@media (max-width: 767px) {
  html body .section.section-benefit .benefit-item .card .btn.collapsed:after,
  html body .section.section-flexibility .benefit-item .card .btn.collapsed:after,
  html body .section.section-activity .benefit-item .card .btn.collapsed:after,
  html body .section.section-required .benefit-item .card .btn.collapsed:after,
  html body .section.section-product-detail-faq .benefit-item .card .btn.collapsed:after {
    top: 1.35714286rem;
    right: 0.71428571rem;
  }
}
html body .section.section-benefit .benefit-item .card .btn:focus,
html body .section.section-flexibility .benefit-item .card .btn:focus,
html body .section.section-activity .benefit-item .card .btn:focus,
html body .section.section-required .benefit-item .card .btn:focus,
html body .section.section-product-detail-faq .benefit-item .card .btn:focus {
  outline: 0;
  box-shadow: none;
}
html body .section.section-benefit .benefit-item-mobile,
html body .section.section-flexibility .benefit-item-mobile,
html body .section.section-activity .benefit-item-mobile,
html body .section.section-required .benefit-item-mobile,
html body .section.section-product-detail-faq .benefit-item-mobile {
  display: none;
}
@media (max-width: 767px) {
  html body .section.section-benefit .benefit-item-mobile,
  html body .section.section-flexibility .benefit-item-mobile,
  html body .section.section-activity .benefit-item-mobile,
  html body .section.section-required .benefit-item-mobile,
  html body .section.section-product-detail-faq .benefit-item-mobile {
    display: block;
  }
}
html body .section.section-register,
html body .section.section-summary {
  background-size: cover;
}
html body .section.section-register .register-title,
html body .section.section-summary .register-title {
  font-size: 2.25rem;
  line-height: 1.39;
  color: #fff;
  width: 54.375rem;
  margin: 0 auto;
  text-align: center;
  padding-top: 14.0625rem;
}
@media (max-width: 767px) {
  html body .section.section-register .register-title,
  html body .section.section-summary .register-title {
    width: 18.57142857rem;
    font-size: 1.71428571rem;
    line-height: 2.08;
    padding-top: 8.92857143rem;
  }
}
html body .section.section-register .register-content .btn-register,
html body .section.section-summary .register-content .btn-register {
  cursor: pointer;
}
html body .section.section-register .register-content .btn-register .btn:focus,
html body .section.section-summary .register-content .btn-register .btn:focus {
  box-shadow: none;
}
html body .section.section-register .register-content a img:first-child,
html body .section.section-summary .register-content a img:first-child {
  width: 33.875rem;
  height: auto;
}
@media (max-width: 767px) {
  html body .section.section-register .register-content a img:first-child,
  html body .section.section-summary .register-content a img:first-child {
    display: none;
  }
}
html body .section.section-register .register-content a img:last-child,
html body .section.section-summary .register-content a img:last-child {
  cursor: pointer;
  display: none;
}
@media (max-width: 767px) {
  html body .section.section-register .register-content a img:last-child,
  html body .section.section-summary .register-content a img:last-child {
    display: block;
    width: 15.71428571rem;
    height: auto;
    margin: 0 auto;
  }
}
html body .section.section-intro-franchise {
  padding-bottom: 8.5625rem;
  background: #fff;
}
@media (max-width: 767px) {
  html body .section.section-intro-franchise {
    padding-bottom: 2.14285714rem;
  }
}
html body .section.section-intro-franchise .franchise-content {
  background: #d0ea4c;
}
html body .section.section-intro-franchise .franchise-content .vertical-item {
  position: relative;
}
html body .section.section-intro-franchise .franchise-content .vertical-item .item-left {
  position: absolute;
  left: -7.0625rem;
  top: 0;
  width: 46.625rem;
  height: auto;
  max-width: inherit;
  display: block;
}
html body .section.section-intro-franchise .franchise-content .vertical-item .item-left img {
  max-width: inherit;
  display: block;
  width: 100%;
}
html body .section.section-intro-franchise .franchise-content .vertical-item .item-left img:last-child {
  display: none;
}
@media (max-width: 767px) {
  html body .section.section-intro-franchise .franchise-content .vertical-item .item-left img:first-child {
    display: none;
  }
  html body .section.section-intro-franchise .franchise-content .vertical-item .item-left img:last-child {
    display: block;
  }
}
@media (max-width: 767px) {
  html body .section.section-intro-franchise .franchise-content .vertical-item .item-left {
    position: relative;
    top: 0;
    left: 0;
    margin-left: -1.42857143rem;
    width: 21.14285714rem;
    height: auto;
  }
}
html body .section.section-intro-franchise .franchise-content .vertical-item .item-right {
  margin-left: 60%;
  padding-top: 2.1875rem;
  padding-bottom: 3.125rem;
  padding-right: 6.0625rem;
}
html body .section.section-intro-franchise .franchise-content .vertical-item .item-right .title {
  font-size: 3rem;
  line-height: 0.94;
  margin-bottom: 2.1875rem;
}
html body .section.section-intro-franchise .franchise-content .vertical-item .item-right .description p {
  line-height: 1.5;
  margin-bottom: 1.625rem;
}
html body .section.section-intro-franchise .franchise-content .vertical-item .item-right .description p span {
  font-family: 'SourceSansPro-Bold';
}
html body .section.section-intro-franchise .franchise-content .vertical-item .item-right .description p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  html body .section.section-intro-franchise .franchise-content .vertical-item .item-right {
    margin-left: 0;
    padding: 0.71428571rem 0.71428571rem 2.21428571rem 0.71428571rem;
  }
  html body .section.section-intro-franchise .franchise-content .vertical-item .item-right .title {
    text-align: center;
    font-size: 1.71428571rem;
    line-height: 1.29;
    margin-bottom: 0.71428571rem;
  }
  html body .section.section-intro-franchise .franchise-content .vertical-item .item-right .description p {
    margin-top: 0.71428571rem;
    line-height: 1.75;
  }
  html body .section.section-intro-franchise .franchise-content .vertical-item .item-right .description p:last-child {
    margin-top: 1.78571429rem;
  }
}
html body .section.section-reason-franchies {
  background: #fff;
}
html body .section.section-reason-franchies .card {
  background: #fff;
}
@media (max-width: 767px) {
  html body .section.section-reason-franchies .card {
    margin: 0 auto;
  }
}
html body .section.section-reason-franchies .card.card-collapse .card-header a:after {
  margin-left: 0.6rem;
}
@media (max-width: 767px) {
  html body .section.section-reason-franchies .card.card-collapse .card-header a:after {
    margin-bottom: 1.14285714rem;
  }
}
html body .section.section-reason-franchies .card.card-collapse .card-header a.collapsed:after {
  margin-left: 0.6rem;
}
@media (max-width: 767px) {
  html body .section.section-reason-franchies .card.card-collapse .card-header a.collapsed:after {
    margin-bottom: 1.14285714rem;
  }
}
html body .section.section-reason-franchies .title-custom-mobi {
  display: inline-block;
}
@media (max-width: 767px) {
  html body .section.section-reason-franchies .title-custom-mobi {
    width: 14.89285714rem;
  }
}
html body .section.section-reason-franchies .item-second {
  padding-top: 10.1875rem;
}
@media (max-width: 767px) {
  html body .section.section-reason-franchies .item-second {
    padding-top: 6.07142857rem;
  }
}
html body .section.section-reason-franchies .item-second .card-header {
  margin: 0 auto -4.6875rem auto;
}
html body .section.section-reason-franchies .item-second .card.card-collapse .card-header a {
  padding: 1.875rem 0;
}
html body .section.section-reason-franchies .item-second .card.card-collapse .card-header a.collapsed:after {
  margin-bottom: 1.6875rem;
}
@media (max-width: 767px) {
  html body .section.section-reason-franchies .item-second .card.card-collapse .card-header a.collapsed:after {
    margin-bottom: 2.28571429rem;
  }
}
html body .section.section-reason-franchies .item-second .card.card-collapse .card-header a:after {
  margin-bottom: 1.6875rem;
}
@media (max-width: 767px) {
  html body .section.section-reason-franchies .item-second .card.card-collapse .card-header a:after {
    margin-bottom: 2.28571429rem;
  }
}
html body .section.section-reason-franchies .item-second .title-custom {
  width: 33rem;
  display: inline-block;
}
@media (max-width: 767px) {
  html body .section.section-reason-franchies .item-second .title-custom {
    width: 14.89285714rem;
  }
}
@media (max-width: 767px) {
  html body .section.section-reason-franchies .item-second .reason-franchies-content {
    padding: 0;
  }
}
html body .section.section-reason-franchies .item-second .reason-franchies-content .reason-list {
  padding: 5.5rem 5rem 3.8125rem 5rem;
}
@media (max-width: 767px) {
  html body .section.section-reason-franchies .item-second .reason-franchies-content .reason-list {
    padding: 5.35714286rem 0.71428571rem 1.28571429rem 0.71428571rem;
  }
}
html body .section.section-reason-franchies .reason-franchies-content {
  background: #d0ea4c;
  border-radius: 0.5rem;
}
@media (max-width: 767px) {
  html body .section.section-reason-franchies .reason-franchies-content {
    padding: 0;
  }
}
html body .section.section-reason-franchies .reason-franchies-content .reason-list {
  padding: 5.5rem 5rem 3.25rem 5rem;
}
@media (max-width: 767px) {
  html body .section.section-reason-franchies .reason-franchies-content .reason-list {
    padding: 4.64285714rem 0.71428571rem 1.28571429rem 0.71428571rem;
  }
}
html body .section.section-reason-franchies .reason-franchies-content .margin-top-bottom {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  html body .section.section-reason-franchies .reason-franchies-content .margin-top-bottom {
    margin: 0.85714286rem 0;
  }
}
html body .section.section-flexibility {
  padding-top: 10.9375rem;
  padding-bottom: 4.375rem;
  background: #f8f9fb;
}
@media (max-width: 767px) {
  html body .section.section-flexibility {
    padding-top: 8.92857143rem;
  }
  html body .section.section-flexibility #accordionFlexibility2 {
    display: none;
  }
  html body .section.section-flexibility .flexibility-title {
    width: 17.92857143rem;
  }
}
html body .section.section-flexibility .benefit-item .card .card-body {
  padding-top: 1.25rem;
  padding-bottom: 1.875rem;
}
html body .section.section-about,
html body .section.section-access-info-franchise {
  background: #fff;
}
@media (max-width: 767px) {
  html body .section.section-about .padding-0,
  html body .section.section-access-info-franchise .padding-0 {
    padding: 0;
  }
  html body .section.section-about .padding-left-0,
  html body .section.section-access-info-franchise .padding-left-0 {
    padding-left: 0;
  }
}
html body .section.section-about .section-about-desktop,
html body .section.section-access-info-franchise .section-about-desktop {
  display: block;
}
@media (max-width: 767px) {
  html body .section.section-about .section-about-desktop,
  html body .section.section-access-info-franchise .section-about-desktop {
    display: none;
  }
}
html body .section.section-about .section-about-mobi,
html body .section.section-access-info-franchise .section-about-mobi {
  display: none;
}
@media (max-width: 767px) {
  html body .section.section-about .section-about-mobi,
  html body .section.section-access-info-franchise .section-about-mobi {
    display: block;
  }
}
html body .section.section-about .first-item .first-item-img,
html body .section.section-access-info-franchise .first-item .first-item-img {
  width: 35.5rem;
  height: auto;
}
@media (max-width: 767px) {
  html body .section.section-about .first-item .first-item-img,
  html body .section.section-access-info-franchise .first-item .first-item-img {
    width: 100%;
  }
}
html body .section.section-about .first-item .first-item-content,
html body .section.section-access-info-franchise .first-item .first-item-content {
  margin-top: 6.375rem;
  font-size: 4rem;
  line-height: 1.25;
  text-align: right;
}
@media (max-width: 767px) {
  html body .section.section-about .first-item .first-item-content,
  html body .section.section-access-info-franchise .first-item .first-item-content {
    margin-top: 0;
    font-size: 3.42857143rem;
  }
}
html body .section.section-about .first-item .first-item-content .first-item-title,
html body .section.section-access-info-franchise .first-item .first-item-content .first-item-title {
  font-size: 2.25rem;
  margin-bottom: 1.0625rem;
  background: #d0ea4c;
  width: 100%;
}
@media (max-width: 767px) {
  html body .section.section-about .first-item .first-item-content .first-item-title,
  html body .section.section-access-info-franchise .first-item .first-item-content .first-item-title {
    font-size: 1.71428571rem;
  }
}
html body .section.section-about .first-item .first-item-content .first-item-desc,
html body .section.section-access-info-franchise .first-item .first-item-content .first-item-desc {
  margin-top: 1.25rem;
  font-size: 2.25rem;
}
@media (max-width: 767px) {
  html body .section.section-about .first-item .first-item-content .first-item-desc,
  html body .section.section-access-info-franchise .first-item .first-item-content .first-item-desc {
    font-size: 1.71428571rem;
  }
}
@media (max-width: 767px) {
  html body .section.section-about .second-item,
  html body .section.section-access-info-franchise .second-item {
    margin: 2.64285714rem -1.42857143rem 0 -1.42857143rem;
  }
}
html body .section.section-about .second-item .second-item-content,
html body .section.section-access-info-franchise .second-item .second-item-content {
  position: relative;
  width: 100%;
}
html body .section.section-about .second-item .second-item-content .description,
html body .section.section-access-info-franchise .second-item .second-item-content .description {
  line-height: 1.5;
}
html body .section.section-about .second-item .second-item-content .description p,
html body .section.section-access-info-franchise .second-item .second-item-content .description p {
  margin-bottom: 1.5rem;
}
html body .section.section-about .second-item .second-item-content .description p:last-child,
html body .section.section-access-info-franchise .second-item .second-item-content .description p:last-child {
  margin-bottom: 0;
}
html body .section.section-about .second-item .second-item-content .second-item-staff,
html body .section.section-access-info-franchise .second-item .second-item-content .second-item-staff {
  width: 60.5625rem;
  z-index: 5;
  background-color: #000;
  color: #fff;
}
@media (max-width: 767px) {
  html body .section.section-about .second-item .second-item-content .second-item-staff,
  html body .section.section-access-info-franchise .second-item .second-item-content .second-item-staff {
    width: 100%;
  }
}
html body .section.section-about .second-item .second-item-content .second-item-staff .staff-img,
html body .section.section-access-info-franchise .second-item .second-item-content .second-item-staff .staff-img {
  width: 100%;
  height: auto;
}
html body .section.section-about .second-item .second-item-content .second-item-staff .staff-text,
html body .section.section-access-info-franchise .second-item .second-item-content .second-item-staff .staff-text {
  padding: 2.625rem 0 0 4.1875rem;
}
@media (max-width: 767px) {
  html body .section.section-about .second-item .second-item-content .second-item-staff .staff-text,
  html body .section.section-access-info-franchise .second-item .second-item-content .second-item-staff .staff-text {
    padding: 1.42857143rem 1.42857143rem 0 1.42857143rem;
  }
}
html body .section.section-about .second-item .second-item-content .second-item-staff .staff-text .desc-staff-text,
html body .section.section-access-info-franchise .second-item .second-item-content .second-item-staff .staff-text .desc-staff-text {
  margin: 1.4375rem 20.8125rem 2.1875rem 0;
}
@media (max-width: 767px) {
  html body .section.section-about .second-item .second-item-content .second-item-staff .staff-text .desc-staff-text,
  html body .section.section-access-info-franchise .second-item .second-item-content .second-item-staff .staff-text .desc-staff-text {
    margin: 0.71428571rem 0 1.42857143rem 0;
    font-size: 0.71428571rem;
    line-height: 2.4;
  }
}
html body .section.section-about .second-item .second-item-content .second-item-staff .staff-text .own-boss,
html body .section.section-access-info-franchise .second-item .second-item-content .second-item-staff .staff-text .own-boss {
  font-size: 5rem;
  line-height: 0.7;
  letter-spacing: 0.3125rem x;
}
@media (max-width: 767px) {
  html body .section.section-about .second-item .second-item-content .second-item-staff .staff-text .own-boss,
  html body .section.section-access-info-franchise .second-item .second-item-content .second-item-staff .staff-text .own-boss {
    font-size: 2.35714286rem;
    letter-spacing: 0.15rem;
    margin: 0 -1.42857143rem;
    text-align: center;
  }
}
html body .section.section-about .second-item .second-item-content .second-item-training,
html body .section.section-access-info-franchise .second-item .second-item-content .second-item-training {
  position: absolute;
  width: 31.375rem;
  top: 0;
  right: 0;
  z-index: 10;
  background-color: #d0ea4c;
}
@media (max-width: 767px) {
  html body .section.section-about .second-item .second-item-content .second-item-training,
  html body .section.section-access-info-franchise .second-item .second-item-content .second-item-training {
    position: relative;
    width: 100%;
  }
}
html body .section.section-about .second-item .second-item-content .second-item-training .training-text,
html body .section.section-access-info-franchise .second-item .second-item-content .second-item-training .training-text {
  position: relative;
  width: 100%;
  padding: 2.625rem 4.25rem 1.8125rem 2rem;
}
@media (max-width: 767px) {
  html body .section.section-about .second-item .second-item-content .second-item-training .training-text,
  html body .section.section-access-info-franchise .second-item .second-item-content .second-item-training .training-text {
    padding: 1.42857143rem 1.42857143rem 1.78571429rem 1.42857143rem;
  }
}
html body .section.section-about .second-item .second-item-content .second-item-training .training-text .desc-training-text,
html body .section.section-access-info-franchise .second-item .second-item-content .second-item-training .training-text .desc-training-text {
  margin-top: 0.9375rem;
}
html body .section.section-about .second-item .second-item-content .second-item-training .training-text:before,
html body .section.section-access-info-franchise .second-item .second-item-content .second-item-training .training-text:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 1.875rem solid transparent;
  border-right: 1.875rem solid transparent;
  border-bottom: 2.5625rem solid #d0ea4c;
  position: absolute;
  top: -2.5rem;
  left: 50%;
  margin-left: -1.875rem;
}
html body .section.section-about .second-item .second-item-content .second-item-training .training-img,
html body .section.section-access-info-franchise .second-item .second-item-content .second-item-training .training-img {
  width: 100%;
  height: auto;
}
html body .section.section-activity {
  padding-top: 18.125rem;
  margin-top: -11.875rem;
  padding-bottom: 4.6875rem;
  background: #f8f9fb;
}
@media (max-width: 767px) {
  html body .section.section-activity {
    padding-top: 2.5rem;
    margin-top: 0;
  }
  html body .section.section-activity #accordionActivity1 {
    display: none;
  }
}
html body .section.section-activity .benefit-item .card .card-body {
  padding-top: 1.25rem;
  padding-bottom: 1.875rem;
}
html body .section.section-new-franchies {
  text-align: center;
  background: #e8eaef;
  padding-top: 7.0625rem;
  padding-bottom: 13.75rem;
}
@media (max-width: 767px) {
  html body .section.section-new-franchies {
    padding-top: 4.28571429rem;
    padding-bottom: 4.28571429rem;
  }
}
html body .section.section-new-franchies .new-franchies-title {
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  html body .section.section-new-franchies .new-franchies-title {
    width: 17.92857143rem;
    margin: 0 auto 2.14285714rem auto;
  }
}
html body .section.section-new-franchies .slider-item {
  width: 23.125rem;
  background: #fff;
  margin: 0 1.875rem;
  border-radius: 0.5rem;
}
@media (max-width: 767px) {
  html body .section.section-new-franchies .slider-item {
    width: 15.71428571rem;
    margin: 0 0.35714286rem;
  }
}
html body .section.section-new-franchies .slider-item .new-franchies-desc {
  font-size: 1.5rem;
  line-height: 1.46;
  padding-top: 1.125rem;
  padding-bottom: 1.875rem;
}
@media (max-width: 767px) {
  html body .section.section-new-franchies .slider-item .new-franchies-desc {
    font-size: 1.14285714rem;
    line-height: 1.4;
  }
}
html body .section.section-download {
  background: url("../../assets/images/bg-section-download.png") no-repeat;
  background-size: cover;
  padding-top: 6.875rem;
}
@media (max-width: 767px) {
  html body .section.section-download {
    background: url("../../assets/images/bg-section-download-mobi.png") no-repeat;
    background-size: cover;
    padding-top: 5.35714286rem;
  }
}
html body .section.section-download .download-content {
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  html body .section.section-download .download-content {
    padding: 0 3.57142857rem;
  }
}
html body .section.section-download .download-content .title {
  line-height: 1.39;
}
@media (max-width: 767px) {
  html body .section.section-download .download-content .title {
    font-size: 1.42857143rem;
    line-height: 1.25;
  }
}
html body .section.section-download .download-content .btn-view-download {
  margin-top: 1.875rem;
  background: #d0ea4c;
  font-size: 1.75rem;
  border-radius: 0.5rem;
  padding: 1.0625rem 0;
  width: 23.125rem;
  color: #000;
}
@media (max-width: 767px) {
  html body .section.section-download .download-content .btn-view-download {
    margin-top: 0.71428571rem;
    width: 100%;
    font-size: 1rem;
    padding: 0.64285714rem 0;
  }
}
html body .section.section-download .register-content {
  margin-top: 7rem;
}
@media (max-width: 767px) {
  html body .section.section-download .register-content {
    margin-top: 5rem;
  }
  html body .section.section-download .register-content h4 {
    padding: 0 0.71428571rem;
  }
}
html body .section.section-download .register-content a img:first-child {
  width: 27.625rem;
  height: auto;
}
@media (max-width: 767px) {
  html body .section.section-download .register-content a img:first-child {
    display: none;
  }
}
html body .section.section-download .register-content a img:last-child {
  display: none;
}
@media (max-width: 767px) {
  html body .section.section-download .register-content a img:last-child {
    display: block;
    width: 11.42857143rem;
    height: auto;
    margin: 0 auto;
  }
}
html body .section.section-intro-product {
  padding-top: 20.875rem;
  padding-bottom: 7.5rem;
  background-size: 100%;
}
@media (max-width: 767px) {
  html body .section.section-intro-product {
    padding-top: 11.35714286rem;
    padding-bottom: 2.71428571rem;
  }
}
html body .section.section-intro-product .intro-product-content {
  color: #fff;
}
html body .section.section-intro-product .intro-product-content .intro-product-title {
  font-size: 3rem;
  margin-bottom: 1.4375rem;
}
@media (max-width: 767px) {
  html body .section.section-intro-product .intro-product-content .intro-product-title {
    font-size: 1.71428571rem;
    margin-bottom: 0.57142857rem;
    letter-spacing: -0.02142857rem;
  }
}
html body .section.section-intro-product .intro-product-content .intro-product-desc {
  line-height: 1.5;
}
html body .section.section-live-book {
  padding-top: 1.4375rem;
  padding-bottom: 1.5625rem;
  position: relative;
  width: 100%;
  background: #fff;
}
@media (max-width: 767px) {
  html body .section.section-live-book {
    padding-top: 2.85714286rem;
    padding-bottom: 1.07142857rem;
  }
}
html body .section.section-live-book .item-left {
  position: absolute;
  width: 29.375rem;
  top: 9.625rem;
  left: 8.3125rem;
}
@media (max-width: 767px) {
  html body .section.section-live-book .item-left {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
}
html body .section.section-live-book .item-left .title {
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  html body .section.section-live-book .item-left .title {
    margin-bottom: 0.71428571rem;
    margin-left: 1.42857143rem;
  }
}
html body .section.section-live-book .item-left .description p {
  margin: 0;
}
@media (max-width: 767px) {
  html body .section.section-live-book .item-left .description p {
    font-size: 0.71428571rem;
    margin: 0 1.42857143rem;
    line-height: 1.92;
  }
}
html body .section.section-live-book .item-left .description p:first-child {
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  html body .section.section-live-book .item-left .description p:first-child {
    margin-bottom: 1.78571429rem;
  }
}
html body .section.section-live-book .item-right {
  margin-left: 39.75rem;
}
@media (max-width: 767px) {
  html body .section.section-live-book .item-right {
    margin-left: 0;
    margin-top: 2.14285714rem;
  }
}
html body .section.section-live-book .item-right img:last-child {
  display: none;
}
@media (max-width: 767px) {
  html body .section.section-live-book .item-right img:last-child {
    display: block;
  }
}
@media (max-width: 767px) {
  html body .section.section-live-book .item-right img:first-child {
    display: none;
  }
}
html body .section.section-access-info-franchise {
  padding-top: 2.5rem;
  padding-bottom: 2.8125rem;
}
@media (max-width: 767px) {
  html body .section.section-access-info-franchise {
    padding-top: 1.42857143rem;
    padding-bottom: 0;
  }
}
html body .section.section-access-info-franchise .description {
  margin-top: 0.625rem;
}
@media (max-width: 767px) {
  html body .section.section-access-info-franchise .description {
    font-size: 0.71428571rem;
    line-height: 1.92;
  }
}
html body .section.section-access-info-franchise .access-info-franchise-desktop {
  display: block;
}
@media (max-width: 767px) {
  html body .section.section-access-info-franchise .access-info-franchise-desktop {
    display: none;
  }
}
html body .section.section-access-info-franchise .access-info-franchise-mobi {
  display: none;
}
@media (max-width: 767px) {
  html body .section.section-access-info-franchise .access-info-franchise-mobi {
    display: block;
  }
  html body .section.section-access-info-franchise .access-info-franchise-mobi .second-item {
    margin-top: 0;
  }
}
html body .section.section-access-info-franchise .access-info .access-info-text {
  padding: 1.875rem 20.8125rem 2.1875rem 4.1875rem;
}
@media (max-width: 767px) {
  html body .section.section-access-info-franchise .access-info .access-info-text {
    padding: 1.42857143rem;
  }
  html body .section.section-access-info-franchise .access-info .access-info-text .description {
    line-height: 2.4;
    margin-top: 0.71428571rem;
  }
}
html body .section.section-access-info-franchise .access-info .access-img img:last-child {
  display: none;
}
@media (max-width: 767px) {
  html body .section.section-access-info-franchise .access-info .access-img img:last-child {
    display: block;
  }
}
@media (max-width: 767px) {
  html body .section.section-access-info-franchise .access-info .access-img img:first-child {
    display: none;
  }
}
html body .section.section-access-info-franchise .access-franchise {
  top: 6.25rem !important;
}
@media (max-width: 767px) {
  html body .section.section-access-info-franchise .access-franchise {
    top: 0 !important;
  }
}
html body .section.section-access-info-franchise .access-franchise .access-franchise-text {
  padding: 2.125rem 4.25rem 1.25rem 2rem;
}
@media (max-width: 767px) {
  html body .section.section-access-info-franchise .access-franchise .access-franchise-text {
    padding: 1.42857143rem;
  }
}
html body .section.section-software {
  padding-top: 2.5rem;
  padding-bottom: 5rem;
  background: #fff;
}
@media (max-width: 767px) {
  html body .section.section-software {
    padding-top: 4.28571429rem;
    padding-bottom: 2.85714286rem;
  }
}
html body .section.section-software .section-software-text {
  background: #d0ea4c;
  padding: 3.75rem 2.5rem;
  position: relative;
  width: 100%;
  margin-top: 10rem;
  border-radius: 0.5rem;
}
html body .section.section-software .section-software-text .title > p {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  html body .section.section-software .section-software-text {
    margin-top: 0;
    padding: 2.78571429rem 1.57142857rem 1.42857143rem 1.28571429rem;
  }
  html body .section.section-software .section-software-text .title {
    font-size: 1.42857143rem;
  }
}
html body .section.section-software .section-software-text::before {
  content: '';
  position: absolute;
  width: 4.5625rem;
  height: 3.5625rem;
  top: -1.875rem;
  left: 1.875rem;
  background: url("../../assets/images/img-software-quote.png") no-repeat;
  background-size: 100%;
}
@media (max-width: 767px) {
  html body .section.section-software .section-software-text::before {
    width: 3.71428571rem;
    height: 2.85714286rem;
    top: -1.42857143rem;
    left: 1.28571429rem;
  }
}
html body .section.section-software .section-software-img {
  width: 34.375rem;
  margin-top: 0.4375rem;
  margin-left: 0.75rem;
}
@media (max-width: 767px) {
  html body .section.section-software .section-software-img {
    width: 19.71428571rem;
    margin-top: 2.85714286rem;
    margin-left: 1.07142857rem;
  }
}
html body .section.section-software .section-software-img img:last-child {
  display: none;
}
@media (max-width: 767px) {
  html body .section.section-software .section-software-img img:last-child {
    display: block;
  }
}
@media (max-width: 767px) {
  html body .section.section-software .section-software-img img:first-child {
    display: none;
  }
}
html body .section.section-required {
  padding-top: 6.25rem;
  padding-bottom: 6.75rem;
}
@media (max-width: 767px) {
  html body .section.section-required {
    padding-top: 4.28571429rem;
    padding-bottom: 4.28571429rem;
  }
  html body .section.section-required #accordionRequired1 {
    display: none;
  }
}
html body .section.section-required .required-item .card .card-body {
  padding-bottom: 1.875rem;
}
@media (max-width: 767px) {
  html body .section.section-required .required-item .card .card-body {
    padding-bottom: 1.35714286rem;
  }
}
html body .section.section-lifestyle {
  padding-top: 0;
  background: #fff;
  padding-bottom: 3.125rem;
}
@media (max-width: 767px) {
  html body .section.section-lifestyle {
    margin-top: -2.14285714rem;
    padding-bottom: 1.07142857rem;
  }
  html body .section.section-lifestyle .lifestyle-title {
    z-index: 5;
    padding: 1.07142857rem !important;
  }
  html body .section.section-lifestyle::before {
    content: '';
    background: #f8f9fb;
    height: 2.14285714rem;
    width: 100%;
    position: absolute;
  }
}
html body .section.section-lifestyle .lifestyle-list {
  padding-bottom: 2.8125rem;
}
@media (max-width: 767px) {
  html body .section.section-lifestyle .lifestyle-list {
    padding-bottom: 1.42857143rem;
  }
  html body .section.section-lifestyle .lifestyle-list .margin-top-bottom {
    margin: 0.71428571rem 0;
  }
}
html body .section.section-work {
  padding-top: 3.125rem;
  padding-bottom: 6.25rem;
  background: #fff;
}
@media (max-width: 767px) {
  html body .section.section-work {
    padding-top: 1.07142857rem;
    padding-bottom: 2.85714286rem;
  }
}
html body .section.section-work .work-title {
  font-size: 3rem;
  line-height: 1.25;
  text-align: center;
  margin-bottom: 2.8125rem;
}
@media (max-width: 767px) {
  html body .section.section-work .work-title {
    font-size: 1.71428571rem;
    line-height: 1.29;
    margin-bottom: 1.42857143rem;
  }
}
html body .section.section-work .work-content .work-item {
  padding-bottom: 2.5rem;
}
@media (max-width: 767px) {
  html body .section.section-work .work-content .work-item {
    padding-bottom: 2.14285714rem;
    overflow: hidden;
  }
}
html body .section.section-work .work-content .work-item .title-work-item {
  width: auto;
  display: inline-block;
  background: #d0ea4c;
  padding-left: 9rem;
  padding-right: 1.25rem;
  margin-bottom: 1.875rem;
  letter-spacing: 0.1875rem;
  position: relative;
}
@media (max-width: 767px) {
  html body .section.section-work .work-content .work-item .title-work-item {
    line-height: 2.57142857rem;
    letter-spacing: 0.14285714rem;
    padding: 0 2.14285714rem;
    margin-bottom: 1.42857143rem;
  }
}
html body .section.section-work .work-content .work-item .title-work-item::before {
  content: '';
  position: absolute;
  right: -1.25rem;
  top: 0;
  border-top: 1.40625rem solid transparent;
  border-bottom: 1.40625rem solid transparent;
  border-left: 1.25rem solid #d0ea4c;
}
@media (max-width: 767px) {
  html body .section.section-work .work-content .work-item .title-work-item::before {
    border-top: 1.28571429rem solid transparent;
    border-bottom: 1.28571429rem solid transparent;
    border-left: 1.14285714rem solid #d0ea4c;
    right: -1.14285714rem;
  }
}
html body .section.section-work .work-content .work-item .work-list {
  margin: 0 4.9375rem;
}
@media (max-width: 767px) {
  html body .section.section-work .work-content .work-item .work-list {
    margin: 0 1.78571429rem;
  }
}
html body .section.section-work .work-content .work-item .work-list:after,
html body .section.section-work .work-content .work-item .work-list:before {
  content: '';
  clear: both;
  display: table;
}
html body .section.section-work .work-content .work-item .work-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html body .section.section-work .work-content .work-item .work-list ul li {
  float: left;
  margin: 0 !important;
  width: 33.33%;
}
@media (max-width: 767px) {
  html body .section.section-work .work-content .work-item .work-list ul li {
    width: 100%;
  }
}
html body .section.section-work .work-content .work-item .work-list ul li:first-child .work-list-item {
  float: right;
}
html body .section.section-work .work-content .work-item .work-list ul li:last-child .work-list-item {
  float: left;
  margin-bottom: 0;
}
html body .section.section-work .work-content .work-item .work-list ul li .work-list-item {
  width: 16.875rem;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  html body .section.section-work .work-content .work-item .work-list ul li .work-list-item {
    float: none;
    width: 100%;
    margin-bottom: 4.28571429rem;
  }
}
html body .section.section-work .work-content .work-item .work-list ul li .work-list-item:after {
  content: '';
  width: 5.5625rem;
  height: 1.25rem;
  background: url("../../assets/images/icn-direction-arrow-right.png") no-repeat;
  background-size: contain;
  position: absolute;
  left: -5.5rem;
  top: 8.1875rem;
  margin-top: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  html body .section.section-work .work-content .work-item .work-list ul li .work-list-item:after {
    background: url("../../assets/images/icn-direction-arrow-down.png") no-repeat;
    background-size: contain;
    width: 0.71428571rem;
    height: 2.64285714rem;
    top: -3.42857143rem;
    left: 50%;
    margin-top: 0;
    margin-left: 0;
  }
}
html body .section.section-work .work-content .work-item .work-list ul li .work-list-item .work-item-img {
  background: #fff;
  position: relative;
  width: 100%;
  height: 16.875rem;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
}
@media (max-width: 767px) {
  html body .section.section-work .work-content .work-item .work-list ul li .work-list-item .work-item-img {
    height: 19.28571429rem;
  }
}
html body .section.section-work .work-content .work-item .work-list ul li .work-list-item .work-item-img .pos-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
html body .section.section-work .work-content .work-item .work-list ul li .work-list-item .work-item-img .work-item-number {
  position: absolute;
  top: 15.5rem;
  left: 50%;
  margin-left: -1.375rem;
  background: #d0ea4c;
}
@media (max-width: 767px) {
  html body .section.section-work .work-content .work-item .work-list ul li .work-list-item .work-item-img .work-item-number {
    width: 3.14285714rem;
    height: 3.14285714rem;
    padding-top: 0.5rem;
    border-radius: 50%;
    top: 17.71428571rem;
  }
}
html body .section.section-work .work-content .work-item .work-list ul li .work-list-item .work-item-detail {
  padding-top: 2.625rem;
  font-size: 1.25rem;
  line-height: 1.4;
}
html body .section.section-work .work-content .work-item .work-list ul li .work-list-item .work-item-detail p {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  html body .section.section-work .work-content .work-item .work-list ul li .work-list-item .work-item-detail {
    font-size: 1rem;
    line-height: 1.28;
    padding-top: 2.28571429rem;
  }
}
html body .section.section-work .work-content .work-item .work-list ul li:first-child .work-list-item:after {
  content: none;
}
html body .section.section-work .work-content .pickup .work-list ul li:last-child .work-list-item .work-item-img .pos-img,
html body .section.section-work .work-content div:first-child .work-list ul li:last-child .work-list-item .work-item-img .pos-img {
  width: 22.5rem;
  top: 3.25rem;
  left: 0.5rem;
}
html body .section.section-work .work-content .delivery .work-list ul li:first-child .work-list-item .work-item-img .pos-img,
html body .section.section-work .work-content div:nth-child(2) .work-list ul li:first-child .work-list-item .work-item-img .pos-img {
  width: 20.9375rem;
  top: 0.8125rem;
  left: -5.75rem;
}
@media (max-width: 767px) {
  html body .section.section-work .work-content div:nth-child(3) .title-work-item {
    padding: 0 0 0 1.875rem;
  }
  html body .section.section-work .work-content div:nth-child(3) .work-list ul li .work-list-item .work-item-detail {
    line-height: 2;
  }
}
html body .section.section-work .work-classify {
  width: 60.625rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  html body .section.section-work .work-classify {
    width: 100%;
  }
  html body .section.section-work .work-classify .work-classify-desktop {
    display: none;
  }
}
html body .section.section-work .work-classify .work-classify-mobile {
  display: none;
}
@media (max-width: 767px) {
  html body .section.section-work .work-classify .work-classify-mobile {
    display: block;
    width: 34.85714286rem;
    padding: 0 1.42857143rem;
  }
  html body .section.section-work .work-classify .work-classify-mobile img {
    width: 100%;
  }
}
html body .section.section-product-detail-faq {
  padding-top: 6.25rem;
  padding-bottom: 5rem;
}
@media (max-width: 767px) {
  html body .section.section-product-detail-faq {
    padding-top: 4.28571429rem;
    padding-bottom: 4.28571429rem;
  }
  html body .section.section-product-detail-faq #accordionFAQ1 {
    display: none;
  }
}
html body .section.section-summary {
  background: url("../../assets/images/img-summary.png") no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  html body .section.section-summary {
    background: url("../../assets/images/img-summary-mobi.png") no-repeat;
    background-size: cover;
  }
}
html body .section.section-summary .register-title {
  padding-top: 6.4375rem;
  line-height: 1.39;
}
@media (max-width: 767px) {
  html body .section.section-summary .register-title {
    padding-top: 4.28571429rem;
    line-height: 1.3;
  }
}
html body .section.section-summary .register-title p {
  margin: 0;
}
html body .section.section-summary .register-title .desc-summary {
  margin-top: 1.0625rem;
  font-size: 1.5rem;
  line-height: 1.3;
  color: #fff;
  text-align: right;
}
@media (max-width: 767px) {
  html body .section.section-summary .register-title .desc-summary {
    font-size: 1rem;
    margin-top: 1.42857143rem;
    text-align: center;
  }
}
html body .section.section-summary .register-content {
  margin-top: 4.9375rem;
}
@media (max-width: 767px) {
  html body .section.section-summary .register-content {
    margin-top: 3.57142857rem;
  }
}
html body .section.section-faq {
  background: #fff;
  padding: 6.25rem 14.6875rem;
  line-height: 1.25;
}
@media (max-width: 767px) {
  html body .section.section-faq {
    padding: 2.14285714rem 1.42857143rem 4.28571429rem;
  }
}
html body .section.section-faq .faq-title {
  font-size: 3rem;
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  html body .section.section-faq .faq-title {
    font-size: 1.71428571rem;
    margin-bottom: 1.42857143rem;
    line-height: 1.3;
  }
}
html body .section.section-faq .faq-item {
  margin-bottom: 1.875rem;
}
html body .section.section-faq .faq-item:last-child {
  margin-bottom: 0;
}
html body .section.section-faq .faq-item .item-title {
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
}
@media (max-width: 767px) {
  html body .section.section-faq .faq-item .item-title {
    font-size: 0.85714286rem;
    margin-bottom: 0.75714286rem;
    line-height: 1.6;
  }
}
html body .section.section-faq .faq-item .item-desc {
  line-height: 1.5;
}
@media (max-width: 767px) {
  html body .section.section-faq .faq-item .item-desc {
    font-size: 0.71428571rem;
    line-height: 1.92;
    letter-spacing: -0.1px;
  }
}
html body .section.section-faq .faq-item .item-desc p {
  margin-bottom: 1.5625rem;
}
html body .section.section-faq .faq-item .item-desc p:last-child {
  margin-bottom: 0;
}
html body .section.section-hidden-page {
  margin-top: 6.25rem;
  margin-bottom: 2.5rem;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  html body .section.section-hidden-page {
    margin-top: 0;
    margin-bottom: 0;
  }
}
html body .section.section-hidden-page .item-left {
  position: absolute;
  width: 29.375rem;
  top: 1.5rem;
  left: 8.4375rem;
}
@media (max-width: 767px) {
  html body .section.section-hidden-page .item-left {
    position: relative;
    width: 20rem;
    left: 0;
    margin: 0 auto;
  }
}
html body .section.section-hidden-page .item-left .hidden-page-title {
  font-size: 3rem;
  line-height: 1.25;
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  html body .section.section-hidden-page .item-left .hidden-page-title {
    font-size: 1.64285714rem;
    line-height: 1.3;
    margin-bottom: 0.71428571rem;
  }
}
html body .section.section-hidden-page .item-left .hidden-page-item {
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  html body .section.section-hidden-page .item-left .hidden-page-item {
    margin-bottom: 1.42857143rem;
  }
}
html body .section.section-hidden-page .item-left .hidden-page-item .hidden-page-desc {
  font-size: 1.25rem;
  line-height: 1.25;
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  html body .section.section-hidden-page .item-left .hidden-page-item .hidden-page-desc {
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 0.71428571rem;
  }
}
html body .section.section-hidden-page .item-left .hidden-page-item .hidden-page-desc a {
  font-family: 'SourceSansPro-Bold';
  text-transform: uppercase;
  color: #aecc17;
  text-decoration: underline;
  cursor: pointer;
}
html body .section.section-hidden-page .item-left .hidden-page-item a.btn-login-register {
  text-align: center;
  background-color: #d0ea4c;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #000;
  border-radius: 0.5rem;
  width: 100%;
  padding: 0.8125rem 0.625rem;
}
@media (max-width: 767px) {
  html body .section.section-hidden-page .item-left .hidden-page-item a.btn-login-register {
    font-size: 1.28571429rem;
    line-height: 1.94;
    width: 100%;
    padding: 0.21428571rem 0.71428571rem;
    border-radius: 0.28571429rem;
  }
}
html body .section.section-hidden-page .item-right {
  margin-left: 39.6875rem;
}
@media (max-width: 767px) {
  html body .section.section-hidden-page .item-right {
    margin-left: 0;
    margin-top: 4.28571429rem;
  }
}
html body footer .footer-content {
  background: #000;
  padding-top: 7.5rem;
  padding-bottom: 2.875rem;
}
@media (max-width: 767px) {
  html body footer .footer-content {
    padding-top: 5.71428571rem;
    padding-bottom: 0.71428571rem;
    text-align: center;
  }
}
html body footer .footer-content .logo {
  margin: 0;
}
@media (max-width: 767px) {
  html body footer .footer-content .logo {
    width: 14.5rem;
    height: auto;
    margin: 0 auto;
  }
}
html body footer .footer-info {
  color: #fff;
  padding-top: 3.75rem;
  padding-bottom: 3.5625rem;
}
@media (max-width: 767px) {
  html body footer .footer-info {
    padding-top: 4.28571429rem;
    padding-bottom: 7.57142857rem;
  }
}
html body footer .footer-info .info-address {
  text-align: center;
}
@media (max-width: 767px) {
  html body footer .footer-info .info-address {
    margin-top: 2.85714286rem;
    margin-bottom: 3.78571429rem;
  }
}
html body footer .footer-info .info-address p {
  font-size: 1.5rem;
  line-height: 1.46;
  color: #d0ea4c;
  margin-bottom: 0.625rem;
}
@media (max-width: 767px) {
  html body footer .footer-info .info-address p {
    font-size: 1.71428571rem;
    line-height: 1.94;
    margin-bottom: 0;
  }
}
html body footer .footer-info .info-address span {
  font-family: 'SourceSansPro-Regular';
}
@media (max-width: 767px) {
  html body footer .footer-info .info-address span {
    font-size: 0.85714286rem;
    line-height: 2;
  }
}
html body footer .footer-info .btn-contact-us-click {
  cursor: pointer;
}
html body footer .footer-info a.btn-contact-us {
  text-align: center;
  background-color: #d0ea4c;
  font-size: 1.5rem;
  line-height: 1.46;
  color: #000;
  border-radius: 0.25rem;
  width: 14.375rem;
  padding: 0.4375rem 0.625rem 0.375rem 0.625rem;
  margin-left: -1.25rem;
}
@media (max-width: 767px) {
  html body footer .footer-info a.btn-contact-us {
    font-size: 1.28571429rem;
    line-height: 1.94;
    width: 15rem;
    padding: 0.21428571rem 0.71428571rem;
    margin: 0 auto;
  }
}
html body footer .footer-desc {
  font-family: 'SourceSansPro-Regular';
  font-size: 0.875rem;
  line-height: 1.71;
  color: #636365;
  text-align: center;
}
@media (max-width: 767px) {
  html body footer .footer-desc span {
    display: block;
  }
}
html body table tbody tr td:last-child div {
  cursor: pointer;
}
html body .modal-fix .modal-header {
  background-color: #d0ea4c;
}
html body .modal-fix .modal-header .modal-title {
  font-family: 'SourceSansPro-Bold';
  font-size: 14px;
}
html body .modal-fix .modal-body {
  height: 600px;
}
@media (max-width: 1024px) {
  html body .modal-fix .modal-body {
    height: 500px;
  }
}
@media (max-width: 414px) {
  html body .modal-fix .modal-body {
    height: 28.57142857rem;
  }
}
html body .modal-fix .modal-body iframe {
  height: 100%;
  width: 100%;
}
html body .izimodal .iziModal-button-close {
  opacity: 0.8;
}
@media (max-width: 767px) {
  html body .izimodal {
    max-width: 90% !important;
  }
}
html body .izimodal .iziModal-content {
  height: 620px;
}
@media (max-width: 1279px) {
  html body .izimodal .iziModal-content {
    height: 500px;
  }
}
@media (max-width: 767px) {
  html body .izimodal .iziModal-content {
    height: 400px;
  }
}
.login-section {
  background: #fff;
}
.login-section .content_wrapper {
  padding-top: 6.875rem;
  padding-bottom: 2.5em;
  position: relative;
  width: 100%;
}
.login-section .item-left {
  position: absolute;
  width: 29.3125rem;
  top: 6.5rem;
  left: 8.4375rem;
}
.login-section .item-left .notification-title {
  font-size: 3rem;
}
.login-section .item-left .notification-username {
  font-size: 3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.login-section .item-left .notification-desc {
  font-size: 1.25rem;
  line-height: 1.25;
  margin-top: 0.3125rem;
  margin-bottom: 1.5625rem;
}
.login-section .item-right {
  margin-left: 39.6875rem;
}
.login-section .footer-content {
  padding-top: 0;
}
.aplication_form .um .um-form input[type=text],
.aplication_form .um .um-form input[type=tel],
.aplication_form .um .um-form input[type=number],
.aplication_form .um .um-form input[type=password] {
  color: #000 !important;
  background-color: #fff !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
  height: 3.3125rem !important;
  font-family: 'SourceSansPro-Regular' !important;
  border-radius: 0.5rem;
  border: 1px solid #a9aaad !important;
}
.aplication_form .um .um-form textarea {
  background-color: #fff !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
  height: 3.3125rem !important;
  font-family: 'SourceSansPro-Regular' !important;
  border-radius: 0.5rem;
  border: 1px solid #a9aaad !important;
}
.aplication_form .um .upload-progress {
  border-radius: 0.5rem;
  border: 1px solid #a9aaad !important;
}
.aplication_form .um-field-label label {
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
  color: #000 !important;
}
.aplication_form .select2-container .select2-choice {
  background-color: #fff !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
  height: 3.3125rem !important;
  font-family: 'SourceSansPro-Regular' !important;
  border-radius: 0.5rem;
  border: 1px solid #a9aaad !important;
}
.aplication_form .select2-container-multi .select2-choices {
  background-color: #fff !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
  height: 3.3125rem !important;
  font-family: 'SourceSansPro-Regular' !important;
  border-radius: 0.5rem;
  border: 1px solid #a9aaad !important;
}
.aplication_form .select2-drop {
  border-radius: 0.5rem;
  border: 1px solid #a9aaad !important;
}
.aplication_form .select2-drop-active {
  border-radius: 0.5rem;
  border: 1px solid #a9aaad !important;
}
.aplication_form .select2-drop.select2-drop-above {
  border-radius: 0.5rem;
  border: 1px solid #a9aaad !important;
}
.aplication_form .um-center {
  margin-top: 1rem !important;
}
.aplication_form .um-center .um-button {
  width: 100% !important;
  font-size: 1.25rem;
  line-height: 1.4 !important;
  padding: 0.75rem 0.5rem !important;
}
.aplication_form .um input[type=submit].um-button,
.aplication_form .um input[type=submit].um-button:focus,
.aplication_form .um input[type=submit].um-button:hover,
.aplication_form .um a.um-button,
.aplication_form .um a.um-button.um-disabled:hover,
.aplication_form .um a.um-button.um-disabled:focus,
.aplication_form .um a.um-button.um-disabled:active {
  background: #d0ea4c;
  color: #000;
  border: none !important;
}
.aplication_form a.um-link-alt {
  font-size: 1rem;
  line-height: 1.5;
  color: #8fa61d !important;
}
.aplication_form .um-field-checkbox-option {
  color: #000 !important;
  font-size: 1rem;
  font-family: 'SourceSansPro-Regular';
}
.aplication_form .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i {
  color: #8fa61d;
}
.aplication_form .um-field-checkbox-state i {
  color: #3f4041;
}
.aplication_form .um-field-label {
  margin-bottom: -0.1875rem;
}
@media screen and (max-width: 767px) {
  .login-section .content_wrapper {
    padding-top: 2rem;
    padding-left: 1.429rem;
    padding-right: 1.429rem;
    padding-bottom: 0;
  }
  .login-section .item-left {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  .login-section .item-right {
    margin: 2rem -1.429rem 0;
  }
  .login-section .item-left .notification-title {
    font-size: 1.7143rem;
  }
  .login-section .item-left .notification-desc {
    font-size: 1rem;
    margin-top: 0.643rem;
    margin-bottom: 0.357rem;
  }
  .aplication_form .um .um-form input[type=text],
  .aplication_form .um .um-form input[type=tel],
  .aplication_form .um .um-form input[type=number],
  .aplication_form .um .um-form input[type=password],
  .aplication_form .um-field-label label {
    font-size: 1rem !important;
  }
  .aplication_form .um .um-form input[type=text],
  .aplication_form .um .um-form input[type=tel],
  .aplication_form .um .um-form input[type=number],
  .aplication_form .um .um-form input[type=password],
  .aplication_form .um .um-form textarea,
  .aplication_form .select2-container .select2-choice,
  .aplication_form .select2-container-multi .select2-choices {
    height: 3.571rem !important;
    font-size: 1.143rem !important;
  }
  .aplication_form .um-center .um-button {
    font-size: 1.429rem;
    padding: 0.425rem 0.5rem !important;
  }
  .aplication_form .um-center {
    margin-top: 0 !important;
  }
  .aplication_form a.um-link-alt {
    font-size: 1.143rem;
    line-height: 1.5;
  }
  .um-col-alt-b.um-field-checkbox-option {
    font-size: 1rem;
  }
  .aplication_form .um-field-label {
    margin-bottom: 0.143rem;
  }
  .aplication_form .um-col-alt-b {
    padding-top: 1rem;
  }
  .login-section .footer-content {
    padding-top: 5.714rem;
  }
}