/* ====================
 * `/newgraduate`
 * ==================== */
.newgraduate-first-view {
  width: 100%;
  height: 976rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: relative;
}
@media (max-width: 768px) {
  .newgraduate-first-view {
    height: 1557rem;
    flex-direction: column-reverse;
  }
}
.newgraduate-first-view__bg {
  position: absolute;
  width: 1854rem;
  height: 70%;
  top: 0;
  right: 0;
  object-fit: fill;
}
@media (max-width: 768px) {
  .newgraduate-first-view__bg {
    height: 45%;
  }
}
.newgraduate-first-view__screen {
  display: block;
  position: absolute;
  width: 100%;
  height: calc(100% - 131rem);
  background-color: rgba(0, 80, 90, 0.9);
  bottom: 0;
}
@media (max-width: 768px) {
  .newgraduate-first-view__screen {
    width: 100%;
    height: calc(100% - 148rem);
  }
}
.newgraduate-first-view__main {
  font-size: 56rem;
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1.4442857143;
  letter-spacing: 0.08em;
  color: #ffffff;
  position: absolute;
  left: 100rem;
  margin-top: 130rem;
}
@media (max-width: 768px) {
  .newgraduate-first-view__main {
    font-size: 56rem;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.4442857143;
    letter-spacing: 0.08em;
    color: #ffffff;
    position: relative;
    margin-top: 0rem;
    width: 100%;
    left: auto;
    padding-left: 100rem;
    bottom: -118rem;
  }
}
.newgraduate-first-view__image {
  width: 960rem;
  height: 580rem;
  border-radius: 20rem;
  rotate: 1deg;
  position: absolute;
  right: 100rem;
  margin-top: 120rem;
}
@media (max-width: 768px) {
  .newgraduate-first-view__image {
    width: 866rem;
    height: 866rem;
    position: relative;
    right: auto;
    margin-top: -52rem;
  }
}

.newgraduate-message {
  padding: 183rem 0 160rem;
  position: relative;
}
@media (max-width: 768px) {
  .newgraduate-message {
    padding: 165rem 0 98rem;
  }
}
.newgraduate-message__bg {
  position: absolute;
  width: 1854rem;
  height: 70%;
  top: 0;
  right: 0;
  object-fit: fill;
  z-index: -1;
}
@media (max-width: 768px) {
  .newgraduate-message__bg {
    height: 45%;
  }
}
.newgraduate-message__wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  width: 1720rem;
  max-width: 1600px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .newgraduate-message__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column-reverse;
    width: 880rem;
  }
}
.newgraduate-message__texts {
  width: min(890rem, 890px);
  text-align: justify;
  margin-top: min(119rem, 119px);
}
@media (max-width: 768px) {
  .newgraduate-message__texts {
    margin-top: 80rem;
  }
}
.newgraduate-message__texts > p {
  font-size: min(26rem, 26px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 2.2307692308;
  letter-spacing: 0.1em;
  color: #1d1d1d;
}
@media (max-width: 768px) {
  .newgraduate-message__texts > p {
    font-size: 36rem;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.8333333333;
    letter-spacing: 0.06em;
    color: #1d1d1d;
    margin-bottom: 25rem;
  }
}
.newgraduate-message__anchor {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
}
.newgraduate-message__image {
  position: relative;
  width: min(580rem, 580px);
  aspect-ratio: 1/1;
  margin-top: min(138rem, 138px);
  margin-right: min(55rem, 55px);
}
@media (max-width: 768px) {
  .newgraduate-message__image {
    width: 713rem;
    height: 713rem;
    margin-top: 100rem;
    margin-right: 0;
  }
}

.newgraduate-about {
  background-color: rgba(242, 246, 247, 0.7);
  padding: 153rem 0 147rem;
}
@media (max-width: 768px) {
  .newgraduate-about {
    padding: 165rem 0 140rem;
  }
}

.newgraduate-feature {
  padding: 153rem 0 150rem;
}
@media (max-width: 768px) {
  .newgraduate-feature {
    padding: 165rem 0 200rem;
  }
}

.newgraduate-feature-slider {
  width: 1720rem;
  max-width: 1600px;
  margin: 142rem auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  position: relative;
}
@media (max-width: 768px) {
  .newgraduate-feature-slider {
    width: 880rem;
    margin: 70rem auto 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
}
.newgraduate-feature-slider__list {
  position: relative;
  width: 100%;
  padding-right: min(80rem, 80px);
}
@media (max-width: 768px) {
  .newgraduate-feature-slider__list {
    padding-right: 0;
  }
}
.newgraduate-feature-slider__card {
  position: absolute;
  top: 0;
  opacity: 0;
  pointer-events: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
@media (max-width: 768px) {
  .newgraduate-feature-slider__card {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
}
.newgraduate-feature-slider__card.--current {
  position: relative;
  pointer-events: auto;
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-delay: 0s;
  transition-timing-function: linear;
}
.newgraduate-feature-slider__image {
  width: min(800rem, 800px);
  height: min(508rem, 508px);
  border-radius: min(20rem, 20px);
  background-color: grey;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .newgraduate-feature-slider__image {
    width: 100%;
    height: 559rem;
  }
}
.newgraduate-feature-slider__texts {
  width: 100%;
  padding-left: min(100rem, 100px);
  margin-top: max(-20rem, -20px);
}
@media (max-width: 768px) {
  .newgraduate-feature-slider__texts {
    width: 100%;
    padding-left: 0;
    margin-top: 40rem;
  }
}
.newgraduate-feature-slider__heading {
  font-size: min(54rem, 54px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 2.2592592593;
  letter-spacing: 0.04em;
  color: inherit;
  margin-bottom: min(20rem, 20px);
}
@media (max-width: 768px) {
  .newgraduate-feature-slider__heading {
    font-size: 54rem;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 2.2592592593;
    letter-spacing: 0.04em;
    color: inherit;
    margin-bottom: 4rem;
  }
}
.newgraduate-feature-slider__number {
  font-size: min(80rem, 80px);
  font-family: "futura-pt", sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1.525;
  letter-spacing: 0.05em;
  color: inherit;
  margin-right: 16rem;
}
.newgraduate-feature-slider__text {
  text-align: justify;
  font-size: min(26rem, 26px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.7307692308;
  letter-spacing: 0.04em;
  color: #1d1d1d;
  margin-bottom: min(114rem, 114px);
}
@media (max-width: 768px) {
  .newgraduate-feature-slider__text {
    font-size: 36rem;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.8333333333;
    letter-spacing: 0.06em;
    color: #1d1d1d;
    margin-bottom: 54rem;
  }
}
.newgraduate-feature-slider__button {
  width: min(121rem, 121px);
  height: min(121rem, 121px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin: 0 0 0 auto;
}
@media (max-width: 768px) {
  .newgraduate-feature-slider__button {
    width: 178rem;
    height: 178rem;
  }
}
.newgraduate-feature-slider__button-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  rotate: -90deg;
}
.newgraduate-feature-slider__button-circle circle:nth-child(1) {
  stroke: rgba(242, 246, 247, 0.7);
}
.newgraduate-feature-slider__button-circle circle:nth-child(2) {
  stroke: #00505a;
  stroke-dasharray: 364.424;
  stroke-dashoffset: 364.424;
}
.newgraduate-feature-slider__button-text {
  font-size: min(20rem, 20px);
  font-family: "futura-pt", sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06em;
  color: inherit;
  margin-right: min(10rem, 10px);
  margin-left: min(4rem, 4px);
}
@media (max-width: 768px) {
  .newgraduate-feature-slider__button-text {
    font-size: 30rem;
    font-family: "futura-pt", sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.06em;
    color: inherit;
    margin-right: 10rem;
    margin-left: 4rem;
  }
}
.newgraduate-feature-slider__button-arrow {
  fill: #00505a;
  width: min(12rem, 12px);
  height: min(18rem, 18px);
}
@media (max-width: 768px) {
  .newgraduate-feature-slider__button-arrow {
    width: 18rem;
    height: 27rem;
  }
}
.newgraduate-feature-slider__pagination {
  position: absolute;
  right: 0;
}
@media (max-width: 768px) {
  .newgraduate-feature-slider__pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin: 10rem auto 0;
  }
}
.newgraduate-feature-slider__pagination button {
  padding: min(8rem, 8px);
}
@media (max-width: 768px) {
  .newgraduate-feature-slider__pagination button {
    padding: 17rem;
  }
}
.newgraduate-feature-slider__pagination button > span {
  display: block;
  width: min(8rem, 8px);
  height: min(8rem, 8px);
  border-radius: 100%;
  border: 1px #00505a solid;
}
@media (max-width: 768px) {
  .newgraduate-feature-slider__pagination button > span {
    width: 14rem;
    height: 14rem;
  }
}
.newgraduate-feature-slider__pagination button.--current {
  pointer-events: none;
}
.newgraduate-feature-slider__pagination button.--current > span {
  background-color: #00505a;
}

.newgraduate-service {
  padding: 164rem 0 150rem !important;
}
@media (max-width: 768px) {
  .newgraduate-service {
    padding: 150rem 0 160rem !important;
  }
}
.newgraduate-service__list {
  width: 1720rem;
  max-width: 1600px;
  margin: 110rem auto 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  column-gap: min(120rem, 120px);
  row-gap: min(95rem, 95px);
}
@media (max-width: 768px) {
  .newgraduate-service__list {
    width: 880rem;
    margin: 105rem auto 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: auto;
    column-gap: 0;
    row-gap: 125rem;
  }
}

.newgraduate-service-card__image {
  width: 100%;
  height: min(610rem, 610px);
  border-radius: min(20rem, 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 768px) {
  .newgraduate-service-card__image {
    border-radius: 20rem;
    height: 670rem;
  }
}
.newgraduate-service-card__image img {
  width: 74%;
  height: 67%;
  border-radius: min(20rem, 20px);
}
@media (max-width: 768px) {
  .newgraduate-service-card__image img {
    border-radius: 20rem;
    width: 652rem;
    height: 450rem;
  }
}
.newgraduate-service-card__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-top: min(41rem, 41px);
}
@media (max-width: 768px) {
  .newgraduate-service-card__body {
    margin-top: 50rem;
  }
}
.newgraduate-service-card__body-text {
  font-size: min(32rem, 32px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.34375;
  letter-spacing: 0.06em;
  color: #1d1d1d;
  width: min(600rem, 600px);
}
@media (max-width: 768px) {
  .newgraduate-service-card__body-text {
    font-size: 38rem;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3157894737;
    letter-spacing: 0.06em;
    color: #1d1d1d;
    width: 700rem;
  }
}

/* ====================
 * `/newgraduate/message`
 * ==================== */
.newgraduate-message-first-view {
  margin-bottom: 170rem;
}
@media (max-width: 768px) {
  .newgraduate-message-first-view {
    margin-bottom: 80rem;
  }
}
.newgraduate-message-first-view__texts {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-top: 112rem;
}
@media (max-width: 768px) {
  .newgraduate-message-first-view__texts {
    margin-top: 80rem;
  }
}
.newgraduate-message-first-view__main {
  font-size: 60rem;
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1.3166666667;
  letter-spacing: 0.08em;
  color: inherit;
  display: inline-block;
}
@media (max-width: 768px) {
  .newgraduate-message-first-view__main {
    font-size: 56rem;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0.08em;
    color: inherit;
    width: 880rem;
  }
}

@media (max-width: 768px) {
  .newgraduate-message-article {
    margin-bottom: 150rem;
  }
}
.newgraduate-message-article__block {
  width: 1720rem;
  max-width: 1600px;
  margin: 0 auto min(131rem, 131px);
}
@media (max-width: 768px) {
  .newgraduate-message-article__block {
    width: 880rem;
    margin-bottom: 83rem;
  }
}
.newgraduate-message-article__block:nth-child(even) {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
@media (max-width: 768px) {
  .newgraduate-message-article__block:nth-child(even) {
    flex-direction: column;
  }
}
.newgraduate-message-article__block:nth-child(even) .newgraduate-message-article__texts {
  padding-left: min(100rem, 100px);
}
@media (max-width: 768px) {
  .newgraduate-message-article__block:nth-child(even) .newgraduate-message-article__texts {
    padding-left: 0;
  }
}
.newgraduate-message-article__block:nth-child(odd) {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .newgraduate-message-article__block:nth-child(odd) {
    flex-direction: column;
  }
}
.newgraduate-message-article__block:nth-child(odd) .newgraduate-message-article__texts {
  padding-right: min(100rem, 100px);
}
@media (max-width: 768px) {
  .newgraduate-message-article__block:nth-child(odd) .newgraduate-message-article__texts {
    padding-right: 0;
  }
}
.newgraduate-message-article__image {
  width: min(800rem, 800px);
  height: min(529rem, 529px);
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .newgraduate-message-article__image {
    width: 100%;
    height: 583rem;
    margin-bottom: 90rem;
  }
}
.newgraduate-message-article__texts {
  width: 100%;
}
.newgraduate-message-article__main {
  font-size: min(48rem, 48px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1.6875;
  letter-spacing: -0.04em;
  color: inherit;
  margin-bottom: min(45rem, 45px);
}
@media (max-width: 768px) {
  .newgraduate-message-article__main {
    font-size: 48rem;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.6666666667;
    letter-spacing: -0.04em;
    color: inherit;
    margin-bottom: 60rem;
  }
}
.newgraduate-message-article__text {
  font-size: min(26rem, 26px);
  font-family: "IBM Plex Sans JP", sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1.9230769231;
  letter-spacing: 0.1em;
  color: #1d1d1d;
  text-align: justify;
}
@media (max-width: 768px) {
  .newgraduate-message-article__text {
    font-size: 36rem;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.8333333333;
    letter-spacing: 0.1em;
    color: #1d1d1d;
  }
}

/*# sourceMappingURL=page-newgraduate.css.map */