@charset "UTF-8";
/* Scss Document */
/*色*/
/*v2024*/
/*font*/
/*==================================*/
/*sp_priority_measures*/
/*==================================*/
.spMs_Mv {
  position: relative;
  height: calc(100vh - 100px);
  background-color: #d6ffff;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  .spMs_Mv {
    min-width: 1200px;
  }
}
@media only screen and (max-width: 767px) {
  .spMs_Mv {
    height: calc(100vh - 55px);
    height: calc((var(--vh, 1vh) * 100) - 55px);
  }
}
.spMs_Mv__head {
  position: absolute;
  z-index: 10;
  left: max(60px, 7vw);
  top: 5vh;
}
@media only screen and (max-width: 767px) {
  .spMs_Mv__head {
    top: 5vw;
    left: 8vw;
  }
}
.spMs_Mv__head__en {
  width: max(680px, 40vw);
  margin-bottom: 2vw;
}
@media only screen and (max-width: 767px) {
  .spMs_Mv__head__en {
    width: 85%;
  }
}
.spMs_Mv__head__en img {
  width: 100%;
}
.spMs_Mv__head__jp {
  width: max(420px, 30vh);
}
@media only screen and (max-width: 767px) {
  .spMs_Mv__head__jp {
    width: 65%;
  }
}
.spMs_Mv__head__jp img {
  width: 100%;
}
.spMs_Mv__head__jp.-type2 {
  width: min(50vw, 55vh);
}
@media only screen and (max-width: 767px) {
  .spMs_Mv__head__jp.-type2 {
    margin-top: 5vw;
    width: 90%;
  }
}
.spMs_Mv__head__msg {
  background-image: linear-gradient(90deg, #6118e6 1%, #e047b3 89%);
  padding: 30px 30px 35px 30px;
  margin-top: 2vh;
  color: #fff;
  font-size: 2.4rem;
  letter-spacing: 0.2em;
  padding-left: max(60px, 7vw);
  margin-left: calc(max(60px,7vw) * -1);
  position: relative;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .spMs_Mv__head__msg {
    padding: 10px 10px 20px 20px;
    padding: 10px 10px 20px 8vw;
    margin-left: -8vw;
    font-size: 3.8vw;
    letter-spacing: 0.1em;
    margin-top: 10px;
    width: 95vw;
  }
}
.spMs_Mv__head__msg p {
  margin-left: 15px;
}
@media only screen and (max-width: 767px) {
  .spMs_Mv__head__msg p {
    margin-left: 0;
  }
}
.spMs_Mv__head__msg:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 15px;
  background: url("/assets/images/special/sp_merit_scholarships/line_bg.svg") repeat-x bottom left;
}
@media only screen and (max-width: 767px) {
  .spMs_Mv__head__msg:after {
    height: 8px;
    background-size: auto 100%;
  }
}
.spMs_Mv__gs {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .spMs_Mv__gs {
    bottom: auto;
    top: 55%;
  }
}
.spMs_Mv__gs img {
  width: 100%;
}
.spMs_Mv__main {
  text-align: right;
  width: 65%;
  height: max(75vh, 850px);
  margin-left: auto;
  position: absolute;
}
@media print, screen and (min-width: 768px) {
  .spMs_Mv__main {
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .spMs_Mv__main {
    width: 100%;
    height: 70vw;
    bottom: 0;
    left: 0;
  }
}
@media (min-aspect-ratio: 16 / 9) {
  .spMs_Mv__main {
    height: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .spMs_Mv__main img {
    width: 100%;
    height: 100%;
    object-position: top right;
    object-fit: contain;
  }
}
@media only screen and (max-width: 767px) {
  .spMs_Mv__main img {
    width: 100%;
    height: 100%;
    object-position: top center;
    object-fit: cover;
  }
}

.spMs_Mv__gs__img {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
}
.spMs_Mv__gs__img__inner {
  width: 70vw;
  animation: this_marquee 20s linear infinite;
}
@media (max-aspect-ratio: 9 / 8) {
  .spMs_Mv__gs__img__inner {
    width: 100vw;
  }
}
@media only screen and (max-width: 767px) {
  .spMs_Mv__gs__img__inner {
    width: 150vw;
  }
}

@keyframes this_marquee {
  0% {
    translate: 0;
  }
  100% {
    translate: calc(-100% - 0em);
  }
}
.spMs_About {
  background-color: #d6ffff;
  display: flex;
  align-items: flex-start;
  padding: 90px 0;
  color: #bd20df;
}
.spMs_About__head {
  width: 30%;
  margin-right: 60px;
  position: sticky;
  top: 120px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .spMs_About__head {
    display: none;
  }
}
.spMs_About__main {
  flex: 1;
}
.spMs_About__main__inner {
  margin-right: max(60px, 7vw);
}
@media only screen and (max-width: 767px) {
  .spMs_About__main__inner {
    margin: 0 6vw;
  }
}
.spMs_About__main__lead {
  margin-bottom: 90px;
  font-size: 2rem;
}
.spMs_About__main__clm + .spMs_About__main__clm {
  margin-top: 60px;
}
.spMs_About__main__ttl {
  background-image: linear-gradient(90deg, #6118e6 1%, #e047b3 89%);
  padding: 20px 30px 35px 30px;
  color: #fff;
  font-size: 3rem;
  line-height: 1.5;
  position: relative;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .spMs_About__main__ttl {
    padding: 10px 10px 25px 20px;
    font-size: 2.4rem;
  }
}
.spMs_About__main__ttl:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 15px;
  background: url("/assets/images/special/sp_merit_scholarships/line_bg.svg") repeat-x bottom left;
}
@media only screen and (max-width: 767px) {
  .spMs_About__main__ttl:after {
    height: 8px;
    background-size: auto 100%;
  }
}
.spMs_About__main__ttl__type {
  margin-bottom: 10px;
}
.spMs_About__main__ttl__type p {
  display: inline-block;
  padding: 10px;
  background-color: #fff;
  color: #bd20df;
  font-size: 1.4rem;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .spMs_About__main__ttl__type p {
    padding: 5px 10px;
  }
}
.spMs_About__main__detail {
  margin-top: 20px;
}
.spMs_About__main__detail p {
  font-size: 1.8rem;
}
.spMs_About__main__infolist {
  font-size: 1.8rem;
  position: relative;
  padding: 15px 30px;
}
.spMs_About__main__infolist:before {
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  border: 2px solid #bd20df;
  border-right: none;
  position: absolute;
  top: 0;
  left: 0;
}
.spMs_About__main__infolist:after {
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  border: 2px solid #bd20df;
  border-left: none;
  position: absolute;
  top: 0;
  right: 0;
}
.spMs_About__box {
  padding: 20px 30px 20px 30px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .spMs_About__box .spMs_About__main__inner {
    margin: 0;
  }
}
.spMs_About .p_table th, .spMs_About .p_table td {
  text-align: center;
}

.spMs_keizoku {
  margin-top: 30px;
  border: 2px solid #bd20df;
  padding: 30px;
  text-align: center;
  font-size: 2.6rem;
}
@media only screen and (max-width: 767px) {
  .spMs_keizoku {
    font-size: 2.2rem;
  }
}

.spMs__ttl {
  position: relative;
  padding: 10px 5px 10px 30px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .spMs__ttl {
    font-size: 1.8rem;
  }
}
.spMs__ttl:after {
  content: "";
  display: block;
  width: 8px;
  height: 100%;
  border-left: 2px solid #bd20df;
  border-right: 2px solid #bd20df;
  position: absolute;
  top: 0;
  left: 0;
}
.spMs__ttl__ul {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-color: red;
  font-weight: bold;
}

.spMs_aboutNote {
  font-size: 1.4rem;
}
.spMs_aboutNote dl {
  display: flex;
  flex-wrap: wrap;
}
.spMs_aboutNote dl dt {
  width: 40px;
  margin-bottom: 1em;
}
.spMs_aboutNote dl dd {
  width: calc(100% - 40px);
  margin-bottom: 1em;
}

.spMs_support {
  padding: 90px 0;
}
.spMs_support__head {
  margin-bottom: -60px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .spMs_support__head {
    margin-bottom: -10vw;
  }
}
.spMs_support__head h2 {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .spMs_support__head h2 {
    width: 85%;
  }
}
.spMs_support__head h3 p {
  background-image: linear-gradient(90deg, #6118e6 1%, #e047b3 89%);
  padding: 10px 20px 25px 20px;
  color: #fff;
  font-size: 2.2rem;
  line-height: 1.5;
  position: relative;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .spMs_support__head h3 p {
    font-size: 1.6rem;
    padding: 10px 10px 15px 10px;
  }
}
.spMs_support__head h3 p:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 15px;
  background: url("/assets/images/special/sp_merit_scholarships/line_bg.svg") repeat-x bottom left;
}
@media only screen and (max-width: 767px) {
  .spMs_support__head h3 p:after {
    height: 8px;
    background-size: auto 100%;
  }
}
.spMs_support__main {
  padding: 90px 0 90px 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #9cdbdb calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #9cdbdb calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
  position: relative;
}
.spMs_support__mv {
  position: relative;
  text-align: center;
  height: 38vw;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .spMs_support__mv {
    height: 100vw;
  }
}
.spMs_support__mv__photo {
  display: inline-block;
  position: relative;
}
.spMs_support__mv__photo:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 4px;
  left: 4px;
  background-image: linear-gradient(45deg, #6118e6 1%, #e047b3 89%);
}
.spMs_support__mv__photo.-set1 {
  width: 40vw;
  position: relative;
  top: 4vw;
}
@media only screen and (max-width: 767px) {
  .spMs_support__mv__photo.-set1 {
    width: 70vw;
    top: 9vw;
    left: -10vw;
  }
}
.spMs_support__mv__photo.-set2 {
  width: 20vw;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .spMs_support__mv__photo.-set2 {
    top: 64vw;
    width: 30vw;
  }
}
.spMs_support__mv__photo.-set3 {
  width: 15vw;
  position: absolute;
  top: 25vw;
  left: 10vw;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .spMs_support__mv__photo.-set3 {
    width: 20vw;
    left: 40vw;
    top: 70vw;
  }
}
.spMs_support__mv__photo.-set4 {
  width: 15vw;
  position: absolute;
  top: -5vw;
  right: 10vw;
}
@media only screen and (max-width: 767px) {
  .spMs_support__mv__photo.-set4 {
    right: 5vw;
    width: 25vw;
    top: -8vw;
  }
}
.spMs_support__mv__photo.-set5 {
  width: 18vw;
  position: absolute;
  top: 22vw;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .spMs_support__mv__photo.-set5 {
    width: 32vw;
    top: 55vw;
  }
}
.spMs_support__mv__photo img {
  position: relative;
  vertical-align: bottom;
  width: 100%;
}
.spMs_support__item {
  padding: 60px;
  background-color: #fff;
  border: 1px solid #9cdbdb;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .spMs_support__item {
    display: block;
    padding: 10vw 8vw;
  }
}
.spMs_support__item + .spMs_support__item {
  margin-top: 60px;
}
.spMs_support__item__main {
  flex: 1;
  padding-left: 90px;
}
@media only screen and (max-width: 767px) {
  .spMs_support__item__main {
    padding-left: 0;
  }
}
.spMs_support__item__main p {
  color: #bd20df;
  font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
  .spMs_support__item__main p {
    font-size: 1.6rem;
  }
}
.spMs_support__item__img {
  width: 40%;
  margin-left: 60px;
}
@media only screen and (max-width: 767px) {
  .spMs_support__item__img {
    width: auto;
    margin: 20px 0 0 0;
  }
}
.spMs_support__item__head {
  position: relative;
}
.spMs_support__item__head__num {
  display: inline-block;
  position: absolute;
  top: -10px;
  left: -80px;
  color: #bd20df;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .spMs_support__item__head__num {
    position: static;
    margin-bottom: 10px;
  }
}
.spMs_support__item__head__num span {
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.spMs_support__item__head__num p {
  font-size: 4.4rem;
  letter-spacing: 0.05em;
}
.spMs_support__item__head h3 {
  font-size: 4rem;
  line-height: 1.2;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .spMs_support__item__head h3 {
    font-size: 2.8rem;
  }
}

.spMs_Mv__gs,
.spMs_Mv__main img,
.spMs_Mv__head {
  opacity: 0;
}

/*# sourceMappingURL=style_v2.css.map */