/* page top page
   ========================================================================== */
.main {
  margin: 64px 0 0 0;
  width: 100%;
  height: 550px;
  background-color: #FB6641;
  position: relative;
  display: flex;
  justify-content: center;
  padding-bottom: 80px;
}
.main__inner {
  display: flex;
  padding-top: 120px;
  position: absolute;
  z-index: 5;
}
@media screen and (min-width: 1025px) {
  .main__inner {
    padding-top: 210px;
  }
}
.main__side {
  width: 184px;
  height: auto;
}
.main__content {
  margin: 0 auto;
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
  border: 4px solid #1c1b18;
  text-align: center;
  width: 98%;
  position: relative;
}
.main__content__ttl {
  font-size: 24px;
  line-height: 1.7em;
  margin: 30px 0 35px 0;
  color: #A22708;
}
.main__content__txt-sp-only {
  margin-top: 20px;
  display: inline-block;
}
@media screen and (min-width: 1025px) {
  .main__content__txt-sp-only {
    margin-top: 0;
  }
}
.main__content__txt-shareFull {
  font-size: 13px;
  font-weight: bold;
  color: #3CABAD;
  padding: 10px 15px;
  background-color: #fff;
  position: relative;
  margin: 15px auto 10px auto;
}
.main__content__txt-shareFull:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 30px;
  border: 1px dashed #3CABAD;
  top: calc(50% - 2px);
  left: calc(50% + 120px);
}
.main__content__txt-shareFull:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 30px;
  border: 1px dashed #3CABAD;
  top: calc(50% - 2px);
  right: calc(50% + 120px);
}
@media screen and (min-width: 1025px) {
  .main__content__txt-shareFull:after {
    width: 80px;
  }
  .main__content__txt-shareFull:before {
    width: 80px;
  }
}
.main__content__more {
  text-decoration: underline;
  margin-top: 30px;
  display: inline-block;
  position: relative;
}
.main__content__more:after {
  content: "";
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #1a9be8;
  border-right: solid 2px #1a9be8;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: -15px;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 1025px) {
  .main__content {
    width: 535px;
  }
}
.main:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 370px;
  height: 130px;
  left: calc(50% - 185px);
  top: 4px;
  background: url(../../../img/top/img_thankYou.svg) no-repeat top center/370px 130px;
}
@media screen and (min-width: 1025px) {
  .main:before {
    width: 670px;
    height: 210px;
    top: 30px;
    left: calc(50% - 340px);
    background: url(../../../img/top/img_thankYou.svg) no-repeat top center/670px 210px;
  }
}
.main__img-area {
  width: 100%;
  display: flex;
  overflow: hidden;
  align-self: end;
  margin-bottom: 0;
}
@keyframes loop_animation_right {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
.main__img {
  animation: loop_animation_right 20s linear infinite;
  width: 1000px;
  max-width: 1000px;
}
@media screen and (min-width: 1025px) {
  .main__img {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .main {
    margin: 70px 0 0 0;
  }
}

.container {
  width: calc(100% - 30px);
  margin: 0 15px;
  box-sizing: border-box;
}
@media screen and (min-width: 1025px) {
  .container {
    width: 970px;
    margin: 0 auto;
  }
}
.container__ttl {
  font-size: 24px;
  text-align: center;
  margin: 0 0 40px 0;
}
@media screen and (min-width: 1025px) {
  .container__ttl {
    font-size: 32px;
    margin: 0 0 120px 0;
  }
}
.container__ttl.s-orange {
  color: #FB6641;
}
.container__ttl.s-white {
  color: #fff;
}
.container__cap {
  text-align: center;
  margin: 0 0 40px 0;
}
@media screen and (min-width: 1025px) {
  .container__cap {
    margin: 0 0 65px 0;
  }
}
.container__list {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1025px) {
  .container__list {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1025px) {
  .container__list.js-slide-sp {
    display: flex;
    justify-content: space-between;
  }
}

.dl-badge {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1025px) {
  .dl-badge {
    margin: 0;
  }
}
.dl-badge__app-store, .dl-badge__google-play {
  height: 52px;
  display: inline-block;
  width: auto;
}
@media screen and (max-width: 374px) {
  .dl-badge__app-store, .dl-badge__google-play {
    height: 42px;
  }
}
.dl-badge__app-store img, .dl-badge__google-play img {
  height: 100%;
}
.dl-badge__app-store {
  margin: 0 15px 0 0;
}

@media screen and (min-width: 1025px) {
  .main-pc.dl-badge {
    justify-content: start;
  }
}

.merit {
  padding: 210px 0 100px 0;
  background-color: #fff;
}
@media screen and (min-width: 1025px) {
  .merit {
    padding: 300px 0 110px 0;
  }
}
@media screen and (max-width: 348px) {
  .merit {
    padding: 110px 0;
  }
}
.merit__content__item {
  width: 250px;
  padding: 150px 0 0 0;
  margin: 0 auto 60px auto;
}
@media screen and (min-width: 1025px) {
  .merit__content__item {
    width: 254px;
    padding: 170px 0 0 0;
  }
}
.merit__content__item.merit-a {
  background: url(../../../img/top/img_merit_a.svg) no-repeat top center/130px 130px;
}
@media screen and (min-width: 1025px) {
  .merit__content__item.merit-a {
    background: url(../../../img/top/img_merit_a.svg) no-repeat top center/160px 160px;
  }
}
.merit__content__item.merit-b {
  background: url(../../../img/top/img_merit_b.svg) no-repeat top center/auto 130px;
}
@media screen and (min-width: 1025px) {
  .merit__content__item.merit-b {
    background: url(../../../img/top/img_merit_b.svg) no-repeat top center/auto 160px;
  }
}
.merit__content__item.merit-c {
  background: url(../../../img/top/img_merit_c.svg) no-repeat top center/auto 130px;
}
@media screen and (min-width: 1025px) {
  .merit__content__item.merit-c {
    background: url(../../../img/top/img_merit_c.svg) no-repeat top center/auto 160px;
  }
}
.merit__content__item.last-child {
  margin-bottom: 0;
}
.merit__content__ttl {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .merit__content__ttl {
    font-size: 22px;
    margin: 0 0 25px 0;
  }
}
.merit__content__txt {
  line-height: 1.7em;
  text-align: justify;
}

.guide {
  padding: 110px 0;
}
.guide__content {
  margin-bottom: 50px;
}
@media screen and (min-width: 1025px) {
  .guide__content {
    margin: 0 0 60px 0;
  }
}
.guide__item img {
  margin: 0 auto;
  width: 265px;
  height: auto;
}
.guide .slick-dotted, .guide .slick-slider {
  margin-bottom: 50px;
}
.guide .dl-badge {
  text-align: center;
  height: 52px;
}
@media screen and (min-width: 1025px) {
  .guide .dl-badge {
    height: 70px;
    justify-content: center;
  }
}
@media screen and (min-width: 1025px) {
  .guide .dl-badge__app-store, .guide .dl-badge__google-play {
    height: 70px;
  }
}

.jobs {
  padding: 110px 0;
  background-color: #fff;
}
@media screen and (min-width: 1025px) {
  .jobs .container__ttl {
    margin: 0 0 50px 0;
  }
}
.jobs__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 250px;
  margin: 0 auto;
}
@media screen and (min-width: 1025px) {
  .jobs__content {
    width: 550px;
  }
}
.jobs__content__item {
  width: 115px;
  margin: 0 0 25px 0;
}
@media screen and (min-width: 1025px) {
  .jobs__content__item {
    width: 150px;
    margin: 0 0 50px 0;
  }
}
.jobs__content__img {
  border-radius: 10px;
  width: 100%;
  height: 115px;
  margin: 0 0 15px 0;
}
@media screen and (min-width: 1025px) {
  .jobs__content__img {
    height: 150px;
  }
}
.jobs__content__img.s-food {
  background: url(../../../img/top/img_jobs_food.jpg) no-repeat top center/200px auto;
}
@media screen and (min-width: 1025px) {
  .jobs__content__img.s-food {
    background: url(../../../img/top/img_jobs_food.jpg) no-repeat top center/270px auto;
  }
}
.jobs__content__img.s-cashRegister {
  background: url(../../../img/top/img_jobs_cashRegister.jpg) no-repeat top center/200px auto;
}
@media screen and (min-width: 1025px) {
  .jobs__content__img.s-cashRegister {
    background: url(../../../img/top/img_jobs_cashRegister.jpg) no-repeat top center/270px auto;
  }
}
.jobs__content__img.s-warehouse {
  background: url(../../../img/top/img_jobs_warehouse.jpg) no-repeat top center/200px auto;
}
@media screen and (min-width: 1025px) {
  .jobs__content__img.s-warehouse {
    background: url(../../../img/top/img_jobs_warehouse.jpg) no-repeat top center/270px auto;
  }
}
.jobs__content__img.s-delivery {
  background: url(../../../img/top/img_jobs_delivery.jpg) no-repeat top center/200px auto;
}
@media screen and (min-width: 1025px) {
  .jobs__content__img.s-delivery {
    background: url(../../../img/top/img_jobs_delivery.jpg) no-repeat top center/270px auto;
  }
}
.jobs__content__img.s-moving {
  background: url(../../../img/top/img_jobs_moving.jpg) no-repeat top center/200px auto;
}
@media screen and (min-width: 1025px) {
  .jobs__content__img.s-moving {
    background: url(../../../img/top/img_jobs_moving.jpg) no-repeat top center/270px auto;
  }
}
.jobs__content__img.s-event {
  background: url(../../../img/top/img_jobs_event.jpg) no-repeat top center/200px auto;
}
@media screen and (min-width: 1025px) {
  .jobs__content__img.s-event {
    background: url(../../../img/top/img_jobs_event.jpg) no-repeat top center/270px auto;
  }
}
.jobs__content__ttl {
  text-align: center;
  display: block;
}
@media screen and (min-width: 1025px) {
  .jobs__content__ttl {
    font-size: 20px;
  }
}

.area {
  padding: 30px 0;
  background-color: #F77757;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .area .container__ttl {
    margin: 0 0 45px 0;
  }
}
.area .link-to-list {
  background-color: #fff;
  position: relative;
  border-radius: 25px;
  color: #1c1b18;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 20px 10px 50px;
  display: inline-block;
  box-shadow: 0 1px 3px rgba(76, 68, 36, 0.5);
  transition: 0.3s;
}
.area .link-to-list:hover {
  color: #FB6641;
  box-shadow: 0 1px 10px rgba(76, 68, 36, 0.2);
}
.area .link-to-list:before {
  display: inline-block;
  position: absolute;
  content: "";
  background: url(../../../img/top/icon_search.svg) no-repeat top center/25px 25px;
  width: 25px;
  height: 25px;
  left: 18px;
}
.area .container__cap {
  color: #fff;
  margin: 0 0 20px 0;
}
@media screen and (min-width: 1025px) {
  .area .container__cap {
    margin: 0 0 30px 0;
  }
}
.area__content {
  background: #fff;
  border-radius: 20px;
  padding: 40px 30px;
  width: 100%;
  margin: 0 auto 60px auto;
}
@media screen and (min-width: 1025px) {
  .area__content {
    width: 470px;
  }
}
.area__content__region {
  margin: 0 0 36px 0;
}
.area__content__region:last-child {
  margin-bottom: 0;
}
.area__content__regionTtl {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 10px 30px;
  background-color: #FB6641;
  border-radius: 20px;
  box-sizing: border-box;
}
.area__content__regionContent {
  margin: 20px 30px;
}
@media screen and (max-width: 320px) {
  .area__content__regionContent {
    margin: 20px 0px;
  }
}
.area__content__pref {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 10px;
}
@media screen and (min-width: 1025px) {
  .area__content__pref {
    margin: 0 18px;
  }
}
.area__content__pref:first-child {
  margin-left: 0;
}
.area__content__pref:last-child {
  margin-right: 0;
}
.area .dl-badge {
  text-align: center;
  height: 52px;
}
@media screen and (min-width: 1025px) {
  .area .dl-badge {
    height: 70px;
    justify-content: center;
  }
}
@media screen and (min-width: 1025px) {
  .area .dl-badge__app-store, .area .dl-badge__google-play {
    height: 70px;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../../../../resources/sass/customer/part/top/top.scss%22,%22../../../../../resources/sass/customer/global/_define.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%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%22,%22file%22:%22top.css%22%7D */