.c-message {
  position: relative;
  background-color: #f0f2f5;
  border-radius: 10px;
  padding: 8vw 5.3333333333vw;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .c-message {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: 40px;
    max-width: 1080px;
    margin-right: auto;
    margin-left: auto;
  }
}
.c-message::before {
  content: "";
  position: absolute;
  background-image: url("/assets/img/page/study/vision/message_glyph.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 42.1333333333vw;
  height: 18.6666666667vw;
  left: -5.3333333333vw;
  top: -10.6666666667vw;
}
@media screen and (min-width: 768px) {
  .c-message::before {
    left: -40px;
    top: -60px;
    width: 208px;
    height: 121px;
  }
}
@media screen and (min-width: 768px) {
  .c-message__column {
    margin-right: 50px;
  }
}
.c-message__title {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 5.3333333333vw;
  font-size: 4.8vw;
}
@media screen and (min-width: 768px) {
  .c-message__title {
    display: block;
    margin-bottom: 28px;
    font-size: 2.2rem;
  }
}
.c-message__accent {
  font-size: 7.4666666667vw;
}
@media screen and (min-width: 768px) {
  .c-message__accent {
    font-size: 2.8rem;
  }
}
.c-message__text {
  font-size: 3.7333333333vw;
  color: #003b57;
}
@media screen and (max-width: 991px) {
  .c-message__text {
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .c-message__text {
    line-height: 2;
    font-size: 1.6rem;
  }
}
.c-message__figure {
  width: 61.3333333333vw;
}
@media screen and (max-width: 991px) {
  .c-message__figure {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .c-message__figure {
    width: 230px;
    flex-shrink: 0;
  }
}
.c-message__message-image, .c-message__image {
  margin-bottom: 2.6666666667vw;
}
@media screen and (max-width: 991px) {
  .c-message__message-image, .c-message__image {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .c-message__message-image, .c-message__image {
    margin-bottom: 10px;
  }
}
.c-message__caption {
  color: #3a3e40;
  font-weight: 600;
  font-size: 3.4666666667vw;
}
@media screen and (min-width: 768px) {
  .c-message__caption {
    font-size: 1.3rem;
  }
}

/*========================================
  subject
========================================*/
.subject {
  overflow: hidden;
}
.subject-mv {
  position: relative;
}
@media screen and (min-width: 768px) {
  .subject-mv {
    height: 37.5em;
  }
}
.subject-mv.is-1 {
  z-index: 13;
}
@media screen and (min-width: 768px) {
  .subject-mv.is-2 {
    height: 30em;
  }
}
.subject-mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}

.l-lower-header__sns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  margin-top: 8px;
  column-gap: 10px;
}
@media screen and (max-width: 767px) {
  .l-lower-header__sns {
    margin-top: 2.1333333333vw;
    column-gap: 2.6666666667vw;
  }
}
@media (hover: hover) {
  .l-lower-header__sns {
    transition-property: opacity;
    transition-duration: 400ms;
  }
  .l-lower-header__sns:hover {
    opacity: 0.7;
  }
}
.l-lower-header__sns-label {
  font-size: 81.25%;
  line-height: 1;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .l-lower-header__sns-label {
    font-size: 3.4666666667vw;
  }
}
.l-lower-header__sns-icon {
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 767px) {
  .l-lower-header__sns-icon {
    width: 6.4vw;
    height: 6.4vw;
  }
}

.bg-enta {
  background: #FCEFF2 !important;
}

.bg-edu {
  background: #E9F4F7 !important;
}

.bg-eng {
  background: #F3F8EA !important;
}

.bg-college {
  background: #FBEDE1 !important;
}

.bg-air {
  background: #FBE9E9 !important;
}

.subject-grad {
  position: relative;
}
.subject-grad::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 20em;
}
.subject-grad__inner {
  position: relative;
  z-index: 2;
}
.subject-grad.is-1::before {
  top: 37.5em;
}
@media screen and (max-width: 767px) {
  .subject-grad.is-1::before {
    top: 18.75em;
  }
}
.subject-grad.is-1 .subject-grad__inner {
  position: static;
}
.subject-grad--enta {
  background: #FEF7F8;
}
.subject-grad--enta::before {
  background: linear-gradient(to top, rgba(250, 223, 229, 0) 0%, #fadfe5 100%);
}
.subject-grad--edu {
  background: #F7FBFC;
}
.subject-grad--edu::before {
  background: linear-gradient(to top, rgba(250, 223, 229, 0) 0%, #67B1C1 300%);
}
.subject-grad--eng {
  background: #FAFCF7;
}
.subject-grad--eng::before {
  background: linear-gradient(to top, rgba(250, 223, 229, 0) 0%, #9ABF62 250%);
}
.subject-grad--college {
  background: #FEFAF7;
}
.subject-grad--college::before {
  background: linear-gradient(to top, rgba(250, 223, 229, 0) 0%, #E9A366 300%);
}
.subject-grad--air {
  background: #FEF7F7;
}
.subject-grad--air::before {
  background: linear-gradient(to top, rgba(250, 223, 229, 0) 0%, #FBE3E2 100%);
}
.subject-grad--other {
  background: #F0F2F5;
}
.subject-grad--other::before {
  background: linear-gradient(to top, rgba(250, 223, 229, 0) 0%, #DBE2EB 100%);
}

.subject-grad-a {
  position: relative;
}
.subject-grad-a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 20em;
}
@media screen and (max-width: 767px) {
  .subject-grad-a::before {
    height: 53.3333333333vw;
  }
}
.subject-grad-a__inner {
  position: relative;
  z-index: 2;
}
.subject-grad-a--enta {
  background: #FEF7F8;
}
.subject-grad-a--enta::before {
  background: linear-gradient(to top, rgba(250, 223, 229, 0) 0%, #fadfe5 100%);
}
.subject-grad-a--edu {
  background: #F7FBFC;
}
.subject-grad-a--edu::before {
  background: linear-gradient(to top, rgba(250, 223, 229, 0) 0%, #67B1C1 300%);
}
.subject-grad-a--eng {
  background: #FAFCF7;
}
.subject-grad-a--eng::before {
  background: linear-gradient(to top, rgba(250, 223, 229, 0) 0%, #9ABF62 300%);
}
.subject-grad-a--college {
  background: #FEFAF7;
}
.subject-grad-a--college::before {
  background: linear-gradient(to top, rgba(250, 223, 229, 0) 0%, #E9A366 300%);
}
.subject-grad-a--air {
  background: #FEF7F7;
}
.subject-grad-a--air::before {
  background: linear-gradient(to top, rgba(250, 223, 229, 0) 0%, #FBE3E2 100%);
}

.subject-hdr-a {
  margin-bottom: 1.875em;
  margin-top: 1.875em;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .subject-hdr-a {
    margin-bottom: 5.3333333333vw;
    margin-top: 0;
  }
}
.subject-hdr-a__ttl {
  font-size: 312.5%;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .subject-hdr-a__ttl {
    font-size: 8.5333333333vw;
  }
}
.subject-hdr-a__ttl span {
  display: block;
  font-size: 72%;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .subject-hdr-a__ttl span {
    font-size: 6.4vw;
  }
}
.subject-hdr-a__ttl b {
  position: relative;
  display: inline;
  padding-bottom: 0.1em;
  background-image: linear-gradient(to left, #f73f9e 0%, #846cff 48.28%, #00a8f7 100%);
  background-repeat: no-repeat;
  background-size: 100% 5%;
  background-position: 0 bottom;
}
@media screen and (max-width: 767px) {
  .subject-hdr-a__ttl b {
    background-position: 0 12vw;
    padding-bottom: 0.3em;
  }
}
@media screen and (max-width: 767px) {
  .subject-hdr-a__ttl--small {
    font-size: 6.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .subject-hdr-a__ttl--small span {
    font-size: 5.8666666667vw;
  }
}

.subject-hdr-other {
  margin-bottom: 1.875em;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .subject-hdr-other {
    margin-bottom: 5.3333333333vw;
  }
}
.subject-hdr-other__ttl {
  font-size: 250%;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .subject-hdr-other__ttl {
    font-size: 5.8666666667vw;
  }
}
.subject-hdr-other__ttl span {
  display: block;
  font-size: 72%;
  font-weight: 400;
}
.subject-hdr-other__ttl b {
  position: relative;
  display: inline;
  padding-bottom: 0.1em;
  background-image: linear-gradient(to left, #f73f9e 0%, #846cff 48.28%, #00a8f7 100%);
  background-repeat: no-repeat;
  background-size: 100% 5%;
  background-position: 0 bottom;
}
@media screen and (max-width: 767px) {
  .subject-hdr-other__ttl b {
    background-position: 0 8vw;
    padding-bottom: 0.3em;
  }
}
@media screen and (max-width: 767px) {
  .subject-hdr-other__ttl--small {
    font-size: 6.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .subject-hdr-other__ttl--small span {
    font-size: 5.8666666667vw;
  }
}

.subject-hdr-b {
  position: relative;
}
@media screen and (min-width: 768px) {
  .subject-hdr-b {
    margin-bottom: 5em;
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .subject-hdr-b {
    padding: 10.6666666667vw 5.3333333333vw;
    text-align: center;
  }
}
.subject-hdr-b__num {
  font-size: 625%;
  font-family: var(--mix-sans);
  font-weight: 300;
  line-height: 1;
}
.subject-hdr-b__num--enta {
  color: var(--accent);
}
.subject-hdr-b__num--edu {
  color: #67B1C1;
}
.subject-hdr-b__num--eng {
  color: #9ABF62;
}
.subject-hdr-b__num--college {
  color: #E9A366;
}
.subject-hdr-b__num--air {
  color: #EC6D65;
}
@media screen and (min-width: 768px) {
  .subject-hdr-b__num {
    border-right: 1px solid #ccc;
    margin-right: 0.4em;
    padding-right: 0.4em;
  }
}
@media screen and (max-width: 767px) {
  .subject-hdr-b__num {
    margin-bottom: 3.2vw;
    padding-bottom: 2.6666666667vw;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    font-size: 16vw;
  }
}
.subject-hdr-b__sub {
  display: block;
  font-size: 60%;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .subject-hdr-b__sub {
    font-size: 4.2666666667vw;
    margin-bottom: 2.1333333333vw;
  }
}
.subject-hdr-b__ttl {
  font-weight: bold;
  font-size: 250%;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .subject-hdr-b__ttl {
    font-size: 6.4vw;
  }
}
.subject-hdr-b__ttl b {
  position: relative;
  display: inline;
  padding-bottom: 0.1em;
  background-image: linear-gradient(to left, #f73f9e 0%, #846cff 48.28%, #00a8f7 100%);
  background-repeat: no-repeat;
  background-size: 100% 7%;
  background-position: bottom;
}

.subject-hdr-others {
  position: relative;
}
@media screen and (min-width: 768px) {
  .subject-hdr-others {
    margin-bottom: 5em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .subject-hdr-others {
    margin-bottom: 5.3333333333vw;
  }
}
.subject-hdr-others__num {
  font-size: 312.5%;
  font-family: var(--mix-sans);
  font-weight: 300;
  line-height: 1;
}
.subject-hdr-others__num--enta {
  color: var(--accent);
}
.subject-hdr-others__num--edu {
  color: #67B1C1;
}
.subject-hdr-others__num--eng {
  color: #9ABF62;
}
.subject-hdr-others__num--college {
  color: #E9A366;
}
.subject-hdr-others__num--air {
  color: #EC6D65;
}
@media screen and (min-width: 768px) {
  .subject-hdr-others__num {
    border-right: 1px solid #ccc;
    margin-right: 0.4em;
    padding-right: 0.4em;
  }
}
@media screen and (max-width: 767px) {
  .subject-hdr-others__num {
    margin-bottom: 3.2vw;
    padding-bottom: 2.6666666667vw;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    font-size: 16vw;
  }
}
.subject-hdr-others__sub {
  display: block;
  font-size: 60%;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .subject-hdr-others__sub {
    font-size: 4.2666666667vw;
    margin-bottom: 2.1333333333vw;
  }
}
.subject-hdr-others__ttl {
  font-size: 150%;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .subject-hdr-others__ttl {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .subject-hdr-others__ttl {
    font-size: 4.8vw;
  }
}
.subject-hdr-others__ttl b {
  font-weight: normal;
  position: relative;
  display: inline;
  padding-bottom: 0.1em;
  background-image: linear-gradient(to left, #f73f9e 0%, #846cff 48.28%, #00a8f7 100%);
  background-repeat: no-repeat;
  background-size: 100% 7%;
  background-position: bottom;
}

.subject-hdr-c {
  position: relative;
  margin-bottom: 2.5em;
}
@media screen and (max-width: 767px) {
  .subject-hdr-c {
    margin-bottom: 5.3333333333vw;
  }
}
.subject-hdr-c__ttl {
  font-weight: bold;
  font-size: 250%;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .subject-hdr-c__ttl {
    font-size: 4.8vw;
  }
}
.subject-hdr-c__ttl::before {
  content: "";
  display: block;
  position: absolute;
  left: -1em;
  top: 50%;
  width: 0.8em;
  height: 2px;
  background: linear-gradient(to left, #f73f9e 0%, #846cff 48.28%, #00a8f7 100%);
}
@media screen and (max-width: 767px) {
  .subject-hdr-c__ttl::before {
    width: 4.2666666667vw;
    left: -5.3333333333vw;
  }
}

.subject-hdr-d {
  position: relative;
  margin-bottom: 1.25em;
}
.subject-hdr-d__ttl {
  font-weight: bold;
  font-size: 125%;
  line-height: 1.5;
  color: var(--main);
}
@media screen and (max-width: 767px) {
  .subject-hdr-d__ttl {
    font-size: 4.2666666667vw;
  }
}

.subject-hdr-e {
  position: relative;
  margin-bottom: 1.25em;
}
.subject-hdr-e__ttl {
  font-weight: bold;
  font-size: 125%;
  line-height: 1.5;
  color: var(--main);
}
@media screen and (max-width: 767px) {
  .subject-hdr-e__ttl {
    font-size: 5.3333333333vw;
  }
}

.subject-txt {
  color: var(--gray);
  font-size: 87.5%;
}
@media screen and (max-width: 767px) {
  .subject-txt {
    font-size: 3.2vw;
  }
}

.subject-container {
  position: relative;
}
@media screen and (min-width: 768px) {
  .subject-container {
    margin-left: 20em;
    width: 62.5em;
  }
}
@media screen and (max-width: 1320px) and (min-width: 767px) {
  .subject-container {
    margin-left: 24.2424242424%;
    width: 75.7575757576%;
  }
}

.subject-container--other {
  position: relative;
}
@media screen and (min-width: 768px) {
  .subject-container--other {
    margin-left: 20em;
  }
}
@media screen and (max-width: 1320px) and (min-width: 767px) {
  .subject-container--other {
    margin-left: 24.2424242424%;
  }
}

@media screen and (min-width: 768px) {
  .subject-ml {
    margin-left: 20em;
  }
}
@media screen and (max-width: 1320px) and (min-width: 767px) {
  .subject-ml {
    margin-left: 24.2424242424%;
  }
}

@media screen and (min-width: 768px) {
  .subject-fixw {
    width: 62.5em;
  }
}
@media screen and (max-width: 1500px) and (min-width: 767px) {
  .subject-fixw {
    width: 90.9090909091%;
  }
}

.subject-other-btn {
  width: 30em;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .subject-other-btn {
    width: 100%;
  }
}

.subject-sec-1 {
  position: relative;
  z-index: 6;
}
@media screen and (min-width: 768px) {
  .subject-sec-1 {
    margin-bottom: -1em;
    transform: translateY(-1em);
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-1 .subject-hdr-a__ttl span {
    font-size: 5.3333333333vw;
  }
}
.subject-sec-1__hdr {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .subject-sec-1__hdr {
    margin-bottom: -1.5625em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-1__hdr {
    padding: 0 5.3333333333vw 21.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .subject-sec-1__ttl {
    width: 11.125em;
    margin-left: 2.5em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-1__ttl {
    width: 23.7333333333vw;
  }
}
.subject-sec-1__img {
  width: 37.5em;
}
@media screen and (max-width: 767px) {
  .subject-sec-1__img {
    margin-top: 42.6666666667vw;
    width: 64vw;
  }
}
@media screen and (min-width: 768px) {
  .subject-sec-1__body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 3.125em;
    align-items: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .subject-sec-1__img-1 {
    width: 18.75em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-1__img-1 {
    width: 26.6666666667vw;
    margin-bottom: -0.625em;
    transform: translate(2.5em, -2.5em);
  }
}
@media screen and (min-width: 768px) {
  .subject-sec-1__wtxt {
    width: 37.5em;
  }
}
@media screen and (max-width: 1400px) and (min-width: 767px) {
  .subject-sec-1__wtxt {
    padding-right: 6.25em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-1__wtxt {
    padding: 0 10.6666666667vw;
    margin-bottom: 6.4vw;
  }
}
.subject-sec-1__txt {
  color: var(--gray);
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .subject-sec-1__txt {
    margin-top: 2.5em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-1__txt {
    font-size: 4.2666666667vw;
    padding-right: 10.6666666667vw;
    padding-left: 10.6666666667vw;
  }
}

.subject-sec-other {
  position: relative;
  z-index: 6;
}
@media screen and (min-width: 768px) {
  .subject-sec-other {
    padding-bottom: 10em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-other {
    padding-right: 5.3333333333vw;
    padding-bottom: 24vw;
    padding-left: 5.3333333333vw;
  }
}
.subject-sec-other__hdr {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .subject-sec-other__hdr {
    margin-bottom: -1.5625em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-other__hdr {
    padding: 0 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .subject-sec-other__ttl {
    margin-left: 2.5em;
  }
}
.subject-sec-other__img {
  width: 37.5em;
}
@media screen and (max-width: 767px) {
  .subject-sec-other__img {
    margin-top: 42.6666666667vw;
    width: 64vw;
  }
}
.subject-sec-other__body {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .subject-sec-other__body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 5em 7.5em 6.25em 5em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-other__body {
    padding: 10.6666666667vw 5.3333333333vw;
    border-radius: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .subject-sec-other__img-1 {
    width: 18.75em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-other__img-1 {
    width: 26.6666666667vw;
    transform: translateY(-2.5em);
  }
}
@media screen and (min-width: 768px) {
  .subject-sec-other__wtxt {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-other__wtxt {
    margin-bottom: 16vw;
  }
}
.subject-sec-other__txt {
  color: var(--gray);
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .subject-sec-other__txt {
    font-size: 4.2666666667vw;
  }
}

@media screen and (min-width: 768px) {
  .subject-sec-other--last {
    padding-bottom: 5em !important;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-other--last {
    padding-bottom: 0 !important;
  }
}

.subject-sec-2 {
  position: relative;
}
@media screen and (min-width: 768px) {
  .subject-sec-2 {
    padding: 0 0 9.0625em 5em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-2 {
    margin-left: 5.3333333333vw;
    padding: 0vw 10.6666666667vw 21.3333333333vw 5.3333333333vw;
  }
}
.subject-sec-2__ttl {
  width: 11.125em;
  z-index: 4;
}
@media screen and (min-width: 768px) {
  .subject-sec-2__ttl {
    position: absolute;
    right: 0;
    top: 5em;
  }
}
@media screen and (max-width: 1400px) and (min-width: 767px) {
  .subject-sec-2__ttl {
    right: 5em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-2__ttl {
    position: relative;
    float: right;
    margin: 6.9333333333vw -5.3333333333vw 0 6.9333333333vw;
    width: 23.7333333333vw;
  }
}
.subject-sec-2__item {
  padding-top: 9.375em;
}
@media screen and (max-width: 767px) {
  .subject-sec-2__item {
    padding-top: 21.3333333333vw;
  }
}
.subject-sec-2--enta::before {
  background: #FEF7F8;
}
.subject-sec-2--edu::before {
  background: #F7FBFC;
}
.subject-sec-2--eng::before {
  background: #FAFCF7;
}
.subject-sec-2--college::before {
  background: #FEFAF7;
}
.subject-sec-2--air::before {
  background: #FEF7F7;
}
.subject-sec-2::before {
  position: absolute;
  left: 0;
  top: -5em;
  content: "";
  display: block;
  width: 100vw;
  height: 5em;
  border-radius: 0.625em 0 0 0;
}
@media screen and (max-width: 767px) {
  .subject-sec-2::before {
    top: -10.6666666667vw;
    height: 10.6666666667vw;
  }
}
.subject-sec-2__shdr {
  margin-bottom: 3.125em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .subject-sec-2__shdr {
    margin-bottom: 10.6666666667vw;
  }
}
.subject-sec-2__sen {
  position: absolute;
  left: -35px;
  top: -20px;
}
@media screen and (min-width: 768px) {
  .subject-sec-2__sen img {
    width: auto;
    max-width: none;
    height: 7.1666666667em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-2__sen {
    width: 100vw;
    overflow: hidden;
    left: -2.6666666667vw;
    top: -5.3333333333vw;
  }
  .subject-sec-2__sen img {
    width: auto;
    max-width: none;
    height: 10.1333333333vw;
  }
}
.subject-sec-2__sttl {
  position: relative;
  font-size: 225%;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .subject-sec-2__sttl {
    font-size: 6.4vw;
  }
}
.subject-sec-2__meta {
  margin-bottom: 2.8571428571em;
  font-size: 87.5%;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .subject-sec-2__meta {
    margin-bottom: 6.4vw;
    font-size: 3.2vw;
  }
}
.subject-sec-2__meta-name {
  margin-left: 1em;
  font-size: 112.5%;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .subject-sec-2__meta-name {
    margin-left: 0.4em;
    font-size: 4.2666666667vw;
  }
}
.subject-sec-2__phrase {
  display: block;
  margin-bottom: 1.2em;
  font-size: 125%;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .subject-sec-2__phrase {
    margin-bottom: 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
.subject-sec-2__phrase b {
  position: relative;
  display: inline-block;
  padding-bottom: 0.1em;
}
.subject-sec-2__phrase b::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to left, #f73f9e 0%, #846cff 48.28%, #00a8f7 100%);
}
.subject-sec-2__txt {
  margin-bottom: 5em;
  color: var(--gray);
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .subject-sec-2__txt {
    margin-bottom: 10.6666666667vw;
  }
}

.subject-video__ttl {
  position: relative;
  font-size: 125%;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 1.2em;
}
@media screen and (max-width: 767px) {
  .subject-video__ttl {
    margin-bottom: 5.3333333333vw;
    font-size: 4.8vw;
  }
}
.subject-video__item {
  aspect-ratio: 16/9;
}
@media screen and (min-width: 768px) {
  .subject-video__item {
    width: 43.75em;
  }
}
.subject-video__item iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

@media screen and (min-width: 768px) {
  .subject-sec-3 {
    padding-top: 9.0625em;
    padding-bottom: 7.8125em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-3 {
    position: relative;
    z-index: 2;
    padding: 16vw 10.6666666667vw 29.3333333333vw 0;
  }
}
.subject-sec-3__ttl {
  width: 11.125em;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .subject-sec-3__ttl {
    left: 2.5em;
    top: -12.75em;
    z-index: 4;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-3__ttl {
    left: 5.3333333333vw;
    top: -21.3333333333vw;
    width: 23.7333333333vw;
    z-index: 2;
  }
}
.subject-sec-3__shdr {
  position: relative;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .subject-sec-3__shdr {
    margin-left: 30%;
    margin-bottom: 5.625em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-3__shdr {
    margin-bottom: 10.6666666667vw;
  }
}
.subject-sec-3__sen {
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 768px) {
  .subject-sec-3__sen img {
    width: auto;
    max-width: none;
    height: 7.1666666667em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-3__sen {
    width: 100vw;
    overflow: hidden;
  }
  .subject-sec-3__sen img {
    width: auto;
    max-width: none;
    height: 10.1333333333vw;
  }
}
.subject-sec-3__sbox {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .subject-sec-3__sbox {
    margin-left: 3.125em;
    padding-top: 0.75em;
  }
}
@media screen and (max-width: 767px) {
  .subject-sec-3__sbox {
    padding-left: 37.3333333333vw;
  }
}
.subject-sec-3__sttl {
  font-size: 250%;
}
@media screen and (max-width: 767px) {
  .subject-sec-3__sttl {
    padding-top: 5.8666666667vw;
    font-size: 6.4vw;
  }
}
.subject-sec-3__lead {
  margin-top: 1.25em;
}
@media screen and (max-width: 767px) {
  .subject-sec-3__lead {
    margin-top: 5.3333333333vw;
    font-size: 4.2666666667vw;
    line-height: 2;
  }
}

.subject-feature {
  padding-bottom: 10em;
}
@media screen and (max-width: 767px) {
  .subject-feature {
    padding-bottom: 21.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .subject-feature__hdr {
    padding-left: 10.6666666667vw;
    padding-right: 10.6666666667vw;
    padding-bottom: 5.3333333333vw;
  }
}

.subject-career {
  position: relative;
}
.subject-career--concert {
  background: url("/assets/img/page/eng/art/concert/career_bg.jpg") 50% 50%/cover;
}
.subject-career--enta {
  background: url("/assets/img/page/eng/art/art/career_bg.jpg") 50% 50%/cover;
}
.subject-career--video {
  background: url("/assets/img/page/eng/art/video/career_bg.jpg") 50% 50%/cover;
}
.subject-career--musician {
  background: url("/assets/img/page/eng/art/musician/career_bg.jpg") 50% 50%/cover;
}
.subject-career--play {
  background: url("/assets/img/page/eng/art/play/career_bg.jpg") 50% 50%/cover;
}
.subject-career--game {
  background: url("/assets/img/page/eng/creator/game/career_bg.jpg") 50% 50%/cover;
}
.subject-career--anime_manga {
  background: url("/assets/img/page/eng/creator/anime_manga/career_bg.jpg") 50% 50%/cover;
}
.subject-career--design {
  background: url("/assets/img/page/eng/creator/design/career_bg.jpg") 50% 50%/cover;
}
.subject-career--cg {
  background: url("/assets/img/page/eng/creator/cg/career_bg.jpg") 50% 50%/cover;
}
.subject-career--sportsbusiness {
  background: url("/assets/img/page/eng/edu/sportsbusiness/career_bg.jpg") 50% 50%/cover;
}
.subject-career--kinder {
  background: url("/assets/img/page/eng/edu/kinder/career_bg.jpg") 50% 50%/cover;
}
.subject-career--child {
  background: url("/assets/img/page/eng/edu/child/career_bg.jpg") 50% 50%/cover;
}
.subject-career--new-child {
  background: url("/assets/img/page/eng/new-child/career_bg.jpg") 50% 50%/cover;
}
.subject-career--official {
  background: url("/assets/img/page/eng/edu/official/career_bg.jpg") 50% 50%/cover;
}
.subject-career--archi {
  background: url("/assets/img/page/eng/eng/archi/career_bg.jpg") 50% 50%/cover;
}
.subject-career--interior {
  background: url("/assets/img/page/eng/eng/interior/career_bg.jpg") 50% 50%/cover;
}
.subject-career--it_senmon {
  background: url("/assets/img/page/eng/eng/it_senmon/career_bg.jpg") 50% 50%/cover;
}
.subject-career--electric {
  background: url("/assets/img/page/eng/eng/electric/career_bg.jpg") 50% 50%/cover;
}
.subject-career--aerial {
  background: url("/assets/img/page/eng/eng/aerial/career_bg.jpg") 50% 50%/cover;
}
.subject-career--law {
  background: url("/assets/img/page/eng/college/law/career_bg.jpg") 50% 50%/cover;
}
.subject-career--business {
  background: url("/assets/img/page/eng/college/business/career_bg.jpg") 50% 50%/cover;
}
.subject-career--new-business {
  background: url("/assets/img/page/eng/new-business/career_bg.jpg") 50% 50%/cover;
}
.subject-career--airline {
  background: url("/assets/img/page/air/airline/career_bg.jpg") 50% 50%/cover;
}
.subject-career--english {
  background: url("/assets/img/page/air/english/career_bg.jpg") 50% 50%/cover;
}
.subject-career--hotel {
  background: url("/assets/img/page/air/hotel/career_bg.jpg") 50% 50%/cover;
}
.subject-career--bridal {
  background: url("/assets/img/page/air/bridal/career_bg.jpg") 50% 50%/cover;
}
.subject-career--air-business {
  background: url("/assets/img/page/air/business/career_bg.jpg") 50% 50%/cover;
}
.subject-career--travel {
  background: url("/assets/img/page/air/travel/career_bg.jpg") 50% 50%/cover;
}
.subject-career--train {
  background: url("/assets/img/page/air/train/career_bg.jpg") 50% 50%/cover;
}
@media screen and (min-width: 768px) {
  .subject-career {
    padding-top: 11.25em;
    padding-bottom: 10em;
  }
}
@media screen and (max-width: 767px) {
  .subject-career {
    padding: 21.3333333333vw 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .subject-career__shdr {
    margin-left: 5.3333333333vw;
  }
}
.subject-career__ttl {
  position: absolute;
  z-index: 4;
  width: 11.125em;
}
@media screen and (min-width: 768px) {
  .subject-career__ttl {
    right: 2.5em;
    top: -22.5em;
  }
}
@media screen and (max-width: 767px) {
  .subject-career__ttl {
    right: 0;
    top: -32vw;
    width: 23.7333333333vw;
  }
}
.subject-career__sttl {
  position: relative;
  font-weight: bold;
  line-height: 1.5;
  font-size: 312.5%;
  color: #fff;
  margin-bottom: 1.6em;
}
@media screen and (max-width: 767px) {
  .subject-career__sttl {
    margin-bottom: 8vw;
    font-size: 8.5333333333vw;
    line-height: 1.2;
  }
}
.subject-career__body {
  background: #fff;
  border-radius: 0.625em;
  padding: 5em;
}
@media screen and (max-width: 767px) {
  .subject-career__body {
    padding: 10.6666666667vw 5.3333333333vw;
    border-radius: 2.6666666667vw;
  }
}
.subject-career__ssttl {
  font-size: 112.5%;
  margin-bottom: 1.1111111111em;
}
@media screen and (max-width: 767px) {
  .subject-career__ssttl {
    margin-bottom: 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
.subject-career__ssttl b {
  position: relative;
  display: inline-block;
  padding-bottom: 0.1em;
}
@media screen and (max-width: 767px) {
  .subject-career__ssttl b {
    padding-bottom: 0.3em;
  }
}
.subject-career__ssttl b::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(to left, #f73f9e 0%, #846cff 48.28%, #00a8f7 100%);
}
@media screen and (max-width: 767px) {
  .subject-career__ssttl b::before {
    height: 2px;
  }
}
.subject-career__item + .subject-career__item {
  margin-top: 2.5em;
}
@media screen and (max-width: 767px) {
  .subject-career__item + .subject-career__item {
    margin-top: 5.3333333333vw;
  }
}
.subject-career__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 87.5%;
  line-height: 1.1;
  margin-top: 1.1428571429em;
}
@media screen and (max-width: 767px) {
  .subject-career__list {
    font-size: 3.7333333333vw;
  }
}
.subject-career__list.is-enta > li:not(.is-other) {
  color: #E3607C;
  background: #FEF7F8;
}
.subject-career__list.is-edu > li:not(.is-other) {
  color: #67B1C1;
  background: #F7FBFC;
}
.subject-career__list.is-eng > li:not(.is-other) {
  color: #9ABF62;
  background: #FAFCF7;
}
.subject-career__list.is-college > li:not(.is-other) {
  color: #E9A366;
  background: #FEFAF7;
}
.subject-career__list.is-air > li:not(.is-other) {
  color: #EC6D65;
  background: #FEF7F7;
}
.subject-career__list > li {
  border-radius: 6.25em;
  margin-top: 0.5714285714em;
  padding: 0.6em 1em;
}
.subject-career__list > li:not(:last-child) {
  margin-right: 0.5714285714em;
}
.subject-career__list > li.is-other {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (min-width: 768px) {
  .subject-pagenav {
    margin-top: 3.75em;
    margin-bottom: 7.5em;
  }
}
@media screen and (max-width: 767px) {
  .subject-pagenav > li.subject-figtxt {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .subject-col3 {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    gap: 5%;
  }
}
@media screen and (max-width: 767px) {
  .subject-col3 > *:not(:first-child) {
    margin-top: 5.3333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .subject-col3-a {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    gap: 5%;
  }
}

@media screen and (min-width: 768px) {
  .subject-col2 + .subject-col2 {
    margin-top: 4.375em;
  }
}

@media screen and (min-width: 768px) {
  .subject-col2 {
    display: grid;
    grid-template-columns: 42% 42%;
    gap: 8%;
  }
}

@media screen and (min-width: 768px) {
  .subject-colother {
    display: grid;
    grid-template-columns: 30.6% 30.6% 30.6%;
    gap: 4%;
  }
}

@media screen and (min-width: 768px) {
  .subject-colother2 {
    display: grid;
    grid-template-columns: 48% 48%;
    gap: 4%;
  }
}

.subject-figtxt__cont {
  display: block;
}
@media screen and (max-width: 767px) {
  .subject-figtxt__cont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #CCC;
    padding: 4.2666666667vw 0;
  }
}
@media (hover: hover) {
  .subject-figtxt__cont:hover .subject-figtxt__fig img {
    transform: scale(1.06);
  }
  .subject-figtxt__cont:hover .p-icon-arr-btm-a {
    transform: translateY(-20%);
  }
}
.subject-figtxt__fig {
  overflow: hidden;
  border-radius: 0.625em;
}
.subject-figtxt__fig img {
  transition: 0.25s transform;
}
@media screen and (max-width: 767px) {
  .subject-figtxt__fig {
    border-radius: 2.6666666667vw;
    width: 16vw;
    height: 16vw;
  }
  .subject-figtxt__fig img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
.subject-figtxt__wtxt {
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .subject-figtxt__wtxt {
    margin-top: 0.9375em;
  }
}
@media screen and (max-width: 767px) {
  .subject-figtxt__wtxt {
    width: 58.6666666667vw;
  }
}
.subject-figtxt__wtxt .p-icon-arr-btm-a {
  position: absolute;
  right: 0.5em;
  top: 50%;
  transition: 0.25s transform;
  transform: translateY(-50%);
}
.subject-figtxt__num {
  font-size: 250%;
  font-family: var(--mix-sans);
  font-weight: 300;
  border-right: 1px solid #ccc;
  line-height: 1;
}
.subject-figtxt__num--enta {
  color: var(--accent);
}
.subject-figtxt__num--edu {
  color: #67B1C1;
}
.subject-figtxt__num--eng {
  color: #9ABF62;
}
.subject-figtxt__num--college {
  color: #E9A366;
}
.subject-figtxt__num--air {
  color: #EC6D65;
}
@media screen and (min-width: 768px) {
  .subject-figtxt__num {
    margin-right: 0.4em;
    padding-right: 0.4em;
  }
}
@media screen and (max-width: 767px) {
  .subject-figtxt__num {
    width: 12.2666666667vw;
    font-size: 8.5333333333vw;
  }
}
.subject-figtxt__ttl {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .subject-figtxt__ttl {
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .subject-figtxt__ttl {
    margin-left: 2.6666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.4;
  }
}

.subject-figtxt-a {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.subject-figtxt-a.is-vtop {
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .subject-figtxt-a__fig {
    width: 60%;
  }
}
.subject-figtxt-a__wtxt {
  color: var(--gray);
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .subject-figtxt-a__wtxt {
    width: 36%;
  }
}
@media screen and (max-width: 767px) {
  .subject-figtxt-a__wtxt {
    padding: 10.6666666667vw 5.3333333333vw 0vw 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
.subject-figtxt-a__txt {
  color: var(--gray);
  font-size: 87.5%;
}

@media screen and (max-width: 767px) {
  .subject-figtxt-b {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .subject-figtxt-b + .subject-figtxt-b {
    margin-top: 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .subject-figtxt-b__fig {
    width: 39.4666666667vw;
  }
}
.subject-figtxt-b__wtxt {
  line-height: 2;
}
.subject-figtxt-b__ttl {
  font-size: 125%;
  font-weight: bold;
  line-height: 1.5;
  margin: 0.8em 0 0.8em 0;
}
@media screen and (max-width: 767px) {
  .subject-figtxt-b__ttl {
    font-size: 4.2666666667vw;
    width: calc(100% - 44vw);
  }
}
.subject-figtxt-b__txt {
  color: var(--gray);
  font-size: 87.5%;
}
@media screen and (max-width: 767px) {
  .subject-figtxt-b__txt {
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
.subject-figtxt-b__txt span {
  font-size: 81.25%;
}
@media screen and (max-width: 767px) {
  .subject-figtxt-b__txt span {
    font-size: 2.9333333333vw;
  }
}
.subject-figtxt-b__list {
  font-size: 75%;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
}
.subject-figtxt-b__list li {
  margin-right: 1.25em;
  list-style-type: square;
  list-style-position: inside;
}
.subject-figtxt-b__list li::marker {
  color: #E3607C;
}

@media screen and (max-width: 767px) {
  .subject-figtxt-other {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .subject-figtxt-other + .subject-figtxt-other {
    margin-top: 10.6666666667vw;
  }
}
.subject-figtxt-other__wtxt {
  line-height: 2;
}
.subject-figtxt-other__ttl {
  font-size: 125%;
  font-weight: bold;
  line-height: 1.5;
  margin: 0.8em 0 0.8em 0;
}
@media screen and (max-width: 767px) {
  .subject-figtxt-other__ttl {
    font-size: 4.2666666667vw;
    width: 100%;
  }
}
.subject-figtxt-other__txt {
  color: var(--gray);
  font-size: 87.5%;
}
@media screen and (max-width: 767px) {
  .subject-figtxt-other__txt {
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
.subject-figtxt-other__txt span {
  font-size: 81.25%;
}
@media screen and (max-width: 767px) {
  .subject-figtxt-other__txt span {
    font-size: 2.9333333333vw;
  }
}
.subject-figtxt-other__list {
  font-size: 75%;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
}
.subject-figtxt-other__list li {
  margin-right: 0.9375em;
  list-style-type: square;
  list-style-position: inside;
}
.subject-figtxt-other__list li::marker {
  color: #E3607C;
}

@media screen and (min-width: 768px) {
  .subject-figtxt-c__fig {
    width: 82%;
  }
}
.subject-figtxt-c__wtxt {
  position: relative;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .subject-figtxt-c__wtxt {
    padding: 4.6875em 0em 4.6875em 4.6875em;
    border-radius: 0.625em 0 0 0.625em;
    margin-left: 62%;
    width: 38%;
    transform: translateY(-20em);
    margin-bottom: -20em;
  }
  .subject-figtxt-c__wtxt > * {
    position: relative;
    z-index: 1;
  }
  .subject-figtxt-c__wtxt::after {
    background: #fff;
    content: "";
    display: block;
    width: 50vw;
    height: 100%;
    position: absolute;
    left: 0.625em;
    top: 0;
  }
}
@media screen and (max-width: 1400px) and (min-width: 767px) {
  .subject-figtxt-c__wtxt {
    margin-left: calc(62% - 5.625em);
  }
}
@media screen and (max-width: 767px) {
  .subject-figtxt-c__wtxt {
    border-radius: 2.6666666667vw 0 0 2.6666666667vw;
    margin-top: -5.3333333333vw;
    margin-left: 5.3333333333vw;
    margin-right: -10.6666666667vw;
    padding: 10.6666666667vw;
  }
}
.subject-figtxt-c__ttl {
  font-size: 125%;
  font-weight: bold;
  line-height: 1.5;
  margin: 0.8em 0 0.8em 0;
}
.subject-figtxt-c__txt {
  color: var(--gray);
  font-size: 87.5%;
}

.subject-figtxt-d {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .subject-figtxt-d__fig {
    width: 60%;
  }
}
.subject-figtxt-d__wtxt {
  color: var(--gray);
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .subject-figtxt-d__wtxt {
    width: 36%;
  }
}
@media screen and (max-width: 767px) {
  .subject-figtxt-d__wtxt {
    padding: 8vw 0 0vw 0;
    font-size: 3.7333333333vw;
  }
}
.subject-figtxt-d__txt {
  color: var(--gray);
  font-size: 87.5%;
}

@media screen and (max-width: 767px) {
  .subject-figtxt-e {
    margin-top: 10.6666666667vw;
  }
}
.subject-figtxt-e__wtxt {
  line-height: 2;
}
.subject-figtxt-e__ttl {
  font-size: 125%;
  font-weight: bold;
  line-height: 1.5;
  margin: 0.8em 0 0.8em 0;
}
@media screen and (max-width: 767px) {
  .subject-figtxt-e__ttl {
    font-size: 5.3333333333vw;
    margin: 0.8em 0 0.6em 0;
  }
}
.subject-figtxt-e__txt {
  color: var(--gray);
  font-size: 87.5%;
}
@media screen and (max-width: 767px) {
  .subject-figtxt-e__txt {
    font-size: 3.7333333333vw;
  }
}
.subject-figtxt-e__wlink {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.625em;
}
@media screen and (max-width: 767px) {
  .subject-figtxt-e__wlink {
    margin-top: 4vw;
  }
}

.subject-item {
  border-radius: 0.625em 0 0 0;
  background: #fff;
  margin-top: 5em;
}
@media screen and (min-width: 768px) {
  .subject-item {
    padding: 6.25em 0 6.25em 5em;
  }
}
@media screen and (max-width: 767px) {
  .subject-item {
    border-radius: 2.6666666667vw;
    margin: 5.3333333333vw 5.3333333333vw 0 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .subject-item__ngml {
    transform: translateX(-5em);
  }
}
.subject-item__lead {
  color: var(--gray);
  margin-bottom: 4.0625em;
}
@media screen and (max-width: 767px) {
  .subject-item__lead {
    margin: 0 5.3333333333vw 10.6666666667vw 5.3333333333vw;
  }
}
.subject-item__wlink {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.625em;
}
@media screen and (max-width: 767px) {
  .subject-item__wlink {
    margin-top: 4vw;
  }
}

.subject-item-a {
  margin-top: 5em;
}
@media screen and (max-width: 767px) {
  .subject-item-a {
    margin-top: 13.3333333333vw;
    padding: 0 5.3333333333vw 10.6666666667vw 5.3333333333vw;
  }
}

@media screen and (max-width: 767px) {
  .subject-item-a + .subject-item-a {
    margin-top: 5.3333333333vw;
  }
}

.subject-item-other {
  margin-top: 5em;
}
@media screen and (max-width: 767px) {
  .subject-item-other {
    margin-top: 13.3333333333vw;
    padding: 0 5.3333333333vw 10.6666666667vw 5.3333333333vw;
  }
}

@media screen and (max-width: 767px) {
  .subject-item-other + .subject-item-other {
    margin-top: 2.6666666667vw;
  }
}

@media screen and (max-width: 767px) {
  .subject-item-b {
    padding: 0 5.3333333333vw 10.6666666667vw 5.3333333333vw;
  }
}

@media screen and (max-width: 767px) {
  .subject-item-c {
    padding: 0 5.3333333333vw;
  }
}

@media screen and (max-width: 767px) {
  .subject-item-b + .subject-item-a {
    margin-top: 0;
  }
}

.subject-item-others {
  background-color: #F7F9FC;
  padding: 3.75em 6.875em;
  margin-top: 6.5rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .subject-item-others {
    margin-top: 0;
    padding: 10.6666666667vw 5.3333333333vw;
    border-radius: 5.3333333333vw;
  }
}
.subject-item-others__wrap {
  width: 37.5em;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .subject-item-others__wrap {
    width: 100%;
  }
}

.subject-opc {
  position: relative;
  z-index: 4;
}
@media screen and (min-width: 768px) {
  .subject-opc .p-opc__inner {
    margin-left: 17.5em;
  }
}

.subject-opc--bottom {
  z-index: 14;
  background-color: #fef7f8;
  overflow: hidden;
  padding-top: 2.5em;
  padding-bottom: 17.5em;
}
@media screen and (max-width: 767px) {
  .subject-opc--bottom {
    padding-top: 10.6666666667vw;
    padding-bottom: 40vw;
  }
}

.subject-voice {
  padding-top: 10.625em;
}
@media screen and (max-width: 767px) {
  .subject-voice {
    padding-top: 32vw;
  }
}
@media screen and (max-width: 767px) {
  .subject-voice .p-hdr-a {
    margin-left: 10.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .subject-voice .p-hdr-a__ttl {
    font-size: 8.5333333333vw;
  }
}
.subject-voice__main {
  padding-bottom: 7.5em;
}
@media screen and (max-width: 767px) {
  .subject-voice__main {
    padding-bottom: 10.6666666667vw;
  }
}
.subject-voice__unit {
  background: #fff;
}
@media screen and (min-width: 768px) {
  .subject-voice__unit {
    margin-top: 5.625em;
    width: 92%;
    border-radius: 0.625em;
  }
}
@media screen and (max-width: 767px) {
  .subject-voice__unit {
    position: relative;
    margin: 24vw 5.3333333333vw 0 5.3333333333vw;
    padding: 0 5.3333333333vw 5.3333333333vw 5.3333333333vw;
    border-radius: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .subject-voice__unit.is-def {
    padding: 5em 0 5em 5em;
  }
}
@media screen and (min-width: 768px) {
  .subject-voice__unit.is-rev {
    margin-left: 8%;
    padding: 5em 5em 5em 0;
  }
}
@media screen and (min-width: 768px) {
  .subject-voice__unit.is-rev .subject-voice__row {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  .subject-voice__unit.is-rev .subject-voice__ph {
    transform: translateX(-5em);
  }
}
@media screen and (max-width: 767px) {
  .subject-voice__unit.is-rev .subject-voice__ph {
    left: -5.3333333333vw;
    right: inherit;
  }
}
@media screen and (min-width: 768px) {
  .subject-voice__unit.is-rev .subject-voice__wtxt {
    padding-left: 3.75em;
  }
}
@media screen and (max-width: 767px) {
  .subject-voice__unit.is-rev .subject-voice__slabel {
    padding-left: 49.6vw;
  }
}
@media screen and (min-width: 768px) {
  .subject-voice__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .subject-voice__wtxt {
    width: 67.8571428571%;
  }
}
.subject-voice__slabel {
  font-size: 112.5%;
}
@media screen and (max-width: 767px) {
  .subject-voice__slabel {
    display: flex;
    align-items: center;
    height: 37.3333333333vw;
    font-size: 4.2666666667vw;
    padding-left: 5.3333333333vw;
  }
}
.subject-voice__slabel b {
  position: relative;
  display: inline-block;
  padding-bottom: 0.1em;
}
.subject-voice__slabel b::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(to left, #f73f9e 0%, #846cff 48.28%, #00a8f7 100%);
}
.subject-voice__sttl {
  position: relative;
  font-size: 200%;
  line-height: 1.5;
  margin: 0.71875em 0;
}
@media screen and (max-width: 767px) {
  .subject-voice__sttl {
    font-size: 5.3333333333vw;
  }
}
.subject-voice__sttl--enta::before {
  background: url("/assets/img/content/quote.svg") 0 0/contain;
}
.subject-voice__sttl--edu::before {
  background: url("/assets/img/content/quote_2.svg") 0 0/contain;
}
.subject-voice__sttl--eng::before {
  background: url("/assets/img/content/quote_3.svg") 0 0/contain;
}
.subject-voice__sttl--college::before {
  background: url("/assets/img/content/quote_4.svg") 0 0/contain;
}
.subject-voice__sttl--air::before {
  background: url("/assets/img/content/quote_5.svg") 0 0/contain;
}
.subject-voice__sttl::before {
  content: "";
  display: block;
  position: absolute;
  left: -0.84375em;
  top: -0.0625em;
  width: 1.25em;
  height: 0.9375em;
}
@media screen and (max-width: 767px) {
  .subject-voice__sttl::before {
    width: 6.4vw;
    height: 5.0666666667vw;
    left: -4vw;
    top: -3.2vw;
  }
}
.subject-voice__sttl span {
  position: relative;
}
.subject-voice__prof {
  margin-bottom: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .subject-voice__prof {
    display: flex;
    align-items: center;
    margin-bottom: 1.4375em;
  }
}
.subject-voice__name {
  font-weight: bold;
  font-size: 112.5%;
}
@media screen and (min-width: 768px) {
  .subject-voice__name {
    margin-right: 1.1111111111em;
  }
}
.subject-voice__career {
  font-size: 87.5%;
}
.subject-voice__txt {
  color: var(--gray);
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .subject-voice__ph {
    width: 26.1904761905%;
  }
  .subject-voice__ph img {
    max-width: 136.3636363636%;
  }
}
@media screen and (max-width: 767px) {
  .subject-voice__ph {
    position: absolute;
    width: 49.8666666667vw;
    top: -14.9333333333vw;
    right: -5.3333333333vw;
  }
}

@media screen and (max-width: 1400px) and (min-width: 767px) {
  .subject-result {
    padding-right: 5em;
  }
}
.subject-result__hdr {
  margin-bottom: 3.75em;
}
@media screen and (max-width: 767px) {
  .subject-result__hdr {
    margin-bottom: 10.6666666667vw;
  }
}

.subject-course .subject-pd {
  padding-top: 7.5em;
}
@media screen and (max-width: 767px) {
  .subject-course .subject-pd {
    padding-top: 21.3333333333vw;
    padding-bottom: 21.3333333333vw;
  }
}
.subject-course .subject-pd__video {
  margin-bottom: 3.75em;
}
@media screen and (max-width: 767px) {
  .subject-course .subject-pd__video {
    margin-bottom: 16vw;
  }
}
.subject-course__hdr {
  margin-bottom: 5em;
}
@media screen and (max-width: 767px) {
  .subject-course__hdr {
    margin-bottom: 10.6666666667vw;
  }
}
.subject-course__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 3.125em;
  grid-row-gap: 2.5em;
}
@media screen and (max-width: 767px) {
  .subject-course__list {
    grid-template-columns: 100%;
    grid-row-gap: 10.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .subject-course__item {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-column-gap: 4.2666666667vw;
  }
}
.subject-course__item-figure {
  display: block;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .subject-course__item-figure {
    grid-column: 1/2;
    width: 32.5333333333vw;
    margin-bottom: 3.2vw;
  }
}
.subject-course__item-name {
  margin-bottom: 0.8em;
  font-size: 125%;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .subject-course__item-name {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.subject-course__item-desc {
  font-size: 87.5%;
  line-height: 2;
  color: #333;
}
@media screen and (max-width: 767px) {
  .subject-course__item-desc {
    grid-column: 1/3;
    font-size: 3.7333333333vw;
    line-height: 1.85;
  }
}

.subject-curriculum {
  background-color: #FCEFF2;
}
@media screen and (max-width: 1400px) and (min-width: 767px) {
  .subject-curriculum {
    padding-right: 5em;
  }
}
@media screen and (max-width: 767px) {
  .subject-curriculum .subject-pd {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}
.subject-curriculum__hdr {
  margin-bottom: 6.25em;
}
@media screen and (max-width: 767px) {
  .subject-curriculum__hdr {
    margin-bottom: 10.6666666667vw;
  }
}
.subject-curriculum__modalcontent {
  background: #fff;
  border-radius: 0.625em;
  padding: 3.75em 5em 5em 5em;
}
@media screen and (max-width: 767px) {
  .subject-curriculum__modalcontent {
    border-radius: 2.6666666667vw 0 0 2.6666666667vw;
    padding: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .subject-curriculum__btns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .subject-curriculum__btns > li {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  .subject-curriculum__btns li + li {
    margin-top: 5.3333333333vw;
  }
}
.subject-curriculum__btns .p-btn-b {
  width: 100%;
  height: 6.25em;
}
@media screen and (max-width: 767px) {
  .subject-curriculum__btns .p-btn-b {
    height: 16vw;
  }
}
@media screen and (max-width: 767px) {
  .subject-curriculum__fig {
    width: 213.3333333333vw;
  }
}
.subject-curriculum__sttl {
  font-size: 112.5%;
  margin-bottom: 2.2222222222em;
}
@media screen and (max-width: 767px) {
  .subject-curriculum__sttl {
    margin-top: 5.3333333333vw;
  }
}
.subject-curriculum__sttl b {
  position: relative;
  display: inline-block;
  padding-bottom: 0.1em;
}
.subject-curriculum__sttl b::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(to left, #f73f9e 0%, #846cff 48.28%, #00a8f7 100%);
}

.is-enta {
  --department-color: 227, 96, 124;
}

.is-edu {
  --department-color: 103, 177, 193;
}

.is-eng {
  --department-color: 154, 191, 98;
}

.is-college {
  --department-color: 233, 163, 102;
}

.is-air {
  --department-color: 236, 109, 101;
}

.subject-related__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 50px;
}
@media screen and (max-width: 767px) {
  .subject-related__list {
    grid-template-columns: 100%;
    grid-row-gap: 5.3333333333vw;
  }
}
.subject-related__item {
  position: relative;
  overflow: hidden;
  transition: 0.25s filter;
}
@media (hover: hover) {
  .subject-related__item:hover {
    filter: brightness(140%);
  }
  .subject-related__item:hover .subject-related__item-desc {
    height: 64px;
  }
  .subject-related__item:hover::before {
    opacity: 0.5;
  }
}
.subject-related__item::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left top, #f73f9e 0%, #846cff 51.7%, rgba(0, 168, 247, 0) 100%);
  opacity: 0;
  transition: 0.25s opacity;
}
.subject-related__item-desc {
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3em;
  background-color: rgba(var(--department-color), 0.95);
  color: #fff;
  font-weight: bold;
  transition: 0.25s height;
}
@media screen and (max-width: 767px) {
  .subject-related__item-desc {
    height: 10.6666666667vw;
  }
}
.subject-related__item-desc::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  border-top: 8px solid transparent;
  border-right: 8px solid #fff;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
}
@media screen and (max-width: 767px) {
  .subject-related__item-desc::after {
    border-width: 1.3333333333vw;
  }
}
.subject-related__item-desc__item-text {
  color: inherit;
  font-size: 100%;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .subject-related__item-desc__item-text {
    font-size: 3.7333333333vw;
  }
}

.subject-pickup {
  overflow: hidden;
  background: #fff;
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 1400px) and (min-width: 767px) {
  .subject-pickup {
    padding-right: 5em;
  }
}
@media screen and (max-width: 767px) {
  .subject-pickup .subject-pd {
    padding: 16vw 0;
  }
}
@media screen and (max-width: 767px) {
  .subject-pickup__splide {
    padding-left: 2.75em !important;
    padding-right: 5.5em !important;
    margin-top: 5.5em;
  }
  .subject-pickup__splide .splide__track {
    overflow: visible !important;
  }
}
@media screen and (max-width: 767px) {
  .subject-pickup__hdr {
    margin-left: 10.6666666667vw;
  }
}
.subject-pickup__ttl {
  font-weight: bold;
  font-size: 112.5%;
  line-height: 1.5;
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .subject-pickup__ttl {
    margin-top: 0.5em;
    font-size: 4.2666666667vw;
  }
}
.subject-pickup__ttl .p-icon-arr {
  top: 0.45em;
  margin-left: 0.5555555556em;
  transition: 0.25s transform;
}
.subject-pickup__thumb {
  transition: 0.25s filter;
  border-radius: 0.625em;
  overflow: hidden;
}
.subject-pickup__thumb::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left top, #f73f9e 0%, #846cff 51.7%, rgba(0, 168, 247, 0) 100%);
  opacity: 0;
  transition: 0.25s opacity;
}
.subject-pickup__thumb img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.subject-pickup__item {
  overflow: hidden;
  width: 30%;
}
@media screen and (max-width: 767px) {
  .subject-pickup__item {
    width: 68vw;
    margin: 0 4.2666666667vw !important;
  }
}
@media screen and (min-width: 768px) {
  .subject-pickup__item:not(:last-child) {
    margin-right: 5%;
  }
}
.subject-pickup__item a {
  display: block;
}
@media (hover: hover) {
  .subject-pickup__item a:hover .subject-pickup__thumb {
    filter: brightness(150%);
  }
  .subject-pickup__item a:hover .subject-pickup__thumb::before {
    opacity: 0.5;
  }
  .subject-pickup__item a:hover .p-icon-arr {
    transform: translateX(4px);
  }
}
.subject-pickup .splide__pagination {
  margin-top: 36em;
  font-size: 1px;
}
@media screen and (max-width: 767px) {
  .subject-pickup .splide__pagination {
    margin-top: 5.3333333333vw;
  }
}
.subject-pickup .splide__pagination__page {
  width: 8px;
  height: 8px;
  background: var(--main);
  opacity: 1;
  border: 0;
  padding: 0;
  margin-left: 10px;
  line-height: 1;
}
.subject-pickup .splide__pagination__page[aria-selected=true] {
  background: #F73F9E;
}
@media screen and (max-width: 767px) {
  .subject-pickup .splide__pagination__page {
    width: 8px;
    height: 8px;
  }
}

@media screen and (max-width: 767px) {
  .subject-event__inner {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}
.subject-event__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 2.5em;
}
@media screen and (max-width: 767px) {
  .subject-event__list {
    grid-template-columns: 100%;
    grid-row-gap: 8vw;
  }
}
@media (hover: hover) {
  .subject-event__item:hover .subject-event__item-image {
    filter: brightness(150%);
  }
  .subject-event__item:hover .subject-event__item-thumbnail::before {
    opacity: 0.5;
  }
}
.subject-event__item-thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: 0.625em;
  margin-bottom: 0.75em;
}
@media screen and (max-width: 767px) {
  .subject-event__item-thumbnail {
    margin-bottom: 3.2vw;
  }
}
.subject-event__item-thumbnail::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left top, #f73f9e 0%, #846cff 51.7%, rgba(0, 168, 247, 0) 100%);
  opacity: 0;
  transition: 0.25s opacity;
}
.subject-event__item-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: 0.625em;
  object-fit: cover;
  transition: 0.25s filter;
}
.subject-event__item-title {
  font-size: 1.8rem;
  line-height: 1.5;
  max-height: 3em;
}
@media screen and (max-width: 767px) {
  .subject-event__item-title {
    font-size: 3.7333333333vw;
  }
}

.subject-link {
  position: relative;
  z-index: 14;
  background-color: #fff;
}
@media screen and (max-width: 1400px) and (min-width: 767px) {
  .subject-link {
    padding-right: 5em;
  }
}
.subject-link__inner {
  padding-bottom: 10em;
}
@media screen and (max-width: 767px) {
  .subject-link__inner {
    padding: 16vw 0;
  }
}

.subject-pd {
  padding-top: 8.75em;
  padding-bottom: 8.75em;
}
@media screen and (max-width: 767px) {
  .subject-pd {
    padding: 16vw 10.6666666667vw;
  }
}

.subject-note {
  margin-top: 3.125em;
}
@media screen and (max-width: 767px) {
  .subject-note {
    margin-top: 5.3333333333vw;
  }
}

.p-splide-status {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  font-family: var(--en-sans);
  font-weight: bold;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-splide-status {
    width: 16vw;
    position: absolute;
    right: 15.4666666667vw;
    top: -17.3333333333vw;
    right: 4.375em;
    top: -5.9375em;
    width: 3.75em;
  }
}
@media screen and (max-width: 767px) {
  .p-splide-status {
    position: absolute;
    right: 18.1333333333vw;
    top: -14.4vw;
  }
}

.splide__arrows {
  position: absolute;
  display: block !important;
}
@media screen and (min-width: 768px) {
  .splide__arrows {
    right: 0;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .splide__arrows {
    right: 0.625em;
    top: -4.125em;
  }
}

.splide {
  position: relative;
}

@media screen and (min-width: 768px) {
  .splide__arrows {
    position: absolute;
    top: -18.6666666667vw;
    right: var(--sp-pad);
    top: -6.875em;
    right: 0;
  }
}

.splide__arrow {
  position: relative;
  background: #F0F2F5;
  border-radius: 100em;
  width: 2.75em;
  height: 2.75em;
  border: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .splide__arrow {
    width: 3.75em;
    height: 3.75em;
  }
}
.splide__arrow svg {
  display: none;
}
.splide__arrow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1em;
  height: 0.75em;
  background: url("/assets/img/icon/arr_dark.svg") 0 0/auto 100% repeat-x;
}
@media screen and (min-width: 768px) {
  .splide__arrow--prev {
    margin-right: 5em;
  }
}
@media screen and (max-width: 767px) {
  .splide__arrow--prev {
    margin-right: 18.6666666667vw;
  }
}
.splide__arrow--prev::before {
  transform: translate(-50%, -50%) rotate(-180deg);
}

@media screen and (max-width: 767px) {
  .is-up .subject-scrollnav {
    top: 0;
  }
}

.subject-scrollnav {
  position: sticky;
  left: 0;
  top: 14.6666666667vw;
  transition: 0.2s top;
}
@media screen and (min-width: 768px) {
  .subject-scrollnav {
    height: 0;
    display: none;
    top: 50%;
    z-index: 12;
  }
  .subject-scrollnav.is-scrolled {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .subject-scrollnav {
    overflow: auto;
    z-index: 10;
  }
}
.subject-scrollnav__list {
  background: rgba(255, 255, 255, 0.9);
  font-size: 87.5%;
}
@media screen and (min-width: 768px) {
  .subject-scrollnav__list {
    padding: 3.125em 0;
    width: 17.1428571429em;
    border-radius: 0 0.625em 0.625em 0;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .subject-scrollnav__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 253.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .subject-scrollnav__list > li:not(:last-child) {
    margin-bottom: 1em;
  }
}
.subject-scrollnav__list a {
  position: relative;
  display: block;
  transition: 0.25s padding;
}
@media screen and (min-width: 768px) {
  .subject-scrollnav__list a {
    padding-left: 2.1428571429em;
  }
}
@media screen and (max-width: 767px) {
  .subject-scrollnav__list a {
    padding: 2.1333333333vw 4vw;
  }
}
.subject-scrollnav__list a::before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 1.7142857143em;
  height: 1px;
  background: var(--main);
  transition: 0.25s width;
}
@media screen and (min-width: 768px) {
  .subject-scrollnav__list a::before {
    top: 50%;
  }
}
@media screen and (max-width: 767px) {
  .subject-scrollnav__list a::before {
    left: 2vw;
    opacity: 0;
    bottom: 0;
    height: 2px;
  }
}
.subject-scrollnav__list a.is-current {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .subject-scrollnav__list a.is-current {
    padding-left: 3.1428571429em;
  }
}
.subject-scrollnav__list a.is-current::before {
  width: 2.5714285714em;
  background: linear-gradient(to left top, #f73f9e 0%, #846cff 51.7%, rgba(0, 168, 247, 0) 100%);
}
@media screen and (max-width: 767px) {
  .subject-scrollnav__list a.is-current::before {
    width: calc(100% - 4vw);
    opacity: 1;
  }
}
@media (hover: hover) {
  .subject-scrollnav__list a:hover {
    font-weight: bold;
    padding-left: 3.1428571429em;
  }
  .subject-scrollnav__list a:hover::before {
    width: 2.5714285714em;
    background: linear-gradient(to left top, #f73f9e 0%, #846cff 51.7%, rgba(0, 168, 247, 0) 100%);
  }
}

.subject-other {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .subject-other {
    padding: 0 !important;
  }
}
.subject-other-wrap {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .subject-other-wrap {
    flex-direction: column;
  }
}
.subject-other-flow {
  display: flex;
  flex-direction: column;
  min-width: 87%;
  width: 50em;
}
@media screen and (max-width: 767px) {
  .subject-other-flow {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }
}
.subject-other-123 {
  margin-top: 0.625em;
}
@media screen and (max-width: 767px) {
  .subject-other-123 {
    width: 8vw;
    margin-top: 0;
  }
}
.subject-other-eng {
  display: flex;
  margin-top: 1.875em;
}
@media screen and (max-width: 767px) {
  .subject-other-eng {
    width: 68vw;
    margin-top: 0;
    flex-direction: column;
  }
}
.subject-other-eng__twin {
  font-size: 100%;
  font-weight: 700;
  text-align: center;
  width: 50%;
  margin-right: 2.5em;
}
@media screen and (max-width: 767px) {
  .subject-other-eng__twin {
    font-size: 3.4666666667vw;
    width: 100%;
    margin-right: 0;
    display: flex;
    justify-content: space-between;
  }
}
.subject-other-eng__twin p {
  height: 7.5em;
  padding: 1.875em 0;
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .subject-other-eng__twin p {
    width: 33.0666666667vw;
    height: auto;
    padding: 16vw 0;
  }
}
.subject-other-eng__twin p:first-child {
  border: 2px solid #00a8f7;
}
.subject-other-eng__twin p:nth-child(2) {
  margin-top: 1.25em;
  border: 2px solid #E3607C;
}
@media screen and (max-width: 767px) {
  .subject-other-eng__twin p:nth-child(2) {
    margin-top: 0;
  }
}
.subject-other-eng__study {
  background-color: #F7F9FC;
  width: 46%;
  margin-right: 2.5em;
  border-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .subject-other-eng__study {
    width: 100%;
    margin-top: 5.3333333333vw;
    margin-right: 0;
  }
}
.subject-other-eng__study h4 {
  font-size: 150%;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  padding: 1.25em 0;
  background: linear-gradient(to right, #E7EEF7, #DEE7F5, #EBDFF2, #E8EDE8, #E9EEF7);
  border-bottom: 2px solid #f73f9e;
  border-image: linear-gradient(to left, #f73f9e 0%, #846cff 48.28%, #00a8f7 100%);
  border-image-slice: 1;
  border-radius: 2rem 2rem 0 0;
}
@media screen and (max-width: 767px) {
  .subject-other-eng__study h4 {
    font-size: 5.3333333333vw;
    padding: 5.3333333333vw 0;
  }
}
.subject-other-eng__study p {
  font-size: 93.75%;
  color: #3A3E40;
  padding: 1.5em;
}
@media screen and (max-width: 767px) {
  .subject-other-eng__study p {
    font-size: 4vw;
    padding: 5.3333333333vw;
  }
}
.subject-other-graduate {
  color: #fff;
  background-color: #003B57;
  text-align: center;
  width: 7.5em;
  min-width: 13%;
  padding: 8.5em 1.25em;
  border-radius: 1rem;
}
@media screen and (max-width: 767px) {
  .subject-other-graduate {
    width: 100%;
    padding: 4.8vw 0;
  }
}
.subject-other-graduation {
  color: #fff;
  background-color: #003B57;
  text-align: center;
  width: 13%;
  padding: 4.5em 1.25em;
  border-radius: 1rem;
}
@media screen and (max-width: 767px) {
  .subject-other-graduation {
    font-size: 4.2666666667vw;
    width: 100%;
    padding: 4.8vw;
  }
}
.subject-other-top {
  margin-top: 3.75em;
}
@media screen and (max-width: 767px) {
  .subject-other-top {
    display: flex;
    justify-content: space-between;
  }
}
.subject-other-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .subject-other-box {
    flex-direction: column;
  }
}
.subject-other-two {
  display: flex;
  flex-direction: column;
  width: 41%;
}
@media screen and (max-width: 767px) {
  .subject-other-two {
    flex-direction: row;
    width: auto;
  }
}
.subject-other-two__subject {
  display: flex;
  gap: 2%;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.75em;
}
@media screen and (max-width: 767px) {
  .subject-other-two__subject {
    flex-direction: column;
    margin-bottom: 3.2vw;
  }
}
.subject-other-two__subject figure {
  text-align: center;
  max-width: 3.9375em;
}
@media screen and (max-width: 767px) {
  .subject-other-two__subject figure {
    max-width: 12.8vw;
  }
}
.subject-other-two__subject p {
  font-size: 125% !important;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .subject-other-two__subject p {
    font-size: 4.2666666667vw !important;
  }
}
.subject-other-two__txt {
  height: 8.4375em;
  padding: 1.5em;
  margin-top: 1.25em;
  border: 2px solid #003B57;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .subject-other-two__txt {
    width: 53.3333333333vw;
    height: initial;
    padding: 4.8vw 2.6666666667vw;
    margin-top: 0;
    margin-left: 1.3333333333vw;
  }
}
.subject-other-two__txt p {
  font-size: 68.75%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .subject-other-two__txt p {
    font-size: 2.9333333333vw;
    text-align: left;
  }
}
.subject-other-two__txt ul {
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .subject-other-two__img {
    width: 8vw;
  }
}
.subject-other-four {
  display: flex;
  gap: 1%;
  justify-content: center;
  align-items: center;
  font-size: 137.5%;
  font-weight: 700;
  width: 100%;
  padding: 1em 0;
  margin-top: 1.25em;
  background: linear-gradient(to right, #E7EEF7, #DEE7F5, #EBDFF2, #E8EDE8, #E9EEF7);
}
@media screen and (max-width: 767px) {
  .subject-other-four {
    font-size: 3.7333333333vw;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    width: 13.3333333333vw;
    padding: 4.2666666667vw 0;
    margin-top: 0;
    background: linear-gradient(to bottom, #E7EEF7, #DEE7F5, #EBDFF2, #E8EDE8, #E9EEF7);
    border-radius: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .subject-other-four p {
    width: fit-content;
  }
}
.subject-other-four__img {
  max-width: 3.9375em;
}
@media screen and (max-width: 767px) {
  .subject-other-four__img {
    max-width: none;
    width: 6.4vw;
    margin-top: 0.5333333333vw;
  }
}
.subject-other-bottom {
  display: flex;
  gap: 3%;
  flex-direction: row;
  margin-top: 2.5em;
}
@media screen and (max-width: 767px) {
  .subject-other-bottom {
    flex-direction: column;
    align-items: center;
    margin-bottom: 10.6666666667vw;
  }
}
.subject-other-bottom__txt {
  font-size: 125%;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .subject-other-bottom__txt {
    font-size: 3.7333333333vw;
  }
}
.subject-other-bottom__list {
  display: flex;
  justify-content: space-between;
  font-size: 87.5%;
}
@media screen and (max-width: 767px) {
  .subject-other-bottom__list {
    font-size: 3.4666666667vw;
    margin-top: 2.6666666667vw;
  }
}
.subject-other-bottom__list li {
  text-align: center;
  padding: 0.3125em 0.625em;
  border: 2px solid #003B57;
  border-radius: 2rem;
}
.subject-other-bottom__list li:first-child {
  margin-right: 0.625em;
}

@media screen and (max-width: 767px) {
  .subject-wrap-timetable {
    padding: 0 5.3333333333vw 5.3333333333vw 0;
    width: 234.6666666667vw;
  }
}

.subject-timetable {
  width: 100%;
  border-collapse: separate;
}
@media screen and (max-width: 767px) {
  .subject-timetable {
    font-size: 4vw;
  }
}
.subject-timetable__comment {
  position: absolute;
  z-index: 3;
  color: #fff;
  font-size: 92.3076923077%;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 1.6666666667em;
  border-radius: 0.625em;
  line-height: 1.4;
  white-space: nowrap;
}
.subject-timetable__comment--enta {
  background: hsla(347, 70%, 63%, 0.8);
}
.subject-timetable__comment--edu {
  background: hsla(191, 42%, 58%, 0.8);
}
.subject-timetable__comment--eng {
  background: hsla(84, 42%, 57%, 0.8);
}
.subject-timetable__comment--college {
  background: hsla(28, 75%, 66%, 0.8);
}
.subject-timetable__comment--air {
  background: hsla(4, 78%, 66%, 0.8);
}
@media screen and (max-width: 767px) {
  .subject-timetable__comment {
    padding: 4.2666666667vw 5.3333333333vw;
    font-size: 3.2vw;
  }
}
.subject-timetable__comment::before {
  content: "";
  display: block;
  position: absolute;
  background: 0 0/contain no-repeat;
}
.subject-timetable__comment.is-rb {
  top: -6.1666666667em;
  left: -10em;
}
.subject-timetable__comment.is-rb::before {
  right: 0;
  bottom: -1.4166666667em;
  width: 1.8333333333em;
  height: 1.4166666667em;
}
.subject-timetable__comment.is-rb--enta::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%23E3607C" d="M-7155-7249h12l10,17Z" opacity="0.8" transform="translate(7155 7249)" /></svg>');
}
.subject-timetable__comment.is-rb--edu::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%2367B1C1" d="M-7155-7249h12l10,17Z" opacity="0.8" transform="translate(7155 7249)" /></svg>');
}
.subject-timetable__comment.is-rb--eng::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%239ABF62" d="M-7155-7249h12l10,17Z" opacity="0.8" transform="translate(7155 7249)" /></svg>');
}
.subject-timetable__comment.is-rb--college::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%23E9A366" d="M-7155-7249h12l10,17Z" opacity="0.8" transform="translate(7155 7249)" /></svg>');
}
.subject-timetable__comment.is-rb--air::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%23EC6D65" d="M-7155-7249h12l10,17Z" opacity="0.8" transform="translate(7155 7249)" /></svg>');
}
.subject-timetable__comment.is-lb {
  top: -10.8333333333em;
  left: 10em;
}
@media screen and (max-width: 767px) {
  .subject-timetable__comment.is-lb {
    top: -10.3333333333em;
    left: 10.3333333333em;
  }
}
.subject-timetable__comment.is-lb::before {
  left: 0;
  bottom: -5.4166666667em;
  width: 3.5em;
  height: 5.5833333333em;
}
.subject-timetable__comment.is-lb--enta::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%23E3607C" d="M-7113-7249h-12l-30,67Z" opacity="0.8" transform="translate(7155 7249)" /></svg>');
}
.subject-timetable__comment.is-lb--edu::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%2367B1C1" d="M-7113-7249h-12l-30,67Z" opacity="0.8" transform="translate(7155 7249)" /></svg>');
}
.subject-timetable__comment.is-lb--eng::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%239ABF62" d="M-7113-7249h-12l-30,67Z" opacity="0.8" transform="translate(7155 7249)" /></svg>');
}
.subject-timetable__comment.is-lb--college::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%23E9A366" d="M-7113-7249h-12l-30,67Z" opacity="0.8" transform="translate(7155 7249)" /></svg>');
}
.subject-timetable__comment.is-lb--air::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%23EC6D65" d="M-7113-7249h-12l-30,67Z" opacity="0.8" transform="translate(7155 7249)" /></svg>');
}
.subject-timetable__comment.is-rt {
  top: 2.9166666667em;
  left: -10.8333333333em;
}
.subject-timetable__comment.is-rt::before {
  right: 1.5833333333em;
  top: -1.4166666667em;
  width: 1.8333333333em;
  height: 1.4166666667em;
}
.subject-timetable__comment.is-rt--enta::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%23E3607C" d="M-7155-7232h12l10-17Z" opacity="0.8" transform="translate(7155 7249)" /></svg>');
}
.subject-timetable__comment.is-rt--edu::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%2367B1C1" d="M-7155-7232h12l10-17Z" opacity="0.8" transform="translate(7155 7249)" /></svg>');
}
.subject-timetable__comment.is-rt--eng::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%239ABF62" d="M-7155-7232h12l10-17Z" opacity="0.8" transform="translate(7155 7249)" /></svg>');
}
.subject-timetable__comment.is-rt--college::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%23E9A366" d="M-7155-7232h12l10-17Z" opacity="0.8" transform="translate(7155 7249)" /></svg>');
}
.subject-timetable__comment.is-rt--air::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%23EC6D65" d="M-7155-7232h12l10-17Z" opacity="0.8" transform="translate(7155 7249)" /></svg>');
}
.subject-timetable thead th {
  background: var(--main);
  color: #fff;
  text-align: center;
  padding: 0.5em;
  font-weight: normal;
}
.subject-timetable thead th:not(:last-child) {
  border-right: 1px solid #CCCCCC;
}
.subject-timetable thead th:first-child {
  border-top-left-radius: 0.625em;
}
.subject-timetable thead th:last-child {
  border-top-right-radius: 0.625em;
}
@media screen and (max-width: 767px) {
  .subject-timetable thead th {
    font-size: 4.2666666667vw;
  }
}
.subject-timetable tbody tr:last-child th, .subject-timetable tbody tr:last-child td {
  border-bottom: 1px solid #CCCCCC;
}
.subject-timetable tbody tr:last-child th {
  border-bottom-left-radius: 0.625em;
}
.subject-timetable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.625em;
}
.subject-timetable tbody th, .subject-timetable tbody td {
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  text-align: center;
  padding: 0.5em 0.3em;
}
@media screen and (max-width: 767px) {
  .subject-timetable tbody th, .subject-timetable tbody td {
    font-size: 3.4666666667vw;
  }
}
.subject-timetable tbody th {
  background: #F0F2F5;
  font-weight: normal;
  border-left: 1px solid #CCCCCC;
}
.subject-timetable tbody td {
  position: relative;
  font-weight: bold;
  width: 18.7%;
  color: #333;
}
@media screen and (min-width: 768px) {
  .subject-timetable tbody td {
    font-size: 81.25%;
  }
}
.subject-timetable tbody td.is-fill--enta {
  background: #FEF7F8;
}
.subject-timetable tbody td.is-fill--edu {
  background: #F7FBFC;
}
.subject-timetable tbody td.is-fill--eng {
  background: #FAFCF7;
}
.subject-timetable tbody td.is-fill--college {
  background: #FEFAF7;
}
.subject-timetable tbody td.is-fill--air {
  background: #FEF7F8;
}

.l-main.is-enta {
  background: #FEF7F8;
}
.l-main.is-edu {
  background: #F7FBFC;
}
.l-main.is-eng {
  background: #FAFCF7;
}
.l-main.is-college {
  background: #FEFAF7;
}
.l-main.is-air {
  background: #FEF7F8;
}

.p-hdr-page-a__list.is-enta {
  color: #E3607C;
}
.p-hdr-page-a__list.is-edu {
  color: #67B1C1;
}
.p-hdr-page-a__list.is-eng {
  color: #9ABF62;
}
.p-hdr-page-a__list.is-college {
  color: #E9A366;
}
.p-hdr-page-a__list.is-air {
  color: #EC6D65;
}

.p-hdr-page-other__inner {
  padding: 12rem 0 8rem;
}
@media screen and (max-width: 767px) {
  .p-hdr-page-other__inner {
    padding: 16vw 0 10.6666666667vw 0;
  }
}

.u-mt-0 {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .u-mt-vw20 {
    margin-top: 5.3333333333vw;
  }
}

@media screen and (max-width: 767px) {
  .u-mb-vw20 {
    margin-bottom: 5.3333333333vw;
  }
}

@media screen and (max-width: 767px) {
  .u-dif-w {
    width: 69.3333333333vw !important;
  }
}

.subject-mv__inner {
  position: relative !important;
  z-index: 15;
}

.subject-integration {
  margin-bottom: 4em;
  margin-top: 4em;
}
@media screen and (max-width: 767px) {
  .subject-integration {
    margin-bottom: 12.8vw;
    margin-top: 12.8vw;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
@media (hover: hover) {
  .subject-integration:hover .subject-integration__link {
    opacity: 0.8;
  }
  .subject-integration:hover .subject-integration__icon {
    transform: translateX(8px);
  }
}
.subject-integration__link {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  width: 100%;
  max-width: 964px;
  margin-right: auto;
  margin-left: auto;
  padding: 1.5em;
  color: #fff;
  background-color: var(--main);
  border-radius: 0.625em;
  overflow: hidden;
  transition-property: transform, opacity;
  transition-duration: 320ms;
}
@media screen and (max-width: 767px) {
  .subject-integration__link {
    grid-template-columns: 100%;
    padding: 8.5333333333vw 5.3333333333vw 4.2666666667vw;
    border-radius: 2.6666666667vw;
  }
}
.subject-integration__title {
  position: relative;
  grid-column: 1/2;
  grid-row: 1/2;
  margin-bottom: 0.4em;
  font-weight: 700;
  font-size: 1.75em;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .subject-integration__title {
    margin-bottom: 0.6em;
    font-size: 6.4vw;
  }
}
.subject-integration__title::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 2px;
  background-image: linear-gradient(90deg, #f73f9e 0%, #846cff 48.28%, #00a8f7 100%);
}
.subject-integration__text {
  grid-column: 1/2;
  grid-row: 2/3;
  font-size: 1.125em;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .subject-integration__text {
    font-size: 4.2666666667vw;
  }
}
.subject-integration__icon {
  transition-property: transform;
  transition-duration: 320ms;
}
@media screen and (min-width: 992px) {
  .subject-integration__icon {
    grid-column: 2/3;
    grid-row: 1/3;
    width: 1em;
    height: 0.75em;
  }
}
@media screen and (max-width: 767px) {
  .subject-integration__icon {
    margin-top: 4.2666666667vw;
    grid-column: 1/2;
    grid-row: 3/4;
    margin-left: auto;
    margin-right: 0;
    width: 4.2666666667vw;
    height: 3.2vw;
  }
}
.subject-integration__svg {
  display: block;
  width: 100%;
  height: auto;
  fill: #fff;
}

.subject__renewal {
  background-color: #fff;
  margin-left: 0;
}
@media screen and (max-width: 991px) {
  .subject__renewal {
    flex-direction: column;
  }
}
.subject__renewal::before {
  display: none;
}
.subject__renewal-wrap {
  margin-top: 4em;
  margin-left: 20em;
  margin-right: auto;
  margin-bottom: 4em;
  padding-right: 8em;
}
@media screen and (max-width: 767px) {
  .subject__renewal-wrap {
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    margin-left: auto;
    margin-top: 12.8vw;
    margin-bottom: 12.8vw;
  }
}

.subject-new-background {
  margin-bottom: 4.5em;
}
@media screen and (max-width: 767px) {
  .subject-new-background {
    margin-bottom: 17.0666666667vw;
    padding-left: 10.6666666667vw;
    padding-right: 10.6666666667vw;
  }
}
.subject-new-background__medium {
  font-size: 4rem;
  font-weight: 700;
  color: var(--main);
}
@media screen and (max-width: 767px) {
  .subject-new-background__medium {
    font-size: 8.5333333333vw;
  }
}