.mv {
  background: url(/assets/img/highschool/mv_pc.jpg) no-repeat center/auto 100%;
  height: 462px;
}
.mv__hgroup {
  background: rgba(33, 182, 170, 0.1);
  border: solid 2px #21B6AA;
  padding: 8px;
  text-align: center;
  position: relative;
}
.mv__hgroup::before, .mv__hgroup::after {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #21B6AA;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: -10px;
  left: -10px;
}
.mv__hgroup:after {
  left: auto;
  right: -10px;
}
.mv__hgroup-inner {
  border: solid 1px #21B6AA;
  padding: 50px 10px;
  position: relative;
}
.mv__hgroup-inner::after, .mv__hgroup-inner::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #21B6AA;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  bottom: -20px;
  left: -20px;
}
.mv__hgroup-inner::after {
  left: auto;
  right: -16px;
}
.mv .l-contents {
  height: 100%;
}
.mv__heading {
  font-size: 5.3rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0 10px;
}
.mv__heading b {
  font-weight: 500;
}
.mv__heading b::before, .mv__heading b::after {
  content: "";
  width: 52px;
  height: 62px;
  background: url(/assets/img/highschool/deco_mv.svg) no-repeat center/contain;
  display: inline-block;
  margin: 0 10px;
}
.mv__heading b::after {
  -webkit-transform: scale(-1);
          transform: scale(-1);
  margin: 0;
}
.question__heading {
  font-size: 3.2rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 50px;
  text-align: center;
  position: relative;
}
.question__heading b {
  font-weight: 500;
}
.question__heading .en {
  font-family: "Yellowtail", cursive;
  font-size: 2.4rem;
  font-weight: 500;
  background: #F8B500;
  color: #fff;
  position: absolute;
  top: -2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 220px;
}
.question__heading .en::after {
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 8px solid #F8B500;
  border-bottom: 0;
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.question__heading::before, .question__heading::after {
  content: "";
  width: 30px;
  height: 56px;
  background: url(/assets/img/common/deco_line.svg) no-repeat center/contain;
  display: inline-block;
  margin: 0 10px;
}
.question__heading::after {
  -webkit-transform: scale(-1);
          transform: scale(-1);
}
.question__item {
  text-align: center;
  border: solid 2px #1CB9EE;
  padding: 20px 20px 30px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  max-width: 383px;
  height: 100%;
  margin: 0 auto;
}
.question__item::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(/assets/img/highschool/bg_question_blue.png) no-repeat center/cover;
  position: absolute;
  bottom: -3%;
  left: 3%;
  max-width: 383px;
}
.question__item-heading {
  font-size: 2.8rem;
  font-weight: 500;
  margin-bottom: 10px;
  color: #1CB9EE;
}
.question__item-contents {
  position: relative;
  z-index: 1;
}
.question__item-img {
  margin: -45px 0 10px;
}
.question__item.is-red {
  border-color: #E9463F;
}
.question__item.is-red .question__item-heading {
  color: #E9463F;
}
.question__item.is-red::after {
  background-image: url(/assets/img/highschool/bg_question_red.png);
}
.question__item.is-pink {
  border-color: #EB6DA5;
}
.question__item.is-pink .question__item-heading {
  color: #EB6DA5;
}
.question__item.is-pink::after {
  background-image: url(/assets/img/highschool/bg_question_pink.png);
}
.question__item.is-orange {
  border-color: #F08637;
}
.question__item.is-orange .question__item-heading {
  color: #F08637;
}
.question__item.is-orange::after {
  background-image: url(/assets/img/highschool/bg_question_orange.png);
}
.question__item.is-yellow {
  border-color: #F8B500;
}
.question__item.is-yellow .question__item-heading {
  color: #F8B500;
}
.question__item.is-yellow::after {
  background-image: url(/assets/img/highschool/bg_question_yellow.png);
}

.feature {
  overflow: hidden;
}
.feature__block {
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 70px;
}
.feature__block:last-of-type {
  margin-bottom: 0;
}
.feature__block-unit {
  position: relative;
  z-index: 1;
}
.feature__block-unit::after {
  content: "";
  width: 320px;
  height: 267px;
  background: url(/assets/img/highschool/bg_feature__block.png) no-repeat center/contain;
  position: absolute;
  top: -20px;
  left: -40px;
  z-index: -1;
}
.feature__block-num {
  font-family: "Poppins", sans-serif;
  display: inline-block;
  color: #fff;
  background-color: #21B6AA;
  font-size: 1.8rem;
  padding: 0 12px;
  font-weight: 500;
}
.feature__block-heading {
  font-size: 2rem;
  color: #21B6AA;
  font-weight: 500;
  line-height: 2;
  margin-bottom: 10px;
}
.feature__block-heading span {
  display: inline-block;
  background-color: #fff;
  line-height: 1.8;
  padding: 2px 10px 0;
  -webkit-box-shadow: 3px 3px 0 0 #21B6AA;
          box-shadow: 3px 3px 0 0 #21B6AA;
  border: solid 1px;
  margin-bottom: 7px;
}
.feature__block-txt {
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.feature__block-img img {
  border-radius: 0 20px 20px 0;
  -webkit-box-shadow: 6px 6px 0 0 #21B6AA;
          box-shadow: 6px 6px 0 0 #21B6AA;
}

.voice__block {
  margin-bottom: 40px;
}
.voice__block:last-of-type {
  margin-bottom: 0;
}
.voice__block.is-red .voice__block-heading {
  background-image: url(/assets/img/common/bg_heading_red.png);
}
.voice__block.is-red .voice__unit {
  border-color: #E9463F;
}
.voice__block.is-red .voice__unit-heading, .voice__block.is-red .voice__unit-dl {
  color: #E9463F;
}
.voice__block.is-red .voice__box {
  background-image: url(/assets/img/common/bg_common_red.jpg);
}
.voice__block.is-red .voice__unit-dl {
  background: rgba(233, 70, 63, 0.15);
}
.voice__block.is-pink .voice__block-heading {
  background-image: url(/assets/img/common/bg_heading_pink.png);
}
.voice__block.is-pink .voice__unit {
  border-color: #EB6DA5;
}
.voice__block.is-pink .voice__unit-heading, .voice__block.is-pink .voice__unit-dl {
  color: #EB6DA5;
}
.voice__block.is-pink .voice__box {
  background-image: url(/assets/img/common/bg_common_pink.jpg);
}
.voice__block.is-pink .voice__unit-dl {
  background: rgba(235, 109, 165, 0.15);
}
.voice__block.is-orange .voice__block-heading {
  background-image: url(/assets/img/common/bg_heading_orange.png);
}
.voice__block.is-orange .voice__unit {
  border-color: #F08637;
}
.voice__block.is-orange .voice__unit-heading, .voice__block.is-orange .voice__unit-dl {
  color: #F08637;
}
.voice__block.is-orange .voice__box {
  background-image: url(/assets/img/common/bg_common_orange.jpg);
}
.voice__block.is-orange .voice__unit-dl {
  background: rgba(240, 134, 55, 0.15);
}
.voice__block.is-yellow .voice__block-heading {
  background-image: url(/assets/img/common/bg_heading_yellow.png);
}
.voice__block.is-yellow .voice__unit {
  border-color: #F8B500;
}
.voice__block.is-yellow .voice__unit-heading, .voice__block.is-yellow .voice__unit-dl {
  color: #F8B500;
}
.voice__block.is-yellow .voice__box {
  background-image: url(/assets/img/common/bg_common_yellow.jpg);
}
.voice__block.is-yellow .voice__unit-dl {
  background: rgba(248, 181, 0, 0.15);
}
.voice__block-heading {
  text-align: center;
  background: url(/assets/img/common/bg_heading_blue.png) no-repeat top center/cover;
  padding: 11px 20px;
  font-size: 2.8rem;
  color: #fff;
  font-weight: 500;
}
.voice__box {
  background: url(/assets/img/common/bg_common_blue.jpg) no-repeat center/cover;
  padding: 30px 38px;
}
.voice__unit-heading {
  font-size: 2.6rem;
  color: #1CB9EE;
  margin-bottom: 15px;
  font-weight: 500;
}
.voice__unit-dl {
  background: rgba(28, 185, 238, 0.15);
  color: #1CB9EE;
  padding: 10px;
  border-radius: 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-weight: 500;
  margin-top: 20px;
}

.open-campus {
  max-width: 1400px;
  margin: 0 auto;
}
.open-campus__row {
  margin-bottom: 40px;
}
.open-campus__head {
  background: url(/assets/img/highschool/bg_open-cumpus.jpg) no-repeat center/cover;
  color: #fff;
  padding: 20px 20px;
}
@media screen and (max-width: 767px) {
  .mv {
    height: 142vw;
    min-height: 550px;
    max-height: 900px;
    background: url(/assets/img/highschool/mv_sp.jpg) no-repeat bottom center/100% auto;
    padding-top: 20px;
  }
  .mv__hgroup::before, .mv__hgroup::after {
    width: 10px;
    height: 10px;
    left: -8px;
    top: -8px;
  }
  .mv__hgroup:after {
    left: auto;
    right: -8px;
  }
  .mv__hgroup-inner {
    padding: 20px 10px;
  }
  .mv__hgroup-inner::after, .mv__hgroup-inner::before {
    width: 10px;
    height: 10px;
    bottom: -16px;
    left: -16px;
  }
  .mv__heading {
    font-size: clamp(2.5rem, 7.9vw, 3.4rem);
    margin: 0;
  }
  .mv__heading b::before, .mv__heading b::after {
    font-size: 31px;
    height: 37px;
    margin: 0;
  }
  .mv__heading b::after {
    margin-left: -10px;
  }
  .m-box-07 .u-txt-large {
    font-size: 1.8rem;
  }
  .question__heading {
    font-size: 2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px;
  }
  .question__heading .en {
    top: -2.3em;
    width: 120px;
    padding: 2px 0;
  }
  .question__heading .en {
    font-size: 1.6rem;
    display: block;
  }
  .question__heading::before, .question__heading::after {
    width: 15px;
    height: 33px;
    margin: 0 8px;
  }
  .question__item-heading {
    font-size: 2rem;
  }
  .feature__carousel {
    margin-top: -30px;
  }
  .feature__block {
    padding: 20px 0 10px;
  }
  .feature__block-unit::after {
    width: 200px;
    height: 165px;
    top: -20px;
    left: -30px;
  }
  .feature__block-img {
    width: 90%;
    margin: 0 auto;
  }
  .feature__block-img img {
    border-radius: 10px;
    margin: 0 auto;
  }
  .voice__block {
    margin-bottom: 30px;
  }
  .voice__block.is-red .voice__block-heading {
    background-image: url(/assets/img/common/bg_heading_red_sp.png);
  }
  .voice__block.is-pink .voice__block-heading {
    background: url(/assets/img/common/bg_heading_pink_sp.png);
  }
  .voice__block.is-orange .voice__block-heading {
    background: url(/assets/img/common/bg_heading_orange_sp.png);
  }
  .voice__block.is-yellow .voice__block-heading {
    background: url(/assets/img/common/bg_heading_yellow_sp.png);
  }
  .voice__block-heading {
    background-image: url(/assets/img/common/bg_heading_blue_sp.png);
    font-size: 2rem;
  }
  .voice__box {
    padding: 20px 20px;
  }
  .voice__unit-heading {
    font-size: 1.8rem;
  }
  .voice__unit-dl {
    width: 100%;
  }
  .voice__unit-dl dt {
    font-size: 1.6rem;
  }
  .voice__unit-dl dd {
    font-size: 1.4rem;
  }
  .voice__unit-img {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .mv__hgroup {
    width: 70%;
    max-width: 660px;
  }
  .mv .l-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .question__heading b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .feature__block-unit {
    width: 55%;
    max-width: 655px;
    margin-left: auto;
    padding-top: 40px;
  }
  .feature__block:nth-of-type(even) .feature__block-unit {
    margin-left: 0;
    margin-right: auto;
  }
  .feature__block:nth-of-type(even) .feature__block-img {
    left: auto;
    right: 0;
  }
  .feature__block:nth-of-type(even) .feature__block-img img {
    border-radius: 20px 0 0 20px;
  }
  .feature__block-img {
    width: 43%;
    max-width: 609px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .voice__block:nth-of-type(even) .voice__unit {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .voice__unit-dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .voice__unit-dl dt {
    font-size: 2rem;
    border-right: solid 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 10px;
    margin-right: 10px;
  }
  .open-campus__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .open-campus__head {
    width: 52%;
    padding: 30px 40px;
  }
  .open-campus__img {
    width: 48%;
    position: relative;
  }
  .open-campus__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 999px) {
  .question__row {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1000px) {
  .feature__block-num {
    font-size: 2.8rem;
  }
  .feature__block-heading {
    font-size: 2.8rem;
    margin: -2px 0 10px;
  }
  .feature__block-txt {
    font-size: 2rem;
    margin-bottom: 0;
  }
}