.application p span.green {
  color: #0ea2aa;
}
.application .mt-l {
  margin-top: 4.1666666667vw !important;
}
.application .step__ttl {
  margin-top: 3.125vw;
  font-size: 1.4583333333vw;
  font-weight: bold;
  height: 3.0208333333vw;
  background-color: #0ea2aa;
  padding-left: 1.25vw;
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
}
.application .step__ttl::before {
  content: "";
  width: 0.4166666667vw;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
}
.application .step__ttl + p {
  margin-top: 1.0416666667vw;
  font-weight: bold;
  font-size: 1.0416666667vw;
  line-height: 1.8;
}
.application .step__preparation {
  margin-top: 2.0833333333vw;
  display: flex;
  gap: 1.875vw;
}
.application .step__preparation > li {
  width: calc((100% - 1.875vw) / 2);
  border: 1px solid #0ea2aa;
  border-radius: 0.5208333333vw;
}
.application .step__preparation > li > p {
  font-size: 1.25vw;
  font-weight: bold;
  text-align: center;
  padding: 1.0416666667vw;
  background-color: #e1f3f5;
  border-radius: 0.5208333333vw 0.5208333333vw 0 0;
}
.application .step__preparation > li ol {
  padding: 1.8229166667vw 2.0833333333vw;
}
.application .step__preparation > li ol li + li {
  line-height: 1;
  margin-top: 1.5625vw;
}
.application .step__preparation > li ol p {
  font-size: 1.0416666667vw;
  font-weight: bold;
}
.application .step__preparation > li ol p span {
  margin-left: 1.0416666667vw;
  font-size: 0.8333333333vw;
  font-weight: normal;
}
.application .step__preparation > li ol span {
  font-size: 0.8333333333vw;
  line-height: 2;
}
.application .step__preparation .common-button {
  width: 25vw;
  margin: 0 auto;
  margin-top: 1.1979166667vw;
}
.application .application__note {
  margin-top: 1.0416666667vw;
  font-size: 0.8333333333vw;
  line-height: 1;
}

.data {
  margin-top: 2.3958333333vw;
  padding: 2.6041666667vw;
  border-radius: 0.5208333333vw;
  background-color: #e1f3f5;
}
.data h4 {
  font-size: 1.4583333333vw;
  font-weight: bold;
  color: #0ea2aa;
  text-align: center;
}
.data__wrap {
  margin-top: 1.8229166667vw;
  display: flex;
  gap: 1.875vw;
}

.mypage__list {
  margin-top: 2.0833333333vw;
}
.mypage__list li {
  background-color: #f0f0f0;
  border-radius: 0.5208333333vw;
  padding: 1.5625vw;
}
.mypage__list li p {
  font-size: 1.25vw;
  font-weight: bold;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  gap: 1.0416666667vw;
  line-height: 1.5;
}
.mypage__list li img {
  margin: 0 auto;
  margin-top: 0.5208333333vw;
  width: 25vw;
}
.mypage__list li + li {
  margin-top: 1.0416666667vw;
  position: relative;
}
.mypage__list li + li::before {
  content: "";
  width: 2.0833333333vw;
  height: 2.1875vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -1.09375vw;
  background: url("../../../img/student/sub/2023/arrow.png") no-repeat;
  background-size: cover;
}
.mypage__list li:nth-of-type(3) img, .mypage__list li:nth-of-type(4) img {
  margin-top: 1.5625vw;
}
.mypage__list .common-button {
  margin-top: 0.5208333333vw;
  margin-left: 3.9583333333vw;
  width: 14.21875vw;
  height: 2.6041666667vw;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8333333333vw;
}

.circleNum {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #0ea2aa;
  height: 2.9166666667vw;
  width: 2.9166666667vw;
  min-height: 2.9166666667vw;
  min-width: 2.9166666667vw;
  color: #fff;
  font-size: 1.6666666667vw;
  font-weight: bold;
}

.step__note {
  margin-top: 1.0416666667vw;
  display: flex;
  gap: 0.3125vw;
  line-height: 1.75;
  font-size: 0.8333333333vw;
}
.step__note.rows {
  padding-left: 3em;
  text-indent: -3em;
}
.step__note img {
  margin-top: 0.3125vw;
  width: 1.25vw;
  height: 1.1458333333vw;
}
.step__note + p {
  margin-top: 0.625vw;
}

.step__list {
  margin-top: 1.875vw;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.875vw;
}
.step__list.column4 {
  grid-template-columns: repeat(4, 1fr);
}
.step__list.column4 li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.9791666667vw;
}
.step__list.column4 li:nth-of-type(2) {
  background-color: #e1f3f5;
}
.step__list.column4 li:last-of-type {
  gap: 0.5208333333vw;
}
.step__list.column4 li:last-of-type .step__list--ttl {
  margin-top: 0.2083333333vw;
}
.step__list.column4 li:last-of-type .step__list--ttl + p {
  margin-top: 0;
  line-height: 1.5;
  text-align: center;
}
.step__list > li {
  border-radius: 0.5208333333vw;
  padding: 1.3020833333vw 0.625vw;
  display: grid;
  grid-template-rows: 2.9166666667vw auto auto;
}
.step__list > li:first-of-type {
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5104166667vw;
}
.step__list > li:first-of-type img {
  width: 3.3333333333vw;
}
.step__list > li:nth-of-type(2) {
  background-color: #0ea2aa;
}
.step__list > li:nth-of-type(2) li {
  color: #fff;
  font-weight: normal;
}
.step__list > li:nth-of-type(n + 3) {
  background-color: #e1f3f5;
}
.step__list > li:last-of-type {
  background-color: #fff;
  border: 2px solid #0ea2aa;
  display: flex;
  align-items: center;
  justify-content: center;
}
.step__list > li:nth-of-type(n + 2) {
  position: relative;
}
.step__list > li:nth-of-type(n + 2)::before {
  content: "";
  width: 1.25vw;
  height: 1.3541666667vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  background: url("../../../img/student/sub/2023/arrow.png") no-repeat;
  background-size: cover;
  left: -1.6145833333vw;
}
.step__list--ttl {
  font-weight: bold;
  font-size: 1.0416666667vw;
  color: #0ea2aa;
  text-align: center;
  line-height: 1.4;
  align-self: center;
}
.step__list--ttl.bk {
  color: #000;
}
.step__list--ttl.wt {
  color: #fff;
}
.step__list--ttl + ul {
  margin-top: 0.7291666667vw;
}
.step__list--ttl + ul li {
  font-size: 0.8333333333vw;
}
.step__list--ttl + p {
  margin-top: 0.7291666667vw;
  font-size: 0.8333333333vw;
}

.step__subTtl {
  margin-top: 2.0833333333vw;
  font-size: 1.6666666667vw;
  color: #0ea2aa;
  font-weight: bold;
  letter-spacing: -0.001em;
  border-bottom: 1px solid #000;
  line-height: 1.5;
  padding-bottom: 0.2083333333vw;
}
.step__subTtl + p {
  margin-top: 0.5208333333vw;
  font-size: 1.0416666667vw;
  font-weight: bold;
}

.step__submission {
  margin-top: 2.0833333333vw;
  padding: 1.5625vw;
  background-color: #f0f0f0;
  border-radius: 0.5208333333vw;
  display: flex;
  justify-content: center;
  gap: 5.7291666667vw;
}
.step__submission .step__list-ttl {
  font-size: 1.0416666667vw;
  font-weight: bold;
  line-height: 1.6;
}
.step__submission .step__list-ttl + p {
  margin-top: 1.5625vw;
  font-size: 0.8333333333vw;
}
.step__submission .common-button {
  margin-top: 1.5625vw;
  width: 25vw;
}
.step__submission img {
  margin: 1.0416666667vw 0;
  width: 25vw;
}

@media (max-width: 768px) {
  .application .mt-l {
    margin-top: 16vw !important;
  }
  .application .step__ttl {
    margin-top: 10.6666666667vw;
    font-size: 5.8666666667vw;
    height: 12.2666666667vw;
    padding-left: 5.3333333333vw;
  }
  .application .step__ttl.ttl_sp {
    height: 24vw;
  }
  .application .step__ttl::before {
    width: 1.6vw;
  }
  .application .step__ttl + p {
    margin-top: 4.2666666667vw;
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
  .application .step__preparation {
    margin-top: 5.3333333333vw;
    flex-direction: column;
    gap: 9.6vw;
  }
  .application .step__preparation > li {
    width: 100%;
    border-radius: 2.6666666667vw;
  }
  .application .step__preparation > li > p {
    font-size: 5.3333333333vw;
    padding: 2.6666666667vw;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
  }
  .application .step__preparation > li ol {
    padding: 8vw 5.3333333333vw;
  }
  .application .step__preparation > li ol li + li {
    margin-top: 5.3333333333vw;
  }
  .application .step__preparation > li ol p {
    font-size: 4.2666666667vw;
  }
  .application .step__preparation > li ol p span {
    margin-left: 4.2666666667vw;
    font-size: 3.2vw;
  }
  .application .step__preparation > li ol span {
    font-size: 3.2vw;
    line-height: 1.6;
  }
  .application .step__preparation .common-button {
    width: 100%;
    margin-top: 4.8vw;
  }
  .application .application__note {
    margin-top: 4.2666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.4;
  }
  .data {
    margin-top: 8vw;
    padding: 8vw;
    border-radius: 2.6666666667vw;
  }
  .data h4 {
    font-size: 5.8666666667vw;
  }
  .data__wrap {
    margin-top: 5.3333333333vw;
    flex-direction: column;
    gap: 5.3333333333vw;
  }
  .mypage__list {
    margin-top: 5.3333333333vw;
  }
  .mypage__list li {
    border-radius: 2.6666666667vw;
    padding: 5.3333333333vw;
  }
  .mypage__list li p {
    font-size: 4.8vw;
    align-items: flex-start;
    gap: 4.2666666667vw;
  }
  .mypage__list li img {
    margin-top: 5.3333333333vw;
    width: 100%;
  }
  .mypage__list li + li {
    margin-top: 5.3333333333vw;
  }
  .mypage__list li + li::before {
    content: "";
    width: 8vw;
    height: 8.5333333333vw;
    top: -5.6vw;
  }
  .mypage__list li:nth-of-type(3) img, .mypage__list li:nth-of-type(4) img {
    margin-top: 5.3333333333vw;
  }
  .mypage__list .common-button {
    margin-top: 2.6666666667vw;
    margin-left: 0;
    width: 100%;
    height: 13.3333333333vw;
    font-size: 3.7333333333vw;
  }
  .circleNum {
    height: 9.6vw;
    width: 9.6vw;
    min-height: 9.6vw;
    min-width: 9.6vw;
    font-size: 5.8666666667vw;
  }
  .step__note {
    margin-top: 4.2666666667vw;
    gap: 1.6vw;
    font-size: 3.2vw;
  }
  .step__note img {
    margin-top: 1.0666666667vw;
    width: 4.2666666667vw;
    height: 3.7333333333vw;
  }
  .step__note + p {
    margin-top: 3.2vw;
  }
  .step__list {
    margin-top: 7.4666666667vw;
    grid-template-columns: repeat(1, 1fr);
    gap: 7.4666666667vw;
  }
  .step__list.column4 {
    grid-template-columns: repeat(1, 1fr);
  }
  .step__list.column4 li {
    gap: 8vw;
  }
  .step__list.column4 li:last-of-type {
    gap: 2.6666666667vw;
  }
  .step__list.column4 li:last-of-type .step__list--ttl {
    margin-top: 1.0666666667vw;
  }
  .step__list > li {
    border-radius: 2.6666666667vw;
    padding: 6.6666666667vw 4vw;
    grid-template-rows: 8.5333333333vw auto auto;
  }
  .step__list > li:first-of-type {
    gap: 5.3333333333vw;
  }
  .step__list > li:first-of-type img {
    width: 17.0666666667vw;
  }
  .step__list > li:nth-of-type(n + 2)::before {
    width: 5.3333333333vw;
    height: 5.8666666667vw;
    position: absolute;
    top: -6.6666666667vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .step__list--ttl {
    font-size: 4.8vw;
  }
  .step__list--ttl + ul {
    margin-top: 3.7333333333vw;
  }
  .step__list--ttl + ul li {
    font-size: 3.7333333333vw;
  }
  .step__list--ttl + p {
    margin-top: 3.7333333333vw;
    font-size: 3.7333333333vw;
  }
  .step__subTtl {
    margin-top: 5.3333333333vw;
    font-size: 6.9333333333vw;
    padding-bottom: 1.0666666667vw;
  }
  .step__subTtl + p {
    margin-top: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
  .step__submission {
    margin-top: 5.3333333333vw;
    padding: 5.3333333333vw;
    border-radius: 2.6666666667vw;
    flex-direction: column;
    gap: 10.6666666667vw;
  }
  .step__submission .step__list-ttl {
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
  .step__submission .step__list-ttl + p {
    margin-top: 5.3333333333vw;
    font-size: 3.7333333333vw;
  }
  .step__submission .common-button {
    margin-top: 5.3333333333vw;
    width: 100%;
  }
  .step__submission img {
    margin: 5.3333333333vw 0;
    width: 100%;
  }
}/*# sourceMappingURL=application.css.map */