/*************************************************

header

*************************************************/
@media screen and (min-width: 768px) and (max-width: 992px) {
  .header {
    padding: 0 2rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .globalnavi-inner {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .globalnavi-nav {
    gap: 1.7rem;
  }
}

/*************************************************

top

*************************************************/
@media screen and (min-width: 768px) {
  .top-mv-lead {
    max-width: 50rem;
  }
}

@media screen and (max-width: 767px) {
  .top-mv-title {
    font-size: min(3.6rem, 7.5vw);
  }
}

@media screen and (min-width: 768px) {
  .top-concept-texts,
  .top-course-leads {
    max-width: 110rem;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 375px) {
  .top-mv-lead {
    font-size: 1.6rem;
  }
}

/*************************************************

menu

*************************************************/
@media screen and (min-width: 768px) {
  .menu-lead > * {
    max-width: 110rem;
    margin-right: auto;
    margin-left: auto;
  }
}