@media screen and (max-width: 1280px) {

  .header__inner {
    height: 10vw;
  }

  .header__logo {
    width: 30vw;
    margin-left: 3vw;
  }

  .header__recrute__btn {
    width: 18vw;
  }

  .header__btn__inner {
    gap: 5vw;
  }

  .header__recrute__btn-text {
    top: 40%;
    font-size: 2.1vw;
    font-weight: 600;
  }

  .drawer_open {
    height: 10vw;
    width: 10vw;
  }

  .drawer_open span,
  .drawer_open span:before,
  .drawer_open span:after {
    height: 0.5vw;
    width: 7vw;
  }

  .drawer_open span:before {
    bottom: 2vw;
  }

  .drawer_open span:after {
    top: 2vw;
  }

  .hero {
    transform: scale(1.9);
    transform-origin: center top;
    margin-bottom: 40%;
  }

  .hero__bg-bottom {
    bottom: -27%;
  }

  .hero__bg {
    height: 101%;
  }


  .nav_item {
    font-size: 6vw;
  }

/*========================================
  introduction
========================================*/

/*----- intro__recommend -----*/

  .intro__inner {
    transform: scale(1.7);
    transform-origin: center top;
    margin-bottom: 160%;
  }

  .intro__features {
    margin-bottom: 6vw;
  }

  .intro__feature-text {
    font-size: 2.2vw;
    line-height: 0.9vw;
  }

  .intro__feature-detail {
    font-size: 2.5vw;
    line-height: 1.3;
  }

  .intro__feature__ornament {
    width: 12.5vw;
  }
  

  .intro__recommend-line {
    width: 40%;
  }

  .intro__recommend-title {
    font-size: 3vw;
  }

  .intro__recommend-list__inner  {
    top: 47%;
  }

  .intro__recommend-text {
    font-size: 2.5vw;
    letter-spacing: 0.15vw;
  }

  .intro__recommend-list__bg {
    width: 54vw;
  }


/*----- intro__cta -----*/

  .intro__cta-person {
    transform: translateX(-5vw);
    width: 25vw;
  }

  .intro__cta-copy {
    font-size: 2.5vw;
    letter-spacing: 0.3vw;
  }

  .intro__cta-store {
    gap: unset;
  }

  .intro__cta-store-image {
    width: 19vw;
  }

  .intro__cta-name {
    font-size: 1.8vw;
    letter-spacing: 0.3vw;
  }

  .intro__cta-button {
    width: 37vw;
    font-size: 3.5vw;
  }

  .intro__cta__btn__bg {
    width: 37vw;
  }

/*----- intro__message -----*/

.intro__message-main {
  width: 85%;
}

  .intro__message-company__image {
    width: 20vw;
  }
 
  .intro__message-company__title {
    font-size: 1.8vw;
  }

  .intro__message-text {
    font-size: 2.2vw;
  }


/*========================================
  workplace
========================================*/

.workplace__inner {
  transform: scale(1.7);
  transform-origin: center top;
  margin-bottom: 288%;
}

.workplace__features-title {
  width: 25%;
}

.workplace__features-title-text  {
  top: 42.5%;
}

.workplace__item {
  transform: translateX(-4%);
}

.workplace__item--reversed {
  transform: translateX(4%);
}

.workplace__image {
  width: 30vw;
}

/*.workplace__image-easy_2 {
  width: 18vw;
}

.workplace-hybrid-2__image {
  width: 19vw;
}*/

.subtitle-1, .subtitle-3 {
  top: 1vw;
}

.subtitle-2, .subtitle-4 {
  top: 2vw;
}


.workplace__item-text, .workplace__item-text2 {
  font-size: 2.2vw;
  width: 95%;
}

.grid-item__text-4, .grid-item__text-11, .grid-item__text-15 {
  transform: translateY(-65%);
}

.grid-item__text-4 h4, .grid-item__text-11 h4, .grid-item__text-15 h4 {
  line-height: 1.2 !important;
}

.grid-item__image-4, .grid-item__image-11, .grid-item__image-15 {
  transform: translateY(-10%);
}


.workplace__present__title-ornament_L,
.workplace__present__title-ornament_R {
  align-self: flex-end;
  display: flex;
}



.workplace__stats-grid {
  display: grid;
  grid-template-columns: repeat(5,11.7vw);
  grid-template-rows: repeat(8,11.7vw);
  width: 59vw;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 3vw;
}

.grid-item__image-3, .grid-item__image-13, .grid-item__image-17 {
  width: 23.5vw;
}

.grid-item__image-6, .grid-item__image-7, .grid-item__image-18{
  width: 11.7vw;
}

.grid-parson1-1 {
  width: 12.5vw;
}

.grid-parson1-2 {
  width: 13vw;
}

.grid-parson1-3 {
  height: 13vw;
}

.workplace__present {
  width: 59vw;
}

.workplace__present__title-text {
  font-size: 4.8vw;
}

.workplace__present__title-text span {
  font-size: 10vw;
}

.workplace__present__title-text h3 {
  font-size: 6.5vw;
  line-height: 1;;
}

.workplace__present__text {
  font-size: 1.8vw;
}

.grid-item__image-8, .grid-item__image-9,
.grid-item__image-11, .grid-item__image-15{
  width: 35%;
}

.grid-item [class^="grid-item__text"] h4 {
  font-size: 1.4vw;
}

.grid-item [class^="grid-item__image_name"] {
  font-size: 1.3vw;
  padding: 0.25vw 0.5vw;
}


/*========================================
  recrute
========================================*/

.recrute__inner {
  transform: scale(1.8);
  transform-origin: center top;
  margin-bottom: 80%;
}


/*========================================
  reward
========================================*/
.reward__inner {
  transform: scale(1.9);
  transform-origin: center top;
  margin-bottom: 160%;
  padding-top: 10vw;
  padding-bottom: 10vw;
}

.reward__recrute-text {
  top: 40%;
}

.reward__detail-modal.is-active {
  display: -webkit-flex;
  display: flex;
}

.reward__detail-modal {
  height: 160%;
}

.reward__detail-modal__inner {
  top: unset;
  transform: unset;
  width: 100%;
}



/*========================================
  income-example
========================================*/
.income-example__inner {
  transform: scale(1.9);
  transform-origin: center top;
  margin-bottom: 280%;
}


.income-example__title {
  width: 60%;
}

.income-example__title-text  {
  top: 42.5%;
}

.income-example__item-title {
  top: 3.5vw;
}

.income-example__item-title-text {
  top: 40%;
}

.income-example__item-detail__grid {
  margin-top: -7.5%;
}


/*========================================
  campain
========================================*/

.campain__inner {
  transform: scale(2);
  transform-origin: center top;
  margin-bottom: 125%;
}

.campain__detail-text {
  top: 47.5%;
}


.campain__detail-arrow {
  margin-bottom: 0.5vw;
}


/*========================================
  store-intro
========================================*/

.store-intro__inner {
  transform: scale(2);
  transform-origin: center top;
  margin-bottom: 160%;
}


.store-intro__title {
  width: 43%;
  margin-bottom: 2.5vw;
}

.store-intro__title-text {
  top: 42.5%;
}

.store-intro__list {
  gap: 7vw;
}

.store-intro__item-visual {
  margin-bottom: -0.5vw;
}

.Nishiki__pagination label, .Yaba__pagination label  {
  margin-bottom: 3vw;
}

.store-intro__item-title-image_L, .store-intro__item-title-image_R {
  width: 7vw;
}

.store-intro__item-title-text {
  transform: translateX(0.5vw);
}


/*========================================
  customer-intro
========================================*/

.customer-comment__inner {
  transform: scale(1.9);
  transform-origin: center top;
  margin-bottom: 150%;
}


.customer-comment__title {
  width: 38%;
  margin-bottom: 2.5vw;
}

.customer-comment__title-text {
  top: 45%;
}

.customer-comment__item-comment-text {
  top: 42%;
}

.customer-comment__bg1 {
  width: 100vw;
  transform: translateX(-50%) scaleX(0.85);
}


/*========================================
  welfare
========================================*/
.welfare__inner {
  transform: scale(1.9);
  transform-origin: center top;
  margin-bottom: 115%;
}


.welfare__title {
  width: 32%;
  margin-bottom: 2.5vw;
}

.welfare__title-text {
  top: 45%;
}

.welfare__slide_arrow {
  top: 43.5%;
  width: 50%;
}

.welfare__slide_arrow img {
  width: 4%;
}

.welfare__btn-text {
  top: 43%;
}


/*========================================
  qusetion
========================================*/
.question__inner {
  width: 95vw;
  padding-top: 15vw;
  padding-bottom: 15vw;
}

.question__title-text {
  font-size: 8vw;
}

.question__title-subtext {
  font-size: 3.6vw;
}

.question__ornament {
  width: 95vw;
}

.question__list {
  gap: 4vw;
}

.question__label__icon {
  width: 6.66vw;
  margin: 0 1vw 0 2.6vw;
}

.question__label__title {
  font-size: 4vw;
}

.question__state {
  margin-right: 2vw;
  width: 4.5vw;
}

.question__state::before, .question__state::after {
  height: 0.7vw;
  width: 4.5vw;
}

.question__answer {
  font-size: 4vw;
  line-height: 5vw;
}


/*========================================
  closing
========================================*/

.closing__inner {
  transform: scale(1.9);
  transform-origin: center top;
  margin-bottom: 120%;
}

.closing__title {
  width: 34%;
  margin-bottom: 2.5vw;
}

.closing__title-text {
  top: 45%;
}

.closing__slide_arrow {
  top: 43.5%;
  width: 48%;
}

.closing__slide_arrow img {
  width: 4%;
}

.closing__item {
  padding: 2vw;
}

.image-step1 {
  margin-top: 8vw;
}
.image-step2 {
  margin-top: 7vw;
}
.image-step3 {
  margin-top: 7vw;
}
.image-step4 {
  margin-top: 4vw;
}
.image-step5 {
  margin-top: 5vw;
}
.image-step6 {
  margin-top: 6vw;
}


/*========================================
  forms
========================================*/

.forms__inner {
  transform: scale(1.85);
  transform-origin: center top;
  margin-bottom: 120%;
}


.forms__field input,
.forms__field textarea {
  font-size: 1.7vw;
}


/*========================================
  footer
========================================*/

.footer__inner {
  transform: scale(2);
  transform-origin: center top;
  margin-bottom: 40%;
}

.copyright {
  transform: scale(2);
  transform-origin: center top;
  margin-bottom: 5%;
}


/* ----- Page Top -----*/
.PageTop {
  position: fixed;
  width: 15vw;
  display: block;
  z-index: 9999;
  left: 3vw;
  bottom: 5vw;
}

.PageTop img {
  width: 100%;
}

.PageTop.is-active {
  display: none;
}


/* ----- RecruteNow -----*/
.RecruteNow {
  position: fixed;
  width: 25vw;
  display: block;
  z-index: 9999;
  right: 1vw;
  bottom: 3vw;
}

.RecruteNow img {
  width: 100%;
}

.RecruteNow.is-active {
  display: none;
}

}