.mv {
  position: relative;
  text-align: left;
  padding: 52px 0 200px 51%;
}
.mv .bar_sharp,
.mv .bar_lg,
.mv .bar_img,
.mv .bar_gra {
  top: calc( 52px + 12.97vw );
}
.mv .bar_sharp {
  -webkit-transform: skewY(10.28deg) translateY(-74%);
          transform: skewY(10.28deg) translateY(-74%);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  height: 31vw;
  max-height: 540px;
  min-height: 372px;
}
.mv .bar_lg {
  -webkit-transform: skewY(-10.28deg) translateY(94.3%);
          transform: skewY(-10.28deg) translateY(94.3%);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  height: 31vw;
  max-height: 540px;
  min-height: 372px;
}
.mv .bar_img {
  -webkit-transform: skewY(-10.28deg);
          transform: skewY(-10.28deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.mv .bar_img picture {
  width: 50%;
}
.mv .bar_img img {
  width: 100%;
  height: auto;
  -webkit-transform: skewY(10.28deg);
          transform: skewY(10.28deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
.mv .tagline_en {
  position: absolute;
  left: 11.38%;
  top: 52px;
  width: 29.4%;
  max-width: 565px;
}
.mv .tagline_en span {
  display: block;
  position: relative;
}
.mv .tagline_en span::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 91.4%;
}
.mv .tagline_en span img {
  position: relative;
  width: 100%;
  height: auto;
}
.mv .tagline_en span:nth-child(1)::before {
  width: 100%;
  background: #30325b;
}
.mv .tagline_en span:nth-child(2)::before {
  width: 79.65%;
  background: #28c0a8;
}
.mv .tagline_en span:nth-child(3)::before {
  width: 24.6%;
  background: #f98c7d;
}
.mv .tagline_en span:nth-child(4)::before {
  width: 70.27%;
  background: #53c8f0;
}
.mv .tagline_en span:nth-child(5)::before {
  width: 86.54%;
  background: #ed6d1d;
}
.mv .field_en {
  position: absolute;
  top: calc( 52px + 5.4vw );
  left: 6.9%;
  font-size: 1.2rem;
  line-height: 1.33;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.mv .tagline_ja {
  position: relative;
  width: 76.62%;
  max-width: 642px;
  padding-top: 14.6vw;
  -webkit-transform: translateX(-2.8%);
          transform: translateX(-2.8%);
}
.mv .tagline_ja img {
  width: 100%;
  height: auto;
}
.mv .field_ja {
  margin-top: 30px;
  position: relative;
  color: #fff;
  font-size: 2rem;
  line-height: 1.8;
}
.mv .btn_na {
  margin-top: 30px;
}

@media screen and (min-width: 1920px) {
  .mv .bar_sharp,
  .mv .bar_lg,
  .mv .bar_img,
  .mv .bar_gra {
    top: 301px;
  }
  .mv .field_en {
    top: 156px;
  }
  .mv .tagline_ja {
    padding-top: 280px;
  }
}
@media screen and (max-width: 1200px) {
  .mv .bar_sharp,
  .mv .bar_lg,
  .mv .bar_img,
  .mv .bar_gra {
    top: 208px;
  }
  .mv .field_en {
    top: 117px;
  }
  .mv .tagline_ja {
    padding-top: 175px;
  }
}
@media screen and (max-width: 600px) {
  .mv {
    padding: 24px 0 42px 5.3%;
  }
  .mv .bar_sharp,
  .mv .bar_lg,
  .mv .bar_img,
  .mv .bar_gra {
    top: calc( 24px + 46.67vw );
    height: 54.6vw;
  }
  .mv .bar_sharp {
    -webkit-transform: skewY(10.28deg) translateY(-71%);
            transform: skewY(10.28deg) translateY(-71%);
  }
  .mv .bar_lg {
    -webkit-transform: skewY(-10.28deg) translateY(113.9%);
            transform: skewY(-10.28deg) translateY(113.9%);
  }
  .mv .bar_img {
    -webkit-transform: skewY(-10.28deg) translateY(-36.59%);
            transform: skewY(-10.28deg) translateY(-36.59%);
  }
  .mv .tagline_en {
    left: 0;
    top: 0;
    width: 46.48%;
    position: relative;
  }
  .mv .field_en {
    top: calc( 24px + 16.93vw );
    left: 97.18%;
    white-space: nowrap;
    font-size: 10px;
    -webkit-transform: rotate(90deg) scale(0.6);
            transform: rotate(90deg) scale(0.6);
    color: #fff;
  }
  .mv .tagline_ja {
    width: 60.56%;
    padding-top: 3.2vw;
    -webkit-transform: translateX(-2.8%);
            transform: translateX(-2.8%);
  }
  .mv .field_ja {
    margin-top: 12px;
    font-size: 1.1rem;
    line-height: 1.55;
  }
  .mv .btn_na {
    margin-top: 18px;
  }
}
.s_featured {
  position: relative;
  text-align: left;
  padding-left: 10.4%;
}
.s_featured .s_ttl {
  position: absolute;
  left: -4px;
  top: -45px;
}
.s_featured .featured_list {
  width: 100%;
  overflow: hidden;
}

.s_event {
  padding: 155px 0 0;
}
.s_event .s_ttl .ja {
  display: inline-block;
  vertical-align: top;
  background: #f98c7d;
  color: #fff;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  font-weight: 500;
  font-family: 'Plus Jakarta Sans', 'TazuganeGothicStdN-Regular', sans-serif;
}

.s_student {
  padding: 110px 0 120px;
}
.s_student .s_ttl .ja {
  font-weight: 500;
  font-family: 'Plus Jakarta Sans', 'TazuganeGothicStdN-Regular', sans-serif;
  font-size: 2.2rem;
}
.s_student .s_lead {
  margin-top: 20px;
  font-size: 1.6rem;
  line-height: 1.69;
}
.s_student .btn_na {
  margin-top: 45px;
}