@charset "UTF-8";
/*　HOW TO 上宮　全体
----------------------------------------------- */
#current_students #container {
  position: relative;
  background-image: url(../../img/page/school_life/school_life_bg_00_sp.svg);
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #eceff1;
}

#current_students #container::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url(../../img/page/school_life/school_life_bg_01_sp.svg);
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
  -webkit-animation: upAndDown 5s ease-in-out infinite;
          animation: upAndDown 5s ease-in-out infinite;
}

#current_students #container::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url(../../img/page/school_life/school_life_bg_02_sp.svg);
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
  -webkit-animation: downAndUp 5s ease-in-out infinite;
          animation: downAndUp 5s ease-in-out infinite;
}

@media screen and (min-width: 700.9999px) {
  #current_students #container {
    background-image: url(../../img/page/school_life/school_life_bg_00_pc.svg);
    background-size: 1618px auto;
  }
  #current_students #container::before {
    background-image: url(../../img/page/school_life/school_life_bg_01_pc.svg);
    background-size: 1618px auto;
  }
  #current_students #container::after {
    background-image: url(../../img/page/school_life/school_life_bg_02_pc.svg);
    background-size: 1618px auto;
  }
}

.current_students-wrap {
  position: relative;
  z-index: 2;
}

/*　HOW TO 上宮　mv
----------------------------------------------- */
.current_students-hero {
  position: relative;
  z-index: 2;
}

.current_students-hero__text {
  padding-top: 10.2489vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.current_students-hero__catch {
  margin-left: 1.46413vw;
  font-size: 4vw;
  color: #2c318d;
  font-weight: 900;
  line-height: 1.5;
  text-align: center;
}

.current_students-hero__catch::before, .current_students-hero__catch::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.current_students-hero__catch::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.current_students-hero__catch::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

.current_students-hero__arrow {
  margin-left: 0.73206vw;
  margin-top: 2.92826vw;
  width: 45.38799vw;
  height: auto;
}

.current_students-hero__title--image {
  margin-top: 3.66032vw;
  margin-left: 2.92826vw;
  width: 46.85212vw;
  height: auto;
}

.current_students-hero__title--image > * {
  display: block;
  width: 100%;
  height: 100%;
}

.current_students-hero__title--image > * > * {
  width: inherit;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}

.current_students-hero__title--text {
  margin-top: 6.58858vw;
  padding-top: 5.12445vw;
  font-size: 6vw;
  display: block;
  position: relative;
  color: #2c318d;
  font-weight: 900;
  letter-spacing: .125em;
  text-align: center;
}

.current_students-hero__title--text::before {
  width: 14.64129vw;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 1px;
  background-color: #2c318d;
  content: "";
}

.current_students-hero__title--text > * {
  margin-left: 2.92826vw;
  font-size: 4.57143vw;
}

.current_students-hero__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.current_students-hero__pointing {
  top: 16.10542vw;
  width: 23.42606vw;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: auto;
}

.current_students-hero__person {
  position: relative;
}

.current_students-hero__person > * {
  position: absolute;
  top: 0;
}

.current_students-hero__person--01 {
  width: 25.18302vw;
  height: 60.90776vw;
  top: 14.64129vw;
  left: 2.19619vw;
}

.current_students-hero__person--02 {
  width: 28.4041vw;
  height: 55.53929vw;
  top: 19.03367vw;
  right: -0.73206vw;
  z-index: 2;
}

@media screen and (min-width: 700.9999px) {
  .current_students-hero {
    position: relative;
    height: 770px;
    height: auto;
  }
  .current_students-hero__text {
    padding-top: 85px;
  }
  .current_students-hero__catch {
    margin-left: 0;
    font-size: 26px;
    letter-spacing: .075em;
  }
  .current_students-hero__arrow {
    width: 450px;
    margin-top: 25px;
    margin-left: -5px;
  }
  .current_students-hero__title--image {
    width: 650px;
    margin-top: 30px;
    margin-left: 5px;
  }
  .current_students-hero__title--text {
    margin-top: 25px;
    padding-top: 30px;
    font-size: 44px;
  }
  .current_students-hero__title--text::before {
    width: 100px;
    height: 3px;
  }
  .current_students-hero__title--text > * {
    margin-left: 20px;
    font-size: 33px;
  }
  .current_students-hero__image {
    width: 100%;
    height: auto;
    margin-top: 0;
  }
  .current_students-hero__person {
    width: 1280px;
    margin-right: auto;
    margin-left: auto;
  }
  .current_students-hero__person--01 {
    top: 30px;
    left: 165px;
    width: calc(328px / 2);
    height: calc(788px / 2);
  }
  .current_students-hero__person--02 {
    top: 50px;
    right: 125px;
    width: calc(368px / 2);
    height: calc(718px / 2);
  }
}

/*　HOW TO 上宮　intro
----------------------------------------------- */
.current_students-interview {
  padding-top: 17.56955vw;
}

.current_students-interview__interview--items {
  margin-top: -10.98097vw;
}

.current_students-interview__interview--item {
  margin-top: 10.98097vw;
  position: relative;
}

.current_students-interview__interview--item:nth-child(2) .current_students-interview__interview--label {
  color: #90cd2e;
}

.current_students-interview__interview--item:nth-child(2) .current_students-interview__interview--label > * {
  background-image: url(../../img/page/school_life/current_students_icon_circle_02.svg);
}

.current_students-interview__interview--item:nth-child(2) .current_students-interview__interview--text {
  background-color: #90cd2e;
}

.current_students-interview__interview--item:nth-child(3) .current_students-interview__interview--label {
  color: #ec6d81;
}

.current_students-interview__interview--item:nth-child(3) .current_students-interview__interview--label > * {
  background-image: url(../../img/page/school_life/current_students_icon_circle_03.svg);
}

.current_students-interview__interview--item:nth-child(3) .current_students-interview__interview--text {
  background-color: #ec6d81;
}

.current_students-interview__interview--item:nth-child(4) .current_students-interview__interview--label {
  color: #2ebbcd;
}

.current_students-interview__interview--item:nth-child(4) .current_students-interview__interview--label > * {
  background-image: url(../../img/page/school_life/current_students_icon_circle_04.svg);
}

.current_students-interview__interview--item:nth-child(4) .current_students-interview__interview--text {
  background-color: #2ebbcd;
}

.current_students-interview__interview--item:nth-child(5) .current_students-interview__interview--label {
  color: #712ecd;
}

.current_students-interview__interview--item:nth-child(5) .current_students-interview__interview--label > * {
  background-image: url(../../img/page/school_life/current_students_icon_circle_05.svg);
}

.current_students-interview__interview--item:nth-child(5) .current_students-interview__interview--text {
  background-color: #712ecd;
}

.current_students-interview__interview--item:nth-child(6) .current_students-interview__interview--label {
  color: #fe8a00;
}

.current_students-interview__interview--item:nth-child(6) .current_students-interview__interview--label > * {
  background-image: url(../../img/page/school_life/current_students_icon_circle_06.svg);
}

.current_students-interview__interview--item:nth-child(6) .current_students-interview__interview--text {
  background-color: #fe8a00;
}

.current_students-interview__interview--label {
  top: -4.39239vw;
  left: 4.39239vw;
  width: 16.83748vw;
  height: 16.83748vw;
  font-size: 9.57143vw;
  position: absolute;
  z-index: 2;
  color: #2c318d;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0;
}

.current_students-interview__interview--label > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 100%;
  height: 100%;
  background-image: url(../../img/page/school_life/current_students_icon_circle_01.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.current_students-interview__interview--image {
  border-radius: 7.32064vw;
  height: 62.22548vw;
  width: 100%;
  overflow: hidden;
}

.current_students-interview__interview--image > * {
  display: block;
  width: 100%;
  height: 100%;
}

.current_students-interview__interview--image > * > * {
  width: inherit;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}

.current_students-interview__interview--text {
  margin-top: -7.32064vw;
  padding-top: 14.64129vw;
  padding-right: 8.78477vw;
  padding-left: 8.78477vw;
  padding-bottom: 9.51684vw;
  border-bottom-right-radius: 7.32064vw;
  border-bottom-left-radius: 7.32064vw;
  background-color: #2c318d;
  color: #ffffff;
}

.current_students-interview__interview--year {
  font-size: 4vw;
  font-weight: 900;
  letter-spacing: .075em;
}

.current_students-interview__interview--name {
  margin-top: 2.92826vw;
  font-size: 4vw;
  padding-bottom: 4.39239vw;
  position: relative;
  font-weight: 900;
  letter-spacing: .075em;
}

.current_students-interview__interview--name::after {
  width: 17.56955vw;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #ffffff;
  content: "";
}

.current_students-interview__interview--title {
  margin-top: 4.39239vw;
  font-size: 4vw;
  font-weight: 900;
  line-height: 1.8;
  letter-spacing: .075em;
}

.current_students-interview__interview--title::before, .current_students-interview__interview--title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.current_students-interview__interview--title::before {
  margin-top: calc((1 - 1.8) * 0.5em);
}

.current_students-interview__interview--title::after {
  margin-bottom: calc((1 - 1.8) * 0.5em);
}

.current_students-interview__interview--desc {
  margin-top: 6.58858vw;
  line-height: 1.6;
  letter-spacing: .05em;
}

.current_students-interview__interview--desc::before, .current_students-interview__interview--desc::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.current_students-interview__interview--desc::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}

.current_students-interview__interview--desc::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}

@media screen and (min-width: 700.9999px) {
  .current_students-interview {
    padding-top: 75px;
  }
  .current_students-interview__interview--items {
    margin-top: -60px;
  }
  .current_students-interview__interview--item {
    margin-top: 60px;
  }
  .current_students-interview__interview--label {
    top: -20px;
    right: 200px;
    left: auto;
    z-index: 3;
    width: 100px;
    height: 100px;
    font-size: 56px;
  }
  .current_students-interview__interview--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    min-height: 405px;
    padding-right: 170px;
    padding-left: 170px;
  }
  .current_students-interview__interview--image {
    position: relative;
    z-index: 2;
    width: 530px;
    height: auto;
    border-radius: 50px;
  }
  .current_students-interview__interview--text {
    width: 460px;
    margin-top: 0;
    margin-right: -50px;
    padding-top: 50px;
    padding-right: 80px;
    padding-bottom: 50px;
    padding-left: 60px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 50px;
  }
  .current_students-interview__interview--year {
    font-size: 18px;
  }
  .current_students-interview__interview--name {
    margin-top: 15px;
    padding-bottom: 25px;
    font-size: 22px;
    letter-spacing: .05em;
  }
  .current_students-interview__interview--name::after {
    width: 120px;
  }
  .current_students-interview__interview--name > * {
    font-size: 18px;
  }
  .current_students-interview__interview--title {
    margin-top: 30px;
    font-size: 24px;
    line-height: 1.8;
  }
  .current_students-interview__interview--title::before, .current_students-interview__interview--title::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .current_students-interview__interview--title::before {
    margin-top: calc((1 - 1.8) * 0.5em);
  }
  .current_students-interview__interview--title::after {
    margin-bottom: calc((1 - 1.8) * 0.5em);
  }
  .current_students-interview__interview--desc {
    margin-top: 30px;
    line-height: 2;
  }
  .current_students-interview__interview--desc::before, .current_students-interview__interview--desc::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .current_students-interview__interview--desc::before {
    margin-top: calc((1 - 2) * 0.5em);
  }
  .current_students-interview__interview--desc::after {
    margin-bottom: calc((1 - 2) * 0.5em);
  }
}

/*　HOW TO 上宮　links
----------------------------------------------- */
.current_students-links {
  margin-top: 10.98097vw;
}

.current_students-links__link {
  width: 54.17277vw;
  height: 54.17277vw;
  margin-right: 3.66032vw;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-left: auto;
  background-image: url(../../img/page/school_life/howto_uenomiya_intro_circle_ob_og.svg);
  background-size: contain;
  background-repeat: no-repeat;
  color: #ffffff;
}

.current_students-links__link::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../../img/page/school_life/howto_uenomiya_intro_circle_excl.svg);
  background-position: center;
  background-size: calc(170vw / 6.83) calc(320vw / 6.83);
  background-repeat: no-repeat;
  content: "";
}

.current_students-links__link::after {
  bottom: 0.73206vw;
  right: -3.66032vw;
  width: 17.56955vw;
  height: 17.56955vw;
  position: absolute;
  border-radius: 50%;
  background-image: url(../../img/page/school_life/howto_uenomiya_intro_circle_arrow.svg);
  background-position: center;
  background-size: calc(65vw / 6.83) calc(65vw / 6.83);
  background-repeat: no-repeat;
  background-color: #2c318d;
  content: "";
}

.current_students-links__text {
  position: relative;
}

.current_students-links__text::after {
  top: -17.56955vw;
  left: -38.06735vw;
  width: 53.68472vw;
  height: 61.49341vw;
  position: absolute;
  background-image: url(../../img/page/school_life/current_students_links_img_og_ob_sp.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.current_students-links__text > * {
  display: block;
  text-align: center;
}

.current_students-links__jp {
  font-size: 8vw;
  margin-top: 4.39239vw;
  font-weight: 900;
  letter-spacing: .125em;
}

.current_students-links__jp > * {
  font-size: 6vw;
  margin-left: 4.39239vw;
}

.current_students-links__en {
  margin-top: 5.12445vw;
  font-size: 4.42857vw;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0;
}

@media screen and (min-width: 700.9999px) {
  .current_students-links {
    position: relative;
    z-index: 2;
    margin-top: 95px;
  }
  .current_students-links__wrap {
    position: relative;
  }
  .current_students-links__link {
    position: absolute;
    top: 0;
    left: 200px;
    width: 305px;
    width: 310px;
    height: 305px;
    height: 310px;
    margin-right: 0;
    margin-left: 500px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .current_students-links__link::before {
    background-size: 130px 280px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .current_students-links__link::after {
    right: -20px;
    bottom: 5px;
    width: 100px;
    height: 100px;
    background-size: 56px 56px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .current_students-links__link:hover::before {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  .current_students-links__link:hover::after {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  .current_students-links__link:hover .current_students-links__text::after {
    left: -235px;
  }
  .current_students-links__text::after {
    top: -105px;
    left: -220px;
    width: calc(620px / 2);
    height: calc(714px / 2);
    background-image: url(../../img/page/school_life/current_students_links_img_og_ob_pc.png);
    -webkit-transition: left .3s;
    transition: left .3s;
  }
  .current_students-links__jp {
    margin-top: 30px;
    font-size: 44px;
  }
  .current_students-links__jp > * {
    margin-left: 20px;
    font-size: 33px;
  }
  .current_students-links__en {
    margin-top: 25px;
    font-size: 26px;
  }
}

/*　HOW TO 上宮　footer
----------------------------------------------- */
.current_students-footer {
  margin-top: 16.10542vw;
}

@media screen and (min-width: 700.9999px) {
  .current_students-footer {
    margin-top: 320px;
  }
  .current_students-footer > * {
    padding-right: 170px;
    padding-left: 100px;
  }
}
/*# sourceMappingURL=current_students.css.map */