@media screen and (max-width: 1280px) {
/*========================================
  header
========================================*/
  .header__inner {
    width: 95vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
  }
  
  .header__logo {
    width: 17vw;
  }

/*========================================
  hero
========================================*/
  .hero__inner {
    width: 94vw;
    padding-top: 6vw;
    padding-bottom: 7vw;
  }

  .hero__copy {
    font-size: 5.4vw;
  }

  .hero__copy-sub {
    margin-bottom: 4.5vw;
  }

  .hero__copy-main {
    padding:  1vw 8.5vw;
    border-radius: 5vw;
  }

  .hero__title-main {
    font-size: 14.5vw;
  }

  .hero__title-sub {
    font-size: 6.9vw;
  }

  .hero__left-main {
    width: 155%;
    left: -4vw;
  }

  .hero__achievement-grid {
    grid-template-columns: repeat(2,52%);
    grid-template-rows: repeat(2,45%);
    top: 2vw;
  }

  .hero__achievement-text {
    font-size: 4vw;
    top: 59%;
  }
  
  .achievement-1 {
    top: 10vw;
  }

  .achievement-1-font {
    font-size: 3.3vw !important;
  }
  
  .achievement-3 {
    left: 26vw;
  }
  
  .hero__name-inner {
    padding: 1vw 0;
  }

  .hero__name-text {
    font-size: 2.8vw;
    margin-left: 9vw;
    margin-right: 4vw;
  }

  .hero__line__btn {
    width: 87vw;
  }

  .hero__line-inner {
    top: 44%;
    left: 52%;
  }

  .hero__line-text {
    font-size: 7.3vw;
  }

  .hero__line-text span {
    font-size: 9vw;
  }

  .hero__line-text-color {
    font-size: 9vw !important;
  }

  .hero__line-arrow {
    width: 9vw;
  }

  .hero__bg-2 {
    top: 94%;
  }

/*========================================
  merit
========================================*/

  .merit__inner {
    transform: scale(1.95);
    transform-origin: center top;
    padding-top: 16vw;
    padding-bottom: 354vw;
  }

  .merit__title {
    margin-bottom: 5vw;
  }

  
/*========================================
  recommend
========================================*/

  .recommend__inner  {
    padding-top: 7vw;
    padding-bottom: 136vw;
    transform: scale(1.95);
    transform-origin: center top;
  }

  .recommend__bg2 {
    top: 96%;
  }

/*========================================
  representative
========================================*/
  .representative__inner {
    padding-top: 6vw;
    padding-bottom: 119vw;
    transform: scale(1.95);
    transform-origin: center top;
  }

/*========================================
  course
========================================*/ 
  .course__inner {
    padding-top: 6vw;
    padding-bottom: 131vw;
    transform: scale(1.95);
    transform-origin: center top;
  }

  .course__icon-7 {
    width: 5.5vw;
    margin-bottom: 1vw;
  }

  .course__slider__inner {
    margin-bottom: 4vw;
  }

  .course__slide__btn {
    display: none;
  }

/*========================================
  advantage
========================================*/
.advantage__inner {
  padding-top: 11.5vw;
  padding-bottom: 189vw;
  transform: scale(1.95);
  transform-origin: center top;
}

.advantage__inner__title {
  margin-bottom: 7vw;
}

.advantage__item {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}

/*========================================
  support
========================================*/
.support__inner {
  padding-top: 5vw;
  padding-bottom: 90vw;
  transform: scale(1.9);
  transform-origin: center top;
}

/*========================================
  graduate
========================================*/
.graduate__inner {
  padding-top: 13vw;
  padding-bottom: 215vw;
  transform: scale(1.95);
  transform-origin: center top;
}

.graduate__list {
  gap: 13vw;
}

.graduate__item-description-text {
  line-height: 1.6;
  top: 54%;
  gap: 2.5vw;
}

.graduate__item-description-bg {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  transform: scaleY(1.1);
  transform-origin: center top;
}

/*========================================
  income-example
========================================*/
.income-example__inner {
  padding-top: 5vw;
  padding-bottom: 220vw;
  transform: scale(2);
  transform-origin: center top;
}

.income-example__title {
  margin-bottom: 1.5vw;
}

.income-example__item-visual img {
  border-radius: unset;
}

/*========================================
  interview
========================================*/
.interview__inner {
  width: 94vw;
  padding-top: 15vw;
  padding-bottom: 23vw;
}

.interview__title {
  font-size: 8.5vw;
  margin-bottom: 4vw;
}

.interview__decoration {
  width: 33%;
  margin-bottom: 11vw;
}

.interview__list {
  gap: 10vw;
}

.interview__item-name {
  font-size: 6.5vw;
  margin-bottom: 4.5vw;
}
.interview__item-name span {
  font-size: 9vw;
}

.interview__item-name-EN {
  font-size: 10.5vw !important;
}

.interview__item-line {
  width: 94%;
  margin-bottom: 4.5vw;
}

.interview__video {
  width: 94%;
}

.interview__reward {
  font-size: 4vw;
  margin-right: 0;
}

/*========================================
  qusetion
========================================*/
.question__inner {
  width: 100%;
  padding-top: 21vw;
  padding-bottom: 16vw;
}

.question__title {
  margin-bottom: 6vw;
}

.question__title-text {
  font-size: 8.5vw;
  margin-bottom: 11.5vw;
}

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

.question__ornament {
  margin-bottom: 6vw;
}

.question__list {
  gap: 4vw;
}

.question__label {
  padding: 2.3vw 2vw;
}

.question__label__title  {
  font-size: 3.4vw;
}

.question__label__title span {
  padding: 0.8vw 1vw;
  line-height: 1;
  margin-right: 3vw;
}

.question__state {
  width: 5vw;
}

.question__state::before, .question__state::after {
	height: 0.5vw;
  width: 5vw;
}

.question__answer {
  font-size: 3.3vw;
  margin: 0vw 2vw 0vw 3vw;
  line-height: 1.5;
}

.question__label-in {
  padding: 1.5vw 9vw;
  margin-top: 3vw;
  margin-bottom: 3vw;
}

.question__item.open .question__answer {
  margin: 2.5vw 2vw 4vw 3vw;
  line-height: 1.5;
  max-height: 35vw;
}

/*============================
footer
============================*/
.footer__inner {
  width: 100%;
  padding-top: 15vw;
  padding-bottom: 17vw;
}

.footer__logo {
  margin-bottom: 12vw;
}

.footer__company, .footer__policy,
.footer__contact, .footer__tel{
font-size: 3vw;
}

.footer__company {
  margin-bottom: 7vw;
}

.footer__policy {
  cursor: pointer;
  margin-bottom: 7vw;
}

.footer__contact {
  margin-bottom: 2.5vw;
}

/*============================
trial__btn
============================*/

.trial__btn {
  position: fixed;
  bottom: 7.5vw;
  right: 3.5dvw;
  width: 20vw;
  height: 20vw;
  z-index: 999;
  display: block;
}

.trial__inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.trial-text {
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 2.5vw;
  white-space: nowrap;
  font-family: "noto sans jp";
  font-weight: 700;
  letter-spacing: 0vw;
  line-height: 1.1;
  color: #724F00;
  z-index: 999;
}

.trial-text span {
  font-size: 3.5vw;
  color: #FF0F74;
  font-weight: 800;
}

.trial-bg {
  position: relative;
  width: 100%;
}

.trial-bg img {
  width: 100%;
}


}