.job.top .contents {
  padding: 45px 0 70px;
}
@media screen and (max-width: 767px) {
  .job.top .contents {
    padding: 80px 0;
  }
}
.job.top .dot-wrap {
  background: url(/global_products/deliveryex/img/top/img_map.jpg) no-repeat;
  background-size: 960px 491px;
  background-position: top 0 left 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .job.top .dot-wrap {
    background: none;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .job.top .dot-wrap:after {
    content: "";
    width: 95%;
    aspect-ratio: 366/266;
    background: url(/global_products/deliveryex/img/top/img_map_sp.jpg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -240px;
    right: 0;
    z-index: -1;
  }
}
@media screen and (max-width: 767px) {
  .job.top .dot-wrap .map-dot {
    display: none;
  }
}
.job.top .dot-wrap .map-dot .dot {
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #91ADC4;
  transform-origin: center center;
  transform: scale(1);
  transition: 0.5s;
}
.job.top .dot-wrap .map-dot .dot.dot_austoralia {
  left: 428px;
  top: 419px;
}
.job.top .dot-wrap .map-dot .dot.dot_bangladesh {
  left: 281px;
  top: 256px;
}
.job.top .dot-wrap .map-dot .dot.dot_china {
  left: 350px;
  top: 206px;
}
.job.top .dot-wrap .map-dot .dot.dot_hongkong {
  left: 342px;
  top: 263px;
}
.job.top .dot-wrap .map-dot .dot.dot_india {
  left: 247px;
  top: 251px;
}
.job.top .dot-wrap .map-dot .dot.dot_indonesia {
  left: 326px;
  top: 343px;
}
.job.top .dot-wrap .map-dot .dot.dot_korea {
  left: 377px;
  top: 220px;
}
.job.top .dot-wrap .map-dot .dot.dot_macau {
  left: 329px;
  top: 266px;
}
.job.top .dot-wrap .map-dot .dot.dot_malaysia {
  left: 308px;
  top: 313px;
}
.job.top .dot-wrap .map-dot .dot.dot_philipplnes {
  left: 361px;
  top: 289px;
}
.job.top .dot-wrap .map-dot .dot.dot_singapore {
  left: 318px;
  top: 320px;
}
.job.top .dot-wrap .map-dot .dot.dot_southafrica {
  left: 110px;
  top: 403px;
}
.job.top .dot-wrap .map-dot .dot.dot_sweden {
  left: 88px;
  top: 131px;
}
.job.top .dot-wrap .map-dot .dot.dot_thailand {
  left: 310px;
  top: 287px;
}
.job.top .dot-wrap .map-dot .dot.dot_uae {
  left: 182px;
  top: 259px;
}
.job.top .dot-wrap .map-dot .dot.dot_vietnam {
  left: 314px;
  top: 273px;
}
.job.top .dot-wrap .map-dot .dot.active {
  background: #FF5050;
  transform: scale(1.5);
}
.job.top .section-country {
  width: 660px;
  margin-top: 55px;
  margin-left: auto;
  background: url(/global_products/deliveryex/img/top/img_back_job_pc.jpg) no-repeat;
  background-size: cover;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .job.top .section-country {
    width: 100%;
    margin-top: 0;
    padding: 40px 5%;
    background: url(/global_products/deliveryex/img/top/img_back_job_sp.jpg) no-repeat;
    margin-bottom: 240px;
  }
}
.job.top .section-country p {
  color: #fff;
  margin-bottom: 1em;
}
.job.top .section-country .country-list {
  display: flex;
  flex-wrap: wrap;
}
.job.top .section-country .country-list li {
  width: 32%;
  margin-right: 2%;
}
@media screen and (max-width: 767px) {
  .job.top .section-country .country-list li {
    width: 48%;
    margin-right: 4%;
  }
}
.job.top .section-country .country-list li:nth-of-type(3n) {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .job.top .section-country .country-list li:nth-of-type(3n) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .job.top .section-country .country-list li:nth-of-type(odd) {
    margin-right: 4% !important;
  }
}
@media screen and (max-width: 767px) {
  .job.top .section-country .country-list li:nth-of-type(even) {
    margin-right: 0 !important;
  }
}
.job.top .section-country .country-list li:nth-of-type(n + 4) {
  margin-top: 15px;
}
.job.top .section-country .country-list li a {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 500;
  background: #fff;
  padding: 10px 13px 10px 45px;
  height: 64px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .job.top .section-country .country-list li a {
    height: 58px;
    padding: 7px 13px 7px 45px;
    font-size: 1rem;
  }
}
.job.top .section-country .country-list li a:before {
  content: "";
  display: block;
  width: 24px;
  height: 16px;
  position: absolute;
  left: 13px;
}
.job.top .section-country .country-list li a:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #0081CC;
  border-bottom: 1px solid #0081CC;
  transform: rotate(45deg);
  position: absolute;
  right: 15px;
}
.job.top .section-country .country-list li:nth-of-type(1) a:before {
  background: url(/global_products/deliveryex/img/top/flag_australia.jpg) no-repeat;
  background-size: contain;
}
.job.top .section-country .country-list li:nth-of-type(2) a:before {
  background: url(/global_products/deliveryex/img/top/flag_bangladesh.jpg) no-repeat;
  background-size: contain;
}
.job.top .section-country .country-list li:nth-of-type(3) a:before {
  background: url(/global_products/deliveryex/img/top/flag_china.jpg) no-repeat;
  background-size: contain;
}
.job.top .section-country .country-list li:nth-of-type(4) a:before {
  background: url(/global_products/deliveryex/img/top/flag_hongkong.jpg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .job.top .section-country .country-list li:nth-of-type(5) {
    margin-top: 15px;
  }
}
.job.top .section-country .country-list li:nth-of-type(5) a:before {
  background: url(/global_products/deliveryex/img/top/flag_india.jpg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .job.top .section-country .country-list li:nth-of-type(6) {
    margin-top: 15px;
  }
}
.job.top .section-country .country-list li:nth-of-type(6) a:before {
  background: url(/global_products/deliveryex/img/top/flag_indonesia.jpg) no-repeat;
  background-size: contain;
}
.job.top .section-country .country-list li:nth-of-type(7) a:before {
  background: url(/global_products/deliveryex/img/top/flag_korea.jpg) no-repeat;
  background-size: contain;
}
.job.top .section-country .country-list li:nth-of-type(8) a:before {
  background: url(/global_products/deliveryex/img/top/flag_macau.jpg) no-repeat;
  background-size: contain;
}
.job.top .section-country .country-list li:nth-of-type(9) a:before {
  background: url(/global_products/deliveryex/img/top/flag_malaysia.jpg) no-repeat;
  background-size: contain;
}
.job.top .section-country .country-list li:nth-of-type(10) a:before {
  background: url(/global_products/deliveryex/img/top/flag_philip.jpg) no-repeat;
  background-size: contain;
}
.job.top .section-country .country-list li:nth-of-type(11) a:before {
  background: url(/global_products/deliveryex/img/top/flag_singapore.jpg) no-repeat;
  background-size: contain;
}
.job.top .section-country .country-list li:nth-of-type(12) a:before {
  background: url(/global_products/deliveryex/img/top/flag_southafrica.jpg) no-repeat;
  background-size: contain;
}
.job.top .section-country .country-list li:nth-of-type(13) a:before {
  background: url(/global_products/deliveryex/img/top/flag_sweden.jpg) no-repeat;
  background-size: contain;
}
.job.top .section-country .country-list li:nth-of-type(14) a:before {
  background: url(/global_products/deliveryex/img/top/flag_thailand.jpg) no-repeat;
  background-size: contain;
}
.job.top .section-country .country-list li:nth-of-type(15) a:before {
  background: url(/global_products/deliveryex/img/top/flag_uae.jpg) no-repeat;
  background-size: contain;
}
.job.top .section-country .country-list li:nth-of-type(16) a:before {
  background: url(/global_products/deliveryex/img/top/flag_vietnam.jpg) no-repeat;
  background-size: contain;
}
.job.top .country {
  margin: 150px auto 0;
  width: 850px;
}
@media screen and (max-width: 767px) {
  .job.top .country {
    width: 100%;
    margin-top: 0;
    padding: 100px 5% 0;
  }
}
.job.top .country .heading-cate {
  margin-bottom: 30px;
}
.job.top .country .job-img {
  margin-bottom: 45px;
}
.job.top .country .example {
  background: #F2F6F7;
  padding: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .job.top .country .example {
    padding: 30px 20px;
  }
}
.job.top .country .example .example-heading {
  width: 250px;
}
@media screen and (max-width: 767px) {
  .job.top .country .example .example-heading {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .job.top .country .example .example-heading .middle-ttl {
    margin-bottom: 15px;
  }
}
.job.top .country .example .example-contents {
  width: 500px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .job.top .country .example .example-contents {
    width: 100%;
  }
}
.job.top .country .example .example-contents .example-list {
  width: 49%;
}
@media screen and (max-width: 767px) {
  .job.top .country .example .example-contents .example-list {
    width: 100%;
  }
}
.job.top .country .example .example-contents .example-list li {
  line-height: 2;
  text-indent: -1em;
  padding-left: 1em;
}
.job.top .country .btn {
  width: 200px;
  margin: 15px auto 0;
}
.job.top .country .btn a {
  background: rgb(0, 104, 189);
  background: linear-gradient(45deg, rgb(0, 104, 189) 0%, rgb(13, 170, 255) 100%);
  color: #fff;
  border-radius: 5px;
  padding: 10px 10px;
  justify-content: center;
}
.job.top .country .btn a:hover .link-arrow.white {
  background: #fff;
}
.job.top .country .btn a:hover .link-arrow.white:before {
  border-right: 1px solid #0081CC;
  border-bottom: 1px solid #0081CC;
}/*# sourceMappingURL=top.css.map */