.l-main {
     margin-bottom: 30px;
} 

.leading-relaxed {
    line-height: 1.625;
    color: #21768a;
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

@media (min-width:768px) {
  .md\:mx-8 {
    margin-left:2rem;
    margin-right:2rem;
  }
  .md\:mb-9 {
    margin-bottom:2.25rem;
  }
  .md\:mb-0 {
    margin-bottom:0;
  }
  .md\:mb-6 {
    margin-bottom:1.5rem;
  }
  .md\:block {
    display:block;
  }
  .md\:inline {
    display:inline;
  }
  .md\:hidden {
    display:none;
  }
  .md\:h-8 {
    height:2rem;
  }
  .md\:w-8 {
    width:2rem;
  }
  .md\:w-44 {
    width:11rem;
  }
  .md\:w-\[160px\] {
    width:160px;
  }
  .md\:basis-auto {
    flex-basis:auto;
  }
  .md\:basis-\[45\%\] {
    flex-basis:45%;
  }
  .md\:grid-cols-3 {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .md\:flex-row {
    flex-direction:row;
  }
  .md\:items-start {
    align-items:flex-start;
  }
  .md\:items-stretch {
    align-items:stretch;
  }
  .md\:gap-4 {
    gap:1rem;
  }
  .md\:gap-8 {
    gap:2rem;
  }
  .md\:rounded-large {
    border-radius:20px;
  }
  .md\:pt-6 {
    padding-top:1.5rem;
  }
  .md\:pb-12 {
    padding-bottom:3rem;
  }
  .md\:pr-\[5\%\] {
    padding-right:5%;
  }
  .md\:pt-0 {
    padding-top:0;
  }
  .md\:pt-20 {
    padding-top:5rem;
  }
  .md\:text-left {
    text-align:left;
  }
  .md\:text-3xl {
    font-size:1.875rem;
    line-height:2.25rem;
  }
  .md\:text-xl {
    font-size:1.25rem;
    line-height:1.75rem;
  }
  .md\:text-base {
    font-size:1rem;
    line-height:1.5rem;
  }
  .md\:leading-relaxed {
    line-height:1.625;
  }
}

@media (min-width:1024px) {
  .lg\:w-56 {
    width:14rem;
  }
  .lg\:text-4xl {
    font-size:2.25rem;
    line-height:2.5rem;
  }
}

@media (min-width:981px) {
  .tab\:mr-auto {
    margin-right:auto;
  }
  .tab\:block {
    display:block;
  }
  .tab\:hidden {
    display:none;
  }
  .tab\:w-3\/4 {
    width:75%;
  }
  .tab\:grid-cols-4 {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .tab\:flex-row {
    flex-direction:row;
  }
  .tab\:gap-0 {
    gap:0;
  }
  .tab\:gap-x-\[2px\] {
    -moz-column-gap:2px;
    column-gap:2px;
  }
  .tab\:object-bottom {
    -o-object-position:bottom;
    object-position:bottom;
  }
  .tab\:text-left {
    text-align:left;
  }
}
.text-center {
    text-align: center;
}
.p-home__hero-logo img{
	    width: 100%;
    max-width: 180px;
}
.p-home__hero-carimg img{
	width: 100%;
    max-width: 280px;
}
@media screen and (max-width: 767px) {
  .p-home {
    background-size: contain;
    background-position: right bottom;
  }
  .p-home__hero-logo img{
	    width: 100%;
    max-width: 112px;
	        margin: 0 auto;
}
.p-home .p-home__hero .p-home__hero-logo {
    margin-bottom: 0;
    width: 8rem;
}
}
.p-home .p-home__hero {
  background-image: url(./hero-bgimg_02.png);
  background-repeat: repeat;
  overflow: hidden;
}
.p-home .p-home__hero .p-home__hero-wrap {
  position: relative;
  z-index: 1;
  background-image: url(./hero-bgimg_01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: max(624px, 100vh - 110px);
}
@media screen and (max-width: 980px) {
  .p-home .p-home__hero .p-home__hero-wrap {
    min-height: auto;
    height: max(670px, 92vh - 110px);
  }
}
@media screen and (max-width: 767px) {
  .p-home .p-home__hero .p-home__hero-wrap {
    height: max(550px, 80vh - 63px);
  }
}
.p-home .p-home__hero .p-home__hero-logo {
  margin-bottom: 2rem;
  width: 8rem;
}
@media (min-width: 768px) {
  .p-home .p-home__hero .p-home__hero-logo {
    margin-bottom: 3rem;
    width: 10rem;
  }
}
@media (min-width: 1024px) {
  .p-home .p-home__hero .p-home__hero-logo {
    width: 11rem;
  }
}
.p-home .p-home__hero .p-home__hero-cnt {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
}
@media (min-width: 768px) {
  .p-home .p-home__hero .p-home__hero-cnt {
    padding-top: 7vh;
  }
}
.p-home .p-home__hero .p-home__hero-loadimg {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  background-size: cover;
  background-repeat: repeat-x;
  background-image: url(./Vietnam4-01.png);
  height: 50vh;
}
@media screen and (max-width: 767px) {
  .p-home .p-home__hero .p-home__hero-loadimg {
    height: 36vh;
  }
}
.p-home .p-home__hero .p-home__hero-carimg {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 12rem;
}
@media (min-width: 768px) {
  .p-home .p-home__hero .p-home__hero-carimg {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.p-home .p-home__hero .p-home__hero-carimg {
  bottom: 1vh;
}